
/* v12.5: current briefing and visible archive */
.brief-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,290px);gap:30px;align-items:start}.brief-layout>*{min-width:0}.brief-history{position:sticky;top:calc(var(--header-height,180px) + 14px);padding:20px;background:#fff;border:1px solid #ddd8ea;border-radius:10px;max-height:calc(100dvh - var(--header-height,180px) - 32px);overflow-y:auto;overflow-wrap:anywhere}.brief-history h2{font:600 22px/1.2 'Space Grotesk',sans-serif;margin:0 0 10px}.brief-history p{font-size:14px;line-height:1.4}.brief-history nav{display:grid;gap:8px}.brief-history a{display:block;padding:10px 6px;color:#5031bf;text-decoration:none;border-bottom:1px solid #eee9ff;font-size:14px;line-height:1.35}.brief-history a.current{background:#eee9ff;border-radius:6px;font-weight:700}.brief-entry{padding:22px 0;border-bottom:1px solid #ddd8ea;scroll-margin-top:calc(var(--header-height,180px) + 16px);overflow-wrap:anywhere}.brief-entry h2{font:600 clamp(23px,3vw,32px)/1.15 'Space Grotesk',sans-serif;margin:0 0 14px}.brief-entry p{line-height:1.45}.brief-toc{display:flex;flex-wrap:wrap;gap:8px;padding:20px 0}.brief-toc a{background:#eee9ff;color:#5031bf;border-radius:5px;padding:10px;font-size:14px}.brief-priority{background:#fff8e8;border-left:4px solid #a96200;padding:16px 20px;margin:24px 0}.brief-byline,.brief-review{font-size:13px;color:#625b72;line-height:1.4}.brief-current-strip{display:flex;flex-wrap:wrap;gap:12px;padding:18px;margin-bottom:22px;background:#eee9ff;border-left:4px solid #5031bf;border-radius:6px}.brief-current-strip a{font-size:14px;line-height:1.4}.brief-archive-bottom{margin-top:24px}.brief-archive-bottom .brief-history{position:static;max-height:none}.brief-archive-bottom nav{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.brief-layout{grid-template-columns:1fr}.brief-history{position:static;max-height:none}.brief-archive-bottom nav{grid-template-columns:1fr}.brief-current-strip{flex-direction:column}}
@media print{.brief-history,.brief-toc{display:none}.brief-layout{display:block}}

/* Fully contained ecosystem and complete in-frame component explanations. */
.ecosystem-section,.eco-page-intro,.eco-workspace,.eco-visual-frame,.eco-reading-pane{min-width:0;max-width:100%;box-sizing:border-box}.eco-page-intro{padding-top:24px}.eco-page-intro h1{font-size:clamp(28px,4vw,46px);line-height:1.08;margin:12px 0}.eco-page-intro .lead{max-width:90ch;font-size:16px;line-height:1.4}.eco-page-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.eco-controls{padding:10px 0;gap:8px}.eco-controls .trace-btn{font-size:13px;padding:8px 12px}.eco-view-switch{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.eco-view-switch button[aria-pressed="true"]{background:#5031bf;color:#fff}.eco-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px;align-items:start}.eco-scroll{overflow:visible;scrollbar-gutter:auto}.eco-scroll .eco-svg{width:100%;min-width:0!important;max-width:100%;height:auto;aspect-ratio:1200/1120}.eco-component-guide{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.eco-guide-mode .eco-component-guide{display:grid}.eco-guide-mode .eco-scroll{display:none}.eco-guide-button{display:flex;flex-direction:column;text-align:left;gap:6px;min-width:0;min-height:70px;background:#fff;border:1px solid #ddd8ea;border-radius:8px;padding:12px;color:#302d43;cursor:pointer;overflow-wrap:anywhere}.eco-guide-button span{font:10px/1.4 'IBM Plex Mono',monospace;color:#5031bf}.eco-guide-button strong{font:600 14px/1.3 'IBM Plex Sans',sans-serif}.eco-guide-button.is-selected{border:2px solid #5031bf;background:#eee9ff}.eco-guide-button:focus-visible{outline:3px solid #5031bf;outline-offset:2px}.eco-inline-explainer{position:static!important;max-height:none!important;width:100%!important;max-width:100%!important;overflow:visible!important;box-sizing:border-box;box-shadow:none;scrollbar-gutter:auto;scroll-margin-top:calc(var(--header-height,180px) + 12px)}.eco-inline-explainer .eco-explainer-head{position:static}.eco-inline-explainer p{line-height:1.4}.eco-scroll-hint{line-height:1.4}.eco-reading-pane:empty::before{content:'Select a component to read its assurance details.'}.eco-legend{font-size:11px}.eco-expanded .eco-workspace{flex:1 1 auto;min-height:0;overflow-y:auto}.eco-expanded .eco-scroll{display:block!important;flex:none}.eco-expanded .eco-scroll .eco-svg{width:100%!important;height:auto!important;max-height:none!important;min-width:0!important}body.eco-expanded .eco-guide-mode .eco-scroll{display:none!important}
@media(max-width:900px){.eco-workspace{grid-template-columns:1fr}.eco-inline-explainer h2{font-size:23px}.eco-inline-explainer p{font-size:15px}.eco-page-actions .btn{min-width:0;white-space:normal;max-width:100%;box-sizing:border-box}.eco-controls label{width:100%}.eco-controls select{width:100%;min-width:0}.eco-expanded .eco-workspace{display:block}}
@media(max-width:440px){.eco-component-guide{grid-template-columns:1fr}.eco-page-actions{display:grid;grid-template-columns:1fr}.eco-page-actions a{width:100%;box-sizing:border-box}}
@media print{.eco-component-guide,.eco-view-switch{display:none}.eco-workspace{display:block}.eco-scroll{display:block!important}.eco-inline-explainer{display:block!important}}

.eco-model-principle{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;padding:12px 16px;margin:12px 0;background:#eee9ff;border-left:4px solid #5031bf;overflow-wrap:anywhere}.eco-model-principle strong{font:600 22px/1.2 "Space Grotesk",sans-serif;color:#30205e}.eco-model-principle span{font:14px/1.4 "IBM Plex Sans",sans-serif}.credentials{white-space:normal;overflow-wrap:anywhere;max-width:100%;line-height:1.4}

/* v12.5.1: contextual briefings and updated masthead. */
.brief-context{margin:18px 0;padding:16px 18px;border:1px solid #d8d1ed;border-left:4px solid #5031bf;border-radius:8px;background:#f5f2ff;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}.brief-context h3{font:600 18px/1.2 'Space Grotesk',sans-serif;color:#30205e;margin:0 0 12px}.brief-context dl{margin:0;display:grid;gap:10px}.brief-context dl>div{display:grid;grid-template-columns:minmax(110px,145px) minmax(0,1fr);gap:8px}.brief-context dt{font:600 12px/1.4 'IBM Plex Sans',sans-serif;color:#5031bf}.brief-context dd{margin:0;font:14px/1.4 'IBM Plex Sans',sans-serif;color:#302d43}.brief-terms{border-top:1px solid #ddd8ea;margin-top:14px;padding-top:12px}.brief-context h4{font:600 14px/1.3 'IBM Plex Sans',sans-serif;margin:0 0 8px}.brief-terms ul{margin:0;padding-left:18px;columns:2;column-gap:24px}.brief-terms li{font:13px/1.4 'IBM Plex Sans',sans-serif;break-inside:avoid;margin:0 0 5px}.brief-country-context{border-top:1px solid #ddd8ea;margin-top:14px;padding-top:12px}.brief-country-context p{font:14px/1.4 'IBM Plex Sans',sans-serif}.brief-context-standard{padding:16px;background:#fff;border-left:4px solid #5031bf;font:14px/1.4 'IBM Plex Sans',sans-serif;margin-top:24px}.site-header .brand b{color:#5031bf}
@media(max-width:650px){.brief-context dl>div{grid-template-columns:1fr;gap:3px}.brief-terms ul{columns:1}.brief-context{padding:14px}.site-header .brand b{white-space:normal}}

/* Step 6 explorer is a full-page section outside the constrained workflow column. */
.ecosystem-full-width{width:100%;max-width:none;grid-column:1/-1;clear:both;margin-top:28px;padding:24px 0;border-top:2px solid #5031bf;scroll-margin-top:calc(var(--header-height,180px) + 12px)}.ecosystem-full-width #ecosystemTitle{font-size:clamp(27px,3.3vw,42px);line-height:1.12;max-width:none}.eco-step-navigation{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.eco-step-connection{margin-top:14px;max-width:100%;white-space:normal;text-align:left}.eco-step-navigation a{display:inline-flex;align-items:center;text-decoration:none;min-height:44px;padding:8px 12px;border:1px solid #5031bf;border-radius:6px;color:#5031bf}.ecosystem-full-width .eco-workspace{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
@media(max-width:900px){.ecosystem-full-width .eco-workspace{grid-template-columns:1fr}.ecosystem-full-width{margin-top:20px;padding-top:20px}}

/* v12.5.2: larger graphic; explainer type exactly 80% of preceding release. */
.site-header .brand{font-size:21.6px!important;text-transform:uppercase}.site-header .brand b{white-space:normal}body[data-page="lab"] .lab-window-brand strong{font-size:15.6px;text-transform:uppercase}
.ecosystem-full-width .eco-workspace{grid-template-columns:minmax(0,2.5fr) minmax(0,1fr)}.ecosystem-full-width.eco-no-explainer .eco-workspace{grid-template-columns:minmax(0,1fr)}.eco-no-explainer .eco-reading-pane{display:none}.eco-no-explainer .eco-visual-frame{width:100%}
.eco-svg .eco-title{font-size:19.2px}.eco-svg .eco-meta{font-size:12px}.eco-svg .eco-core-title{font-size:32.4px}.eco-svg .eco-core-hint{font-size:15.6px}.eco-svg [data-component="inp"] .eco-title{font-size:20px;font-weight:700}
.eco-inline-explainer h2{font-size:17.6px}.eco-inline-explainer h3{font-size:10.4px}.eco-inline-explainer p{font-size:11.2px}.eco-inline-explainer .source-note{font-size:9.6px}.eco-inline-explainer .eco-explainer-head span{font-size:8px;line-height:1.4;overflow-wrap:anywhere}.eco-inline-explainer .eco-explainer-head button{font-size:10.4px;min-height:44px}.eco-inline-explainer section{margin-top:11px;padding-top:10px}
@media(max-width:900px){.site-header .brand{font-size:18px!important}.ecosystem-full-width .eco-workspace{grid-template-columns:1fr}.eco-inline-explainer h2{font-size:18.4px}.eco-inline-explainer p{font-size:12px}.eco-inline-explainer .source-note{font-size:9.6px}}
@media(max-width:440px){.site-header .brand{font-size:16.8px!important}}

/* v12.5.3: concise legal footer and contact/lab disclosures. */
.site-legal-footer{flex:0 0 100%;width:100%;box-sizing:border-box;padding:10px max(20px,calc((100% - 1180px)/2));color:#625b72;display:grid;gap:5px}.site-legal-footer small{font:11px/1.4 'IBM Plex Sans',sans-serif;max-width:110ch}.site-legal-footer a{color:#5031bf}.contact-email-note,.contact-confidentiality{font-size:14px;line-height:1.4;max-width:80ch}.contact-confidentiality{padding:12px 14px;background:#eee9ff;border-left:3px solid #5031bf}.lab-legal-note{width:min(1180px,calc(100% - 32px));margin:12px auto;font:12px/1.4 'IBM Plex Sans',sans-serif;color:#625b72}
