/* POSTLER — Two Traces / Harmonized Layout v2.2 (REVIEW)
   Only section #thinking. Preserve the v2.1 graphics, words, colors, interaction,
   the canonical heading position and the Tablet/Mobile SVG geometry. */
#thinking .pds-left-note {
  display:grid;
  grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);
  align-items:start;
  column-gap:16px;
  width:100%;
  max-width:420px;
  min-height:0;
  margin-top:15px;
  padding-top:13px;
}
#thinking .pds-left-note .note-top {grid-column:1/-1;margin-bottom:11px;}
#thinking .pds-left-note .pair {min-width:0;gap:7px;}
#thinking .pds-left-note .pair-label {line-height:1.3;}
#thinking .pds-left-note .pair-value {font-size:14px;line-height:1.39;overflow-wrap:break-word;}
#thinking .pds-left-note .note-dash {width:1px;height:100%;min-height:65px;margin:0;background:var(--line);}
#thinking .switch-label{margin-bottom:9px;}
#thinking .switch-option{min-height:32px;padding:6px 11px;}
@media(min-width:1181px) {
  #thinking .thinking-intro>p{margin-top:32px;max-width:395px;}
  #thinking .example-switch{margin-top:23px;padding-top:12px;}
  #thinking .pds-center{transform:translateY(-14px);}
}
@media(min-width:651px) and (max-width:1180px) {
  #thinking .thinking-intro>p{margin-top:25px;}
  #thinking .example-switch{margin-top:20px;padding-top:12px;}
  #thinking .pds-left-note{max-width:600px;margin-top:14px;}
  #thinking .pds-center{transform:translateY(-12px);}
}
@media(max-width:650px) {
  #thinking .thinking-intro>p{margin-top:22px;}
  #thinking .example-switch{margin-top:20px;padding-top:12px;}
  #thinking .pds-left-note{display:block;max-width:none;margin-top:14px;padding-top:12px;}
  #thinking .pds-left-note .note-top{margin-bottom:10px;}
  #thinking .pds-left-note .pair{gap:4px;}
  #thinking .pds-left-note .pair-value{font-size:14px;line-height:1.38;}
  #thinking .pds-left-note .note-dash{height:1px;min-height:0;width:36px;margin:10px 0;}
  #thinking .pds-center{transform:translateY(-8px);}
}
@media(max-width:359px) {
  #thinking .pds-left-note{min-height:148px;}
}