.breadcrumbs { padding-top:22px; }.breadcrumbs ol { display:flex; flex-wrap:wrap; gap:8px 12px; list-style:none; padding:0; margin:0; font-size:.8125rem; line-height:1.6; color:var(--muted); }.breadcrumbs li { display:inline-flex; align-items:center; gap:12px; }.breadcrumbs li+li::before { content:"/"; color:#888; }.breadcrumbs a { min-height:32px; }.breadcrumbs [aria-current] { color:var(--ink); }
.overview-hero { padding-top:28px; align-items:center; gap:clamp(36px,6vw,88px); }.overview-hero h1 { font-size:clamp(2.75rem,4.6vw,4.4rem); }.overview-lead { color:var(--muted); font-size:1rem; line-height:1.8; margin-top:18px; }.overview-hero .hero-actions { align-items:center; gap:16px 24px; }.overview-map { border:1px solid var(--line); border-top:3px solid var(--repair-accent); border-radius:4px 4px 14px 14px; padding:clamp(24px,3.5vw,42px); background:white; }.overview-map h2 { font-size:2rem; line-height:1.3; margin:22px 0; }.overview-map ol { padding:0; margin:0; list-style:none; }.overview-map li { display:grid; grid-template-columns:72px 1fr; gap:18px; padding:18px 0; border-top:1px solid var(--line); }.overview-map strong { font-size:1rem; }.overview-map span { color:var(--muted); font-size:.875rem; line-height:1.7; }
.overview-jump { display:flex; align-items:baseline; gap:16px 32px; padding-block:20px; border-bottom:1px solid var(--line); font-size:.875rem; }.overview-jump>span { color:var(--muted); flex-shrink:0; }.overview-jump ul { display:flex; flex-wrap:wrap; gap:2px 24px; padding:0; margin:0; list-style:none; }.overview-jump a { display:inline-flex; min-height:44px; align-items:center; text-decoration:underline; text-underline-offset:5px; text-decoration-color:#aaa; }
.system-cards { display:grid; grid-template-columns:1fr 1fr; gap:28px; }.system-card { padding:clamp(22px,3vw,36px); border:1px solid var(--line); border-radius:12px; display:flex; flex-direction:column; background:white; }.system-card h3 { font-size:1.5rem; line-height:1.4; margin:16px 0 20px; }.system-card figure { margin:0 0 22px; }.system-card img { display:block; width:100%; height:auto; border:1px solid var(--line); border-radius:6px; }.system-card figcaption { color:var(--muted); font-size:.75rem; line-height:1.7; margin-top:12px; }.system-card>p:not(.eyebrow) { color:var(--muted); font-size:.9375rem; line-height:1.8; margin:0 0 16px; }.system-card>.text-link { margin-top:auto; padding-top:6px; }
.overview-steps { list-style:none; padding:0; margin:0; max-width:930px; }.overview-steps li { display:grid; grid-template-columns:36px 1fr; gap:24px; border-top:1px solid var(--line); padding:26px 0; }.overview-steps li>span { color:#a44b00; font-size:.8125rem; padding-top:5px; }.overview-steps h3 { font-size:1.25rem; line-height:1.5; margin:0 0 10px; }.overview-steps p,.overview-body { color:var(--muted); font-size:1rem; line-height:1.8; }.overview-steps p { margin:0 0 12px; }.overview-page .overview-steps a,.component-grid a,.safety-topics a,.overview-reading a,.overview-page .faq-item a { font-size:.9375rem; text-decoration:underline; text-underline-offset:4px; line-height:1.8; }
.explorer-invite { display:flex; align-items:center; justify-content:space-between; gap:24px 40px; background:white; border:1px solid var(--line); border-left:3px solid var(--repair-accent); border-radius:8px; padding:30px; margin-top:24px; }.explorer-invite h3 { font-size:1.5rem; margin:12px 0; }.explorer-invite p:not(.eyebrow) { margin:0; line-height:1.8; color:var(--muted); font-size:.9375rem; }.explorer-invite .button { flex-shrink:0; }
.component-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px 48px; margin:0; }.component-grid>div { padding-top:24px; border-top:1px solid var(--line); }.component-grid dt { font-size:1.25rem; font-weight:700; line-height:1.5; margin-bottom:14px; }.component-grid dd { margin:0 0 12px; font-size:.9375rem; color:var(--muted); line-height:1.8; }
.overview-split { display:grid; grid-template-columns:1fr 1.12fr; gap:clamp(32px,6vw,80px); align-items:start; }.safety-topics article { border-top:1px solid var(--line); padding:24px 0; }.safety-topics article:first-child { padding-top:0; border-top:0; }.safety-topics article:last-child { padding-bottom:0; }.safety-topics h3 { font-size:1.25rem; line-height:1.5; margin:0 0 12px; }.safety-topics p { color:var(--muted); font-size:.9375rem; line-height:1.8; }
.learning-routes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }.learning-routes article { padding:28px; background:var(--surface); border:1px solid var(--line); border-radius:12px; display:flex; flex-direction:column; }.learning-routes h3 { font-size:1.25rem; margin:18px 0 12px; line-height:1.5; }.learning-routes p:not(.eyebrow) { color:var(--muted); font-size:.9375rem; line-height:1.8; margin:0 0 20px; }.learning-routes .text-link { margin-top:auto; }.overview-note { margin:28px 0 0; padding:18px 22px; border-left:3px solid var(--repair-accent); background:var(--surface); color:var(--muted); font-size:.875rem; line-height:1.8; }.overview-reading h2 { font-size:1.75rem; }.overview-reading p,.overview-reading li { color:var(--muted); font-size:.9375rem; line-height:1.8; }.overview-reading p { margin-top:0; }.overview-reading ul { padding-left:20px; }.overview-reading li+li { margin-top:10px; }
.overview-cta { background:var(--ink); color:white; }.overview-cta>.shell { display:grid; grid-template-columns:1.15fr 1fr; gap:36px 72px; align-items:center; }.overview-cta .eyebrow,.overview-cta p { color:#ddd; }.overview-cta p:not(.eyebrow) { line-height:1.8; }.overview-cta .button { background:white; color:var(--ink); }.overview-cta .text-link { color:white; margin-top:22px; display:flex; }
@media(max-width:1100px) { .overview-hero .button { padding-inline:18px; font-size:.9375rem; }.learning-routes { gap:16px; }.learning-routes article { padding:22px; } }
@media(max-width:800px) { .overview-hero { padding-top:24px; gap:30px; }.overview-hero h1 { font-size:clamp(2.4rem,7vw,3.25rem); }.overview-jump { display:block; padding-block:16px; }.overview-jump>span { display:block; margin-bottom:6px; }.system-cards,.component-grid,.overview-split,.learning-routes,.overview-cta>.shell { grid-template-columns:1fr; }.overview-split { gap:28px; }.system-card { padding:24px; }.system-card h3 { font-size:1.375rem; }.explorer-invite { display:block; padding:24px; }.explorer-invite .button { margin-top:24px; }.learning-routes article { padding:26px; } }
@media(max-width:480px) { .breadcrumbs { padding-top:16px; }.breadcrumbs ol { font-size:.75rem; }.overview-hero .hero-actions .button { width:100%; }.overview-map { padding:24px; }.overview-map li { grid-template-columns:64px 1fr; gap:12px; }.overview-steps li { grid-template-columns:24px 1fr; gap:16px; }.system-card { padding:20px; }.overview-note { padding:16px 18px; } }

/* Match the shared model’s movement to the guide’s two equal columns. */
.overview-hero { column-gap:var(--hero-gap); }
.overview-hero .hero-image { margin:0; }
.overview-hero .hero-image.hero-lift { border:0; border-radius:0; background:transparent; }
.overview-page .hero-explorer-controls .journey-steps { max-width:none; }

/* A clear invitation to operate the model and open its signals. */
.overview-hero .hero-image.hero-lift .interactive-invite { display:flex; flex-direction:column; align-items:stretch; gap:14px; text-align:left; border-top:1px solid var(--line); padding:18px 0 0; }
.interactive-invite>div { display:grid; gap:6px; }
.interactive-invite strong { font-size:1rem; color:var(--ink); }
.interactive-invite>div span { font-size:.8125rem; line-height:1.65; color:var(--muted); }
.interactive-invite .hero-lift-open { align-self:flex-start; min-height:44px; padding:10px 16px; border:1px solid #b35b15; border-radius:4px; font-size:.875rem; color:var(--ink); background:white; }
.interactive-invite .hero-lift-open:hover { background:#fff7ef; }
.overview-hero.is-exploring .interactive-invite>div { display:none; }