/* Compact recognition: a native accordion in the approved visual system. */
#situations .section-heading { align-items:flex-end; }
#situations .section-heading h2 { max-width:15ch; }
#situations .section-heading>p { max-width:29ch; }
#situations .situations-layout { align-items:start; gap:44px; }
#situations .situation-accordion { border-top:1px solid var(--line); min-width:0; }
#situations .situation-detail { border-bottom:1px solid var(--line); }
#situations .situation-detail>summary { display:grid; grid-template-columns:27px minmax(0,1fr) 23px; align-items:center; gap:20px; min-height:96px; padding:21px 0; cursor:pointer; list-style:none; -webkit-tap-highlight-color:rgba(104,118,80,.12); }
#situations .situation-detail>summary::-webkit-details-marker { display:none; }
#situations .situation-title { font-size:24px; line-height:1.3; font-weight:500; letter-spacing:-.025em; }
#situations .situation-icon,#situations .situation-toggle { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
#situations .situation-icon { color:#687650; }
#situations .situation-toggle { width:22px; height:22px; color:var(--muted); }
#situations .situation-detail[open] .situation-toggle-vertical { opacity:0; }
#situations .situation-answer { padding:0 43px 25px 47px; }
#situations .situation-answer p { font-size:15px; line-height:1.65; color:var(--muted); max-width:63ch; }
#situations .situation-answer p+p { margin-top:13px; }
#situations .situation-action { display:inline-flex; align-items:center; justify-content:center; gap:18px; background:transparent; color:var(--forest); font-weight:500; font-size:14px; line-height:1.4; padding:10px 0; margin-top:15px; min-height:44px; text-align:center; text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:1px; }
#situations .situation-action svg { width:19px; height:19px; }
#situations .situation-detail>summary:focus-visible { outline:3px solid #927143; outline-offset:5px; border-radius:4px; }
#situations .approach>img { height:190px; min-height:0; object-position:50% 0%; }
#situations .approach-copy { padding:23px 25px 25px; }
#situations .approach-icon { display:none; }
#situations .approach-copy h3 { font-size:25px; margin-bottom:14px; }
#situations .approach-copy p { font-size:14px; line-height:1.6; }
@media (hover:hover) and (pointer:fine) {
  #situations .situation-detail>summary:hover .situation-title { color:#687650; }
  #situations .situation-action:hover { color:#687650; }
}
html[data-motion-input="pointer"] #situations .situation-toggle-vertical { transition:opacity 160ms var(--ease); }
html[data-motion-input="keyboard"] #situations .situation-toggle-vertical { transition:none; }
@media (max-width:1100px) {
  #situations .situations-layout { gap:30px; }
  #situations .situation-detail>summary { gap:16px; min-height:100px; }
  #situations .situation-title { font-size:22px; }
  #situations .situation-answer { padding-left:43px; padding-right:10px; }
  #situations .approach-copy { padding:22px; }
  #situations .approach-copy h3 { font-size:24px; }
}
@media (max-width:800px) {
  #situations .situations-layout { gap:26px; }
  #situations .situation-detail>summary { grid-template-columns:24px minmax(0,1fr) 20px; gap:13px; }
  #situations .situation-title { font-size:21px; }
  #situations .situation-answer { padding-left:0; padding-right:0; }
  #situations .situation-answer p { font-size:14px; }
  #situations .approach>img { height:auto; }
  #situations .approach-copy { padding:20px; }
  #situations .approach-copy h3 { font-size:23px; }
  #situations .approach-copy p { font-size:13px; }
}
@media (max-width:600px) {
  #situations .section-heading h2 { max-width:16ch; font-size:39px; }
  #situations .section-heading>p { font-size:14px; margin-top:19px; }
  #situations .situations-layout { gap:28px; }
  #situations .situation-detail>summary { min-height:88px; padding:20px 0; gap:15px; }
  #situations .situation-title { font-size:21px; line-height:1.3; }
  #situations .situation-answer { padding-bottom:22px; }
  #situations .situation-answer p { font-size:15px; line-height:1.65; }
  #situations .situation-action { font-size:14px; margin-top:13px; }
  #situations .approach { display:grid; grid-template-columns:minmax(0,1fr); width:100%; }
  #situations .approach>img { width:100%; height:auto; min-height:0; object-position:50% 0%; }
  #situations .approach-copy { padding:23px 19px; }
  #situations .approach-copy h3 { font-size:22px; margin-bottom:14px; }
  #situations .approach-copy p { font-size:13px; }
}
@media (max-width:370px) {
  #situations .section-heading h2 { font-size:35px; }
  #situations .situation-detail>summary { gap:11px; grid-template-columns:24px minmax(0,1fr) 20px; }
  #situations .situation-title { font-size:19px; }
  #situations .situation-answer p { font-size:14px; }
  #situations .approach-copy { padding:23px; }
  #situations .approach-copy h3 { font-size:25px; }
  #situations .approach-copy p { font-size:14px; }
}
@media (prefers-reduced-motion:reduce) {
  html[data-motion-input="pointer"] #situations .situation-toggle-vertical { transition:none; }
}
