/* SI-110 only. Keep useful flow diagrams, method cards and intentional remarks. */
.si110-review .api-kicker{font-weight:850;letter-spacing:.14em;gap:9px}
.si110-review .api-kicker::before{width:27px;height:2px;background:var(--green)}
.si110-review .api-section+.api-section{padding-top:0}
.si110-review .api-intro,.si110-review .api-audience-copy,.si110-review .api-methods h2{max-width:none}
/* Existing situations and conditional recovery tasks use the accepted mini cards. */
.si110-review .api-problem-list,.si110-review .api-recovery-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;margin:21px 0 23px;padding:0}
.si110-review .api-problem-list li,.si110-review .api-recovery-list .api-task-card{display:flex;align-items:flex-start;gap:12px;min-width:0;margin:0;padding:16px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);box-shadow:none;font-size:13px;line-height:1.6;cursor:default}
.si110-review .api-recovery-list .api-task-card::before{content:none}
.si110-review .api-problem-list svg,.si110-review .api-recovery-list .api-task-icon{display:flex;flex:0 0 24px;width:24px;height:24px;margin:0;color:var(--green-deep)}
.si110-review .api-problem-list svg,.si110-review .api-task-icon svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.7}
.si110-review .api-task-description{min-width:0}
/* Keep discovery questions as a plain list beside the existing data-flow diagram. */
.si110-review .api-check-list li::before{content:"";width:5px;height:5px;border-radius:50%;background:#8ba67b;top:10px}
.si110-review .api-map-support{border-top:0}
.si110-review .api-recovery-path{border-top:0;padding-top:0}
/* Authentication and recovery are distinct full-width sections, without prose caps. */
.si110-review .api-assurance .api-editorial-grid{grid-template-columns:1fr;gap:64px}
.si110-review .api-assurance .api-editorial-grid>article{border-top:0;padding-top:0}
.si110-review .api-assurance .api-editorial-grid h2{font-size:clamp(28px,2.6vw,38px);line-height:1.15}
/* Keep the compact milestone flow with its explanatory paragraph in reading order. */
.si110-review .api-delivery .api-delivery-grid{grid-template-columns:1fr;gap:0}
.si110-review .api-delivery-copy>p[data-api-source="API-049"]{margin-bottom:0}
.si110-review .api-delivery .api-lifecycle{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr) 32px minmax(0,1fr);gap:16px;width:100%;max-width:590px;justify-self:center;padding:0;margin:16px auto 24px}
.si110-review .api-delivery .api-lifecycle>div{width:100%;justify-self:center;gap:12px}
.si110-review .api-delivery .api-lifecycle>.api-connector{width:32px;align-self:center}
/* Medium referral cards: only the underlined text link is interactive. */
.si110-review .api-related .api-referral-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}
.si110-review .api-related .api-referral-card{display:flex;flex-direction:column;gap:16px;min-width:0;padding:24px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);box-shadow:none;cursor:default}
.si110-review .api-referral-heading{display:flex;align-items:flex-start;gap:12px;min-width:0}
.si110-review .api-related .api-referral-heading svg{position:static;flex:0 0 24px;width:24px;height:24px;color:var(--green-deep);stroke-width:1.7}
.si110-review .api-referral-heading h3{min-width:0;margin:0;color:var(--ink);overflow-wrap:anywhere}
.si110-review .api-related .api-referral-card>p{margin:0}
.si110-review .api-referral-card .api-referral-link{align-self:flex-start;margin-top:auto}
.si110-review .api-referral-arrow{display:inline-block;margin-left:8px}
/* The audience is compact open prose, with the existing full-width wrapper. */
.si110-review .api-section.api-related,.si110-review .api-section.api-audience{padding-bottom:32px}
.si110-review .api-audience h2{margin-top:0}
/* Home's final-panel image and exact overlays resolve from this theme asset path. */
.si110-review .api-final-panel.final-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 30px;border:0;border-radius:12px;box-shadow:var(--shadow);background-color:#164722;background-image:linear-gradient(95deg,rgba(14,61,28,.98) 0%,rgba(19,76,31,.93) 38%,rgba(24,95,38,.58) 66%,rgba(20,83,36,.18) 100%),url('../img/hero-building-clean.png');background-size:cover;background-position:center}
.si110-review .api-final-panel.final-panel>div{min-width:0}
.si110-review .api-final-panel.final-panel h2{font-size:30px;line-height:1.02;font-weight:700;letter-spacing:-.038em;color:#fff;max-width:none;margin:7px 0 0}
.si110-review .api-final-panel.final-panel p{font-size:13px;line-height:1.5;max-width:750px;color:#fff;margin:5px 0 0}
.si110-review .api-final-panel.final-panel .api-final-actions{flex:none;min-width:0;margin:0;gap:14px}
.si110-review .api-final-panel.final-panel .button-light{color:var(--ink);font-weight:850}
.si110-review .api-final-panel.final-panel .api-final-actions a:not(.button){color:#fff;text-decoration-color:rgba(255,255,255,.65)}
@media(max-width:1100px){.si110-review .api-problem-list,.si110-review .api-recovery-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1279px){.si110-review .api-assurance .api-editorial-grid{gap:48px}}
@media(max-width:1000px){.si110-review .api-final-panel.final-panel{flex-direction:column;align-items:flex-start}}
@media(max-width:760px){
 .si110-review .api-assurance .api-editorial-grid{gap:36px}
 .si110-review .api-related .api-referral-grid{grid-template-columns:1fr}
 .si110-review .api-section.api-related,.si110-review .api-section.api-audience{padding-bottom:24px}
 .si110-review .api-delivery .api-lifecycle{grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) 14px minmax(0,1fr);gap:8px}
 .si110-review .api-delivery .api-lifecycle>.api-connector{width:14px}
 .si110-review .api-final-panel.final-panel{padding:24px;background-image:linear-gradient(100deg,rgba(14,61,28,.98) 0%,rgba(19,76,31,.88) 60%,rgba(20,83,36,.65) 100%),url('../img/hero-building-clean.png')}
 .si110-review .api-final-panel.final-panel h2{font-size:29px}
 .si110-review .api-final-panel.final-panel .api-final-actions{width:100%}
 .si110-review .api-final-panel.final-panel .button-light{white-space:normal;max-width:none;width:100%}
}
@media(max-width:600px){.si110-review .api-problem-list,.si110-review .api-recovery-list{grid-template-columns:1fr}}