/* GENERATED CANONICAL SPI DESIGN SYSTEM. DO NOT EDIT. */
@layer ds-components, ds-utilities;
@layer ds-components{
:root{--ds-color-navy-950:#070F22;--ds-color-navy-900:#101D3A;--ds-color-navy-800:#182B52;--ds-color-gold-500:#C5A059;--ds-color-gold-300:#DFC282;--ds-color-gold-700:#9C7C40;--ds-color-paper:#F9F9F9;--ds-color-surface:#FFFFFF;--ds-color-text:var(--ds-color-navy-900);--ds-color-body:#425A75;--ds-color-muted:#62768E;--ds-color-line:#DCE5EF;--ds-color-soft:#F7F9FC;--ds-color-on-inverse:#FFFFFF;--ds-color-on-inverse-muted:#E0E7F2;--ds-color-ivory:#FFFAF0;--ds-color-ivory-border:#E9DCC2;--ds-color-success-wash:#EDF5F1;--ds-color-success-border:#779A8E;--ds-color-caution-wash:#FCF0ED;--ds-color-caution-border:#BC6654;--ds-academic-card-border:var(--ds-color-line);--ds-academic-card-gap:var(--ds-space-4);--ds-academic-card-padding:var(--ds-space-5);--ds-font-heading:"Playfair Display",Georgia,serif;--ds-font-body:Inter,Arial,sans-serif;--ds-type-body:16px;--ds-type-help:14px;--ds-academic-body-size:var(--ds-type-body);--ds-academic-body-leading:1.75;--ds-academic-chapter-size:clamp(24px,2.8vw,34px);--ds-academic-section-size:clamp(20px,2.1vw,25px);--ds-academic-detail-size:clamp(18px,1.55vw,20px);--ds-academic-card-label-size:13px;--ds-academic-helper-size:14px;--ds-academic-copy-width:100%;--ds-academic-caption-size:var(--ds-type-help);--ds-academic-measure:76ch;--ds-academic-block-gap:var(--ds-space-6);--ds-academic-section-gap:var(--ds-space-8);--ds-academic-cell-padding:var(--ds-space-3);--ds-academic-rule:var(--ds-color-line);--ds-type-h1:clamp(30px,3.1vw,42px);--ds-type-h2:clamp(23px,2.4vw,29px);--ds-space-1:4px;--ds-space-2:8px;--ds-space-3:12px;--ds-space-4:16px;--ds-space-5:20px;--ds-space-6:24px;--ds-space-7:28px;--ds-space-8:32px;--ds-space-9:36px;--ds-radius-sm:10px;--ds-radius-md:12px;--ds-radius-lg:16px;--ds-shadow-panel:0 6px 28px rgba(12,26,49,.045);--ds-content-width:1160px;--ds-focus-ring:3px solid var(--ds-color-gold-500);--ds-motion-quick:150ms;}
:root{--navy:var(--ds-color-navy-950);--navy-2:var(--ds-color-navy-900);--gold-2:var(--ds-color-gold-300);--ink-2:var(--ds-color-navy-900);--line-2:#c6d0dc;--serif:"Playfair Display", Georgia, serif;--sans:Inter, system-ui, sans-serif;--container:1480px;--gutter:clamp(16px, 3vw, 48px);--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:14px;--r-pill:999px;--shadow-sm:0 2px 8px   rgba(7, 16, 36, 0.04);--t-fast:0.15s ease;--t:0.2s ease;}
*, *::before, *::after{box-sizing:border-box;}
html{font-family:var(--sans);color:var(--ink);-webkit-text-size-adjust:100%;}
body{min-width:280px;-webkit-tap-highlight-color:transparent;}
img, svg{max-width:100%;height:auto;}
button, input, select, textarea{font:inherit;color:inherit;}
:is(a, button, input, textarea, select):focus-visible{box-shadow:0 0 0 1px #fff;outline-offset:3px;}
h1, h2, h3{line-height:1.3;margin:0 0 12px;text-wrap:balance;}
h1, h2{font-family:var(--serif);}
p{margin:0 0 14px;text-wrap:pretty;}
input, textarea, select{background:var(--white);color:#14223d;border:1px solid var(--line-2);border-radius:var(--r-md);padding:11px 12px;min-height:44px;max-width:100%;transition:border-color var(--t-fast), box-shadow var(--t-fast);}
input:focus,
textarea:focus,
select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(197, 160, 89, 0.18);outline:none;}
textarea{width:100%;resize:vertical;min-height:90px;}
label{display:block;font-size:0.88rem;font-weight:600;margin:10px 0;}
label > input:not([type=checkbox]):not([type=radio]),
label > select{display:block;width:100%;margin-top:6px;}
label small{display:block;font-size:0.78rem;font-weight:400;color:var(--muted);}
fieldset{margin:18px 0;}
legend{font-weight:650;max-width:100%;padding:0 4px;}
input[type=file]{max-width:100%;padding:12px;background:#f6f7fa;cursor:pointer;}
.nav{background:var(--navy);color:var(--white);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(197, 160, 89, 0.34);}
.navinner{width:min(var(--container), 100%);padding:13px var(--gutter);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--nav-h);}
.brand{letter-spacing:0.1em;font-size:0.9rem;font-weight:700;color:var(--white);text-decoration:none;line-height:1.2;}
.brand small{display:block;font-size:0.65rem;letter-spacing:0.05em;color:var(--gold-2);font-weight:500;margin-top:3px;}
.monogram{font:700 1.1rem var(--serif);display:grid;place-items:center;background:var(--gold);color:var(--navy);height:39px;width:39px;flex:none;border-radius:var(--r-sm);}
.nav nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.nav nav > a{font-size:0.82rem;color:var(--white);text-decoration:none;min-height:40px;display:flex;align-items:center;padding:8px;border-radius:var(--r-sm);transition:color var(--t);}
.nav nav > a:hover{color:var(--gold-2);}
.navcta{border-radius:var(--r-sm);}
.navbtn{border:1px solid rgba(255, 255, 255, 0.33);background:transparent;color:var(--white);border-radius:var(--r-sm);font-size:0.8rem;min-height:40px;padding:8px 12px;transition:border-color var(--t), color var(--t);}
.navbtn:hover{border-color:var(--gold-2);color:var(--gold-2);}
.container{width:min(var(--container), 100%);padding:30px var(--gutter) 55px;margin:auto;}
.hero{border-radius:var(--r-lg);margin:0 0 24px;border:1px solid var(--line);box-shadow:var(--shadow);}
.hero.compact{padding:32px;}
.hero-dark,
.authaside{background:linear-gradient(120deg, var(--ds-color-navy-950), var(--ds-color-navy-900) 76%, var(--ds-color-navy-800));color:var(--white);}
.hero-dark h1,
.authaside h1{color:var(--white);}
.hero-dark p,
.authaside p{color:#e4e8f0;}
.eyebrow{margin:0 0 9px;}
.hero-dark .eyebrow,
.authaside .eyebrow{color:var(--gold-2);}
.muted,
.panel .muted{color:var(--muted);font-size:0.88rem;}
.notice{margin-bottom:17px;}
.pilot{border-radius:var(--r-sm);font-weight:700;letter-spacing:0.03em;}
.guidance{overflow-wrap:anywhere;}
.panel{margin:0 0 23px;min-width:0;}
.panel > h2{color:var(--navy-2);}
.narrow{max-width:720px;margin-inline:auto;}
.btn,
.smallbtn{background:var(--navy-2);color:var(--white);border:none;border-radius:var(--r-md);display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;min-height:45px;padding:11px 18px;font-size:0.88rem;font-weight:650;transition:background-color var(--t), color var(--t), border-color var(--t);}
.btn:hover,
.smallbtn:hover{background:#243f6d;color:var(--white);text-decoration:none;}
.btn-gold:hover{color:#071024;}
.btn-outline{background:var(--white);color:var(--navy-2);border:1px solid var(--navy-2);}
.btn-outline:hover{background:var(--navy-2);color:var(--white);}
.btn-outline-light{background:transparent;color:var(--white);border:1px solid var(--gold-2);}
.btn-outline-light:hover{background:var(--gold-2);color:var(--navy);}
.smallbtn{min-height:36px;padding:6px 11px;font-size:0.76rem;margin:3px;}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin:21px 0 4px;}
.badge{display:inline-block;padding:5px 10px;background:#f2eee4;color:#695122;border-radius:var(--r-pill);font-size:0.72rem;font-weight:700;white-space:normal;}
.footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}
.cards{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:22px;}
.cards article,
.modulecard{padding:23px;border:1px solid var(--line);background:var(--white);border-radius:var(--r-lg);}
.modulegrid{display:grid;}
.modulecard{display:flex;flex-direction:column;gap:8px;}
.modulecard p{font-size:0.82rem;color:var(--muted);}
.modulecard a,
.modulecard .badge{margin-top:auto;}
.number{font-weight:800;font-size:0.7rem;letter-spacing:0.08em;color:#9a772e;}
.levelrow,
.linecard{display:flex;justify-content:space-between;align-items:center;gap:15px;}
.levelrow{margin-bottom:17px;}
.linecard{border-top:1px solid var(--line);flex-wrap:wrap;}
.linecard > form{display:flex;flex-wrap:wrap;align-items:center;gap:7px;}
.linecard form > select,
.linecard form > input{width:min(220px, 100%);}
.linecard p{margin:5px 0 0;color:var(--muted);font-size:0.84rem;}
.authgrid{display:grid;grid-template-columns:minmax(0, 0.94fr) minmax(0, 1fr);gap:18px;}
.authaside{border-radius:var(--r-lg);padding:clamp(26px, 4vw, 60px);}
.authgrid .panel{margin:0;}
.formgrid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0 18px;}
.checkline,
.option{display:flex;align-items:flex-start;gap:10px;font-size:0.9rem;font-weight:400;line-height:1.6;padding:11px 12px;background:#f7f9fb;border:1px solid var(--line);border-radius:var(--r-md);}
.checkline input,
.option input{flex:none;width:18px;height:18px;min-height:18px;margin:3px 0 0;accent-color:#986c27;}
.option{margin:7px 0;cursor:pointer;}
.stat{font:600 2.3rem var(--serif);color:#132747;overflow-wrap:anywhere;}
.workspace{align-items:start;}
.sidepanel{position:sticky;top:calc(var(--nav-h) + 19px);background:var(--white);border-radius:var(--r-lg);border:1px solid var(--line);padding:19px;display:grid;gap:4px;}
.sidepanel a{text-decoration:none;font-size:0.86rem;padding:9px 7px;border-bottom:1px solid var(--line);border-radius:var(--r-sm);transition:background-color var(--t);}
.sidepanel a:hover{background:#f5f7fa;}
.sidepanel a:last-child{border-bottom:0;}
.reading{overflow-wrap:break-word;position:relative;max-width:100%;min-width:0;}
.reading h1,
.reading h2,
.reading h3{margin:24px 0 13px;color:var(--navy-2);scroll-margin-top:calc(var(--nav-h) + 16px);}
.reading p,
.reading li{font-size:0.94rem;line-height:1.85;}
.reading table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;}
.reading td,
.reading th{border:1px solid var(--line);padding:9px 12px;text-align:left;}
.reading blockquote{padding:16px;background:#faf6eb;border-left:3px solid var(--gold);border-radius:var(--r-sm);}
.reading .watermark{background:#f9f6ef;color:#887449;padding:8px 12px;margin-bottom:22px;letter-spacing:0.05em;font-size:0.7rem;}
.reading section,
.reading div{max-width:100%;}
.reading pre{white-space:pre-wrap;overflow-wrap:anywhere;}
.toolfield{display:block;padding:16px 0;border-bottom:1px solid var(--line);}
.toolfield b{display:block;font-size:0.9rem;margin-bottom:7px;}
.toolfield textarea{background:#fafbfc;}
.progress{height:9px;background:#e6e8ef;border-radius:var(--r-pill);overflow:hidden;margin:12px 0;}
.progress span{display:block;height:100%;background:linear-gradient(90deg, #94712c, var(--ds-color-gold-300));transition:width var(--t);}
progress.progress{width:100%;height:13px;accent-color:var(--gold);display:block;margin:12px 0;border-radius:var(--r-lg);}
.program-session{border:1px solid var(--line);margin:12px 0;padding:15px;border-radius:var(--r-lg);overflow-wrap:anywhere;background:var(--white);}
.program-session summary{cursor:pointer;font-weight:650;color:var(--navy-2);min-height:38px;overflow-wrap:anywhere;transition:color var(--t);}
.program-session summary:hover{color:var(--gold);}
.program-session p{white-space:pre-line;font-size:0.92rem;}
.program-session form{padding-top:12px;}
.metric-panel{border:1px solid #dfd5be;border-radius:var(--r-lg);padding:20px;margin:18px 0 25px;}
.metric-list{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:13px;}
.metric-control{display:flex;flex-direction:column;justify-content:space-between;gap:7px;background:var(--white);border:1px solid #ece6da;border-radius:var(--r-md);padding:13px;min-width:0;}
.metric-control span{min-height:40px;line-height:1.4;}
.metric-control input{padding:0;border:0;width:100%;accent-color:var(--ds-color-gold-700);}
.metric-control output{font-weight:700;color:var(--navy-2);font-size:0.85rem;}
.signal-display{margin:16px 0 0;padding:14px;background:var(--navy-2);color:var(--white);border-radius:var(--r-md);font-size:0.85rem;}
.analysis-board{margin:25px 0;padding:clamp(16px, 2.5vw, 28px);border-radius:var(--r-xl);color:var(--navy-2);}
.analysis-board-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;}
.analysis-board-head h3{margin:5px 0 10px;}
.analysis-board-head p{max-width:65ch;}
.planning-only{color:#705920;border:1px solid var(--gold);padding:6px 10px;border-radius:var(--r-pill);font-size:12px;}
.analysis-columns{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:14px;margin:20px 0;}
.analysis-tile{min-width:0;background:#f1f3f5;padding:16px;border-radius:var(--r-lg);border-left:3px solid var(--gold);}
.analysis-tile output{display:block;font-size:clamp(24px, 3vw, 36px);font-weight:750;margin:6px 0;color:var(--navy-2);}
.analysis-tile p{font-size:14px;line-height:1.6;overflow-wrap:anywhere;}
.scenario-bar-header{display:flex;justify-content:space-between;font-weight:600;margin-bottom:12px;font-size:13px;}
.scenario-bar-row{display:grid;grid-template-columns:minmax(100px, 1fr) minmax(130px, 1.5fr);align-items:center;gap:12px;margin:14px 0;font-size:13px;min-width:0;}
.scenario-bar-pair{display:grid;gap:5px;min-width:0;}
.scenario-bar{height:9px;background:#e1e5e9;overflow:hidden;border-radius:var(--r-pill);}
.scenario-bar span{display:block;height:100%;background:var(--navy-2);border-radius:var(--r-pill);transition:width var(--t);}
.alternative-bar span{background:var(--gold);}
.scenario-inputs{border:1px solid #dfe3e9;padding:15px;margin:22px 0;border-radius:var(--r-md);min-width:0;}
.scenario-inputs legend{padding:0 8px;}
.scenario-inputs legend small{font-weight:400;color:#687489;margin-left:7px;}
.scenario-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:14px;}
.scenario-item{display:flex;flex-direction:column;gap:12px;min-width:0;overflow-wrap:anywhere;font-size:13px;}
.scenario-item input{width:100%;accent-color:var(--ds-color-gold-700);}
.scenario-item output{font-size:12px;}
.analysis-method{font-size:13px;color:#596479;}
.analysis-guidance{padding:14px 16px;background:#f3eddf;border-radius:var(--r-md);margin:15px 0;line-height:1.6;}
.structured-toolkit{background:var(--white);border:1px solid rgba(197, 160, 89, 0.4);border-radius:var(--r-xl);padding:clamp(16px, 2.5vw, 25px);margin:24px 0;min-width:0;}
.structured-toolkit h3{margin:0 0 12px;color:var(--navy-2);}
.structured-row{padding:16px;background:var(--cream);border:1px solid #e5e5ea;border-radius:var(--r-lg);margin:15px 0;min-width:0;}
.structured-row h4{margin:0 0 13px;color:var(--navy-2);}
.structured-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;margin-bottom:12px;}
.structured-grid label{display:block;font-size:13px;min-width:0;}
.structured-grid textarea{width:100%;min-height:80px;display:block;margin-top:7px;border:1px solid #ccd3db;padding:10px;color:var(--navy-2);font:inherit;resize:vertical;}
.structured-layout{display:grid;grid-template-columns:minmax(0, 1.6fr) minmax(210px, 1fr);gap:18px;align-items:start;}
.structured-map{position:sticky;top:calc(var(--nav-h) + 9px);border:1px solid #e2e6ed;border-radius:var(--r-lg);padding:16px;min-width:0;background:var(--white);}
.structured-map svg{width:100%;height:auto;display:block;}
.record-axes{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;margin:12px 0;}
.record-axes label{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:12px;}
.record-axes input{width:100%;accent-color:var(--ds-color-gold-700);}
.record-axes output{color:#6c521b;font-size:11px;}
.custom-record-row{border:1px solid #b5a78f;border-radius:var(--r-lg);padding:1.15rem;margin:1rem 0;background:#fffdfa;min-width:0;}
.custom-record-row textarea{width:100%;max-width:100%;min-height:78px;}
#custom-toolkit-form input[type=range]{width:100%;min-width:0;}
#custom-toolkit-form .metric-panel{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1.1rem;margin:1rem 0;}
#custom-map{height:auto;display:block;margin:1rem auto;}
.spi-certificate{border:3px solid var(--gold);text-align:center;padding:54px 32px;max-width:950px;margin:auto;background:#fffdf9;}
.spi-certificate h1{font-family:var(--serif);font-size:clamp(30px, 4vw, 52px);}
.spi-certificate h2{font-family:var(--serif);font-size:clamp(24px, 3vw, 38px);color:var(--navy-2);}
.spi-certificate p{max-width:650px;margin:20px auto;}
.spi-certificate a{overflow-wrap:anywhere;}
:is(.spi-invisible-game-reader,
    .spi-stakeholder-intelligence-reader,
    .spi-office-politics-reader,
    .spi-organizational-analysis-reader,
    .spi-practical-power-reader,
    .spi-application-reader){min-width:0;max-width:100%;overflow-wrap:anywhere;}
:is(.spi-invisible-game-reader,
    .spi-stakeholder-intelligence-reader,
    .spi-office-politics-reader,
    .spi-organizational-analysis-reader,
    .spi-practical-power-reader,
    .spi-application-reader) *{box-sizing:border-box;}
.spi-stakeholder-intelligence-reader :is(.grid, .cards, .two-col, .columns, .formgrid, .spi-native-reader-grid) > *{min-width:0;}
.spi-invisible-game-reader{font-size:15px;line-height:1.78;color:#1b2b43;}
.spi-invisible-game-reader > section{margin:0 0 32px;padding:22px 0;border-bottom:1px solid #e1e5ec;}
.spi-invisible-game-reader h2{font-family:var(--serif);font-size:clamp(24px, 3vw, 34px);color:var(--navy-2);margin:12px 0 18px;}
.spi-invisible-game-reader h3{font-size:clamp(18px, 2.4vw, 23px);color:var(--ds-color-navy-800);margin:20px 0 10px;}
.spi-invisible-game-reader p,
.spi-invisible-game-reader li{line-height:1.77;}
.spi-invisible-game-reader .cards,
.spi-invisible-game-reader .two-col,
.spi-invisible-game-reader .triple{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 245px), 1fr));gap:14px;}
.spi-invisible-game-reader table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;}
.spi-invisible-game-reader table td,
.spi-invisible-game-reader table th{border:1px solid #e4e5e7;padding:10px;text-align:left;vertical-align:top;}
.spi-invisible-game-reader svg,
.spi-invisible-game-reader img{max-width:100%;height:auto;}
.spi-invisible-game-reader figure{margin:22px 0;max-width:100%;overflow-x:auto;}
.spi-invisible-game-reader .l1-readout,
.spi-invisible-game-reader .case-panel,
.spi-invisible-game-reader .note,
.spi-invisible-game-reader .spi-learning-native-note{background:#f9f6ef;padding:18px;border-left:3px solid var(--gold);border-radius:var(--r-md);}
.spi-invisible-game-reader .l1-nodes{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 210px), 1fr));gap:12px;margin:22px 0;}
.spi-invisible-game-reader .l1-nodes > div{padding:14px 15px;border:1px solid #dce1e9;border-radius:var(--r-lg);background:#f6f8fb;}
.spi-invisible-game-reader .l1-nodes b{display:block;color:var(--navy-2);margin-bottom:6px;}
.spi-invisible-game-reader .l1-nodes small{display:block;font-size:13px;line-height:1.55;color:#45536a;}
.spi-invisible-game-reader .l1-charter > .k,
.spi-invisible-game-reader .chapter-k{font-size:11px;text-transform:uppercase;letter-spacing:0.12em;color:#947035;font-weight:800;}
.spi-invisible-game-reader .case-panel,
.spi-invisible-game-reader .infographic,
.spi-invisible-game-reader .worked-example{max-width:100%;overflow:hidden;}
.spi-invisible-game-reader details{background:var(--white);border:1px solid #dde3ec;padding:14px;border-radius:var(--r-lg);margin:12px 0;}
.spi-invisible-game-reader blockquote{margin:16px 0;padding:12px 16px;border-left:3px solid var(--gold);background:#f7f5f0;border-radius:var(--r-sm);}
.spi-stakeholder-intelligence-reader table{display:block;width:100%;max-width:100%;overflow-x:auto;}
.spi-stakeholder-intelligence-reader img,
.spi-stakeholder-intelligence-reader svg{max-width:100%;height:auto;}
.spi-stakeholder-intelligence-reader pre{max-width:100%;overflow-x:auto;}
.spi-stakeholder-intelligence-reader .grid,
.spi-stakeholder-intelligence-reader .cards{min-width:0;}
.spi-office-politics-reader .spi-compact-table-scroll{display:block;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;margin:1rem 0;scrollbar-gutter:stable;}
.spi-office-politics-reader .spi-compact-table-scroll table{margin:0;max-width:none;min-width:650px;}
.spi-organizational-analysis-reader .scroll{display:block;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;}
.spi-organizational-analysis-reader .scroll table{max-width:none;margin:0;}
.spi-organizational-analysis-reader img,
.spi-organizational-analysis-reader svg,
.spi-organizational-analysis-reader pre{max-width:100%;}
.spi-organizational-analysis-reader pre{overflow-x:auto;}
.spi-practical-power-reader b + small{display:block;margin-top:0.15rem;}
@media (max-width: 1060px){.modulegrid{grid-template-columns:repeat(2, minmax(0, 1fr));}}
@media (max-width: 1060px){.navinner{flex-wrap:wrap;}}
@media (max-width: 1060px){.nav nav{width:100%;justify-content:flex-start;}}
@media (max-width: 1060px){.workspace{grid-template-columns:1fr;}}
@media (max-width: 1060px){.sidepanel{position:static;display:flex;flex-wrap:wrap;gap:8px;}}
@media (max-width: 1060px){.sidepanel h3{width:100%;}}
@media (max-width: 1060px){.sidepanel a{background:#f5f7fa;padding:8px;border-radius:var(--r-sm);border:0;}}
@media (min-width: 980px){.cards.three-track{grid-template-columns:repeat(3, minmax(0, 1fr));}}
@media (max-width: 900px){.structured-layout{grid-template-columns:1fr;}}
@media (max-width: 900px){.structured-map{position:static;max-width:420px;}}
@media (max-width: 900px){.record-axes{grid-template-columns:1fr;}}
@media (max-width: 900px){.metric-list{grid-template-columns:repeat(2, minmax(0, 1fr));}}
@media (max-width: 760px){.metric-list{grid-template-columns:1fr;}}
@media (max-width: 760px){.metric-control span{min-height:0;}}
@media (max-width: 680px){.analysis-columns,
  .scenario-grid{grid-template-columns:1fr;}}
@media (max-width: 680px){.scenario-bar-row{grid-template-columns:minmax(95px, 1fr) minmax(120px, 1.2fr);}}
@media (max-width: 680px){.analysis-board{padding:14px;}}
@media (max-width: 680px){.scenario-inputs legend small{display:block;margin:4px 0;}}
@media (max-width: 680px){.analysis-board .btn{max-width:100%;white-space:normal;}}
@media (max-width: 680px){.structured-grid{grid-template-columns:1fr;}}
@media (max-width: 680px){.structured-row{padding:12px;}}
@media (max-width: 640px){.container{padding:16px 12px 36px;}}
@media (max-width: 640px){.navinner{padding:12px;}}
@media (max-width: 640px){.nav nav{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:6px;width:100%;}}
@media (max-width: 640px){.nav nav > a,
  .nav nav .navbtn{font-size:0.78rem;justify-content:center;text-align:center;padding:6px 4px;min-height:42px;overflow-wrap:anywhere;}}
@media (max-width: 640px){.nav nav form{min-width:0;}}
@media (max-width: 640px){.navbtn{width:100%;}}
@media (max-width: 640px){.hero{padding:23px 19px;}}
@media (max-width: 640px){.modulegrid,
  .formgrid,
  .cards,
  .authgrid{grid-template-columns:1fr;}}
@media (max-width: 640px){.panel{padding:19px 15px;}}
@media (max-width: 640px){.linecard{align-items:flex-start;}}
@media (max-width: 640px){.linecard > form{width:100%;justify-content:flex-start;}}
@media (max-width: 640px){.linecard form button{margin:5px 0;}}
@media (max-width: 640px){.question{padding:14px;}}
@media (max-width: 640px){.footer{flex-direction:column;}}
@media (max-width: 640px){.modulecard{min-height:120px;}}
@media (max-width: 640px){.levelrow{align-items:flex-start;}}
@media (max-width: 640px){.reading{padding:20px 14px;}}
@media (max-width: 640px){.sidepanel a{font-size:0.78rem;}}
@media (max-width: 640px){.stat{font-size:1.7rem;}}
@media (max-width: 640px){.program-session{padding:12px;}}
@media (max-width: 640px){.panel .formgrid label{min-width:0;}}
@media (max-width: 640px){.panel button{max-width:100%;white-space:normal;}}
@media (max-width: 640px){.spi-invisible-game-reader > section{padding:14px 0;}}
@media (max-width: 640px){.spi-invisible-game-reader h2{font-size:24px;}}
@media (max-width: 640px){.spi-invisible-game-reader figure{margin:14px 0;}}
@media (max-width: 620px){#custom-toolkit-form .metric-panel{grid-template-columns:1fr;}}
@media (max-width: 620px){.custom-record-row{padding:0.75rem;}}
@media (max-width: 600px){.spi-stakeholder-intelligence-reader{font-size:1rem;line-height:1.7;}}
@media (max-width: 600px){.spi-stakeholder-intelligence-reader h2{font-size:clamp(1.28rem, 5vw, 1.8rem);}}
@media (max-width: 600px){.spi-stakeholder-intelligence-reader h3{font-size:clamp(1.1rem, 4.5vw, 1.4rem);}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto;}}
@media print{.spi-certificate{border:3px solid var(--gold);page-break-inside:avoid;}}
@media print{.container{max-width:none;}}
.spi-legal-page{--spi-legal-ink:var(--ds-color-navy-900);--spi-legal-gold:var(--ds-color-gold-500);max-width:1280px;margin:0 auto;padding:4px 0 40px;min-width:0;color:var(--spi-legal-ink);font-family:Inter,"Segoe UI",Arial,sans-serif;}
.spi-legal-page *{box-sizing:border-box;}
.spi-legal-page .spi-legal-hero{padding:clamp(27px,4vw,52px) clamp(24px,4.7vw,66px);background:linear-gradient(118deg,var(--ds-color-navy-950),var(--ds-color-navy-900) 90%);border:1px solid #26314b;border-radius:15px;color:#fff;margin:0 0 25px;min-height:0;box-shadow:0 18px 40px rgba(7,15,34,.08);}
.spi-legal-hero-inner{max-width:990px;}
.spi-legal-page .spi-legal-kicker{font:800 12px/1.5 Inter,sans-serif;letter-spacing:.12em;color:var(--ds-color-gold-300);margin:0 0 14px;}
.spi-legal-page .spi-legal-hero h1{font:700 clamp(30px,3.7vw,49px)/1.14 "Playfair Display",Georgia,serif;letter-spacing:-.025em;color:#fff;margin:0 0 15px;max-width:950px;}
.spi-legal-page .spi-legal-intro{font:400 clamp(15px,1.3vw,17px)/1.7 Inter,sans-serif;color:#e0e6f0;margin:0;max-width:790px;}
.spi-legal-meta{display:flex;flex-wrap:wrap;gap:9px 28px;margin-top:27px;padding-top:16px;border-top:1px solid rgba(255,255,255,.2);color:var(--ds-color-gold-300);font-size:13px;font-weight:600;line-height:1.5;}
.spi-legal-layout{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:start;gap:24px;}
.spi-legal-nav{position:sticky;top:100px;border:1px solid #e2e7ed;border-radius:13px;background:#fff;padding:19px 14px;box-shadow:0 12px 30px rgba(7,15,34,.025);}
.spi-legal-nav p{margin:0 10px 10px;color:#97752f;font-size:12px;font-weight:800;letter-spacing:.12em;}
.spi-legal-nav a{display:block;padding:10px 12px;border-radius:8px;color:#344660;font:600 14px/1.4 Inter,sans-serif;text-decoration:none;}
.spi-legal-nav a:hover,.spi-legal-nav a:focus-visible{color:var(--ds-color-navy-900);background:#f6f3ec;outline-offset:2px;}
.spi-legal-document{background:#fff;border:1px solid #e0e5eb;border-radius:14px;padding:clamp(20px,3vw,41px);min-width:0;box-shadow:0 14px 40px rgba(7,15,34,.035);}
.spi-legal-summary{padding:20px 22px;background:#f7f9fc;border:1px solid #e2e8f0;border-radius:11px;margin-bottom:27px;}
.spi-legal-summary-kicker{color:var(--ds-color-gold-700);font-size:12px;letter-spacing:.1em;font-weight:800;margin:0 0 13px;}
.spi-legal-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.spi-legal-summary-grid>div{padding:0 13px;border-left:3px solid var(--ds-color-gold-500);}
.spi-legal-summary-grid strong,.spi-legal-summary-grid span{display:block;font-size:14px;line-height:1.5;}
.spi-legal-summary-grid strong{margin-bottom:5px;color:var(--ds-color-navy-900);}
.spi-legal-summary-grid span{color:#596982;}
.spi-legal-section{padding:25px 0 26px;border-top:1px solid #e4e8ee;scroll-margin-top:95px;}
.spi-legal-section:first-of-type{border-top:0;padding-top:0;}
.spi-legal-num{display:block;color:#946f2c;font:800 12px/1.4 Inter,sans-serif;letter-spacing:.11em;margin-bottom:10px;}
.spi-legal-page .spi-legal-section h2{font:700 clamp(21px,2vw,27px)/1.32 "Playfair Display",Georgia,serif;letter-spacing:-.012em;color:var(--ds-color-navy-900);margin:0 0 13px;}
.spi-legal-page .spi-legal-section p,.spi-legal-page .spi-legal-bullets li{font:400 16px/1.78 Inter,"Segoe UI",Arial,sans-serif;color:#40516b;margin:0 0 14px;overflow-wrap:break-word;}
.spi-legal-page .spi-legal-section strong{font-weight:700;color:var(--ds-color-navy-900);}
.spi-legal-page .spi-legal-highlight{padding:10px 14px;background:#fbf8f1;border-radius:8px;}
.spi-legal-bullets{margin:5px 0 15px;padding-left:26px;}
.spi-legal-page .spi-legal-bullets li{padding-left:4px;margin-bottom:7px;}
.spi-legal-data-rows{border:1px solid #e2e8f0;border-radius:11px;overflow:hidden;margin-bottom:17px;}
.spi-legal-data-rows>div{display:grid;grid-template-columns:minmax(155px,.75fr) minmax(0,2fr);gap:15px;padding:15px 17px;border-top:1px solid #e2e8f0;}
.spi-legal-data-rows>div:first-child{border-top:0;}
.spi-legal-data-rows strong{font-size:15px;line-height:1.5;color:var(--ds-color-navy-900);}
.spi-legal-data-rows span{font-size:15px;line-height:1.65;color:#40516b;}
.spi-legal-page .spi-legal-section a{color:#806021;text-decoration:underline;text-underline-offset:3px;font-weight:700;}
.spi-legal-closing{background:#f7f9fc;border-left:4px solid var(--ds-color-gold-500);padding:18px 20px;border-radius:9px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;}
.spi-legal-closing strong{font-size:16px;}
.spi-legal-closing span{font-size:14px;line-height:1.6;color:#56657b;}
.spi-legal-closing a{margin-top:7px;}
@media (max-width:850px){.spi-legal-layout{grid-template-columns:minmax(0,1fr);gap:16px;}}
@media (max-width:850px){.spi-legal-nav{position:static;display:flex;flex-wrap:wrap;gap:5px;padding:12px;}}
@media (max-width:850px){.spi-legal-nav p{flex-basis:100%;margin:0 9px 3px;}}
@media (max-width:850px){.spi-legal-nav a{font-size:12px;padding:8px 9px;background:#f8f9fb;}}
@media (max-width:850px){.spi-legal-summary-grid{grid-template-columns:1fr;gap:13px;}}
@media (max-width:540px){.spi-legal-page .spi-legal-hero{padding:27px 22px;border-radius:11px;}}
@media (max-width:540px){.spi-legal-page .spi-legal-hero h1{font-size:32px;}}
@media (max-width:540px){.spi-legal-document{padding:19px 16px;}}
@media (max-width:540px){.spi-legal-summary{padding:18px 15px;}}
@media (max-width:540px){.spi-legal-data-rows>div{grid-template-columns:1fr;gap:5px;}}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;}
button,input,select,textarea{font:inherit;}
button{cursor:pointer;}
a{text-decoration:none;}
svg{max-width:100%;}
h1,h2,h3,h4,p{margin:0;}
h1{font-size:clamp(34px,4vw,60px);letter-spacing:-2px;}
h2{font-size:clamp(26px,2.7vw,36px);letter-spacing:-1.1px;}
h3{font-size:21px;letter-spacing:-.45px;}
h4{font-size:16px;letter-spacing:-.2px;}
.tiny{font-size:11px;}
.small{font-size:12px;}
.semibold{font-weight:650;}
.strong{font-weight:780;}
.caps{text-transform:uppercase;letter-spacing:1px;}
.sp-4{height:4px;}
.sp-12{height:12px;}
.sp-20{height:20px;}
.sp-30{height:30px;}
.sp-42{height:42px;}
:where(button,a,input,select,textarea,[role="button"]):focus-visible,
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{outline:3px solid #806129;box-shadow:0 0 0 1px #fff;outline-offset:3px;}
.btn.small-btn{padding:8px 11px;font-size:12px;min-height:32px;}
.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;}
.pill{display:inline-block;padding:6px 10px;font-weight:700;font-size:11px;background:#f0f2f4;color:#53616d;}
.pill.green{background:#e6f4ec;color:#25674d;}
.pill.blue{background:#e5f0f8;color:#285b86;}
.pill.red{background:#f8eaea;color:#903e3e;}
.soft{border:1px solid var(--line);padding:18px;}
.line{height:1px;background:var(--line);margin:20px 0;}
.grid{display:grid;gap:16px;}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr));}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr));}
.grid.four{grid-template-columns:repeat(4,minmax(0,1fr));}
.stack{display:flex;flex-direction:column;gap:15px;}
.row{display:flex;align-items:center;gap:12px;}
.between{justify-content:space-between;}
.top{align-items:flex-start;}
.wrap{flex-wrap:wrap;}
.bar>span{display:block;height:100%;background:linear-gradient(90deg,#bd9239,#e0c081);border-radius:9px;}
.field{display:flex;flex-direction:column;gap:7px;}
.field label{font-size:12px;font-weight:750;}
.field input,.field select,.field textarea{border:1px solid #cfd6db;padding:11px 12px;background:#fff;color:var(--ink);min-width:0;width:100%;}
.field textarea{min-height:100px;resize:vertical;}
.field .help{font-size:11px;color:var(--muted);}
.tag-num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--cream);color:#76551d;border-radius:10px;font-weight:800;font-size:12px;}
.iconbox{height:40px;width:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;background:var(--cream);font-size:19px;}
.screen{display:none;}
.screen.active{display:block;}
.viewhead{padding:30px 0 22px;}
.viewhead .description{color:var(--muted);font-size:13px;margin-top:8px;max-width:750px;}
.demo-chip{right:18px;bottom:16px;border:1px solid #f0e2b2;color:#674916;background:#fff8e8;padding:10px 14px;font-size:11px;z-index:30;}
.topnav{color:#fff;}
.brand{cursor:pointer;display:flex;align-items:center;gap:11px;}
.brandmark{height:39px;width:39px;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:22px;font-weight:700;}
.brandtext{display:flex;flex-direction:column;gap:3px;}
.brandtext small{font-size:9px;text-transform:uppercase;}
.global-nav{display:flex;align-items:center;gap:7px;}
.nav-tab{border:1px solid transparent;background:transparent;font-weight:650;padding:10px 12px;}
.nav-right{display:flex;align-items:center;gap:11px;}
.workspace-select{border:1px solid #51545b;padding:9px;font-size:12px;}
.menu-toggle{display:none;border:1px solid #474d58;background:transparent;padding:7px 10px;}
.site-width{max-width:1480px;margin:auto;padding:0 clamp(18px,3.5vw,56px);}
.layout{display:grid;grid-template-columns:234px minmax(0,1fr);min-height:calc(100vh - 74px);}
.sidebar{padding:24px 14px 30px 22px;position:sticky;top:74px;align-self:start;max-height:calc(100vh - 74px);overflow:auto;}
.sidebar h5{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;margin:23px 12px 9px;}
.side-item{border:0;width:100%;background:none;display:flex;align-items:center;text-align:left;gap:12px;padding:12px;font-weight:660;font-size:12.5px;}
.side-icon{font-size:16px;width:19px;text-align:center;}
.content{padding:20px clamp(18px,3.25vw,48px) 60px;min-width:0;max-width:1520px;width:100%;margin:auto;}
.app-area{display:none;}
.app-area.active{display:block;}
.public-area{display:none;}
.public-area.active{display:block;}
.footer{margin-top:60px;}
.hero{padding:clamp(38px,6vw,80px) 0;overflow:hidden;}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;}
.hero h1{max-width:730px;}
.hero p{font-size:15px;max-width:575px;line-height:1.7;}
.hero-card{padding:31px;position:relative;overflow:hidden;}
.hero-card:before{content:"";position:absolute;width:290px;height:290px;right:-75px;top:-85px;border-radius:50%;border:1px solid #d6af3655;}
.hero-card .slab{border:1px solid #7b683d88;padding:15px;position:relative;}
.hero-card .orbit{border-left:2px solid var(--gold);}
.public-section{padding:70px 0;}
.program-card{border:1px solid var(--line);background:white;padding:26px;display:flex;flex-direction:column;gap:12px;}
.program-card .num{font-size:35px;}
.feature-card{border-top:2px solid #d6af36;padding:20px 16px;background:white;}
.reg-form{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.full{grid-column:1/-1;}
.auth-intro{min-height:100%;}
.kpi{padding:19px;}
.kpi .label{color:var(--muted);font-weight:650;font-size:11px;}
.kpi .value{font-size:29px;font-weight:750;letter-spacing:-1.4px;margin:8px 0 6px;}
.kpi .hint{font-size:11px;color:var(--muted);}
.stat-big{font-size:39px;letter-spacing:-1.5px;font-weight:760;}
.module-list{display:flex;flex-direction:column;gap:10px;}
.module-row{border:1px solid var(--line);background:white;}
.module-row .label{font-size:11px;color:var(--muted);margin-top:3px;}
.timeline{display:flex;gap:0;margin:18px 0;}
.step{min-width:0;flex:1;text-align:center;position:relative;}
.step:before{content:"";position:absolute;left:0;right:0;height:2px;background:#dfe3e7;top:16px;}
.step:first-child:before{left:50%;}
.step:last-child:before{right:50%;}
.stepbubble{position:relative;margin:auto;width:34px;height:34px;background:#f1f2f3;border:2px solid #dde1e6;border-radius:50%;display:grid;place-items:center;font-weight:750;}
.step.done .stepbubble{background:#2c7156;color:#fff;border-color:#2c7156;}
.step.current .stepbubble{background:#f5eddb;color:#8a672c;border-color:var(--gold);}
.step span{display:block;font-size:10px;font-weight:700;color:var(--muted);margin-top:8px;}
.tabline{border-bottom:1px solid var(--line);display:flex;gap:3px;flex-wrap:wrap;margin-bottom:20px;}
.tabline button{background:transparent;border:0;border-bottom:2px solid transparent;padding:12px 15px;color:var(--muted);font-weight:750;}
.tabline button.on{color:var(--ink);border-color:var(--gold);}
.tabcontent{display:none;}
.tabcontent.active{display:block;}
.reader-page{max-width:580px;margin:auto;padding:43px;border:1px solid #e4dfd4;min-height:400px;position:relative;}
.reader-page:after{content:"PREVIEW ONLY · PRIVATE LEARNING";position:absolute;top:55%;left:10%;font-weight:800;letter-spacing:3px;transform:rotate(-19deg);color:#a29c8338;pointer-events:none;font-size:15px;}
.reader-page p{font-size:14px;line-height:1.9;}
.choice{display:flex;gap:11px;padding:15px;border:1px solid var(--line);cursor:pointer;align-items:start;margin:10px 0;background:#fff;}
.choice.on{background:#fffaee;border-color:var(--gold);}
.choice input{accent-color:var(--gold);margin-top:4px;}
.feedback{background:#f5f6f7;border-left:3px solid var(--gold);padding:16px 18px;border-radius:0 11px 11px 0;}
.matrix{position:relative;height:330px;border:1px solid #d6d9de;}
.matrix .quad{position:absolute;color:#8c8e8f;font-weight:800;font-size:9px;}
.matrix .q1{top:12px;left:14px;}
.matrix .q2{top:12px;right:14px;}
.matrix .q3{bottom:12px;left:14px;}
.matrix .q4{bottom:12px;right:14px;}
.dot{position:absolute;width:21px;height:21px;border-radius:50%;background:#c1933c;border:4px solid white;box-shadow:0 0 0 1px #916c29,0 4px 9px #0002;transform:translate(-50%,50%);transition:left .18s,bottom .18s;}
.dot-label{position:absolute;transform:translate(-50%,0);white-space:nowrap;color:#28333d;font-size:10px;font-weight:800;text-shadow:0 2px white;pointer-events:none;transition:left .18s,bottom .18s;}
.vslider{width:100%;accent-color:var(--gold);}
.metricbox{border:1px solid var(--line);padding:16px;}
.metricbox .n{font-size:22px;font-weight:760;}
.metricbox .l{font-size:10px;color:var(--muted);font-weight:680;}
.side-notice{border:1px solid #ead6a7;padding:14px;font-size:12px;line-height:1.6;}
table{border-collapse:collapse;width:100%;font-size:12px;}
th{text-align:left;background:#f6f7f8;font-size:11px;color:#66737f;text-transform:uppercase;letter-spacing:.45px;}
td,th{border-bottom:1px solid var(--line);padding:13px 12px;white-space:nowrap;}
td:last-child,th:last-child{text-align:right;}
.avatar{border-radius:50%;width:37px;height:37px;display:grid;place-items:center;background:#f3ead5;color:#856126;font-weight:800;}
.section-menu{display:flex;flex-wrap:wrap;gap:8px;}
.section-menu button{background:white;border:1px solid #d8dee5;padding:10px 13px;border-radius:9px;color:#606b76;font-weight:720;}
.section-menu button.on{background:var(--ink);color:#fff;}
.live-stage{color:white;padding:26px;}
.live-stage p{color:#cfd7de;}
.pollbar{height:10px;border-radius:10px;background:#e6e7ea;overflow:hidden;}
.pollbar span{height:100%;display:block;background:linear-gradient(90deg,#9c7834,#d8b66b);width:0;transition:width .25s;}
.copy{font-family:Georgia,serif;font-size:17px;line-height:1.5;}
.footnote{font-size:11px;color:#78828b;margin-top:11px;}
.toast{position:fixed;right:18px;top:90px;max-width:360px;color:#fff;padding:14px 18px;box-shadow:0 12px 40px #0004;z-index:100;display:none;font-size:12px;line-height:1.5;}
.toast.on{display:block;}
.circle{width:9px;height:9px;border-radius:50%;background:#d5a64b;display:inline-block;}
.mob-only{display:none;}
:root{--ux-focus:#2d70ba;}
.demo-chip{position:static;max-width:none;width:max-content;margin:14px auto;box-shadow:none;text-align:center;}
.preview-label{font-size:9px;color:#ecd3a0;letter-spacing:1px;font-weight:750;}
.next-primary{border-color:#dac89e;background:#fffdf8;box-shadow:0 7px 30px #ad8e4b17;margin-top:0;}
.form-error{border:1px solid #dba3a3;color:#852222;background:#fff2f2;padding:10px;border-radius:8px;font-size:12px;}
fieldset{border:1px solid var(--line);border-radius:12px;padding:13px;}
fieldset:disabled{opacity:.55;}
#applicationTimeline .soft{min-height:102px;}
.field input:invalid:not(:placeholder-shown){border-color:#b86868;}
#applicantNext{border-left:3px solid var(--gold);}
#examAnswers .choice{cursor:pointer;}
#nextActionPanel{scroll-margin-top:100px;}
:where(.panel,.program-card,.soft,.module-row,.metricbox,.hero-card,.choice,.live-stage){min-width:0;}
:where(.panel,.program-card,.soft,.module-row,.metricbox,.hero-card,.choice,.live-stage) :where(h1,h2,h3,h4,p,span,b,strong,label){overflow-wrap:break-word;}
:where(.row,.grid)>*{min-width:0;}
.hero-card .orbit{height:auto;min-height:110px;flex:0 0 auto;margin:12px 0;padding:12px 18px;overflow:visible;}
.hero-card .orbit>div{overflow-wrap:normal;word-break:normal;line-height:1.22;}
.hero-card .orbit>span{line-height:1.48;display:block;}
.hero-card>.row:last-child{flex-wrap:wrap;gap:9px;align-items:flex-start;}
.hero-card>.row:last-child .tiny{line-height:1.4;}
.hero-card{height:auto;min-height:0;}
.matrix .quad{max-width:41%;white-space:normal;overflow-wrap:break-word;line-height:1.35;letter-spacing:.15px;}
.matrix .q2,.matrix .q4{text-align:right;}
.pill{white-space:normal;overflow-wrap:break-word;line-height:1.35;}
.module-row .actions{min-width:0;}
.table-wrap{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;}
.table-wrap table{min-width:max-content;}
:root{--gk-slate:#f1f3f5;--gk-body:#2d3748;--gk-serif:"Playfair Display", Georgia, serif;--gk-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg:var(--gk-cream);--white:#ffffff;--muted:#687587;--line:#e6e8ec;--blue:#285b86;--green:#236447;--amber:#8d5a20;font-family:var(--gk-sans);color:var(--gk-body);background:var(--gk-cream);font-size:14px;}
html,body{font-family:var(--gk-sans);}
h1,h2,h3,h4{color:var(--gk-navy-800);}
h1,h2,.hero h1,.public-section h2,.program-card .num,.viewhead h2{font-family:var(--gk-serif);letter-spacing:-.035em;}
h1{line-height:1.18;}
h2{line-height:1.24;}
h3,h4{letter-spacing:-.01em;}
p{line-height:1.73;}
.gold{color:var(--gk-gold-dark);}
.muted{color:var(--muted);}
.brandmark{background:var(--gk-gold);color:var(--gk-navy-900);border:1px solid var(--gk-gold);border-radius:2px;font:700 13px var(--gk-sans);letter-spacing:.045em;}
.brandtext b{color:#fff;font-family:var(--gk-serif);font-size:17px;letter-spacing:.10em;}
.brandtext small{color:var(--gk-gold-light);letter-spacing:.14em;font-weight:600;}
.nav-tab{border-radius:2px;color:rgba(255,255,255,.82);font-size:11px;letter-spacing:.06em;}
.nav-tab:hover,.nav-tab.on{background:rgba(255,255,255,.075);color:var(--gk-gold-light);}
.nav-tab.on{box-shadow:inset 0 -2px var(--gk-gold);}
.workspace-select{background:var(--gk-navy-800);border-color:rgba(223,194,130,.33);color:#fff;border-radius:3px;}
.menu-toggle{border-radius:2px;border-color:rgba(223,194,130,.48);color:var(--gk-gold-light);}
.global-nav.open{background:var(--gk-navy-900);}
.hero{background:linear-gradient(109deg,rgba(7,15,34,.98),rgba(16,29,58,.92)), radial-gradient(circle at 83% 14%, rgba(197,160,89,.24), transparent 46%);color:#fff;border-bottom:1px solid rgba(197,160,89,.30);}
.hero .eyebrow{color:var(--gk-gold-light);}
.hero h1{font-weight:700;letter-spacing:-.035em;line-height:1.13;color:#fff;}
.hero p{color:rgba(255,255,255,.72);}
.hero-em{color:var(--gk-gold-light);font-style:italic;}
.hero-card{background:linear-gradient(155deg,rgba(24,43,82,.97),rgba(7,15,34,.98));border:1px solid rgba(197,160,89,.46);border-radius:3px;box-shadow:0 24px 68px rgba(0,0,0,.25);}
.hero-card:before{border-color:rgba(197,160,89,.28);box-shadow:0 0 0 31px rgba(197,160,89,.045),0 0 0 62px rgba(197,160,89,.02);}
.hero-card .slab{border-color:rgba(223,194,130,.26);background:rgba(255,255,255,.045);border-radius:2px;}
.hero-card .orbit{border-left-color:var(--gk-gold);}
.hero-card h1,.hero-card h2,.hero-card h3{color:#fff;}
.btn{letter-spacing:.012em;}
.btn:hover:not(:disabled){background:var(--gk-navy-700);}
.btn.gold-bg{background:var(--gk-gold);color:var(--gk-navy-900);}
.btn.gold-bg:hover:not(:disabled){background:var(--gk-gold-light);}
.btn.ghost{background:#fff;border-color:#d9dfe6;color:var(--gk-navy-800);}
.btn.ghost:hover:not(:disabled){background:#faf8f1;border-color:var(--gk-gold);}
.btn.dark-outline{border-color:var(--gk-gold);color:var(--gk-gold-light);background:transparent;}
.btn.dark-outline:hover:not(:disabled){background:var(--gk-gold);color:var(--gk-navy-900);}
.program-card{border-radius:3px;border-top:2px solid var(--gk-gold);box-shadow:0 10px 28px rgba(7,15,34,.035);}
.program-card .num{font-family:var(--gk-serif);color:var(--gk-gold-dark);}
.feature-card{border-top-color:var(--gk-gold);border-radius:2px;box-shadow:0 9px 25px rgba(7,15,34,.03);}
.public-section.cream{background:#f8f7f3;}
.public-section h2{color:var(--gk-navy-800);}
.soft{border-color:#e9e5dc;border-radius:3px;background:#faf9f6;}
.metricbox{background:#f8f9fa;border-color:#e5e8ed;border-radius:3px;}
.metricbox .n{color:var(--gk-navy-800);}
.pill{border-radius:3px;letter-spacing:.015em;}
.pill.gold{color:#71531e;background:#f8f0db;}
.tag-num,.iconbox{border-radius:3px;background:#faf3e5;color:#816021;}
.sidebar{background:#fff;border-right:1px solid #e4e7eb;}
.sidebar h5{color:var(--gk-gold-dark);}
.side-item{border-radius:3px;color:#526072;}
.side-item:hover,.side-item.on{background:#f8f5ee;color:var(--gk-navy-800);}
.side-item.on{box-shadow:inset 3px 0 var(--gk-gold);}
.content{color:var(--gk-body);}
.viewhead h2{font-weight:700;color:var(--gk-navy-800);}
.module-row{border-radius:3px;}
.module-row.locked{background:#fafafa;}
.choice{border-radius:3px;}
.choice:hover{border-color:var(--gk-gold);}
.reader-page{background:#fffefa;border-color:#e4dfd3;box-shadow:0 8px 30px rgba(7,15,34,.08);}
.reader-page p{font-family:var(--gk-serif);}
.matrix{border-radius:3px;background:linear-gradient(90deg,transparent calc(50% - 1px),#c9cbd0 calc(50% - 1px),#c9cbd0 calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(0deg,transparent calc(50% - 1px),#c9cbd0 calc(50% - 1px),#c9cbd0 calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(120deg,#fbf4e6,#f0f4f6);}
.live-stage{border-radius:3px;background:var(--gk-navy-800);border:1px solid rgba(223,194,130,.25);}
.demo-chip{border-radius:3px;border-color:#e6d5a8;}
.toast{background:var(--gk-navy-800);border-left:3px solid var(--gk-gold);border-radius:3px;}
.field label{color:var(--gk-navy-800);}
.field input,.field select,.field textarea{border-radius:3px;border-color:#cfd5df;}
.field :is(input,textarea,select):focus{border-color:var(--gk-gold-dark);outline-color:var(--gk-gold);}
:where(.panel,.program-card,.feature-card,.module-row,.soft,.live-stage,.hero-card){min-width:0;}
:where(.panel,.program-card,.feature-card,.module-row,.soft,.live-stage,.hero-card) :where(p,h1,h2,h3,h4,label,strong){overflow-wrap:anywhere;}
.auth-intro{gap:0;}
.auth-intro :is(h1,h2,h3,h4){line-height:1.24;font-family:var(--gk-serif);letter-spacing:-.025em;overflow-wrap:break-word;}
.auth-intro h3{margin:0;}
.auth-intro p{font-size:14px;line-height:1.7;}
.auth-intro .auth-steps-intro{color:#e5e8ef;font-size:13px;line-height:1.55;display:block;}
.auth-steps{margin-top:16px;margin-bottom:24px;}
.auth-step{align-items:flex-start;min-width:0;}
.auth-step-number{align-items:center;justify-content:center;}
.auth-step strong{line-height:1.5;}
.auth-step span:not(.auth-step-number){line-height:1.55;margin-top:2px;}
.auth-intro .btn{white-space:normal;text-align:center;}
.reader-copyright{margin-top:28px;padding-top:12px;border-top:1px solid #e4dfd3;color:#576577;font-size:11px;line-height:1.6;}
.live-stage :is(h1,h2,h3,h4), .hero :is(h1,h2,h3,h4),.hero-card :is(h1,h2,h3,h4){color:#fff;}
.reg-form .field label, .reg-form .row.small{line-height:1.5;}
.reg-form .row.small{align-items:flex-start;}
.reg-form .row.small input[type=checkbox]{flex:0 0 17px;width:17px;height:17px;margin-top:2px;}
.reg-form .row.small span{min-width:0;overflow-wrap:anywhere;}
.eyebrow,.gold{color:#806129;}
.auth-intro .eyebrow,.hero-card .eyebrow,.hero.hero-dark .eyebrow{color:var(--ds-color-gold-300);}
.hero:not(.hero-dark):not(.spi-landing .hero):not(.spi-corporate-hero .hero) .eyebrow{color:#806129;}
:where(.topnav,.hero.hero-dark,.auth-intro,.hero-card) :is(a,button,input,select,textarea,[role="button"]):focus-visible{outline-color:var(--ds-color-gold-300);box-shadow:0 0 0 1px var(--ds-color-navy-950);}
@media (hover:none) and (pointer:coarse){.btn.small-btn,.nav-tab,.menu-toggle{min-height:44px;}}
@media (max-width:1100px){.grid.four{grid-template-columns:repeat(2,1fr);}}
@media (max-width:1100px){.hero-grid{gap:24px;}}
@media (max-width:1100px){.layout{grid-template-columns:208px minmax(0,1fr);}}
@media (max-width:1100px){.sidebar{padding-left:10px;}}
@media (max-width:800px){.topnav{gap:8px;padding:10px 17px;}}
@media (max-width:800px){.menu-toggle{display:block;}}
@media (max-width:800px){.global-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#20242b;padding:12px 20px;flex-wrap:wrap;z-index:22;box-shadow:0 14px 28px #1116;}}
@media (max-width:800px){.global-nav.open{display:flex;background:var(--gk-navy-900,var(--ds-color-navy-950));}}
@media (max-width:800px){.brandtext b{font-size:15px;letter-spacing:.06em;}}
@media (max-width:800px){.workspace-select{max-width:130px;}}
@media (max-width:800px){.layout{display:block;}}
@media (max-width:800px){.sidebar{display:none;position:static;max-height:none;border-right:0;border-bottom:1px solid var(--line);padding:8px 15px;}}
@media (max-width:800px){.sidebar.open{display:block;}}
@media (max-width:800px){.sidebar h5{margin:10px 10px;}}
@media (max-width:800px){.sidebar .side-item{width:auto;display:inline-flex;margin:3px;min-height:42px;}}
@media (max-width:800px){.content{padding:22px 18px 58px;}}
@media (max-width:800px){.hero-grid{grid-template-columns:1fr;}}
@media (max-width:800px){.hero-card{min-height:320px;}}
@media (max-width:800px){.grid.three{grid-template-columns:repeat(2,1fr);}}
@media (max-width:800px){.demo-chip{right:8px;bottom:8px;padding:8px;max-width:220px;font-size:9px;}}
@media (max-width:760px){.preview-label{display:none;}}
@media (max-width:760px){.topnav{gap:8px;}}
@media (max-width:760px){.nav-right{margin-left:auto;}}
@media (max-width:760px){.next-primary .row{align-items:flex-start;}}
@media (max-width:760px){.site-width .reg-wrap{padding-inline:0;}}
@media (max-width:760px){#applicationTimeline{grid-template-columns:1fr;}}
@media (max-width:760px){.screen .grid.four{grid-template-columns:repeat(2,1fr);}}
@media (max-width:760px){.auth-intro{padding:24px;min-height:auto;}}
@media (max-width:760px){.auth-intro .btn{width:100%;}}
@media (max-width:760px){.auth-step{grid-template-columns:32px minmax(0,1fr);gap:10px;}}
@media (max-width:760px){.reg-wrap .grid.two{gap:18px;}}
@media (max-width:760px){.viewhead h2{overflow-wrap:anywhere;}}
@media (max-width:600px){.topnav{align-items:center;}}
@media (max-width:600px){.topnav .brand{min-width:0;gap:9px;}}
@media (max-width:600px){.brandtext{min-width:0;}}
@media (max-width:600px){.topnav .menu-toggle{margin-left:auto;min-width:42px;min-height:42px;}}
@media (max-width:600px){.topnav .nav-right{flex:1 1 100%;margin:0;min-width:0;}}
@media (max-width:600px){.topnav .nav-right .workspace-select{width:100%;min-width:0;min-height:42px;padding-inline:10px;}}
@media (max-width:600px){.topnav .preview-label{display:none;}}
@media (max-width:600px){.global-nav{width:100%;padding:12px 16px;}}
@media (max-width:600px){.global-nav .nav-tab{min-height:42px;}}
@media (max-width:600px){.content{padding:21px 16px 55px;}}
@media (max-width:600px){.site-width{padding-left:16px;padding-right:16px;}}
@media (max-width:600px){h1,.hero h1{font-size:clamp(29px,8.6vw,38px);line-height:1.12;letter-spacing:-1.15px;}}
@media (max-width:600px){h2{font-size:clamp(24px,6.6vw,31px);line-height:1.2;letter-spacing:-.55px;}}
@media (max-width:600px){h3{font-size:19px;line-height:1.25;}}
@media (max-width:600px){.eyebrow{font-size:10px;letter-spacing:1.35px;line-height:1.55;}}
@media (max-width:600px){.hero-card>.row:first-child{align-items:flex-start;flex-wrap:wrap;gap:10px;}}
@media (max-width:600px){.hero-card>.row:first-child>.eyebrow{max-width:100%;}}
@media (max-width:600px){.hero-card .orbit{margin:7px 0;min-height:0;padding:8px 11px;}}
@media (max-width:600px){.hero-card .orbit .small{font-size:12px;}}
@media (max-width:600px){.hero-card .slab{padding:12px;}}
@media (max-width:600px){.hero-card .slab .row:first-child{align-items:flex-start;}}
@media (max-width:600px){.hero .row.wrap .btn{flex:1 1 auto;width:auto;min-width:140px;max-width:100%;}}
@media (max-width:600px){.module-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;}}
@media (max-width:600px){.module-row .actions{grid-column:1/-1;width:100%;}}
@media (max-width:600px){.module-row .actions .btn{max-width:100%;}}
@media (max-width:600px){.panel .row.between:not(.keep-inline), .soft .row.between:not(.keep-inline){flex-wrap:wrap;gap:10px;align-items:flex-start;}}
@media (max-width:600px){.timeline{flex-direction:column;gap:12px;margin:16px 0;}}
@media (max-width:600px){.timeline .step{display:flex;align-items:center;text-align:left;gap:12px;flex:0 0 auto;width:100%;}}
@media (max-width:600px){.timeline .step:before{display:none;}}
@media (max-width:600px){.timeline .stepbubble{flex:0 0 30px;width:30px;height:30px;margin:0;}}
@media (max-width:600px){.timeline .step span{font-size:12px;line-height:1.35;margin:0;}}
@media (max-width:600px){.table-wrap{position:relative;padding-top:24px;}}
@media (max-width:600px){.table-wrap::before{content:"Tabel dapat digeser ke samping →";position:absolute;top:0;left:0;font-size:11px;font-weight:700;color:var(--muted);}}
@media (max-width:600px){.table-wrap table{font-size:12px;}}
@media (max-width:600px){.table-wrap td,.table-wrap th{padding:11px 10px;}}
@media (max-width:600px){.reader-page:after{letter-spacing:1.2px;font-size:10px;left:8%;right:8%;text-align:center;}}
@media (max-width:600px){.toast{top:14px;right:12px;left:12px;max-width:none;}}
@media (max-width:600px){.section-menu button{min-height:44px;}}
@media (max-width:600px){.btn:not(.small-btn){min-height:44px;}}
@media (max-width:600px){.reg-form .full .row{align-items:flex-start;}}
@media (max-width:600px){.reg-form .full .row input[type=checkbox]{flex:0 0 auto;margin-top:3px;}}
@media (max-width:600px){.brandmark{width:32px;height:32px;flex:0 0 32px;font-size:11px;}}
@media (max-width:600px){.brandtext b{font-size:13px;letter-spacing:.045em;}}
@media (max-width:600px){.brandtext small{font-size:8px;letter-spacing:.09em;}}
@media (max-width:600px){.hero-card{border-radius:2px;}}
@media (max-width:600px){.viewhead h2{font-size:clamp(24px,6.7vw,32px);line-height:1.24;}}
@media (max-width:600px){.panel.pad{padding:17px;}}
@media (max-width:600px){.row.wrap .btn{white-space:normal;line-height:1.4;}}
@media (max-width:600px){.reader-page{padding:23px 18px;}}
@media (max-width:600px){.matrix{height:245px;}}
@media (max-width:600px){.step span{font-size:9px;}}
@media (max-width:600px){.stepbubble{width:28px;height:28px;}}
@media (max-width:600px){.timeline .step:before{top:14px;}}
@media (max-width:600px){.reader-page{min-height:325px;}}
@media (max-width:600px){.sidebar .side-item{padding:10px;font-size:11px;}}
@media (max-width:600px){.hero{padding:34px 0;}}
@media (max-width:600px){.hero h1{font-size:38px;}}
@media (max-width:600px){.hero-card{padding:20px;min-height:320px;}}
@media (max-width:600px){.public-section{padding:39px 0;}}
@media (max-width:600px){.module-row{align-items:flex-start;}}
@media (max-width:600px){.module-row .actions{justify-content:flex-end;}}
@media (max-width:600px){.quad{max-width:42%;line-height:1.3;}}
@media (max-width:600px){.reg-form .full{grid-column:auto;}}
@media (max-width:600px){.nav-right{min-width:0;}}
@media (max-width:600px){.workspace-select{width:115px;}}
@media (max-width:600px){.grid.two,.grid.three,.grid.four,.reg-form{grid-template-columns:1fr;}}
@media (max-width:600px){.full{grid-column:auto;}}
@media (max-width:600px){.topnav .nav-right{gap:3px;}}
@media (max-width:600px){.topnav .nav-right .workspace-select{font-size:11px;max-width:118px;}}
@media (max-width:460px){.nav-right select{max-width:137px;font-size:11px;}}
@media (max-width:460px){.grid.two,.grid.three,.grid.four{grid-template-columns:1fr;}}
@media (max-width:460px){.hero-grid{grid-template-columns:1fr;}}
@media (max-width:380px){.auth-intro{padding:19px;}}
@media (max-width:380px){.auth-step{gap:9px;}}
@media (max-width:380px){.auth-step strong{font-size:12px;}}
@media (max-width:350px){.hero-card>.row:last-child{display:grid;grid-template-columns:1fr;gap:5px;}}
@media (max-width:350px){.panel.pad{padding:15px;}}
@media (max-width:350px){.hero-card{padding:18px 14px;}}
@media (max-width:350px){.copy{font-size:16px;}}
@media (max-width:740px){[data-screen="approvals"] .table-wrap{max-width:100%;}}
@media (max-width:740px){[data-screen="approvals"] .table-wrap table,
  [data-screen="approvals"] .table-wrap tbody,
  [data-screen="approvals"] .table-wrap tr,
  [data-screen="approvals"] .table-wrap td{box-sizing:border-box;}}
@media (max-width:740px){[data-screen="approvals"] .table-wrap thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}}
@media (max-width:740px){[data-screen="approvals"] .table-wrap tbody{gap:12px;}}
@media (max-width:740px){[data-screen="approvals"] .table-wrap tbody tr{border:1px solid #dfe4ec;border-left:3px solid var(--ds-color-gold-500);background:#fff;padding:12px 13px;}}
@media (max-width:740px){[data-screen="approvals"] .table-wrap tbody td{overflow-wrap:anywhere;white-space:normal;}}
@media (max-width:740px){[data-screen="approvals"] .table-wrap tbody td:nth-child(2)::before,
  [data-screen="approvals"] .table-wrap tbody td:nth-child(3)::before,
  [data-screen="approvals"] .table-wrap tbody td:nth-child(4)::before{display:block;color:#64748b;font-size:11px;font-weight:700;margin-bottom:5px;letter-spacing:.03em;}}
@media (max-width:740px){[data-screen="approvals"] .table-wrap tbody td:nth-child(2)::before{content:"Akses diminta";}}
@media (max-width:740px){[data-screen="approvals"] .table-wrap tbody td:nth-child(3)::before{content:"Status";}}
@media (max-width:740px){[data-screen="approvals"] .table-wrap tbody td:nth-child(4)::before{content:"Tindakan";}}
@media (max-width:740px){[data-screen="approvals"] .table-wrap tbody td:last-child{flex-wrap:wrap;gap:8px;}}
@media (max-width:740px){[data-screen="approvals"] .table-wrap tbody td:last-child::before{flex:0 0 100%;}}
@media (max-width:740px){[data-screen="approvals"] .table-wrap tbody td:last-child button{min-height:42px;white-space:normal;}}
:root{--nav-h:74px;--gk-navy-900:var(--ds-color-navy-950);--gk-navy-800:var(--ds-color-navy-900);--gk-navy-700:var(--ds-color-navy-800);--gk-gold:var(--ds-color-gold-500);--gk-gold-light:var(--ds-color-gold-300);--gk-gold-dark:var(--ds-color-gold-700);--gk-cream:var(--ds-color-paper);--ink:var(--ds-color-navy-950);--ink2:var(--ds-color-navy-900);--gold:var(--ds-color-gold-500);--gold2:var(--ds-color-gold-300);--cream:#f8f7f3;--shadow:0 12px 38px rgba(7,15,34,.045);--radius:4px;}
html{background:var(--ds-color-paper);font-size:14px;}
body{background:var(--ds-color-paper);color:#2d3748;line-height:1.7;}
h1,h2{font-family:"Playfair Display",Georgia,serif;font-weight:700;}
h3,h4{font-family:Inter,Arial,sans-serif;}
a{color:#71531e;}
a:hover{text-decoration:underline;}
.topnav{min-height:var(--nav-h);display:flex;gap:18px;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:30;background:var(--ds-color-navy-950);border-bottom:1px solid rgba(197,160,89,.27);padding:12px clamp(20px,3.2vw,55px);box-shadow:0 8px 28px rgba(7,15,34,.13);}
.topnav .brand{gap:11px;min-width:0;color:#fff;display:flex;align-items:center;text-decoration:none;}
.topnav .brandmark{height:39px;width:39px;display:grid;place-items:center;font:700 13px Inter,sans-serif;letter-spacing:.045em;background:var(--ds-color-gold-500);color:var(--ds-color-navy-950);border:1px solid var(--ds-color-gold-500);border-radius:2px;}
.topnav .brandtext b{color:#fff;font:700 17px "Playfair Display",Georgia,serif;letter-spacing:.1em;white-space:nowrap;}
.topnav .brandtext small{font-size:9px;letter-spacing:.14em;color:var(--ds-color-gold-300);text-transform:uppercase;}
.topnav .global-nav{display:flex;gap:7px;align-items:center;}
.topnav .nav-tab{border:1px solid transparent;border-radius:2px;color:#d6dbe2;padding:10px 12px;font:650 11px Inter,sans-serif;letter-spacing:.06em;text-decoration:none;}
.topnav .nav-tab:hover,.topnav .nav-tab.on{background:rgba(255,255,255,.075);color:var(--ds-color-gold-300);}
.topnav .nav-tab.on{box-shadow:inset 0 -2px var(--ds-color-gold-500);}
.topnav .nav-right form{display:inline;margin:0;}
.topnav .spi-user{font-size:11px;color:#e1e4e8;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.topnav .btn.dark-outline{border-color:var(--ds-color-gold-500);color:var(--ds-color-gold-300);background:transparent;}
.topnav .menu-toggle{display:none;background:transparent;color:var(--ds-color-gold-300);border:1px solid rgba(223,194,130,.48);border-radius:2px;min-width:42px;min-height:42px;}
.skip{position:absolute;top:-90px;left:12px;background:#fff;z-index:80;padding:12px;}
.skip:focus{top:8px;}
.spi-sidebar-toggle{display:none;}
.spi-app-layout{display:grid;grid-template-columns:234px minmax(0,1fr);min-height:calc(100vh - var(--nav-h));gap:0;}
.spi-app-layout>.sidebar{position:sticky;top:var(--nav-h);align-self:start;height:calc(100vh - var(--nav-h));max-height:calc(100vh - var(--nav-h));overflow:auto;background:#fff;border-right:1px solid #e4e7eb;padding:24px 14px 30px 22px;}
.spi-sidebar-inner{display:flex;flex-direction:column;}
.spi-app-layout .sidebar h5{color:var(--ds-color-gold-700);margin:23px 12px 9px;font-size:10px;font-weight:800;letter-spacing:1.6px;}
.spi-app-layout .side-item{display:flex;align-items:center;gap:12px;width:100%;text-decoration:none;border-radius:3px;padding:12px;color:#526072;font-size:12.5px;font-weight:650;}
.spi-app-layout .side-item:hover,.spi-app-layout .side-item.on{color:var(--ds-color-navy-900);background:#f8f5ee;}
.spi-app-layout .side-item.on{box-shadow:inset 3px 0 var(--ds-color-gold-500);}
.spi-app-layout .side-icon{width:19px;text-align:center;font-size:16px;}
.spi-app-layout .side-notice{margin:24px 10px 0;}
.spi-app-layout>.spi-content{min-width:0;width:100%;max-width:1520px;margin:0 auto;padding:25px clamp(18px,3.25vw,48px) 60px;}
.spi-public-main.container{padding:32px clamp(18px,3.5vw,56px) 60px;min-width:0;}
.spi-public-main.spi-fullwidth{width:100%;max-width:none;padding:0 0 60px;}
.spi-fullwidth>.pilot,.spi-fullwidth>.notice{margin:12px auto;width:calc(100% - 40px);max-width:1360px;}
.spi-fullwidth .hero{margin:0;border-radius:0;}
.spi-fullwidth .spi-corporate-hero .hero{padding:clamp(38px,6vw,80px) 0;}
.spi-fullwidth .spi-landing>.hero{padding:clamp(38px,6vw,80px) 0;min-height:500px;}
.spi-fullwidth .site-width{max-width:1480px;}
.spi-fullwidth .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;}
.spi-fullwidth .hero h1{font-size:clamp(34px,4vw,60px);font-weight:700;letter-spacing:-.035em;}
.spi-fullwidth .hero-card h3,.spi-fullwidth .hero-card b{color:#fff;}
.spi-landing .program-card{display:flex;}
.spi-landing .feature-card{background:#fff;}
.spi-landing .footer{display:none;}
.spi-corp-body{padding-top:45px;padding-bottom:45px;}
.spi-corporate-hero .hero-card{min-height:330px;}
.spi-corporate-hero .hero-card .slab{margin-bottom:9px;padding:15px;}
.panel{background:#fff;border:1px solid #e6e6e4;border-radius:4px;box-shadow:0 12px 38px rgba(7,15,34,.045);padding:24px;margin-bottom:19px;}
.panel.pad{padding:24px;}
.panel h2{font-size:clamp(22px,2.1vw,30px);line-height:1.24;}
.panel h3{font-size:20px;}
.hero.hero--card{box-shadow:none;border:1px solid #e7e8ec;border-radius:4px;background:#fff;padding:24px 30px;margin:0 0 21px;}
.hero.hero--card h1{color:var(--ds-color-navy-900);font-size:clamp(28px,2.8vw,37px);}
.hero.hero--card p{color:#687587;max-width:900px;}
.hero.hero--dark{background:linear-gradient(120deg,var(--ds-color-navy-950),var(--ds-color-navy-900));border-color:#c5a05955;}
.eyebrow{font-size:10px;color:#806129;letter-spacing:.17em;font-weight:800;text-transform:uppercase;}
.pilot{margin:0 0 17px;background:#fff8e8;border:1px solid #e4d4af;border-left:3px solid var(--ds-color-gold-500);padding:11px 16px;font-size:12px;color:#78591f;}
.notice{background:#fbf7ec;border:1px solid #e9d8b8;border-left:3px solid var(--ds-color-gold-500);color:#715924;border-radius:3px;padding:13px 16px;}
.guidance{background:#faf8f2;border-left:3px solid var(--ds-color-gold-500);padding:13px 16px;border-radius:0 3px 3px 0;}
.side-notice{background:#fbf7ec;border-color:#e9d8b8;color:#715924;border-radius:3px;}
.badge,.pill{display:inline-flex;align-items:center;line-height:1.35;background:#f8f0db;border:1px solid #ebdfc4;border-radius:3px;color:#71531e;font-size:11px;font-weight:700;padding:5px 9px;}
.btn{display:inline-flex;align-items:center;justify-content:center;white-space:normal;line-height:1.4;text-align:center;border:1px solid transparent;border-radius:3px;padding:12px 16px;min-height:43px;font-weight:650;font-size:13px;text-decoration:none;background:var(--ds-color-navy-900);color:#fff;gap:9px;transition:background .13s,transform .13s;}
.btn:hover{background:var(--ds-color-navy-800);color:#fff;transform:translateY(-1px);text-decoration:none;}
.btn.gold-bg,.btn.btn-gold{background:var(--ds-color-gold-500);color:var(--ds-color-navy-950);}
.btn.gold-bg:hover,.btn.btn-gold:hover{background:var(--ds-color-gold-300);color:var(--ds-color-navy-950);}
.btn.ghost,.btn.btn-outline{background:#fff;border-color:#d9dfe6;color:var(--ds-color-navy-900);}
.btn.ghost:hover,.btn.btn-outline:hover{background:#faf8f1;border-color:var(--ds-color-gold-500);color:var(--ds-color-navy-900);}
.btn.dark-outline,.btn.btn-outline-light{background:transparent;color:var(--ds-color-gold-300);border:1px solid var(--ds-color-gold-500);}
.btn.dark-outline:hover,.btn.btn-outline-light:hover{background:var(--ds-color-gold-500);color:var(--ds-color-navy-950);}
.btn.small-btn,.smallbtn{min-height:32px;padding:8px 11px;font-size:12px;}
.btn:disabled,.smallbtn:disabled{opacity:.55;cursor:not-allowed;transform:none;}
.panel :where(label:not(.option):not(.choice):not(.checkline)){font-weight:700;font-size:12px;color:var(--ds-color-navy-900);}
.panel input:not([type=checkbox]):not([type=radio]):not([type=range]),.panel textarea,.panel select{width:100%;min-width:0;padding:11px 12px;background:#fff;border:1px solid #cfd5df;border-radius:3px;color:var(--ds-color-navy-900);font-size:13px;}
.panel input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,.panel textarea:focus,.panel select:focus{outline:3px solid rgba(197,160,89,.25);border-color:var(--ds-color-gold-700);}
.panel label{margin-bottom:10px;}
.panel form>label{display:block;}
.panel form .checkline{display:flex;gap:11px;align-items:flex-start;font-weight:500;}
.panel .checkline a{text-decoration:underline;}
.panel .checkline input{flex:0 0 auto;margin-top:3px;}
.panel form .formgrid{gap:15px;}
.panel form .formgrid label{display:flex;flex-direction:column;gap:7px;}
.field-help{color:#687587;font-size:10px;font-weight:400;}
.panel .option,.panel .choice{display:flex;gap:12px;align-items:flex-start;padding:15px;background:#fff;border:1px solid #e6e8ec;border-radius:3px;margin:10px 0;cursor:pointer;font-size:13px;font-weight:500;}
.panel .option:has(input:checked){background:#fffaf0;border-color:var(--ds-color-gold-500);}
.panel .option input{accent-color:var(--ds-color-gold-500);margin-top:4px;}
.panel .option:hover{border-color:var(--ds-color-gold-500);}
.question{border:1px solid #e6e8ec;border-radius:4px;padding:18px;margin:18px 0;}
.question legend{font-weight:700;font-size:14px;line-height:1.6;}
.panel .progress{width:100%;accent-color:var(--ds-color-gold-500);}
.reg-wrap{max-width:980px;margin:33px auto 50px;}
.spi-auth-layout{grid-template-columns:1.2fr .8fr;}
.spi-login .spi-auth-layout{grid-template-columns:1fr 1fr;}
.reg-wrap .panel{margin:0;}
.reg-wrap .auth-intro{min-width:0;}
.reg-wrap .panel h2{font-size:clamp(28px,3vw,36px);}
.reg-wrap .panel form{display:flex;flex-direction:column;gap:14px;}
.reg-wrap .panel form .formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.reg-wrap .panel form label{display:flex;flex-direction:column;gap:7px;}
.reg-wrap .panel form .checkline{display:flex;flex-direction:row;align-items:flex-start;font-size:12px;font-weight:400;}
.reg-wrap .panel form .checkline input{width:auto;}
.reg-wrap .panel form .btn{align-self:flex-start;}
.auth-intro{background:linear-gradient(152deg,var(--ds-color-navy-900),var(--ds-color-navy-950));border:1px solid rgba(197,160,89,.4);padding:clamp(22px,3vw,38px);color:#fff;border-radius:3px;display:flex;flex-direction:column;justify-content:flex-start;}
.auth-intro h3{font:700 clamp(24px,2.2vw,33px)/1.25 "Playfair Display",Georgia,serif;letter-spacing:-.025em;color:#fff;}
.auth-intro p{color:#e4e8ef;}
.auth-intro .eyebrow{color:var(--ds-color-gold-300);}
.auth-steps{display:grid;gap:12px;margin:16px 0 24px;}
.auth-step{display:grid;grid-template-columns:36px 1fr;gap:12px;border-top:1px solid rgba(255,255,255,.15);padding:12px 0;}
.auth-step-number{border:1px solid rgba(223,194,130,.45);color:var(--ds-color-gold-300);min-height:30px;display:grid;place-items:center;font-size:11px;font-weight:750;}
.auth-step strong{display:block;color:#fff;font-size:13px;}
.auth-step span:not(.auth-step-number){font-size:12px;color:#d1d9e6;display:block;}
.auth-intro .btn{align-self:flex-start;}
.spi-curriculum-panel{padding:24px;}
.spi-level-panel .soft{margin:0 0 19px;}
.spi-level-tabs{margin-bottom:20px;}
.spi-level-tabs button{cursor:pointer;}
.spi-level-panel .module-row{border:1px solid #e6e8ec;border-radius:3px;padding:14px;display:flex;align-items:center;gap:13px;background:#fff;margin:9px 0;}
.spi-level-panel .module-row.locked{background:#fafafa;}
.spi-level-panel .module-row .grow{flex:1;min-width:0;}
.spi-level-panel .module-row .grow b{font-size:13px;}
.spi-level-panel .module-row .label{font-size:11px;color:#687587;}
.spi-level-panel .module-row .actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.spi-level-panel .tag-num{flex:0 0 32px;}
.modulegrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.modulecard{border:1px solid #e6e8ec;border-radius:3px;padding:17px;box-shadow:none;min-width:0;min-height:160px;background:#fff;}
.modulecard h3{font:700 15px/1.35 Inter,sans-serif;}
.modulecard .number{font:700 12px Inter,sans-serif;background:#f8f5ee;color:#806129;border-radius:3px;width:max-content;padding:7px 11px;}
.linecard{border:1px solid #e6e8ec;border-radius:3px;background:#fff;margin:9px 0;min-width:0;}
.levelrow{align-items:center;gap:15px;}
.levelrow>div{min-width:0;}
.panel table{width:100%;border-collapse:collapse;}
.panel th,.panel td{padding:12px;border-bottom:1px solid #e6e8ec;text-align:left;}
.panel th{background:#f6f7f8;color:#687587;font-size:11px;}
.panel table{display:block;max-width:100%;overflow-x:auto;}
.workspace{display:grid;grid-template-columns:225px minmax(0,1fr);gap:17px;}
.workspace .sidepanel{position:sticky;top:92px;display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #e6e8ec;border-radius:3px;padding:18px;box-shadow:0 10px 30px rgba(7,15,34,.03);}
.workspace .sidepanel a{display:block;border:0;border-radius:3px;padding:10px;color:#526072;font-size:12px;}
.workspace .sidepanel a:hover{background:#f8f5ee;color:var(--ds-color-navy-900);}
.workspace .reading{min-width:0;}
.reader-page,.reading{background:#fffefa;}
.reading h2,.reading h3{color:var(--ds-color-navy-900);}
.spi-next-action{border-color:#dac89e;background:#fffdf8;box-shadow:0 7px 30px rgba(173,142,75,.09);}
.spi-metric-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;}
.spi-metric-kpis .metricbox{background:#fff;border:1px solid #e6e6e4;box-shadow:var(--shadow);padding:19px;border-radius:4px;}
.spi-metric-kpis .n{font-size:29px;line-height:1.25;font-weight:750;color:var(--ds-color-navy-900);}
.spi-metric-kpis .l{color:#687587;font-size:11px;font-weight:650;}
.metric-panel,.analysis-board,.structured-toolkit,.scenario-bar-row{border-radius:3px;}
.metric-panel{background:#faf9f6;border-color:#e9e5dc;}
.analysis-board{border:1px solid #e6e8ec;background:#fff;}
.metric-control input[type=range],input[type=range]{accent-color:var(--ds-color-gold-500);}
.analysis-current,.analysis-whatif{font-size:24px;color:var(--ds-color-navy-900);}
.scenario-bar-row .actual-bar span{background:var(--ds-color-gold-500);}
.scenario-bar-row .alternative-bar span{background:var(--ds-color-navy-800);}
.structured-row{border-left:3px solid var(--ds-color-gold-500);}
.structured-grid textarea{border-radius:3px;}
.reading :where(table){display:table;}
.reading table{max-width:none;}
.reading :where(p,li){line-height:1.85;}
.footer{margin:0;background:#fafafa;border-top:1px solid #e8e9ed;padding:23px 0;color:#687587;font-size:11px;}
.footer a{color:#687587;}
.footer>.site-width{max-width:1480px;}
@media (max-width:1100px){.spi-metric-kpis{grid-template-columns:repeat(2,1fr);}}
@media (max-width:1100px){.spi-fullwidth .hero-grid{gap:25px;}}
@media (max-width:1100px){.spi-app-layout{grid-template-columns:208px minmax(0,1fr);}}
@media (max-width:900px){.spi-sidebar-toggle{display:flex;position:relative;z-index:31;width:calc(100% - 36px);margin:14px 18px 0;align-items:center;gap:9px;padding:11px 14px;border:1px solid #d7c69b;border-radius:4px;background:#fff;color:var(--ds-color-navy-900);font:700 13px Inter,sans-serif;min-height:44px;}}
@media (max-width:900px){.spi-sidebar-toggle:focus-visible{outline:3px solid #80602a;outline-offset:2px;}}
@media (max-width:900px){.topnav{gap:8px;}}
@media (max-width:900px){.topnav .global-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-wrap:wrap;padding:12px 20px;background:var(--ds-color-navy-950);box-shadow:0 14px 28px #1116;}}
@media (max-width:900px){.topnav .global-nav.open{display:flex;}}
@media (max-width:900px){.topnav .menu-toggle{display:block;margin-left:auto;}}
@media (max-width:900px){.topnav .nav-right .spi-user{max-width:100px;}}
@media (max-width:900px){.spi-app-layout{display:block;}}
@media (max-width:900px){.spi-app-layout>.sidebar{position:static;height:auto;max-height:none;display:none;border-right:0;border-bottom:1px solid #e6e8ec;padding:12px 15px;}}
@media (max-width:900px){.spi-app-layout>.sidebar.open{display:block;}}
@media (max-width:900px){.spi-sidebar-inner{display:flex;flex-flow:row wrap;align-items:center;gap:3px;}}
@media (max-width:900px){.spi-sidebar-inner h5,.spi-sidebar-inner .side-notice{flex-basis:100%;}}
@media (max-width:900px){.spi-app-layout .side-item{width:auto;font-size:11px;padding:10px;}}
@media (max-width:900px){.spi-app-layout>.spi-content{max-width:none;padding:20px 18px 55px;}}
@media (max-width:900px){.workspace{grid-template-columns:1fr;}}
@media (max-width:900px){.workspace .sidepanel{position:static;flex-flow:row wrap;}}
@media (max-width:900px){.workspace .sidepanel h3{width:100%;}}
@media (max-width:760px){.spi-fullwidth .hero-grid{grid-template-columns:1fr;}}
@media (max-width:760px){.spi-auth-layout,.spi-login .spi-auth-layout{grid-template-columns:1fr;}}
@media (max-width:760px){.reg-wrap{margin:20px auto 35px;}}
@media (max-width:760px){.reg-wrap .auth-intro{padding:24px;}}
@media (max-width:760px){.reg-wrap .auth-intro .btn{width:100%;}}
@media (max-width:760px){.modulegrid{grid-template-columns:1fr;}}
@media (max-width:760px){.spi-metric-kpis{grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px){.topnav{flex-wrap:wrap;row-gap:10px;padding:10px 16px;}}
@media (max-width:600px){.topnav .brand{flex:1 1 auto;}}
@media (max-width:600px){.topnav .brandmark{height:32px;width:32px;font-size:11px;}}
@media (max-width:600px){.topnav .brandtext b{font-size:13px;}}
@media (max-width:600px){.topnav .brandtext small{font-size:8px;}}
@media (max-width:600px){.topnav .nav-right{order:3;width:100%;justify-content:flex-end;}}
@media (max-width:600px){.topnav .nav-right .spi-user{max-width:none;margin-right:auto;}}
@media (max-width:600px){.topnav .spi-header-register{width:100%;}}
@media (max-width:600px){.spi-public-main.container{padding:22px 16px;}}
@media (max-width:600px){.spi-public-main.spi-fullwidth{padding:0;}}
@media (max-width:600px){.spi-app-layout>.spi-content{padding:20px 16px 55px;}}
@media (max-width:600px){.spi-fullwidth .hero{padding:34px 0;}}
@media (max-width:600px){.spi-fullwidth .hero h1{font-size:clamp(30px,8.1vw,41px);}}
@media (max-width:600px){.spi-fullwidth .hero-card{padding:20px 16px;}}
@media (max-width:600px){.spi-fullwidth .hero-card .orbit{height:auto;}}
@media (max-width:600px){.reg-wrap .panel.pad{padding:17px;}}
@media (max-width:600px){.reg-wrap .panel form .formgrid{grid-template-columns:1fr;}}
@media (max-width:600px){.spi-level-panel .module-row{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;}}
@media (max-width:600px){.spi-level-panel .module-row .actions{grid-column:1/-1;justify-content:flex-start;}}
@media (max-width:600px){.spi-curriculum-panel{padding:16px;}}
@media (max-width:600px){.panel{padding:17px;}}
@media (max-width:600px){.spi-metric-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:600px){.spi-metric-kpis .n{font-size:25px;}}
@media (max-width:600px){.panel table{max-width:100%;}}
@media (max-width:600px){.footer .site-width{gap:8px;}}
@media (max-width:600px){.spi-fullwidth .site-width{padding-left:16px;padding-right:16px;}}
@media (max-width:350px){.spi-metric-kpis{grid-template-columns:1fr;}}
@media (max-width:350px){.topnav .brandtext b{font-size:11px;}}
@media (max-width:350px){.spi-level-tabs button{padding:8px;font-size:10px;}}
.spi-case-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;}
.spi-case-layout .panel{min-width:0;}
.spi-case-layout .soft{padding:16px;}
.spi-case-layout .feedback{border-left:3px solid var(--ds-color-gold-500);background:#f5f6f7;padding:14px;}
.spi-exam-progress{margin:14px 0 22px;}
.spi-exam-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.spi-exam-top strong{font-size:13px;color:var(--ds-color-navy-900);}
.spi-exam-top span{font-size:11px;color:#687587;}
.spi-exam-bar{height:8px;border-radius:8px;background:#e6eaf0;overflow:hidden;margin-top:11px;}
.spi-exam-bar>span{display:block;background:linear-gradient(90deg,var(--ds-color-gold-500),var(--ds-color-gold-300));height:100%;transform-origin:left center;transition:width .14s;}
.spi-exam-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:15px 0;}
.spi-question-counter{color:#687587;font-size:12px;font-weight:650;}
.spi-exam-form > button[type=submit]{margin-top:12px;}
.spi-exam-form .question{background:#fff;border-color:#e6e8ec;border-radius:3px;}
.spi-exam-form .question legend{padding:3px 7px;}
.spi-exam-form .option{border-radius:3px;}
.spi-exam-warning{border-left:3px solid var(--ds-color-gold-500);background:#fbf7ec;padding:12px 14px;color:#715924;margin-top:10px;border-radius:3px;}
@media (max-width:760px){.spi-case-layout{grid-template-columns:1fr;}}
@media (max-width:760px){.spi-exam-buttons .btn{flex:1;min-width:95px;}}
@page { margin: 14mm; }
@media print{.spi-invoice-wrap > div{break-inside:avoid;}}
.row.between > :nth-child(2):last-child{margin-left:auto;}
.row.between.wrap{gap:16px;align-items:center;margin-bottom:20px;}
.row.between.wrap > *:first-child{flex:1 1 auto;}
.row.between.wrap > :last-child{margin-left:auto;flex-shrink:0;}
.panel > .row.between.wrap h3{margin:0;}
.panel > .row.wrap{gap:12px;margin-top:12px;}
.module-row .grow b{overflow-wrap:anywhere;}
.module-row .grow .label{line-height:1.5;}
.module-row .actions{flex-shrink:0;}
.module-row .actions .btn,
.module-row .actions .badge,
.module-row .actions .pill{margin:0;min-height:34px;display:inline-flex;align-items:center;justify-content:center;}
.linecard{align-items:center;gap:16px;padding:16px 20px;}
.linecard > div{display:flex;flex-direction:column;justify-content:center;gap:4px;flex:1;}
.linecard > div > p{margin:0;line-height:1.5;font-size:13px;color:#687587;}
.spi-flex-activity{align-items:stretch;}
.spi-flex-icon,
.spi-flex-arrow{align-self:flex-start;margin-top:2px;flex-shrink:0;}
.spi-flex-content{gap:8px;height:100%;}
.spi-flex-content strong{line-height:1.4;font-size:15px;color:var(--ds-color-navy-900);overflow-wrap:anywhere;}
.spi-flex-desc{font-size:13px;color:#5a6878;}
.spi-flex-status{align-self:flex-start;display:inline-flex;align-items:center;min-height:30px;font-size:11.5px;line-height:1.3;}
.module-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px;padding:20px;}
.module-row .grow{flex:1 1 320px;min-width:0;}
.module-row .grow b{display:block;font-size:15px;line-height:1.45;color:var(--ds-color-navy-900);margin-bottom:8px;word-break:break-word;}
.module-row .grow .label{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.module-row .actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:auto;}
.badge-status{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#64748b;background:#f1f5f9;padding:4px 10px;border-radius:4px;border:1px solid #e2e8f0;line-height:1.3;}
.badge-status.is-done{color:#166534;background:#f0fdf4;border-color:#bbf7d0;}
.linecard > div > p{display:flex;align-items:center;gap:8px;margin-top:6px;flex-wrap:wrap;}
.knowledge-dev-badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;}
.spi-flex-head{margin-bottom:24px;}
.spi-flex-workspace > .row.between.wrap{flex-direction:column;align-items:flex-start;gap:16px;border-bottom:1px solid #e2e8f0;padding-bottom:20px;margin-bottom:20px;}
.spi-flex-workspace > .row.between.wrap > .pill{margin-top:8px;background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd;}
.spi-flex-summary{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;background:#f8fafc;padding:14px 18px;border-radius:6px;border:1px solid #e2e8f0;font-size:13px;margin-bottom:24px;}
.spi-flex-grid{align-items:stretch;}
.spi-flex-activity{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:20px;gap:16px;}
.spi-flex-content{flex:1;display:flex;flex-direction:column;}
.spi-flex-desc{min-height:42px;margin-bottom:12px;line-height:1.5;}
.spi-flex-status{margin-top:auto;width:100%;justify-content:center;text-align:center;padding:8px 12px;border-radius:4px;}
.panel h3 + .row.wrap{margin-top:16px;margin-bottom:16px;}
.panel .pill.gold{margin-bottom:12px;display:inline-block;}
.badge--success{font-weight:700;font-size:11px;padding:6px 12px;border-radius:4px;display:inline-block;text-align:center;min-width:75px;}
.badge--warning{font-weight:700;font-size:11px;padding:6px 12px;border-radius:4px;display:inline-block;text-align:center;min-width:75px;}
.badge--dark{font-weight:700;font-size:11px;padding:6px 12px;border-radius:4px;display:inline-block;text-align:center;min-width:75px;}
.pill-outline-gold{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--ds-color-gold-500);color:var(--ds-color-gold-700);font-size:10px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;padding:4px 10px;border-radius:99px;}
.status-text-empty{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#94a3b8;font-style:italic;font-weight:500;}
.status-text-empty::before{content:"○";font-style:normal;font-size:14px;color:#cbd5e1;}
#spi-apply-level .linecard{padding:18px 20px;margin-bottom:12px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.02);transition:box-shadow 0.2s ease;}
#spi-apply-level .linecard:hover{box-shadow:0 4px 12px rgba(0,0,0,0.05);}
.spi-sidebar-level-group .side-item--nested{color:#64748b;border-bottom:0;}
.spi-sidebar-level-group .side-item--nested:hover,
.spi-sidebar-level-group .side-item--nested.on{background:#f8f5ee;color:var(--ds-color-navy-900);font-weight:700;}
.spi-sidebar-level-group summary span{display:none;}
.spi-higher-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;margin-top:20px;}
.spi-higher-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px;box-shadow:0 4px 12px rgba(0,0,0,0.02);}
.spi-higher-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9;}
.spi-higher-head h4{margin:4px 0 0;font-size:18px;color:var(--ds-color-navy-900);}
.spi-higher-links-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;}
.module-link{display:inline-flex;align-items:center;justify-content:center;padding:10px;font-size:12px;font-weight:600;border-radius:6px;text-align:center;text-decoration:none;}
.module-link.active{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;}
.module-link.active:hover{background:#dcfce7;}
.module-link.locked{background:#f8fafc;border:1px dashed #cbd5e1;cursor:not-allowed;}
.spi-info-box{display:flex;gap:14px;align-items:flex-start;background:#f8fafc;border-left:4px solid var(--ds-color-gold-500);padding:16px 20px;border-radius:0 8px 8px 0;margin-top:16px;}
.spi-info-icon{font-size:18px;line-height:1.4;}
.spi-info-box p{margin:0;font-size:13px;line-height:1.6;color:#475569;}
.spi-module-badges{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;}
.badge-mini{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;padding:4px 8px;border-radius:4px;background:#f1f5f9;color:#94a3b8;border:1px solid #e2e8f0;}
.badge-mini.is-done{background:#f0fdf4;color:#166534;border-color:#bbf7d0;}
.spi-module-card.is-locked .spi-module-card-head b{color:#64748b;}
.lock-icon{font-size:14px;margin-left:6px;opacity:0.7;filter:grayscale(1);}
.btn--disabled{cursor:not-allowed;width:100%;display:flex;justify-content:center;align-items:center;gap:6px;opacity:0.8;}
.spi-sidebar-level-group .side-item--nested{font-size:13px;margin-bottom:2px;}
.spi-sidebar-level-group{position:relative;}
.spi-sidebar-level-group .side-item--nested::before{content:"";position:absolute;left:32px;top:0;bottom:0;width:2px;background:#f1f5f9;border-radius:2px;}
.spi-sidebar-level-group .side-item--nested:hover::before{background:#e2e8f0;}
.spi-journey-full{width:100%;}
.spi-journey-full .module-row{padding:20px 24px;}
.spi-journey-full .grow b{font-size:16px;}
.spi-content .grid.two{margin-top:0;}
.spi-journey-full .actions{align-self:center;}
.btn-gold{font-weight:700;}
.module-row .actions .action-box{width:140px;height:38px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:650;padding:0;border-radius:4px;text-align:center;box-sizing:border-box;}
.spi-enrollment-header{margin-top:10px;}
.spi-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px;}
.spi-title-row h4{font-size:20px;color:var(--ds-color-navy-900);}
.spi-content .grid.two{align-items:stretch;}
.bar{overflow:hidden;margin-top:8px;}
.bar > span{display:block;height:100%;transition:width 0.4s ease;}
.module-link.locked{display:flex;align-items:center;justify-content:center;color:#94a3b8;}
.pill--blue{font-weight:600;}
.spi-action-footer{margin-top:20px;width:100%;}
#spi-apply-level .linecard,
.spi-dashboard .spi-evidence-card{margin-bottom:12px;padding:16px 20px;background:#fff;display:flex;justify-content:space-between;align-items:center;}
.spi-dashboard .spi-evidence-card .tag-num{display:flex;align-items:center;justify-content:center;font-size:16px;}
.btn-soft-navy:hover{transform:translateY(-1px);}
.spi-app-layout > .spi-content.spi-dashboard{display:flex;flex-direction:column;gap:18px;padding-bottom:18px;}
.spi-dashboard > .viewhead{padding:7px 0 2px;}
.spi-dashboard > .viewhead .description{margin:8px 0 0;}
.spi-dashboard > :is(.panel, .grid, .spi-metric-kpis, .viewhead){margin-top:0;margin-bottom:0;}
.spi-dashboard > .spi-metric-kpis{gap:14px;}
.spi-dashboard > .spi-dashboard-status-grid{gap:18px;align-items:stretch;}
.spi-dashboard > .spi-dashboard-status-grid > .spi-dashboard-status-panel{margin:0;min-width:0;display:flex;flex-direction:column;gap:12px;padding:24px;}
.spi-dashboard .row.between.wrap.spi-status-heading{margin:0 0 4px;min-height:28px;gap:10px;align-items:center;}
.spi-dashboard .spi-status-heading h3{margin:0;}
.spi-dashboard .spi-status-card,
.spi-dashboard #spi-apply-level .linecard{padding:16px 20px;min-width:0;width:100%;display:flex;align-items:center;gap:14px;}
.spi-dashboard .spi-status-card > .grow{flex:1 1 auto;min-width:0;display:block;}
.spi-dashboard .spi-status-card > .grow b{display:block;color:var(--ds-color-navy-900);line-height:1.45;}
.spi-dashboard .spi-status-subtext,
.spi-dashboard .spi-evidence-subtext{margin-top:5px;}
.spi-dashboard .spi-learning-mode{display:inline-flex;background:#f8fafc;border:1px solid #e2e8f0;padding:4px 10px;color:#475569;font-weight:600;}
.spi-dashboard .spi-status-card > form{min-width:0;max-width:62%;}
.spi-dashboard .spi-evidence-card .tag-num{flex:0 0 38px;width:38px;height:38px;}
.spi-dashboard .spi-action-footer{margin-top:auto;padding-top:8px;width:100%;}
.spi-dashboard .spi-action-footer .btn{min-height:44px;}
.spi-dashboard > :last-child{margin-bottom:0;}
@media (max-width: 900px){.spi-app-layout > .spi-content.spi-dashboard{gap:16px;padding-bottom:16px;}}
@media (max-width: 600px){.spi-app-layout > .spi-content.spi-dashboard{gap:14px;padding-bottom:14px;}}
@media (max-width: 600px){.spi-dashboard > .viewhead{padding:4px 0 0;}}
@media (max-width: 600px){.spi-dashboard > .spi-dashboard-status-grid{gap:14px;}}
@media (max-width: 600px){.spi-dashboard > .spi-dashboard-status-grid > .spi-dashboard-status-panel{padding:17px;gap:10px;}}
@media (max-width: 600px){.spi-dashboard .spi-status-card, .spi-dashboard #spi-apply-level .linecard{padding:13px 14px;}}
@media (max-width: 600px){.spi-dashboard .spi-status-card > form{max-width:100%;}}
@media (max-width: 600px){.spi-dashboard .spi-evidence-card{flex-wrap:nowrap;}}
.spi-progress-meta{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:5px 14px;margin:15px 0 10px;line-height:1.55;}
.spi-progress-meta > b{color:var(--ds-color-navy-900);}
progress.spi-progress-track,
.panel progress.spi-progress-track{appearance:none;-webkit-appearance:none;display:block;border:0;width:100%;max-width:100%;height:12px;min-height:12px;padding:0;margin:0;border-radius:99px;overflow:hidden;background-color:#e2e8f0;color:var(--ds-color-gold-500);accent-color:var(--ds-color-gold-500);box-shadow:none;}
progress.spi-progress-track::-webkit-progress-bar{background-color:#e2e8f0;border-radius:99px;}
progress.spi-progress-track::-webkit-progress-value{background:linear-gradient(90deg, var(--ds-color-gold-500), var(--ds-color-gold-300));border-radius:99px;}
progress.spi-progress-track::-moz-progress-bar{background:linear-gradient(90deg, var(--ds-color-gold-500), var(--ds-color-gold-300));border-radius:99px;}
.spi-dashboard .spi-journey-full > .spi-progress-track{margin-bottom:0;}
.spi-toolkit-progress-panel > .levelrow{margin-bottom:0;}
.spi-toolkit-progress-panel > .spi-progress-meta{margin-top:14px;}
.spi-toolkit-progress-panel > .spi-progress-track{margin:0 0 14px;}
.spi-dashboard .spi-higher-levels .spi-higher-header{margin-bottom:0;}
.spi-dashboard .spi-higher-levels .spi-higher-text > :last-child{margin-bottom:0;}
.spi-dashboard .spi-higher-levels .spi-higher-grid{margin-top:16px;}
.spi-dashboard .spi-knowledge-panel{display:flex;flex-direction:column;gap:14px;}
.spi-dashboard .spi-knowledge-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 18px;padding-bottom:14px;border-bottom:1px solid #e6eaf0;}
.spi-dashboard .spi-knowledge-head h3{margin:0;}
.spi-dashboard .spi-knowledge-head .spi-knowledge-transcript{min-height:40px;}
.spi-dashboard .spi-knowledge-status-list{display:grid;gap:9px;}
.spi-dashboard .spi-knowledge-status{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px 16px;min-width:0;padding:13px 16px;border:1px solid #e2e8f0;background:#fafbfc;border-radius:5px;}
.spi-dashboard .spi-knowledge-status-info{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0;}
.spi-dashboard .spi-knowledge-status-info strong{font-size:13px;line-height:1.45;color:var(--ds-color-navy-900);}
.spi-dashboard .spi-knowledge-dot{display:inline-block;flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:var(--ds-color-gold-500);box-shadow:0 0 0 3px #f8f0db;}
.spi-dashboard .spi-knowledge-dot.is-ready{background:#287a57;box-shadow:0 0 0 3px #e2f1e8;}
.spi-dashboard .spi-knowledge-pending{display:inline-flex;align-items:center;font-size:11px;font-weight:700;color:#85601f;border:1px solid #ebdfc4;background:#f8f0db;border-radius:4px;padding:6px 10px;line-height:1.35;}
.spi-dashboard .spi-knowledge-note{margin:0;padding:13px 16px;gap:12px;border-radius:4px;}
.spi-dashboard .spi-knowledge-note .spi-info-icon{flex:0 0 21px;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:var(--ds-color-navy-800);color:#fff;font:700 12px/1 Inter, Arial, sans-serif;}
.spi-dashboard .spi-knowledge-note p{font-size:12.5px;line-height:1.6;}
@media (max-width: 600px){.spi-progress-meta{align-items:flex-start;}}
@media (max-width: 600px){.spi-dashboard .spi-knowledge-panel{gap:12px;}}
@media (max-width: 600px){.spi-dashboard .spi-knowledge-head{padding-bottom:12px;}}
@media (max-width: 600px){.spi-dashboard .spi-knowledge-status{padding:12px;}}
@media (max-width: 600px){.spi-dashboard .spi-knowledge-note{padding:12px;}}
.spi-dashboard{--spi-action:var(--ds-color-navy-900);--spi-action-hover:var(--ds-color-navy-800);--spi-success-text:#166534;--spi-success-bg:#ecfdf3;--spi-success-border:#b7ebca;--spi-disabled-text:#64748b;--spi-disabled-bg:#eef2f6;--spi-disabled-border:#d6dee8;}
.spi-dashboard .spi-primary-cta,
.spi-dashboard .spi-level-apply-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 17px;background:var(--spi-action);color:#fff;border:1px solid var(--spi-action);border-radius:6px;font-weight:700;font-size:13px;line-height:1.3;text-decoration:none;text-align:center;box-shadow:none;transition:background-color .16s ease, border-color .16s ease;}
.spi-dashboard .spi-primary-cta:hover,
.spi-dashboard .spi-level-apply-cta:hover{background:var(--spi-action-hover);border-color:var(--spi-action-hover);color:#fff;}
.spi-dashboard .spi-primary-cta:focus-visible,
.spi-dashboard .spi-level-apply-cta:focus-visible,
.spi-dashboard .spi-higher-tile.active:focus-visible{outline:3px solid var(--ds-color-gold-500);outline-offset:3px;}
.spi-dashboard .spi-locked-action,
.spi-dashboard .spi-locked-action:disabled{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;background:var(--spi-disabled-bg);color:var(--spi-disabled-text);border:1px solid var(--spi-disabled-border);border-radius:6px;font-size:13px;font-weight:700;text-align:center;cursor:not-allowed;opacity:1;box-shadow:none;}
.spi-dashboard .spi-journey-full .spi-journey-row{display:grid;grid-template-columns:46px minmax(0,1fr) 168px;gap:16px;align-items:center;min-height:114px;padding:19px 24px;border-radius:7px;}
.spi-dashboard .spi-journey-full .spi-journey-row .tag-num{align-self:center;justify-self:center;margin:0;}
.spi-dashboard .spi-journey-full .spi-journey-row .grow{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:unset;min-width:0;margin:0;}
.spi-dashboard .spi-journey-full .spi-journey-row .grow > b{margin:0 0 10px;line-height:1.38;font-size:15px;}
.spi-dashboard .spi-journey-full .spi-journey-row .label{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0;}
.spi-dashboard .spi-journey-full .spi-journey-row .actions{align-self:center;justify-self:stretch;width:100%;margin:0;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;}
.spi-dashboard .spi-journey-full .spi-journey-row .actions .action-box,
.spi-dashboard .spi-journey-full .spi-journey-row .actions .btn{width:100%;min-width:0;height:44px;min-height:44px;padding:10px 12px;border-radius:6px;font-size:13px;}
.spi-dashboard .spi-journey-full .spi-journey-row.locked{background:#fafbfc;border-color:#e1e7ee;}
.spi-dashboard #spi-apply-level .spi-learning-mode{background:#f8fafc;color:#475569;border-color:#dce3eb;border-radius:5px;font-size:11px;padding:5px 10px;font-style:normal;}
.spi-dashboard #spi-apply-level .spi-level-state{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:104px;min-height:36px;padding:7px 13px;border:1px solid var(--spi-disabled-border);border-radius:6px;background:var(--spi-disabled-bg);color:var(--spi-disabled-text);font-size:12px;line-height:1.3;font-weight:700;text-align:center;white-space:normal;}
.spi-dashboard #spi-apply-level .spi-level-state.is-success{background:var(--spi-success-bg);color:var(--spi-success-text);border-color:var(--spi-success-border);}
.spi-dashboard #spi-apply-level .spi-level-state.is-pending{background:#fff7e7;color:#8a601b;border-color:#edd8ae;}
.spi-dashboard #spi-apply-level .spi-status-card > form .spi-level-apply-cta{min-height:40px;padding:9px 12px;width:100%;}
.spi-dashboard #spi-apply-level .spi-status-card > form select{max-width:100%;min-width:0;margin-bottom:8px;}
.spi-dashboard .spi-higher-levels .spi-higher-links-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.spi-dashboard .spi-higher-levels .spi-higher-tile{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:84px;padding:12px 10px;border-radius:7px;text-align:center;line-height:1.3;text-decoration:none;}
.spi-dashboard .spi-higher-levels .spi-higher-tile .spi-tile-top{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;font-size:12.5px;}
.spi-dashboard .spi-higher-levels .spi-higher-tile .spi-tile-sub{font-size:10.5px;font-weight:550;}
.spi-dashboard .spi-higher-levels .spi-higher-tile.locked{background:#f8fafc;color:#62748c;border:1px dashed #cbd5e1;cursor:default;}
.spi-dashboard .spi-higher-levels .spi-higher-tile.locked .spi-tile-sub{color:#7e8da3;}
.spi-dashboard .spi-higher-levels .spi-higher-tile.active{background:#ecfdf3;border:1px solid #b7ebca;color:#166534;cursor:pointer;}
.spi-dashboard .spi-higher-levels .spi-higher-tile.active:hover{background:#dff6e8;}
.spi-dashboard .spi-higher-levels .spi-tile-lock-icon{flex:0 0 15px;}
.spi-dashboard .spi-higher-levels .spi-tile-access-dot{width:8px;height:8px;background:#258452;border-radius:50%;}
@media (max-width: 1000px){.spi-dashboard .spi-journey-full .spi-journey-row{grid-template-columns:42px minmax(0,1fr) 150px;padding:17px 18px;}}
@media (max-width: 1000px){.spi-dashboard .spi-journey-full .spi-journey-row .actions .action-box{font-size:12px;}}
@media (max-width: 700px){.spi-dashboard .spi-journey-full .spi-journey-row{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:16px;min-height:unset;}}
@media (max-width: 700px){.spi-dashboard .spi-journey-full .spi-journey-row .tag-num{justify-self:start;}}
@media (max-width: 700px){.spi-dashboard .spi-journey-full .spi-journey-row .grow > b{font-size:13px;}}
@media (max-width: 700px){.spi-dashboard .spi-journey-full .spi-journey-row .actions{grid-column:2;justify-self:stretch;width:100%;margin-top:3px;}}
@media (max-width: 700px){.spi-dashboard .spi-higher-levels .spi-higher-links-grid{gap:9px;}}
@media (max-width: 700px){.spi-dashboard .spi-higher-levels .spi-higher-tile{min-height:76px;padding:10px 6px;}}
@media (max-width: 700px){.spi-dashboard .spi-higher-levels .spi-higher-tile .spi-tile-top{font-size:11.5px;}}
@media (max-width: 700px){.spi-dashboard .spi-higher-levels .spi-higher-tile .spi-tile-sub{font-size:10px;}}
@media (max-width: 700px){.spi-dashboard #spi-apply-level .spi-level-state{min-width:90px;}}
@media (prefers-reduced-motion: reduce){.spi-dashboard .spi-primary-cta,
    .spi-dashboard .spi-level-apply-cta{transition:none;}}
.spi-dashboard > #nextActionPanel.spi-next-action{padding:20px 26px;border-radius:7px;}
.spi-dashboard .spi-next-action-layout{display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:center;column-gap:28px;row-gap:14px;}
.spi-dashboard .spi-next-action-copy{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;}
.spi-dashboard .spi-next-action-copy .eyebrow{margin:0 0 5px;line-height:1.35;}
.spi-dashboard .spi-next-action-copy h3{margin:0;color:var(--ds-color-navy-900);font-size:clamp(17px, 1.65vw, 20px);line-height:1.33;}
.spi-dashboard .spi-next-action-copy p{margin:0;font-size:12.5px;line-height:1.55;max-width:800px;}
.spi-dashboard #nextActionPanel .spi-next-action-cta{min-width:142px;min-height:44px;border-radius:5px;padding:10px 17px;white-space:nowrap;font-size:13px;font-weight:700;}
.topnav .nav-right{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0;}
.topnav .spi-alert-menu{flex:0 0 auto;}
.topnav .spi-alert-toggle{position:relative;width:42px;height:42px;min-width:42px;min-height:42px;padding:0;border-radius:8px;background:rgba(255,255,255,.055);border:1px solid rgba(223,194,130,.35);color:#f5e6be;box-shadow:none;}
.topnav .spi-alert-toggle:hover,
.topnav .spi-alert-toggle:focus-visible{background:rgba(255,255,255,.11);border-color:var(--ds-color-gold-300);}
.topnav .spi-alert-toggle .spi-bell-icon{width:19px;height:19px;}
.topnav .spi-alert-number{position:absolute;right:-6px;top:-6px;min-width:19px;height:19px;padding:0 4px;border:2px solid var(--ds-color-navy-950);border-radius:99px;font-size:10px;background:var(--ds-color-gold-300);color:var(--ds-color-navy-900);}
.topnav .spi-account-menu{position:relative;flex:0 1 auto;min-width:0;}
.topnav .spi-account-toggle{list-style:none;display:flex;align-items:center;gap:9px;min-height:42px;max-width:236px;padding:5px 11px 5px 6px;border:1px solid rgba(223,194,130,.35);background:rgba(255,255,255,.055);color:#f3f5f9;border-radius:8px;cursor:pointer;transition:background-color .15s ease, border-color .15s ease;}
.topnav .spi-account-toggle::-webkit-details-marker{display:none;}
.topnav .spi-account-toggle::marker{content:"";}
.topnav .spi-account-toggle:hover,
.topnav .spi-account-menu[open] .spi-account-toggle{border-color:var(--ds-color-gold-300);background:rgba(255,255,255,.11);}
.topnav .spi-account-avatar{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;background:var(--ds-color-gold-300);color:var(--ds-color-navy-900);border-radius:50%;}
.topnav .spi-account-toggle .spi-user{display:block;flex:1 1 auto;min-width:0;max-width:153px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;color:#fff;}
.topnav .spi-account-chevron{flex:0 0 15px;color:var(--ds-color-gold-300);transition:transform .15s ease;}
.topnav .spi-account-menu[open] .spi-account-chevron{transform:rotate(180deg);}
.topnav .spi-account-panel{position:absolute;z-index:211;right:0;top:calc(100% + 11px);width:min(288px,calc(100vw - 24px));max-width:calc(100vw - 24px);padding:7px;border:1px solid #dfe5ed;border-radius:13px;background:#fff;color:#101D3A;box-shadow:0 18px 45px rgba(7,15,34,.18);overflow:hidden}
.topnav .spi-account-panel-head{display:flex;align-items:center;gap:11px;padding:13px 12px 12px;border-bottom:1px solid #e8edf2;margin-bottom:5px}
.topnav .spi-account-panel-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;background:#e6d2a0;color:#101D3A;font:750 14px Inter,sans-serif;overflow:hidden}
.topnav .spi-account-panel-avatar img{width:100%;height:100%;object-fit:cover}
.topnav .spi-account-panel-head>div{min-width:0}
.topnav .spi-account-kicker{display:block;color:#847453;font:600 10px/1.5 Inter,sans-serif;letter-spacing:.03em;text-transform:none}
.topnav .spi-account-fullname{font:750 13px/1.5 Inter,sans-serif;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;color:#101D3A}
.topnav .spi-account-panel-links{display:grid;gap:2px;padding:2px 3px 7px}
.topnav .spi-account-panel-divider{height:1px;background:#e8edf2;margin:6px 9px}
.topnav .spi-account-panel-footer{padding:6px 3px 2px;border-top:1px solid #e8edf2}
.topnav .spi-account-panel-footer form{display:block;margin:0}
.topnav .spi-account-panel .spi-header-logout{width:100%;display:flex;align-items:center;justify-content:flex-start;min-height:40px;padding:9px 12px;border:0;border-radius:9px;background:transparent;color:#805346;font:650 12px/1.4 Inter,sans-serif;text-decoration:none;box-shadow:none}
.topnav .spi-account-panel .spi-header-logout:hover{background:#fff3f0;color:#8b4236}
.topnav .spi-account-toggle:focus-visible,
.topnav .spi-alert-toggle:focus-visible,
.topnav .spi-header-logout:focus-visible{outline-offset:3px;}
@media (max-width: 700px){.spi-dashboard > #nextActionPanel.spi-next-action{padding:16px 18px;}}
@media (max-width: 700px){.spi-dashboard .spi-next-action-layout{grid-template-columns:minmax(0,1fr);row-gap:13px;}}
@media (max-width: 700px){.spi-dashboard #nextActionPanel .spi-next-action-cta{justify-self:start;}}
@media (max-width: 600px){.topnav .nav-right{gap:10px;justify-content:flex-end;}}
@media (max-width: 600px){.topnav .spi-account-toggle{max-width:min(240px, calc(100vw - 103px));}}
@media (max-width: 600px){.topnav .spi-account-toggle .spi-user{max-width:135px;}}
@media (max-width: 380px){.topnav .spi-account-toggle .spi-user{max-width:100px;}}
@media (max-width: 380px){.spi-dashboard #nextActionPanel .spi-next-action-cta{width:100%;justify-self:stretch;}}
@media print{.topnav .spi-account-menu{display:none;}}
@media (prefers-reduced-motion: reduce){.topnav .spi-account-toggle, .topnav .spi-account-chevron{transition:none;}}
.spi-kc{width:min(100%, 1120px);margin-inline:auto;display:grid;gap:20px;color:var(--ds-color-navy-900);min-width:0;}
.spi-kc *, .spi-kc *::before, .spi-kc *::after{box-sizing:border-box;}
.spi-kc :where(h1,h2,h3,p){margin:0;}
.spi-kc-back{font-size:13px;font-weight:650;}
.spi-kc-back a{color:#806129;text-decoration:none;}
.spi-kc-back a:hover{text-decoration:underline;}
.spi-kc-eyebrow{font-size:11px;letter-spacing:.15em;font-weight:760;color:#92702f;text-transform:uppercase;}
.spi-kc-header{display:grid;gap:12px;padding:7px 0 22px;border-bottom:1px solid #e4e8ee;}
.spi-kc-header h1{font:650 clamp(30px,3.2vw,42px)/1.15 "Playfair Display",Georgia,serif;letter-spacing:-.025em;color:var(--ds-color-navy-900);}
.spi-kc .spi-kc-module-title{font-size:clamp(16px,1.5vw,20px);line-height:1.4;font-weight:700;color:var(--ds-color-navy-800);}
.spi-kc .spi-kc-lead{max-width:780px;color:#52627a;font-size:15px;line-height:1.75;}
.spi-kc-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:3px;}
.spi-kc-meta span{padding:7px 12px;border-radius:999px;color:#566781;border:1px solid #e2e8f0;background:#f7f9fc;font:600 12px/1.4 Inter,sans-serif;}
.spi-kc-meta strong{color:var(--ds-color-navy-900);}
.spi-kc-quiz, .spi-kc-results{background:#fff;border:1px solid #e0e6ef;border-radius:16px;padding:clamp(18px,2.4vw,31px);box-shadow:0 8px 28px rgba(7,15,34,.035);min-width:0;}
.spi-kc-quiz-head{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e7ebf0;padding-bottom:20px;}
.spi-kc-quiz-head > div{display:grid;gap:8px;}
.spi-kc-quiz-head h2, .spi-kc-results h2{font-size:clamp(20px,2vw,27px);font-weight:750;color:var(--ds-color-navy-900);line-height:1.26;}
.spi-kc-quiz-head > span{flex:none;background:#f9f4e7;border:1px solid #e9dbb9;color:#815f24;padding:8px 12px;border-radius:9px;font-size:12px;font-weight:750;}
.spi-kc .spi-kc-questions{display:grid;gap:0;}
.spi-kc .spi-kc-question{min-width:0;display:block;border:0;border-radius:0;padding:22px 0 23px;margin:0;border-bottom:1px solid #e9edf1;}
.spi-kc .spi-kc-question:last-child{border-bottom:0;}
.spi-kc .spi-kc-question legend{display:table;width:100%;max-width:100%;padding:0 0 14px;margin:0;font:700 clamp(15px,1.4vw,17px)/1.6 Inter,sans-serif;color:var(--ds-color-navy-900);white-space:normal;}
.spi-kc-question-index{display:inline-grid;place-items:center;margin-right:10px;width:31px;min-height:31px;border-radius:8px;background:#f9f4e8;border:1px solid #ebdfc3;color:#88672a;font-size:12px;line-height:1.3;vertical-align:middle;}
.spi-kc-choices{display:grid;gap:9px;}
.spi-kc-choice{display:flex;gap:13px;align-items:flex-start;cursor:pointer;padding:14px 16px;margin:0;border:1px solid #dfe5ed;border-radius:10px;background:#fff;color:#25354d;font:500 14px/1.6 Inter,sans-serif;transition:background-color .14s,border-color .14s;}
.spi-kc-choice:hover{border-color:var(--ds-color-gold-500);background:#fffcf7;}
.spi-kc-choice:has(input:checked){border-color:var(--ds-color-gold-500);background:#fffaef;box-shadow:inset 3px 0 0 var(--ds-color-gold-500);}
.spi-kc-choice:focus-within{outline:2px solid var(--ds-color-gold-700);outline-offset:1px;}
.spi-kc-choice input{flex:0 0 19px;width:19px;height:19px;min-height:19px;margin:1px 0 0;accent-color:#977333;cursor:pointer;}
.spi-kc-choice span{flex:1;min-width:0;overflow-wrap:break-word;}
.spi-kc-submit{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:17px;border-top:1px solid #e9edf1;}
.spi-kc .spi-kc-submit p{max-width:530px;font-size:12px;color:#65758b;line-height:1.6;}
.spi-kc .spi-kc-primary{display:inline-flex;justify-content:center;align-items:center;min-height:46px;border:1px solid var(--ds-color-navy-900);background:var(--ds-color-navy-900);color:#fff;border-radius:9px;padding:12px 20px;font-weight:750;font-size:13px;white-space:normal;cursor:pointer;}
.spi-kc .spi-kc-primary:hover{background:var(--ds-color-navy-800);border-color:var(--ds-color-navy-800);}
.spi-kc-results-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:18px;}
.spi-kc-results-head > div:first-child{flex:1 1 390px;display:grid;gap:12px;min-width:0;}
.spi-kc-results-head p:not(.spi-kc-eyebrow){font-size:14px;line-height:1.65;color:#566781;max-width:650px;}
.spi-kc-score{display:grid;gap:6px;min-width:140px;border-left:3px solid var(--ds-color-gold-500);padding:9px 0 9px 18px;}
.spi-kc-score > span{font-size:11px;font-weight:700;color:#6c7b90;}
.spi-kc-score strong{font:700 clamp(23px,2.5vw,30px)/1.1 Inter,sans-serif;color:var(--ds-color-navy-900);}
.spi-kc-score small{font:600 13px Inter,sans-serif;color:#79869a;padding-left:3px;}
.spi-kc-progress{display:block;width:100%;height:9px;margin:21px 0 28px;accent-color:var(--ds-color-gold-500);border-radius:999px;overflow:hidden;}
.spi-kc-progress::-webkit-progress-bar{background:#e9edf1;border-radius:999px;}
.spi-kc-progress::-webkit-progress-value{background:var(--ds-color-gold-500);border-radius:999px;}
.spi-kc-progress::-moz-progress-bar{background:var(--ds-color-gold-500);border-radius:999px;}
.spi-kc-review-heading{display:grid;gap:6px;padding-bottom:14px;}
.spi-kc-review-heading h3{color:var(--ds-color-navy-900);font-size:19px;}
.spi-kc-review-heading p{color:#66758a;font-size:13px;line-height:1.55;}
.spi-kc-reviews{display:grid;gap:10px;}
.spi-kc-review{border:1px solid #e0e6ee;border-radius:11px;background:#fff;overflow:hidden;}
.spi-kc-review summary{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;list-style:none;}
.spi-kc-review summary::-webkit-details-marker{display:none;}
.spi-kc-review summary::after{content:"+";font-weight:650;color:#8a9ab0;font-size:18px;margin-left:0;}
.spi-kc-review[open] summary::after{content:"−";}
.spi-kc-review-number{display:grid;place-items:center;width:29px;height:29px;flex:none;background:#f9f4e7;color:#8c6929;border-radius:7px;font:700 12px Inter,sans-serif;}
.spi-kc-review-name{font-weight:700;line-height:1.45;flex:1;min-width:0;font-size:14px;color:var(--ds-color-navy-900);}
.spi-kc-review-status{border-radius:999px;font-size:11px;font-weight:750;padding:5px 9px;white-space:nowrap;}
.spi-kc-review-status.is-correct{background:#eaf6ee;color:#1a7549;}
.spi-kc-review-status.needs-review{background:#f9f1df;color:#805b19;}
.spi-kc-review-body{border-top:1px solid #e9edf1;padding:16px;display:grid;gap:14px;}
.spi-kc-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.spi-kc-answer-grid > div{padding:13px 14px;background:#f8fafc;border:1px solid #edf0f4;border-radius:9px;min-width:0;}
.spi-kc-answer-grid span{display:block;color:#66768b;font-size:11px;font-weight:700;margin-bottom:5px;}
.spi-kc-answer-grid p{font-size:13px;line-height:1.55;color:#1d2d46;}
.spi-kc .spi-kc-why{font-size:13px;line-height:1.7;color:#4b596d;}
.spi-kc-why strong{color:var(--ds-color-navy-900);}
.spi-kc-topic-link{color:#7c5b22;text-decoration:underline;text-underline-offset:3px;font-weight:700;font-size:13px;}
.spi-kc-next{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:17px;border-top:1px solid #e9edf1;margin-top:26px;padding-top:20px;}
.spi-kc-next > div{display:grid;gap:5px;flex:1 1 350px;}
.spi-kc-next strong{font-size:14px;}
.spi-kc-next p{font-size:13px;color:#68778b;line-height:1.55;}
.spi-kc .spi-kc-secondary{display:inline-flex;justify-content:center;align-items:center;min-height:44px;border:1px solid #cbd5e2;background:#fff;border-radius:9px;padding:10px 14px;color:var(--ds-color-navy-900);font-size:12px;font-weight:750;white-space:normal;text-decoration:none;}
.spi-kc .spi-kc-secondary:hover{background:#f4f7fa;}
.spi-kc-retry{border:1px solid #dce3ec;border-radius:11px;background:#fff;overflow:hidden;}
.spi-kc-retry > summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;font-size:14px;font-weight:750;cursor:pointer;color:var(--ds-color-navy-900);}
.spi-kc-retry > summary::-webkit-details-marker{display:none;}
.spi-kc-retry-body{padding:4px clamp(18px,2.3vw,28px) 24px;border-top:1px solid #e7eaf0;}
.spi-kc-retry-body > p{margin:16px 0 0;font-size:13px;line-height:1.6;color:#63738b;}
.spi-kc :where(a,button,summary,input):focus-visible{outline:2px solid var(--ds-color-gold-700);outline-offset:3px;}
@media (max-width:700px){.spi-kc{gap:15px;}}
@media (max-width:700px){.spi-kc-header{padding-bottom:18px;gap:10px;}}
@media (max-width:700px){.spi-kc-quiz, .spi-kc-results{padding:18px 16px;border-radius:13px;}}
@media (max-width:700px){.spi-kc-quiz-head{align-items:flex-start;gap:10px;}}
@media (max-width:700px){.spi-kc-quiz-head > span{font-size:11px;padding:7px 9px;}}
@media (max-width:700px){.spi-kc .spi-kc-question{padding:18px 0;}}
@media (max-width:700px){.spi-kc-choice{padding:13px 12px;}}
@media (max-width:700px){.spi-kc-answer-grid{grid-template-columns:1fr;gap:8px;}}
@media (max-width:700px){.spi-kc-review summary{gap:8px;padding:13px 11px;}}
@media (max-width:700px){.spi-kc-review-status{font-size:10px;}}
@media (max-width:700px){.spi-kc-review-body{padding:13px;}}
@media (max-width:700px){.spi-kc-submit .spi-kc-primary, .spi-kc-next .spi-kc-secondary{width:100%;}}
@media (prefers-reduced-motion:reduce){.spi-kc-choice{transition:none;}}
.spi-ma{width:min(100%,1120px);margin-inline:auto;display:grid;gap:20px;min-width:0;color:var(--ds-color-navy-900);}
.spi-ma,.spi-ma *,.spi-ma *::before,.spi-ma *::after{box-sizing:border-box;}
.spi-ma :where(h1,h2,p,dl){margin:0;}
.spi-ma-back a{display:inline-flex;align-items:center;gap:8px;color:#83642b;font-size:13px;font-weight:700;text-decoration:none;}
.spi-ma-back a:hover{text-decoration:underline;}
.spi-ma-header{display:grid;gap:12px;padding:4px 0 20px;border-bottom:1px solid #e2e7ed;}
.spi-ma-kicker,.spi-ma-section-kicker{font:750 11px/1.5 Inter,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#8a6a32;}
.spi-ma-header h1{font:650 clamp(30px,3vw,40px)/1.18 "Playfair Display",Georgia,serif;letter-spacing:-.02em;color:var(--ds-color-navy-900);}
.spi-ma-lead{max-width:800px;font:400 15px/1.75 Inter,sans-serif;color:#53647a;}
.spi-ma-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:3px;}
.spi-ma-meta>span{border:1px solid #e0e5ec;background:#f6f8fb;border-radius:100px;padding:7px 12px;font-size:12px;line-height:1.35;color:#52637b;}
.spi-ma-meta strong{color:var(--ds-color-navy-900);font-weight:750;}
.spi-ma-intro{display:flex;align-items:flex-start;gap:14px;background:#f7f9fb;border:1px solid #e0e6ef;border-radius:12px;padding:16px 18px;}
.spi-ma-intro-icon{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e8edf5;color:var(--ds-color-navy-800);font-weight:800;font-size:12px;}
.spi-ma-intro strong{display:block;font-size:14px;color:var(--ds-color-navy-900);margin-bottom:4px;}
.spi-ma-intro p{font-size:13px;line-height:1.72;color:#53647a;}
.spi-ma-glossary{border:1px solid #e1e6ed;border-radius:12px;overflow:hidden;background:#fff;}
.spi-ma-glossary>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:15px 18px;color:var(--ds-color-navy-900);font-size:14px;font-weight:700;}
.spi-ma-glossary>summary::-webkit-details-marker{display:none;}
.spi-ma-glossary>summary:focus-visible{outline:2px solid var(--ds-color-gold-500);outline-offset:-3px;}
.spi-ma-glossary-hint{font-size:12px;color:#816535;font-weight:600;}
.spi-ma-glossary[open]>summary{border-bottom:1px solid #e4e9ef;}
.spi-ma-glossary dl{padding:8px 18px 15px;display:grid;gap:0;}
.spi-ma-glossary dl>div{display:grid;grid-template-columns:minmax(130px,.34fr) minmax(0,1fr);gap:14px;padding:11px 0;border-bottom:1px solid #eef0f3;font-size:13px;line-height:1.55;}
.spi-ma-glossary dl>div:last-child{border-bottom:0;}
.spi-ma-glossary dt{font-weight:750;color:var(--ds-color-navy-900);}
.spi-ma-glossary dd{margin:0;color:#52637a;}
.spi-ma-quiz,.spi-ma-result,.spi-ma-unavailable{background:#fff;border:1px solid #e0e6ec;border-radius:15px;padding:clamp(20px,2.7vw,32px);box-shadow:0 6px 26px rgba(7,15,34,.035);min-width:0;}
.spi-ma-quiz-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;border-bottom:1px solid #e8ecf0;padding-bottom:20px;}
.spi-ma-quiz-heading h2{font-size:clamp(20px,2vw,25px);font-weight:750;color:var(--ds-color-navy-900);line-height:1.3;margin-top:5px;}
.spi-ma-question-count{flex:none;background:#f9f4e8;border:1px solid #eddfbf;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:700;color:#7c5d29;}
.spi-ma-quiz form{min-width:0;}
.spi-ma-quiz .spi-ma-question{min-width:0;}
.spi-ma-quiz .spi-ma-question legend{display:table;width:100%;max-width:100%;margin:0;font-size:clamp(14px,1.3vw,16px);font-weight:750;color:var(--ds-color-navy-900);line-height:1.6;white-space:normal;}
.spi-ma-question-index{display:inline-grid;place-items:center;min-width:30px;height:30px;border-radius:8px;background:#f8f2e7;border:1px solid #ead9b8;color:#87682e;font-size:12px;vertical-align:middle;margin-right:9px;}
.spi-ma-options{display:grid;gap:9px;}
.spi-ma .spi-ma-option{display:flex;align-items:flex-start;gap:11px;border:1px solid #e1e6ed;border-radius:9px;background:#fff;padding:13px 15px;color:#304258;font-size:13px;line-height:1.65;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s;}
.spi-ma .spi-ma-option:hover{border-color:#bd9c5d;background:#fdfbf6;}
.spi-ma .spi-ma-option:has(input:checked){border-color:#bd9c5d;background:#fbf7ee;}
.spi-ma .spi-ma-option input[type=radio]{flex:0 0 17px;width:17px;height:17px;margin:3px 0 0;accent-color:#b48c45;}
.spi-ma .spi-ma-option:focus-within{outline:2px solid var(--ds-color-gold-500);outline-offset:2px;}
.spi-ma-submit-note{font-size:12px;color:#64748b;line-height:1.6;margin:17px 0 14px;}
.spi-ma .spi-ma-submit,.spi-ma .spi-ma-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--ds-color-navy-900);background:var(--ds-color-navy-900);color:#fff;text-decoration:none;padding:13px 18px;border-radius:8px;min-height:45px;font-weight:750;font-size:13px;line-height:1.4;cursor:pointer;}
.spi-ma .spi-ma-submit:hover,.spi-ma .spi-ma-primary:hover{background:var(--ds-color-navy-800);color:#fff;}
.spi-ma .spi-ma-submit:focus-visible,.spi-ma .spi-ma-primary:focus-visible,.spi-ma .spi-ma-secondary:focus-visible{outline:3px solid var(--ds-color-gold-300);outline-offset:3px;}
.spi-ma-result{display:grid;gap:22px;}
.spi-ma-result-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.spi-ma-status{display:inline-flex;align-items:center;gap:8px;background:#e9f5ed;border:1px solid #cce6d3;border-radius:100px;padding:7px 12px;color:#216342;font-weight:750;font-size:12px;}
.spi-ma-status.is-waiting{background:#f9f4e8;border-color:#ecdcbb;color:#856328;}
.spi-ma-result-caption{font-size:12px;color:#65758a;}
.spi-ma-result-score{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr);gap:26px;align-items:center;padding:18px 0 22px;border-bottom:1px solid #e8ecf0;}
.spi-ma-score-label{font-size:13px;font-weight:700;color:#63718a;}
.spi-ma-score-value{font:700 clamp(34px,3.8vw,50px)/1.15 "Playfair Display",Georgia,serif;color:var(--ds-color-navy-900);font-variant-numeric:tabular-nums;}
.spi-ma-score-value span{font:600 clamp(17px,1.8vw,22px)/1.5 Inter,sans-serif;color:#738095;}
.spi-ma-score-explain{font-size:14px;line-height:1.78;color:#54657b;}
.spi-ma-result-next{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;}
.spi-ma-result-next>div{flex:1 1 280px;}
.spi-ma-result-next h2{font-size:17px;font-weight:750;color:var(--ds-color-navy-900);margin-bottom:5px;}
.spi-ma-result-next p,.spi-ma-unavailable>p{font-size:13px;line-height:1.7;color:#596b7e;}
.spi-ma-unavailable{display:grid;gap:12px;justify-items:start;}
.spi-ma-unavailable h2{font-size:22px;color:var(--ds-color-navy-900);}
.spi-ma .spi-ma-secondary{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--ds-color-navy-900);border:1px solid #ced6e2;border-radius:8px;padding:12px 15px;text-decoration:none;font-size:13px;font-weight:700;}
.spi-ma .spi-exam-progress{margin:17px 0 12px;}
.spi-ma .spi-exam-buttons{margin:17px 0;}
.spi-ma .spi-exam-warning{margin-top:14px;}
@media (max-width:700px){.spi-ma{gap:16px;}}
@media (max-width:700px){.spi-ma-header{gap:10px;}}
@media (max-width:700px){.spi-ma-result-score{grid-template-columns:1fr;gap:12px;}}
@media (max-width:700px){.spi-ma-result-next{align-items:stretch;}}
@media (max-width:700px){.spi-ma .spi-ma-primary{width:100%;}}
@media (max-width:700px){.spi-ma-glossary dl>div{grid-template-columns:1fr;gap:3px;}}
@media (max-width:430px){.spi-ma-quiz,.spi-ma-result,.spi-ma-unavailable{padding:17px;}}
@media (max-width:430px){.spi-ma-quiz-heading{align-items:flex-start;flex-direction:column;}}
@media (max-width:430px){.spi-ma .spi-ma-submit{width:100%;}}
@media (max-width:430px){.spi-ma-glossary-hint{font-size:11px;white-space:nowrap;}}
.spi-ma .spi-ma-question{scroll-margin-top:110px;}
.spi-ma-quiz-heading h2,.spi-ma-result-next h2,.spi-ma-unavailable h2{font-family:Inter,"Segoe UI",sans-serif;letter-spacing:-.012em;}
.spi-content .spi-cl{--cl-navy:var(--ds-color-navy-900);--cl-gold:var(--ds-color-gold-500);--cl-muted:#60718a;--cl-line:#dde4ed;--cl-surface:#f6f8fb;color:var(--cl-navy);max-width:1400px;margin:0 auto 26px;font-family:Inter,system-ui,sans-serif;}
.spi-content .spi-cl *{box-sizing:border-box;}
.spi-content .spi-cl .spi-cl-back{margin-bottom:18px;}
.spi-content .spi-cl .spi-cl-back a{color:#927137;text-decoration:none;font-size:13px;font-weight:700;}
.spi-content .spi-cl .spi-cl-back a:hover{text-decoration:underline;}
.spi-content .spi-cl .spi-cl-head{padding:4px 0 23px;margin:0 0 22px;border-bottom:1px solid var(--cl-line);}
.spi-content .spi-cl .spi-cl-kicker,.spi-content .spi-cl .spi-cl-eyebrow{margin:0;color:#8c6a32;font-size:11px;letter-spacing:.13em;font-weight:800;line-height:1.6;}
.spi-content .spi-cl .spi-cl-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin:10px 0 24px;}
.spi-content .spi-cl h1{font:700 clamp(28px,2.75vw,40px)/1.17 "Playfair Display",Georgia,serif;letter-spacing:-.018em;color:var(--cl-navy);margin:0 0 11px;}
.spi-content .spi-cl .spi-cl-heading p{max-width:820px;line-height:1.6;margin:0;font-size:15px;color:var(--cl-muted);}
.spi-content .spi-cl .spi-cl-type{flex:0 0 auto;border-radius:999px;background:#f6f0e4;border:1px solid #e9d7ae;color:#795c28;font-weight:750;font-size:12px;padding:9px 13px;margin-top:3px;}
.spi-content .spi-cl .spi-cl-sequence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;}
.spi-content .spi-cl .spi-cl-step{display:flex;gap:10px;align-items:center;min-width:0;padding:12px;border:1px solid #e0e5ec;border-radius:10px;background:#fff;}
.spi-content .spi-cl .spi-cl-step.is-current{border-color:var(--ds-color-gold-500);background:#fffaf0;}
.spi-content .spi-cl .spi-cl-step.is-done{border-color:#cee6d7;background:#f3faf5;}
.spi-content .spi-cl .spi-cl-step-no{flex:0 0 29px;width:29px;height:29px;border-radius:8px;background:#eff2f6;color:#57708b;display:grid;place-items:center;font-size:12px;font-weight:800;}
.spi-content .spi-cl .spi-cl-step.is-current .spi-cl-step-no{background:var(--ds-color-gold-500);color:#081327;}
.spi-content .spi-cl .spi-cl-step.is-done .spi-cl-step-no{background:#d3f1de;color:#155e38;}
.spi-content .spi-cl .spi-cl-step strong{display:block;color:#132448;font-size:12px;line-height:1.4;}
.spi-content .spi-cl .spi-cl-step small{display:block;color:#718096;font-size:11px;line-height:1.45;margin-top:3px;}
.spi-content .spi-cl .spi-cl-body{display:grid;grid-template-columns:minmax(0,1.78fr) minmax(245px,.82fr);gap:20px;align-items:start;}
.spi-content .spi-cl :is(.spi-cl-primary,.spi-cl-aside){min-width:0;}
.spi-content .spi-cl .spi-cl-panel{padding:clamp(20px,2.5vw,33px);border:1px solid #e2e6ed;border-radius:12px;background:#fff;box-shadow:0 9px 30px rgba(7,15,34,.035);margin:0 0 20px;}
.spi-content .spi-cl .spi-cl-panel h2{font:700 clamp(23px,2.1vw,30px)/1.24 "Playfair Display",Georgia,serif;margin:10px 0 14px;color:var(--cl-navy);}
.spi-content .spi-cl .spi-cl-panel h3{font:700 17px/1.4 Inter,system-ui,sans-serif;margin:8px 0 9px;color:var(--cl-navy);}
.spi-content .spi-cl .spi-cl-lead{font-size:15px;line-height:1.75;color:#48576b;margin:0 0 20px;max-width:85ch;}
.spi-content .spi-cl .spi-cl-stage-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;}
.spi-content .spi-cl .spi-cl-soft-tag{font-size:11px;border-radius:6px;background:#f1f7fb;border:1px solid #d9e8f5;padding:6px 9px;color:#3d6687;font-weight:650;}
.spi-content .spi-cl .spi-cl-docs{border:1px solid #dde4ec;border-radius:10px;margin:20px 0;overflow:hidden;background:#f9fafc;}
.spi-content .spi-cl .spi-cl-docs summary{padding:14px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;list-style:none;color:var(--cl-navy);}
.spi-content .spi-cl .spi-cl-docs summary::-webkit-details-marker{display:none;}
.spi-content .spi-cl .spi-cl-docs summary strong{display:block;font-size:14px;}
.spi-content .spi-cl .spi-cl-docs summary small{display:block;color:#728096;font-size:12px;margin-top:3px;}
.spi-content .spi-cl .spi-cl-docs[open] .spi-cl-chevron{transform:rotate(180deg);}
.spi-content .spi-cl .spi-cl-docs ul{border-top:1px solid #dce3eb;margin:0;padding:16px 25px 16px 36px;background:#fff;color:#48576b;font-size:13px;line-height:1.75;}
.spi-content .spi-cl .spi-cl-docs li+li{margin-top:7px;}
.spi-content .spi-cl .spi-cl-feedback{padding:17px 18px;border:1px solid #d8e6f1;border-left:4px solid #5c92bb;background:#f4f8fb;border-radius:8px;margin:18px 0;}
.spi-content .spi-cl .spi-cl-feedback-title{display:flex;align-items:center;gap:9px;font-size:14px;margin-bottom:9px;}
.spi-content .spi-cl .spi-cl-feedback p{font-size:13px;color:#485970;line-height:1.75;margin:6px 0;}
.spi-content .spi-cl .spi-cl-icon{color:#1b678d;font-weight:800;}
.spi-content .spi-cl .spi-cl-update{background:#fcf8ee;border-left:3px solid var(--ds-color-gold-500);border-radius:6px;padding:14px 16px;margin:20px 0;}
.spi-content .spi-cl .spi-cl-update p{font-size:14px;line-height:1.7;color:#534b3e;margin:6px 0 0;}
.spi-content .spi-cl .spi-cl-decision{padding-top:17px;margin-top:19px;border-top:1px solid #e4e9ee;}
.spi-content .spi-cl .spi-cl-decision h3{margin:10px 0 8px;}
.spi-content .spi-cl .spi-cl-decision p{margin:0 0 16px;}
.spi-content .spi-cl .spi-cl-choices{margin:0;padding:0;border:0;}
.spi-content .spi-cl .spi-cl-option{font-size:14px;line-height:1.6;}
.spi-content .spi-cl .spi-cl-option:hover{background:#faf8f3;border-color:#c8ad73;}
.spi-content .spi-cl .spi-cl-option:has(input:checked){background:#fffaf0;border-color:var(--ds-color-gold-500);box-shadow:0 0 0 1px rgba(197,160,89,.22);}
.spi-content .spi-cl .spi-cl-option input{width:17px;height:17px;flex:0 0 17px;margin-top:3px;accent-color:#ac8235;}
.spi-content .spi-cl .spi-cl-option-letter{flex:0 0 23px;}
.spi-content .spi-cl .spi-cl-form-foot{border-top:1px solid #e7ebf0;margin-top:21px;padding-top:18px;display:flex;justify-content:space-between;}
.spi-content .spi-cl .spi-cl-form-foot p{margin:0;color:#748196;}
.spi-content .spi-cl .spi-cl-primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;background:var(--ds-color-navy-900);color:#fff;border:1px solid var(--ds-color-navy-900);border-radius:8px;font:700 13px Inter,system-ui,sans-serif;cursor:pointer;white-space:nowrap;text-decoration:none;}
.spi-content .spi-cl .spi-cl-primary-btn:hover{background:#1b345f;}
.spi-content .spi-cl .spi-cl-primary-btn span{color:#dec080;}
.spi-content .spi-cl .spi-cl-prior{margin:0 0 22px;background:#f7f9fb;border:1px solid #dee5eb;border-radius:10px;}
.spi-content .spi-cl .spi-cl-prior summary{padding:13px 18px;font-size:13px;font-weight:700;cursor:pointer;color:#52647d;}
.spi-content .spi-cl .spi-cl-history-item{padding:12px 18px;border-top:1px solid #e0e5ec;}
.spi-content .spi-cl .spi-cl-history-item strong{font-size:12px;color:#9b742f;}
.spi-content .spi-cl .spi-cl-history-item p{margin:6px 0 0;color:#52637a;font-size:13px;line-height:1.6;}
.spi-content .spi-cl .spi-cl-aside{display:grid;gap:17px;}
.spi-content .spi-cl :is(.spi-cl-guide,.spi-cl-related){padding:22px;border:1px solid #e2e6ec;border-radius:12px;background:#fff;}
.spi-content .spi-cl .spi-cl-aside h2{font:700 20px/1.3 Inter,system-ui,sans-serif;margin:7px 0 15px;color:var(--ds-color-navy-900);}
.spi-content .spi-cl .spi-cl-lens{display:grid;grid-template-columns:25px minmax(0,1fr);gap:9px;padding:14px 0;border-top:1px solid #e6ebf1;}
.spi-content .spi-cl .spi-cl-lens>span{font-size:12px;color:#a68137;font-weight:800;}
.spi-content .spi-cl .spi-cl-lens strong{font-size:13px;}
.spi-content .spi-cl .spi-cl-lens p{font-size:12px;line-height:1.65;color:#68798c;margin:5px 0 0;}
.spi-content .spi-cl .spi-cl-guide-tip{background:#f8f5ec;border-radius:8px;padding:15px;margin-top:13px;}
.spi-content .spi-cl .spi-cl-guide-tip strong{font-size:13px;}
.spi-content .spi-cl .spi-cl-guide-tip p{font-size:12px;color:#675b44;line-height:1.65;margin:7px 0 0;}
.spi-content .spi-cl .spi-cl-related a{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#172746;text-decoration:none;border-top:1px solid #e7ebef;padding:12px 0;font-size:12px;font-weight:680;line-height:1.5;}
.spi-content .spi-cl .spi-cl-related a span{color:#a68137;}
.spi-content .spi-cl .spi-cl-related a:hover{text-decoration:underline;}
.spi-content .spi-cl .spi-cl-boundary{padding:0 5px;margin:0;color:#788398;font-size:11px;line-height:1.7;}
.spi-content .spi-cl .spi-cl-final-grid{display:grid;gap:12px;margin:17px 0;}
.spi-content .spi-cl .spi-cl-recap-card{padding:17px;border:1px solid #e0e6ee;border-radius:10px;background:#fafbfd;}
.spi-content .spi-cl .spi-cl-recap-card h3{font-size:13px;margin:8px 0;}
.spi-content .spi-cl .spi-cl-recap-card>p{color:#263a58;font-size:13px;line-height:1.7;margin:0 0 11px;}
.spi-content .spi-cl .spi-cl-recap-card>div{border-top:1px solid #e1e7ee;padding-top:10px;}
.spi-content .spi-cl .spi-cl-recap-card>div strong{font-size:12px;color:#2b6553;}
.spi-content .spi-cl .spi-cl-recap-card>div p{font-size:12px;line-height:1.65;color:#52657c;margin:5px 0 0;}
.spi-content .spi-cl .spi-cl-review-note{padding:15px 17px;border-left:3px solid var(--ds-color-gold-500);background:#f9f5ec;border-radius:7px;font-size:13px;}
.spi-content .spi-cl .spi-cl-review-note p{font-size:13px;line-height:1.7;margin:5px 0 0;color:#695b40;}
.spi-content .spi-cl .spi-cl-brief>p:not(.spi-cl-eyebrow){line-height:1.7;font-size:14px;color:#60718a;}
.spi-content .spi-cl .spi-cl-reflect-fields{display:grid;gap:18px;margin:21px 0 0;}
.spi-content .spi-cl .spi-cl-field{display:grid;gap:8px;}
.spi-content .spi-cl .spi-cl-field strong{font-size:13px;color:#192a4a;display:block;}
.spi-content .spi-cl .spi-cl-field small{font-size:12px;line-height:1.65;display:block;color:#718096;margin-top:3px;}
.spi-content .spi-cl .spi-cl-field textarea{display:block;width:100%;min-height:102px;resize:vertical;font:400 14px/1.6 Inter,system-ui,sans-serif;border:1px solid #d3dce7;border-radius:8px;padding:12px 13px;background:#fff;color:#14243c;}
.spi-content .spi-cl .spi-cl-field textarea:focus{outline:2px solid var(--ds-color-gold-500);outline-offset:1px;}
.spi-content .spi-cl .spi-cl-saved{padding:14px 17px;border-radius:9px;background:#eff9f2;border:1px solid #cde9d5;color:#1c623b;margin:16px 0;}
.spi-content .spi-cl .spi-cl-saved strong{font-size:13px;}
.spi-content .spi-cl .spi-cl-saved p{font-size:12px;margin:5px 0 0;}
.spi-content .spi-cl .spi-cl-next{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px;background:#f4f7fa;border:1px solid #e1e6ed;border-radius:9px;margin-top:21px;}
.spi-content .spi-cl .spi-cl-next h3{margin:0 0 4px;}
.spi-content .spi-cl .spi-cl-next p{font-size:12px;margin:0;color:#65758a;line-height:1.65;}
.spi-content .spi-cl .spi-cl-outline-btn{padding:11px 14px;border:1px solid #bfc9d5;border-radius:7px;text-decoration:none;color:var(--ds-color-navy-900);font-size:12px;font-weight:700;white-space:nowrap;}
.spi-content .spi-cl .spi-cl-reset{margin:8px 0 19px;}
.spi-content .spi-cl .spi-cl-reset .btn{background:transparent;color:#556680;border-color:#ccd5df;box-shadow:none;}
@media (max-width:1110px){.spi-content .spi-cl .spi-cl-sequence{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:1110px){.spi-content .spi-cl .spi-cl-body{grid-template-columns:minmax(0,1fr) minmax(215px,.62fr);}}
@media (max-width:900px){.spi-content .spi-cl .spi-cl-body{grid-template-columns:1fr;}}
@media (max-width:900px){.spi-content .spi-cl .spi-cl-aside{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:900px){.spi-content .spi-cl .spi-cl-boundary{grid-column:1/-1;}}
@media (max-width:600px){.spi-content .spi-cl .spi-cl-heading{display:block;}}
@media (max-width:600px){.spi-content .spi-cl .spi-cl-type{display:inline-block;margin-top:12px;}}
@media (max-width:600px){.spi-content .spi-cl .spi-cl-sequence{grid-template-columns:1fr 1fr;gap:7px;}}
@media (max-width:600px){.spi-content .spi-cl .spi-cl-step{padding:10px 8px;align-items:start;}}
@media (max-width:600px){.spi-content .spi-cl .spi-cl-step small{font-size:10px;}}
@media (max-width:600px){.spi-content .spi-cl .spi-cl-step-no{flex-basis:24px;width:24px;height:24px;}}
@media (max-width:600px){.spi-content .spi-cl .spi-cl-aside{grid-template-columns:1fr;}}
@media (max-width:600px){.spi-content .spi-cl .spi-cl-panel{padding:19px 16px;}}
@media (max-width:600px){.spi-content .spi-cl .spi-cl-form-foot{display:grid;gap:13px;}}
@media (max-width:600px){.spi-content .spi-cl .spi-cl-primary-btn{width:100%;white-space:normal;}}
@media (max-width:600px){.spi-content .spi-cl .spi-cl-next{display:grid;}}
@media (max-width:600px){.spi-content .spi-cl .spi-cl-outline-btn{text-align:center;}}
@media (max-width:600px){.spi-content .spi-cl .spi-cl-soft-tag{font-size:10px;}}
@media (max-width:350px){.spi-content .spi-cl .spi-cl-sequence{grid-template-columns:1fr;}}
@media (max-width:350px){.spi-content .spi-cl .spi-cl-option{padding:12px 10px;}}
.spi-content .spi-cl .spi-cl-jump{font-size:12px;color:#8b6a34;font-weight:750;text-decoration:underline;text-underline-offset:3px;}
.spi-content .spi-cl .spi-cl-reason{display:grid;gap:7px;}
.spi-content .spi-cl .spi-cl-reason strong{display:block;color:#172746;}
.spi-content .spi-cl .spi-cl-reason small{display:block;color:#687b91;}
.spi-content .spi-cl .spi-cl-reason textarea{width:100%;min-height:92px;border:1px solid #d4dce5;border-radius:8px;padding:12px 14px;resize:vertical;font:400 14px/1.65 Inter,system-ui,sans-serif;color:#172746;background:#fff;}
.spi-content .spi-cl .spi-cl-reason textarea:focus-visible{outline:2px solid var(--ds-color-gold-500);outline-offset:1px;}
.spi-content .spi-cl .spi-cl-recap-card .spi-cl-recap-reason{color:#5c687a;background:#f3f6fa;padding:9px 11px;border-radius:7px;font-size:12px;line-height:1.65;}
.spi-module-route .spi-ma-lead{max-width:860px;font-size:16px;line-height:1.78;}
.spi-module-route .spi-ma-meta>span{font-size:13px;line-height:1.45;padding:8px 13px;}
.spi-module-route .spi-ma-intro{padding:18px 20px;border-radius:14px;}
.spi-module-route .spi-ma-intro strong{font-size:15px;}
.spi-module-route .spi-ma-intro p{font-size:14px;line-height:1.74;}
.spi-module-route .spi-ma-glossary>summary{padding:16px 18px;font-size:15px;}
.spi-module-route .spi-ma-glossary dl>div{font-size:14px;line-height:1.65;}
.spi-module-route .spi-ma-quiz-heading{padding-bottom:22px;align-items:flex-start;}
.spi-module-route .spi-ma-quiz-heading h2{font-size:clamp(22px,2vw,28px);line-height:1.25;}
.spi-module-route .spi-ma-question-count{font-size:13px;padding:8px 12px;}
.spi-module-route .spi-ma-quiz .spi-ma-question legend{font-size:clamp(16px,1.55vw,18px);line-height:1.7;}
.spi-module-route .spi-ma-question-index{min-width:34px;height:34px;font-size:13px;margin-right:10px;}
.spi-module-route .spi-ma-options{gap:10px;}
.spi-module-route .spi-ma .spi-ma-option{padding:15px 16px;font-size:15px;line-height:1.72;border-radius:10px;}
.spi-module-route .spi-ma-submit-note{font-size:14px;line-height:1.72;margin:18px 0 16px;}
.spi-module-route .spi-ma .spi-ma-submit,.spi-module-route .spi-ma .spi-ma-primary,.spi-module-route .spi-ma .spi-ma-secondary{min-height:48px;font-size:14px;padding:13px 18px;}
.spi-module-route .spi-ma-score-label{font-size:14px;}
.spi-module-route .spi-ma-score-explain,.spi-module-route .spi-ma-result-next p,.spi-module-route .spi-ma-unavailable>p{font-size:15px;line-height:1.8;}
.spi-module-route .spi-ma-result-next h2,.spi-module-route .spi-ma-unavailable h2{font-size:18px;}
.spi-module-route .spi-cl .spi-cl-heading{margin:12px 0 22px;gap:18px;}
.spi-module-route .spi-cl .spi-cl-heading p{font-size:16px;line-height:1.78;max-width:88ch;}
.spi-module-route .spi-cl .spi-cl-type{font-size:12.5px;padding:10px 14px;}
.spi-module-route .spi-cl .spi-cl-step{padding:13px;}
.spi-module-route .spi-cl .spi-cl-step strong{font-size:13px;}
.spi-module-route .spi-cl .spi-cl-step small{font-size:12px;line-height:1.5;}
.spi-module-route .spi-cl .spi-cl-panel h3{font-size:18px;line-height:1.45;}
.spi-module-route .spi-cl .spi-cl-lead{font-size:16px;line-height:1.8;}
.spi-module-route .spi-cl .spi-cl-soft-tag{font-size:12px;padding:6px 10px;}
.spi-module-route .spi-cl .spi-cl-docs summary strong{font-size:15px;}
.spi-module-route .spi-cl .spi-cl-docs summary small{font-size:13px;line-height:1.55;}
.spi-module-route .spi-cl .spi-cl-docs ul{font-size:14px;line-height:1.8;padding:18px 26px 18px 38px;}
.spi-module-route .spi-cl .spi-cl-feedback-title{font-size:15px;}
.spi-module-route .spi-cl .spi-cl-feedback p{font-size:14px;line-height:1.78;}
.spi-module-route .spi-cl .spi-cl-update p{font-size:15px;line-height:1.76;}
.spi-module-route .spi-cl .spi-cl-decision p{font-size:14px;line-height:1.72;margin-bottom:18px;}
.spi-module-route .spi-cl .spi-cl-option{padding:16px;font-size:15px;line-height:1.72;}
.spi-module-route .spi-cl .spi-cl-option-letter{font-size:14px;}
.spi-module-route .spi-cl .spi-cl-reason strong{font-size:16px;color:#132448;}
.spi-module-route .spi-cl .spi-cl-reason small{font-size:14px;line-height:1.72;color:#6a7c92;}
.spi-module-route .spi-cl .spi-cl-field textarea,.spi-module-route .spi-cl .spi-cl-reason textarea{font-size:15px;line-height:1.72;}
.spi-module-route .spi-cl .spi-cl-form-foot p{font-size:13px;line-height:1.75;}
.spi-module-route .spi-cl .spi-cl-primary-btn{min-height:48px;font-size:14px;padding:12px 20px;}
.spi-module-route .spi-cl .spi-cl-guide h2,.spi-module-route .spi-cl .spi-cl-related h2{font-size:18px;}
.spi-module-route .spi-cl .spi-cl-lens strong{font-size:14px;}
.spi-module-route .spi-cl .spi-cl-lens p{font-size:13px;line-height:1.72;}
.spi-module-route .spi-cl .spi-cl-guide-tip strong{font-size:14px;}
.spi-module-route .spi-cl .spi-cl-guide-tip p,.spi-module-route .spi-cl .spi-cl-next p{font-size:13px;line-height:1.72;}
.spi-module-route .spi-cl .spi-cl-related a{font-size:13px;line-height:1.65;}
.spi-module-route .spi-cl .spi-cl-boundary{font-size:12px;line-height:1.7;}
@media (max-width: 768px){.spi-module-route .spi-ma-lead,.spi-module-route .spi-cl .spi-cl-heading p{font-size:15px;}}
@media (max-width: 768px){.spi-module-route .spi-ma .spi-ma-option,.spi-module-route .spi-cl .spi-cl-option{font-size:14px;}}
.spi-module-route .spi-kc-reflection-banner{margin:0 0 26px;padding:18px 20px;border:1px solid #dfdfd2;border-left:3px solid var(--ds-color-gold-500);border-radius:12px;background:#faf8f2;}
.spi-module-route .spi-kc-reflection-banner strong{display:block;font-size:15px;line-height:1.5;color:#142442;margin-bottom:5px;}
.spi-module-route .spi-kc-reflection-banner p{margin:0;color:#536277;font-size:14px;line-height:1.75;}
.spi-module-route .spi-kc-review-heading{padding-bottom:16px;gap:7px;}
.spi-module-route .spi-kc-review-heading h3{font-size:21px;line-height:1.35;}
.spi-module-route .spi-kc-review-heading p{font-size:14px;line-height:1.75;}
.spi-module-route .spi-kc-review-name{font-size:15px;line-height:1.5;}
.spi-module-route .spi-kc-review summary{padding:16px 18px;min-height:58px;}
.spi-module-route .spi-kc-review-status.is-reflection{color:#83652d;background:#f9f3e5;border:1px solid #eadbbd;font-size:12px;}
.spi-module-route .spi-kc-review-body{padding:19px 20px;gap:16px;}
.spi-module-route .spi-kc-reflection-prompt{padding:16px 18px;border:1px solid #e3e7ee;border-radius:10px;background:#f7f9fb;}
.spi-module-route .spi-kc-reflection-prompt strong{display:block;color:#142442;font-size:14px;line-height:1.5;margin-bottom:7px;}
.spi-module-route .spi-kc-reflection-prompt p{font-size:15px;line-height:1.75;color:#394d64;margin:0;}
.spi-module-route .spi-kc-reflection-check{font-size:14px;line-height:1.75;color:#536277;margin:0;}
.spi-module-route .spi-kc-reflection-check strong{color:#142442;}
.spi-module-route .spi-kc-topic-link{font-size:14px;line-height:1.65;}
.spi-module-route .spi-kc-next strong{font-size:15px;}
.spi-module-route .spi-kc-next p{font-size:14px;line-height:1.75;}
.spi-module-route .spi-kc-retry{scroll-margin-top:110px;border-color:var(--ds-color-gold-500);border-radius:12px;}
.spi-module-route .spi-kc-retry>summary{padding:19px 22px;background:#fbf8f1;font-size:16px;min-height:60px;gap:12px;}
.spi-module-route .spi-kc-retry>summary:hover{background:#f6efde;}
.spi-module-route .spi-kc-retry>summary .spi-kc-retry-arrow{font-size:21px;line-height:1;color:#946d27;}
.spi-module-route .spi-kc-retry[open]>summary .spi-kc-retry-arrow{transform:rotate(45deg);}
.spi-module-route .spi-kc-retry-body>p{font-size:14px;line-height:1.7;margin:17px 0;}
@media (max-width:700px){.spi-module-route .spi-kc-reflection-banner{padding:16px;}}
@media (max-width:700px){.spi-module-route .spi-kc-review summary{padding:14px 12px;gap:9px;}}
@media (max-width:700px){.spi-module-route .spi-kc-review-body{padding:14px;}}
@media (max-width:700px){.spi-module-route .spi-kc-reflection-prompt{padding:14px;}}
@media (max-width:700px){.spi-module-route .spi-kc-reflection-prompt p{font-size:14px;}}
@media (max-width:700px){.spi-module-route .spi-kc-retry>summary{padding:16px;}}
.spi-content .spi-kc .spi-kc-results-head{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:start;gap:22px;}
.spi-content .spi-kc .spi-kc-results-head>div:first-child{display:block;min-width:0;max-width:none;}
.spi-content .spi-kc .spi-kc-results-head>div:first-child .spi-kc-eyebrow{margin-bottom:15px;}
.spi-content .spi-kc .spi-kc-results-head h2{margin-bottom:12px;}
.spi-content .spi-kc .spi-kc-results-head p.spi-kc-results-description{max-width:none;width:100%;font-size:16px;line-height:1.75;color:#53637c;margin:0;}
.spi-content .spi-kc .spi-kc-score{min-width:152px;}
.spi-content .spi-kc .spi-kc-review-heading h3{font-size:23px;line-height:1.35;}
.spi-content .spi-kc .spi-kc-review-heading p{font-size:15px;line-height:1.7;}
.spi-content .spi-kc .spi-kc-review-name{font-size:16px;line-height:1.45;}
.spi-content .spi-kc .spi-kc-review-status{font-size:12px;}
.spi-content .spi-kc .spi-kc-review-body{padding:21px;gap:17px;}
.spi-content .spi-kc .spi-kc-user-answer{padding:16px 19px;background:#f4f6fa;border:1px solid #dfe6ee;border-left:3px solid var(--ds-color-gold-500);border-radius:9px;min-width:0;}
.spi-content .spi-kc .spi-kc-user-answer strong{display:block;font-size:14px;color:var(--ds-color-navy-900);line-height:1.4;margin-bottom:8px;}
.spi-content .spi-kc .spi-kc-user-answer p{font-size:16px;line-height:1.7;color:#2e405b;margin:0;overflow-wrap:break-word;}
.spi-content .spi-kc .spi-kc-reflection-prompt strong,.spi-content .spi-kc .spi-kc-reflection-check strong{font-size:15px;}
.spi-content .spi-kc .spi-kc-reflection-prompt p,.spi-content .spi-kc .spi-kc-reflection-check{font-size:16px;line-height:1.74;}
.spi-content .spi-kc .spi-kc-topic-link{font-size:15px;line-height:1.6;}
.spi-content .spi-kc .spi-kc-reflection-banner p{font-size:15px;line-height:1.7;}
.spi-content .spi-kc .spi-kc-review summary{padding:16px 19px;gap:14px;}
.spi-content .spi-kc .spi-kc-review-number{width:34px;height:34px;font-size:13px;}
.spi-content .spi-kc .spi-kc-next p{font-size:15px;line-height:1.7;}
.spi-content .spi-cl .spi-cl-choices{display:grid;gap:12px;min-width:0;}
.spi-content .spi-cl .spi-cl-option{display:grid;grid-template-columns:22px 36px minmax(0,1fr);gap:14px;align-items:center;width:100%;min-width:0;min-height:76px;padding:17px 19px;margin:0;border:1px solid #dce4ee;border-radius:11px;background:#fff;color:#152947;font:600 16px/1.65 Inter,system-ui,sans-serif;cursor:pointer;transition:background-color .15s,border-color .15s;}
.spi-content .spi-cl .spi-cl-option input[type=radio]{box-sizing:border-box;width:20px;height:20px;min-width:20px;margin:0;align-self:center;accent-color:#a67c32;}
.spi-content .spi-cl .spi-cl-option-letter{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#f8f1e3;color:#906a2a;font-size:15px;font-weight:800;line-height:1;align-self:center;}
.spi-content .spi-cl .spi-cl-option-copy{display:block;min-width:0;overflow-wrap:break-word;font-size:16px;line-height:1.65;font-weight:600;color:#142744;}
.spi-content .spi-cl .spi-cl-option:has(input:checked) .spi-cl-option-letter{background:var(--ds-color-gold-500);color:#071127;}
.spi-content .spi-cl .spi-cl-option:focus-within{outline:2px solid #99752f;outline-offset:2px;}
.spi-content .spi-cl .spi-cl-decision p{max-width:none;font-size:15px;line-height:1.7;color:#596a80;}
.spi-content .spi-cl .spi-cl-reason{margin-top:24px;}
.spi-content .spi-cl .spi-cl-reason strong{font-size:17px;line-height:1.4;}
.spi-content .spi-cl .spi-cl-reason small{font-size:15px;line-height:1.65;}
.spi-content .spi-cl .spi-cl-reason textarea{font-size:16px;line-height:1.7;}
.spi-content .spi-cl .spi-cl-form-foot{gap:22px;align-items:center;}
.spi-content .spi-cl .spi-cl-form-foot p{max-width:none;flex:1;min-width:0;font-size:14px;line-height:1.7;}
.spi-content .spi-cl .spi-cl-primary-btn{font-size:15px;min-height:50px;padding:13px 20px;}
@media (max-width:760px){.spi-content .spi-kc .spi-kc-results-head{grid-template-columns:1fr;gap:16px;}}
@media (max-width:760px){.spi-content .spi-kc .spi-kc-score{min-width:0;border-left:0;border-top:3px solid var(--ds-color-gold-500);padding:14px 0 0;}}
@media (max-width:760px){.spi-content .spi-kc .spi-kc-review-body{padding:15px;}}
@media (max-width:760px){.spi-content .spi-cl .spi-cl-option{grid-template-columns:20px 32px minmax(0,1fr);gap:10px;padding:13px 12px;min-height:65px;}}
@media (max-width:760px){.spi-content .spi-cl .spi-cl-option-letter{width:32px;height:32px;}}
@media (max-width:760px){.spi-content .spi-cl .spi-cl-option-copy{font-size:15px;line-height:1.65;}}
@media (max-width:760px){.spi-content .spi-cl .spi-cl-form-foot{flex-direction:column;align-items:stretch;}}
@media (max-width:760px){.spi-content .spi-cl .spi-cl-primary-btn{width:100%;}}
.spi-content .spi-kc .spi-kc-choice-analysis{padding:16px 19px;border:1px solid #eadfca;background:#fcfaf4;border-radius:9px;min-width:0;}
.spi-content .spi-kc .spi-kc-choice-analysis strong{display:block;margin-bottom:8px;color:#142442;font-size:15px;line-height:1.4;}
.spi-content .spi-kc .spi-kc-choice-analysis p{font-size:16px;line-height:1.7;color:#43516a;margin:0;}
@media (max-width:760px){.spi-content .spi-kc .spi-kc-choice-analysis{padding:14px;}}
.spi-dashboard .spi-learning-progress-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;}
.spi-dashboard .spi-learning-progress-metric{min-width:0;display:flex;flex-direction:column;gap:8px;padding:22px 21px;border-radius:12px;border:1px solid #dde5ed;background:#fff;box-shadow:0 10px 30px rgba(7,15,34,.035);}
.spi-dashboard .spi-learning-progress-metric .l{font-size:12px;line-height:1.5;letter-spacing:.1em;font-weight:800;color:#8c682e;}
.spi-dashboard .spi-learning-progress-metric .n{font-size:37px;font-weight:750;line-height:1.16;letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin-top:8px;}
.spi-dashboard .spi-learning-progress-denom{font-size:17px;color:#65748a;font-weight:600;letter-spacing:0;}
.spi-dashboard .spi-learning-progress-metric p{font-size:15px;line-height:1.5;font-weight:650;color:#152541;margin:0;overflow-wrap:normal;}
.spi-dashboard .spi-learning-progress-metric small{display:block;font-size:13.5px;line-height:1.6;color:#63758a;margin-top:auto;}
.spi-dashboard .spi-learning-progress-dual-metric{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 0;}
.spi-dashboard .spi-learning-progress-dual-metric>div{display:flex;flex-direction:column;gap:0;min-width:0;}
.spi-dashboard .spi-learning-progress-dual-metric strong{font-size:32px;color:var(--ds-color-navy-900);line-height:1.2;font-variant-numeric:tabular-nums;}
.spi-dashboard .spi-learning-progress-dual-metric span{font-size:13px;color:#52657a;line-height:1.55;}
.spi-dashboard .spi-learning-progress-panel-head{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:19px;min-width:0;}
.spi-dashboard .spi-learning-progress-panel-head h3{font-size:25px;line-height:1.25;color:var(--ds-color-navy-900);margin:0 0 8px;font-weight:750;}
.spi-dashboard .spi-learning-progress-panel-head p{font-size:15.5px;line-height:1.6;color:#576b82;margin:0;max-width:none;}
.spi-dashboard .spi-enrollment-header{margin:0 0 19px;}
.spi-dashboard .spi-enrollment-header .eyebrow{font-size:12px;}
.spi-dashboard .spi-enrollment-header h4{font-size:21px;line-height:1.3;margin:8px 0 0;color:var(--ds-color-navy-900);}
.spi-dashboard .spi-journey-full .spi-progress-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:15px;line-height:1.5;color:#52667d;margin:0 0 9px;}
.spi-dashboard .spi-journey-full .spi-progress-meta strong{color:var(--ds-color-navy-900);}
.spi-dashboard .spi-learning-progress-progress-note{font-size:13.5px;line-height:1.6;color:#68798d;margin:11px 0 22px;}
.spi-dashboard .spi-learning-progress-journey-list{display:grid;gap:12px;}
.spi-dashboard .spi-journey-full .spi-learning-progress-journey-row{display:grid;grid-template-columns:48px minmax(0,1fr) 192px;gap:18px;align-items:center;padding:20px 22px;min-height:118px;border:1px solid #e0e7ee;border-radius:12px;background:#fff;}
.spi-dashboard .spi-journey-full .spi-learning-progress-journey-row.locked{background:#f9fafc;color:#52667d;}
.spi-dashboard .spi-learning-progress-module-no{display:grid;place-items:center;min-width:44px;width:44px;height:44px;border-radius:11px;background:#fbf3e4;border:1px solid #f0e1c3;font-size:16px;font-weight:800;color:#8a662e;}
.spi-dashboard .spi-journey-full .spi-learning-progress-journey-row .spi-learning-progress-module-details{display:flex;flex-direction:column;gap:10px;min-width:0;align-items:stretch;}
.spi-dashboard .spi-learning-progress-module-details h4{font-size:17px;line-height:1.38;letter-spacing:0;font-weight:750;color:#142642;margin:0;overflow-wrap:break-word;text-transform:none;}
.spi-dashboard .spi-learning-progress-states{display:flex;align-items:center;flex-wrap:wrap;gap:7px 8px;}
.spi-dashboard .spi-learning-progress-status{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:5px 9px;border:1px solid #e0e6ed;border-radius:6px;font-size:13.5px;font-weight:650;line-height:1.45;color:#566a82;background:#f7f9fc;white-space:normal;}
.spi-dashboard .spi-learning-progress-status.is-complete{border-color:#c6e8d3;background:#eff9f3;color:#1b7047;}
.spi-dashboard .spi-learning-progress-status.is-pending{border-color:#ead9b8;background:#fff8ea;color:#7e5b27;}
.spi-dashboard .spi-learning-progress-status.is-revision{border-color:#e9cfb0;background:#fff5ed;color:#8a4a29;}
.spi-dashboard .spi-learning-progress-row-caption{font-size:14px;line-height:1.55;color:#65758a;margin:0;}
.spi-dashboard .spi-learning-progress-locked-text{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d9e1ea;border-radius:7px;background:#f0f3f7;min-height:44px;width:100%;color:#576d82;font-size:14px;font-weight:650;}
.spi-dashboard .spi-learning-progress-learning-evidence .spi-learning-progress-evidence-head{margin-bottom:0;}
.spi-dashboard .spi-learning-progress-evidence-list{display:flex;flex-direction:column;gap:0;}
.spi-dashboard .spi-learning-progress-evidence-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:start;padding:17px 0;border-bottom:1px solid #e6ebf1;}
.spi-dashboard .spi-learning-progress-evidence-row:last-child{border-bottom:0;}
.spi-dashboard .spi-learning-progress-evidence-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#f7f1e6;color:#88642c;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;}
.spi-dashboard .spi-learning-progress-evidence-row h4{margin:0 0 4px;font-size:16px;line-height:1.45;font-weight:750;color:#142642;}
.spi-dashboard .spi-learning-progress-evidence-row p{margin:0;font-size:14.5px;line-height:1.6;color:#53657c;}
.spi-dashboard .spi-learning-progress-evidence-note{font-size:13.5px;line-height:1.65;color:#64748b;margin:0;}
.spi-dashboard .spi-learning-progress-learning-evidence .spi-action-footer{margin-top:auto;padding-top:10px;}
@media (max-width:1200px){.spi-dashboard .spi-learning-progress-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:1200px){.spi-dashboard .spi-journey-full .spi-learning-progress-journey-row{grid-template-columns:45px minmax(0,1fr) 165px;gap:12px;padding:17px;}}
@media (max-width:860px){.spi-dashboard .spi-learning-progress-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:860px){.spi-dashboard .spi-journey-full .spi-learning-progress-journey-row{grid-template-columns:44px minmax(0,1fr);gap:12px;}}
@media (max-width:860px){.spi-dashboard .spi-journey-full .spi-learning-progress-journey-row .actions{grid-column:2;justify-self:start;width:auto;min-width:0;}}
@media (max-width:860px){.spi-dashboard .spi-journey-full .spi-learning-progress-journey-row .actions .btn{min-width:175px;width:auto;max-width:100%;}}
@media (max-width:860px){.spi-dashboard .spi-learning-progress-panel-head h3{font-size:23px;}}
@media (max-width:520px){.spi-dashboard .spi-learning-progress-kpis{grid-template-columns:1fr;}}
@media (max-width:520px){.spi-dashboard .spi-learning-progress-metric{padding:17px;}}
@media (max-width:520px){.spi-dashboard .spi-learning-progress-metric .n{font-size:33px;}}
@media (max-width:520px){.spi-dashboard .spi-learning-progress-dual-metric strong{font-size:29px;}}
@media (max-width:520px){.spi-dashboard .spi-journey-full .spi-learning-progress-journey-row{padding:15px;grid-template-columns:38px minmax(0,1fr);gap:11px;}}
@media (max-width:520px){.spi-dashboard .spi-learning-progress-module-no{width:36px;height:36px;min-width:36px;font-size:14px;}}
@media (max-width:520px){.spi-dashboard .spi-learning-progress-module-details h4{font-size:16px;}}
@media (max-width:520px){.spi-dashboard .spi-learning-progress-status{font-size:13px;}}
@media (max-width:520px){.spi-dashboard .spi-journey-full .spi-learning-progress-journey-row .actions{grid-column:1/-1;justify-self:stretch;width:100%;}}
@media (max-width:520px){.spi-dashboard .spi-journey-full .spi-learning-progress-journey-row .actions .btn{width:100%;max-width:none;}}
@media (max-width:520px){.spi-dashboard .spi-learning-progress-panel-head h3{font-size:22px;}}
.spi-dashboard .spi-level-transcript-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch;min-width:0;}
.spi-dashboard .spi-level-transcript-metric{box-sizing:border-box;display:grid;grid-template-rows:45px auto;align-content:start;gap:16px;min-width:0;min-height:188px;padding:23px 22px 22px;background:#fff;border:1px solid #dce4ed;border-radius:13px;box-shadow:0 6px 24px rgba(7,15,34,.035);}
.spi-dashboard .spi-level-transcript-metric-title{margin:0;color:#926c28;font:800 12px/1.5 Inter,system-ui,sans-serif;letter-spacing:.10em;text-transform:uppercase;}
.spi-dashboard .spi-level-transcript-stats{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;}
.spi-dashboard .spi-level-transcript-stats-duo{grid-template-columns:repeat(2,minmax(0,1fr));}
.spi-dashboard .spi-level-transcript-stat{display:grid;grid-template-rows:54px auto;gap:9px;min-width:0;align-content:start;}
.spi-dashboard .spi-level-transcript-number{display:flex;align-items:baseline;min-width:0;color:var(--ds-color-navy-900);font:750 43px/1.12 Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.035em;white-space:nowrap;}
.spi-dashboard .spi-level-transcript-denom{margin-left:6px;color:#718199;font:600 18px/1.2 Inter,system-ui,sans-serif;letter-spacing:0;}
.spi-dashboard .spi-level-transcript-stat p{margin:0;color:#273c59;font:600 14.5px/1.52 Inter,system-ui,sans-serif;overflow-wrap:normal;word-break:normal;}
.spi-dashboard .spi-journey-full .spi-access-overview-locked-note{display:inline-block;width:auto;max-width:100%;padding:0;color:#69798e;font:650 14px/1.45 Inter,system-ui,sans-serif;background:transparent;border:none;text-align:center;}
.spi-dashboard .spi-journey-full .spi-learning-progress-journey-row.locked .actions{display:flex;align-items:center;justify-content:flex-end;}
.spi-dashboard .spi-access-overview-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;min-width:0;}
.spi-dashboard .spi-access-overview-detail-grid .spi-access-overview-detail-panel{box-sizing:border-box;display:grid;grid-template-rows:auto 1fr auto;gap:17px;min-width:0;margin:0;padding:26px;border:1px solid #dee5ed;border-radius:13px;background:#fff;}
.spi-dashboard .spi-access-overview-panel-header{display:grid;gap:7px;min-width:0;}
.spi-dashboard .spi-access-overview-panel-header .eyebrow{margin:0;color:#997431;font-size:11.5px;line-height:1.4;letter-spacing:.105em;}
.spi-dashboard .spi-access-overview-panel-header h3{margin:3px 0 0;color:var(--ds-color-navy-900);font:750 clamp(21px,2vw,24px)/1.24 Inter,system-ui,sans-serif;letter-spacing:-.015em;}
.spi-dashboard .spi-access-overview-panel-header p{margin:5px 0 0;color:#5c6e83;font:400 14.5px/1.6 Inter,system-ui,sans-serif;}
.spi-dashboard .spi-access-overview-detail-list{display:grid;grid-template-rows:repeat(3,minmax(84px,auto));align-content:start;gap:0;min-width:0;}
.spi-dashboard .spi-access-overview-detail-row,
.spi-dashboard .spi-access-overview-access-row{min-width:0;display:flex;align-items:center;gap:15px;padding:16px 0;margin:0;border-bottom:1px solid #e5eaf0;}
.spi-dashboard .spi-access-overview-detail-row:last-child,
.spi-dashboard .spi-access-overview-access-row:last-child{border-bottom:0;}
.spi-dashboard .spi-access-overview-index{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#f7f0e3;color:#946c2e;font:800 13px/1 Inter,system-ui,sans-serif;}
.spi-dashboard .spi-access-overview-detail-row > div,
.spi-dashboard .spi-access-overview-access-copy{flex:1 1 auto;min-width:0;}
.spi-dashboard .spi-access-overview-detail-row h4,
.spi-dashboard .spi-access-overview-access-copy h4{margin:0 0 5px;color:#142642;font:750 16px/1.4 Inter,system-ui,sans-serif;}
.spi-dashboard .spi-access-overview-detail-row p,
.spi-dashboard .spi-access-overview-access-copy p{margin:0;font:400 14.5px/1.56 Inter,system-ui,sans-serif;color:#596c83;}
.spi-dashboard .spi-access-overview-access-row{justify-content:space-between;gap:12px;}
.spi-dashboard .spi-access-overview-access-row .spi-level-state{display:inline-flex;align-items:center;justify-content:center;min-width:118px;min-height:38px;padding:7px 12px;font:700 13px/1.35 Inter,system-ui,sans-serif;white-space:normal;text-align:center;}
.spi-dashboard .spi-access-overview-access-row form{flex:0 1 48%;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.spi-dashboard .spi-access-overview-access-row form select{min-width:110px;max-width:100%;}
.spi-dashboard .spi-access-overview-panel-footer{display:grid;gap:13px;align-content:end;padding-top:16px;border-top:1px solid #e5eaf0;min-width:0;}
.spi-dashboard .spi-access-overview-panel-footer p{margin:0;color:#697b90;font:400 13.5px/1.55 Inter,system-ui,sans-serif;}
.spi-dashboard .spi-access-overview-panel-footer a.btn{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;width:100%;font:700 14px/1.4 Inter,system-ui,sans-serif;text-align:center;}
@media (max-width:1180px){.spi-dashboard .spi-level-transcript-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:880px){.spi-dashboard .spi-access-overview-detail-grid{grid-template-columns:1fr;}}
@media (max-width:880px){.spi-dashboard .spi-access-overview-detail-grid .spi-access-overview-detail-panel{padding:23px;}}
@media (max-width:540px){.spi-dashboard .spi-level-transcript-kpis{grid-template-columns:1fr;gap:12px;}}
@media (max-width:540px){.spi-dashboard .spi-level-transcript-metric{min-height:155px;grid-template-rows:24px auto;gap:12px;padding:18px;}}
@media (max-width:540px){.spi-dashboard .spi-level-transcript-number{font-size:37px;}}
@media (max-width:540px){.spi-dashboard .spi-level-transcript-stat{grid-template-rows:44px auto;gap:5px;}}
@media (max-width:540px){.spi-dashboard .spi-access-overview-detail-grid .spi-access-overview-detail-panel{padding:18px;}}
@media (max-width:540px){.spi-dashboard .spi-access-overview-panel-header h3{font-size:21px;}}
@media (max-width:540px){.spi-dashboard .spi-access-overview-access-row{align-items:flex-start;}}
@media (max-width:540px){.spi-dashboard .spi-access-overview-access-row .spi-level-state{min-width:100px;}}
@media (max-width:540px){.spi-dashboard .spi-access-overview-access-row form{flex:1 1 100%;}}
@media (max-width:540px){.spi-dashboard .spi-journey-full .spi-learning-progress-journey-row.locked .actions{justify-content:flex-start;}}
@media (prefers-reduced-motion:reduce){.spi-dashboard .spi-access-overview-detail-panel *,
    .spi-dashboard .spi-level-transcript-kpis *{transition:none;}}
.spi-dashboard .spi-level-transcript-journey-row .spi-learning-progress-module-details{gap:7px;}
.spi-dashboard .spi-level-transcript-journey-row .actions .btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:45px;min-width:166px;font:750 14px/1.35 Inter,system-ui,sans-serif;text-align:center;}
.spi-dashboard .spi-level-transcript-journey-row .spi-access-overview-locked-note{box-sizing:border-box;min-width:166px;text-align:center;}
.spi-dashboard #spi-apply-level .spi-access-overview-access-row .spi-level-state{box-sizing:border-box;flex:0 0 145px;width:145px;min-width:145px;max-width:145px;min-height:43px;white-space:normal;line-height:1.35;font-size:13px;}
.spi-dashboard .spi-level-transcript-level-panel{box-sizing:border-box;display:grid;gap:18px;padding:27px;border:1px solid #dee5ed;border-radius:13px;background:#fff;}
.spi-dashboard .spi-level-transcript-level-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:0 0 18px;border-bottom:1px solid #e5eaf0;}
.spi-dashboard .spi-level-transcript-level-heading{display:grid;gap:7px;min-width:0;}
.spi-dashboard .spi-level-transcript-level-heading .eyebrow{margin:0;color:#997431;font:800 12px/1.45 Inter,system-ui,sans-serif;letter-spacing:.1em;}
.spi-dashboard .spi-level-transcript-level-heading h3{margin:0;font:750 clamp(21px,2vw,24px)/1.3 Inter,system-ui,sans-serif;letter-spacing:-.015em;color:var(--ds-color-navy-900);}
.spi-dashboard .spi-level-transcript-level-head .spi-level-transcript-level-transcript,
.spi-dashboard .spi-level-transcript-level-row .spi-level-transcript-level-action{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:8px;min-height:44px;border-radius:7px;box-sizing:border-box;padding:10px 15px;font:700 14px/1.4 Inter,system-ui,sans-serif;white-space:nowrap;}
.spi-dashboard .spi-level-transcript-level-list{display:grid;gap:0;min-width:0;}
.spi-dashboard .spi-level-transcript-level-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;padding:16px 0;border-bottom:1px solid #e6ebf1;}
.spi-dashboard .spi-level-transcript-level-row:last-child{border-bottom:0;}
.spi-dashboard .spi-level-transcript-level-title strong{color:#142642;font:750 16px/1.45 Inter,system-ui,sans-serif;}
.spi-dashboard .spi-level-transcript-level-status{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:148px;min-height:43px;padding:9px 14px;border-radius:7px;border:1px solid #d8e1eb;background:#f2f5f9;color:#65758c;text-align:center;font:700 13px/1.4 Inter,system-ui,sans-serif;}
.spi-dashboard .spi-level-transcript-level-panel > p{margin:4px 0 0;}
@media (max-width:880px){.spi-dashboard .spi-level-transcript-level-panel{padding:23px;}}
@media (max-width:540px){.spi-dashboard .spi-level-transcript-level-panel{padding:18px;}}
@media (max-width:540px){.spi-dashboard .spi-level-transcript-level-head{align-items:flex-start;flex-wrap:wrap;}}
@media (max-width:540px){.spi-dashboard .spi-level-transcript-level-head .spi-level-transcript-level-transcript{width:100%;}}
@media (max-width:540px){.spi-dashboard .spi-level-transcript-level-row{align-items:flex-start;flex-direction:column;gap:12px;}}
@media (max-width:540px){.spi-dashboard .spi-level-transcript-level-row .spi-level-transcript-level-action,
    .spi-dashboard .spi-level-transcript-level-row .spi-level-transcript-level-status{width:100%;}}
@media (max-width:540px){.spi-dashboard #spi-apply-level .spi-access-overview-access-row .spi-level-state{flex:0 0 135px;width:135px;min-width:135px;max-width:135px;}}
@media (max-width:540px){.spi-dashboard .spi-level-transcript-journey-row .actions .btn{width:100%;}}
.spi-public-main .reg-wrap.spi-auth-flow{width:min(1120px, 100%);max-width:1120px;margin:clamp(22px, 3vw, 44px) auto 56px;}
.spi-auth-flow .spi-auth-pagehead{margin:0 0 25px;max-width:900px;padding:0;}
.spi-auth-flow .spi-auth-pagehead .eyebrow{margin:0 0 12px;font-size:12px;line-height:1.4;letter-spacing:.11em;font-weight:750;color:#936e2b;}
.spi-auth-flow .spi-auth-pagehead h1{margin:0 0 10px;font-family:"Playfair Display", Georgia, serif;font-weight:700;font-size:clamp(33px, 3.4vw, 43px);line-height:1.2;letter-spacing:-.025em;color:var(--ds-color-navy-900);overflow-wrap:anywhere;}
.spi-auth-flow .spi-auth-pagehead > p:last-child{margin:0;color:#51627f;font-size:16px;line-height:1.65;max-width:790px;}
.spi-auth-flow .spi-auth-layout,
.spi-auth-flow.spi-login .spi-auth-layout{display:grid;grid-template-columns:minmax(0, 1.07fr) minmax(0, .93fr);align-items:start;gap:20px;}
.spi-auth-flow .spi-auth-form-panel{padding:clamp(24px, 2.8vw, 34px);border:1px solid #dfe5ee;border-radius:12px;box-shadow:0 15px 40px rgba(16,29,58,.05);min-width:0;}
.spi-auth-flow .spi-auth-form-panel h2,
.spi-auth-flow .spi-auth-side h2{margin:0 0 11px;font-family:Inter, sans-serif;font-size:clamp(22px, 2vw, 27px);line-height:1.32;letter-spacing:-.018em;font-weight:750;}
.spi-auth-flow .spi-auth-form-panel h2{color:var(--ds-color-navy-900);}
.spi-auth-flow .spi-auth-help,
.spi-auth-flow .spi-auth-form-panel p.spi-auth-help{color:#51627f;font-size:15px;line-height:1.67;max-width:62ch;margin:0 0 23px;}
.spi-auth-flow .spi-auth-form-panel form{gap:15px;}
.spi-auth-flow .spi-auth-form-panel form label:not(.checkline){font-size:15px;color:var(--ds-color-navy-900);line-height:1.45;font-weight:650;gap:8px;margin:0;}
.spi-auth-flow .spi-auth-form-panel :is(input:not([type=checkbox]),select){min-height:48px;padding:12px 14px;border-radius:6px;font-size:15px;color:var(--ds-color-navy-900);background:#fff;}
.spi-auth-flow .spi-auth-form-panel input::placeholder{color:#79859a;opacity:1;font-weight:400;}
.spi-auth-flow .spi-auth-form-panel .field-help{font-size:13px;color:#66768e;line-height:1.5;}
.spi-auth-flow .spi-auth-form-panel .spi-auth-main-cta{min-height:47px;padding:11px 24px;font-size:15px;font-weight:750;border-radius:6px;align-self:flex-start;}
.spi-auth-flow .spi-auth-side{align-self:start;height:auto;min-height:0;padding:clamp(26px, 3vw, 38px);border-radius:12px;box-shadow:0 15px 40px rgba(7,15,34,.08);overflow-wrap:anywhere;}
.spi-auth-flow .spi-auth-side h2{color:#fff;font-family:"Playfair Display",Georgia,serif;font-size:clamp(25px, 2.5vw, 32px);}
.spi-auth-flow .spi-auth-side > p{font-size:15px;line-height:1.7;margin:0 0 18px;max-width:50ch;}
.spi-auth-flow .spi-auth-side .eyebrow{margin:0 0 19px;font-size:12px;line-height:1.4;}
.spi-auth-flow .spi-auth-side .auth-steps{margin:10px 0 0;gap:0;}
.spi-auth-flow .spi-auth-side .auth-step{padding:16px 0;grid-template-columns:36px minmax(0,1fr);gap:14px;}
.spi-auth-flow .spi-auth-side .auth-step-number{font-size:13px;line-height:1;min-height:34px;}
.spi-auth-flow .spi-auth-side .auth-step strong{font-size:15px;font-weight:700;line-height:1.45;}
.spi-auth-flow .spi-auth-side .auth-step div > span{font-size:14px;line-height:1.55;margin-top:4px;}
.spi-auth-flow .spi-auth-links{display:flex;gap:10px 18px;flex-wrap:wrap;margin:17px 0 12px;font-size:14px;line-height:1.6;}
.spi-auth-flow .spi-auth-links a,
.spi-auth-flow .spi-auth-form-foot a,
.spi-auth-flow .spi-auth-back{color:#886328;text-decoration:underline;text-underline-offset:3px;}
.spi-auth-flow .spi-auth-resend{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:17px;}
.spi-auth-flow .spi-auth-resend summary{font-size:15px;font-weight:700;cursor:pointer;color:var(--ds-color-navy-900);}
.spi-auth-flow .spi-auth-resend p{color:#53647e;font-size:14px;line-height:1.65;margin:12px 0;}
.spi-auth-flow .spi-auth-resend form{padding-top:8px;}
.spi-auth-flow .spi-auth-resend button{font-size:14px;min-height:44px;}
.spi-auth-flow .spi-auth-form-panel form .formgrid{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:19px 16px;margin-bottom:4px;}
.spi-auth-flow .spi-auth-consent{border:0;padding:0;margin:5px 0 2px;min-width:0;}
.spi-auth-flow .spi-auth-consent legend{font-size:15px;font-weight:750;padding:0 0 12px;color:var(--ds-color-navy-900);}
.spi-auth-flow .spi-auth-consent .checkline{grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:start;padding:15px 16px;margin:0 0 12px;font-size:14px;line-height:1.65;font-weight:450;background:#f7f9fc;border:1px solid #dfe5ee;border-radius:7px;text-align:left;}
.spi-auth-flow .spi-auth-consent .checkline > input[type=checkbox]{width:18px;height:18px;margin:4px 0 0;flex:0 0 18px;}
.spi-auth-flow .spi-auth-consent .checkline > span{min-width:0;display:block;overflow-wrap:anywhere;}
.spi-auth-flow .spi-auth-consent .checkline a{display:inline;}
.spi-auth-flow .spi-auth-form-foot{margin:15px 0 0;font-size:14px;color:#51627f;}
.spi-auth-flow .spi-auth-back{display:inline-flex;margin-top:23px;font-size:14px;}
.spi-auth-flow .spi-auth-footnote{margin:18px 0 0;font-size:14px;line-height:1.6;color:#65738b;}
.spi-auth-flow .spi-auth-information{padding:16px 18px;font-size:14px;line-height:1.65;border-left:3px solid var(--ds-color-gold-500);background:#f8f6f0;border-radius:5px;}
.spi-auth-flow .spi-auth-status-icon{display:grid;place-items:center;width:46px;height:46px;background:#e8f2ec;color:#26734f;border-radius:50%;font-size:22px;font-weight:800;margin-bottom:17px;}
.spi-auth-flow :focus-visible{outline:3px solid var(--ds-color-gold-500);outline-offset:3px;}
.spi-dashboard > .viewhead h2{font-size:clamp(29px, 3vw, 40px);line-height:1.25;}
.spi-dashboard > .spi-apply-quick{border:1px solid #dbc89d;border-left:4px solid var(--ds-color-gold-500);border-radius:10px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:center;gap:24px 28px;padding:clamp(22px,2.8vw,34px);background:#fffefa;}
.spi-dashboard > .spi-apply-quick > div{min-width:0;}
.spi-dashboard > .spi-apply-quick :is(.eyebrow,h3,p){margin-top:0;}
.spi-dashboard > .spi-apply-quick h3{color:var(--ds-color-navy-900);font-size:clamp(21px,2vw,27px);line-height:1.35;margin-bottom:11px;}
.spi-dashboard > .spi-apply-quick p:not(.eyebrow){font-size:15px;line-height:1.68;color:#51627f;margin-bottom:0;max-width:62ch;}
.spi-dashboard > .spi-apply-quick form{display:flex;align-items:end;gap:12px;min-width:0;margin:0;}
.spi-dashboard > .spi-apply-quick form label{flex:1 1 auto;min-width:0;margin:0;color:var(--ds-color-navy-900);font-size:15px;font-weight:650;}
.spi-dashboard > .spi-apply-quick select{width:100%;min-height:47px;border-radius:6px;margin-top:8px;font-size:14px;padding:10px 12px;}
.spi-dashboard > .spi-apply-quick .btn{min-height:47px;min-width:155px;border-radius:6px;font-size:14px;white-space:nowrap;}
@media (max-width:900px){.spi-auth-flow .spi-auth-layout,.spi-auth-flow.spi-login .spi-auth-layout{grid-template-columns:minmax(0,1fr);}}
@media (max-width:900px){.spi-dashboard > .spi-apply-quick{grid-template-columns:1fr;}}
@media (max-width:600px){.spi-public-main .reg-wrap.spi-auth-flow{margin:18px auto 36px;}}
@media (max-width:600px){.spi-auth-flow .spi-auth-pagehead{margin-bottom:20px;}}
@media (max-width:600px){.spi-auth-flow .spi-auth-pagehead h1{font-size:clamp(29px, 8vw, 36px);}}
@media (max-width:600px){.spi-auth-flow .spi-auth-form-panel{padding:22px 18px;}}
@media (max-width:600px){.spi-auth-flow .spi-auth-side{padding:24px 19px;}}
@media (max-width:600px){.spi-auth-flow .spi-auth-form-panel form .formgrid{grid-template-columns:minmax(0,1fr);}}
@media (max-width:600px){.spi-auth-flow .spi-auth-main-cta{width:100%;justify-content:center;}}
@media (max-width:600px){.spi-auth-flow .spi-auth-links{flex-direction:column;}}
@media (max-width:600px){.spi-dashboard > .spi-apply-quick{padding:21px 17px;}}
@media (max-width:600px){.spi-dashboard > .spi-apply-quick form{flex-direction:column;align-items:stretch;}}
@media (max-width:600px){.spi-dashboard > .spi-apply-quick form label,.spi-dashboard > .spi-apply-quick .btn{width:100%;}}
:is(a, button, input, textarea, select):focus-visible{outline:3px solid #806129;}
summary:focus-visible{outline:2px solid var(--ds-color-gold-500);outline-offset:1px;box-shadow:none;}
summary:focus:not(:focus-visible){outline:none;box-shadow:none;}
.navcta{border:1px solid var(--gold);color:var(--gold-2);}
@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation-duration:0.001ms;transition-duration:0.001ms;}}
@media print{.nav,
  .pilot,
  .print-hide{display:none;}}
.spi-legal-page .spi-legal-highlight{font-weight:700;color:#81612b;margin-top:12px;}
[hidden]{display:none;}
.auth-intro :is(h1,h2,h3,h4){color:#fff;}
.auth-intro h3{font-size:clamp(24px,2.2vw,33px);}
@media (max-width:800px){.grid[style*="grid-template-columns"]{grid-template-columns:1fr;}}
@media (max-width:800px){.panel[style*="grid-column:span 2"]{grid-column:auto;}}
@media (max-width:760px){.auth-intro h3{font-size:clamp(24px,6vw,30px);}}
@media (max-width:600px){.hero-card{gap:14px;}}
@media (max-width:600px){.hero-card .orbit>div{font-size:clamp(20px,6vw,25px);}}
@media (max-width:600px){.quad{font-size:8px;}}
@media (max-width:380px){.auth-intro h3{font-size:24px;}}
@media (max-width:350px){.hero-card .orbit>div{font-size:20px;}}
@media (max-width:740px){[data-screen="approvals"] .table-wrap{overflow:visible;padding-top:0;}}
@media (max-width:740px){[data-screen="approvals"] .table-wrap::before{display:none;}}
@media (max-width:740px){[data-screen="approvals"] .table-wrap table,
  [data-screen="approvals"] .table-wrap tbody,
  [data-screen="approvals"] .table-wrap tr,
  [data-screen="approvals"] .table-wrap td{display:block;width:100%;min-width:0;max-width:100%;}}
@media (max-width:740px){[data-screen="approvals"] .table-wrap tbody{display:grid;}}
@media (max-width:740px){[data-screen="approvals"] .table-wrap tbody td{border:0;padding:7px 0;}}
@media (max-width:740px){[data-screen="approvals"] .table-wrap tbody td:last-child{display:flex;}}
@media (max-width:740px){[data-screen="approvals"] .table-wrap tbody td:last-child::before{text-align:left;}}
@media (prefers-reduced-motion:reduce){*,
  *::before,
  *::after{transition:none;animation:none;scroll-behavior:auto;}}
.hero.hero--dark h1{color:#fff;}
.hero.hero--dark p{color:#d6dbe2;}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{transition:none;scroll-behavior:auto;animation:none;}}
.spi-hidden-question{display:none;}
@media print{html,body{background:#fff;color:#111;}}
@media print{.topnav,.sidebar,.spi-app-layout>.sidebar,.global-nav,.menu-toggle,
  .footer,.spi-invoice-actions,.spi-alert-menu,.spi-dialog-backdrop,
  .spi-header-register,[data-no-print]{display:none;}}
@media print{.spi-app-layout,.layout,.workspace{display:block;min-height:0;}}
@media print{.spi-app-layout>.spi-content,.spi-content,.spi-public-main.container{width:100%;max-width:none;padding:0;margin:0;}}
@media print{.spi-invoice-wrap{width:100%;}}
@media print{.spi-invoice-wrap > div{box-shadow:none;}}
@media print{.spi-invoice-wrap button,.spi-invoice-wrap .btn{display:none;}}
.spi-flex-workspace{padding:24px;}
.badge--success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0;}
.badge--warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a;}
.badge--dark{background:var(--ds-color-navy-900);color:#ffffff;border:1px solid var(--ds-color-navy-900);}
.spi-module-card.is-locked{background:#f8fafc;border:1px dashed #cbd5e1;box-shadow:none;}
.btn--disabled{background:#f1f5f9;color:#94a3b8;border:1px dashed #cbd5e1;transform:none;}
.pill--muted{background:#f1f5f9;color:#94a3b8;border:1px solid #e2e8f0;}
.spi-sidebar-level-group > summary{justify-content:flex-start;gap:12px;padding-left:20px;}
.spi-sidebar-level-group .side-item--nested{padding-left:56px;}
.btn-gold{background:var(--ds-color-gold-500);color:var(--ds-color-navy-950);border-color:var(--ds-color-gold-500);}
.btn-gold:hover{background:var(--ds-color-gold-300);}
.bar{background:#e2e8f0;height:10px;border-radius:99px;}
.bar > span{min-width:0;background:linear-gradient(90deg, var(--ds-color-gold-500), var(--ds-color-gold-300));}
.btn-dark{background:var(--ds-color-navy-900);color:#ffffff;border:1px solid var(--ds-color-navy-900);font-weight:700;}
.btn-dark:disabled{opacity:1;color:#ffffff;}
.pill--blue{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd;}
.spi-module-card.is-locked .spi-module-card-foot{border-top:none;}
.btn-locked{background:var(--ds-color-navy-900);color:#ffffff;border:1px solid var(--ds-color-navy-900);font-weight:700;cursor:not-allowed;display:inline-flex;align-items:center;justify-content:center;padding:0;}
.module-row .actions .btn-locked{width:140px;height:38px;}
.btn-locked-small{background:var(--ds-color-navy-900);color:#ffffff;border:1px solid var(--ds-color-navy-900);font-weight:700;cursor:not-allowed;display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:12px;border-radius:4px;}
.btn-block{display:flex;width:100%;max-width:100%;justify-content:center;text-align:center;padding:12px 16px;box-sizing:border-box;}
#spi-apply-level .linecard,
.spi-dashboard .spi-evidence-card{border:1px solid #e2e8f0;border-radius:6px;}
.btn-soft-navy{background:#f8fafc;color:var(--ds-color-navy-900);border:1px solid #cbd5e1;font-weight:700;transition:all 0.2s ease;}
.btn-soft-navy:hover{background:#e2e8f0;border-color:#94a3b8;}
.spi-dashboard .spi-status-card,
.spi-dashboard #spi-apply-level .linecard{margin:0;}
.topnav .spi-account-toggle:focus-visible,
.topnav .spi-alert-toggle:focus-visible,
.topnav .spi-header-logout:focus-visible{outline:2px solid var(--ds-color-gold-300);}
.spi-ma-quiz .spi-ma-question{border:0;border-radius:0;padding:22px 0;margin:0;border-bottom:1px solid #e8edf1;}
.spi-ma-quiz .spi-ma-question legend{padding:0 0 14px;}
.spi-ma .spi-ma-option{margin:0;}
.spi-ma-score-label{margin-bottom:3px;}
.spi-content .spi-cl .spi-cl-choices legend.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;padding:0;margin:-1px;border:0;}
.spi-module-route .spi-ma-quiz .spi-ma-question{padding:24px 0;}
.spi-module-route .spi-ma-quiz .spi-ma-question legend{padding:0 0 16px;}
.spi-auth-flow .spi-auth-consent .checkline{display:grid;}
.spi-dialog-backdrop{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(7, 15, 34, 0.60);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);overflow-y:auto;}
.spi-dialog{width:min(100%, 510px);padding:clamp(24px, 4vw, 38px);background:var(--white);color:var(--ds-color-navy-800);border:1px solid #e1d7c0;border-top:5px solid var(--gold);border-radius:var(--r-sm);box-shadow:0 22px 90px rgba(7, 15, 34, 0.28);line-height:1.65;}
.spi-dialog h2{margin:12px 0;font:700 clamp(24px, 3.5vw, 33px)/1.25 var(--serif);color:var(--navy-2);}
.spi-dialog p{margin:14px 0 24px;white-space:normal;overflow-wrap:anywhere;}
.spi-dialog button{min-width:125px;}
.spi-alert-menu{position:relative;}
.spi-alert-toggle{display:flex;align-items:center;justify-content:center;gap:6px;min-width:53px;min-height:44px;padding:0 12px;background:var(--ds-color-navy-800);color:var(--white);border:1px solid #bdab7d;border-radius:var(--r-sm);font-size:19px;font-weight:700;cursor:pointer;transition:background-color var(--t-fast), border-color var(--t-fast);}
.spi-alert-toggle:hover,
.spi-alert-toggle:focus-visible{background:#2b416b;border-color:var(--gold-2);}
.spi-alert-number{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 4px;background:var(--gold-2);color:var(--navy);font:700 11px/1 var(--sans);border-radius:var(--r-pill);}
.spi-alert-list{position:absolute;top:calc(100% + 12px);right:0;z-index:210;width:min(345px, 90vw);max-height:min(470px, 72vh);padding:14px;background:var(--white);color:var(--ds-color-navy-800);border:1px solid #e0ddd6;border-radius:var(--r-sm);box-shadow:0 18px 54px rgba(7, 15, 34, 0.2);overflow:auto;}
.spi-alert-list h3{margin:0;padding:8px;color:var(--navy-2);font-size:16px;}
.spi-alert-list a{display:block;padding:13px 10px;border-top:1px solid #eef0f2;border-radius:var(--r-sm);font-size:13px;line-height:1.45;transition:background-color var(--t-fast);}
.spi-alert-list a:hover{background:#fbf8f0;text-decoration:none;}
.spi-alert-list p{padding:10px;color:var(--muted);font-size:13px;}
.spi-apply-quick{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px;}
.spi-apply-quick h3{margin:9px 0;}
.spi-apply-quick form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;}
.spi-apply-quick label{display:grid;gap:8px;font-size:12px;font-weight:700;}
.spi-apply-quick select{min-width:210px;padding:11px;border:1px solid #cbd2df;border-radius:var(--r-md);}
.spi-payment-card{border-top:3px solid var(--gold);}
.spi-pay-steps{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:8px;margin:23px 0;}
.spi-pay-steps span{padding:14px 12px;background:#f6f7f9;color:#273955;font-size:12px;overflow-wrap:anywhere;min-width:0;border-left:2px solid var(--gold);border-radius:0 var(--r-sm) var(--r-sm) 0;}
.spi-payment-card .spi-payment-confirm{margin-top:20px;border-radius:var(--r-md);}
.spi-payment-confirm form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;}
.spi-payment-confirm label{display:grid;flex:1;min-width:190px;gap:8px;font-size:13px;}
.spi-payment-confirm input{width:100%;min-height:44px;padding:10px;border:1px solid #cad2de;border-radius:var(--r-md);}
.spi-payment-confirm p{max-width:760px;margin:12px 0;}
.spi-toolkit-onboard{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:10px;margin:20px 0;}
.spi-toolkit-onboard > div{padding:18px;background:#fbfaf7;border:1px solid #ece8dc;border-top:3px solid var(--gold);border-radius:var(--r-sm);}
.spi-toolkit-onboard b{color:#132446;font-size:13px;}
.spi-toolkit-onboard p{margin-top:8px;color:#596576;font-size:12px;line-height:1.55;}
.spi-help-example{margin:18px 0;padding:14px 18px;background:#fff9eb;border:1px solid #dfd3b9;border-radius:var(--r-sm);}
.spi-help-example p{padding-top:15px;}
.spi-help-example summary,
.spi-advanced-toolkit > summary,
.spi-record-step > summary,
.spi-guided-field > summary{color:var(--navy-2);font-weight:700;line-height:1.5;cursor:pointer;}
.spi-advanced-toolkit,
.spi-record-step{margin:22px 0;padding:16px;background:var(--white);border:1px solid #e2e6ed;border-radius:var(--r-md);}
.spi-advanced-toolkit > summary,
.spi-record-step > summary{padding:5px 0;font-size:17px;}
.spi-advanced-toolkit .analysis-board,
.spi-record-step .structured-toolkit{margin-top:20px;}
.spi-workbook-title{margin-top:26px;scroll-margin-top:calc(var(--nav-h) + 14px);}
.spi-guided-field{margin:11px 0;background:var(--white);border:1px solid #e2e6ed;border-radius:var(--r-sm);box-shadow:0 2px 8px rgba(7, 15, 34, 0.024);transition:border-color var(--t-fast), box-shadow var(--t-fast);}
.spi-guided-field[open]{border-left:3px solid var(--gold);box-shadow:0 4px 16px rgba(7, 15, 34, 0.05);}
.spi-guided-field > summary{display:flex;align-items:center;gap:12px;padding:15px 17px;font-size:14px;list-style:none;}
.spi-guided-field > summary::-webkit-details-marker{display:none;}
.spi-guided-field > summary::before{content:"▸";display:inline-block;color:var(--ds-color-gold-700);transition:transform var(--t-fast);}
.spi-guided-field[open] > summary::before{content:"▾";}
.spi-guided-field .tag-num{flex:0 0 32px;}
.spi-field-indicator{margin-left:auto;color:#6a7486;font-size:11px;font-weight:650;white-space:nowrap;}
.spi-guided-field .toolfield{display:grid;gap:9px;margin:0;padding:8px 19px 12px;}
.spi-guided-field .toolfield textarea{width:100%;max-width:100%;min-height:110px;}
.spi-next-field{margin:0 19px 20px;}
.spi-step-intro{margin-bottom:16px;}
.spi-step-intro p{font-size:13px;}
.spi-pay-alert{margin:16px 0;}
.spi-pay-alert h3{margin:8px 0;}
.spi-pay-alert a{margin-top:13px;}
@media (max-width: 900px){.spi-toolkit-onboard{grid-template-columns:repeat(2, minmax(0, 1fr));}}
@media (max-width: 900px){.spi-pay-steps{grid-template-columns:repeat(2, minmax(0, 1fr));}}
@media (max-width: 600px){.spi-alert-list{position:fixed;top:var(--spi-alert-offset, calc(var(--nav-h, 76px) + 8px));right:12px;left:12px;width:auto;max-height:calc(100dvh - var(--spi-alert-offset, 84px) - 14px);}}
@media (max-width: 600px){.spi-toolkit-onboard,
  .spi-pay-steps{grid-template-columns:1fr;}}
@media (max-width: 600px){.spi-guided-field > summary{flex-wrap:wrap;}}
@media (max-width: 600px){.spi-field-indicator{margin-left:0;}}
@media (max-width: 600px){.spi-apply-quick form,
  .spi-apply-quick select,
  .spi-apply-quick label{width:100%;}}
@media (max-width: 600px){.spi-payment-confirm form > .btn{width:100%;}}
@media print{.spi-invoice-wrap{margin:0;}}
.topnav .spi-alert-toggle .spi-alert-number{display:flex;align-items:center;justify-content:center;line-height:1;min-width:22px;height:22px;padding:0 3px;position:absolute;right:-8px;top:-8px;border:2px solid var(--ds-color-navy-950);border-radius:999px;background:var(--ds-color-gold-300);color:var(--ds-color-navy-950);font:700 11px/1 Inter,Arial,sans-serif;font-variant-numeric:tabular-nums;text-align:center;transform:none;box-sizing:border-box;}
.topnav .spi-alert-list{width:min(440px,calc(100vw - 28px));padding:0;max-height:min(560px,75dvh);border-radius:13px;overflow-y:auto;box-shadow:0 18px 44px rgba(7,15,34,.22);}
.topnav .spi-alert-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 20px 16px;border-bottom:1px solid #E1E7EF;}
.topnav .spi-alert-header h3{font-family:Inter,Arial,sans-serif;font-size:18px;line-height:1.4;margin:0;color:var(--ds-color-navy-900);padding:0;}
.topnav .spi-alert-header .spi-alert-unread-label{display:block;font-size:12px;color:#667792;margin-top:3px}.topnav .spi-alert-seen-hint{display:block;font-size:10px;line-height:1.4;color:#8c97a8;margin-top:4px;max-width:220px}
.topnav .spi-alert-header form{margin:0;}
.topnav .spi-alert-read-all{border:none;box-shadow:none;background:none;padding:8px;color:#8A642A;font-size:13px;font-weight:700;cursor:pointer;text-align:right;line-height:1.4;}
.topnav .spi-alert-read-all:hover{text-decoration:underline;}
.topnav .spi-alert-item{margin:0;border-bottom:1px solid #E5EAF1;}
.topnav .spi-alert-item-button{width:100%;display:flex;align-items:flex-start;gap:11px;padding:15px 20px;border:0;border-radius:0;background:#fff;color:var(--ds-color-navy-900);cursor:pointer;text-align:left;font-family:Inter,Arial,sans-serif;}
.topnav .spi-alert-item.is-unread .spi-alert-item-button{background:#F5F7FA;}
.topnav .spi-alert-item-button:hover{background:#F8F4EA;}
.topnav .spi-alert-item-dot{width:7px;height:7px;border-radius:50%;margin-top:9px;flex:0 0 7px;background:transparent;}
.topnav .spi-alert-item.is-unread .spi-alert-item-dot{background:var(--ds-color-gold-500);}.topnav .spi-alert-toggle .spi-alert-number[hidden]{display:none}
.topnav .spi-alert-item-content{display:flex;min-width:0;flex:1;flex-direction:column;gap:5px;}
.topnav .spi-alert-item-content strong{font-size:14px;font-weight:700;line-height:1.45;}
.topnav .spi-alert-item-content>span{font-size:14px;line-height:1.55;color:#485B77;overflow-wrap:break-word;}
.topnav .spi-alert-item-content small{font-size:12px;color:#6C7D98;}
.topnav .spi-alert-empty{padding:18px 20px;font-size:14px;}
.spi-billing-head{margin-bottom:22px;}
.spi-billing-head .description{max-width:72ch;}
.spi-payment-list{display:grid;gap:24px;min-width:0;}
.spi-payment-card{max-width:1120px;margin-inline:auto;width:100%;box-sizing:border-box;min-width:0;}
.spi-payment-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap;}
.spi-payment-top h3{font-family:Inter,Arial,sans-serif;font-size:clamp(26px,3vw,34px);line-height:1.22;color:var(--ds-color-navy-900);font-weight:750;letter-spacing:-.02em;margin:10px 0;}
.spi-payment-top .eyebrow{margin:0;font-size:13px;}
.spi-invoice-code{font-size:14px;color:#62738F;margin:0 0 10px;overflow-wrap:anywhere;}
.spi-billing-status{padding:10px 16px;border:1px solid #E9D8AD;border-radius:99px;background:#FBF6E9;color:#79551C;font-weight:700;font-size:14px;line-height:1.3;}
.spi-billing-status.is-complete{background:#EAF7EF;color:#276748;border-color:#B6DFC7;}
.spi-billing-status.needs-action{background:#FFF0EE;color:#93463E;border-color:#F0CBC6;}
.spi-billing-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;list-style:none;margin:22px 0;padding:0;}
.spi-billing-timeline li{display:flex;align-items:center;gap:10px;min-width:0;background:#F4F6F9;border:1px solid #E0E7F0;color:#61728C;padding:13px 12px;border-radius:9px;font-size:14px;font-weight:600;line-height:1.4;}
.spi-billing-timeline li span{display:grid;place-items:center;flex:0 0 28px;height:28px;background:#E4EAF3;color:#556882;border-radius:50%;font-variant-numeric:tabular-nums;}
.spi-billing-timeline li.is-reached{background:#FBF7EE;color:#725322;border-color:#EBD9B7;}
.spi-billing-timeline li.is-reached span{background:var(--ds-color-gold-500);color:var(--ds-color-navy-900);}
.spi-billing-quicklink{margin:0 0 10px;}
.spi-billing-quicklink .btn{min-height:46px;display:inline-flex;align-items:center;}
.spi-payment-confirm{border-top:1px solid #DFE5ED;margin:26px 0 0;padding:26px 0 0;}
.spi-payment-confirm>h4{font-size:clamp(20px,2vw,24px);line-height:1.3;margin:8px 0 10px;color:var(--ds-color-navy-900);}
.spi-payment-confirm>p:not(.eyebrow){font-size:16px;line-height:1.68;max-width:82ch;margin:0 0 22px;color:#475977;}
.spi-confirm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px;align-items:start;}
.spi-confirm-grid label{display:flex;flex-direction:column;gap:9px;font-size:15px;font-weight:700;color:var(--ds-color-navy-900);min-width:0;line-height:1.45;}
.spi-confirm-grid input{margin:0;width:100%;min-width:0;box-sizing:border-box;min-height:50px;border:1px solid #CBD6E5;border-radius:7px;background:#fff;color:var(--ds-color-navy-900);padding:11px 13px;font-size:16px;font-weight:450;}
.spi-confirm-grid input[type=file]{height:auto;min-height:54px;padding:13px;font-size:14px;}
.spi-confirm-grid input:focus-visible{outline:2px solid var(--ds-color-gold-500);outline-offset:2px;}
.spi-confirm-grid .spi-confirm-proof{grid-column:1/-1;border:1px dashed #CBD6E5;background:#F8FAFD;padding:18px;border-radius:9px;}
.spi-confirm-grid .spi-confirm-proof small{color:#65758E;font-size:13px;line-height:1.6;font-weight:400;}
.spi-field-optional{font-size:13px;font-weight:450;color:#65758E;}
.spi-confirm-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid #E1E7EF;}
.spi-confirm-actions button{min-height:48px;font-size:15px;font-weight:700;}
.spi-confirm-actions p{margin:0;flex:1;min-width:220px;font-size:14px;color:#687B95;line-height:1.6;}
.spi-billing-warning,.spi-billing-feedback{padding:17px 20px;border:1px solid #E9D8AE;border-left:4px solid var(--ds-color-gold-500);border-radius:8px;background:#FDF9F0;color:#6B5129;font-size:15px;line-height:1.6;margin:20px 0 0;}
.spi-billing-feedback.is-complete{background:#F0F9F4;color:#295F44;border-color:#B6DFC7;border-left-color:#2A9764;}
.spi-billing-summary{font-size:14px;padding-top:8px;line-height:1.6;overflow-wrap:anywhere;}
.spi-invoice-wrap{width:100%;margin-inline:auto;}
.spi-invoice-wrap .spi-invoice-document{overflow:hidden;}
.spi-invoice-document table{max-width:100%;}
.spi-invoice-document td{overflow-wrap:anywhere;}
.spi-admin-proof{display:grid;gap:6px;margin:12px 0;padding:13px;border:1px solid #DDE5F0;border-radius:7px;font-size:14px;line-height:1.6;color:#485B77;}
.spi-admin-amount-warning{font-weight:700;color:#AC4B32;}
@media (max-width:820px){.spi-billing-timeline{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:580px){.topnav .spi-alert-list{right:0;width:min(420px,calc(100vw - 20px));}}
@media (max-width:580px){.topnav .spi-alert-header{align-items:flex-start;padding:16px;}}
@media (max-width:580px){.topnav .spi-alert-header h3{font-size:16px;}}
@media (max-width:580px){.spi-billing-timeline{grid-template-columns:minmax(0,1fr);gap:7px;}}
@media (max-width:580px){.spi-billing-timeline li{padding:10px;}}
@media (max-width:580px){.spi-confirm-grid{grid-template-columns:minmax(0,1fr);}}
@media (max-width:580px){.spi-confirm-grid .spi-confirm-proof{grid-column:auto;}}
@media (max-width:580px){.spi-confirm-actions{flex-direction:column;align-items:stretch;}}
@media (max-width:580px){.spi-confirm-actions .btn{width:100%;white-space:normal;}}
.spi-payment-confirm form.spi-confirm-form{display:block;width:100%;max-width:none;align-items:stretch;}
.spi-dialog-backdrop[hidden]{display:none;}
.spi-apply-quick{border-left:4px solid var(--gold);}
.spi-pay-alert{border-left:4px solid var(--gold);}
@media (prefers-reduced-motion: reduce){.spi-alert-toggle,
  .spi-alert-list a,
  .spi-guided-field,
  .spi-guided-field > summary::before{transition:none;}}
@media print{.topnav,
  .sidebar,
  .footer,
  .spi-invoice-actions,
  .spi-alert-menu,
  .spi-dialog-backdrop{display:none;}}
@media print{.content{width:100%;max-width:100%;padding:0;}}
@media print{.layout{display:block;}}
@media print{.spi-invoice-wrap{max-width:100%;}}
@media print{.spi-invoice-wrap > div{border:0;}}
.spi-alert-list[hidden],.spi-dialog-backdrop[hidden]{display:none;}
.spi-payment-card{padding:clamp(20px,3vw,36px);}
.spi-payment-confirm{background:transparent;box-shadow:none;}
.spi-invoice-document table{min-width:0;}
@media (max-width:580px){.spi-payment-card{padding:20px 16px;}}
@media (max-width:580px){.spi-invoice-wrap .spi-invoice-document>table>tbody>tr>td{padding-left:16px;padding-right:16px;}}
@media print{.spi-billing-quicklink,.spi-alert-list,.spi-alert-toggle,.spi-confirm-form{display:none;}}
.spi-payment-card .spi-payment-confirm{margin:26px 0 0;padding:26px 0 0;background:transparent;border:0;border-top:1px solid #DFE5ED;box-shadow:none;}
:root{--spi-curriculum-navy:var(--ds-color-navy-900);--spi-curriculum-gold:var(--ds-color-gold-500);--spi-curriculum-ink:#152544;--spi-curriculum-text:#4f607b;--spi-curriculum-border:#dce4ed;}
.spi-curriculum-curr-head,.spi-billing-head,.spi-curriculum-report-head{margin:0 0 24px;min-width:0;}
.spi-curriculum-curr-head .eyebrow,.spi-billing-head .eyebrow,.spi-curriculum-report-head .eyebrow{margin:0 0 13px;font:750 12px/1.45 Inter,Arial,sans-serif;letter-spacing:.12em;color:#926b2b;text-transform:uppercase;}
.spi-curriculum-curr-head h2,.spi-billing-head h2,.spi-curriculum-report-head h2{margin:0 0 12px;color:var(--ds-color-navy-900);font:700 clamp(30px,3.2vw,43px)/1.18 "Playfair Display",Georgia,serif;letter-spacing:-.02em;overflow-wrap:break-word;}
.spi-curriculum-curr-head .description,.spi-billing-head .description,.spi-curriculum-report-head .description{margin:0;color:#52647f;font:400 16px/1.75 Inter,Arial,sans-serif;max-width:95ch;}
.spi-curriculum-panel.spi-curriculum-curriculum{max-width:1300px;margin-inline:auto;box-sizing:border-box;border-radius:14px;border:1px solid var(--spi-curriculum-border);background:#fff;overflow:visible;min-width:0;}
.spi-curriculum-curriculum *{box-sizing:border-box;min-width:0;}
.spi-curriculum-curriculum .spi-curriculum-instruction{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px;border-radius:10px;border:1px solid #e9ddc4;background:#fbf8f1;padding:20px 22px;margin:0 0 26px;}
.spi-curriculum-instruction-num{display:flex;align-items:center;justify-content:center;min-width:104px;padding:10px 12px;border-radius:7px;background:#ead9b5;color:#755621;font:800 14px/1.3 Inter,Arial,sans-serif;letter-spacing:.02em;}
.spi-curriculum-instruction strong{display:block;margin:0 0 5px;font:750 17px/1.4 Inter,Arial,sans-serif;color:#152544;}
.spi-curriculum-instruction p{margin:0;color:#53627b;font:400 15.5px/1.67 Inter,Arial,sans-serif;max-width:100ch;}
.spi-curriculum-curriculum .spi-level-tabs.spi-curriculum-level-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 26px;border-bottom:1px solid var(--spi-curriculum-border);overflow:visible;}
.spi-curriculum-curriculum .spi-curriculum-level-tabs button{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;border:0;border-radius:0;background:transparent;box-shadow:none;padding:16px 12px 19px;text-align:center;color:#53647c;cursor:pointer;white-space:normal;margin:0;}
.spi-curriculum-curriculum .spi-curriculum-level-tabs button span{display:block;font:750 12px/1.35 Inter,Arial,sans-serif;letter-spacing:.1em;}
.spi-curriculum-curriculum .spi-curriculum-level-tabs button strong{font:700 17px/1.35 Inter,Arial,sans-serif;}
.spi-curriculum-curriculum .spi-curriculum-level-tabs button.on{color:var(--ds-color-navy-900);background:#fbf8f2;}
.spi-curriculum-curriculum .spi-curriculum-level-tabs button.on:after{content:"";position:absolute;bottom:-1px;left:9%;right:9%;height:3px;background:var(--ds-color-gold-500);border-radius:3px;}
.spi-curriculum-level-tabs button:focus-visible{outline:2px solid #ac8235;outline-offset:-3px;}
.spi-curriculum-level-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;min-width:0;margin:0 0 22px;padding:0 0 21px;border-bottom:1px solid var(--spi-curriculum-border);}
.spi-curriculum-level-heading>div{flex:1;min-width:0;}
.spi-curriculum-level-heading .eyebrow{margin:0 0 8px;color:#976f2e;font:750 12px/1.4 Inter,Arial,sans-serif;letter-spacing:.11em;}
.spi-curriculum-level-heading h3{margin:0 0 8px;color:var(--ds-color-navy-900);font:750 clamp(22px,2.3vw,29px)/1.25 Inter,Arial,sans-serif;letter-spacing:-.018em;}
.spi-curriculum-level-heading p:not(.eyebrow){margin:0;max-width:78ch;color:#52627c;font:400 15px/1.65 Inter,Arial,sans-serif;}
.spi-curriculum-bank-status{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;max-width:250px;padding:10px 14px;border-radius:8px;background:#f5f7fa;border:1px solid #e0e7ef;color:#526481;font:650 13px/1.4 Inter,Arial,sans-serif;text-align:center;}
.spi-curriculum-curriculum .module-list.spi-curriculum-module-list{display:grid;gap:12px;margin:0;}
.spi-curriculum-curriculum .spi-curriculum-module-row{display:grid;grid-template-columns:48px minmax(0,1fr) 180px;align-items:center;gap:18px;width:100%;background:#fff;border:1px solid #dfe6ee;border-radius:11px;box-shadow:none;min-height:114px;}
.spi-curriculum-curriculum .spi-curriculum-module-row.locked{background:#f9fafc;}
.spi-curriculum-curriculum .spi-curriculum-module-row .tag-num{flex:none;display:grid;place-items:center;min-width:0;width:44px;height:44px;margin:0;background:#f5ecda;color:#936b27;border-radius:9px;font:750 16px/1 Inter,Arial,sans-serif;}
.spi-curriculum-curriculum .spi-curriculum-module-row .spi-curriculum-module-copy{flex:none;min-width:0;margin:0;}
.spi-curriculum-curriculum .spi-curriculum-module-row .spi-curriculum-module-copy h4{margin:0 0 7px;font:750 17px/1.4 Inter,Arial,sans-serif;color:#142440;letter-spacing:-.01em;text-transform:none;overflow-wrap:break-word;}
.spi-curriculum-curriculum .spi-curriculum-module-row .spi-curriculum-module-copy p{margin:0;color:#596a84;font:400 14.5px/1.6 Inter,Arial,sans-serif;overflow-wrap:break-word;}
.spi-curriculum-curriculum .spi-curriculum-module-actions{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:10px;width:180px;margin:0;padding:0;}
.spi-curriculum-curriculum .spi-curriculum-module-state{display:flex;align-items:center;justify-content:center;width:100%;min-height:36px;padding:6px 10px;border:1px solid #dfe6ee;border-radius:8px;background:#f1f4f8;color:#596b83;font:700 13px/1.4 Inter,Arial,sans-serif;text-align:center;white-space:normal;}
.spi-curriculum-curriculum .spi-curriculum-module-state.is-ready{background:#edf8f1;border-color:#c6e6d2;color:#267044;}
.spi-curriculum-curriculum .spi-curriculum-module-state.is-next{background:#fbf5e9;border-color:#e9d5ae;color:#7b5822;}
.spi-curriculum-curriculum .spi-curriculum-module-cta{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;white-space:nowrap;border-radius:8px;font:700 14px/1.3 Inter,Arial,sans-serif;text-decoration:none;text-align:center;}
.spi-curriculum-level-footnote{margin:20px 0 0;color:#6c7b91;font:400 13.5px/1.6 Inter,Arial,sans-serif;}
.spi-dashboard .spi-access-overview-detail-grid .spi-access-overview-panel-header h3{font-size:clamp(20px,1.9vw,24px);line-height:1.3;overflow-wrap:normal;}
.spi-dashboard .spi-access-overview-detail-grid .spi-access-overview-panel-header p{font-size:15px;line-height:1.6;}
.spi-dashboard .spi-access-overview-detail-grid .spi-access-overview-detail-row p,.spi-dashboard .spi-access-overview-detail-grid .spi-access-overview-access-copy p{font-size:14.5px;line-height:1.6;}
.spi-billing-empty{display:flex;flex-direction:column;align-items:flex-start;gap:0;max-width:1120px;margin:0 auto;border-radius:13px;}
.spi-billing-empty .eyebrow{margin:0 0 13px;color:#946f31;font:750 12px/1.4 Inter,Arial,sans-serif;letter-spacing:.12em;}
.spi-billing-empty h3{margin:0 0 14px;color:var(--ds-color-navy-900);font:750 clamp(22px,2.5vw,28px)/1.3 Inter,Arial,sans-serif;}
.spi-billing-empty p:not(.eyebrow){max-width:85ch;margin:0;color:#50617b;font:400 16px/1.75 Inter,Arial,sans-serif;}
.spi-curriculum-empty-actions{display:flex;align-items:center;gap:14px;margin:25px 0 0;}
.spi-curriculum-empty-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:7px;text-align:center;font-size:15px;}
.spi-payment-card .spi-payment-top{align-items:center;padding:0 0 19px;border-bottom:1px solid #e5eaf0;margin:0 0 18px;}
.spi-payment-card .spi-payment-top .eyebrow{margin:0 0 8px;font-size:12px;}
.spi-payment-card .spi-payment-top h3{margin:0 0 7px;font-weight:750;}
.spi-payment-card .spi-invoice-code{margin:0;font-size:14px;}
.spi-payment-card .spi-billing-timeline{margin:14px 0 24px;}
.spi-payment-card .spi-billing-quicklink{margin:0;}
.spi-payment-card .spi-payment-confirm{padding-top:27px;}
.spi-payment-card .spi-payment-confirm h4{margin:0 0 10px;font:750 22px/1.36 Inter,Arial,sans-serif;color:var(--ds-color-navy-900);}
.spi-payment-card .spi-payment-confirm p:not(.eyebrow){max-width:91ch;color:#53647f;font:400 15px/1.65 Inter,Arial,sans-serif;margin:0 0 18px;}
.spi-payment-card .spi-confirm-grid input{font-family:Inter,Arial,sans-serif;}
.spi-payment-card .spi-confirm-actions{margin-top:24px;}
.spi-payment-card .spi-confirm-actions p{margin:0;color:#5d708b;font-size:14px;}
.spi-payment-card .spi-billing-feedback{margin:25px 0 0;}
.spi-invoice-wrap{display:block;max-width:920px;margin:0 auto 24px;overflow:visible;border-radius:0;}
.spi-invoice-wrap .spi-invoice-document table{width:100%;margin-left:0;margin-right:0;text-align:left;}
.spi-invoice-wrap .spi-invoice-document td{font-family:Arial,Helvetica,sans-serif;vertical-align:top;}
.spi-invoice-wrap .spi-invoice-document h1,.spi-invoice-wrap .spi-invoice-document h2,.spi-invoice-wrap .spi-invoice-document p{text-align:left;float:none;max-width:none;letter-spacing:normal;}
.spi-invoice-actions{display:flex;justify-content:center;align-items:center;gap:12px;max-width:800px;margin:0 auto;flex-wrap:wrap;border-radius:12px;}
.spi-invoice-actions .btn{min-height:45px;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:14px;border-radius:7px;}
.spi-curriculum-report-head{margin-bottom:24px;}
.spi-curriculum-legacy-records,.spi-curriculum-report-results{max-width:1200px;margin:0 auto 23px;border-radius:13px;min-width:0;}
.spi-curriculum-report-section-head{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;padding:0 0 17px;margin:0 0 17px;border-bottom:1px solid #e2e8f0;}
.spi-curriculum-report-section-head .eyebrow{margin:0 0 8px;font:750 12px/1.4 Inter,Arial,sans-serif;letter-spacing:.12em;color:#927032;}
.spi-curriculum-report-section-head h3{margin:0 0 8px;font:750 clamp(20px,2.4vw,27px)/1.3 Inter,Arial,sans-serif;color:var(--ds-color-navy-900);}
.spi-curriculum-report-section-head p{margin:0;color:#52627a;font:400 15px/1.7 Inter,Arial,sans-serif;max-width:90ch;}
.spi-curriculum-legacy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;}
.spi-curriculum-legacy-card{display:flex;flex-direction:column;gap:13px;padding:20px;background:#f8fafc;border:1px solid #e2e7ef;border-radius:9px;}
.spi-curriculum-legacy-card strong{font:700 15px/1.45 Inter,Arial,sans-serif;color:#243652;}
.spi-curriculum-legacy-card>span{font:750 28px/1.2 Inter,Arial,sans-serif;color:var(--ds-color-navy-900);}
.spi-curriculum-legacy-card small{font-size:14px;font-weight:450;color:#65758d;}
.spi-curriculum-support-text{margin:15px 0 0;color:#5b6b84;font:400 14px/1.7 Inter,Arial,sans-serif;}
.spi-curriculum-report-table{overflow-x:auto;max-width:100%;border:1px solid #e0e7ef;border-radius:9px;}
.spi-curriculum-report-table table{min-width:650px;border-collapse:collapse;width:100%;margin:0;}
.spi-curriculum-report-table th{font:750 13px/1.5 Inter,Arial,sans-serif;background:#f4f6fa;color:#172944;text-align:left;padding:15px 17px;}
.spi-curriculum-report-table td{font:400 14px/1.6 Inter,Arial,sans-serif;color:#4b5d78;padding:15px 17px;vertical-align:middle;}
.spi-curriculum-report-table tbody tr:nth-child(even){background:#fafbfd;}
.spi-curriculum-report-table a{color:#76541e;text-decoration:underline;text-underline-offset:3px;}
@media (max-width:1000px){.spi-curriculum-curriculum .spi-curriculum-module-row{grid-template-columns:44px minmax(0,1fr) 162px;gap:14px;}}
@media (max-width:1000px){.spi-curriculum-curriculum .spi-curriculum-module-actions{width:162px;}}
@media (max-width:1000px){.spi-curriculum-curriculum .spi-curriculum-module-copy h4{font-size:16px;}}
@media (max-width:760px){.spi-curriculum-curriculum .spi-curriculum-level-heading{flex-direction:column;align-items:flex-start;gap:15px;}}
@media (max-width:760px){.spi-curriculum-bank-status{max-width:none;}}
@media (max-width:760px){.spi-curriculum-curriculum .spi-curriculum-module-row{grid-template-columns:43px minmax(0,1fr);gap:12px 14px;align-items:start;}}
@media (max-width:760px){.spi-curriculum-curriculum .spi-curriculum-module-actions{grid-column:2;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px;}}
@media (max-width:760px){.spi-curriculum-curriculum .spi-curriculum-module-actions>*{width:auto;min-width:145px;flex:1 1 145px;}}
@media (max-width:760px){.spi-curriculum-curriculum .spi-curriculum-level-tabs button strong{font-size:15px;}}
@media (max-width:760px){.spi-curriculum-curriculum .spi-curriculum-instruction{grid-template-columns:1fr;gap:11px;}}
@media (max-width:760px){.spi-curriculum-instruction-num{width:max-content;min-width:0;}}
@media (max-width:490px){.spi-curriculum-curr-head h2,.spi-billing-head h2,.spi-curriculum-report-head h2{font-size:30px;}}
@media (max-width:490px){.spi-curriculum-curriculum .spi-curriculum-level-tabs button{padding:13px 4px 16px;}}
@media (max-width:490px){.spi-curriculum-curriculum .spi-curriculum-level-tabs button strong{font-size:13px;}}
@media (max-width:490px){.spi-curriculum-curriculum .spi-curriculum-module-row{grid-template-columns:34px minmax(0,1fr);gap:10px;}}
@media (max-width:490px){.spi-curriculum-curriculum .spi-curriculum-module-row .tag-num{width:34px;height:36px;font-size:13px;}}
@media (max-width:490px){.spi-curriculum-curriculum .spi-curriculum-module-copy h4{font-size:15.5px;}}
@media (max-width:490px){.spi-curriculum-curriculum .spi-curriculum-module-copy p{font-size:14px;}}
@media (max-width:490px){.spi-curriculum-curriculum .spi-curriculum-module-actions{grid-column:1/-1;}}
@media (max-width:490px){.spi-curriculum-curriculum .spi-curriculum-module-actions>*{flex:1 1 100%;max-width:100%;}}
@media (max-width:490px){.spi-curriculum-empty-actions,.spi-curriculum-empty-actions .btn{width:100%;}}
@media (max-width:490px){.spi-billing-empty p:not(.eyebrow){font-size:15px;}}
@media (max-width:490px){.spi-invoice-actions .btn{width:100%;}}
@media (max-width:490px){.spi-curriculum-report-table table{min-width:620px;}}
.spi-curriculum-panel.spi-curriculum-curriculum{padding:clamp(20px,3vw,38px);}
.spi-curriculum-curriculum .spi-curriculum-level-panel[hidden]{display:none;}
.spi-curriculum-curriculum .spi-curriculum-module-row{margin:0;padding:18px 20px;}
.spi-curriculum-curriculum .spi-curriculum-module-cta{padding:10px 13px;background:var(--ds-color-navy-900);color:#fff;border:1px solid var(--ds-color-navy-900);}
.spi-curriculum-curriculum .spi-curriculum-module-cta:hover{background:#1d3157;}
.spi-billing-empty{padding:clamp(24px,3vw,40px);}
.spi-payment-card{border-radius:13px;}
.spi-invoice-wrap .spi-invoice-document{max-width:800px;width:100%;margin:0 auto;text-align:left;}
.spi-invoice-wrap .spi-invoice-document table{table-layout:fixed;border-collapse:collapse;}
.spi-curriculum-legacy-records,.spi-curriculum-report-results{padding:clamp(20px,3vw,32px);}
@media (max-width:1000px){.spi-curriculum-curriculum .spi-curriculum-module-row{padding:17px;}}
@media (max-width:490px){.spi-curriculum-panel.spi-curriculum-curriculum{padding:16px;}}
@media (max-width:490px){.spi-curriculum-curriculum .spi-curriculum-module-row{padding:16px 13px;}}
@media (max-width:490px){.spi-invoice-wrap .spi-invoice-document>table>tbody>tr>td{padding-left:16px;padding-right:16px;}}
@media print{.spi-curriculum-curriculum .spi-curriculum-module-cta,.spi-invoice-actions{display:none;}}
.spi-commercial-audit-commercial{scroll-margin-top:110px;}
.spi-commercial-audit-commercial[aria-busy="true"]{opacity:.75;transition:opacity .16s;}
.spi-commercial-audit-levelswitch,.spi-commercial-audit-route-tabs{scroll-margin-top:120px;}
.spi-commercial-audit-levelswitch a,.spi-commercial-audit-route-tabs a{scroll-behavior:auto;transition:border-color .16s,background .16s;cursor:pointer;}
.spi-commercial-audit-route-tabs a{min-height:78px;align-content:center;}
.spi-commercial-audit-consent.spi-admin-check{line-height:1.55;max-width:780px;}
.spi-commercial-audit-consent.spi-admin-check input{flex:0 0 19px;}
.spi-commercial-audit-consent.spi-admin-check span{display:block;flex:1;}
.spi-commercial-audit-submit{min-height:48px;max-width:100%;white-space:normal;text-align:center;}
.spi-commercial-audit-submit+p.spi-admin-hint{max-width:840px;line-height:1.6;margin:12px 0 2px;color:#51627b;}
.spi-commercial-audit-editor-grid label{min-width:0;}
.spi-commercial-audit-editor-grid input,.spi-commercial-audit-editor-grid select,.spi-commercial-audit-editor-grid textarea{max-width:100%;width:100%;}
/* SPI Account & Privacy: canonical responsive component language (all profiles). */
.spi-account-settings-link{display:flex;align-items:center;gap:11px;min-height:40px;padding:9px 12px;color:#172641;text-decoration:none;font:650 12px/1.4 Inter,Arial,sans-serif;border:0;border-radius:9px;background:transparent;margin:0;transition:background .16s,color .16s}
.spi-account-settings-link>span:first-child{display:inline-flex;align-items:center;justify-content:center;width:22px;color:#8b6b35;font-size:16px}
.spi-account-settings-link:hover,.spi-account-settings-link:focus-visible,.spi-account-settings-link.is-current{background:#F2F5F9;color:#0d1a34;text-decoration:none}
.spi-account-avatar{overflow:hidden;display:inline-flex;align-items:center;justify-content:center}
.spi-account-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.spi-account-settings-account-page,.spi-account-settings-email-verify{width:min(100%,980px);margin:0 auto;padding:12px 0 68px;color:#101D3A}
.spi-account-settings-account-intro{margin:0 0 20px}
.spi-account-settings-account-intro .eyebrow,.spi-settings-kicker{display:block;color:#967230;font:750 10px/1.5 Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.spi-account-settings-account-intro h1,.spi-account-settings-email-verify h1{font:600 clamp(30px,3vw,40px)/1.18 'Playfair Display',Georgia,serif;margin:6px 0 8px;letter-spacing:-.02em;color:#101D3A}
.spi-account-settings-account-intro p{color:#61718b;font-size:13px;line-height:1.55;margin:0}
.spi-account-settings-account-hero{display:flex;align-items:center;gap:18px;padding:19px 23px;border:1px solid #e0e6ed;background:#fff;border-radius:16px;margin-bottom:18px;box-shadow:0 6px 20px rgba(7,15,34,.025);min-width:0}
.spi-settings-photo-area{flex:0 0 auto}
.spi-settings-photo-form{display:block;position:relative;margin:0}
.spi-settings-photo-input{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%)}
.spi-settings-photo-trigger{display:block;position:relative;width:80px;height:80px;border-radius:50%;cursor:pointer;box-shadow:0 0 0 3px #fff,0 0 0 5px #e2c58e;overflow:visible}
.spi-settings-photo-trigger>img,.spi-settings-photo-trigger>.spi-account-settings-avatar-fallback{width:80px;height:80px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#ead7a5;color:#101D3A;font:700 25px/1 Inter,Arial,sans-serif}
.spi-settings-photo-edit{position:absolute;right:-2px;bottom:-2px;width:29px;height:29px;display:grid;place-items:center;background:#101D3A;color:#DFC282;border:2px solid #fff;border-radius:50%;box-shadow:0 3px 9px #101d3a30;transition:transform .16s}
.spi-settings-photo-trigger:hover .spi-settings-photo-edit,.spi-settings-photo-form:focus-within .spi-settings-photo-edit{transform:scale(1.1)}
.spi-settings-photo-form:focus-within .spi-settings-photo-trigger{outline:3px solid #C5A059;outline-offset:5px}
.spi-settings-photo-save{margin-top:9px;padding:6px 9px;border:1px solid #C5A059;border-radius:6px;font:700 10px Inter,sans-serif;background:#f8f1df;color:#101D3A}
.spi-settings-photo-save[hidden]{display:none}
.spi-settings-identity{flex:1 1 auto;min-width:0}
.spi-settings-identity h2{font:600 24px/1.25 'Playfair Display',Georgia,serif;margin:2px 0 4px;color:#101D3A}
.spi-settings-identity>p{font:400 13px/1.5 Inter,sans-serif;margin:0 0 10px;color:#65768f;overflow-wrap:anywhere}
.spi-settings-status-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 13px}
.spi-account-settings-state{display:inline-flex;border-radius:999px;background:#edf7f2;color:#24684b;padding:4px 10px;font:700 10px Inter,sans-serif}
.spi-settings-photo-hint{font-size:10px;line-height:1.5;color:#6c7b92}
.spi-account-settings-account-hero>form{flex:0 0 auto;align-self:center}
.spi-settings-remove-photo{border:0;background:transparent;color:#8a6570;text-decoration:underline;cursor:pointer;padding:8px 0;font-size:11px}
.spi-settings-profile,.spi-settings-security{border:1px solid #e0e6ee;border-radius:16px;background:#fff;padding:25px 28px;box-shadow:0 7px 22px rgba(7,15,34,.026);min-width:0}
.spi-settings-security{margin-top:18px}
.spi-settings-section-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;margin:0 0 21px;padding:0 0 17px;border-bottom:1px solid #e8ecf1}
.spi-settings-section-heading h2{font:600 25px/1.25 'Playfair Display',Georgia,serif;letter-spacing:-.01em;color:#101D3A;margin:5px 0 4px}
.spi-settings-section-heading p{margin:0;color:#687993;font-size:12px;line-height:1.6}
.spi-settings-section-count{font:700 10px Inter,sans-serif;white-space:nowrap;color:#b18e51}
.spi-settings-profile>form{display:grid;gap:14px}
.spi-settings-profile form label,.spi-settings-security-body form label{display:grid;gap:7px;font:650 12px/1.4 Inter,Arial,sans-serif;color:#283957;min-width:0}
.spi-settings-profile input,.spi-settings-security-body input{width:100%;min-width:0;min-height:44px;padding:10px 13px;background:#fff;border:1px solid #d5dfeb;border-radius:8px;color:#101D3A;font:450 13px/1.5 Inter,Arial,sans-serif;box-sizing:border-box}
.spi-settings-profile input:focus-visible,.spi-settings-security-body input:focus-visible{outline:2px solid #C5A059;outline-offset:2px}
.spi-account-settings-account-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.spi-settings-save-row,.spi-settings-form-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;padding-top:14px;margin-top:2px;border-top:1px solid #e8ecf1}
.spi-settings-save-row>span,.spi-settings-form-footer>span{color:#73809a;font:400 11px/1.65 Inter,sans-serif;max-width:400px}
.spi-settings-save-row .btn,.spi-settings-form-footer .btn{min-height:42px;padding:10px 18px;white-space:normal;border-radius:8px;font-size:12px;cursor:pointer}
.spi-settings-security-options{display:grid;gap:9px}
.spi-settings-security-item{border:1px solid #e1e7ef;border-radius:11px;overflow:hidden;background:#fff}
.spi-settings-security-item>summary{display:flex;align-items:center;gap:15px;min-height:68px;padding:13px 17px;cursor:pointer;list-style:none}
.spi-settings-security-item>summary::-webkit-details-marker{display:none}
.spi-settings-security-item>summary::marker{content:''}
.spi-settings-security-item>summary:hover,.spi-settings-security-item[open]>summary{background:#f7f8fb}
.spi-settings-security-icon{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border:1px solid #e9dec9;border-radius:10px;color:#997036;background:#fcf9f2;font:750 19px Inter,sans-serif}
.spi-settings-security-item>summary>span:nth-child(2){flex:1 1 auto;min-width:0;display:grid;gap:3px}
.spi-settings-security-item>summary strong{font-size:13px;font-weight:750;color:#172643}
.spi-settings-security-item>summary small{font-size:11px;line-height:1.6;color:#75829a}
.spi-settings-security-chevron{color:#a58853;font-size:23px;line-height:1;transition:transform .16s}
.spi-settings-security-item[open] .spi-settings-security-chevron{transform:rotate(180deg)}
.spi-settings-security-body{border-top:1px solid #e7ebf1;padding:18px 20px 21px}
.spi-settings-security-body form{display:grid;gap:14px}
.spi-account-settings-status-note{padding:12px 13px;margin-bottom:14px;background:#fdf9ee;border:1px solid #e5d6b6;border-radius:9px;font-size:12px;overflow-wrap:anywhere}
.spi-account-settings-email-verify{max-width:650px;background:#fff;padding:36px;border:1px solid #dce3ec;border-radius:14px;margin-top:55px}
.spi-account-settings-email-verify p{color:#65738b;line-height:1.7}
@media(max-width:760px){.spi-account-settings-account-page{padding-top:5px}.spi-account-settings-account-hero{padding:17px}.spi-settings-profile,.spi-settings-security{padding:20px}}
@media(max-width:560px){.spi-account-settings-account-two{grid-template-columns:1fr}.spi-settings-section-heading{margin-bottom:16px}.spi-account-settings-account-hero{gap:13px;flex-wrap:wrap}.spi-settings-identity h2{font-size:21px}.spi-settings-photo-trigger,.spi-settings-photo-trigger>img,.spi-settings-photo-trigger>.spi-account-settings-avatar-fallback{width:66px;height:66px}.spi-account-settings-account-hero>form{margin-left:auto}.spi-settings-photo-hint{font-size:10px}.spi-settings-security-item>summary{padding:12px;gap:10px}.spi-settings-security-body{padding:16px}.spi-settings-save-row .btn,.spi-settings-form-footer .btn{width:100%;justify-content:center}}
.spi-commercial-audit-consent.spi-admin-check{display:flex;align-items:flex-start;gap:13px;margin:22px 0 16px;}
.spi-commercial-audit-consent.spi-admin-check input{margin:3px 0 0;width:19px;height:19px;}
@media (max-width:560px){.spi-commercial-audit-consent.spi-admin-check{gap:10px;}}
.spi-admin-workspace .spi-invoice-finance-pulse{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:20px;}
.spi-admin-workspace .spi-invoice-finance-pulse>div{background:#fff;border:1px solid #dce3ec;border-radius:12px;padding:17px 20px;display:flex;flex-direction:column;gap:5px;min-width:0;box-shadow:0 3px 14px #0b152808;}
.spi-admin-workspace .spi-invoice-finance-pulse strong{font:700 28px/1.1 Inter,Arial,sans-serif;color:var(--ds-color-navy-900);}
.spi-admin-workspace .spi-invoice-finance-pulse span{font-size:12px;color:#62738a;line-height:1.6;}
.spi-admin-workspace .spi-invoice-section .spi-admin-section-title{align-items:center;gap:20px;}
.spi-admin-workspace .spi-invoice-section h2{margin:6px 0 0;}
.spi-admin-workspace .spi-invoice-section .eyebrow{font-size:10px;color:#8f6929;letter-spacing:.12em;font-weight:800;}
.spi-admin-workspace .spi-invoice-section-intro{font-size:13.5px;color:#61728b;line-height:1.75;max-width:920px;margin:0 0 18px;}
.spi-admin-workspace .spi-invoice-quiet-state{background:#f7f9fc;border:1px solid #dce4ef;border-radius:10px;padding:17px 19px;color:#556985;font-size:13px;line-height:1.7;}
.spi-admin-workspace .spi-invoice-quiet-state strong{font-size:14px;color:var(--ds-color-navy-900);}
.spi-admin-workspace .spi-invoice-quiet-state p{margin:5px 0;}
.spi-admin-workspace .spi-invoice-invoice-form{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.75fr);gap:15px;margin:20px 0;}
.spi-admin-workspace .spi-invoice-invoice-form label{gap:8px;font-size:12px;font-weight:750;}
.spi-admin-workspace .spi-invoice-invoice-submit{display:flex;align-items:center;gap:15px;flex-wrap:wrap;}
.spi-admin-workspace .spi-invoice-invoice-submit .btn{min-height:46px;padding:12px 18px;}
.spi-admin-workspace .spi-invoice-invoice-submit span{font-size:12px;color:#697a90;max-width:420px;line-height:1.65;}
.spi-admin-workspace .spi-invoice-finance-audit summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;}
.spi-admin-workspace .spi-invoice-finance-audit summary::-webkit-details-marker{display:none;}
.spi-admin-workspace .spi-invoice-finance-audit summary::after{content:"⌄";font-size:22px;color:#8c702e;line-height:1;}
.spi-admin-workspace .spi-invoice-finance-audit[open] summary::after{content:"⌃";}
.spi-admin-workspace .spi-invoice-finance-audit summary>span:first-child{display:grid;gap:5px;flex:1;}
.spi-admin-workspace .spi-invoice-finance-audit summary strong{font:700 23px/1.3 "Playfair Display",Georgia,serif;color:var(--ds-color-navy-900);}
.spi-admin-workspace .spi-invoice-audit-body{padding-top:20px;}
.spi-admin-workspace .spi-invoice-audit-body>p{color:#66748a;font-size:13px;line-height:1.65;}
.spi-admin-workspace .spi-invoice-payment-queue form{max-width:550px;}
.spi-admin-workspace .spi-invoice-payment-queue .spi-admin-inline-label{flex:1;min-width:210px;}
.spi-admin-workspace .spi-invoice-check{cursor:pointer;min-width:0;}
.spi-admin-workspace .spi-invoice-check input[type=checkbox]{accent-color:#ac873e;}
.spi-admin-workspace .spi-invoice-check span{flex:1;display:block;font-weight:550;}
.spi-admin-workspace .spi-invoice-confirm-footer{display:grid;gap:16px;padding:20px 23px 18px;margin-top:23px;background:#f8fafc;border:1px solid #e0e7f0;border-radius:11px;}
.spi-admin-workspace .spi-invoice-final-action{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding-left:31px;}
.spi-admin-workspace .spi-invoice-final-action p{margin:0;color:#61718a;font-size:12px;max-width:750px;line-height:1.65;}
.spi-admin-workspace .spi-invoice-final-action .spi-commercial-audit-submit{padding:12px 20px;min-height:46px;max-width:100%;font-weight:750;}
.spi-admin-workspace .spi-invoice-prior-hint{display:block;color:#697993;font-size:10.5px;line-height:1.4;max-width:140px;}
.spi-admin-workspace .spi-invoice-override{width:100%;text-align:left;border-top:1px solid #dbe2ec;margin-top:4px;padding-top:9px;}
.spi-admin-workspace .spi-invoice-override summary{cursor:pointer;text-align:center;display:block;font-size:11px;font-weight:800;color:#765923;white-space:normal;}
.spi-admin-workspace .spi-invoice-override[open]{grid-column:1/-1;position:relative;z-index:1;background:#fff;border:1px solid #c9ae75;border-radius:9px;padding:11px;margin-top:4px;width:min(300px,70vw);box-shadow:0 8px 24px #101d3a14;}
.spi-admin-workspace .spi-invoice-override form{display:grid;gap:9px;width:100%;margin:12px 0 0;text-align:left;}
.spi-admin-workspace .spi-invoice-override form label{display:grid;gap:7px;font-size:11px;}
.spi-admin-workspace .spi-invoice-override button{width:100%;white-space:normal;}
.spi-admin-workspace .spi-admin-module{justify-content:flex-start;min-height:108px;}
.spi-admin-workspace .spi-admin-module-grid{align-items:stretch;}
.spi-invoice-wrap{min-width:0;}
.spi-invoice-wrap .spi-invoice-document td{overflow-wrap:anywhere;}
.spi-invoice-wrap .spi-invoice-document p{max-width:100%;}
@media (max-width:900px){.spi-admin-workspace .spi-invoice-finance-pulse{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:900px){.spi-admin-workspace .spi-invoice-invoice-form{grid-template-columns:1fr;}}
@media (max-width:650px){.spi-admin-workspace .spi-invoice-finance-pulse{grid-template-columns:1fr;}}
@media (max-width:650px){.spi-admin-workspace .spi-invoice-finance-pulse>div{padding:14px 16px;}}
@media (max-width:650px){.spi-admin-workspace .spi-invoice-finance-audit summary{flex-wrap:wrap;}}
@media (max-width:650px){.spi-admin-workspace .spi-invoice-final-action{padding-left:0;}}
@media (max-width:650px){.spi-admin-workspace .spi-invoice-confirm-footer{padding:15px;}}
@media (max-width:650px){.spi-admin-workspace .spi-invoice-final-action .spi-commercial-audit-submit{width:100%;}}
@media (max-width:650px){.spi-admin-workspace .spi-invoice-invoice-submit .btn{width:100%;}}
@media (max-width:650px){.spi-admin-workspace .spi-invoice-override[open]{width:min(270px,83vw);}}
@media print{.spi-invoice-document{break-inside:avoid;}}
.spi-admin-workspace .spi-invoice-recent-invoices{border-top:1px solid #e4e9f1;margin-top:26px;padding-top:16px;}
.spi-admin-workspace .spi-invoice-recent-invoices summary{font-weight:750;color:#6f5321;cursor:pointer;margin-bottom:12px;}
.spi-admin-workspace .spi-invoice-recent-invoices .spi-admin-table td{vertical-align:middle;}
.spi-admin-workspace .spi-invoice-check{display:flex;flex-direction:row;align-items:flex-start;gap:11px;font-size:13px;font-weight:600;color:#273b59;line-height:1.65;}
.spi-admin-workspace .spi-invoice-check input[type=checkbox]{display:block;flex:0 0 20px;width:20px;height:20px;min-height:20px;max-width:20px;margin:2px 0 0;}
.spi-admin-workspace .spi-invoice-override textarea{min-height:67px;font-size:12px;}
.spi-admin-workspace .spi-invoice-override .spi-invoice-check{font-size:11px;gap:7px;}
.spi-admin-workspace .spi-invoice-override .spi-invoice-check input{width:17px;height:17px;min-height:17px;flex-basis:17px;}
.spi-invoice-wrap{padding:0;background:transparent;}
.spi-invoice-wrap .spi-invoice-document{box-shadow:0 22px 52px #0b193014;border-color:#d6dfed;border-radius:15px;}
.spi-invoice-wrap .spi-invoice-document h1{letter-spacing:-.025em;}
.spi-invoice-wrap .spi-invoice-document table{min-width:0;}
@media print{.spi-invoice-wrap .spi-invoice-document{box-shadow:none;border:1px solid #bdc8d8;max-width:100%;}}
@media print{.spi-invoice-actions{display:none;}}
.spi-inline-01dfd786e083{margin-top:25px;}
.spi-inline-0b797e87cc40{gap:7px;}
.spi-inline-0e001e227c06{margin:12px 0;}
.spi-inline-2bdf8e45fdfc{margin-top:18px;}
.spi-inline-36b263a0e0a5{color:#c3c7ce;}
.spi-inline-3f0497fe7089{gap:6px;}
.spi-inline-43a97fe4943c{margin-top:8px;}
.spi-inline-4760e0040bbf{font-family:Georgia,serif;font-size:25px;color:#f4e6c8;}
.spi-inline-4d44fbe3cceb{gap:22px;}
.spi-inline-50e10db41818{color:#b4bac4;}
.spi-inline-54cf953cb486{color:#c6a967;}
.spi-inline-57d61896e049{margin-bottom:18px;border-top:3px solid var(--ds-color-gold-500);}
.spi-inline-596237ff2cbc{display:block;white-space:normal;margin:6px 0 8px;}
.spi-inline-62d13db6ae4e{font-size:17px;}
.spi-inline-9d8d7170810a{max-width:520px;}
.spi-inline-c3289449b461{gap:16px;}
.spi-inline-c53ea1da2385{margin-top:14px;}
.spi-inline-e3da2ddf2b73{color:var(--gold2);}
.spi-inline-eee3f850c9f4{margin-top:20px;}
.spi-inline-f05517f49eeb{width:8.33%;}
#spiFinalProgressBar{width:8.33%;}
.spi-learning-panel{background:#fff;border:1px solid var(--ds-color-line);border-radius:var(--ds-radius-lg);padding:clamp(20px,2.4vw,32px);margin-block:0 var(--ds-space-5);min-width:0;}
.spi-learning-eyebrow{font:700 12px/1.4 var(--ds-font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ds-color-gold-700);}
.spi-learning-h1{font:700 clamp(30px,3.1vw,42px)/1.18 var(--ds-font-heading);color:var(--ds-color-text);letter-spacing:-.02em;}
.spi-learning-h2{font:700 clamp(23px,2.4vw,29px)/1.28 var(--ds-font-heading);color:var(--ds-color-text);}
.spi-learning-h3{font:700 clamp(18px,1.7vw,22px)/1.36 var(--ds-font-body);color:var(--ds-color-text);}
.spi-learning-body{font:400 var(--ds-type-body)/1.72 var(--ds-font-body);color:var(--ds-color-body);}
.spi-learning-help{font:400 var(--ds-type-help)/1.58 var(--ds-font-body);color:var(--ds-color-muted);}
.spi-learning-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.spi-learning-focus:focus-visible, .spi-learning-panel :is(a,button,input,select,textarea):focus-visible{outline:3px solid var(--ds-color-gold-500);outline-offset:2px;}
.spi-learning-empty{padding:12px 16px;border:1px dashed var(--ds-color-line);border-radius:10px;color:var(--ds-color-muted);}
body.spi-module-route :is(.panel,.spi-kt-work-panel,.spi-kt-stage){min-width:0;overflow-wrap:break-word;}
body.spi-module-route :is(input,textarea,select,button){font-family:var(--ds-font-body);max-width:100%;}
body.spi-module-route :is(.spi-kt-kicker,.eyebrow){letter-spacing:.095em;}
@media (max-width:760px){.spi-learning-grid-2{grid-template-columns:1fr;}}
@media (max-width:760px){.spi-learning-panel{padding:18px;}}
@media (max-width:760px){.spi-learning-h1{font-size:clamp(27px,6.5vw,34px);}}
body.spi-module-route:not(.spi-module-reader-mode) :is(.hero--card,.viewhead) :is(h1,h2){font-family:var(--ds-font-heading);color:var(--ds-color-text);font-weight:700;letter-spacing:-.02em;line-height:1.22;}
body.spi-module-route:not(.spi-module-reader-mode) .hero--card h1{font-size:clamp(30px,3.1vw,42px);}
body.spi-module-route:not(.spi-module-reader-mode) .viewhead h2{font-size:clamp(25px,2.5vw,32px);}
body.spi-module-route:not(.spi-module-reader-mode) .panel > h2{font-family:var(--ds-font-body);font-size:clamp(20px,1.9vw,24px);font-weight:700;line-height:1.34;}
body.spi-module-route:not(.spi-module-reader-mode) :is(.viewhead,.hero--card,.panel) :is(p,li){overflow-wrap:break-word;}
body.spi-module-route:not(.spi-module-reader-mode) .description{color:var(--ds-color-body);line-height:1.72;}
body.spi-module-route:not(.spi-module-reader-mode) .panel{border-radius:var(--ds-radius-lg);}
body.spi-module-route:not(.spi-module-reader-mode) :is(.panel, .spi-kt-stage) :is(input,select,textarea){min-width:0;box-sizing:border-box;}
body.spi-module-route:not(.spi-module-reader-mode) :is(.panel,.spi-kt-stage) :is(summary,button,a){scroll-margin-top:92px;}
body.spi-module-route:not(.spi-module-reader-mode){--spi-activity-content-max:1160px;--spi-activity-field-radius:11px;}
body.spi-module-route:not(.spi-module-reader-mode) :is(.spi-kt-steps,.spi-work-guide,.spi-guided-result,.spi-example-panel,.spi-toolkit-progress-panel){scroll-margin-top:96px;}
body.spi-module-route:not(.spi-module-reader-mode) :is(input,select,textarea){accent-color:var(--ds-color-gold-700);}
body.spi-module-route:not(.spi-module-reader-mode) :is(button,a,summary,[role="button"]):focus-visible{outline:3px solid var(--ds-color-gold-500);outline-offset:3px;}
body.spi-module-route:not(.spi-module-reader-mode) :is(.spi-learning-panel,.spi-kt-intro,.spi-kt-route,.spi-kt-case,.spi-kt-stage){min-width:0;}
@media (max-width:760px){body.spi-module-route:not(.spi-module-reader-mode) :is(.spi-learning-panel,.spi-kt-intro,.spi-kt-route,.spi-kt-case){overflow-wrap:break-word;}}
@media (max-width:760px){body.spi-module-route:not(.spi-module-reader-mode) :is(input,select,textarea){max-width:100%;}}
body.spi-module-route{--spi-active-text:var(--ds-color-text);--spi-active-muted:var(--ds-color-muted);}
body.spi-module-route .spi-activity-shell{max-width:var(--ds-content-width);margin:0 0 var(--ds-space-5);background:var(--ds-color-surface);border:1px solid var(--ds-color-line);border-radius:var(--ds-radius-lg);padding:var(--ds-space-4) var(--ds-space-5);color:var(--ds-color-text);font-family:var(--ds-font-body);box-shadow:var(--ds-shadow-panel);}
.spi-activity-shell-top{display:flex;gap:var(--ds-space-4);align-items:center;justify-content:space-between;flex-wrap:wrap;}
.spi-activity-eyebrow{font-size:12px;letter-spacing:.095em;font-weight:750;color:var(--ds-color-gold-700);}
.spi-activity-return{font-size:13px;font-weight:700;color:var(--ds-color-navy-800);text-decoration:underline;text-underline-offset:3px;}
.spi-activity-stages{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--ds-space-2);list-style:none;margin:var(--ds-space-4) 0 var(--ds-space-2);padding:0;}
.spi-activity-step{min-width:0;padding:var(--ds-space-3);border:1px solid var(--ds-color-line);border-radius:var(--ds-radius-sm);font-size:12px;line-height:1.45;color:var(--ds-color-muted);display:flex;gap:var(--ds-space-2);align-items:center;}
.spi-activity-step-index{flex:none;font-size:12px;font-weight:800;color:var(--ds-color-gold-700);}
.spi-activity-step.is-current{border-color:var(--ds-color-gold-500);background:#FFF9EB;color:var(--ds-color-navy-900);font-weight:750;}
.spi-activity-access-note{font-size:12px;line-height:1.5;color:var(--ds-color-muted);margin:0;}
.spi-activity-shell :is(a,button):focus-visible{outline:var(--ds-focus-ring);outline-offset:3px;}
body.spi-module-toolkit .spi-kt-intro,body.spi-module-toolkit .spi-kt-route,body.spi-module-toolkit .spi-kt-case{max-width:100%;min-width:0;overflow-wrap:anywhere;}
body.spi-module-toolkit .spi-kt-lens-grid > *{min-width:0;}
body.spi-module-toolkit .spi-kt-progress{min-width:0;}
body.spi-module-reader-mode .spi-gcr-reading .spi-native-academic-reading{font-family:var(--ds-font-body);color:var(--ds-color-body);}
body.spi-module-reader-mode .spi-gcr-reading :is(.table-wrap,.table-scroll,.spi-compact-table-scroll,.spi-practice-table-scroll){max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;}
body.spi-module-reader-mode .spi-gcr-reading table{max-width:100%;}
@media (max-width:1020px){.spi-activity-stages{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:620px){body.spi-module-route .spi-activity-shell{padding:var(--ds-space-3);}}
@media (max-width:620px){.spi-activity-stages{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:620px){.spi-activity-step{padding:var(--ds-space-2);}}
@media (max-width:620px){.spi-activity-shell-top{align-items:flex-start;}}
@media (prefers-reduced-motion:reduce){.spi-activity-shell *{scroll-behavior:auto;transition-duration:0.01ms;}}
@media print{.spi-activity-shell{display:none;}}
body.spi-module-toolkit :is(.spi-kt-header,.spi-kt-intro,.spi-kt-route,.spi-kt-case,.spi-kt-progress,.spi-kt-work-panel){box-sizing:border-box;max-width:100%;min-width:0;margin-bottom:var(--ds-space-5);border-radius:var(--ds-radius-lg);}
body.spi-module-toolkit .spi-kt-header{background:var(--ds-color-navy-900);padding:clamp(24px,3vw,36px);color:white;}
body.spi-module-toolkit .spi-kt-header h1{font:700 var(--ds-type-h1)/1.2 var(--ds-font-heading);color:white;margin:var(--ds-space-3) 0;}
body.spi-module-toolkit .spi-kt-header .eyebrow{color:var(--ds-color-gold-300);}
body.spi-module-toolkit .spi-kt-header>p{color:#DFE7F3;line-height:1.68;}
body.spi-module-toolkit .spi-kt-header-footer{display:flex;flex-wrap:wrap;gap:var(--ds-space-2);}
body.spi-module-toolkit .spi-kt-header-chip{background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.2);padding:6px 11px;border-radius:50px;font-size:12px;}
body.spi-module-toolkit :is(.spi-kt-intro,.spi-kt-route,.spi-kt-case){background:white;border:1px solid var(--ds-color-line);padding:clamp(20px,2.3vw,30px);box-shadow:var(--ds-shadow-panel);}
body.spi-module-toolkit .spi-kt-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:var(--ds-space-7);}
body.spi-module-toolkit .spi-kt-intro h2,body.spi-module-toolkit .spi-kt-case-context h2{font:700 var(--ds-type-h2)/1.3 var(--ds-font-heading);color:var(--ds-color-text);}
body.spi-module-toolkit .spi-kt-intro :is(p,li),body.spi-module-toolkit .spi-kt-case-context p{line-height:1.7;overflow-wrap:anywhere;}
body.spi-module-toolkit .spi-kt-outcome{border-left:2px solid var(--ds-color-gold-500);padding-left:var(--ds-space-5);min-width:0;}
body.spi-module-toolkit .spi-kt-kicker{font-size:12px;font-weight:750;color:var(--ds-color-gold-700);letter-spacing:.08em;}
body.spi-module-toolkit .spi-kt-route-intro{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,1.5fr);gap:var(--ds-space-5);align-items:center;}
body.spi-module-toolkit .spi-kt-route-intro :is(p,h2){margin-block:0 var(--ds-space-3);}
body.spi-module-toolkit .spi-kt-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ds-space-2);}
body.spi-module-toolkit .spi-kt-steps a{display:grid;gap:var(--ds-space-2);padding:var(--ds-space-3);border:1px solid var(--ds-color-line);border-radius:var(--ds-radius-sm);color:var(--ds-color-navy-900);text-decoration:none;font-size:13px;min-height:65px;}
body.spi-module-toolkit .spi-kt-steps a:hover{background:var(--ds-color-soft);border-color:var(--ds-color-gold-500);}
body.spi-module-toolkit .spi-kt-steps a:focus-visible{outline:var(--ds-focus-ring);outline-offset:2px;}
body.spi-module-toolkit .spi-kt-lens-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-3);}
body.spi-module-toolkit .spi-kt-lens-grid>*{padding:var(--ds-space-4);background:var(--ds-color-soft);border:1px solid var(--ds-color-line);border-radius:var(--ds-radius-sm);}
body.spi-module-toolkit .spi-kt-lens-grid :is(b,span){display:block;margin-bottom:var(--ds-space-2);overflow-wrap:anywhere;}
body.spi-module-toolkit .spi-kt-lens-grid a{text-decoration:none;color:var(--ds-color-navy-900);}
body.spi-module-toolkit .spi-kt-example{padding:var(--ds-space-4);border-radius:var(--ds-radius-sm);border:1px solid var(--ds-color-line);margin-top:var(--ds-space-4);}
body.spi-module-toolkit .spi-kt-example summary{cursor:pointer;font-weight:750;color:var(--ds-color-navy-900);}
body.spi-module-toolkit .spi-kt-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-4);margin-top:var(--ds-space-4);}
@media (max-width:900px){body.spi-module-toolkit :is(.spi-kt-intro,.spi-kt-route-intro){grid-template-columns:1fr;}}
@media (max-width:900px){body.spi-module-toolkit .spi-kt-outcome{padding-left:0;padding-top:var(--ds-space-4);border-left:0;border-top:2px solid var(--ds-color-gold-500);}}
@media (max-width:700px){body.spi-module-toolkit .spi-kt-lens-grid{grid-template-columns:1fr;}}
@media (max-width:700px){body.spi-module-toolkit .spi-kt-steps{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:700px){body.spi-module-toolkit .spi-kt-example-grid{grid-template-columns:1fr;}}
.spi-level1-deep-dive{margin-bottom:var(--ds-space-5);background:#fff;border:1px solid var(--ds-color-line);padding:var(--ds-space-4);}
.spi-level1-deep-dive>summary{cursor:pointer;font:750 15px/1.5 var(--ds-font-body);color:var(--ds-color-navy-900);padding:var(--ds-space-2) 0;}
.spi-level1-deep-dive>summary:focus-visible{outline:var(--ds-focus-ring);outline-offset:2px;}
.spi-level1-deep-dive[open]>summary{border-bottom:1px solid var(--ds-color-line);margin-bottom:var(--ds-space-4);}
body.spi-module-reader-mode .spi-gcr-reading .spi-native-academic-reading > .spi-level1-reading{font-family:var(--ds-font-body);font-size:var(--ds-type-body);line-height:1.72;color:var(--ds-color-body);}
body.spi-module-reader-mode .spi-gcr-reading .spi-native-academic-reading > .spi-level1-reading :is(p,li,dd){font-family:var(--ds-font-body);font-size:16px;line-height:1.72;}
body.spi-module-reader-mode .spi-gcr-reading .spi-native-academic-reading > .spi-level1-reading :is(h2,h3){font-family:var(--ds-font-heading);font-weight:700;letter-spacing:-.015em;}
body.spi-module-reader-mode .spi-gcr-reading .spi-native-academic-reading > .spi-level1-reading h2{font-size:34px;line-height:1.24;}
body.spi-module-reader-mode .spi-gcr-reading .spi-native-academic-reading > .spi-level1-reading h3{font-size:24px;line-height:1.32;}
@media (max-width:1020px){body.spi-module-reader-mode .spi-gcr-reading .spi-native-academic-reading > .spi-level1-reading h2{font-size:26px;}}
@media (max-width:620px){body.spi-module-reader-mode .spi-gcr-reading .spi-native-academic-reading > .spi-level1-reading h2{font-size:24px;}}
@media (max-width:620px){body.spi-module-reader-mode .spi-gcr-reading .spi-native-academic-reading > .spi-level1-reading h3{font-size:20px;}}
.spi-kt-header h1{font-family:var(--ds-font-heading);font-size:var(--ds-type-h1);line-height:1.24;}
.spi-kt-intro h2,.spi-kt-route h2,.spi-kt-case h2,.spi-toolkit-progress-panel h2{font-family:var(--ds-font-heading);font-size:var(--ds-type-h2);line-height:1.35;}
.spi-kt-case h3,.spi-kt-outcome h3,.spi-toolkit-context h3{font-family:var(--ds-font-body);font-size:var(--ds-academic-detail-size);line-height:1.45;}
.spi-kt-route,.spi-kt-case,.spi-kt-intro,.spi-kt-submit{margin-block:var(--ds-space-6);}
.spi-kt-steps a:focus-visible,.spi-kt-text-link:focus-visible{outline:var(--ds-focus-ring);outline-offset:3px;}
.spi-activity-guidance{margin-block:var(--ds-space-4);padding:var(--ds-space-3) var(--ds-space-4);border:1px solid var(--ds-academic-rule);border-radius:var(--ds-radius-md);background:var(--ds-color-soft);color:var(--ds-color-text);}
.spi-activity-guidance summary{cursor:pointer;color:var(--ds-color-navy-900);font:700 var(--ds-type-help)/1.5 var(--ds-font-body);}
.spi-activity-guidance-content{padding-top:var(--ds-space-3);font:400 15px/1.7 var(--ds-font-body);max-width:var(--ds-academic-measure);}
.spi-activity-guidance-content p{margin-block:0 var(--ds-space-3);}
.spi-activity-guidance-content ol{padding-left:var(--ds-space-5);margin-block:var(--ds-space-3);}
.spi-activity-guidance-content li+li{margin-top:var(--ds-space-2);}
.spi-activity-guidance-boundary{border-left:3px solid var(--ds-color-gold-500);padding-left:var(--ds-space-3);}
.spi-activity-guidance :is(summary,a):focus-visible{outline:var(--ds-focus-ring);outline-offset:3px;}
.spi-academic-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:clamp(12px,1.15vw,16px);margin:16px 0 6px;min-width:0;}
.spi-academic-flow[data-spi-flow="four"]{grid-template-columns:repeat(4,minmax(0,1fr));}
.spi-academic-flow>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;min-width:0;min-height:162px;padding:clamp(15px,1.4vw,19px);background:var(--ds-color-surface);border:1px solid #dfd9cb;border-top:3px solid var(--ds-color-gold-500);border-radius:14px;box-shadow:0 5px 16px rgba(16,29,58,.045);}
.spi-academic-flow>div>span{display:block;color:#8c672b;font-family:var(--ds-font-body);font-size:12px;line-height:1.4;font-weight:750;letter-spacing:.085em;text-transform:uppercase;}
.spi-academic-flow>div>:is(strong,b){display:block;margin:0;color:var(--ds-color-navy-900);font-family:var(--ds-font-body);font-size:16px;line-height:1.36;font-weight:750;letter-spacing:0;}
.spi-academic-flow>div>small{display:block;margin:0;color:#40516a;font-family:var(--ds-font-body);font-size:15px;line-height:1.62;font-weight:400;letter-spacing:0;}
.spi-academic-flow>div.lane-owner{background:var(--ds-color-navy-900);border-color:var(--ds-color-navy-900);border-top-color:var(--ds-color-gold-500);}
.spi-academic-flow>div.lane-owner>span{color:var(--ds-color-gold-300);}
.spi-academic-flow>div.lane-owner>:is(strong,b){color:var(--ds-color-on-inverse);}
.spi-academic-flow>div.lane-owner>small{color:#e4e9f1;}
@media (max-width:1120px){.spi-academic-flow,
  .spi-academic-flow[data-spi-flow="four"]{grid-template-columns:repeat(2,minmax(0,1fr));}
.spi-academic-flow>div{min-height:140px;}}
@media (max-width:600px){.spi-academic-flow,
  .spi-academic-flow[data-spi-flow="four"]{grid-template-columns:minmax(0,1fr);gap:10px;}
.spi-academic-flow>div{min-height:0;padding:16px;}}
}
@layer ds-utilities{
/* SPI R2.5: final design contract. Applies to every level and any future program. */
:root {
  --ds-program-accent:var(--ds-color-gold-500);
  --ds-reader-body-size:16px;
  --ds-reader-body-line:1.72;
  --ds-reader-h2-size:34px;
  --ds-reader-h3-size:24px;
}
body.spi-module-route :is(.spi-activity-shell,.spi-kt-intro,.spi-kt-route,.spi-kt-case,.spi-toolkit-progress-panel){max-width:100%;min-width:0;box-sizing:border-box;}
body.spi-module-route :is(.spi-activity-shell,.spi-kt-intro,.spi-kt-route,.spi-kt-case,.spi-toolkit-progress-panel) :is(button,input,textarea,select){font-family:var(--ds-font-body);}
body.spi-module-route .spi-activity-shell{background:var(--ds-color-surface);border:1px solid var(--ds-color-line);border-radius:var(--ds-radius-lg);padding:var(--ds-space-4);}
body.spi-module-route .spi-activity-stages{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--ds-space-2);}
body.spi-module-route .spi-activity-step{min-width:0;overflow-wrap:anywhere;}
body.spi-module-route .spi-activity-step.is-current{background:#FFF9EB;border-color:var(--ds-program-accent);color:var(--ds-color-navy-900);}
body.spi-module-route .spi-kt-header h1{font-family:var(--ds-font-heading);font-size:var(--ds-type-h1);line-height:1.22;}
body.spi-module-route .spi-kt-intro h2,body.spi-module-route .spi-kt-case-context h2{font-family:var(--ds-font-heading);font-size:var(--ds-type-h2);line-height:1.3;}
body.spi-module-route .spi-kt-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ds-space-2);}
body.spi-module-route .spi-kt-lens-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-3);}
body.spi-module-reader-mode .spi-gcr-reading .spi-native-academic-reading>.spi-unified-reading{font-family:var(--ds-font-body);font-size:var(--ds-reader-body-size);line-height:var(--ds-reader-body-line);color:var(--ds-color-body);min-width:0;overflow-wrap:break-word;}
body.spi-module-reader-mode .spi-gcr-reading .spi-native-academic-reading>.spi-unified-reading :is(p,li,dd,blockquote){font-family:var(--ds-font-body);font-size:var(--ds-reader-body-size);line-height:var(--ds-reader-body-line);}
body.spi-module-reader-mode .spi-gcr-reading .spi-native-academic-reading>.spi-unified-reading :is(h2,h3,h4){font-family:var(--ds-font-heading);letter-spacing:-.015em;font-weight:700;}
body.spi-module-reader-mode .spi-gcr-reading .spi-native-academic-reading>.spi-unified-reading h2{font-size:var(--ds-reader-h2-size);line-height:1.24;}
body.spi-module-reader-mode .spi-gcr-reading .spi-native-academic-reading>.spi-unified-reading h3{font-size:var(--ds-reader-h3-size);line-height:1.32;}
body.spi-module-reader-mode .spi-gcr-reading .spi-native-academic-reading>.spi-unified-reading :is(.table-wrap,.table-scroll){max-width:100%;overflow-x:auto;}
body.spi-module-reader-mode .spi-gcr-reading .spi-native-academic-reading>.spi-unified-reading table{max-width:100%;}
@media(max-width:1020px){:root{--ds-reader-h2-size:26px;}body.spi-module-route .spi-activity-stages{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:700px){body.spi-module-route .spi-kt-lens-grid{grid-template-columns:1fr;}body.spi-module-route .spi-kt-steps{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){:root{--ds-reader-h2-size:24px;--ds-reader-h3-size:20px;}body.spi-module-route .spi-activity-stages{grid-template-columns:repeat(2,minmax(0,1fr));}body.spi-module-reader-mode .spi-gcr-reading .spi-native-academic-reading>.spi-unified-reading{max-width:100%;}}
@media print{body.spi-module-route .spi-activity-shell{display:none;}}

/* Responsive data tables preserve all columns, including future modules/programs. */
body.spi-module-reader-mode .spi-unified-reading .spi-ds-table-scroll {max-width:100%;width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;}
body.spi-module-reader-mode .spi-unified-reading .spi-ds-table-scroll table {width:max-content;max-width:none;min-width:100%;border-collapse:collapse;}
body.spi-module-reader-mode .spi-unified-reading .spi-ds-table-scroll:focus-visible {outline:var(--ds-focus-ring);outline-offset:2px;}

.spi-invoice-account-label{text-align:left;vertical-align:top;font-size:14px;line-height:1.65;color:#5a6981;padding:6px 8px 6px 0;}
.spi-invoice-account-value{text-align:left;vertical-align:top;font-size:15px;line-height:1.6;font-weight:700;padding:6px 0;overflow-wrap:anywhere;}
.spi-invoice-bank-label{width:41%;text-align:left;vertical-align:top;font-size:14px;line-height:1.65;color:#5a6981;padding:6px 8px 6px 0;}
.spi-invoice-bank-table{width:100%;border-collapse:collapse;table-layout:fixed;}
.spi-invoice-bank-value{text-align:left;vertical-align:top;font-size:15px;line-height:1.6;font-weight:700;padding:6px 0;overflow-wrap:anywhere;}
.spi-invoice-body-cell{padding:30px 34px 32px;text-align:left;}
.spi-invoice-detail-caption{font-size:14px;color:#61718b;margin:0 0 6px;line-height:1.5;}
.spi-invoice-document{max-width:720px;width:100%;margin:0 auto;background:var(--ds-color-surface);border:1px solid #dee5ef;border-radius:10px;overflow:hidden;color:var(--ds-color-navy-900);font-family:Arial,Helvetica,sans-serif;text-align:left;box-sizing:border-box;}
.spi-invoice-document-subtitle{margin:0;color:#dce5f3;font-size:15px;line-height:1.5;}
.spi-invoice-document-title{color:#fff;margin:0 0 9px;font-family:Georgia,serif;font-size:34px;font-weight:700;line-height:1.17;text-align:left;}
.spi-invoice-eyebrow{color:var(--ds-color-gold-300);margin:0 0 11px;font-size:12px;letter-spacing:1.8px;font-weight:700;line-height:1.5;}
.spi-invoice-footnote{margin:26px 0 0;border-top:1px solid #e4e9f0;padding-top:16px;color:#65758b;font-size:12px;line-height:1.65;}
.spi-invoice-holder-label{text-align:left;vertical-align:top;font-size:14px;line-height:1.65;color:#5a6981;padding:6px 8px 6px 0;}
.spi-invoice-holder-value{text-align:left;vertical-align:top;font-size:15px;line-height:1.6;font-weight:700;padding:6px 0;overflow-wrap:anywhere;}
.spi-invoice-instructions{margin:14px 0 0;color:#455773;font-size:14px;line-height:1.7;}
.spi-invoice-invoice-number{font-size:19px;font-weight:700;color:var(--ds-color-navy-900);margin:0 0 17px;line-height:1.4;overflow-wrap:anywhere;}
.spi-invoice-line-amount{padding:16px 0 5px 8px;width:38%;text-align:right;vertical-align:top;font-size:16px;font-weight:700;line-height:1.45;white-space:nowrap;}
.spi-invoice-line-items{width:100%;table-layout:fixed;border-collapse:collapse;border-top:1px solid #e1e7ee;border-bottom:1px solid #e1e7ee;}
.spi-invoice-line-note{padding:0 0 16px;text-align:left;color:#66758a;font-size:13px;line-height:1.55;}
.spi-invoice-line-title{font-size:15px;line-height:1.45;color:var(--ds-color-navy-900);}
.spi-invoice-line-title-cell{padding:16px 8px 5px 0;width:62%;text-align:left;vertical-align:top;}
.spi-invoice-masthead{background:var(--ds-color-navy-950);border-bottom:4px solid var(--ds-color-gold-500);padding:30px 34px;text-align:left;}
.spi-invoice-metadata-label{margin:0 0 5px;color:#62738b;font-size:13px;line-height:1.5;}
.spi-invoice-metadata-label-alt{margin:0 0 5px;color:#62738b;font-size:13px;line-height:1.5;}
.spi-invoice-metadata-primary{vertical-align:top;padding:0 12px 0 0;width:50%;text-align:left;}
.spi-invoice-metadata-secondary{vertical-align:top;padding:0 0 0 12px;width:50%;text-align:left;}
.spi-invoice-metadata-table{border-collapse:collapse;width:100%;table-layout:fixed;margin:0 0 23px;}
.spi-invoice-metadata-value{margin:0;font-size:15px;font-weight:700;line-height:1.5;}
.spi-invoice-missing-bank-note{font-size:14px;line-height:1.65;margin:0;color:#8b5326;}
.spi-invoice-payer-email{margin:0;color:#607089;font-size:13px;line-height:1.5;overflow-wrap:anywhere;}
.spi-invoice-payer-name{margin:0 0 3px;font-size:15px;font-weight:700;line-height:1.5;overflow-wrap:anywhere;}
.spi-invoice-payment-cell{padding:20px 22px;text-align:left;}
.spi-invoice-payment-heading{font-family:Arial,Helvetica,sans-serif;color:var(--ds-color-navy-900);margin:0 0 13px;font-size:18px;line-height:1.4;font-weight:700;}
.spi-invoice-payment-note{font-size:14px;color:#465875;line-height:1.65;margin:0;}
.spi-invoice-payment-panel{width:100%;table-layout:fixed;border-collapse:collapse;background:#f7f9fc;border:1px solid #dfe6f0;border-radius:6px;}
.spi-invoice-payment-status-neutral{margin:8px 0 24px;padding:12px 15px;background:#f8f5eb;border:1px solid #e9debf;border-radius:8px;color:#705323;line-height:1.5;font-size:14px;}
.spi-invoice-payment-status-success{margin:8px 0 24px;padding:12px 15px;background:#edf7f1;border:1px solid #b9d8c5;border-radius:8px;color:#286044;line-height:1.5;font-size:14px;}
.spi-invoice-portal-cell{border-radius:5px;background:var(--ds-color-gold-500);}
.spi-invoice-portal-link{display:block;padding:14px 20px;font-size:14px;font-weight:700;text-decoration:none;color:var(--ds-color-navy-900);line-height:1.5;}
.spi-invoice-portal-table{border-collapse:collapse;margin-top:24px;}
.spi-invoice-section-label{font-size:12px;letter-spacing:1.35px;font-weight:700;color:#967032;margin:0 0 14px;line-height:1.5;}
.spi-invoice-table-frame{width:100%;border-collapse:collapse;table-layout:fixed;margin:0;}
.spi-invoice-total-label{padding:7px 0;text-align:left;vertical-align:middle;font-size:15px;font-weight:700;}
.spi-invoice-total-value{padding:7px 0;text-align:right;vertical-align:middle;font-size:23px;font-weight:700;color:var(--ds-color-navy-900);white-space:nowrap;}
.spi-invoice-totals-table{width:100%;border-collapse:collapse;margin-top:16px;}
}

/* SPI ACADEMY LANDING - SOURCE-OWNED */
/* SPI ACADEMY HOMEPAGE · CANONICAL DESIGN SOURCE (V17)
   All legacy landing styles migrated out of home.php into the existing central composer.
   Loaded only into visitor-public/member-public bundles; no inline style patch.
*/
:root{--gkel-navy:#070F22;--gkel-navy2:#101D3A;--gkel-navy3:#182B52;--gkel-gold:#C5A059;--gkel-gold-light:#DFC282;--gkel-gold-deep:#9C7C40;--gkel-cream:#F9F9F9;--gkel-white:#fff;--gkel-muted:#657084;--gkel-line:#e4e6ea}
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:90px}
    body{margin:0;background:var(--gkel-cream);font-family:'Inter',Arial,sans-serif;color:var(--gkel-navy2);-webkit-font-smoothing:antialiased;overflow-x:hidden}
    a{text-underline-offset:4px}button,input{font:inherit}
    .skip{position:absolute;z-index:1002;left:-100vw;top:10px;background:white;color:var(--gkel-navy);padding:12px 16px}
    .skip:focus{left:14px}
    .gkel-page{font-family:'Inter',Arial,sans-serif;isolation:isolate;overflow:hidden}
    .gkel-page h1,.gkel-page h2,.gkel-page h3,.gkel-page p{margin-top:0}
    .gkel-page h1,.gkel-page h2,.gkel-page h3{letter-spacing:-.035em}
    .gkel-page h1,.gkel-page h2,.gkel-page .gkel-serif{font-family:'Playfair Display',Georgia,serif}
    .gkel-page p{line-height:1.78}
    .gkel-shell{width:min(100% - 64px,1190px);margin-inline:auto}
    .gkel-section{padding:88px 0;position:relative;scroll-margin-top:84px}
    .gkel-eyebrow{display:flex;align-items:center;gap:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--gkel-gold-deep);font-size:11px;line-height:1.5;font-weight:700}
    .gkel-eyebrow::before{content:'';width:26px;height:1px;background:currentColor;flex:none}
    .gkel-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
    .gkel-section-head>div{max-width:750px}
    .gkel-section h2{font-size:clamp(34px,4.1vw,56px);line-height:1.18;font-weight:600;margin:17px 0}
    .gkel-lead{font-size:clamp(15px,1.3vw,17px);color:var(--gkel-muted);max-width:710px}
    .gkel-btn{display:inline-flex;justify-content:center;align-items:center;gap:11px;min-height:51px;padding:15px 23px;text-decoration:none;border:1px solid transparent;text-transform:uppercase;letter-spacing:.105em;font:700 11px/1.5 'Inter',sans-serif;transition:background .22s,color .22s,transform .22s,border-color .22s;cursor:pointer}
    .gkel-btn:hover{transform:translateY(-2px)}
    .gkel-btn:focus-visible,.gkel-link:focus-visible,.gkel-page a:focus-visible,.gkel-option:focus-visible{outline:3px solid var(--gkel-gold);outline-offset:4px}
    .gkel-btn--gold{color:var(--gkel-navy);background:var(--gkel-gold-light);border-color:var(--gkel-gold-light)}
    .gkel-btn--gold:hover{background:#f1d69b;border-color:#f1d69b}
    .gkel-btn--outline{border-color:rgba(223,194,130,.57);color:#f9f4e8;background:transparent}
    .gkel-btn--outline:hover{background:rgba(223,194,130,.10)}
    .gkel-btn--dark{border-color:var(--gkel-navy2);background:var(--gkel-navy2);color:white}
    .gkel-btn--dark:hover{background:var(--gkel-navy3)}
    .gkel-link{display:inline-flex;align-items:center;gap:10px;color:var(--gkel-gold-deep);font-size:12px;font-weight:700;letter-spacing:.04em;text-decoration:none;border-bottom:1px solid rgba(156,124,64,.4);padding-bottom:7px;width:fit-content}
    /* Same topnav, brandmark, global-nav and nav-tab classes as the supplied HTML. */
    .topnav{position:sticky;top:0;z-index:100;background:rgba(7,15,34,.985);border-bottom:1px solid rgba(223,194,130,.18);min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px max(32px,calc((100vw - 1190px)/2))}
    .topnav .brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;min-width:250px}
    .topnav .brandmark{width:37px;height:37px;flex:none;background:var(--gkel-gold);color:var(--gkel-navy);display:grid;place-items:center;font-weight:800;font-size:12px;letter-spacing:.02em;border-radius:1px}
    .topnav .brandtext{display:flex;flex-direction:column;gap:3px;font-size:13px;letter-spacing:.14em;line-height:1.15}
    .topnav .brandtext small{font-size:8px;font-weight:500;letter-spacing:.13em;color:#d6cfbf;white-space:nowrap}
    .topnav .global-nav{display:flex;align-items:center;justify-content:center;gap:25px;flex:1;min-width:0}
    .topnav .nav-tab{font-weight:600;font-size:11px;letter-spacing:.015em;color:#e6e8ed;text-decoration:none;white-space:nowrap;transition:color .2s}
    .topnav .nav-tab:hover,.topnav .nav-tab.on{color:var(--gkel-gold-light)}
    .topnav .nav-right{flex:none;display:flex;align-items:center}
    .topnav .spi-header-register{padding:12px 16px;min-height:40px;letter-spacing:.04em;font-size:10px;white-space:nowrap;border:1px solid var(--gkel-gold);color:var(--gkel-gold-light);background:transparent;text-decoration:none;font-weight:700}
    .topnav .spi-header-register:hover{color:var(--gkel-navy);background:var(--gkel-gold-light)}
    .topnav .menu-toggle{display:none;background:transparent;border:1px solid rgba(223,194,130,.42);color:var(--gkel-gold-light);min-width:42px;min-height:42px;font-size:22px;cursor:pointer}
    /* Hero */
    .gkel-hero{background-color:#070F22;background-image:linear-gradient(90deg,rgba(7,15,34,.96) 0%,rgba(7,15,34,.89) 25%,rgba(7,15,34,.48) 50%,rgba(7,15,34,.53) 73%,rgba(7,15,34,.82) 100%),linear-gradient(0deg,rgba(7,15,34,.65),transparent 45%),url("../../images/spi-hero-executive-window.webp");background-position:center,center,center 43%;background-size:cover;background-repeat:no-repeat;color:white;min-height:620px;position:relative;isolation:isolate;overflow:hidden;padding:72px 0 82px;border-bottom:1px solid rgba(197,160,89,.22)}
    .gkel-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,15,34,.48),transparent 32%);pointer-events:none;z-index:0}
    .gkel-hero::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 61% 42%,transparent 18%,rgba(7,15,34,.15) 67%,rgba(7,15,34,.32));pointer-events:none;z-index:0}
    .gkel-hero-grid{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(350px,.78fr);align-items:center;gap:clamp(45px,7vw,100px);position:relative;z-index:1}
    .gkel-hero .gkel-eyebrow{color:var(--gkel-gold-light);font-size:10px}
    .gkel-hero h1{font-size:clamp(48px,5.6vw,81px);line-height:1.14;font-weight:500;margin:18px 0 22px;letter-spacing:-.045em;text-wrap:balance}
    .gkel-hero h1 em{font-style:italic;font-weight:400;color:var(--gkel-gold-light)}
    .gkel-hero-desc{max-width:610px;color:#d5dce7;font-size:16px;line-height:1.88}
    .gkel-hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin:33px 0 28px}
    .gkel-meta{display:flex;flex-wrap:wrap;gap:13px;align-items:center;color:#c1c9d7;font-size:11px;letter-spacing:.025em}
    .gkel-meta span:not(:last-child)::after{content:'•';padding-left:13px;color:var(--gkel-gold)}
    .gkel-journey{position:relative;background:linear-gradient(160deg,rgba(24,42,73,.94),rgba(8,21,43,.96));border:1px solid rgba(223,194,130,.38);box-shadow:0 35px 85px rgba(1,4,15,.35);padding:33px 30px 29px;backdrop-filter:blur(5px)}
    .gkel-journey-top{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:21px;margin-bottom:23px}
    .gkel-journey-top span:first-child{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--gkel-gold-light);font-weight:700}
    .gkel-mini-badge{border:1px solid rgba(223,194,130,.4);padding:6px 9px;font-size:9px;color:#f3dfb1;white-space:nowrap}
    .gkel-journey h3{font-family:'Playfair Display',serif;font-size:26px;line-height:1.25;font-weight:500;margin:0 0 21px}
    .gkel-roadmap{display:grid;gap:0;margin:0;padding:0;list-style:none}
    .gkel-roadmap li{display:grid;grid-template-columns:46px 1fr;gap:12px;position:relative;padding-bottom:23px;color:#f6f6f8}
    .gkel-roadmap li:not(:last-child)::before{content:'';position:absolute;left:17px;top:38px;bottom:2px;border-left:1px solid rgba(223,194,130,.35)}
    .gkel-roadmap-n{width:35px;height:35px;border:1px solid rgba(223,194,130,.64);color:var(--gkel-gold-light);display:grid;place-items:center;font-size:11px;font-weight:700}
    .gkel-roadmap strong{font-size:13px;font-weight:600;display:block;line-height:1.5}
    .gkel-roadmap small{font-size:11px;color:#c5cddd;line-height:1.6;display:block;margin-top:2px}
    .gkel-journey-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:17px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#d8dfeb;letter-spacing:.07em;text-transform:uppercase}
    .gkel-logo-band{background:#fff;border-bottom:1px solid #e9e6dd;padding:20px 0}
    .gkel-logo-band .gkel-shell{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
    .gkel-logo-band-copy{display:flex;flex-direction:column;gap:6px}
    .gkel-logo-band-copy strong{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gkel-gold-deep)}
    .gkel-logo-band-copy span{font-size:14px;color:#4c586f;line-height:1.7}
    .gkel-logo-band-logos{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
    .gkel-logo-band-logos img{max-height:42px;max-width:170px;width:auto;height:auto;object-fit:contain;filter:none}.gkel-logo-band-logos img[alt="Petra Christian University"]{filter:brightness(0)}
    /* Problem section */
    .gkel-context{background:var(--gkel-cream)}
    .gkel-context-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(36px,6vw,100px);align-items:center}
    .gkel-context-title{font-family:'Playfair Display',Georgia,serif;font-size:clamp(36px,4.2vw,57px);font-weight:500;line-height:1.26;letter-spacing:-.03em;margin:19px 0 22px}
    .gkel-context-title em{color:var(--gkel-gold-deep);font-weight:400}
    .gkel-context-copy{color:var(--gkel-muted);font-size:15px;max-width:520px}
    .gkel-question-list{background:white;border-top:3px solid var(--gkel-gold);padding:9px 31px 10px;box-shadow:0 19px 48px rgba(7,15,34,.045)}
    .gkel-question{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:22px 0;border-bottom:1px solid #e9e8e4;align-items:start}
    .gkel-question:last-child{border-bottom:0}
    .gkel-question-n{font-size:11px;font-weight:700;color:var(--gkel-gold-deep);padding-top:4px}
    .gkel-question p{font-size:14px;line-height:1.75;margin:0;color:#25324c;font-weight:500}
    /* Organizational pain point — editorial bridge from awareness to SPI */
    .gkel-friction{background:radial-gradient(ellipse at 88% 16%,rgba(197,160,89,.10),transparent 42%),linear-gradient(135deg,#0a152d 0%,#101d3a 72%,#152747 100%);color:#f7f7f6;overflow:hidden}
    .gkel-friction::before{content:"";position:absolute;top:-200px;right:-230px;width:560px;height:560px;border:1px solid rgba(223,194,130,.11);border-radius:50%;pointer-events:none}
    .gkel-friction-inner{position:relative;z-index:1}
    .gkel-friction-intro{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(28px,5.5vw,76px);align-items:end;margin-bottom:38px}
    .gkel-friction .gkel-eyebrow{color:var(--gkel-gold-light)}
    .gkel-friction h2{color:#fff;font-size:clamp(35px,4.1vw,54px);line-height:1.2;max-width:720px;margin:18px 0 0}
    .gkel-friction h2 em{color:var(--gkel-gold-light);font-weight:400;font-style:italic}
    .gkel-friction-summary{font-size:clamp(14px,1.3vw,16px);line-height:1.85;color:#cbd3df;max-width:490px;margin:0!important}
    .gkel-friction-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:32px}
    .gkel-friction-item{min-width:0;padding:26px 23px 25px;border:1px solid rgba(223,194,130,.22);background:rgba(255,255,255,.035);display:flex;flex-direction:column;gap:0;min-height:238px}
    .gkel-friction-number{color:#dfc282;font-size:11px;letter-spacing:.15em;font-weight:700;margin-bottom:30px}
    .gkel-friction-item h3{font-family:'Inter',sans-serif;font-size:16px;letter-spacing:-.012em;font-weight:650;line-height:1.47;margin:0 0 13px;color:#fff}
    .gkel-friction-item p{font-size:13px;line-height:1.72;color:#c6d0df;margin:0}
    .gkel-friction-conversion{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;border-top:1px solid rgba(223,194,130,.35);padding-top:28px}
    .gkel-friction-conversion-copy{max-width:720px}
    .gkel-friction-conversion-label{display:block;color:#dfc282;letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:700;margin-bottom:9px}
    .gkel-friction-conversion h3{font-family:'Playfair Display',Georgia,serif;color:#fff;font-size:clamp(22px,2.1vw,29px);line-height:1.36;font-weight:500;letter-spacing:-.02em;margin:0 0 8px}
    .gkel-friction-conversion p{font-size:13px;color:#cbd3df;line-height:1.7;margin:0}
    .gkel-friction-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;align-items:center}
    .gkel-friction-actions .gkel-btn{white-space:nowrap;min-height:48px}
    @media(max-width:1100px){.gkel-friction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gkel-friction-item{min-height:190px}.gkel-friction-number{margin-bottom:20px}.gkel-friction-conversion{grid-template-columns:1fr}.gkel-friction-actions{justify-content:flex-start}}
    @media(max-width:650px){.gkel-friction{padding:68px 0!important}.gkel-friction-intro{grid-template-columns:1fr;gap:17px;margin-bottom:25px}.gkel-friction h2{font-size:clamp(31px,8.7vw,42px)}.gkel-friction-summary{font-size:14px}.gkel-friction-grid{grid-template-columns:1fr;gap:0;border-top:1px solid rgba(223,194,130,.18)}.gkel-friction-item{padding:21px 0;min-height:0;background:transparent;border:none;border-bottom:1px solid rgba(223,194,130,.18)}.gkel-friction-number{margin-bottom:9px}.gkel-friction-item h3{font-size:16px;margin-bottom:5px}.gkel-friction-item p{font-size:13px}.gkel-friction-conversion{gap:20px;padding-top:23px}.gkel-friction-actions{flex-direction:column;align-items:stretch}.gkel-friction-actions .gkel-btn{white-space:normal;width:100%;text-align:center}}
    /* Program */
    .gkel-program{background:#fff}
    .gkel-program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
    .gkel-level{min-width:0;border:1px solid #e4e5e8;background:#fff;padding:32px 28px 29px;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s;min-height:358px}
    .gkel-level:hover{border-color:rgba(197,160,89,.7);transform:translateY(-3px);box-shadow:0 17px 35px rgba(7,15,34,.055)}
    .gkel-level:first-child{border-top:3px solid #C5A059}
    .gkel-level:nth-child(2){border-top:3px solid #A68B63}
    .gkel-level:nth-child(3){border-top:3px solid #182B52}
    .gkel-level-num{font:500 52px/1 'Playfair Display',serif;color:var(--gkel-gold-deep);margin-bottom:19px}
    .gkel-level-label{font-size:10px;color:var(--gkel-muted);font-weight:700;text-transform:uppercase;letter-spacing:.14em;margin-bottom:12px}
    .gkel-level h3{font-size:25px;line-height:1.3;font-weight:600;min-height:68px;margin-bottom:10px}
    .gkel-level p{font-size:13px;color:var(--gkel-muted);line-height:1.7;margin-bottom:23px}
    .gkel-level .gkel-link{margin-top:auto}
    .gkel-program-summary{border:1px solid #e7e6e1;padding:17px 21px;margin-top:20px;display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;font-size:13px;color:#455169;background:#fcfaf6}
    .gkel-program-summary strong{color:#1f2d45}
    /* experience and lab */
    .gkel-experience{background:var(--gkel-navy2);color:white}
    .gkel-experience .gkel-eyebrow{color:var(--gkel-gold-light)}
    .gkel-experience .gkel-section-head h2{color:#fff}
    .gkel-experience .gkel-lead{color:#c4ccdb}
    .gkel-method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
    .gkel-method{border:1px solid rgba(223,194,130,.24);padding:26px 20px;background:rgba(7,15,34,.25)}
    .gkel-method-icon{font-size:27px;font-family:'Playfair Display',serif;color:var(--gkel-gold-light);margin-bottom:20px}
    .gkel-method h3{font-family:'Inter',sans-serif;letter-spacing:0;font-size:14px;font-weight:600;margin-bottom:8px}
    .gkel-method p{font-size:12px;line-height:1.75;color:#c5cbd6;margin-bottom:0}
    /* Learning platform showcase — self-contained preview, no proprietary lesson content */
    .gkel-showcase{margin-top:36px;border:1px solid rgba(223,194,130,.27);background:#0b1730;padding:clamp(21px,3vw,37px);color:#fff}
    .gkel-showcase-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}
    .gkel-showcase-intro-copy{max-width:685px}
    .gkel-showcase-kicker{color:#dfc282;font-size:10px;font-weight:700;line-height:1.5;letter-spacing:.17em;text-transform:uppercase}
    .gkel-showcase-intro h3{font:500 clamp(26px,3vw,37px)/1.23 'Playfair Display',Georgia,serif;letter-spacing:-.028em;margin:10px 0 9px}
    .gkel-showcase-intro p{color:#bdc9dc;max-width:630px;font-size:13px;line-height:1.78;margin:0}
    .gkel-showcase-edition{flex:none;border-left:1px solid rgba(223,194,130,.4);padding:5px 0 5px 18px;color:#dfc282;letter-spacing:.12em;font-size:10px;line-height:1.6;font-weight:700;text-transform:uppercase}
    .gkel-showcase-layout{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(240px,.82fr);align-items:stretch;gap:16px}
    .gkel-browser{min-width:0;background:#fff;color:#101d3a;border:1px solid rgba(255,255,255,.2);box-shadow:0 18px 50px rgba(0,0,0,.17);overflow:hidden}
    .gkel-browser-top{display:flex;align-items:center;gap:12px;background:#edf0f4;padding:11px 15px;border-bottom:1px solid #e1e4e8;min-height:43px}
    .gkel-browser-dots{display:flex;align-items:center;gap:5px;flex:none}
    .gkel-browser-dots i{display:block;width:8px;height:8px;border:1px solid #c0c8d5;border-radius:50%;background:#d7dce4}
    .gkel-browser-address{border:1px solid #d8dee8;color:#6b7485;background:#fff;border-radius:3px;font-size:10px;letter-spacing:.01em;padding:5px 10px;text-align:center;min-width:0;flex:1}
    .gkel-browser-window-tag{font-size:9px;letter-spacing:.05em;font-weight:600;color:#69778b;white-space:nowrap}
    .gkel-browser-content{padding:clamp(17px,2.4vw,29px);background:linear-gradient(180deg,#fff 0%,#fbfbfc 100%)}
    .gkel-app-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:21px;margin-bottom:18px;border-bottom:1px solid #e8eaf0}
    .gkel-app-eyebrow{display:block;font-size:9px;color:#9c7c40;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
    .gkel-app-heading h4{font:700 clamp(17px,2vw,23px)/1.25 'Inter',Arial,sans-serif;letter-spacing:-.03em;color:#101d3a;margin:0 0 5px}
    .gkel-app-heading p{color:#6b7890;font-size:11px;line-height:1.55;margin:0}
    .gkel-app-chip{font-size:9px;letter-spacing:.08em;text-transform:uppercase;border:1px solid #e2d3b7;color:#926e34;padding:8px 11px;white-space:nowrap}
    .gkel-activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
    .gkel-activity{appearance:none;-webkit-appearance:none;min-width:0;min-height:146px;text-align:left;border:1px solid #e1e5ed;border-top:2px solid #e1e5ed;background:#fff;color:#172643;padding:17px 15px 15px;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}
    .gkel-activity:hover{border-color:#d4b06c;background:#fffdf9;transform:translateY(-2px)}
    .gkel-activity:focus-visible{outline:3px solid #c5a059;outline-offset:3px}
    .gkel-activity[aria-pressed="true"]{border-color:#c5a059;border-top:2px solid #c5a059;background:#fffaf0;box-shadow:0 3px 18px rgba(197,160,89,.08)}
    .gkel-activity-mark{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-bottom:18px}
    .gkel-activity-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;background:#f4efe5;color:#a27b33;font-size:18px;line-height:1}
    .gkel-activity-index{font-size:9px;font-weight:700;color:#a0a8b3;letter-spacing:.1em}
    .gkel-activity strong{display:block;font-size:12px;font-weight:700;line-height:1.35;margin:0 0 6px;color:#172643}
    .gkel-activity small{display:block;font-size:10px;line-height:1.5;color:#63728a}
    .gkel-browser-bottom{margin-top:17px;padding-top:14px;border-top:1px solid #e8eaf0;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
    .gkel-browser-bottom span{font-size:10px;line-height:1.4;color:#65738a}
    .gkel-browser-bottom b{font-size:10px;font-weight:700;color:#a0793c}
    .gkel-spotlight{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:clamp(23px,2.5vw,32px);border:1px solid rgba(223,194,130,.31);background:linear-gradient(150deg,#162745,#0c1931);color:#f9f9f9}
    .gkel-spotlight-kicker{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#dfc282}
    .gkel-spotlight-index{display:block;font:400 clamp(50px,6vw,78px)/1.04 'Playfair Display',Georgia,serif;color:#dfc282;margin:38px 0 17px}
    .gkel-spotlight h4{font:600 clamp(22px,2.2vw,30px)/1.25 'Playfair Display',Georgia,serif;letter-spacing:-.025em;margin:0 0 14px;color:#fff}
    .gkel-spotlight p{font-size:13px;line-height:1.8;color:#c5cede;margin:0 0 25px}
    .gkel-spotlight .gkel-btn{margin-top:auto;min-height:45px;padding:12px 17px;text-align:center;font-size:10px}
    .gkel-showcase-note{margin:19px 0 0!important;font-size:11px;color:#aebbd0;line-height:1.65}
    @media(max-width:1080px){.gkel-showcase-layout{grid-template-columns:minmax(0,1fr)}.gkel-spotlight{display:grid;grid-template-columns:1fr auto;gap:10px 20px;align-items:center}.gkel-spotlight-kicker{grid-column:1/-1}.gkel-spotlight-index{font-size:40px;margin:0;grid-row:2/4}.gkel-spotlight h4{grid-column:1;grid-row:2;margin:0 0 0 65px}.gkel-spotlight p{grid-column:1;grid-row:3;margin:0 0 0 65px}.gkel-spotlight .gkel-btn{grid-column:2;grid-row:2/4}}
    @media(max-width:780px){.gkel-showcase-intro{align-items:flex-start;flex-direction:column;gap:13px}.gkel-showcase-edition{border-left:0;border-top:1px solid rgba(223,194,130,.4);padding:11px 0 0}.gkel-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gkel-spotlight{display:block}.gkel-spotlight-index{margin:20px 0 11px}.gkel-spotlight h4{margin:0 0 11px}.gkel-spotlight p{margin:0 0 23px}}
    @media(max-width:480px){.gkel-showcase{padding:15px}.gkel-showcase-intro{padding:5px 3px 0}.gkel-browser-top{padding:10px 12px;gap:8px}.gkel-browser-window-tag{display:none}.gkel-browser-content{padding:15px}.gkel-app-heading{display:block;padding-bottom:15px;margin-bottom:14px}.gkel-app-chip{display:none}.gkel-activity-grid{gap:8px}.gkel-activity{padding:13px 11px 12px;min-height:140px}.gkel-activity-mark{margin-bottom:13px}.gkel-activity strong{font-size:11px}.gkel-activity small{font-size:9px}.gkel-activity-icon{width:29px;height:29px;font-size:16px}.gkel-spotlight{padding:22px 20px}.gkel-spotlight-index{font-size:43px}}
    @media(max-width:345px){.gkel-activity-grid{grid-template-columns:1fr}.gkel-activity{min-height:0;flex-direction:row;flex-wrap:wrap;column-gap:12px;align-items:center}.gkel-activity-mark{width:41px;margin-bottom:0}.gkel-activity-index{display:none}.gkel-activity strong{flex:1;margin:0}.gkel-activity small{width:100%;padding-left:53px}}
    /* pathways */
    .gkel-pathways{background:#f7f6f3}
    .gkel-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
    .gkel-path{padding:31px 28px;background:white;border:1px solid #e7e6e2}
    .gkel-path-icon{display:grid;place-items:center;width:47px;height:47px;border:1px solid #dccca8;color:var(--gkel-gold-deep);font-size:21px;margin-bottom:20px;font-family:'Playfair Display',serif}
    .gkel-path h3{font-family:'Inter',sans-serif;font-size:17px;letter-spacing:-.015em;margin-bottom:10px}
    .gkel-path p{font-size:13px;color:var(--gkel-muted);line-height:1.75;margin-bottom:0}
    /* partners */
    .gkel-partners{background:white}
    /* Program provenance — editorial, not a legal disclaimer */
    .gkel-governance{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:105px minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(22px,3vw,46px);align-items:center;margin:0 0 22px;padding:39px 43px;background:linear-gradient(120deg,#0c1730 0%,#111f3d 65%,#182b52 100%);color:#fff;border-top:2px solid #c5a059}
    .gkel-governance::after{content:"";position:absolute;z-index:-1;right:-170px;bottom:-280px;width:470px;height:470px;border:1px solid rgba(223,194,130,.12);border-radius:50%;pointer-events:none}
    .gkel-governance-crest{width:96px;min-height:117px;border:1px solid rgba(223,194,130,.54);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;padding:14px 10px;color:#dfc282}
    .gkel-governance-crest strong{font:500 39px/.95 'Playfair Display',Georgia,serif;letter-spacing:-.075em}
    .gkel-governance-crest span{font:700 8px/1.55 'Inter',sans-serif;text-align:center;letter-spacing:.18em;text-transform:uppercase}
    .gkel-governance-kicker{color:#dfc282;font-size:10px;line-height:1.5;font-weight:700;text-transform:uppercase;letter-spacing:.18em}
    .gkel-governance h3{font:500 clamp(23px,2.4vw,32px)/1.3 'Playfair Display',Georgia,serif!important;letter-spacing:-.025em;margin:11px 0 0;color:#fff;max-width:440px}
    .gkel-governance h3 em{font-weight:400;font-style:italic;color:#dfc282}
    .gkel-governance-detail{border-left:1px solid rgba(223,194,130,.35);padding-left:clamp(21px,2.6vw,38px)}
    .gkel-governance-detail p{font-size:13px;line-height:1.86;color:#dde4ee;margin:0 0 17px}
    .gkel-governance-detail strong{color:#fff;font-weight:600}
    .gkel-governance-signature{color:#dfc282;font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.12em;font-weight:600}
    /* Partner showcase: intentional open composition, never cards */
    .gkel-partner-showcase{padding:40px 24px 18px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}
    .gkel-partner-label{font:700 11px/1.5 'Inter',sans-serif;color:var(--gkel-gold-deep);text-transform:uppercase;letter-spacing:.17em;text-align:center;margin:0 0 30px}
    .gkel-partner-grid{display:flex;align-items:center;justify-content:center;gap:clamp(38px,7vw,112px);width:100%;max-width:850px;margin-inline:auto;flex-wrap:nowrap}
    .gkel-partner-logo{display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;max-width:390px;min-height:90px;margin:0;padding:0;background:transparent;border:0;box-shadow:none}
    .gkel-partner-logo img{display:block;width:100%;height:95px;max-width:340px;max-height:none;object-fit:contain;object-position:center}
    .gkel-partner-logo--petra img{filter:brightness(0)}
    .gkel-partner-logo--ubaya img{filter:none}
    .gkel-partner-logo strong{display:none;color:#1b2c50;font-size:17px;font-weight:700;text-align:center}
    .gkel-partner-logo img[hidden]{display:none!important}
    .gkel-partner-logo img[hidden]+strong{display:block}
    /* alumni */
    .gkel-alumni{background:var(--gkel-cream)}
    /* Alumni / Professional Network: one editorial section; two large logo columns */
    .gkel-page .gkel-alumni .gkel-alumni-frame{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);border:1px solid #e1dfd8;background:#fff;align-items:stretch}
    .gkel-alumni-copy{padding:clamp(34px,4vw,60px) clamp(26px,3.6vw,54px);display:flex;flex-direction:column;justify-content:center;min-width:0}
    .gkel-alumni-copy h2{font-size:clamp(33px,3.6vw,52px);line-height:1.18;margin:19px 0 20px;letter-spacing:-.035em}
    .gkel-alumni-copy p{font-size:14px;line-height:1.9;color:var(--gkel-muted);max-width:440px;margin:0}
    .gkel-alumni-quote{border-left:2px solid var(--gkel-gold);padding:4px 0 4px 20px;margin-top:30px;color:var(--gkel-gold-deep);font:italic 21px/1.48 'Playfair Display',Georgia,serif;max-width:430px}
    .gkel-professional-panel{min-width:0;background:#f7f6f3;padding:clamp(27px,3.3vw,48px) clamp(22px,2.7vw,40px);display:flex;flex-direction:column;justify-content:center}
    .gkel-company-kicker{display:block;font:700 10px/1.5 'Inter',sans-serif;text-transform:uppercase;letter-spacing:.17em;color:#997638;margin-bottom:10px}
    .gkel-professional-header h3{margin:0;color:#101d3a;font:600 clamp(24px,2.35vw,33px)/1.22 'Playfair Display',Georgia,serif;letter-spacing:-.025em}
    .gkel-professional-header p{font:400 13px/1.7 'Inter',sans-serif;color:#687489;margin:12px 0 24px;max-width:480px}
    .gkel-page .gkel-professional-panel .gkel-company-logo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;background:#fff;border:1px solid #e6e4de;min-width:0}
    .gkel-page .gkel-professional-panel .gkel-company-logo{display:flex;align-items:center;justify-content:center;min-width:0;min-height:110px;padding:12px 14px;margin:0;background:#fff;box-shadow:none;border:0;grid-column:auto;border-bottom:1px solid #eeece7;transition:background .18s ease}
    .gkel-page .gkel-professional-panel .gkel-company-logo:nth-child(odd):not(:last-child){border-right:1px solid #eeece7}
    .gkel-page .gkel-professional-panel .gkel-company-logo:last-child{grid-column:1/-1;border-bottom:0;min-height:105px}
    .gkel-page .gkel-professional-panel .gkel-company-logo:hover{background:#fdfbf7}
    .gkel-page .gkel-professional-panel .gkel-company-logo img{display:block;width:auto;height:auto;max-width:100%;max-height:100px;object-fit:contain;object-position:center;filter:none;opacity:1;margin:0 auto}
    .gkel-page .gkel-professional-panel .gkel-company-logo--straits img{width:min(100%,236px);max-height:94px}
    .gkel-page .gkel-professional-panel .gkel-company-logo--marriott img{width:min(100%,205px);max-height:107px}
    .gkel-page .gkel-professional-panel .gkel-company-logo--waskita img{width:min(100%,148px);max-height:104px}
    .gkel-page .gkel-professional-panel .gkel-company-logo--bankdki img{width:min(100%,226px);max-height:88px}
    .gkel-page .gkel-professional-panel .gkel-company-logo--fajarpaper img{width:min(58%,200px);max-height:84px}
    .gkel-page .gkel-alumni .gkel-professional-panel .gkel-company-logo:nth-child(n){grid-column:auto}
    .gkel-page .gkel-alumni .gkel-professional-panel .gkel-company-logo:last-child{grid-column:1/-1}
    .gkel-page #alumni,.gkel-page #about{scroll-margin-top:calc(84px + 20px)}
    @media(max-width:900px){
      .gkel-page .gkel-alumni .gkel-alumni-frame{grid-template-columns:1fr}
      .gkel-page .gkel-alumni-copy{padding:36px 34px 28px}
      .gkel-page .gkel-professional-panel{padding:30px 34px 38px}
      .gkel-page .gkel-professional-panel .gkel-company-logo{min-height:120px}
    }
    @media(max-width:600px){
      .gkel-page .gkel-alumni-copy{padding:32px 23px 27px}
      .gkel-page .gkel-alumni-copy h2{font-size:clamp(31px,8.2vw,39px)}
      .gkel-page .gkel-alumni-quote{font-size:18px;margin-top:24px}
      .gkel-page .gkel-professional-panel{padding:26px 16px 27px}
      .gkel-page .gkel-professional-header h3{font-size:26px}
      .gkel-page .gkel-professional-header p{font-size:12px;margin-bottom:21px}
      .gkel-page .gkel-professional-panel .gkel-company-logo{min-height:105px;padding:12px 9px}
      .gkel-page .gkel-professional-panel .gkel-company-logo:last-child{min-height:100px}
      .gkel-page .gkel-professional-panel .gkel-company-logo--straits img{max-height:72px}
      .gkel-page .gkel-professional-panel .gkel-company-logo--marriott img{max-height:85px}
      .gkel-page .gkel-professional-panel .gkel-company-logo--waskita img{max-height:92px}
      .gkel-page .gkel-professional-panel .gkel-company-logo--bankdki img{max-height:67px}
      .gkel-page .gkel-professional-panel .gkel-company-logo--fajarpaper img{width:min(72%,200px)}
      .gkel-page #alumni,.gkel-page #about{scroll-margin-top:90px}
    }
    /* founder */
    .gkel-founder{background:#fff}
    .gkel-founder-grid{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:clamp(45px,7vw,95px);align-items:center}
    .gkel-founder-portrait{position:relative;aspect-ratio:4/4.55;background:#14213b;overflow:hidden;max-height:560px}
    .gkel-founder-portrait::before{content:"GLENN KARELA";position:absolute;inset:0;display:grid;place-items:center;color:rgba(223,194,130,.36);letter-spacing:.23em;font:500 20px/1.4 "Playfair Display",Georgia,serif}
    .gkel-founder-portrait img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:grayscale(100%)}
    .gkel-founder-portrait::after{content:'';position:absolute;inset:0;border:1px solid rgba(197,160,89,.55);pointer-events:none}
    .gkel-founder-portrait-caption{position:absolute;z-index:2;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(6,14,30,.88));color:#fff;padding:50px 22px 20px;font-size:10px;letter-spacing:.14em;font-weight:700}
    .gkel-founder h2{margin:18px 0 8px;font-size:clamp(35px,4vw,56px)}
    .gkel-founder-position{font:italic 20px/1.5 'Playfair Display',serif;color:var(--gkel-gold-deep);margin-bottom:21px}
    .gkel-founder-copy p{font-size:14px;color:#556176;line-height:1.85;margin-bottom:15px}
    .gkel-founder-copy .gkel-link{margin-top:12px}
    /* FAQ — editorial knowledge base with compact topic navigation */
    .gkel-faq{background:#f7f6f3;padding:90px 0 97px;scroll-margin-top:84px}
    .gkel-faq-grid{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.45fr);gap:clamp(36px,6.6vw,94px);align-items:start}
    .gkel-faq-aside{position:sticky;top:110px}
    .gkel-faq h2{font:600 clamp(34px,3.8vw,49px)/1.16 'Playfair Display',Georgia,serif;margin:19px 0 19px;letter-spacing:-.035em;color:#101d3a}
    .gkel-faq-aside .gkel-lead{font-size:14px;line-height:1.82;margin-bottom:25px}
    .gkel-faq-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
    .gkel-faq-links a{font:600 11px/1.4 'Inter',sans-serif;text-decoration:none;color:#536078;border:1px solid #dcd8d0;background:#fff;padding:10px 13px;transition:border-color .2s,color .2s}
    .gkel-faq-links a:hover{border-color:#c5a059;color:#101d3a}
    .gkel-faq-aside-note{padding-top:24px;margin-top:29px;border-top:1px solid #dedbd3}
    .gkel-faq-aside-note span{display:block;font-size:10px;letter-spacing:.15em;color:#9c7c40;font-weight:700;text-transform:uppercase;margin-bottom:11px}
    .gkel-faq-aside-note p{font-size:13px;line-height:1.7;color:#58647a;margin:0 0 14px}
    .gkel-faq-topics{min-width:0}
    .gkel-faq-group{scroll-margin-top:115px;margin-bottom:32px}
    .gkel-faq-group:last-child{margin-bottom:0}
    .gkel-faq-group-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
    .gkel-faq-group-heading h3{font:700 11px/1.6 'Inter',sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#9c7c40;margin:0}
    .gkel-faq-group-heading span{font-size:11px;color:#89909d;font-weight:600;letter-spacing:.08em}
    .gkel-faq details{background:#fff;border:1px solid #e3e0d9;margin-bottom:8px;padding:0;transition:border-color .2s,box-shadow .2s}
    .gkel-faq details[open]{border-color:#d4be90;box-shadow:0 9px 26px rgba(12,26,50,.04)}
    .gkel-faq details:first-child{border-top:1px solid #e3e0d9}
    .gkel-faq summary{display:flex;align-items:center;gap:15px;cursor:pointer;list-style:none;padding:19px 21px;font:600 14px/1.55 'Inter',sans-serif;color:#182743}
    .gkel-faq summary::-webkit-details-marker{display:none}
    .gkel-faq summary::marker{content:""}
    .gkel-faq summary:focus-visible{outline:3px solid #c5a059;outline-offset:-3px}
    .gkel-faq-n{font-size:10px;letter-spacing:.06em;color:#a17e44;font-weight:700;flex:none;min-width:22px}
    .gkel-faq-question{flex:1;min-width:0}
    .gkel-faq summary::after{content:'+';width:28px;height:28px;border:1px solid #e4dac6;background:#faf8f3;color:#9c7c40;display:grid;place-items:center;font-size:18px;font-weight:400;line-height:1;flex:none}
    .gkel-faq details[open] summary::after{content:'−';background:#101d3a;border-color:#101d3a;color:#dfc282}
    .gkel-faq-answer{margin:0 21px 21px 58px;padding:16px 21px 1px;border-left:2px solid #c5a059;background:#faf9f6}
    .gkel-faq-answer p{font-size:13px;color:#516078;line-height:1.82;max-width:none;padding:0;margin:0 0 14px}
    .gkel-faq-answer strong{color:#182743;font-weight:600}
    .gkel-faq-answer a{color:#8d6a2e;text-underline-offset:3px}
    /* cta/footer */
    .gkel-cta{background:var(--gkel-navy);color:white;text-align:center;padding:95px 0;position:relative}
    .gkel-cta .gkel-eyebrow{justify-content:center;color:var(--gkel-gold-light)}
    .gkel-cta h2{font-size:clamp(36px,4.3vw,58px);font-weight:500;line-height:1.25;margin:19px auto 20px;max-width:850px}
    .gkel-cta p{color:#c7d0dc;font-size:14px;max-width:650px;margin:0 auto 27px}
    .gkel-cta .gkel-hero-actions{justify-content:center;margin-bottom:0}
    .footer.gkel-footer{background:#080f20;color:#c0cad9;border-top:1px solid rgba(223,194,130,.2);padding:32px 0;font-size:11px}
    .gkel-footer .site-width{width:min(100% - 64px,1190px);margin:auto;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
    .gkel-footer a{color:#d9c7a3;text-decoration:none}
    @media(max-width:1120px){
      .topnav{padding-inline:26px;gap:12px}.topnav .global-nav{gap:16px}.topnav .brand{min-width:245px}.topnav .nav-tab{font-size:10px}
      .gkel-method-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:1000px){
      .gkel-governance{grid-template-columns:85px minmax(0,1fr);gap:19px 24px;padding:30px}
      .gkel-governance-crest{width:83px;min-height:99px}
      .gkel-governance-detail{grid-column:2;border-left:0;border-top:1px solid rgba(223,194,130,.3);padding:17px 0 0}
      .gkel-faq-grid{grid-template-columns:minmax(190px,.7fr) minmax(0,1.4fr);gap:33px}
    }
    @media(max-width:880px){
      .gkel-faq-grid{grid-template-columns:1fr;gap:30px}
      .gkel-faq-aside{position:static}
      .gkel-hero-grid,.gkel-context-grid,.gkel-alumni-frame,.gkel-founder-grid{grid-template-columns:1fr}
      .gkel-hero{padding:72px 0;background-position:center,center,62% center;background-image:linear-gradient(90deg,rgba(7,15,34,.96),rgba(7,15,34,.75)),linear-gradient(0deg,rgba(7,15,34,.8),transparent 60%),url("../../images/spi-hero-executive-window.webp")}.gkel-journey{max-width:600px}.gkel-program-grid,.gkel-path-grid{grid-template-columns:1fr 1fr}.gkel-level:last-child,.gkel-path:last-child{grid-column:span 2}
      .gkel-demo{grid-template-columns:1fr}.gkel-faq-grid{gap:25px}.gkel-founder-portrait{width:min(100%,380px);height:430px}
      .topnav .menu-toggle{display:grid;place-items:center;order:3}
      .topnav .global-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#081225;padding:17px 28px 23px;border-top:1px solid rgba(223,194,130,.18);border-bottom:1px solid rgba(223,194,130,.18);flex-direction:column;align-items:stretch;gap:0}
      .topnav .global-nav.gkel-nav-open{display:flex}
      .topnav .nav-tab{padding:13px 4px;font-size:12px;border-bottom:1px solid rgba(255,255,255,.08)}
      .topnav .nav-right{margin-left:auto}
    }
    @media(max-width:600px){
      html{scroll-padding-top:70px}.gkel-shell,.gkel-footer .site-width{width:min(100% - 38px,1190px)}
      .topnav{padding:12px 18px;min-height:69px}.topnav .brand{min-width:0}.topnav .brandmark{width:35px;height:35px}.topnav .brandtext{font-size:11px;letter-spacing:.095em}.topnav .brandtext small{font-size:8px;letter-spacing:.01em}.topnav .spi-header-register{display:none}.topnav .global-nav::after{content:'Daftar SPI melalui tombol pada halaman';color:#abb5c8;font-size:11px;margin-top:13px}
      .gkel-section{padding:74px 0}.gkel-logo-band .gkel-shell{align-items:flex-start}.gkel-logo-band-logos{gap:18px}.gkel-logo-band-logos img{max-height:38px;max-width:150px}.gkel-section h2{font-size:clamp(31px,9vw,42px)}.gkel-section-head{display:block;margin-bottom:27px}.gkel-section-head .gkel-link{margin-top:12px}
      .gkel-hero{padding:46px 0 58px;min-height:unset}.gkel-hero-grid{gap:38px}.gkel-hero h1{font-size:clamp(42px,10.8vw,60px)}.gkel-hero-desc{font-size:14px}.gkel-hero-actions{gap:11px}.gkel-hero-actions .gkel-btn{width:100%}.gkel-journey{padding:25px 20px}.gkel-journey h3{font-size:24px}.gkel-journey-top{flex-wrap:wrap}
      .gkel-context-title{font-size:clamp(33px,9vw,45px)}.gkel-question-list{padding:6px 19px}
      .gkel-program-grid,.gkel-path-grid,.gkel-method-grid{grid-template-columns:1fr}
      .gkel-level:last-child,.gkel-path:last-child{grid-column:auto}.gkel-level{min-height:auto}.gkel-level h3{min-height:0}.gkel-level-num{font-size:46px}
      .gkel-method{padding:22px}.gkel-demo-info,.gkel-demo-lab{padding:27px 21px}.gkel-demo-info h3{font-size:27px}
      .gkel-governance{padding:27px 22px;gap:16px 20px}.gkel-governance h3{font-size:25px}.gkel-partner-showcase{padding:34px 8px 10px}.gkel-partner-grid{gap:22px}.gkel-partner-logo{min-height:74px}.gkel-partner-logo img{height:74px}
      .gkel-alumni-copy{padding:34px 24px}
      .gkel-founder-grid{gap:31px}.gkel-founder-portrait{height:auto;aspect-ratio:4/4.4}
      .gkel-faq{padding:72px 0}.gkel-faq h2{font-size:35px}.gkel-cta{padding:76px 0}
    }
    @media(min-width:601px) and (max-width:1020px){
      .gkel-partner-grid{gap:clamp(22px,5vw,60px)}
      .gkel-partner-logo img{height:84px}
      .gkel-logo-band .gkel-shell{justify-content:center;text-align:center}
      .gkel-logo-band-logos{justify-content:center}
    }
    @media(max-width:600px){
      .gkel-partner-showcase{padding:26px 0 0}
      .gkel-partner-label{margin-bottom:18px;font-size:10px;letter-spacing:.12em}
      .gkel-partner-grid{display:flex;flex-direction:column;gap:16px;width:100%;max-width:370px}
      .gkel-partner-logo{flex:none;width:100%;min-height:65px;max-width:340px}
      .gkel-partner-logo img{height:68px;max-width:290px}
      .gkel-partner-logo--petra img{height:75px}
      .gkel-logo-band .gkel-shell{justify-content:center;text-align:center;gap:16px}
      .gkel-logo-band-copy{align-items:center}
      .gkel-logo-band-logos{justify-content:center;gap:22px}
      .gkel-logo-band-logos img{max-width:145px;max-height:44px}
      .gkel-program-summary{padding:17px 17px;line-height:1.75}
    }
    @media(max-width:360px){
      .topnav .brandtext{font-size:10px}
      .topnav .brandtext small{font-size:7px;letter-spacing:0}
      .gkel-logo-band-logos img{max-width:130px}
    }
    @media(max-width:600px){
      .gkel-governance{grid-template-columns:1fr;gap:16px;padding:27px 23px}
      .gkel-governance-crest{width:68px;min-height:74px;flex-direction:row;gap:6px;padding:9px}
      .gkel-governance-crest strong{font-size:30px}
      .gkel-governance-crest span{font-size:7px;letter-spacing:.08em}
      .gkel-governance h3{font-size:clamp(23px,6.5vw,29px)}
      .gkel-governance-detail{grid-column:auto;padding-top:16px}
      .gkel-faq-grid{gap:28px}
      .gkel-faq-links{gap:7px}
      .gkel-faq-links a{font-size:10px;padding:9px 10px}
      .gkel-faq-group{margin-bottom:26px}
      .gkel-faq summary{font-size:13px;padding:15px 13px;gap:10px}
      .gkel-faq-n{min-width:18px;font-size:9px}
      .gkel-faq summary::after{width:27px;height:27px}
      .gkel-faq-answer{margin:0 13px 13px 41px;padding:13px 13px 1px}
      .gkel-faq-answer p{font-size:12px;line-height:1.8}
    }
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

    /* V6: institutional partner proportions — quiet, compact logo strip */
    .gkel-page .gkel-partner-showcase{padding:27px 12px 4px;min-height:0}
    .gkel-page .gkel-partner-label{margin-bottom:19px;font-size:10px;letter-spacing:.175em}
    .gkel-page .gkel-partner-grid{width:100%;max-width:640px;gap:clamp(36px,5vw,76px);justify-content:center;align-items:center;flex-wrap:nowrap}
    .gkel-page .gkel-partner-logo{flex:0 1 auto;width:auto;max-width:none;min-height:0;margin:0;padding:0;border:0;box-shadow:none;background:transparent}
    .gkel-page .gkel-partner-logo--petra{width:min(45%,272px)}
    .gkel-page .gkel-partner-logo--ubaya{width:min(43%,228px)}
    .gkel-page .gkel-partner-logo img{display:block;width:100%;height:64px;max-width:100%;object-fit:contain;object-position:center}
    .gkel-page .gkel-partner-logo--petra img{filter:brightness(0)}
    .gkel-page .gkel-partner-logo--ubaya img{filter:none}
    .gkel-page .gkel-partner-logo img[hidden]{display:none!important}
    .gkel-page .gkel-partner-logo img[hidden]+strong{display:block}
    .gkel-page .gkel-partner-logo strong{font-size:14px;line-height:1.5}

    /* V6: alumni — premium editorial and compact professional identity wall */
    .gkel-page .gkel-alumni-frame{grid-template-columns:minmax(0,.99fr) minmax(0,1.01fr);border:1px solid #e8e4db;background:#fff}
    .gkel-page .gkel-alumni-copy{padding:clamp(30px,4.2vw,56px);display:flex;flex-direction:column;justify-content:center}
    .gkel-page .gkel-alumni-copy h2{font-size:clamp(33px,3.7vw,49px);line-height:1.22;margin:20px 0 20px;max-width:510px}
    .gkel-page .gkel-alumni-copy h2 em{font-weight:400;color:#997638}
    .gkel-page .gkel-alumni-copy p{font-size:14px;line-height:1.84;max-width:520px;color:#566278;margin:0}
    .gkel-alumni-quote{border-left:2px solid #c5a059;margin-top:25px;padding:4px 0 4px 17px;font:italic 17px/1.55 'Playfair Display',Georgia,serif;color:#9c7c40;max-width:450px}
    .gkel-page .gkel-alumni-items{gap:11px;padding:clamp(18px,2.6vw,33px);background:#f6f5f2;align-content:stretch}
    .gkel-page .gkel-alumni-item{padding:22px 19px;min-height:148px;border:1px solid #e6e3dc;background:#fff;gap:8px}
    .gkel-page .gkel-alumni-item span{font-size:24px;color:#a98443;line-height:1.1}
    .gkel-page .gkel-alumni-item strong{color:#14233d;font-size:13px}
    .gkel-page .gkel-alumni-item small{font-size:11px;line-height:1.55}
    /* V7: exactly five verified organizations, carefully balanced logo display */
    /* PARTNER LOGO PATCH: actual files are in /public_html/learning/images/ on Hostinger.
       Both routes supported. Color contrast for the Petra mark is enforced. */
    .gkel-logo-band .gkel-logo-band-logos{display:flex;align-items:center;justify-content:center;gap:clamp(16px,3.4vw,35px);flex-wrap:wrap}
    .gkel-logo-band-item{display:flex;align-items:center;justify-content:center;min-width:0;height:54px;flex:0 0 auto}
    .gkel-logo-band-item--petra{width:145px}
    .gkel-logo-band-item--ubaya{width:155px}
    .gkel-logo-band-item img{display:block;width:100%;height:100%;max-height:54px;max-width:100%;object-fit:contain;object-position:center}
    .gkel-logo-band-item--petra img{filter:brightness(0)}
    .gkel-logo-band-item--ubaya img{filter:none}
    .gkel-logo-band-item strong{display:none;font-size:12px;text-align:center;line-height:1.45;color:#101d3a}
    .gkel-logo-band-item img[hidden]{display:none!important}
    .gkel-logo-band-item img[hidden]+strong{display:block}
    .gkel-page .gkel-partner-grid{max-width:620px;gap:clamp(24px,5vw,66px)}
    .gkel-page .gkel-partner-logo--petra{width:min(48%,246px)}
    .gkel-page .gkel-partner-logo--ubaya{width:min(45%,218px)}
    .gkel-page .gkel-partner-logo img{width:100%;height:75px;object-fit:contain;object-position:center}
    .gkel-page .gkel-partner-logo--petra img{filter:brightness(0)}
    .gkel-page .gkel-partner-logo--ubaya img{filter:none}
    .gkel-page .gkel-partner-logo img[hidden]{display:none!important}
    @media(max-width:600px){
      .gkel-logo-band-item{height:42px}
      .gkel-logo-band-item--petra{width:min(42vw,140px)}
      .gkel-logo-band-item--ubaya{width:min(44vw,145px)}
      .gkel-logo-band-item img{max-height:42px}
      .gkel-page .gkel-partner-logo--petra{width:min(49%,185px)}
      .gkel-page .gkel-partner-logo--ubaya{width:min(45%,170px)}
      .gkel-page .gkel-partner-logo img{height:57px}
    }
    @media(max-width:360px){.gkel-logo-band-item--petra{width:120px}.gkel-logo-band-item--ubaya{width:124px}}
  
    /* V9: same-folder Hostinger partner assets; five alumni logos embedded in this HTML. */
    .gkel-logo-band .gkel-logo-band-item img,
    .gkel-page .gkel-partner-logo img {opacity:1;visibility:visible;object-fit:contain;object-position:center;}
    .gkel-logo-band-item--petra img,
    .gkel-page .gkel-partner-logo--petra img {filter:brightness(0)!important;}
    .gkel-logo-band-item--ubaya img,
    .gkel-page .gkel-partner-logo--ubaya img {filter:none!important;}
    .gkel-company-logo img{display:block;opacity:1;visibility:visible;object-fit:contain;max-width:100%;}
    @media(max-width:600px){
      .gkel-company-logo-grid{overflow:hidden}
      .gkel-page .gkel-partner-logo img{max-width:100%}
    }

    /* V10 – Unified institutional logo gallery. Intentional single shared surface,
       optical normalization by logo, no per-company tiles or vertical dividers. */
    .gkel-page .gkel-company-wall {
      padding:clamp(48px,5.3vw,76px) 0 23px;
      border:0;
    }
    .gkel-page .gkel-company-wall-top {
      display:block;
      max-width:780px;
      text-align:center;
      margin:0 auto 32px;
    }
    .gkel-page .gkel-company-kicker {
      color:#9C7C40;
      font-size:10px;
      letter-spacing:.20em;
      margin-bottom:12px;
    }
    .gkel-page .gkel-company-wall-top h3 {
      font-family:'Playfair Display',Georgia,serif;
      font-size:clamp(29px,3.2vw,42px);
      color:#101D3A;
      font-weight:600;
      letter-spacing:-.032em;
      line-height:1.22;
    }
    .gkel-page .gkel-company-wall-top p {
      margin:13px auto 0;
      max-width:700px;
      color:#687489;
      font-size:13px;
      line-height:1.75;
    }
    .gkel-page .gkel-company-logo-grid {
      display:grid;
      grid-template-columns:repeat(5,minmax(0,1fr));
      gap:clamp(13px,1.6vw,25px);
      align-items:center;
      justify-items:center;
      max-width:1160px;
      margin:0 auto;
      padding:clamp(26px,3.1vw,42px) clamp(18px,2.7vw,39px);
      background:#fff;
      border:1px solid #e9e6de;
      border-radius:5px;
      box-shadow:0 15px 38px rgba(11,24,49,.033);
      overflow:hidden;
    }
    .gkel-page .gkel-company-logo,
    .gkel-page .gkel-company-logo:not(:first-child) {
      margin:0;
      min-width:0;
      width:100%;
      min-height:104px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:transparent;
      border:0;
      border-left:0;
      padding:6px 0;
      box-shadow:none;
      transition:transform .2s ease;
      grid-column:auto;
    }
    .gkel-page .gkel-company-logo:hover {
      transform:translateY(-2px);
      background:transparent;
      border:0;
      box-shadow:none;
    }
    .gkel-page .gkel-company-logo img {
      display:block;
      width:auto;
      height:auto;
      min-width:0;
      object-fit:contain;
      object-position:center;
      max-width:100%;
      filter:none;
      opacity:1;
    }
    .gkel-page .gkel-company-logo--straits img{width:min(100%,190px);max-height:69px}
    .gkel-page .gkel-company-logo--marriott img{width:min(100%,184px);max-height:69px}
    .gkel-page .gkel-company-logo--waskita img{width:min(100%,116px);max-height:107px}
    .gkel-page .gkel-company-logo--bankdki img{width:min(100%,195px);max-height:57px}
    .gkel-page .gkel-company-logo--fajarpaper img{width:min(100%,180px);max-height:83px}
    .gkel-page .gkel-company-logo:nth-child(n){grid-column:auto}
    @media(max-width:900px) and (min-width:581px){
      .gkel-page .gkel-company-logo-grid{
        grid-template-columns:repeat(6,minmax(0,1fr));
        gap:12px 24px;
        padding:29px 34px;
      }
      .gkel-page .gkel-company-logo{grid-column:span 2;min-height:97px}
      .gkel-page .gkel-company-logo:nth-child(4){grid-column:2/span 2}
      .gkel-page .gkel-company-logo:nth-child(5){grid-column:4/span 2}
    }
    @media(max-width:580px){
      .gkel-page .gkel-company-wall{padding:38px 0 12px}
      .gkel-page .gkel-company-wall-top{margin-bottom:22px}
      .gkel-page .gkel-company-wall-top h3{font-size:clamp(27px,7.5vw,34px)}
      .gkel-page .gkel-company-wall-top p{font-size:12px}
      .gkel-page .gkel-company-logo-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px 15px;
        padding:20px 15px;
      }
      .gkel-page .gkel-company-logo{grid-column:auto;min-height:98px;padding:5px 3px;width:100%}
      .gkel-page .gkel-company-logo:nth-child(4){grid-column:auto}
      .gkel-page .gkel-company-logo:nth-child(5){grid-column:1/-1;width:52%;justify-self:center}
      .gkel-page .gkel-company-logo--straits img{width:min(100%,155px);max-height:59px}
      .gkel-page .gkel-company-logo--marriott img{width:min(100%,155px);max-height:60px}
      .gkel-page .gkel-company-logo--waskita img{width:min(100%,97px);max-height:94px}
      .gkel-page .gkel-company-logo--bankdki img{width:min(100%,160px);max-height:46px}
      .gkel-page .gkel-company-logo--fajarpaper img{width:min(100%,163px);max-height:72px}
    }
    @media(max-width:355px){
      .gkel-page .gkel-company-logo-grid{padding:14px 10px;gap:6px 11px}
      .gkel-page .gkel-company-logo{min-height:85px}
      .gkel-page .gkel-company-logo--marriott img{max-width:138px}
      .gkel-page .gkel-company-logo--straits img{max-width:140px}
      .gkel-page .gkel-company-logo--waskita img{max-width:86px}
      .gkel-page .gkel-company-logo--bankdki img{max-width:140px}
      .gkel-page .gkel-company-logo--fajarpaper img{max-width:135px}
    }
  
/* ===== FINAL V11 · FIVE OPTICALLY BALANCED LOGOS =====
   All five logo PNG files use an identical 1200x540 transparent canvas.
   Display at equal scale; do not apply per-brand width overrides. */
.gkel-page .gkel-company-logo-grid{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  gap:clamp(4px,.7vw,12px);align-items:center;
  width:100%;max-width:1190px;margin-inline:auto;padding:16px 18px;
  background:#fff;border:1px solid #e8e4dc;border-radius:7px;
  box-shadow:0 10px 30px rgba(7,15,34,.03);overflow:visible;
}
.gkel-page .gkel-company-logo,
.gkel-page .gkel-company-logo:not(:first-child){
  display:flex;align-items:center;justify-content:center;
  width:100%;min-width:0;min-height:130px;max-width:none;
  margin:0;padding:4px;background:transparent;border:0!important;
  border-radius:0;box-shadow:none;grid-column:auto;
}
.gkel-page .gkel-company-logo:hover{background:transparent!important;box-shadow:none!important}
.gkel-page .gkel-company-logo img,
.gkel-page .gkel-company-logo--straits img,
.gkel-page .gkel-company-logo--marriott img,
.gkel-page .gkel-company-logo--waskita img,
.gkel-page .gkel-company-logo--bankdki img,
.gkel-page .gkel-company-logo--fajarpaper img{
  display:block;width:100%;height:auto;max-width:100%;max-height:none;
  aspect-ratio:20 / 9;object-fit:contain;object-position:center;
  filter:none;opacity:1;visibility:visible;margin:0;
}
@media (min-width:601px) and (max-width:950px){
  .gkel-page .gkel-company-logo-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:2px 10px;padding:14px 20px}
  .gkel-page .gkel-company-logo{min-height:115px}
  .gkel-page .gkel-company-logo:nth-child(-n+3){grid-column:span 2}
  .gkel-page .gkel-company-logo:nth-child(4){grid-column:2/span 2}
  .gkel-page .gkel-company-logo:nth-child(5){grid-column:4/span 2}
}
@media (max-width:600px){
  .gkel-page .gkel-company-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 8px;padding:13px 12px}
  .gkel-page .gkel-company-logo:nth-child(n){grid-column:auto;width:100%;min-height:82px;padding:3px}
  .gkel-page .gkel-company-logo:nth-child(5){grid-column:1/-1;width:50%;justify-self:center}
}
@media (max-width:360px){
  .gkel-page .gkel-company-logo-grid{padding:10px 7px;gap:0 5px}
  .gkel-page .gkel-company-logo:nth-child(n){min-height:68px;padding:2px}
}

/* SPI homepage integrated with canonical PHP layout. The existing header uses .open for mobile. */
@media(max-width:880px){ .topnav .global-nav.open{display:flex;flex-direction:column;align-items:stretch} }
@media(max-width:600px){ .topnav .global-nav.open{display:flex} }
/* Existing header JS uses spiNavToggle / spiGlobalNav; no duplicate navigation. */


    /* V13: FIX heading contrast against legacy SPI global h1,h2,h3,h4 color rules. */
    .gkel-page .gkel-hero h1,
    .gkel-page .gkel-journey h3,
    .gkel-page .gkel-friction h2,
    .gkel-page .gkel-friction h3,
    .gkel-page .gkel-experience > .gkel-shell > .gkel-section-head h2,
    .gkel-page .gkel-method h3,
    .gkel-page .gkel-showcase-intro h3,
    .gkel-page .gkel-spotlight h4,
    .gkel-page .gkel-governance h3,
    .gkel-page .gkel-cta h2 {
      color:#fff;
    }
    .gkel-page .gkel-hero h1 em{color:#DFC282;}
    /* Petra PNG uses light text on a transparent background; make it legible on white. */
    .gkel-page .gkel-logo-band-logos img[data-logo-file="petra-logo.png"],
    .gkel-page .gkel-partner-logo--petra img {filter:brightness(0);}
    /* When the locally copied portrait is missing, retain the elegant visual placeholder. */
    .gkel-page .gkel-founder-portrait img{color:transparent;font-size:0;}

    /* V14 image integrity and fallback. */
    .gkel-page .gkel-founder-copy{min-width:0;max-width:100%;overflow-wrap:break-word}
    .gkel-page .gkel-founder-portrait img{display:block;max-width:100%;height:100%;object-fit:cover}
    .gkel-page .gkel-founder-photo-fallback{height:100%;width:100%;display:grid;place-items:center;background:linear-gradient(145deg,#101D3A,#182B52);color:#DFC282;}
    .gkel-page .gkel-founder-photo-fallback span{font:500 clamp(22px,2.4vw,34px)/1.25 'Playfair Display',Georgia,serif;letter-spacing:.22em;text-align:center;padding:24px}
    .gkel-page .gkel-logo-band-item strong.gkel-logo-fallback,
    .gkel-page .gkel-partner-logo strong.gkel-logo-fallback{display:block!important;color:#101d3a}

    /* V15: Petra white-wordmark logo on light background: color crest + navy lettering.
       Two identical render layers preserve the original crest without altering the logo file.
       The bottom layer provides dark text, top layer reveals untouched full-color seal. */
    .gkel-page .gkel-petra-duotone {position:relative;display:block;width:100%;height:100%;min-height:0;overflow:hidden;isolation:isolate}
    .gkel-page .gkel-logo-band-item .gkel-petra-duotone img,
    .gkel-page .gkel-partner-logo--petra .gkel-petra-duotone img {
       position:absolute;inset:0;display:block;width:100%;height:100%;
       max-width:100%;max-height:100%;object-fit:contain;object-position:center;
       margin:0;padding:0;opacity:1;visibility:visible
    }
    .gkel-page .gkel-petra-duotone img.gkel-petra-ink {filter:brightness(0)!important}
    .gkel-page .gkel-petra-duotone img.gkel-petra-seal {filter:none!important;clip-path:inset(0 60% 0 0)}
    .gkel-page .gkel-logo-band-item .gkel-petra-duotone {height:100%;flex:1 1 auto}
    .gkel-page .gkel-partner-logo--petra .gkel-petra-duotone {height:75px;flex:0 1 auto}
    @media(max-width:600px){.gkel-page .gkel-partner-logo--petra .gkel-petra-duotone {height:57px}}

/* SPI UNIVERSAL SHARED COMPONENTS: DO NOT EDIT COMPILED CSS */
/* SPI UNIVERSAL COMPONENT SOURCE — all 32 page profiles use this one rule set.
   No selectors keyed to a particular module ID. Preserve specialized toolkit internals. */
:root{--spi-choice-focus:#9C7C40;--spi-choice-border:#D4DCE7;--spi-choice-selected:#FFF7E5;}
.spi-ds-choice{min-block-size:44px;cursor:pointer;position:relative;}
.spi-ds-choice:focus-within{outline:3px solid var(--spi-choice-focus);outline-offset:2px;}
.spi-ds-choice input:is([type=radio],[type=checkbox]){inline-size:18px;block-size:18px;accent-color:var(--spi-choice-focus);flex-shrink:0;}
.spi-ds-choice--surface{display:flex;align-items:flex-start;gap:.7rem;margin-block:.375rem;padding:.75rem .875rem;border:1px solid var(--spi-choice-border);border-radius:.625rem;background:#fff;color:#101D3A;line-height:1.5;}
.spi-ds-choice--surface:has(input:checked){background:var(--spi-choice-selected);border-color:var(--spi-choice-focus);}
.spi-ds-choice--surface:hover{border-color:var(--spi-choice-focus);}
@media (prefers-reduced-motion:reduce){.spi-ds-choice{transition:none!important;}}

/* Activity navigation summary is a compact reusable interaction, not a tall clickless card. */
.spi-ds-activity-status{display:flex;align-items:center;justify-content:space-between;min-block-size:54px;min-inline-size:0;padding:.75rem .9rem;border:1px solid var(--spi-choice-border);border-radius:.625rem;background:#fff;color:#101D3A;text-decoration:none;}
.spi-ds-activity-status__content{display:flex;flex-direction:column;min-width:0;gap:.15rem;}
.spi-ds-activity-status__content strong{font-size:.94rem;font-weight:650;line-height:1.35;}
.spi-ds-activity-status__content>span{font-size:.82rem;line-height:1.4;color:#536781;}
a.spi-ds-activity-status:hover{border-color:var(--spi-choice-focus);background:#FFFDF8;text-decoration:none;}
a.spi-ds-activity-status:focus-visible{outline:3px solid var(--spi-choice-focus);outline-offset:2px;}
a.spi-ds-activity-status::after{content:'↘';padding-inline-start:.5rem;color:#9C7C40;font-weight:800;}
.spi-ds-activity-status.is-unavailable{background:#F4F6F9;color:#61718A;}
[id^="free-activity-"]{scroll-margin-top:1.5rem;}

/* R308 — One semantic selection system for Academy, Free Learning, Exams,
   corporate learning, consent and admin controls. Page and module identity
   must never determine colors, focus, padding or selection feedback. */
:root{
  --spi-choice-focus:var(--ds-color-gold-700,#9C7C40);
  --spi-choice-border:var(--ds-color-line,#DCE5EF);
  --spi-choice-selected:var(--ds-color-ivory,#FFFAF0);
  --spi-choice-radius:var(--ds-radius-md,12px);
  --spi-choice-gap:var(--ds-space-3,12px);
}
:is(label.spi-ds-choice, .spi-ds-choice--surface){
  display:flex;
  align-items:flex-start;
  gap:var(--spi-choice-gap);
  min-block-size:44px;
  margin-block:6px;
  padding:var(--ds-space-3,12px);
  border:1px solid var(--spi-choice-border);
  border-radius:var(--spi-choice-radius);
  background:var(--ds-color-surface,#fff);
  color:var(--ds-color-navy-900,#101D3A);
  line-height:1.55;
  cursor:pointer;
}
:is(label.spi-ds-choice, .spi-ds-choice--surface):has(input:checked){
  background:var(--spi-choice-selected);
  border-color:var(--spi-choice-focus);
}
:is(label.spi-ds-choice, .spi-ds-choice--surface):focus-within{
  outline:3px solid var(--spi-choice-focus);
  outline-offset:2px;
}
:is(label.spi-ds-choice, .spi-ds-choice--surface) input:is([type=radio],[type=checkbox]){
  inline-size:18px;
  block-size:18px;
  min-block-size:18px;
  margin:3px 0 0;
  padding:0;
  flex:0 0 18px;
  accent-color:var(--spi-choice-focus);
}
:is(label.spi-ds-choice, .spi-ds-choice--surface) :is(span,strong){min-inline-size:0;}
@media(max-width:600px){
  :is(label.spi-ds-choice, .spi-ds-choice--surface){padding:var(--ds-space-3,12px);}
}

/* R309 — Guided Reader presentation is universal across academic modules.
   Legacy module classes are content adapters only; they must not choose layout.
   Scope to the shared Reader and semantic chapter/diagram patterns, never M01/M02. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading > section.chapter:not(.l1-calibration){
  box-sizing:border-box;
  display:block;
  min-inline-size:0;
  max-inline-size:100%;
  margin:0 0 clamp(30px,4vw,52px);
  /* The application-level chapter header owns the one separator.
     Academic section badges must not introduce a second horizontal rule. */
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading > section.chapter:not(.l1-calibration) > .chapter-head{
  max-inline-size:none;
  margin:0 0 clamp(20px,2.5vw,28px);
  padding:0 0 clamp(16px,2vw,20px);
  background:transparent;
  border:0;
  border-bottom:1px solid var(--ds-color-line,#dde5ee);
  border-radius:0;
  box-shadow:none;
}
/* Two legacy structural names represent ONE semantic five-step process component.
   Neither content nor academic step count is changed. */
/* Universal academic figure is an editorial group, never an extra card surface.
   The actual step cards own borders, background and padding. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading figure.infographic:has(> :is(.learning-flow,.learning-ribbon)){
  min-inline-size:0;
  margin:clamp(24px,3vw,34px) 0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading :is(.learning-flow,.learning-ribbon){
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:stretch;
  gap:clamp(10px,1.5vw,18px);
  margin:0;
  padding:0;
  min-inline-size:0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .learning-flow > i{display:none;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading :is(.learning-flow > .flow-chip,.learning-ribbon > div){
  position:relative;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  flex:initial;
  align-items:flex-start;
  gap:10px;
  min-inline-size:0;
  min-block-size:190px;
  margin:0;
  padding:clamp(14px,1.7vw,21px);
  border:1px solid var(--ds-color-line,#dce5ef);
  border-top:3px solid var(--ds-color-gold-500,#c5a059);
  border-radius:var(--ds-radius-sm,12px);
  background:var(--ds-color-surface,#fff);
  box-shadow:0 3px 12px rgba(16,29,58,.055);
  text-align:left;
  overflow-wrap:anywhere;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading :is(.learning-flow > .flow-chip,.learning-ribbon > div) > :is(small,span:first-child){
  display:block;
  margin:0;
  padding:0;
  font:750 clamp(14px,1.2vw,17px)/1.3 var(--ds-font-body,Inter,Arial,sans-serif);
  letter-spacing:.08em;
  color:var(--ds-color-gold-700,#9c7c40);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading :is(.learning-flow > .flow-chip,.learning-ribbon > div) > :is(b,strong){
  display:block;
  margin:0;
  font:750 clamp(14px,1.35vw,17px)/1.38 var(--ds-font-body,Inter,Arial,sans-serif);
  letter-spacing:0;
  color:var(--ds-color-navy-900,#101d3a);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading :is(.learning-flow > .flow-chip,.learning-ribbon > div) > :is(span:last-child,small:last-child){
  display:block;
  margin:0;
  font:400 clamp(13px,1.18vw,16px)/1.6 var(--ds-font-body,Inter,Arial,sans-serif);
  letter-spacing:0;
  color:var(--ds-color-body,#425875);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading :is(.learning-flow > .flow-chip,.learning-ribbon > div):not(:last-child)::after{
  content:'→';
  position:absolute;
  z-index:1;
  inset-inline-end:calc(clamp(10px,1.5vw,18px) * -.66);
  inset-block-start:48%;
  transform:translate(50%,-50%);
  color:var(--ds-color-gold-500,#c5a059);
  font:700 18px/1 var(--ds-font-body,Inter,Arial,sans-serif);
  pointer-events:none;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading figure.infographic:has(> :is(.learning-flow,.learning-ribbon)) > figcaption{
  margin:clamp(16px,2vw,22px) 0 0;
  padding:clamp(14px,1.6vw,18px) 0 0;
  border-top:1px solid var(--ds-color-line,#dce5ef);
  color:var(--ds-color-body,#425875);
  font:400 clamp(13px,1.1vw,15px)/1.65 var(--ds-font-body,Inter,Arial,sans-serif);
}
@media(max-width:1100px){
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading :is(.learning-flow,.learning-ribbon){grid-template-columns:repeat(2,minmax(0,1fr));}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading :is(.learning-flow > .flow-chip,.learning-ribbon > div){min-block-size:145px;}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading :is(.learning-flow > .flow-chip,.learning-ribbon > div)::after{display:none;}
}
@media(max-width:600px){
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading :is(.learning-flow,.learning-ribbon){grid-template-columns:minmax(0,1fr);gap:10px;}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading :is(.learning-flow > .flow-chip,.learning-ribbon > div){min-block-size:0;padding:16px;gap:7px;}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading figure.infographic:has(> :is(.learning-flow,.learning-ribbon)){padding:0;}
}

/* The same separator rule applies to EVERY ordinary chapter stage, not just orientation.
   Calibration cards remain a distinct functional component. */
/* Five equal-height steps: number, two-line heading and description each occupy
   the same grid row. min-content uses natural word boundaries, not hardcoded text
   or explicit <br> tags in a single module's academic source. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .learning-ribbon > div{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto minmax(calc(2 * 1.38em),auto) minmax(0,1fr);
  align-content:start;
  align-items:start;
  row-gap:10px;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .learning-ribbon > div > span:first-child{
  grid-row:1;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .learning-ribbon > div > strong{
  grid-row:2;
  inline-size:min-content;
  max-inline-size:100%;
  min-block-size:2.76em;
  align-self:start;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .learning-ribbon > div > small:last-child{
  grid-row:3;
  inline-size:100%;
  min-inline-size:0;
  align-self:stretch;
  padding-block-start:12px;
  border-top:1px solid var(--ds-color-line,#dce5ef);
}
@media(max-width:600px){
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .learning-ribbon > div{
    grid-template-rows:auto minmax(calc(2 * 1.38em),auto) auto;
    row-gap:8px;
  }
}

/* SPI Universal Academic Diagram Components — semantic content types, never module IDs.
   Anatomy rows (decision-lanes) and lens steps (map-layers) are reusable visuals
   in any level/module. Academic text is preserved unchanged. */
/* Same editorial figure contract for reusable decision/lens diagrams. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading figure.infographic:has(> :is(.decision-lanes,.map-layers)){
  box-sizing:border-box;
  min-inline-size:0;
  max-inline-size:100%;
  margin:clamp(24px,3vw,34px) 0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading figure.infographic:has(> :is(.decision-lanes,.map-layers)) > figcaption{
  margin:clamp(16px,2vw,22px) 0 0;
  padding:clamp(13px,1.7vw,18px) 0 0;
  border-top:1px solid var(--ds-color-line,#dce5ef);
  color:var(--ds-color-body,#425875);
  font:400 clamp(13px,1.1vw,15px)/1.65 var(--ds-font-body,Inter,Arial,sans-serif);
}
/* Decision anatomy is a true labelled matrix: one role, one actor, one responsibility.
   Final approval is visually distinct without asserting an unknown approver. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .decision-lanes{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:10px;
  min-inline-size:0;
  margin:0;
  padding:0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .decision-lanes > div{
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(125px,.8fr) minmax(145px,.85fr) minmax(0,2fr);
  align-items:center;
  column-gap:clamp(12px,1.8vw,24px);
  row-gap:7px;
  min-inline-size:0;
  min-block-size:74px;
  margin:0;
  padding:clamp(13px,1.6vw,19px);
  border:1px solid var(--ds-color-line,#dce5ef);
  border-inline-start:3px solid var(--ds-color-gold-500,#c5a059);
  border-radius:var(--ds-radius-sm,12px);
  background:var(--ds-color-surface,#fff);
  box-shadow:0 2px 10px rgba(16,29,58,.035);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .decision-lanes > .lane-owner{
  background:var(--ds-color-ivory,#fffbf2);
  border-inline-start-color:var(--ds-color-navy-800,#182b52);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .decision-lanes > div > span{
  display:block;
  margin:0;
  min-inline-size:0;
  font:750 clamp(11px,1vw,13px)/1.45 var(--ds-font-body,Inter,Arial,sans-serif);
  letter-spacing:.055em;
  text-transform:uppercase;
  color:var(--ds-color-gold-700,#9c7c40);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .decision-lanes > .lane-owner > span{
  color:var(--ds-color-navy-800,#182b52);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .decision-lanes > div > strong{
  display:block;
  margin:0;
  min-inline-size:0;
  font:750 clamp(14px,1.2vw,16px)/1.45 var(--ds-font-body,Inter,Arial,sans-serif);
  color:var(--ds-color-navy-900,#101d3a);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .decision-lanes > div > small{
  display:block;
  margin:0;
  min-inline-size:0;
  font:400 clamp(13px,1.15vw,15px)/1.55 var(--ds-font-body,Inter,Arial,sans-serif);
  color:var(--ds-color-body,#425875);
}
/* Mapping lenses reuse the same three-row rhythm as other SPI process cards,
   with 4 equal cards rather than five. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .map-layers{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(10px,1.35vw,18px);
  align-items:stretch;
  min-inline-size:0;
  margin:0;
  padding:0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .map-layers > div{
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto minmax(3em,auto) minmax(0,1fr);
  align-content:start;
  row-gap:11px;
  min-inline-size:0;
  min-block-size:200px;
  margin:0;
  padding:clamp(15px,1.6vw,21px);
  background:var(--ds-color-surface,#fff);
  border:1px solid var(--ds-color-line,#dce5ef);
  border-top:3px solid var(--ds-color-gold-500,#c5a059);
  border-radius:var(--ds-radius-sm,12px);
  box-shadow:0 3px 12px rgba(16,29,58,.055);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .map-layers > div > span{
  display:block;
  margin:0;
  font:750 clamp(12px,1.05vw,14px)/1.4 var(--ds-font-body,Inter,Arial,sans-serif);
  letter-spacing:.07em;
  color:var(--ds-color-gold-700,#9c7c40);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .map-layers > div > b{
  display:block;
  margin:0;
  font:750 clamp(14px,1.33vw,17px)/1.4 var(--ds-font-body,Inter,Arial,sans-serif);
  color:var(--ds-color-navy-900,#101d3a);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .map-layers > div > small{
  display:block;
  margin:0;
  padding-block-start:12px;
  border-top:1px solid var(--ds-color-line,#dce5ef);
  font:400 clamp(13px,1.13vw,15px)/1.55 var(--ds-font-body,Inter,Arial,sans-serif);
  color:var(--ds-color-body,#425875);
}
@media(max-width:1050px){
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .map-layers{grid-template-columns:repeat(2,minmax(0,1fr));}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .decision-lanes > div{grid-template-columns:minmax(105px,.85fr) minmax(120px,1fr) minmax(0,1.7fr);}
}
@media(max-width:700px){
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .decision-lanes > div{
    grid-template-columns:minmax(0,1fr);
    align-items:start;
    min-block-size:0;
    row-gap:5px;
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .decision-lanes > div > small{padding-block-start:6px;}
}
@media(max-width:560px){
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .map-layers{grid-template-columns:minmax(0,1fr);}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .map-layers > div{min-block-size:0;grid-template-rows:auto auto auto;}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading figure.infographic:has(> :is(.decision-lanes,.map-layers)){padding:0;}
}


/* R312 — SEMANTIC ACADEMIC GUIDANCE & MATRIX. UNIVERSAL ACROSS ALL LEVELS.
   A source document may opt into these components by functional class;
   styling may never depend on module ID. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-guidance{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:clamp(12px,1.5vw,18px);
  min-inline-size:0;
  margin:clamp(16px,2vw,24px) 0;
  padding:0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-guidance > .spi-academic-guidance-item{
  display:flex;
  flex-direction:column;
  gap:clamp(9px,1.2vw,13px);
  box-sizing:border-box;
  min-inline-size:0;
  margin:0;
  padding:clamp(17px,1.7vw,24px);
  border:1px solid var(--ds-color-line,#dce5ef);
  border-top:3px solid var(--ds-color-gold-500,#c5a059);
  border-radius:var(--ds-radius-md,14px);
  background:var(--ds-color-surface,#fff);
  box-shadow:0 6px 20px rgba(16,29,58,.055);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-guidance > .spi-academic-guidance-item[data-guidance="caution"]{
  border-top-color:var(--ds-color-navy-800,#182b52);
  background:var(--ds-color-ivory,#fffbf2);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-guidance > .spi-academic-guidance-item > h5{
  display:block;
  min-block-size:2.65em;
  margin:0;
  padding:0 0 10px;
  border-bottom:1px solid var(--ds-color-line,#dce5ef);
  font:750 clamp(15px,1.35vw,18px)/1.35 var(--ds-font-body,Inter,Arial,sans-serif);
  color:var(--ds-color-navy-900,#101d3a);
  text-wrap:pretty;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-guidance > .spi-academic-guidance-item > p{
  margin:0;
  color:var(--ds-color-body,#425875);
  font:400 clamp(14px,1.12vw,16px)/1.7 var(--ds-font-body,Inter,Arial,sans-serif);
  overflow-wrap:break-word;
}
/* Matrix rows share one visual contract across all modules (not two columns
   with an orphaned fifth card). Every attribute column has a matching axis. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-matrix-ready{
  overflow:visible;
  max-inline-size:100%;
  min-inline-size:0;
  border:0;
  padding:0;
  margin-block:clamp(18px,2vw,26px);
  background:transparent;
}
/* On wide reading surfaces, retain the original academic table: compact, tabular,
   screen-reader accessible, and without a redundant second row-card representation. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-matrix-ready > table{
  display:table;
  width:100%;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-matrix-ready > .spi-payment-mobile-table-hint{
  display:none;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-reader-matrix-cards{
  display:none;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(10px,1.3vw,16px);
  inline-size:100%;
  max-inline-size:100%;
  min-inline-size:0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-reader-matrix-card{
  display:grid;
  grid-template-columns:minmax(195px,.8fr) minmax(0,3fr);
  align-items:stretch;
  box-sizing:border-box;
  gap:0;
  min-inline-size:0;
  max-inline-size:100%;
  margin:0;
  padding:0;
  border:1px solid var(--ds-color-line,#dce5ef);
  border-radius:var(--ds-radius-md,14px);
  background:var(--ds-color-surface,#fff);
  box-shadow:0 3px 12px rgba(16,29,58,.045);
  overflow:hidden;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-reader-matrix-card-title{
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  justify-content:center;
  gap:11px;
  padding:clamp(16px,1.7vw,21px);
  border:0;
  border-inline-end:1px solid var(--ds-color-line,#dce5ef);
  border-radius:0;
  background:var(--ds-color-ivory,#fffbf2);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-reader-matrix-card-title > strong{
  min-inline-size:0;
  font:750 clamp(15px,1.22vw,17px)/1.42 var(--ds-font-body,Inter,Arial,sans-serif);
  color:var(--ds-color-navy-900,#101d3a);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-reader-matrix-fields{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr));
  gap:0;
  align-items:stretch;
  margin:0;
  padding:clamp(8px,.9vw,12px);
  min-inline-size:0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-reader-matrix-field{
  display:flex;
  flex-direction:column;
  gap:9px;
  min-inline-size:0;
  padding:clamp(10px,1.1vw,15px);
  margin:0;
  border:0;
  border-inline-end:1px solid var(--ds-color-line,#dce5ef);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-reader-matrix-field:last-child{
  border-inline-end:0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-reader-matrix-field dt{
  font:750 12px/1.45 var(--ds-font-body,Inter,Arial,sans-serif);
  letter-spacing:.025em;
  color:var(--ds-color-gold-700,#9c7c40);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-reader-matrix-field dd{
  margin:0;
  font:400 clamp(13px,1.1vw,15px)/1.6 var(--ds-font-body,Inter,Arial,sans-serif);
  color:var(--ds-color-body,#425875);
  overflow-wrap:break-word;
}
@media(max-width:1050px){
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-guidance{grid-template-columns:minmax(0,1fr);}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-guidance > .spi-academic-guidance-item > h5{min-block-size:0;}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-reader-matrix-card{grid-template-columns:minmax(0,1fr);}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-reader-matrix-card-title{
    flex-direction:row;justify-content:flex-start;align-items:center;min-block-size:0;
    border-inline-end:0;border-bottom:1px solid var(--ds-color-line,#dce5ef);
  }
}
@media(max-width:600px){
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-reader-matrix-fields{grid-template-columns:minmax(0,1fr);}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-reader-matrix-field{
    border-inline-end:0;
    border-bottom:1px solid var(--ds-color-line,#dce5ef);
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-reader-matrix-field:last-child{border-bottom:0;}
}
@media print{
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-reader-matrix-card{break-inside:avoid;}
}


/* R313 | SPI reusable academic visual components.
   Presentation is selected by content function, never by module ID.
   Source lives here; compiled profiles MUST be built, not hand-edited. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading figure.infographic.spi-decision-anatomy{
  padding:0; margin-block:clamp(18px,2.4vw,30px);
  background:transparent;border:0;box-shadow:none;border-radius:0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-anatomy > .diagram-heading{
  padding-inline:0;margin-block:0 clamp(14px,1.6vw,20px);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-anatomy > figcaption{
  margin-block:clamp(12px,1.5vw,18px) 0;padding:clamp(12px,1.5vw,18px) clamp(14px,1.6vw,20px);
  background:var(--ds-color-ivory,#fffbf2);border-inline-start:3px solid var(--ds-color-gold-500,#c5a059);border-block:0;border-radius:0 10px 10px 0;
}
/* Shared academic process: five centered equal steps; arrows never become
   independent orphan items on narrow screens. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-process{
  display:flex;align-items:stretch;justify-content:center;gap:clamp(6px,.8vw,12px);
  inline-size:100%;min-inline-size:0;box-sizing:border-box;
  padding:clamp(12px,1.6vw,20px); margin:clamp(16px,1.8vw,23px) auto;
  border:1px solid var(--ds-color-line,#dce5ef);border-radius:var(--ds-radius-md,14px);
  background:var(--ds-color-ivory,#fffbf2);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-process > span{
  display:flex;align-items:center;justify-content:center;flex:1 1 0;min-inline-size:0;
  min-block-size:clamp(80px,7vw,100px);padding:12px clamp(7px,1vw,16px);
  border:1px solid var(--ds-color-line,#dce5ef);border-top:3px solid var(--ds-color-gold-500,#c5a059);
  background:var(--ds-color-surface,#fff);border-radius:12px;
  color:var(--ds-color-navy-900,#101d3a);font:650 clamp(15px,1.1vw,17px)/1.42 var(--ds-font-body,Inter,Arial,sans-serif);
  text-align:center;text-wrap:balance;overflow-wrap:normal;white-space:normal;hyphens:none;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-process > em{
  display:flex;align-items:center;justify-content:center;flex:0 0 16px;align-self:center;
  padding:0;border:0;background:transparent;color:var(--ds-color-gold-700,#9c7c40);
  font:normal 700 20px/1 var(--ds-font-body,Inter,Arial,sans-serif);
}
/* Shared network-position matrix: flow, role and function are independently
   aligned columns, not five unreadable microcards. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-network-role-grid{
  display:grid;grid-template-columns:minmax(0,1fr);gap:10px;inline-size:100%;min-inline-size:0;
  margin-block:clamp(14px,1.7vw,23px);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-network-role-grid > div{
  display:grid;grid-template-columns:minmax(0,1.45fr) minmax(130px,.75fr) minmax(0,1.6fr);
  align-items:center;gap:clamp(12px,1.6vw,22px);box-sizing:border-box;min-inline-size:0;
  padding:clamp(13px,1.35vw,18px);margin:0;border:1px solid var(--ds-color-line,#dce5ef);
  border-inline-start:3px solid var(--ds-color-gold-500,#c5a059);border-radius:12px;
  background:var(--ds-color-surface,#fff);box-shadow:0 3px 12px rgba(16,29,58,.035);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-network-role-grid .spi-network-role-flow{
  display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:clamp(3px,.45vw,7px);
  min-inline-size:0;padding:10px 6px;border:1px solid var(--ds-color-line,#dce5ef);
  border-radius:10px;background:var(--ds-color-ivory,#fffbf2);
  line-height:1.35;text-align:center;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-network-role-grid .spi-network-node{
  display:flex;flex:1 1 0;min-inline-size:0;min-block-size:34px;align-items:center;justify-content:center;
  padding:6px 3px;border-radius:7px;color:var(--ds-color-navy-900,#101d3a);
  font:650 clamp(11px,.86vw,13px)/1.3 var(--ds-font-body,Inter,Arial,sans-serif);
  text-wrap:balance;overflow-wrap:break-word;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-network-role-grid .spi-network-broker{
  background:var(--ds-color-navy-800,#182b52);color:#fff;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-network-role-grid .spi-network-edge{
  flex:0 0 auto;padding:0;color:var(--ds-color-gold-700,#9c7c40);
  font:normal 700 clamp(13px,1.1vw,17px)/1 var(--ds-font-body,Inter,Arial,sans-serif);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-network-role-grid > div > strong{
  display:block;margin:0;color:var(--ds-color-navy-900,#101d3a);
  font:700 clamp(17px,1.4vw,20px)/1.35 var(--ds-font-heading,Georgia,serif);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-network-role-grid > div > small{
  display:block;margin:0;color:var(--ds-color-body,#425875);
  font:400 clamp(14px,1vw,16px)/1.6 var(--ds-font-body,Inter,Arial,sans-serif);
}
/* Shared research evidence rows: number | name | definition | workplace illustration.
   Each item is a row with column alignment; no orphan last card. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-evidence-grid{
  display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-inline-size:0;
  margin-block:clamp(16px,2vw,24px);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-evidence-grid > .spi-role-evidence-item{
  display:grid;grid-template-columns:46px minmax(140px,.8fr) minmax(0,1.45fr) minmax(0,1.45fr);
  align-items:start;gap:clamp(12px,1.35vw,20px);margin:0;padding:clamp(14px,1.55vw,21px);
  height:auto;box-sizing:border-box;min-inline-size:0;
  border:1px solid var(--ds-color-line,#dce5ef);border-radius:12px;background:var(--ds-color-surface,#fff);
  box-shadow:0 3px 12px rgba(16,29,58,.035);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-evidence-item > .spi-role-evidence-no{
  display:flex;align-items:center;justify-content:center;inline-size:44px;block-size:44px;
  margin:0;padding:0;border:1px solid var(--ds-color-line,#dce5ef);border-radius:10px;
  background:var(--ds-color-ivory,#fffbf2);font-weight:750;color:var(--ds-color-gold-700,#9c7c40);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-evidence-item > .spi-role-evidence-copy{display:contents;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-evidence-kicker{
  display:block;align-self:start;min-inline-size:0;margin:0;padding:11px 0 0;
  font:750 clamp(12px,1vw,14px)/1.4 var(--ds-font-body,Inter,Arial,sans-serif);
  color:var(--ds-color-gold-700,#9c7c40);text-transform:uppercase;letter-spacing:.045em;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-evidence-title{
  display:block;align-self:start;min-inline-size:0;margin:0;padding:8px 0 0;
  font:700 clamp(16px,1.2vw,19px)/1.48 var(--ds-font-heading,Georgia,serif);
  color:var(--ds-color-navy-900,#101d3a);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-evidence-item p{
  align-self:start;min-inline-size:0;margin:0;padding:7px 0 0;
  font:400 clamp(14px,1.06vw,16px)/1.62 var(--ds-font-body,Inter,Arial,sans-serif);
  color:var(--ds-color-body,#425875);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-evidence-item p b{
  display:block;margin-bottom:5px;color:var(--ds-color-gold-700,#9c7c40);
  font:750 12px/1.4 var(--ds-font-body,Inter,Arial,sans-serif);
}
@media(max-width:1180px){
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-network-role-grid > div{grid-template-columns:minmax(0,1.25fr) minmax(105px,.85fr) minmax(0,1.15fr);}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-evidence-grid > .spi-role-evidence-item{grid-template-columns:44px minmax(120px,.8fr) minmax(0,1.4fr);}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-evidence-item p{grid-column:3; padding-top:0;}
}
@media(max-width:960px){
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-process{flex-direction:column;align-items:stretch;gap:0;}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-process > span{flex:none;min-block-size:58px;}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-process > em{flex:none;min-block-size:25px;transform:rotate(90deg);}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-network-role-grid > div{grid-template-columns:minmax(0,1fr);gap:11px;}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-network-role-grid .spi-network-role-flow{justify-content:center;}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-network-role-grid > div > strong{padding:0 0 7px;border-bottom:1px solid var(--ds-color-line,#dce5ef);}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-evidence-grid > .spi-role-evidence-item{grid-template-columns:44px minmax(0,1fr);gap:10px;}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-evidence-kicker{grid-column:2;padding:10px 0 0;}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-evidence-title{grid-column:2;padding:0;}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-evidence-item p{grid-column:2;padding:0 0 3px;}
}
@media(max-width:520px){
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-network-role-grid .spi-network-role-flow{gap:3px;padding:7px 3px;}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-network-role-grid .spi-network-node{font-size:11px;}
}

/* SPI UNIVERSAL ACADEMIC PRESENTATION | source-of-truth components.
   Use by CONTENT FUNCTION in every Reader; no module-number selectors.
   .spi-learning-summary   — decision-context / takeaway narrative
   .spi-decision-role-*    — responsibility / evidence / verification matrix
   .spi-analysis-lens-*   — analytical lens plus deliverable
   Token values are stable 14/16/18/20 px tiers, not inherited browser <small> scaling. */
:root{
  --spi-academic-type-eyebrow:14px;
  --spi-academic-type-body:16px;
  --spi-academic-type-card-title:18px;
  --spi-academic-type-card-heading:20px;
  --spi-academic-type-figure-heading:17px;
  --spi-academic-type-figure-caption:15px;
  --spi-academic-type-family-nav:16px;
  --spi-academic-type-family-heading:25px;
  --spi-academic-type-role-name:23px;
  --spi-academic-line-body:1.62;
  --spi-academic-ui-gold:var(--ds-color-gold-700,#9c7c40);
  --spi-academic-ui-text:var(--ds-color-navy-900,#101d3a);
  --spi-academic-ui-muted:var(--ds-color-body,#425875);
  --spi-academic-ui-border:var(--ds-color-line,#dce5ef);
  --spi-academic-ui-paper:var(--ds-color-surface,#fff);
  --spi-academic-ui-warm:var(--ds-color-ivory,#fffbf2);
}
/* Editorial summary: a real caption with independent kicker, statement and context.
   Overrides generic figure caption appearance only for this semantic variant. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading figure.infographic > figcaption.spi-learning-summary{
  box-sizing:border-box;display:grid;gap:8px;min-inline-size:0;
  margin:clamp(14px,1.7vw,20px) 0 0;
  padding:clamp(17px,2vw,24px) clamp(18px,2.2vw,28px);
  background:var(--spi-academic-ui-warm);
  border:0;border-inline-start:3px solid var(--ds-color-gold-500,#c5a059);
  border-radius:0 12px 12px 0;
  box-shadow:none;color:var(--spi-academic-ui-muted);
  font:400 var(--spi-academic-type-body)/var(--spi-academic-line-body) var(--ds-font-body,Inter,Arial,sans-serif);
  text-align:start;overflow-wrap:break-word;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-learning-summary-kicker{
  display:block;margin:0;color:var(--spi-academic-ui-gold);text-transform:uppercase;
  letter-spacing:.08em;font:750 var(--spi-academic-type-eyebrow)/1.45 var(--ds-font-body,Inter,Arial,sans-serif);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-learning-summary-heading{
  display:block;margin:0;color:var(--spi-academic-ui-text);
  font:750 var(--spi-academic-type-card-title)/1.43 var(--ds-font-body,Inter,Arial,sans-serif);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-learning-summary p{
  margin:0;max-inline-size:92ch;color:var(--spi-academic-ui-muted);
  font:400 var(--spi-academic-type-body)/var(--spi-academic-line-body) var(--ds-font-body,Inter,Arial,sans-serif);
}
/* Decision role matrix: uniform editorial card, NOT a heavy left slab.
   Header is a small role marker; three attributes use an equal-column schema. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-role-list{
  display:grid;grid-template-columns:minmax(0,1fr);gap:12px;
  inline-size:100%;min-inline-size:0;margin:clamp(18px,2vw,28px) 0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-role-card{
  display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-inline-size:0;
  padding:0;margin:0;border:1px solid var(--spi-academic-ui-border);
  border-radius:14px;background:var(--spi-academic-ui-paper);
  box-shadow:0 4px 15px rgba(16,29,58,.035);overflow:hidden;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-role-header{
  display:flex;align-items:center;gap:clamp(12px,1.5vw,18px);min-inline-size:0;
  padding:clamp(15px,1.7vw,21px) clamp(17px,2vw,26px) 10px;
  margin:0;background:transparent;border:0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-role-index,
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-analysis-lens-number{
  display:grid;place-items:center;flex:0 0 42px;inline-size:42px;block-size:42px;
  margin:0;padding:0;border:1px solid #e7d5ac;border-radius:11px;
  background:var(--spi-academic-ui-warm);color:var(--spi-academic-ui-gold);
  font:750 var(--spi-academic-type-eyebrow)/1 var(--ds-font-body,Inter,Arial,sans-serif);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-role-name{
  margin:0;min-inline-size:0;color:var(--spi-academic-ui-text);
  font:750 var(--spi-academic-type-card-heading)/1.35 var(--ds-font-body,Inter,Arial,sans-serif);
  text-wrap:pretty;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-role-fields{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-inline-size:0;
  gap:0;margin:0;padding:8px clamp(12px,1.4vw,19px) clamp(16px,1.9vw,22px);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-role-field{
  display:grid;align-content:start;grid-template-rows:auto 1fr;gap:8px;
  min-inline-size:0;margin:0;padding:6px clamp(12px,1.25vw,19px);
  border-inline-end:1px solid var(--spi-academic-ui-border);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-role-field:last-child{border-inline-end:0;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-role-field dt{
  margin:0;color:var(--spi-academic-ui-gold);letter-spacing:.035em;
  font:750 var(--spi-academic-type-eyebrow)/1.45 var(--ds-font-body,Inter,Arial,sans-serif);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-role-field dd{
  margin:0;color:var(--spi-academic-ui-muted);overflow-wrap:break-word;
  font:400 var(--spi-academic-type-body)/var(--spi-academic-line-body) var(--ds-font-body,Inter,Arial,sans-serif);
}
/* Four reusable analysis lenses. Clear sequence: number + lens name ->
   question -> standalone output label -> output value. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-analysis-lens-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;
  min-inline-size:0;margin:clamp(18px,2vw,28px) 0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-analysis-lens-card{
  display:flex;flex-direction:column;gap:0;min-inline-size:0;
  margin:0;padding:clamp(18px,2vw,26px);border:1px solid #e6dcc8;
  border-radius:15px;background:var(--spi-academic-ui-paper);
  box-shadow:0 7px 22px rgba(16,29,58,.04);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-analysis-lens-heading{
  display:flex;align-items:flex-start;gap:14px;min-inline-size:0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-analysis-lens-heading-copy{
  display:grid;gap:8px;min-inline-size:0;flex:1;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-analysis-lens-kicker{
  display:block;margin:0;color:var(--spi-academic-ui-gold);
  text-transform:uppercase;letter-spacing:.065em;
  font:750 var(--spi-academic-type-eyebrow)/1.42 var(--ds-font-body,Inter,Arial,sans-serif);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-analysis-lens-title{
  margin:0;color:var(--spi-academic-ui-text);text-wrap:pretty;
  font:750 var(--spi-academic-type-card-title)/1.45 var(--ds-font-body,Inter,Arial,sans-serif);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-analysis-lens-output{
  display:grid;align-content:start;gap:6px;min-inline-size:0;
  margin:18px 0 0;padding:14px 0 0;
  border-top:1px solid var(--spi-academic-ui-border);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-analysis-lens-output-label{
  display:block;margin:0;color:var(--spi-academic-ui-gold);
  font:750 var(--spi-academic-type-eyebrow)/1.45 var(--ds-font-body,Inter,Arial,sans-serif);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-analysis-lens-output p{
  margin:0;color:var(--spi-academic-ui-muted);
  font:400 var(--spi-academic-type-body)/var(--spi-academic-line-body) var(--ds-font-body,Inter,Arial,sans-serif);
}
@media(max-width:880px){
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-role-fields{
    grid-template-columns:minmax(0,1fr);padding:0 18px 12px;
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-role-field{
    padding:12px 2px;border-inline-end:0;border-bottom:1px solid var(--spi-academic-ui-border);
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-role-field:last-child{border-bottom:0;}
}
@media(max-width:680px){
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-analysis-lens-grid{
    grid-template-columns:minmax(0,1fr);gap:12px;
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-analysis-lens-card{padding:17px;}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-role-header{padding:17px 18px 7px;}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-role-name{font-size:18px;}
}
@media print{
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading :is(.spi-decision-role-card,.spi-analysis-lens-card){break-inside:avoid;}
}

/* UNIVERSAL ACADEMIC SEMANTIC COMPONENTS — layout contracts (R324) */

.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-relationship-figure{
  margin-top:18px;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-relationship-frame{
  margin-top:16px;
  padding:18px;
  background:linear-gradient(180deg,#fffdf8 0%,#f7f3ea 100%);
  border:1px solid #e8dfcf;
  border-radius:20px;
  box-shadow:0 10px 28px rgba(18,24,35,.045);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-relationship-svg{
  display:block;
  width:100%;
  height:auto;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-relationship-svg text{
  font-family:Inter,"Segoe UI",sans-serif;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-relationship-reading-guide{
  margin-top:18px;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-relationship-reading-guide .spi-academic-standard-card{
  padding:20px 20px 18px;
  border-radius:16px;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-relationship-reading-guide h4{
  margin:0 0 8px;
  font:700 clamp(18px,1.8vw,21px)/1.3 Inter,"Segoe UI",sans-serif;
  color:var(--ds-color-navy-900);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-relationship-reading-guide p{
  font-size:var(--spi-academic-type-body);
  line-height:1.72;
}

/* Shared academic workflow: same hierarchy as the four analytical mapping lenses.
   Single source of truth: components are selected by meaning, never module number. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-figure{
  padding:clamp(18px,2.4vw,28px);
  background:var(--spi-academic-ui-paper);
  border-color:var(--spi-academic-ui-border);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-figure > .diagram-heading,
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-overview > .diagram-heading{
  margin:0 0 clamp(18px,2vw,24px);
  font:750 clamp(15px,1.35vw,19px)/1.45 var(--ds-font-body,Inter,Arial,sans-serif);
  letter-spacing:.065em;
  text-transform:uppercase;
  color:var(--spi-academic-ui-gold);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-process-step-grid{
  counter-reset:spiRoleChoice;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:stretch;
  gap:clamp(12px,1.35vw,18px);
  margin:0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-process-step-grid > span{display:none;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-process-step-grid > div{
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:48px minmax(3.2em,auto) minmax(0,1fr);
  align-content:start;
  row-gap:11px;
  min-height:214px;
  min-width:0;
  padding:clamp(16px,1.6vw,22px);
  position:relative;
  background:var(--spi-academic-ui-paper);
  border:1px solid var(--spi-academic-ui-border);
  border-top:3px solid var(--ds-color-gold-500,#c5a059);
  border-radius:14px;
  box-shadow:0 5px 17px rgba(16,29,58,.045);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-process-step-grid > div::before{
  counter-increment:spiRoleChoice;
  content:counter(spiRoleChoice, decimal-leading-zero);
  display:inline-grid;
  place-items:center;
  width:44px;height:44px;
  border-radius:11px;
  background:var(--ds-color-ivory,#fff7e8);
  border:1px solid #ead8ac;
  color:var(--spi-academic-ui-gold);
  font:800 var(--spi-academic-type-body)/1 var(--ds-font-body,Inter,Arial,sans-serif);
  letter-spacing:.07em;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-process-step-grid > div > b{
  display:block;
  margin:0;
  font:750 var(--spi-academic-type-card-heading)/1.38 var(--ds-font-body,Inter,Arial,sans-serif);
  color:var(--spi-academic-ui-text);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-process-step-grid > div > small{
  display:block;
  margin:0;
  padding-top:13px;
  border-top:1px solid var(--spi-academic-ui-border);
  font:400 var(--spi-academic-type-body)/1.62 var(--ds-font-body,Inter,Arial,sans-serif);
  color:var(--spi-academic-ui-muted);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-process-step-grid > div:not(:last-of-type)::after{
  content:'→';
  position:absolute;
  top:53%;right:-23px;transform:translateY(-50%);
  display:grid;place-items:center;
  width:32px;height:32px;
  border:1px solid #ead8ac;
  border-radius:50%;
  background:var(--ds-color-ivory,#fff7e8);
  box-shadow:0 3px 9px rgba(16,29,58,.05);
  color:var(--spi-academic-ui-gold);
  font:750 var(--spi-academic-type-body)/1 var(--ds-font-body,Inter,Arial,sans-serif);
  z-index:2;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-figure > figcaption{
  margin:clamp(18px,2vw,24px) 0 0;
  padding:clamp(14px,1.7vw,18px) 0 0;
  border-top:1px solid var(--spi-academic-ui-border);
  color:var(--spi-academic-ui-muted);
  font:400 var(--spi-academic-type-body)/1.62 var(--ds-font-body,Inter,Arial,sans-serif);
}
/* One universal family navigator; individual families remain academically distinct. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-overview{
  padding:clamp(18px,2.2vw,26px);
  background:var(--ds-color-ivory,#fffbf2);
  border:1px solid #e6ddce;
  border-radius:17px;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-map{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-map-item{
  display:grid;
  grid-template-columns:65px minmax(0,1fr);
  align-items:center;
  gap:12px;
  min-width:0;
  min-height:96px;
  padding:14px;
  border:1px solid var(--spi-academic-ui-border);
  border-top:3px solid var(--ds-color-gold-500,#c5a059);
  border-radius:13px;
  background:var(--spi-academic-ui-paper);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-map-item > span{
  display:grid;
  place-items:center;
  min-height:56px;
  padding:7px;
  border:1px solid #ead8ac;
  border-radius:9px;
  background:var(--ds-color-ivory,#fff7e8);
  color:var(--spi-academic-ui-gold);
  font:750 12px/1.35 var(--ds-font-body,Inter,Arial,sans-serif);
  text-align:center;
  letter-spacing:.02em;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-map-item > strong{
  min-width:0;
  font:750 var(--spi-academic-type-family-nav)/1.38 var(--ds-font-body,Inter,Arial,sans-serif);
  color:var(--spi-academic-ui-text);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-stack{
  display:flex;flex-direction:column;gap:24px;margin:20px 0 8px;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-stack .role-family{
  min-width:0;padding:clamp(17px,2.3vw,25px);
  border:1px solid #e5dccd;border-radius:20px;
  background:linear-gradient(180deg,#fffdf9,#f8f5ed);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-stack .family-title{
  display:grid;grid-template-columns:140px minmax(0,1fr);
  align-items:center;gap:9px 18px;
  margin-bottom:18px;padding-bottom:17px;
  border-bottom:1px solid var(--spi-academic-ui-border);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-stack .family-title > span{
  display:inline-flex;align-items:center;justify-content:center;
  width:max-content;padding:8px 12px;
  border:1px solid #ead8ac;border-radius:50px;
  background:var(--ds-color-ivory,#fff7e8);
  color:var(--spi-academic-ui-gold);
  font:800 var(--spi-academic-type-eyebrow)/1.35 var(--ds-font-body,Inter,Arial,sans-serif);
  letter-spacing:.07em;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-stack .family-title h3{
  margin:0;
  font:700 clamp(22px,2.2vw,var(--spi-academic-type-family-heading))/1.24 "Playfair Display",Georgia,serif;
  color:var(--spi-academic-ui-text);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-stack .family-title p{
  grid-column:2;margin:0;
  font:400 var(--spi-academic-type-body)/1.66 var(--ds-font-body,Inter,Arial,sans-serif);
  color:var(--spi-academic-ui-muted);
}
/* This grid shares eight real row tracks between each two role cards.
   Six factual rows line up across the comparison even when copy lengths differ. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-stack .role-cards{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-flow:row;gap:0 18px;
  align-items:stretch;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-stack .role{
  box-sizing:border-box;
  display:grid;grid-row:span 8;grid-template-rows:subgrid;
  min-width:0;margin:0 0 18px;
  border:1px solid #e1dace;border-top:3px solid var(--ds-color-gold-500,#c5a059);
  border-radius:16px;
  background:var(--spi-academic-ui-paper);
  overflow:hidden;
  box-shadow:0 6px 18px rgba(16,29,58,.035);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-stack .role header{
  min-width:0;min-height:0;box-sizing:border-box;
  padding:18px 20px 15px;
  display:flex;flex-direction:column;justify-content:flex-start;gap:5px;
  border:0;border-bottom:1px solid var(--spi-academic-ui-border);
  background:linear-gradient(180deg,#faf6ed,#f5efe5);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-stack .role header .small{
  margin:0;
  font:750 var(--spi-academic-type-eyebrow)/1.3 var(--ds-font-body,Inter,Arial,sans-serif);
  color:var(--spi-academic-ui-gold);letter-spacing:.07em;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-stack .role header h4{
  margin:0;
  font:700 clamp(21px,2vw,var(--spi-academic-type-role-name))/1.25 "Playfair Display",Georgia,serif;
  color:var(--spi-academic-ui-text);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-stack .role header .status{
  margin-top:auto;min-height:0;
  font:400 var(--spi-academic-type-eyebrow)/1.5 var(--ds-font-body,Inter,Arial,sans-serif);
  color:#61718a;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-stack .role .spi-role-facts{
  display:contents;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-stack .role .spi-role-facts > p:first-child{
  margin:0;padding:14px 20px 15px;
  font:400 var(--spi-academic-type-body)/1.65 var(--ds-font-body,Inter,Arial,sans-serif);
  color:var(--spi-academic-ui-muted);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-stack .role .spi-role-fact{
  box-sizing:border-box;
  display:grid;grid-template-columns:minmax(125px,30%) minmax(0,1fr);
  gap:10px;align-items:start;min-width:0;
  margin:0;padding:12px 20px;
  border-top:1px solid var(--spi-academic-ui-border);
  font:400 var(--spi-academic-type-body)/1.52 var(--ds-font-body,Inter,Arial,sans-serif);
  color:var(--spi-academic-ui-muted);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-stack .spi-role-fact-label{
  font-weight:750;color:var(--spi-academic-ui-text);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-stack .spi-role-fact-value{
  min-width:0;font-weight:400;
}
/* Certainty note placement uses a shared three-track grid, not individual min-heights.
   The example row begins at the same y in all three cards. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-evidence-certainty-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-flow:row;gap:18px;
  align-items:stretch;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-evidence-certainty-grid .spi-evidence-certainty-card{
  box-sizing:border-box;
  display:grid;grid-row:span 3;grid-template-rows:subgrid;
  grid-template-columns:42px minmax(0,1fr);
  column-gap:13px;
  min-height:0;min-width:0;
  margin:0;padding:20px 19px 20px 19px;
  border-radius:17px;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-evidence-certainty-grid .spi-certainty-copy{display:contents;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-evidence-certainty-grid .spi-analytic-detail-index{
  grid-column:1;grid-row:1;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-evidence-certainty-grid .spi-certainty-kicker{
  grid-column:2;grid-row:1;
  font:750 var(--spi-academic-type-eyebrow)/1.45 var(--ds-font-body,Inter,Arial,sans-serif);
  align-self:start;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-evidence-certainty-grid .spi-certainty-statement{
  grid-column:2;grid-row:2;
  align-self:start;display:block;
  padding-top:15px;padding-bottom:20px;
  font:700 clamp(18px,1.55vw,21px)/1.38 "Playfair Display",Georgia,serif;
  color:var(--spi-academic-ui-text);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-evidence-certainty-grid .spi-certainty-example{
  box-sizing:border-box;
  grid-column:2;grid-row:3;
  align-self:stretch;margin:0;
  padding:15px 0 0;
  border-top:1px solid var(--spi-academic-ui-border);
  font:400 var(--spi-academic-type-body)/1.6 var(--ds-font-body,Inter,Arial,sans-serif);
  color:var(--spi-academic-ui-muted);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-evidence-certainty-grid .spi-certainty-example b{
  font-weight:750;color:var(--spi-academic-ui-text);
}

.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-formation-figure .role-form-model{
  padding:24px 22px 22px;
  border-radius:20px;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-formation-figure .role-form-system,
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-formation-figure .role-form-output,
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-formation-figure .role-form-feedback{
  padding:18px 20px;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-formation-figure .role-form-system b,
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-formation-figure .role-form-output b,
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-formation-figure .role-form-feedback b{
  display:block;
  font:800 14px/1.4 Inter,"Segoe UI",sans-serif;
  letter-spacing:.08em;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-formation-figure .role-form-system small,
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-formation-figure .role-form-output small,
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-formation-figure .role-form-feedback small{
  display:block;
  margin-top:6px;
  font-size:var(--spi-academic-type-body);
  line-height:1.65;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-formation-figure .formation-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:16px 0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-formation-figure .formation-grid > div{
  min-height:122px;
  padding:18px 18px 16px;
  border-radius:16px;
  background:#fff;
  border:1px solid #e4dccd;
  box-shadow:0 8px 18px rgba(18,24,35,.04);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-formation-figure .formation-grid > div b{
  display:block;
  font:700 19px/1.35 Inter,"Segoe UI",sans-serif;
  color:var(--ds-color-navy-900);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-formation-figure .formation-grid > div small{
  display:block;
  margin-top:8px;
  font-size:var(--spi-academic-type-body);
  line-height:1.7;
  color:#52667f;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-formation-figure figcaption{
  margin-top:16px;
  font-size:var(--spi-academic-type-body);
}


/* Shared academic design contracts: causal journey, decision evolution, factor
   analysis and contextual response. These component roles are reusable across
   modules; selectors deliberately do not depend on module identity. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-causal-flow{
  display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);
  align-items:stretch;justify-items:stretch;gap:clamp(5px,.8vw,10px);
  padding:20px clamp(12px,1.7vw,24px);
  margin:22px 0;
  border:1px solid var(--spi-academic-ui-border);
  background:var(--ds-color-ivory,#fffbf3);
  border-radius:17px;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-causal-flow > span{
  box-sizing:border-box;display:flex;align-items:center;justify-content:center;
  min-width:0;min-height:52px;padding:11px 8px;border-radius:999px;
  background:var(--spi-academic-ui-paper);
  border:1px solid var(--spi-academic-ui-border);
  font:700 var(--spi-academic-type-body)/1.45 var(--ds-font-body,Inter,Arial,sans-serif);
  color:var(--spi-academic-ui-text);text-align:center;
  box-shadow:0 2px 8px rgba(16,29,58,.025);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-causal-flow > em{
  align-self:center;text-align:center;font:700 19px/1.1 var(--ds-font-body,Inter,Arial,sans-serif);
  color:var(--spi-academic-ui-gold);font-style:normal;margin:0;
}

.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-alignment-panel{
  padding:clamp(18px,2.1vw,26px);
  background:var(--ds-color-ivory,#fffbf3);
  border:1px solid var(--spi-academic-ui-border);
  border-radius:18px;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-alignment-panel > .diagram-heading{
  margin:0 0 20px;
  font:750 var(--spi-academic-type-eyebrow)/1.5 var(--ds-font-body,Inter,Arial,sans-serif);
  letter-spacing:.08em;text-transform:uppercase;color:var(--spi-academic-ui-gold);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-alignment-stages{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;margin:0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-alignment-stages > div{
  box-sizing:border-box;display:grid;
  grid-template-rows:auto minmax(2.6em,auto) 1fr;
  row-gap:10px;min-width:0;min-height:188px;
  padding:18px 19px 20px;background:var(--spi-academic-ui-paper);
  border:1px solid var(--spi-academic-ui-border);
  border-top:3px solid var(--ds-color-gold-500,#c5a059);
  border-radius:15px;box-shadow:0 5px 16px rgba(16,29,58,.035);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-alignment-stages > div > strong{
  display:block;font:750 var(--spi-academic-type-eyebrow)/1.5 var(--ds-font-body,Inter,Arial,sans-serif);
  letter-spacing:.07em;color:var(--spi-academic-ui-gold);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-alignment-stages > div > b{
  display:block;margin:0;font:750 var(--spi-academic-type-card-heading)/1.3 var(--ds-font-body,Inter,Arial,sans-serif);
  color:var(--spi-academic-ui-text);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-alignment-stages > div > small{
  display:block;margin:0;padding-top:12px;border-top:1px solid var(--spi-academic-ui-border);
  font:400 var(--spi-academic-type-body)/1.62 var(--ds-font-body,Inter,Arial,sans-serif);
  color:var(--spi-academic-ui-muted);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-alignment-panel > figcaption{
  margin:18px 0 0;padding-top:16px;border-top:1px solid var(--spi-academic-ui-border);
  font:400 var(--spi-academic-type-body)/1.62 var(--ds-font-body,Inter,Arial,sans-serif);
  color:var(--spi-academic-ui-muted);
}

/* Share row tracks across each factor pair: labels, questions and mechanisms
   begin at the same vertical position even when their text lengths differ. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-factor-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;align-items:stretch;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-factor-grid .spi-influence-factor-card{
  box-sizing:border-box;display:grid;grid-row:span 3;grid-template-rows:subgrid;
  grid-template-columns:44px minmax(0,1fr);column-gap:15px;
  min-width:0;min-height:0;margin:0;padding:18px 19px 20px;
  border-radius:16px;background:var(--spi-academic-ui-paper);
  border:1px solid var(--spi-academic-ui-border);
  box-shadow:0 4px 16px rgba(16,29,58,.035);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-factor-grid .spi-role-factor-copy{display:contents;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-factor-grid .spi-analytic-detail-index{grid-column:1;grid-row:1;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-factor-grid .spi-role-factor-kicker{
  grid-column:2;grid-row:1;align-self:center;
  font:750 var(--spi-academic-type-eyebrow)/1.5 var(--ds-font-body,Inter,Arial,sans-serif);
  letter-spacing:.08em;text-transform:uppercase;color:var(--spi-academic-ui-gold);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-factor-grid .spi-role-factor-question{
  grid-column:2;grid-row:2;display:block;align-self:start;
  margin:0;padding:5px 0 10px;
  font:700 clamp(18px,1.65vw,22px)/1.35 "Playfair Display",Georgia,serif;
  color:var(--spi-academic-ui-text);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-factor-grid .spi-role-factor-mechanism{
  grid-column:2;grid-row:3;align-self:start;
  box-sizing:border-box;margin:0;padding-top:12px;
  border-top:1px solid var(--spi-academic-ui-border);
  font:400 var(--spi-academic-type-body)/1.64 var(--ds-font-body,Inter,Arial,sans-serif);
  color:var(--spi-academic-ui-muted);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-factor-grid .spi-role-factor-mechanism b{
  color:var(--spi-academic-ui-text);font-weight:750;
}

/* A paired three-track evidence layout: circumstance, mechanism and reading
   response. It shares the same semantics as other decision-analysis cards. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-shift-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-shift-grid .spi-context-shift-card{
  display:grid;grid-row:span 3;grid-template-rows:subgrid;
  grid-template-columns:44px minmax(0,1fr);column-gap:15px;
  box-sizing:border-box;min-width:0;min-height:0;margin:0;
  padding:18px 20px;border-radius:16px;
  background:var(--spi-academic-ui-paper);border:1px solid var(--spi-academic-ui-border);
  box-shadow:0 4px 16px rgba(16,29,58,.035);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-shift-grid .spi-role-shift-copy{display:contents;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-shift-grid .spi-analytic-detail-index{grid-column:1;grid-row:1;align-self:start;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-shift-grid .spi-role-shift-title{
  grid-column:2;grid-row:1;display:block;align-self:start;
  font:700 clamp(18px,1.65vw,22px)/1.35 "Playfair Display",Georgia,serif;
  color:var(--spi-academic-ui-text);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-shift-grid :is(.spi-role-shift-mechanism,.spi-role-shift-response){
  grid-column:2;align-self:start;display:block;box-sizing:border-box;
  margin:0;padding:12px 0 10px;border-top:1px solid var(--spi-academic-ui-border);
  font:400 var(--spi-academic-type-body)/1.65 var(--ds-font-body,Inter,Arial,sans-serif);
  color:var(--spi-academic-ui-muted);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-shift-grid .spi-role-shift-mechanism{grid-row:2;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-shift-grid .spi-role-shift-response{grid-row:3;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-shift-grid :is(.spi-role-shift-mechanism,.spi-role-shift-response) b{
  color:var(--spi-academic-ui-text);font-weight:750;
}
@media(max-width:950px){
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-alignment-stages{
    grid-template-columns:minmax(0,1fr);gap:12px;
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-decision-alignment-stages > div{
    min-height:0;
  }
}
@media(max-width:900px){
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-causal-flow{
    display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:6px;
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-causal-flow > span{
    width:min(100%,370px);
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-causal-flow > em{
    transform:rotate(90deg);
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading :is(.spi-role-factor-grid,.spi-role-shift-grid){
    grid-template-columns:minmax(0,1fr);gap:13px;
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading :is(.spi-role-factor-grid .spi-influence-factor-card,.spi-role-shift-grid .spi-context-shift-card){
    grid-row:span 3;
  }
}

@media(max-width:1110px){
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-map{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-process-step-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-process-step-grid > div:nth-of-type(2)::after{display:none;}
}
@media(max-width:950px){
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-stack .family-title{
    grid-template-columns:1fr;
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-stack .family-title p{
    grid-column:1;
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-evidence-certainty-grid{
    grid-template-columns:1fr;
    gap:14px;
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-evidence-certainty-grid .spi-evidence-certainty-card{
    grid-row:span 3;
  }
}
@media(max-width:760px){
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-relationship-frame{padding:14px;}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-stack .role-family{padding:16px;}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-stack .role-cards{
    grid-template-columns:1fr;
    gap:0;
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-stack .role{
    grid-template-rows:auto;
    grid-row:auto;
    display:block;
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-stack .role .spi-role-facts{display:block;}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-stack .role .spi-role-fact{
    grid-template-columns:minmax(0,1fr);gap:4px;
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-role-formation-figure .formation-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:560px){
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-process-step-grid,
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-map{
    grid-template-columns:1fr;
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-process-step-grid > div{
    min-height:0;grid-template-rows:44px auto auto;
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-process-step-grid > div:not(:last-of-type)::after{display:none;}
}

/* Responsive network chart: diagram remains interactive via scrolling rather than being illegibly shrunk. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-relationship-mobile-hint{display:none;margin:12px 0 8px;font:650 14px/1.5 Inter,"Segoe UI",sans-serif;color:#5b6a82;}
@media(max-width:760px){
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-relationship-mobile-hint{display:block;}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-relationship-frame{overflow-x:auto;overscroll-behavior-x:contain;}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-relationship-svg{min-width:860px;max-width:none;}
}

/* SPI UNIVERSAL ACADEMIC FIGURE / SURFACE CONTRACT (R353)
   Applied by element role and reusable semantic child components across M01–M18.
   Academic figure = open editorial layout. A single card = single surface.
   No module identity selectors, custom module stylesheet or duplicate panel shell. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading figure.infographic{
  box-sizing:border-box;
  display:block;
  min-inline-size:0;
  max-inline-size:100%;
  margin:clamp(24px,2.8vw,36px) 0;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
}
/* Universal figure-title hierarchy; card titles remain smaller than figure titles. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading figure.infographic > :is(.diagram-heading,.spi-academic-figure-title){
  display:block;
  margin:0 0 clamp(14px,1.6vw,20px);
  padding:0;
  font:700 clamp(22px,1.9vw,27px)/1.32 var(--ds-font-heading,"Playfair Display",Georgia,serif);
  letter-spacing:-.012em;
  text-transform:none;
  color:var(--spi-academic-ui-text);
  text-wrap:balance;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading figure.infographic > .spi-figure-lead{
  margin:0 0 clamp(16px,1.8vw,22px);
  padding:0;
  font:400 var(--spi-academic-type-body)/1.65 var(--ds-font-body,Inter,Arial,sans-serif);
  color:var(--spi-academic-ui-muted);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading figure.infographic > figcaption:not(.spi-learning-summary){
  box-sizing:border-box;
  display:block;
  margin:clamp(14px,1.8vw,22px) 0 0;
  padding:clamp(11px,1.5vw,15px) 0 0;
  border:0;
  border-top:1px solid var(--spi-academic-ui-border);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:var(--spi-academic-ui-muted);
  font:400 var(--spi-academic-type-figure-caption)/1.65 var(--ds-font-body,Inter,Arial,sans-serif);
}
/* A concept card already is a surface. Proof/caution become readable editorial
   detail rows, not inset green/red cards inside another card. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading :is(.spi-academic-proof,.spi-academic-caution){
  box-sizing:border-box;
  min-block-size:0;
  margin:0;
  padding:clamp(10px,1.2vw,14px) 0 0;
  background:transparent;
  border:0;
  border-top:1px solid var(--spi-academic-ui-border);
  border-radius:0;
  box-shadow:none;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading :is(.spi-academic-proof,.spi-academic-caution) strong{
  display:block;
  margin-bottom:4px;
  font:750 12px/1.5 var(--ds-font-body,Inter,Arial,sans-serif);
  letter-spacing:.07em;
  text-transform:uppercase;
  color:var(--spi-academic-ui-gold);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading :is(.spi-academic-proof,.spi-academic-caution) span{
  font:400 clamp(14px,1vw,15px)/1.58 var(--ds-font-body,Inter,Arial,sans-serif);
  color:var(--spi-academic-ui-muted);
}
/* A visual taxonomy has one card layer: compact, open attribute labels above
   evidence/detail cards. Subcards are not stacked inside a tinted panel. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading figure.infographic:has(.salience-viz) .salience-graphic::before,
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading figure.infographic:has(.salience-viz) .salience-graphic::after{content:none;display:none;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading figure.infographic:has(.salience-viz) .sal-node{
  box-sizing:border-box;
  min-block-size:0;
  gap:8px;
  padding:12px 8px 14px;
  background:transparent;
  border:0;
  border-bottom:1px solid var(--spi-academic-ui-border);
  border-radius:0;
  box-shadow:none;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading figure.infographic:has(.salience-viz) .sal-node small{
  max-inline-size:29ch;
  font:500 clamp(14px,1.2vw,16px)/1.48 var(--ds-font-body,Inter,Arial,sans-serif);
}
/* Open causal model: preserve distinct system/output bands and four causal
   variables, but remove the extra cream bordered enclosing panel. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .role-form-model{
  box-sizing:border-box;
  min-inline-size:0;
  margin:0;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .formation-grid{
  gap:clamp(10px,1.2vw,16px);
  margin-block:clamp(12px,1.5vw,18px);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .formation-grid > div{
  box-shadow:none;
}
/* These tiles share one spacing scale, regardless of specific theory/diagram. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading :is(.spi-academic-concept-grid,.spi-academic-mechanism-grid,.map-layers,.spi-process-step-grid,.formation-grid){
  min-inline-size:0;
  column-gap:clamp(12px,1.6vw,18px);
  row-gap:clamp(12px,1.6vw,18px);
}
@media(max-width:700px){
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading figure.infographic{
    margin-block:clamp(18px,5vw,28px);
    padding:0;
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading figure.infographic > :is(.diagram-heading,.spi-academic-figure-title){
    font-size:clamp(21px,5.2vw,24px);
  }
}
@media print{
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading figure.infographic{
    background:transparent;border:0;box-shadow:none;padding:0;
    break-inside:auto;
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading figure.infographic > :is(.diagram-heading,.spi-academic-figure-title){break-after:avoid;}
}
/* Academic role classification is a learning taxonomy, never evidence certainty. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-archetype-family-stack .role .spi-role-concept-note{
  font:400 var(--spi-academic-type-figure-caption)/1.58 var(--ds-font-body,Inter,Arial,sans-serif);
  color:var(--spi-academic-ui-muted);
}
/* Semantic Toolkit CTA should not be repeated in every worksheet row. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-learning-toolkit-link{
  padding:13px 17px;
  background:var(--spi-academic-ui-warm);
  border-inline-start:3px solid var(--ds-color-gold-500,#c5a059);
  font:500 var(--spi-academic-type-body)/1.65 var(--ds-font-body,Inter,Arial,sans-serif);
}


/* R328 — UNIVERSAL STRUCTURED MATRIX & STAKEHOLDER READER LAYOUT CONTRACTS
   Reusable across modules: dense evidence tables become editorial matrix cards,
   analytical lens outputs align consistently, and Level I navigator blocks share
   one universal hierarchy rather than per-module patches. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-analysis-lens-grid{
  align-items:stretch;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-analysis-lens-card{
  display:grid;
  grid-template-rows:minmax(110px,auto) auto;
  align-items:stretch;
  height:100%;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-analysis-lens-heading{
  min-block-size:100%;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-analysis-lens-heading-copy{
  grid-template-rows:auto minmax(3.25em,auto);
  align-content:start;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-analysis-lens-output{
  margin-top:0;
  align-self:end;
}

/* Shared structured academic matrix: one compact row per entity / diagnostic item.
   Retains <dl> semantics and all factual content, and collapses to readable
   grouped records on smaller screens. Applies to equivalent functional matrices. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-structured-matrix{
  display:grid;grid-template-columns:minmax(0,1fr);gap:0;
  min-inline-size:0;margin:clamp(16px,1.8vw,24px) 0;
  border:1px solid var(--spi-academic-ui-border);
  border-radius:14px;background:#fff;box-shadow:none;overflow:hidden;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-structured-matrix--three{
  --spi-matrix-columns:minmax(160px,1.08fr) repeat(3,minmax(0,1fr));
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-structured-matrix--two{
  --spi-matrix-columns:minmax(165px,1fr) repeat(2,minmax(0,1.35fr));
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-structured-matrix-head{
  display:grid;grid-template-columns:var(--spi-matrix-columns);
  min-inline-size:0;background:var(--spi-academic-ui-warm,#faf6ee);
  border-bottom:1px solid var(--spi-academic-ui-border);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-structured-matrix-head > span{
  min-inline-size:0;padding:11px 14px;
  color:var(--spi-academic-ui-gold);
  font:750 clamp(11px,.85vw,12.5px)/1.4 var(--ds-font-body,Inter,Arial,sans-serif);
  letter-spacing:.025em;border-inline-end:1px solid var(--spi-academic-ui-border);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-structured-matrix-head > span:last-child{border-inline-end:0;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-structured-matrix-card{
  display:grid;grid-template-columns:var(--spi-matrix-columns);
  min-inline-size:0;align-items:stretch;margin:0;
  border:0;border-bottom:1px solid var(--spi-academic-ui-border);
  border-radius:0;background:transparent;box-shadow:none;overflow:visible;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-structured-matrix-card:last-child{border-bottom:0;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-structured-matrix-lead{
  display:flex;align-items:center;gap:10px;min-inline-size:0;
  padding:11px 14px;margin:0;border:0;background:transparent;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-structured-matrix-index{
  display:grid;place-items:center;flex:0 0 28px;
  inline-size:28px;block-size:28px;
  border:1px solid #e7d5ac;border-radius:8px;
  background:var(--spi-academic-ui-warm);color:var(--spi-academic-ui-gold);
  font:750 11px/1 var(--ds-font-body,Inter,Arial,sans-serif);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-structured-matrix-title{
  display:block;min-inline-size:0;margin:0;color:var(--spi-academic-ui-text);
  font:750 clamp(14px,1.03vw,16px)/1.36 var(--ds-font-body,Inter,Arial,sans-serif);
  overflow-wrap:anywhere;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-structured-matrix-fields{display:contents;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-structured-matrix-field{
  display:flex;align-items:center;min-inline-size:0;margin:0;
  padding:11px 14px;border-inline-start:1px solid var(--spi-academic-ui-border);border-inline-end:0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-structured-matrix-field dt{
  position:absolute;inline-size:1px;block-size:1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-structured-matrix-field dd{
  margin:0;min-inline-size:0;color:var(--spi-academic-ui-muted);overflow-wrap:break-word;
  font:400 clamp(13.5px,1vw,15px)/1.55 var(--ds-font-body,Inter,Arial,sans-serif);
}
/* Decision/case update tables should read as document evidence, not white panels. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-case-change-table{
  margin:14px 0 24px;padding:0;border:0;border-radius:0;
  background:transparent;box-shadow:none;overflow-x:auto;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-case-change-table table{
  width:100%;min-width:600px;border-collapse:collapse;margin:0;
  background:transparent;box-shadow:none;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-case-change-table :is(th,td){
  padding:12px 13px;background:transparent;border:0;
  border-bottom:1px solid var(--spi-academic-ui-border);vertical-align:top;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-case-change-table th{
  color:var(--spi-academic-ui-gold);font-weight:750;
  border-bottom:2px solid var(--spi-academic-ui-border);
}
/* Semantic network node hierarchy; figure titles remain the canonical figure heading. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-relationship-svg .spi-network-node-title{
  font-size:19px;font-weight:700;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-relationship-svg .spi-network-node-role{
  font-size:13.5px;font-weight:600;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-relationship-svg .spi-network-node-detail{
  font-size:12.5px;font-weight:450;
}
@media(max-width:900px){
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-structured-matrix-head{display:none;}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-structured-matrix-card{
    display:block;grid-template-columns:minmax(0,1fr);
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-structured-matrix-lead{
    padding:12px 14px 6px;
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-structured-matrix-fields{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 7px 10px;
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-structured-matrix--two .spi-structured-matrix-fields{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-structured-matrix-field{
    display:grid;align-content:start;gap:5px;padding:8px 10px;
    border-inline-start:0;border-inline-end:0;border-bottom:0;
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-structured-matrix-field dt{
    position:static;inline-size:auto;block-size:auto;overflow:visible;
    clip:auto;clip-path:none;white-space:normal;
    color:var(--spi-academic-ui-gold);
    font:750 clamp(11px,1.4vw,12px)/1.4 var(--ds-font-body,Inter,Arial,sans-serif);
  }
}
@media(max-width:620px){
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-structured-matrix-fields,
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-structured-matrix--two .spi-structured-matrix-fields{
    grid-template-columns:minmax(0,1fr);padding:0 10px 9px;
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-structured-matrix-field{
    padding:7px 8px;gap:3px;
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-structured-matrix-field dd{
    font-size:14px;
  }
}

.spi-module-reader-mode .spi-gcr-reading .spi-stakeholder-intelligence-reader .l1-flow{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  margin:18px 0 24px;
  align-items:stretch;
}
.spi-module-reader-mode .spi-gcr-reading .spi-stakeholder-intelligence-reader .l1-flow > div{
  display:grid;
  align-content:start;
  gap:8px;
  min-height:96px;
  padding:16px 16px 17px;
  border:1px solid #e2d8c6;
  border-top:3px solid var(--ds-color-gold-500,#c5a059);
  border-radius:14px;
  background:linear-gradient(180deg,#fff 0%,#fcfaf6 100%);
  box-shadow:0 5px 18px rgba(16,29,58,.035);
}
.spi-module-reader-mode .spi-gcr-reading .spi-stakeholder-intelligence-reader .l1-flow strong{
  display:block;
  margin:0;
  color:var(--spi-academic-ui-gold);
  font:750 14px/1.45 var(--ds-font-body,Inter,Arial,sans-serif);
  letter-spacing:.03em;
}
.spi-module-reader-mode .spi-gcr-reading .spi-stakeholder-intelligence-reader .l1-flow span{
  display:block;
  margin:0;
  color:var(--spi-academic-ui-muted);
  font:400 var(--spi-academic-type-body)/1.58 var(--ds-font-body,Inter,Arial,sans-serif);
}
.spi-module-reader-mode .spi-gcr-reading .spi-stakeholder-intelligence-reader .l1-levels{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin:18px 0 24px;
  align-items:stretch;
}
.spi-module-reader-mode .spi-gcr-reading .spi-stakeholder-intelligence-reader .l1-levels article{
  display:grid;
  align-content:start;
  gap:10px;
  min-height:164px;
  padding:20px 20px 18px;
  border:1px solid #e2d8c6;
  border-radius:16px;
  background:linear-gradient(180deg,#fff 0%,#fcfaf6 100%);
  box-shadow:0 7px 22px rgba(16,29,58,.04);
}
.spi-module-reader-mode .spi-gcr-reading .spi-stakeholder-intelligence-reader .l1-levels b{
  display:block;
  margin:0;
  color:var(--spi-academic-ui-gold);
  font:750 clamp(15px,1.2vw,18px)/1.45 var(--ds-font-body,Inter,Arial,sans-serif);
}
.spi-module-reader-mode .spi-gcr-reading .spi-stakeholder-intelligence-reader .l1-levels p{
  margin:0;
  color:var(--spi-academic-ui-text);
  font:400 clamp(16px,1.15vw,18px)/1.68 var(--ds-font-body,Inter,Arial,sans-serif);
}
.spi-module-reader-mode .spi-gcr-reading .spi-stakeholder-intelligence-reader .l1-compare{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin:clamp(18px,2vw,28px) 0;
  align-items:stretch;
}
.spi-module-reader-mode .spi-gcr-reading .spi-stakeholder-intelligence-reader .l1-compare > div{
  display:grid;
  grid-template-rows:auto auto 1fr;
  align-content:start;
  gap:12px;
  min-height:100%;
  padding:24px 24px 22px;
  border-radius:18px;
  border:1px solid var(--spi-academic-ui-border);
}
.spi-module-reader-mode .spi-gcr-reading .spi-stakeholder-intelligence-reader .l1-compare > div:first-child{
  background:linear-gradient(180deg,#fdf6f4 0%,#fbf0ed 100%);
  border-color:#edcfc8;
}
.spi-module-reader-mode .spi-gcr-reading .spi-stakeholder-intelligence-reader .l1-compare > div:last-child{
  background:linear-gradient(180deg,#f4faf8 0%,#eef6f3 100%);
  border-color:#cfded8;
}
.spi-module-reader-mode .spi-gcr-reading .spi-stakeholder-intelligence-reader .l1-compare h4{
  margin:0;
  color:var(--spi-academic-ui-text);
  font:700 clamp(22px,2vw,28px)/1.2 "Playfair Display",Georgia,serif;
}
.spi-module-reader-mode .spi-gcr-reading .spi-stakeholder-intelligence-reader .l1-compare > div:first-child h4{color:#a95a46;}
.spi-module-reader-mode .spi-gcr-reading .spi-stakeholder-intelligence-reader .l1-compare > div:last-child h4{color:#486e64;}
.spi-module-reader-mode .spi-gcr-reading .spi-stakeholder-intelligence-reader .l1-compare p{
  margin:0;
  color:var(--spi-academic-ui-text);
  font:400 clamp(16px,1.15vw,18px)/1.7 var(--ds-font-body,Inter,Arial,sans-serif);
}
.spi-module-reader-mode .spi-gcr-reading .spi-stakeholder-intelligence-reader .l1-compare p strong{
  color:var(--spi-academic-ui-text);
}

@media(max-width:980px){
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-analysis-lens-card{
    grid-template-rows:minmax(145px,auto) auto;
  }

  .spi-module-reader-mode .spi-gcr-reading .spi-stakeholder-intelligence-reader .l1-flow{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .spi-module-reader-mode .spi-gcr-reading .spi-stakeholder-intelligence-reader .l1-levels,
  .spi-module-reader-mode .spi-gcr-reading .spi-stakeholder-intelligence-reader .l1-compare{
    grid-template-columns:1fr;
  }
}
@media(max-width:880px){
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-analysis-lens-grid{
    grid-template-columns:minmax(0,1fr);
  }
}
@media(max-width:760px){
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-analysis-lens-card{
    grid-template-rows:auto auto;
  }
}
@media(max-width:560px){
  .spi-module-reader-mode .spi-gcr-reading .spi-stakeholder-intelligence-reader .l1-flow{
    grid-template-columns:1fr;
  }
}

/* R332 · Universal scenario analysis, unframed multi-stage workspace and save feedback.
   Semantic functional classes; never address module numbers or compiled CSS. */
:root{
  --spi-practice-line:var(--ds-color-line,#dce4ee);
  --spi-practice-ink:var(--ds-color-navy-900,#101d3a);
  --spi-practice-muted:var(--ds-color-muted,#586980);
  --spi-practice-gold:var(--ds-color-gold-500,#c5a059);
  --spi-practice-surface:var(--ds-color-surface,#fff);
}
/* SCENARIO COACH — compact segmented choice and five-row reasoning panel */
.spi-module-toolkit .spi-ds-scenario{padding:clamp(18px,2.5vw,30px);overflow:visible;}
.spi-module-toolkit .spi-ds-scenario-intro{padding:0;}
.spi-module-toolkit .spi-ds-scenario-intro>p:not(.spi-kt-kicker){max-width:78ch;line-height:1.65;}
.spi-module-toolkit .spi-ds-scenario-options{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 14px;}
.spi-module-toolkit .spi-ds-scenario-option.btn{min-height:44px;min-width:142px;padding:10px 17px;border-radius:9px;border:1px solid var(--spi-practice-line);background:#fff;color:var(--spi-practice-ink);font:700 13px/1.4 Inter,Arial,sans-serif;box-shadow:none;transition:background .16s,border-color .16s;}
.spi-module-toolkit .spi-ds-scenario-option.btn[aria-pressed="true"]{background:var(--spi-practice-ink);border-color:var(--spi-practice-ink);color:#fff;box-shadow:inset 0 -3px 0 var(--spi-practice-gold);}
.spi-module-toolkit .spi-ds-scenario-option.btn:hover{border-color:var(--spi-practice-gold);}
.spi-module-toolkit .spi-ds-scenario-option.btn:focus-visible{outline:3px solid var(--spi-practice-gold);outline-offset:3px;}
.spi-module-toolkit .spi-ds-scenario-result.spi-kt-example{display:block;margin:0;border:1px solid var(--spi-practice-line);border-radius:12px;background:#fff;overflow:hidden;min-height:82px;}
.spi-module-toolkit .spi-ds-scenario-result>p.spi-ds-scenario-empty,
.spi-module-toolkit .spi-ds-scenario-result>p{padding:22px;margin:0;color:var(--spi-practice-muted);font-size:14px;line-height:1.6;}
.spi-module-toolkit .spi-ds-scenario-result-title{font:750 clamp(17px,1.5vw,20px)/1.3 Inter,Arial,sans-serif;margin:0;padding:17px 21px;background:#f7f9fc;border-bottom:1px solid var(--spi-practice-line);color:var(--spi-practice-ink);}
.spi-module-toolkit .spi-ds-scenario-analysis{margin:0;padding:0;}
.spi-module-toolkit .spi-ds-scenario-row{display:grid;grid-template-columns:minmax(135px,24%) minmax(0,1fr);align-items:start;gap:18px;padding:13px 21px;border-top:1px solid #edf0f4;}
.spi-module-toolkit .spi-ds-scenario-row:first-child{border-top:0;}
.spi-module-toolkit .spi-ds-scenario-row:nth-child(even){background:#fbfcfd;}
.spi-module-toolkit .spi-ds-scenario-row dt{font:750 13px/1.55 Inter,Arial,sans-serif;color:var(--spi-practice-ink);}
.spi-module-toolkit .spi-ds-scenario-row dd{margin:0;min-width:0;overflow-wrap:anywhere;font:400 14px/1.62 Inter,Arial,sans-serif;color:#344661;}
.spi-module-toolkit .spi-ds-scenario-next{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;margin:14px 0 0;padding:13px 16px;background:#f8fafc;border-left:3px solid var(--spi-practice-gold);border-radius:0 8px 8px 0;color:#475971;font:400 13px/1.65 Inter,Arial,sans-serif;}
.spi-module-toolkit .spi-ds-scenario-next>strong{color:var(--spi-practice-ink);font-size:13px;}
/* STAGE WORKSPACE — header, overview, then four independent accordion surfaces */
body.spi-module-toolkit .spi-ds-toolkit-workspace.spi-kt-work-panel{display:block;margin:0 0 20px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;}
body.spi-module-toolkit .spi-ds-toolkit-workspace>.spi-kt-work-heading{margin:0 0 17px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;}
body.spi-module-toolkit .spi-ds-toolkit-workspace>.spi-kt-work-heading>p:not(.spi-kt-kicker){max-width:84ch;}
body.spi-module-toolkit .spi-ds-toolkit-workspace>.spi-ds-stage-overview.spi-kt-howto{display:block;margin:0 0 23px;padding:0;border:0;background:transparent;border-radius:0;box-shadow:none;}
body.spi-module-toolkit .spi-ds-toolkit-workspace>.spi-ds-stage-overview>h3{margin:0 0 11px;font:700 14px/1.4 Inter,Arial,sans-serif;color:var(--spi-practice-ink);}
body.spi-module-toolkit .spi-ds-toolkit-workspace>.spi-ds-stage-overview .spi-kt-howto-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;}
body.spi-module-toolkit .spi-ds-toolkit-workspace>.spi-ds-stage-overview .spi-kt-howto-grid>li{margin:0;padding:15px 16px 15px 55px;background:#fff;border:1px solid var(--spi-practice-line);border-radius:11px;box-shadow:none;min-height:120px;}
body.spi-module-toolkit .spi-ds-toolkit-workspace>.spi-ds-stage-overview .spi-kt-howto-grid>li::before{top:16px;left:15px;}
body.spi-module-toolkit .spi-ds-toolkit-workspace .spi-ds-stage-section,
body.spi-module-toolkit details.spi-ds-stage-section{display:block;box-sizing:border-box;margin:0 0 19px;padding:0;max-width:100%;border:1px solid var(--spi-practice-line);border-radius:12px;background:#fff;box-shadow:none;overflow:hidden;}
body.spi-module-toolkit .spi-ds-toolkit-workspace .spi-ds-stage-section>summary,
body.spi-module-toolkit details.spi-ds-stage-section>summary.spi-kt-stage-summary{display:grid;grid-template-columns:40px minmax(0,1fr) 14px;gap:15px;align-items:center;min-height:0;padding:19px 21px;background:#f8fafc;border:0;cursor:pointer;}
body.spi-module-toolkit .spi-ds-stage-section[open]>summary.spi-kt-stage-summary{border-bottom:1px solid var(--spi-practice-line);background:#f7f9fb;}
body.spi-module-toolkit .spi-ds-stage-section .spi-kt-stage-index{display:grid;place-items:center;width:39px;height:39px;border-radius:9px;font-size:14px;}
body.spi-module-toolkit .spi-ds-stage-section .spi-kt-stage-heading-copy .spi-kt-stage-label{margin:0 0 5px;font:750 11px/1.35 Inter,Arial,sans-serif;letter-spacing:.1em;}
body.spi-module-toolkit .spi-ds-stage-section .spi-kt-stage-heading-copy>strong{display:block;margin:0 0 6px;font:750 clamp(18px,1.6vw,22px)/1.3 Inter,Arial,sans-serif;letter-spacing:-.014em;}
body.spi-module-toolkit .spi-ds-stage-section .spi-kt-stage-heading-copy>small{font:400 13px/1.58 Inter,Arial,sans-serif;}
body.spi-module-toolkit .spi-ds-stage-section .spi-kt-stage-chevron{margin:0;justify-self:end;}
body.spi-module-toolkit .spi-ds-stage-section>.spi-kt-stage-content{padding:clamp(16px,2vw,25px);}
/* DRAFT STATUS — the server remains the only authority for success. */
body.spi-module-toolkit .spi-ds-save-row.spi-kt-save-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid var(--spi-practice-line);padding:17px 0 0;margin:20px 0 0;}
body.spi-module-toolkit .spi-ds-save-row>.btn{min-height:43px;flex:0 0 auto;}
body.spi-module-toolkit .spi-ds-save-row>.spi-ds-save-status{flex:1 1 215px;display:flex;align-items:center;gap:8px;margin:0;padding:0;background:transparent;border:0;color:#617187;font:500 13px/1.5 Inter,Arial,sans-serif;}
body.spi-module-toolkit .spi-ds-save-status::before{content:'';display:block;flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#aeb9c7;}
body.spi-module-toolkit .spi-ds-save-status[data-save-state="saving"]::before{background:#b88632;}
body.spi-module-toolkit .spi-ds-save-status[data-save-state="saved"]::before{background:#2b8b69;}
body.spi-module-toolkit .spi-ds-save-status[data-save-state="saved"]{color:#276b52;}
body.spi-module-toolkit .spi-ds-save-status:is([data-save-state="error"],[data-save-state="offline"],[data-save-state="conflict"]){color:#a13d3d;}
body.spi-module-toolkit .spi-ds-save-status:is([data-save-state="error"],[data-save-state="offline"],[data-save-state="conflict"])::before{background:#be5353;}
@media(max-width:760px){
  body.spi-module-toolkit .spi-ds-toolkit-workspace>.spi-ds-stage-overview .spi-kt-howto-grid{grid-template-columns:1fr;}
  .spi-module-toolkit .spi-ds-scenario-row{grid-template-columns:minmax(0,1fr);gap:4px;padding:12px 15px;}
  .spi-module-toolkit .spi-ds-scenario-result-title{padding:15px;}
  .spi-module-toolkit .spi-ds-scenario-next{grid-template-columns:minmax(0,1fr);gap:4px;}
}
@media(max-width:520px){
  .spi-module-toolkit .spi-ds-scenario-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
  .spi-module-toolkit .spi-ds-scenario-option.btn{min-width:0;padding:10px 6px;font-size:12px;}
  body.spi-module-toolkit .spi-ds-stage-section>summary.spi-kt-stage-summary,
  body.spi-module-toolkit .spi-ds-toolkit-workspace .spi-ds-stage-section>summary{grid-template-columns:36px minmax(0,1fr) 12px;gap:11px;padding:16px 13px;}
  body.spi-module-toolkit .spi-ds-stage-section .spi-kt-stage-index{width:35px;height:35px;}
  body.spi-module-toolkit .spi-ds-save-row>.btn{flex:1 1 100%;}
  body.spi-module-toolkit .spi-ds-save-row>.spi-ds-save-status{flex-basis:100%;}
}
@media(prefers-reduced-motion:reduce){.spi-module-toolkit .spi-ds-scenario-option.btn{transition:none;}}


/* SPI R333 — UNIVERSAL TOOLKIT CONTENT HIERARCHY
   Canonical functional selectors, not module-number selectors. Compiled through
   build_all_design.py. No one-off stylesheet, no !important, no lesson-specific rule. */

/* Four-step navigation: centre badge and label as one semantic group. */
body.spi-module-toolkit .spi-kt-route .spi-kt-steps{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;
  overflow:visible;margin:0;padding:0;border:0;background:transparent;
}
body.spi-module-toolkit .spi-kt-route .spi-kt-steps>a{
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  gap:10px;min-height:90px;margin:0;padding:14px 10px;
  background:#fbfcfe;border:1px solid var(--ds-color-line,#dce4ee);
  border-radius:10px;text-align:center;line-height:1.4;
}
body.spi-module-toolkit .spi-kt-route .spi-kt-steps>a:last-child{border-right:1px solid var(--ds-color-line,#dce4ee);}
body.spi-module-toolkit .spi-kt-route .spi-kt-steps>a>b{flex:0 0 29px;display:grid;place-items:center;width:29px;height:29px;margin:0;}
body.spi-module-toolkit .spi-kt-route .spi-kt-steps>a>span{display:block;min-width:0;line-height:1.45;font-size:13px;max-width:19ch;}

/* One semantic case panel, no gratuitous divider before its content or lenses. */
body.spi-module-toolkit .spi-kt-case.spi-toolkit-layout-reference>.spi-toolkit-layout-reference-body{
  margin:0;padding:0;border:0;min-width:0;
}
body.spi-module-toolkit .spi-kt-case .spi-kt-case-context{margin:0;padding:0;}
body.spi-module-toolkit .spi-kt-case .spi-kt-lenses{border-top:0;margin-top:20px;padding-top:0;}
body.spi-module-toolkit .spi-kt-case .spi-kt-lenses-heading{margin-bottom:13px;}
body.spi-module-toolkit .spi-kt-case .spi-kt-lens-grid{margin:0;}

/* Example disclosures: white compact cards, legible and vertically aligned. */
body.spi-module-toolkit .spi-kt-case details.spi-kt-example{
  box-sizing:border-box;min-width:0;max-width:100%;
  margin:12px 0 0;padding:0;border:1px solid var(--ds-color-line,#dce4ee);
  border-radius:11px;background:#fff;overflow:hidden;
}
body.spi-module-toolkit .spi-kt-case details.spi-kt-example>summary{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  box-sizing:border-box;margin:0;padding:14px 16px;min-height:54px;
  list-style:none;cursor:pointer;text-align:left;
  font:700 14px/1.5 var(--ds-font-body,Inter,Arial,sans-serif);
  color:var(--ds-color-navy-900,#101d3a);border:0;background:#fff;
}
body.spi-module-toolkit .spi-kt-case details.spi-kt-example>summary::-webkit-details-marker{display:none;}
body.spi-module-toolkit .spi-kt-case details.spi-kt-example>summary::after{
  content:'';display:block;flex:0 0 9px;width:9px;height:9px;
  border-right:2px solid #946b2c;border-bottom:2px solid #946b2c;
  transform:rotate(45deg);margin:0 3px 4px 8px;
}
body.spi-module-toolkit .spi-kt-case details.spi-kt-example[open]>summary{
  border-bottom:1px solid var(--ds-color-line,#dce4ee);
  background:#f9fafc;
}
body.spi-module-toolkit .spi-kt-case details.spi-kt-example[open]>summary::after{transform:rotate(225deg);margin-bottom:0;}
body.spi-module-toolkit .spi-kt-case details.spi-kt-example>.spi-kt-example-grid,
body.spi-module-toolkit .spi-kt-case details.spi-kt-example>ol,
body.spi-module-toolkit .spi-kt-case details.spi-kt-example>p{margin:0;padding:15px 18px;}
body.spi-module-toolkit .spi-kt-case details.spi-kt-example>ol{padding-left:39px;line-height:1.65;}
body.spi-module-toolkit .spi-kt-case details.spi-kt-example>p{padding-top:2px;}
body.spi-module-toolkit .spi-kt-case details.spi-kt-example>summary:focus-visible{outline:3px solid #c5a059;outline-offset:-3px;}

/* Workspace: the intro/overview gets ONE white framed surface.
   Stages 01/02 remain independent white cards beneath it, with 03/04 siblings. */
body.spi-module-toolkit .spi-ds-toolkit-workspace.spi-kt-work-panel{margin:0 0 20px;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible;}
body.spi-module-toolkit .spi-ds-toolkit-workspace>.spi-ds-practice-intro{
  box-sizing:border-box;width:100%;margin:0 0 20px;
  padding:clamp(20px,2.4vw,30px);border:1px solid var(--ds-color-line,#dce4ee);
  border-radius:15px;background:#fff;box-shadow:0 6px 24px rgba(16,29,58,.035);
}
body.spi-module-toolkit .spi-ds-practice-intro>.spi-kt-work-heading{
  margin:0 0 19px;padding:0;border:0;background:transparent;box-shadow:none;
}
body.spi-module-toolkit .spi-ds-practice-intro>.spi-kt-work-heading>p:not(.spi-kt-kicker){max-width:none;width:100%;}
body.spi-module-toolkit .spi-ds-practice-intro>.spi-ds-stage-overview.spi-kt-howto{
  display:block;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;
}
body.spi-module-toolkit .spi-ds-practice-intro>.spi-ds-stage-overview>h3{
  margin:0 0 12px;font:700 14px/1.4 Inter,Arial,sans-serif;color:var(--ds-color-navy-900,#101d3a);
}
body.spi-module-toolkit .spi-ds-practice-intro .spi-kt-howto-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:0;padding:0;list-style:none;
}
body.spi-module-toolkit .spi-ds-practice-intro .spi-kt-howto-grid>li{
  margin:0;min-height:104px;padding:14px 15px;
  border:1px solid var(--ds-color-line,#dce4ee);border-radius:10px;
  background:#f9fafc;box-shadow:none;
}
body.spi-module-toolkit .spi-ds-practice-intro .spi-kt-howto-grid>li{
  display:grid;grid-template-columns:39px minmax(0,1fr);gap:5px 12px;align-content:start;
}
body.spi-module-toolkit .spi-ds-practice-intro .spi-kt-howto-grid>li::before{
  position:static;grid-column:1;grid-row:1 / span 3;left:auto;top:auto;margin:0;
}
body.spi-module-toolkit .spi-ds-practice-intro .spi-kt-howto-grid>li>strong,
body.spi-module-toolkit .spi-ds-practice-intro .spi-kt-howto-grid>li>span,
body.spi-module-toolkit .spi-ds-practice-intro .spi-kt-howto-grid>li>small{
  grid-column:2;min-width:0;margin:0;
}
body.spi-module-toolkit details.spi-ds-stage-section{
  margin:0 0 17px;background:#fff;border:1px solid var(--ds-color-line,#dce4ee);
  border-radius:12px;box-shadow:0 3px 14px rgba(16,29,58,.025);
}
body.spi-module-toolkit details.spi-ds-stage-section>summary.spi-kt-stage-summary{
  background:#fff;align-items:center;cursor:pointer;
}
body.spi-module-toolkit details.spi-ds-stage-section[open]>summary.spi-kt-stage-summary{background:#f8fafc;}
body.spi-module-toolkit .spi-ds-toolkit-workspace #spi-kt-save-actions{
  margin:1px 0 19px;padding:0 17px;
}
body.spi-module-toolkit .spi-ds-toolkit-workspace .spi-ds-save-row.spi-kt-save-row{
  border:1px solid var(--ds-color-line,#dce4ee);border-left:3px solid #c5a059;
  border-radius:10px;background:#fff;padding:13px 16px;margin:0;
}
@media(max-width:760px){
  body.spi-module-toolkit .spi-ds-practice-intro .spi-kt-howto-grid{grid-template-columns:1fr;}
  body.spi-module-toolkit .spi-kt-route .spi-kt-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
}
@media(max-width:420px){
  body.spi-module-toolkit .spi-kt-route .spi-kt-steps>a{padding:12px 8px;min-height:82px;}
  body.spi-module-toolkit .spi-kt-route .spi-kt-steps>a>span{font-size:12px;}
}

/* Closed stage summaries stay scannable on narrow screens without hiding
   actual form content after the user expands the native details element. */
body.spi-module-toolkit details.spi-ds-stage-section:not([open])>.spi-kt-stage-summary .spi-kt-stage-heading-copy>small{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  overflow:hidden;
}


/* SPI R334 · UNIVERSAL LEARNING TYPOGRAPHY + STAGE 01 JOURNEY
   Semantic component roles (not module ID). Single source, all CSS profiles rebuild.
   Named roles shared by Reader / assessment / Decision Lab / Toolkit templates. */
:root{
 --spi-learning-page-heading:clamp(28px,2.45vw,36px);
 --spi-learning-stage-heading:clamp(24px,1.8vw,26px);
 --spi-learning-substep-heading:21px;
 --spi-learning-group-heading:17px;
 --spi-learning-body:15px;
 --spi-learning-field-label:15px;
 --spi-learning-helper:13px;
 --spi-learning-label:11px;
 --spi-learning-stack-gap:26px;
}
.spi-learning-stage-title{
 display:block;margin:0 0 7px;color:#101d3a;
 font:750 var(--spi-learning-stage-heading)/1.3 Inter,Arial,sans-serif;
 letter-spacing:-.018em;
}
.spi-learning-substep-title{
 display:block;margin:0 0 10px;color:#101d3a;
 font:750 var(--spi-learning-substep-heading)/1.35 Inter,Arial,sans-serif;
 letter-spacing:-.015em;
}
.spi-learning-substep-index{
 display:block;margin:0 0 7px;
 font:750 var(--spi-learning-label)/1.55 Inter,Arial,sans-serif;
 letter-spacing:.10em;color:#946b2c;text-transform:uppercase;
}
.spi-learning-substep-lead{font:400 var(--spi-learning-body)/1.65 Inter,Arial,sans-serif;max-width:82ch;}
.spi-learning-field-label{display:block;font:700 var(--spi-learning-field-label)/1.5 Inter,Arial,sans-serif;color:#101d3a;}
.spi-learning-helper{display:block;font:400 var(--spi-learning-helper)/1.55 Inter,Arial,sans-serif;color:#51657d;}
.spi-learning-substep{scroll-margin-top:94px;}
.spi-learning-substep-map{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;
 margin:0 0 25px;padding:0;background:transparent;
}
.spi-learning-substep-map>a{
 display:flex;align-items:center;gap:10px;min-width:0;min-height:53px;
 padding:10px 14px;border:1px solid #dbe3ef;border-radius:10px;
 color:#101d3a;text-decoration:none;background:#f7f9fc;
 font:650 14px/1.4 Inter,Arial,sans-serif;
}
.spi-learning-substep-map>a>b{
 display:grid;place-items:center;flex:0 0 36px;width:36px;height:30px;
 border-radius:7px;background:#f3e8cf;color:#835e22;font-size:12px;
}
.spi-learning-substep-map>a:focus-visible,
.spi-learning-next-action>a:focus-visible{
 outline:3px solid #c5a059;outline-offset:2px;
}
/* Native specialist Toolkit widgets share the very same semantic heading roles.
   Intentional higher specificity prevents historical .spi-ppsa-panel h3 / h4 rules
   from reversing the parent/child hierarchy. */
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-stage-title{
 margin:0 0 7px;font:750 var(--spi-learning-stage-heading)/1.3 Inter,Arial,sans-serif;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-substep-title,
body.spi-module-toolkit .spi-ds-stage-section #structured-toolkit .spi-learning-substep-title,
body.spi-module-toolkit .spi-ds-stage-section .spi-ppsa-subhead .spi-learning-substep-title{
 margin:0 0 10px;font:750 var(--spi-learning-substep-heading)/1.35 Inter,Arial,sans-serif;
 letter-spacing:-.015em;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-field-label{
 font:700 var(--spi-learning-field-label)/1.5 Inter,Arial,sans-serif;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-helper{
 font:400 var(--spi-learning-helper)/1.55 Inter,Arial,sans-serif;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-substep-index{
 margin:0 0 7px;font:750 var(--spi-learning-label)/1.55 Inter,Arial,sans-serif;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-substep-lead{
 margin:0 0 17px;max-width:none;font:400 var(--spi-learning-body)/1.65 Inter,Arial,sans-serif;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-substep{
 padding-top:22px;padding-bottom:22px;
}
/* Shared section labels; same typography role as purpose, pathway and scenario labels.
   Explicit role class prevents historical larger blue workspace label. */
body.spi-module-toolkit .spi-ds-practice-intro .spi-learning-section-kicker,
body.spi-module-toolkit .spi-kt-work-heading .spi-learning-section-kicker,
.spi-learning-section-kicker{
  display:block;margin:0 0 10px;color:#946b2c;
  font:750 12px/1.55 Inter,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;
}
/* Full text columns in spacious task panels, not a narrow 78ch Reader measure. */
body.spi-module-toolkit .spi-ds-practice-intro .spi-kt-work-heading>p:not(.spi-kt-kicker),
body.spi-module-toolkit .spi-kt-case-context>p:not(.spi-kt-kicker),
body.spi-module-toolkit .spi-ds-scenario-intro>p:not(.spi-kt-kicker),
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-substep>p,
body.spi-module-toolkit .spi-ds-stage-section .spi-ppsa-subhead p,
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-substep-result>p{
  width:auto;max-width:none;min-width:0;
}
/* A/B/C use the same role label regardless of their legacy base class. */
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-task-kicker{
  display:block;margin:0 0 6px;color:#946b2c;
  font:750 11px/1.55 Inter,Arial,sans-serif;letter-spacing:.10em;text-transform:uppercase;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-substep-result .spi-learning-result-kicker{
  display:block;margin:0 0 6px;color:#946b2c;
  font:750 11px/1.5 Inter,Arial,sans-serif;letter-spacing:.085em;text-transform:uppercase;
}
/* Unified task output panels: aligned labels, body, compact empty state. */
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-substep-result{
  box-sizing:border-box;max-width:100%;min-width:0;margin:14px 0 18px;
  padding:15px 17px;border:1px solid #dce5ef;border-left:3px solid #c5a059;
  border-radius:10px;background:#f7f9fc;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-substep-result>.spi-toolkit-help-live{
  box-sizing:border-box;min-height:0;margin:8px 0 10px;padding:10px 12px;
  font:400 13px/1.55 Inter,Arial,sans-serif;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-substep-result .spi-toolkit-stage-preview-actions{
  margin-top:10px;gap:8px;
}
/* Match C's task panel to A/B: no extra framed outer card or heading indent. */
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-substep.spi-toolkit-help-gate-builder{
  margin:20px 0 0;padding:22px 0 10px;
  border:0;border-top:1px solid #e0e7f0;border-radius:0;background:transparent;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-substep.spi-toolkit-help-gate-builder>.spi-ppsa-subhead{
  display:flex;align-items:start;justify-content:space-between;gap:14px;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-substep.spi-toolkit-help-gate-builder>.spi-ppsa-subhead>div{
  min-width:0;flex:1;
}
/* A true neutral empty state: a readable one-line hint, not a tall alert box. */
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-gate-list>.spi-ppsa-empty{
  margin:7px 0 0;min-height:0;padding:10px 12px;
  border:1px dashed #d9e3ef;border-radius:8px;background:#f7f9fc;
  color:#53647c;font:400 13px/1.55 Inter,Arial,sans-serif;
}
/* Native optional X/Y rubric: correct white-on-white historical cascade conflict. */
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-optional-guide .spi-learning-scale-disclosure{
  margin:13px 0 0;padding:0;border:1px solid #dce5ef;border-radius:10px;
  background:#fff;overflow:hidden;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-optional-guide .spi-learning-scale-disclosure>summary{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 15px;
  box-sizing:border-box;margin:0;padding:14px 16px;min-height:54px;
  border:0;background:#f7f9fc;color:#101d3a;
  font:700 15px/1.45 Inter,Arial,sans-serif;cursor:pointer;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-optional-guide .spi-learning-scale-disclosure>summary>span{
  color:#101d3a;font:700 15px/1.45 Inter,Arial,sans-serif;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-optional-guide .spi-learning-scale-disclosure>summary>small{
  margin:0;padding:5px 9px;border-radius:999px;background:#f7ecdb;
  color:#78541f;font:650 12px/1.4 Inter,Arial,sans-serif;white-space:normal;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-optional-guide .spi-learning-scale-disclosure>summary::after{
  content:none;display:none; /* legacy arrow generated a misaligned third row */
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-optional-guide .spi-learning-scale-disclosure>.spi-kt-scale-guide-body{
  padding:17px;background:#fff;
}
@media(max-width:620px){
  body.spi-module-toolkit .spi-ds-stage-section .spi-learning-optional-guide .spi-learning-scale-disclosure>summary{
    grid-template-columns:1fr;gap:7px;
  }
  body.spi-module-toolkit .spi-ds-stage-section .spi-learning-substep.spi-toolkit-help-gate-builder>.spi-ppsa-subhead{
    flex-wrap:wrap;
  }
  body.spi-module-toolkit .spi-ds-practice-intro .spi-kt-howto-grid>li{
    grid-template-columns:38px minmax(0,1fr);padding:13px;
  }
}

body.spi-module-toolkit .spi-ds-stage-section .spi-learning-substep-map{
 margin:20px 26px 6px;
}
body.spi-module-toolkit .spi-ds-stage-section #spi-ppsa-decision.spi-learning-substep{
 padding-top:20px;
}
body.spi-module-toolkit .spi-ds-stage-section #structured-toolkit.spi-learning-substep{
 margin-top:20px;padding-top:26px;
 border-top:1px solid #dfe6ee;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-primary-action{
 display:flex;align-items:center;gap:12px;margin:17px 0 14px;
 padding:14px 16px;background:#f6f9fc;border:1px solid #dde6f0;border-radius:10px;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-primary-action>button{
 flex:0 0 auto;white-space:normal;min-height:42px;
 background:#101d3a;color:#fff;border-color:#101d3a;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-primary-action>p{
 margin:0;flex:1;max-width:70ch;font-size:13px;line-height:1.55;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-optional-guide{
 display:block;margin:16px 0 8px;border:1px solid #dfe5ef;border-radius:10px;
 background:#fbfcfe;overflow:hidden;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-optional-guide>summary{
 display:flex;align-items:center;justify-content:space-between;gap:10px;
 padding:14px 16px;cursor:pointer;list-style:none;
 font:700 14px/1.45 Inter,Arial,sans-serif;color:#101d3a;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-optional-guide>summary::-webkit-details-marker{display:none;}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-optional-guide>summary>span{
 font:600 12px/1.4 Inter,Arial,sans-serif;color:#8f6a2e;text-align:right;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-optional-guide[open]>summary{
 border-bottom:1px solid #dfe5ef;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-optional-guide-body{
 padding:16px;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-optional-guide .spi-toolkit-evidence-learning-lead,
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-optional-guide .spi-toolkit-evidence-rating-intro{
 margin:0 0 12px;max-width:none;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-substep-result{
 margin-top:16px;padding:15px 17px;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-substep-result>p{
 margin:5px 0 10px;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-next-action{
 margin:12px 0 0;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-next-action>a{
 min-height:40px;display:inline-flex;align-items:center;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-toolkit-stage-example-reference{
 margin:10px 0 0;background:#fff;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-toolkit-layout-decision-help{
 display:block;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-toolkit-layout-decision-help .spi-toolkit-layout-help-icon{
 float:left;margin:0 12px 6px 0;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-toolkit-layout-decision-help>p{
 min-width:0;margin:0;font-size:14px;line-height:1.6;
}
@media(max-width:760px){
 :root{--spi-learning-stage-heading:22px;--spi-learning-substep-heading:20px;
 --spi-learning-stack-gap:22px;}
 body.spi-module-toolkit .spi-ds-stage-section .spi-learning-substep-map{
 margin:14px 14px 5px;gap:6px;
 }
 .spi-learning-substep-map>a{flex-direction:column;align-items:center;text-align:center;
 gap:5px;font-size:12px;padding:9px 5px;}
 body.spi-module-toolkit .spi-ds-stage-section .spi-learning-primary-action{
 flex-wrap:wrap;padding:12px;
 }
}
@media(max-width:370px){.spi-learning-substep-map>a{font-size:11px;}}
@media(prefers-reduced-motion:reduce){.spi-learning-substep-map>a{scroll-behavior:auto;}}

/* SPI R336 · UNIVERSAL GUIDED TASK GROUP
   A reusable task block comprises heading, activity surface and results.
   One parent owns the horizontal inset: legacy specialist widgets no longer
   invent individual nested paddings. No module-number selectors or CSS files. */
body.spi-module-toolkit .spi-ds-stage-section>.spi-learning-stage-flow{
  box-sizing:border-box;width:100%;min-width:0;padding:0 clamp(17px,2.1vw,32px) 12px;
  background:#fff;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-stage-flow>.spi-learning-task-group{
  box-sizing:border-box;min-width:0;padding:23px 0 25px;
  margin:0;border:0;background:transparent;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-stage-flow>.spi-learning-task-group+.spi-learning-task-group{
  border-top:1px solid var(--ds-color-line,#dce5ef);
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-task-group>.spi-learning-task-surface{
  box-sizing:border-box;display:block;width:100%;max-width:100%;min-width:0;
  padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-task-group>.spi-learning-task-surface:before{display:none;}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-task-group>.spi-learning-task-surface>.spi-learning-task-heading{
  box-sizing:border-box;min-width:0;max-width:100%;width:100%;
  display:block;padding:0;margin:0 0 17px;border:0;background:transparent;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-task-heading>div{min-width:0;width:100%;max-width:none;}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-task-heading>p,
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-task-heading>div>p{
  max-width:none;width:100%;min-width:0;margin:0 0 9px;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-task-heading .spi-learning-task-kicker{
  margin:0 0 7px;color:#946b2c;font:750 11px/1.55 Inter,Arial,sans-serif;
  letter-spacing:.1em;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-task-heading .spi-learning-substep-title{
  display:block;margin:0 0 11px;font:750 var(--spi-learning-substep-heading)/1.35 Inter,Arial,sans-serif;
  max-width:100%;width:100%;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-stage-flow>.spi-learning-task-group>.spi-learning-substep-result{
  box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin:19px 0 0;
  padding:15px 17px;border:1px solid #dce5ef;border-left:3px solid #c5a059;
  border-radius:10px;background:#f7f9fc;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-task-group>.spi-learning-task-surface>.spi-learning-substep-result{
  margin:19px 0 0;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-task-group .spi-learning-substep-result .spi-learning-result-kicker{
  display:block;margin:0 0 7px;color:#946b2c;
  font:750 11px/1.55 Inter,Arial,sans-serif;letter-spacing:.085em;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-task-group .spi-learning-substep-result>.spi-toolkit-help-live{
  width:100%;max-width:100%;min-width:0;box-sizing:border-box;
  margin:9px 0 10px;padding:10px 12px;min-height:0;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-task-group .spi-learning-result-actions{
  display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;
  gap:10px;margin:12px 0 0;min-width:0;width:100%;
}
/* B action text is allowed to use all remaining flex space, never a 70ch
   measure inherited from previous component revisions. */
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-task-group .spi-learning-primary-action{
  display:grid;grid-template-columns:max-content minmax(0,1fr);
  align-items:center;gap:16px;width:100%;box-sizing:border-box;
  margin:15px 0 13px;padding:14px 16px;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-task-group .spi-learning-primary-action>p,
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-task-group .spi-learning-primary-action>.spi-toolkit-evidence-start-instructions{
  box-sizing:border-box;min-width:0;max-width:none;width:100%;
  margin:0;padding:0;flex:1 1 auto;white-space:normal;
  font:400 14px/1.55 Inter,Arial,sans-serif;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-task-group .spi-learning-primary-action>button{
  margin:0;min-width:0;align-self:center;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-task-group .spi-learning-gate-action{
  background:#f6f9fc;border:1px solid #dde6f0;border-radius:10px;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-task-group .spi-learning-gate-action>button{
  background:#101d3a;color:#fff;border-color:#101d3a;
}
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-task-group .spi-learning-gate-list>.spi-ppsa-empty{
  min-height:0;margin:9px 0 0;padding:10px 12px;border:1px dashed #d9e3ef;
  background:#f7f9fc;font:400 13px/1.55 Inter,Arial,sans-serif;
}
@media(max-width:650px){
 body.spi-module-toolkit .spi-ds-stage-section .spi-learning-task-group .spi-learning-primary-action{
   grid-template-columns:1fr;gap:9px;
 }
 body.spi-module-toolkit .spi-ds-stage-section .spi-learning-task-group .spi-learning-primary-action>button{
   width:max-content;max-width:100%;
 }
}


/* SPI R337 — UNIVERSAL ANALYSIS WORKFLOW, canonical shared semantic UI.
   Reuse these role classes for other Workplace Toolkits; no module-number selectors.
   One accessible group summary, compact actor choices, single end-of-workflow Save CTA. */
body.spi-module-toolkit .spi-learning-analysis-intro,
body.spi-module-toolkit .spi-learning-analysis-phase{min-width:0;margin:0 0 21px;}
body.spi-module-toolkit .spi-learning-analysis-intro>p,
body.spi-module-toolkit .spi-learning-analysis-phase>p,
body.spi-module-toolkit .spi-ppsa-panel>.spi-learning-analysis-intro>p,
body.spi-module-toolkit .spi-learning-analysis-panel .spi-ppsa-subhead p,
body.spi-module-toolkit .spi-learning-analysis-panel .spi-ppsa-small{
 width:100%;max-width:none;margin-left:0;margin-right:0;overflow-wrap:break-word;
}
body.spi-module-toolkit .spi-learning-analysis-intro>.spi-learning-task-kicker,
body.spi-module-toolkit .spi-learning-analysis-phase>.spi-learning-task-kicker{display:block;margin:0 0 8px;color:#9c7c40;font:750 11px/1.5 Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;}
body.spi-module-toolkit .spi-learning-analysis-intro>h3,
body.spi-module-toolkit .spi-learning-analysis-phase>h3{margin:0 0 9px;color:#101d3a;font:750 clamp(20px,1.8vw,23px)/1.35 Inter,Arial,sans-serif;}
body.spi-module-toolkit .spi-learning-analysis-panel{margin:0 0 18px;padding:20px 21px;border:1px solid #dde6ef;border-radius:12px;background:#fff;min-width:0;}
body.spi-module-toolkit .spi-learning-analysis-panel>.spi-ppsa-subhead{display:block;padding:0;margin:0 0 17px;background:transparent;border:0;}
body.spi-module-toolkit .spi-learning-analysis-panel>.spi-ppsa-subhead>div{width:100%;max-width:none;min-width:0;}
body.spi-module-toolkit .spi-learning-analysis-panel>.spi-ppsa-subhead h4{margin:0 0 7px;font:750 17px/1.4 Inter,Arial,sans-serif;color:#101d3a;}
body.spi-module-toolkit .spi-learning-analysis-panel>.spi-ppsa-subhead p{margin:0;font:400 14px/1.6 Inter,Arial,sans-serif;color:#4b607d;}
body.spi-module-toolkit .spi-learning-analysis-panel .spi-ppsa-input-card{margin:12px 0 0;}
body.spi-module-toolkit .spi-learning-analysis-panel .spi-ppsa-profile>summary{padding:14px 16px;font:700 15px/1.5 Inter,Arial,sans-serif;}
body.spi-module-toolkit .spi-learning-analysis-panel .spi-ppsa-profile-body{padding:15px 16px 18px;}
body.spi-module-toolkit .spi-learning-analysis-panel .spi-learning-profile-hint{margin:0 0 14px;max-width:none;font:400 14px/1.6 Inter,Arial,sans-serif;}
body.spi-module-toolkit .spi-learning-analysis-panel .spi-learning-power-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 18px;}
body.spi-module-toolkit .spi-learning-analysis-panel .spi-learning-power-options>.spi-ppsa-check{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-height:51px;margin:0;padding:10px 13px;border:1px solid #dae4ef;border-radius:9px;background:#f8fafc;text-align:left;}
body.spi-module-toolkit .spi-learning-analysis-panel .spi-learning-power-options>.spi-ppsa-check input{flex:0 0 auto;width:18px;height:18px;margin:0;}
body.spi-module-toolkit .spi-learning-analysis-panel .spi-learning-power-options>.spi-ppsa-check span{display:block;margin:0;font:600 13px/1.4 Inter,Arial,sans-serif;color:#101d3a;}
body.spi-module-toolkit .spi-learning-analysis-panel .spi-ppsa-three{align-items:start;}
body.spi-module-toolkit .spi-learning-analysis-panel .spi-ppsa-three>label{min-width:0;align-self:start;}
body.spi-module-toolkit .spi-learning-analysis-panel .spi-ppsa-three>label>span{display:block;min-height:46px;font:650 13px/1.5 Inter,Arial,sans-serif;color:#101d3a;}
body.spi-module-toolkit .spi-learning-network-action{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:14px;margin:0 0 14px;padding:12px 14px;background:#f6f9fc;border:1px solid #dfe7f0;border-radius:10px;}
body.spi-module-toolkit .spi-learning-network-action>button{margin:0;white-space:nowrap;}
body.spi-module-toolkit .spi-learning-network-action>p{margin:0;max-width:none;width:100%;color:#4b607d;font:400 13px/1.55 Inter,Arial,sans-serif;}
body.spi-module-toolkit .spi-learning-network-list>.spi-learning-network-empty{margin:0;padding:11px 13px;min-height:0;color:#51647d;background:#f8fafc;border:1px dashed #d7e2ed;border-radius:8px;font:400 13px/1.55 Inter,Arial,sans-serif;}
body.spi-module-toolkit .spi-learning-academic-note{margin:8px 0 0;padding:11px 14px;border-left:3px solid #c5a059;background:#f9fafc;font:400 13px/1.6 Inter,Arial,sans-serif;}
/* The group heading itself is the one-and-only interactive disclosure. */
body.spi-module-toolkit .spi-learning-analysis-disclosure{margin:0;min-width:0;border:1px solid #dce5ef;border-radius:11px;background:#fff;overflow:hidden;}
body.spi-module-toolkit .spi-learning-analysis-disclosure>summary.spi-learning-analysis-summary{display:grid;grid-template-columns:28px minmax(0,1fr) max-content 13px;align-items:center;gap:12px;margin:0;padding:16px 18px;cursor:pointer;list-style:none;border:0;background:#f8fafc;}
body.spi-module-toolkit .spi-learning-analysis-disclosure>summary.spi-learning-analysis-summary::-webkit-details-marker{display:none;}
body.spi-module-toolkit .spi-learning-analysis-disclosure>summary.spi-learning-analysis-summary::after{content:'';display:block;width:8px;height:8px;border-right:2px solid #9c7c40;border-bottom:2px solid #9c7c40;transform:rotate(45deg);margin-right:2px;}
body.spi-module-toolkit .spi-learning-analysis-disclosure[open]>summary.spi-learning-analysis-summary{border-bottom:1px solid #dce5ef;background:#f5f8fc;}
body.spi-module-toolkit .spi-learning-analysis-disclosure[open]>summary.spi-learning-analysis-summary::after{transform:rotate(225deg);}
body.spi-module-toolkit .spi-learning-analysis-disclosure>summary.spi-learning-analysis-summary h4{margin:0 0 3px;font:750 17px/1.38 Inter,Arial,sans-serif;}
body.spi-module-toolkit .spi-learning-analysis-disclosure>summary.spi-learning-analysis-summary p{margin:0;max-width:none;font:400 13px/1.5 Inter,Arial,sans-serif;}
body.spi-module-toolkit .spi-learning-analysis-disclosure>summary.spi-learning-analysis-summary .spi-kt-group-count{white-space:nowrap;margin:0;}
body.spi-module-toolkit .spi-learning-analysis-disclosure>.spi-toolkit-layout-question-body{margin:0;padding:14px 17px 17px;}
body.spi-module-toolkit .spi-learning-analysis-disclosure>.spi-toolkit-layout-question-body>.spi-toolkit-help-question-source{margin:0 0 13px;max-width:none;}
body.spi-module-toolkit .spi-kt-diagnostic .spi-kt-field-group{margin:0 0 15px;padding:0;border:0;}
body.spi-module-toolkit .spi-kt-diagnostic .spi-kt-field-group:last-child{margin-bottom:0;}
/* The saving action is intentionally at the end of the full four-stage user journey. */
body.spi-module-toolkit .spi-learning-workflow-footer{margin:24px 0 10px;padding:22px 24px;background:#fff;border:1px solid #dce5ef;border-radius:13px;box-shadow:none;}
body.spi-module-toolkit .spi-learning-workflow-footer-copy>.spi-learning-task-kicker{display:block;margin:0 0 7px;color:#9c7c40;font:750 11px/1.5 Inter,Arial,sans-serif;letter-spacing:.1em;}
body.spi-module-toolkit .spi-learning-workflow-footer-copy>h2{margin:0 0 7px;font:750 20px/1.35 Inter,Arial,sans-serif;color:#101d3a;}
body.spi-module-toolkit .spi-learning-workflow-footer-copy>p{margin:0 0 15px;max-width:none;font:400 13px/1.6 Inter,Arial,sans-serif;color:#4b607d;}
body.spi-module-toolkit .spi-learning-workflow-footer .spi-ds-save-row{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin:0;padding:14px 0 0;border-top:1px solid #e2e9f0;}
body.spi-module-toolkit .spi-learning-workflow-footer .spi-ds-save-status{margin:0;max-width:none;flex:1 1 240px;background:transparent;}
@media(max-width:750px){
 body.spi-module-toolkit .spi-learning-analysis-panel{padding:16px;}
 body.spi-module-toolkit .spi-learning-analysis-panel .spi-learning-power-options{grid-template-columns:repeat(2,minmax(0,1fr));}
 body.spi-module-toolkit .spi-learning-analysis-disclosure>summary.spi-learning-analysis-summary{grid-template-columns:26px minmax(0,1fr) 12px;gap:9px;padding:13px;}
 body.spi-module-toolkit .spi-learning-analysis-disclosure>summary.spi-learning-analysis-summary .spi-kt-group-count{grid-column:2;grid-row:2;justify-self:start;}
 body.spi-module-toolkit .spi-learning-analysis-disclosure>summary.spi-learning-analysis-summary::after{grid-column:3;grid-row:1;}
 body.spi-module-toolkit .spi-learning-analysis-disclosure>.spi-toolkit-layout-question-body{padding:11px;}
 body.spi-module-toolkit .spi-learning-network-action{grid-template-columns:minmax(0,1fr);gap:8px;}
 body.spi-module-toolkit .spi-learning-network-action>button{width:max-content;max-width:100%;}
 body.spi-module-toolkit .spi-learning-workflow-footer{padding:18px 16px;}
}
@media(max-width:390px){body.spi-module-toolkit .spi-learning-analysis-panel .spi-learning-power-options{grid-template-columns:minmax(0,1fr);}}

/* Use a secondary heading scale inside 02A; the 02A phase remains the parent. */
body.spi-module-toolkit .spi-learning-analysis-intro>h3{font-size:19px;line-height:1.4;}
/* Optional evidence guide does not repeat the name of the group above it. */
body.spi-module-toolkit .spi-learning-analysis-disclosure .spi-learning-group-reference{display:block;margin:0 0 13px;padding:0;border:1px solid #e2e8f0;border-radius:9px;background:#fbfcfe;}
body.spi-module-toolkit .spi-learning-analysis-disclosure .spi-learning-group-reference>summary{display:block;cursor:pointer;list-style:none;margin:0;padding:11px 14px;color:#815f2d;font:650 13px/1.5 Inter,Arial,sans-serif;}
body.spi-module-toolkit .spi-learning-analysis-disclosure .spi-learning-group-reference>summary::-webkit-details-marker{display:none;}
body.spi-module-toolkit .spi-learning-analysis-disclosure .spi-learning-group-reference>summary::before{content:'▸';display:inline-block;margin-right:8px;transition:transform .15s ease;}
body.spi-module-toolkit .spi-learning-analysis-disclosure .spi-learning-group-reference[open]>summary::before{transform:rotate(90deg);}
body.spi-module-toolkit .spi-learning-analysis-disclosure .spi-learning-group-reference-body{padding:0 14px 12px;}
body.spi-module-toolkit .spi-learning-analysis-disclosure .spi-learning-group-reference-body>p{margin:7px 0 0;max-width:none;color:#4b607d;font:400 13px/1.6 Inter,Arial,sans-serif;}


/* SPI R338 — SHARED LEARNING FLOW / FLAT ANALYSIS WORKSPACE
   Stage > phase (02A/02B) > task region (profile/link) > field.
   No nested section cards; works across Toolkit activities, no module IDs. */
body.spi-module-toolkit .spi-ds-stage-section {
 --spi-learning-flow-major:28px; --spi-learning-flow-section:18px; --spi-learning-flow-minor:11px;
 --spi-learning-flow-line:#dde6ef; --spi-learning-flow-ink:#101d3a;
}
body.spi-module-toolkit .spi-kt-stage-two .spi-kt-stage-content{padding-block:22px 27px;}
body.spi-module-toolkit .spi-learning-analysis-context{
 display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;
 padding:13px 17px;margin:0 0 var(--spi-learning-flow-major);
 border:1px solid var(--spi-learning-flow-line);border-left:3px solid #c5a059;border-radius:10px;
 background:#f8fafc;min-width:0;
}
body.spi-module-toolkit .spi-learning-analysis-context>div{flex:1 1 440px;min-width:0;}
body.spi-module-toolkit .spi-learning-analysis-context strong{display:block;margin:0 0 4px;color:#9c7c40;font:750 11px/1.5 Inter,Arial,sans-serif;letter-spacing:.08em;}
body.spi-module-toolkit .spi-learning-analysis-context p{margin:0;max-width:none;font:400 14px/1.6 Inter,Arial,sans-serif;color:#4b607d;}
body.spi-module-toolkit .spi-learning-analysis-context>a{align-self:center;white-space:nowrap;font:650 13px/1.5 Inter,Arial,sans-serif;}
body.spi-module-toolkit .spi-learning-flow-heading{margin:0 0 var(--spi-learning-flow-section);padding:0;}
body.spi-module-toolkit .spi-learning-flow-heading>.spi-learning-task-kicker{margin:0 0 7px;}
body.spi-module-toolkit .spi-learning-flow-heading>h3{margin:0 0 8px;font:750 clamp(20px,1.9vw,22px)/1.35 Inter,Arial,sans-serif;}
body.spi-module-toolkit .spi-learning-flow-heading>p{margin:0;width:100%;max-width:none;color:#4b607d;font:400 14px/1.65 Inter,Arial,sans-serif;}
/* The phase is not a decorative container: only profile/relationship blocks are separated. */
body.spi-module-toolkit .spi-kt-stage-two .spi-learning-analysis-workspace{
 display:block;min-width:0;width:100%;max-width:none;margin:0;padding:0;
 border:0;border-radius:0;box-shadow:none;background:transparent;
}
body.spi-module-toolkit .spi-kt-stage-two .spi-learning-analysis-workspace>.spi-learning-analysis-panel{
 margin:0;padding:0 0 var(--spi-learning-flow-section);border:0;border-radius:0;
 border-bottom:1px solid var(--spi-learning-flow-line);background:transparent;
}
body.spi-module-toolkit .spi-kt-stage-two .spi-learning-analysis-workspace>.spi-learning-analysis-panel + .spi-learning-analysis-panel{
 margin-top:var(--spi-learning-flow-section);padding-top:0;
}
body.spi-module-toolkit .spi-learning-analysis-panel>.spi-ppsa-subhead{margin:0 0 12px;padding:0;}
body.spi-module-toolkit .spi-learning-analysis-panel>.spi-ppsa-subhead h4{font:750 17px/1.4 Inter,Arial,sans-serif;margin:0 0 4px;}
body.spi-module-toolkit .spi-learning-analysis-panel>.spi-ppsa-subhead p{font:400 14px/1.65 Inter,Arial,sans-serif;margin:0;max-width:none;}
/* Profile accordions are compact rows when closed, accessible disclosures when opened. */
body.spi-module-toolkit .spi-learning-analysis-panel details.spi-ppsa-profile.spi-ppsa-input-card{
 box-sizing:border-box;padding:0;margin:8px 0 0;border:1px solid var(--spi-learning-flow-line);
 border-radius:10px;background:#fff;min-height:0;max-height:none;overflow:hidden;
}
body.spi-module-toolkit .spi-learning-analysis-panel details.spi-ppsa-profile.spi-ppsa-input-card>summary{
 min-height:0;margin:0;padding:12px 15px;line-height:1.45;font-size:14px;font-weight:700;
 background:#fff;cursor:pointer;
}
body.spi-module-toolkit .spi-learning-analysis-panel details.spi-ppsa-profile.spi-ppsa-input-card[open]>summary{
 background:#f8fafc;border-bottom:1px solid var(--spi-learning-flow-line);
}
body.spi-module-toolkit .spi-learning-analysis-panel details.spi-ppsa-profile.spi-ppsa-input-card>.spi-ppsa-profile-body{
 padding:17px 16px 18px;
}
body.spi-module-toolkit .spi-learning-analysis-panel .spi-ppsa-input-card:not(details.spi-ppsa-profile){margin:10px 0;padding:14px;border:1px solid var(--spi-learning-flow-line);}
body.spi-module-toolkit .spi-learning-network-action{margin:0 0 10px;padding:11px 13px;}
body.spi-module-toolkit .spi-learning-network-list>.spi-learning-network-empty{margin:0;}
body.spi-module-toolkit .spi-learning-analysis-concept-guide{
 display:block;margin:var(--spi-learning-flow-section) 0 0;padding:0;
 background:#fff;border:1px solid var(--spi-learning-flow-line);border-radius:10px;
}
body.spi-module-toolkit .spi-learning-analysis-concept-guide>summary{
 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 15px;
 margin:0;padding:12px 15px;cursor:pointer;color:#101d3a;font:650 14px/1.5 Inter,Arial,sans-serif;
 list-style:none;
}
body.spi-module-toolkit .spi-learning-analysis-concept-guide>summary::-webkit-details-marker{display:none;}
body.spi-module-toolkit .spi-learning-analysis-concept-guide>summary::before{content:'▸';margin-right:7px;color:#9c7c40;}
body.spi-module-toolkit .spi-learning-analysis-concept-guide[open]>summary::before{content:'▾';}
body.spi-module-toolkit .spi-learning-analysis-concept-guide>summary span{margin-left:auto;color:#866b37;font:650 12px/1.5 Inter,Arial,sans-serif;}
body.spi-module-toolkit .spi-learning-analysis-concept-guide .spi-learning-concept-guide-body{padding:0 15px 14px;}
body.spi-module-toolkit .spi-learning-analysis-concept-guide .spi-learning-concept-guide-body>h3{margin:5px 0 9px;font:700 16px/1.4 Inter,Arial,sans-serif;}
body.spi-module-toolkit .spi-learning-analysis-concept-guide .spi-learning-concept-guide-body>p{margin:0 0 12px;color:#4b607d;font:400 14px/1.6 Inter,Arial,sans-serif;}
body.spi-module-toolkit .spi-learning-analysis-concept-guide .spi-logic-cards{margin:0;gap:10px;}
body.spi-module-toolkit .spi-learning-analysis-concept-guide .spi-logic-cards>div{padding:12px 13px;border:1px solid var(--spi-learning-flow-line);background:#f8fafc;}
body.spi-module-toolkit .spi-learning-academic-note{margin:11px 0 0;padding:8px 12px;background:transparent;border-left:2px solid #c5a059;max-width:none;}
body.spi-module-toolkit .spi-learning-analysis-result{margin:var(--spi-learning-flow-section) 0 var(--spi-learning-flow-major);}
body.spi-module-toolkit .spi-learning-phase-following{margin:0 0 var(--spi-learning-flow-section);padding-top:var(--spi-learning-flow-major);border-top:1px solid var(--spi-learning-flow-line);}
body.spi-module-toolkit .spi-learning-analysis-disclosure>summary.spi-learning-analysis-summary{min-height:0;padding-block:13px;}
body.spi-module-toolkit .spi-kt-diagnostic .spi-learning-analysis-group{margin:0 0 var(--spi-learning-flow-minor);padding:0;}
body.spi-module-toolkit .spi-kt-diagnostic .spi-learning-analysis-group:last-of-type{margin-bottom:0;}
@media (max-width:750px){
 body.spi-module-toolkit .spi-kt-stage-two .spi-kt-stage-content{padding-block:18px 22px;}
 body.spi-module-toolkit .spi-learning-analysis-context{padding:11px 13px;}
 body.spi-module-toolkit .spi-learning-analysis-panel details.spi-ppsa-profile.spi-ppsa-input-card>summary{padding:11px 13px;}
 body.spi-module-toolkit .spi-learning-analysis-panel details.spi-ppsa-profile.spi-ppsa-input-card>.spi-ppsa-profile-body{padding:14px 12px 16px;}
 body.spi-module-toolkit .spi-learning-analysis-concept-guide .spi-logic-cards{grid-template-columns:1fr;}
}
/* Canonical primary-action layout: historical .spi-learning-primary-action flex rules
   must not force narrow side-by-side text on phone widths. */
body.spi-module-toolkit .spi-ds-stage-section .spi-learning-network-action{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:14px;}
@media(max-width:750px){
 body.spi-module-toolkit .spi-ds-stage-section .spi-learning-network-action{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start;}
 body.spi-module-toolkit .spi-ds-stage-section .spi-learning-network-action>button{width:max-content;max-width:100%;}
 body.spi-module-toolkit .spi-ds-stage-section .spi-learning-network-action>p{width:100%;max-width:none;}
}

/* SPI R339 — UNIVERSAL WORKFLOW: evidence note, context, interpretation,
   visualization and final save toolbar. Component roles are shared across
   toolkit stages; no module-specific selectors or compiled CSS changes. */
body.spi-module-toolkit .spi-learning-analysis-boundary{
 margin:19px 0 0;padding:12px 15px;color:#4a607c;
 background:#f8fafc;border-left:3px solid #c5a059;border-radius:0 8px 8px 0;
 font:400 14px/1.6 Inter,Arial,sans-serif;max-width:none;
}
body.spi-module-toolkit .spi-learning-analysis-boundary strong{color:#101d3a;}
body.spi-module-toolkit .spi-learning-analysis-context{margin-bottom:24px;}
body.spi-module-toolkit .spi-learning-analysis-context>div{flex-basis:480px;}
body.spi-module-toolkit .spi-learning-analysis-context>div p{margin:0;max-width:none;}
body.spi-module-toolkit .spi-learning-context-chips{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:10px;margin:12px 0 9px;}
body.spi-module-toolkit .spi-learning-context-chip{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0;border:1px solid #dce5ef;border-radius:9px;background:#f8fafc;padding:10px 12px;color:#213655;}
body.spi-module-toolkit .spi-learning-context-chip>strong{font:750 11px/1.45 Inter,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#967237;}
body.spi-module-toolkit .spi-learning-context-chip>span{font:600 14px/1.5 Inter,Arial,sans-serif;overflow-wrap:anywhere;}
body.spi-module-toolkit .spi-learning-context-hint{display:block;max-width:none;font:400 12px/1.6 Inter,Arial,sans-serif;color:#61738d;}
body.spi-module-toolkit .spi-learning-analysis-group .spi-learning-group-reference{border-color:#e1e8f0;background:#f8fafc;}
body.spi-module-toolkit .spi-learning-analysis-group .spi-learning-group-reference-body{display:grid;gap:0;padding:0 14px 12px;}
body.spi-module-toolkit .spi-learning-analysis-group .spi-learning-group-reference-body>p.spi-learning-guidance-line{padding:7px 0;margin:0;border-top:1px solid #e3eaf2;font:400 13px/1.55 Inter,Arial,sans-serif;color:#4b6079;max-width:none;}
body.spi-module-toolkit .spi-learning-guidance-line strong{color:#132440;font-weight:750;}
/* Visualization is the primary content of Stage 03; optional references do not get equal visual weight. */
body.spi-module-toolkit .spi-kt-stage-three .spi-learning-stage3-lead{margin:0 0 18px;max-width:none;font:400 15px/1.7 Inter,Arial,sans-serif;color:#4c607c;}
body.spi-module-toolkit .spi-kt-stage-three .spi-learning-map-workspace.spi-ppsa-workspace{width:100%;max-width:none;margin:15px 0 20px;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;}
body.spi-module-toolkit .spi-learning-map-chooser{margin:0 0 13px;}
body.spi-module-toolkit .spi-learning-map-chooser>.spi-learning-task-kicker{margin:0 0 8px;color:#967237;font:750 11px/1.5 Inter,Arial,sans-serif;letter-spacing:.08em;}
body.spi-module-toolkit .spi-learning-map-chooser .spi-ppsa-tabbar{margin:0;padding:0 0 12px;gap:8px;}
body.spi-module-toolkit .spi-kt-stage-three .spi-learning-map-guide.spi-toolkit-help-visual-guide{
 margin:12px 0 14px;padding:15px 18px;border:1px solid #dce5ef;border-left:3px solid #c5a059;border-radius:10px;background:#f8fafc;
}
body.spi-module-toolkit .spi-kt-stage-three .spi-learning-map-guide h3{margin:5px 0 7px;font:750 19px/1.4 Inter,Arial,sans-serif;}
body.spi-module-toolkit .spi-kt-stage-three .spi-learning-map-guide p{font:400 13px/1.6 Inter,Arial,sans-serif;margin:3px 0 8px;max-width:none;}
body.spi-module-toolkit .spi-kt-stage-three .spi-learning-map-guide .spi-toolkit-help-visual-thinking{margin:9px 0;gap:9px;}
body.spi-module-toolkit .spi-kt-stage-three .spi-learning-map-guide .spi-toolkit-help-visual-thinking>div{padding:11px 13px;border:1px solid #e1e8f0;border-radius:8px;background:#fff;}
body.spi-module-toolkit .spi-kt-stage-three .spi-learning-map-guide .spi-toolkit-help-visual-thinking strong{font:700 13px/1.4 Inter,Arial,sans-serif;}
body.spi-module-toolkit .spi-learning-map-feedback{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;}
body.spi-module-toolkit .spi-learning-map-feedback :is(.spi-ppsa-inspector,.spi-ppsa-reading){padding:12px 14px;margin:0;border:1px solid #dce5ef;border-radius:9px;background:#f8fafc;font:400 13px/1.55 Inter,Arial,sans-serif;}
body.spi-module-toolkit .spi-learning-map-feedback :is(.spi-ppsa-inspector,.spi-ppsa-reading) p{margin:4px 0 0;font:400 13px/1.55 Inter,Arial,sans-serif;}
body.spi-module-toolkit .spi-kt-stage-three .spi-learning-scenario-guide{padding:0;margin:13px 0 0;border:1px solid #dde6ef;border-radius:10px;background:#fff;overflow:hidden;}
body.spi-module-toolkit .spi-kt-stage-three .spi-learning-scenario-guide>summary{padding:12px 15px;margin:0;font:700 14px/1.5 Inter,Arial,sans-serif;}
body.spi-module-toolkit .spi-kt-stage-three .spi-learning-scenario-guide[open]{padding-bottom:16px;}
body.spi-module-toolkit .spi-kt-stage-three .spi-learning-scenario-guide[open]>*:not(summary){margin-left:15px;margin-right:15px;}
/* Shared optional detail: single compact header, dense content only when opened. */
body.spi-module-toolkit .spi-kt-stage-three .spi-learning-interpretation-guide,
body.spi-module-toolkit .spi-kt-stage-three .spi-learning-brief-details{padding:0;margin:19px 0;border:1px solid #dce5ef;border-radius:10px;background:#fff;box-shadow:none;min-width:0;overflow:hidden;}
body.spi-module-toolkit .spi-kt-stage-three .spi-learning-interpretation-guide>summary,
body.spi-module-toolkit .spi-kt-stage-three .spi-learning-brief-details>summary{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:15px 17px;margin:0;background:#f8fafc;color:#101d3a;}
body.spi-module-toolkit .spi-kt-stage-three :is(.spi-learning-interpretation-guide,.spi-learning-brief-details)>summary::-webkit-details-marker{display:none;}
body.spi-module-toolkit .spi-kt-stage-three :is(.spi-learning-interpretation-guide,.spi-learning-brief-details)>summary strong{display:block;margin:0 0 4px;font:750 16px/1.4 Inter,Arial,sans-serif;}
body.spi-module-toolkit .spi-kt-stage-three :is(.spi-learning-interpretation-guide,.spi-learning-brief-details)>summary small{display:block;font:400 13px/1.5 Inter,Arial,sans-serif;color:#526780;}
body.spi-module-toolkit .spi-learning-optional-tag{white-space:nowrap;color:#866631;font:650 12px/1.4 Inter,Arial,sans-serif;}
body.spi-module-toolkit .spi-kt-stage-three :is(.spi-learning-interpretation-guide,.spi-learning-brief-details)[open]>summary{border-bottom:1px solid #dce5ef;}
body.spi-module-toolkit .spi-learning-interpretation-body,
body.spi-module-toolkit .spi-learning-brief-body{padding:16px 17px 18px;min-width:0;}
body.spi-module-toolkit .spi-learning-interpretation-body>p{margin:0 0 14px;color:#53657d;font:400 13px/1.6 Inter,Arial,sans-serif;max-width:none;}
body.spi-module-toolkit .spi-learning-interpretation-body .spi-toolkit-input-analysis-grid{margin:0;}
body.spi-module-toolkit .spi-learning-interpretation-body .spi-toolkit-input-meaning-card{padding:13px 15px;border-radius:8px;background:#f8fafc;}
body.spi-module-toolkit .spi-learning-brief-body .spi-ppsa-evidence-brief{padding:12px 14px;margin:0 0 12px;background:#f8fafc;border-radius:8px;}
body.spi-module-toolkit .spi-learning-brief-body .spi-brief-grid{margin:0;gap:9px;}
body.spi-module-toolkit .spi-learning-brief-body .spi-brief-grid>div{padding:12px 14px;border-radius:8px;background:#fff;}
body.spi-module-toolkit .spi-learning-stakeholder-results{margin-top:24px;padding-top:18px;border-top:1px solid #dce5ef;}
body.spi-module-toolkit .spi-learning-stakeholder-results h3{font:750 19px/1.45 Inter,Arial,sans-serif;margin:0 0 6px;}
body.spi-module-toolkit .spi-learning-stakeholder-results>p{max-width:none;font:400 14px/1.6 Inter,Arial,sans-serif;margin:0 0 13px;}
body.spi-module-toolkit .spi-learning-stakeholder-results .spi-stakeholder-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));}
body.spi-module-toolkit .spi-learning-brief-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:15px 0 0;}
body.spi-module-toolkit .spi-learning-brief-actions .spi-brief-action-status{max-width:none;flex:1 1 260px;font:400 13px/1.6 Inter,Arial,sans-serif;color:#536681;}
/* Save action is after the complete journey: no extra nested warning card. */
body.spi-module-toolkit .spi-learning-workflow-toolbar.spi-learning-workflow-footer{
 display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 26px;
 margin:20px 0 12px;padding:17px 20px;background:#fff;border:1px solid #dce5ef;border-radius:12px;
}
body.spi-module-toolkit .spi-learning-workflow-toolbar .spi-learning-workflow-footer-copy{min-width:0;}
body.spi-module-toolkit .spi-learning-workflow-toolbar .spi-learning-workflow-footer-copy>.spi-learning-task-kicker{margin:0 0 4px;}
body.spi-module-toolkit .spi-learning-workflow-toolbar .spi-learning-workflow-footer-copy>h2{margin:0 0 4px;font:750 17px/1.45 Inter,Arial,sans-serif;}
body.spi-module-toolkit .spi-learning-workflow-toolbar .spi-learning-workflow-footer-copy>p{margin:0;max-width:none;font:400 13px/1.55 Inter,Arial,sans-serif;}
body.spi-module-toolkit:has([data-toolkit-contract="stakeholder-intelligence"]) .spi-learning-workflow-toolbar .spi-ds-save-row.spi-kt-save-row{
 display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:11px;
 margin:0;padding:0;border:0;background:transparent;border-radius:0;box-shadow:none;min-width:0;
}
body.spi-module-toolkit .spi-learning-workflow-toolbar .spi-ds-save-status{min-width:0;flex:0 1 185px;max-width:185px;margin:0;font:400 12px/1.5 Inter,Arial,sans-serif;}
body.spi-module-toolkit .spi-learning-workflow-toolbar .spi-ds-save-row>.btn{flex:0 0 auto;white-space:nowrap;margin:0;min-height:43px;}
@media(max-width:800px){
 body.spi-module-toolkit .spi-learning-map-feedback{grid-template-columns:minmax(0,1fr);}
 body.spi-module-toolkit .spi-learning-workflow-toolbar.spi-learning-workflow-footer{grid-template-columns:minmax(0,1fr);gap:13px;padding:16px;}
 body.spi-module-toolkit:has([data-toolkit-contract="stakeholder-intelligence"]) .spi-learning-workflow-toolbar .spi-ds-save-row.spi-kt-save-row{justify-content:space-between;padding-top:11px;border-top:1px solid #e2e9f1;}
}
@media(max-width:620px){
 body.spi-module-toolkit .spi-learning-context-chips{grid-template-columns:minmax(0,1fr);}
 body.spi-module-toolkit .spi-kt-stage-three :is(.spi-learning-interpretation-guide,.spi-learning-brief-details)>summary{grid-template-columns:minmax(0,1fr);gap:4px;padding:13px;}
 body.spi-module-toolkit .spi-learning-optional-tag{white-space:normal;}
 body.spi-module-toolkit .spi-learning-interpretation-body,body.spi-module-toolkit .spi-learning-brief-body{padding:13px;}
 body.spi-module-toolkit .spi-kt-stage-three .spi-learning-map-guide.spi-toolkit-help-visual-guide{padding:12px 14px;}
 body.spi-module-toolkit .spi-learning-workflow-toolbar .spi-ds-save-row>.btn{width:auto;min-width:130px;}
}
/* Desktop save toolbar: prevent the status and save button from wrapping on a 1440px layout. */
@media(min-width:801px){
 body.spi-module-toolkit .spi-learning-workflow-toolbar .spi-ds-save-status{flex:0 1 150px;max-width:150px;}
 body.spi-module-toolkit:has([data-toolkit-contract="stakeholder-intelligence"]) .spi-learning-workflow-toolbar .spi-ds-save-row.spi-kt-save-row{flex-wrap:nowrap;}
}
@media(min-width:1100px){
 body.spi-module-toolkit .spi-learning-workflow-toolbar.spi-learning-workflow-footer{grid-template-columns:minmax(0,1fr) 365px;}
 body.spi-module-toolkit .spi-learning-workflow-toolbar .spi-ds-save-status{flex:0 0 auto;max-width:none;white-space:nowrap;}
}
@media(min-width:801px) and (max-width:1099px){
 body.spi-module-toolkit .spi-learning-workflow-toolbar.spi-learning-workflow-footer{grid-template-columns:minmax(0,1fr);}
 body.spi-module-toolkit:has([data-toolkit-contract="stakeholder-intelligence"]) .spi-learning-workflow-toolbar .spi-ds-save-row.spi-kt-save-row{justify-content:space-between;padding-top:10px;border-top:1px solid #e2e9f1;}
}

/* ========================================================================
   SPI UNIVERSAL ACADEMIC READER COMPONENTS — R340
   Source of truth: sections/learning-interactions.css. No module-specific CSS.
   Structural classes are reusable across all academic readers (01–18).
   ======================================================================== */
.spi-module-reader-mode .spi-unified-reading{
 --spi-reader-ink:#10213d;--spi-reader-text:#364d6c;
 --spi-reader-gold:#95691d;--spi-reader-line:#d9e3ee;
 --spi-reader-soft:#f5f8fc;--spi-reader-gap:clamp(14px,1.6vw,22px);
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-section-kicker{
 display:block;font:750 12px/1.4 Inter,Arial,sans-serif;letter-spacing:.11em;
 color:var(--spi-reader-gold);margin:0 0 6px;text-transform:uppercase;
}
/* Topics are real six-card navigation rather than six unstyled inline links. */
.spi-module-reader-mode .spi-unified-reading .spi-reader-core-nav{
 display:block;max-width:100%;margin:25px 0 28px;padding:22px;
 background:#fff;border:1px solid var(--spi-reader-line);border-radius:14px;
 color:var(--spi-reader-text);box-shadow:0 5px 18px rgba(16,29,58,.035);
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-core-nav-head{
 display:grid;grid-template-columns:minmax(210px,.65fr) minmax(0,1fr);
 gap:14px 24px;align-items:end;margin:0 0 17px;
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-core-nav-head .spi-reader-nav-title{
 margin:0;color:var(--spi-reader-ink);font:750 clamp(20px,2vw,24px)/1.3 Inter,Arial,sans-serif;
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-core-nav-head p{
 margin:0;max-width:none;color:var(--spi-reader-text);font:400 15px/1.6 Inter,Arial,sans-serif;
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-core-links{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-core-links>a{
 display:flex;align-items:center;gap:12px;min-width:0;min-height:70px;
 padding:13px 15px;border:1px solid var(--spi-reader-line);border-radius:11px;
 background:#f8fafc;color:var(--spi-reader-ink);text-decoration:none;
 transition:border-color .15s ease,background .15s ease;
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-core-links>a:is(:hover,:focus-visible){
 background:#fffaf0;border-color:#c5a059;outline-offset:2px;
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-core-links>a>span{
 display:grid;place-items:center;flex:none;min-width:34px;height:34px;
 background:#f6e9cf;color:#8c6020;border-radius:8px;font:800 13px/1 Inter,Arial,sans-serif;
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-core-links>a>strong{
 font:700 14px/1.4 Inter,Arial,sans-serif;letter-spacing:0;overflow-wrap:normal;
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-core-nav-tail{
 margin:16px 0 0;padding:12px 0 0;border-top:1px solid var(--spi-reader-line);
 color:var(--spi-reader-text);font:400 13px/1.6 Inter,Arial,sans-serif;max-width:none;
}
/* Figures with their own content cards have no redundant outer white shell. */
.spi-module-reader-mode .spi-unified-reading .spi-reader-figure-flat{
 margin:24px 0 27px;padding:0;border:0;border-radius:0;box-shadow:none;
 background:transparent;overflow:visible;
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-figure-flat>.diagram-heading{
 margin:0 0 14px;padding:0;color:var(--spi-reader-gold);
 font:750 15px/1.45 Inter,Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-figure-flat>figcaption{
 margin-top:12px;padding:0;color:var(--spi-reader-text);font:400 13px/1.6 Inter,Arial,sans-serif;
}
.spi-module-reader-mode .spi-unified-reading .power-wheel .power-grid{
 grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch;
}
.spi-module-reader-mode .spi-unified-reading .power-wheel .power-grid>div{
 display:flex;flex-direction:column;min-width:0;gap:0;padding:18px 19px;
 border:1px solid var(--spi-reader-line);border-radius:12px;background:#fff;
}
.spi-module-reader-mode .spi-unified-reading .power-wheel .power-grid>div>b{
 color:var(--spi-reader-ink);font:750 16px/1.4 Inter,Arial,sans-serif;margin:0 0 8px;
}
.spi-module-reader-mode .spi-unified-reading .power-wheel .power-grid>div>p{
 max-width:none;color:var(--spi-reader-text);font:400 15px/1.65 Inter,Arial,sans-serif;margin:0 0 11px;
}
.spi-module-reader-mode .spi-unified-reading .power-wheel .power-grid>div>p.spi-power-example{
 padding:9px 0 0;margin-top:auto;border-top:1px solid var(--spi-reader-line);
}
.spi-module-reader-mode .spi-unified-reading .power-wheel .power-grid>div>p.spi-power-blind{
 margin:0;padding:10px 12px;border:0;border-radius:8px;background:#f4f6f9;
 color:var(--spi-reader-text);font:400 14px/1.55 Inter,Arial,sans-serif;
}
/* Semantic matrices: preserve actual 2 x 2 axes, not just stacked paragraphs. */
.spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix{
 margin:27px 0 22px;padding:0;border:0;box-shadow:none;background:transparent;
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-figure-head{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);
 align-items:end;gap:12px 22px;margin-bottom:17px;
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .diagram-heading{
 font:750 12px/1.45 Inter,Arial,sans-serif;letter-spacing:.1em;color:var(--spi-reader-gold);
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-figure-head h3{
 font:750 clamp(21px,2vw,26px)/1.3 Inter,Arial,sans-serif;
 color:var(--spi-reader-ink);margin:5px 0 0;
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-figure-head p{
 margin:0;color:var(--spi-reader-text);font:400 14px/1.6 Inter,Arial,sans-serif;
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-matrix-axes{
 display:grid;gap:10px;padding:16px;border:1px solid var(--spi-reader-line);
 border-radius:13px;background:#f8fafc;
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-matrix-colhead{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-left:108px;
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-matrix-colhead>span{
 padding:4px;text-align:center;font:750 12px/1.5 Inter,Arial,sans-serif;color:var(--spi-reader-gold);
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-matrix-row{
 display:grid;grid-template-columns:98px minmax(0,1fr);gap:10px;align-items:stretch;
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-row-indicator{
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 gap:6px;min-width:0;border:1px solid #d5dfeb;border-radius:9px;background:#edf3f9;
 color:var(--spi-reader-ink);text-align:center;padding:9px 6px;
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-row-indicator strong{
 font:800 13px/1.3 Inter,Arial,sans-serif;color:var(--spi-reader-ink);
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-row-indicator small{
 font:600 11px/1.35 Inter,Arial,sans-serif;color:var(--spi-reader-text);
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-q-grid{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-quadrant{
 min-width:0;margin:0;padding:16px;background:#fff;border:1px solid #d8e3ee;border-radius:10px;
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-q-high-high{background:#f4faf6;border-color:#c7e0d4;}
.spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-q-low-high{background:#fffaf1;border-color:#e9dabc;}
.spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-quadrant h4{
 margin:0 0 10px;color:var(--spi-reader-ink);font:750 15px/1.45 Inter,Arial,sans-serif;
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-quadrant p{
 margin:0 0 9px;color:var(--spi-reader-text);font:400 13px/1.6 Inter,Arial,sans-serif;
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-quadrant .qa39-q-example{
 margin:11px 0;padding:9px 0;border-top:1px solid var(--spi-reader-line);
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-quadrant .qa39-q-example strong,
.spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-q-verification strong{
 display:block;color:var(--spi-reader-gold);font:750 11px/1.6 Inter,Arial,sans-serif;
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-matrix-axis-key{
 display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;
 padding:5px 3px;color:var(--spi-reader-text);font:600 12px/1.5 Inter,Arial,sans-serif;
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix figcaption{
 margin:12px 0 0;font:400 13px/1.6 Inter,Arial,sans-serif;color:var(--spi-reader-text);
}
/* The model already turns genuine tables into labeled cards. Never display a
   scrolling instruction above those cards, nor put a duplicate white wrapper. */
.spi-module-reader-mode .spi-unified-reading .spi-matrix-ready>.qa41-mobile-table-hint,
.spi-module-reader-mode .spi-unified-reading .spi-matrix-ready>.spi-payment-mobile-table-hint{display:none;}
.spi-module-reader-mode .spi-unified-reading .spi-matrix-ready{
 padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;
}
/* Contrast guarantees for charcoal summary banners; scoped to reusable token. */
.spi-module-reader-mode .spi-unified-reading .spi-reader-contrast-banner{
 background:#202327;color:#f9f9f9;border-radius:12px;padding:19px 23px;
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-contrast-banner :is(p,span,small){
 color:#f9f9f9;opacity:1;
}
.spi-module-reader-mode .spi-unified-reading .spi-reader-contrast-banner :is(b,strong){
 color:#e4c988;opacity:1;
}
@media(max-width:900px){
 .spi-module-reader-mode .spi-unified-reading .spi-reader-core-nav-head,
 .spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-figure-head{grid-template-columns:1fr;}
 .spi-module-reader-mode .spi-unified-reading .spi-reader-core-links{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:620px){
 .spi-module-reader-mode .spi-unified-reading .spi-reader-core-nav{padding:16px;}
 .spi-module-reader-mode .spi-unified-reading .spi-reader-core-links{grid-template-columns:minmax(0,1fr);}
 .spi-module-reader-mode .spi-unified-reading .power-wheel .power-grid{grid-template-columns:minmax(0,1fr);}
 .spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-matrix-axes{padding:10px;}
 .spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-matrix-colhead{margin-left:0;}
 .spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-matrix-row{grid-template-columns:minmax(0,1fr);}
 .spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-row-indicator{
   flex-direction:row;gap:8px;justify-content:flex-start;min-height:36px;padding:6px 11px;
 }
 .spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-q-grid{grid-template-columns:minmax(0,1fr);}
 .spi-module-reader-mode .spi-unified-reading .spi-reader-contrast-banner{padding:16px;}
}
@media print{
 .spi-module-reader-mode .spi-unified-reading .spi-reader-core-links{grid-template-columns:repeat(3,minmax(0,1fr));}
 .spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-q-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 .spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-quadrant{break-inside:avoid;}
}
/* Mobile matrix axes: each stacked quadrant carries its own influence column
   instead of leaving desktop column headers above a one-column stack. */
@media(max-width:620px){
 .spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-matrix-colhead{display:none;}
 .spi-module-reader-mode .spi-unified-reading .spi-reader-axis-matrix .qa39-quadrant::before{
  content:attr(data-influence);display:block;margin:0 0 9px;
  color:#95691d;font:750 11px/1.45 Inter,Arial,sans-serif;
  text-transform:uppercase;letter-spacing:.06em;
 }
}


/* ===========================================================================
   R341 | Universal Knowledge Check anatomy: all modules use practice.php
   Maintain <fieldset>/<legend> semantics, browser native radio groups, server
   grading, retry history and form contracts. Never target an individual module.
   =========================================================================== */
.spi-content .spi-kc{
 --spi-kc-space-xs:8px;
 --spi-kc-space-sm:12px;
 --spi-kc-space-md:16px;
 --spi-kc-space-lg:24px;
 --spi-kc-option-border:#d8e2ec;
 --spi-kc-ink:#101d3a;
}
.spi-content .spi-kc .spi-kc-questions{display:grid;gap:0;min-width:0;}
.spi-content .spi-kc .spi-kc-question{
 min-inline-size:0;min-width:0;margin:0;border:0;border-radius:0;
 padding:11px 0 28px;border-bottom:1px solid #e2e8f0;
}
.spi-content .spi-kc .spi-kc-question:last-child{border-bottom:0;}
.spi-content .spi-kc .spi-kc-question legend{
 display:table;width:100%;max-width:100%;margin:0;
 padding:0 0 12px;white-space:normal;
 font:inherit;color:var(--spi-kc-ink);
}
.spi-content .spi-kc .spi-kc-question-heading{
 display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:14px;
 align-items:start;inline-size:100%;min-width:0;
}
.spi-content .spi-kc .spi-kc-question-index{
 display:grid;place-items:center;inline-size:36px;block-size:36px;min-height:36px;
 margin:0;vertical-align:initial;border:1px solid #ead8b1;border-radius:10px;
 background:#f7ecd5;color:#8c672a;font:750 13px/1 Inter,Arial,sans-serif;
}
.spi-content .spi-kc .spi-kc-question-text{
 display:block;min-width:0;margin:0;padding-top:3px;
 color:var(--spi-kc-ink);font:750 clamp(16px,1.4vw,18px)/1.48 Inter,Arial,sans-serif;
 overflow-wrap:break-word;
}
.spi-content .spi-kc .spi-kc-choices{
 display:grid;gap:12px;min-width:0;margin:0;
}
.spi-content .spi-kc .spi-kc-choice{
 display:grid;grid-template-columns:20px minmax(0,1fr);
 align-items:start;gap:14px;min-height:54px;
 padding:15px 17px;margin:0;border:1px solid var(--spi-kc-option-border);
 border-radius:12px;background:#fff;color:#243751;
 font:500 15px/1.52 Inter,Arial,sans-serif;cursor:pointer;
 transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;
}
.spi-content .spi-kc .spi-kc-choice input[type=radio]{
 appearance:auto;display:block;width:19px;height:19px;min-height:19px;
 margin:2px 0 0;flex:none;accent-color:#9c7c40;
}
.spi-content .spi-kc .spi-kc-choice span{
 display:block;min-width:0;margin:0;padding:0;overflow-wrap:break-word;
 font:inherit;color:inherit;
}
.spi-content .spi-kc .spi-kc-choice:hover{
 border-color:#be9c57;background:#fdfbf6;
}
.spi-content .spi-kc .spi-kc-choice:has(input:checked){
 border-color:#ad853e;background:#fcf7eb;
 box-shadow:inset 3px 0 0 #c5a059;
}
.spi-content .spi-kc .spi-kc-choice:focus-within:not(:has(input:focus-visible)){outline:none;}
.spi-content .spi-kc .spi-kc-choice:has(input:focus-visible){
 outline:2px solid #a78240;outline-offset:2px;
}
.spi-content .spi-kc .spi-kc-submit{
 margin-top:6px;padding-top:20px;align-items:center;
}
.spi-content .spi-kc .spi-kc-submit p{
 max-width:64ch;font:400 13px/1.6 Inter,Arial,sans-serif;
}
.spi-content .spi-kc .spi-kc-retry-body>p{margin:16px 0 0;}
.spi-content .spi-kc .spi-kc-retry .spi-kc-question:first-child{padding-top:20px;}
@media(max-width:700px){
 .spi-content .spi-kc .spi-kc-question{padding:10px 0 23px;}
 .spi-content .spi-kc .spi-kc-question legend{padding-bottom:12px;}
 .spi-content .spi-kc .spi-kc-question-heading{grid-template-columns:33px minmax(0,1fr);column-gap:12px;}
 .spi-content .spi-kc .spi-kc-question-index{width:33px;height:33px;min-height:33px;border-radius:9px;font-size:12px;}
 .spi-content .spi-kc .spi-kc-question-text{padding-top:2px;font-size:16px;line-height:1.48;}
 .spi-content .spi-kc .spi-kc-choices{gap:10px;}
 .spi-content .spi-kc .spi-kc-choice{min-height:50px;gap:12px;padding:13px 12px;font-size:14px;line-height:1.5;border-radius:10px;}
 .spi-content .spi-kc .spi-kc-choice input[type=radio]{width:18px;height:18px;min-height:18px;}
 .spi-content .spi-kc .spi-kc-submit{gap:12px;}
}
@media(prefers-reduced-motion:reduce){
 .spi-content .spi-kc .spi-kc-choice{transition:none;}
}

/* R342 — universal practice guidance & Knowledge Check retry reading rhythm.
   Source of truth: shared semantic component, compiled to all 32 profiles. */
.spi-activity-shell .spi-activity-guidance{
  box-sizing:border-box;margin:18px 0 14px;padding:0;overflow:hidden;
  border:1px solid #dbe4f0;border-radius:14px;background:#fff;
}
.spi-activity-shell .spi-activity-guidance>summary{
  display:block;padding:16px 20px;
  color:#101d3a;background:#f5f7fb;
  font:700 15px/1.5 Inter,Arial,sans-serif;
}
.spi-activity-shell .spi-activity-guidance[open]>summary{border-bottom:1px solid #e1e8f1;}
.spi-activity-shell .spi-activity-guidance .spi-activity-guidance-content{
  box-sizing:border-box;display:grid;gap:20px;
  max-width:none;width:100%;min-width:0;padding:22px 24px 24px;
  color:#304866;font:400 15px/1.65 Inter,Arial,sans-serif;
}
.spi-activity-shell .spi-activity-guidance-content .spi-activity-guidance-lead{
  max-width:none;width:100%;margin:0;color:#344c6c;
}
.spi-activity-shell .spi-activity-guidance-content .spi-activity-guidance-steps{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
  list-style:none;counter-reset:spi-guidance-step;
  margin:0;padding:0;
}
.spi-activity-shell .spi-activity-guidance-steps li{
  counter-increment:spi-guidance-step;display:grid;
  grid-template-columns:27px minmax(0,1fr);align-items:start;column-gap:10px;
  margin:0;padding:0;min-width:0;
  font:500 14px/1.55 Inter,Arial,sans-serif;color:#213a5a;
}
.spi-activity-shell .spi-activity-guidance-steps li::before{
  content:counter(spi-guidance-step,decimal-leading-zero);
  display:flex;align-items:center;justify-content:center;
  width:27px;height:27px;border-radius:8px;
  background:#f5eacf;color:#94641f;font:750 11px/1 Inter,Arial,sans-serif;
}
.spi-activity-shell .spi-activity-guidance-case{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;
  border-top:1px solid #e3e9f2;padding-top:18px;min-width:0;
}
.spi-activity-shell .spi-activity-guidance-case-block{min-width:0;}
.spi-activity-shell .spi-activity-guidance-case-block + .spi-activity-guidance-case-block{
  border-left:1px solid #e3e9f2;padding-left:18px;
}
.spi-activity-shell .spi-activity-guidance-case h4{
  margin:0 0 7px;color:#101d3a;font:700 14px/1.5 Inter,Arial,sans-serif;
}
.spi-activity-shell .spi-activity-guidance-case p{
  width:100%;max-width:none;margin:0;color:#425875;font:400 14px/1.65 Inter,Arial,sans-serif;
}
.spi-activity-shell .spi-activity-guidance-closing{
  display:grid;gap:11px;padding-top:17px;border-top:1px solid #e3e9f2;
}
.spi-activity-shell .spi-activity-guidance-closing p{
  width:100%;max-width:none;margin:0;font:400 14px/1.65 Inter,Arial,sans-serif;
}
.spi-activity-shell .spi-activity-guidance-closing strong{color:#101d3a;font-weight:700;}
.spi-activity-shell .spi-activity-guidance-closing .spi-activity-guidance-boundary{
  padding:10px 0 10px 15px;border-left:3px solid #c5a059;color:#425875;
}
.spi-content .spi-kc .spi-kc-retry-body{padding-top:20px;}
.spi-content .spi-kc .spi-kc-retry-body>.spi-kc-retry-lead{
  display:block;box-sizing:border-box;width:100%;max-width:none;
  margin:0 0 22px;padding:0 0 18px;
  border-bottom:1px solid #e3e9f2;
  color:#465f7f;font:400 15px/1.65 Inter,Arial,sans-serif;
}
.spi-content .spi-kc .spi-kc-retry .spi-kc-question:first-child{padding-top:0;}
@media(max-width:800px){
 .spi-activity-shell .spi-activity-guidance-content .spi-activity-guidance-steps{grid-template-columns:1fr;gap:12px;}
 .spi-activity-shell .spi-activity-guidance-case{grid-template-columns:1fr;gap:13px;}
 .spi-activity-shell .spi-activity-guidance-case-block + .spi-activity-guidance-case-block{border-left:0;border-top:1px solid #e3e9f2;padding-left:0;padding-top:13px;}
}
@media(max-width:600px){
 .spi-activity-shell .spi-activity-guidance>summary{padding:15px 16px;font-size:14px;}
 .spi-activity-shell .spi-activity-guidance .spi-activity-guidance-content{padding:18px 16px 20px;gap:18px;font-size:14px;}
 .spi-content .spi-kc .spi-kc-retry-body>.spi-kc-retry-lead{font-size:14px;line-height:1.6;margin-bottom:18px;padding-bottom:16px;}
}


/* R343 · Published free campaigns are browsable without revealing drafts/archives. */
.spi-free-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;min-width:0;}
.spi-free-catalog .spi-free-catalog__item{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;margin:0;border:1px solid #dce4ed;border-radius:13px;background:#fff;padding:clamp(21px,2.8vw,30px);box-shadow:0 6px 24px rgba(7,15,34,.035);}
.spi-free-catalog .spi-free-catalog__item .spi-dashboard-promo__label{margin:0;color:#926c28;font:800 12px/1.5 Inter,system-ui,sans-serif;letter-spacing:.10em;}
.spi-free-catalog .spi-free-catalog__item h2{margin:0;color:#101d3a;font:750 clamp(20px,2vw,24px)/1.32 Inter,system-ui,sans-serif;}
.spi-free-catalog .spi-free-catalog__item p:not(.spi-dashboard-promo__label){margin:0;color:#51627f;font:400 15px/1.6 Inter,system-ui,sans-serif;}
.spi-free-catalog .spi-free-catalog__item .spi-free-catalog__time{font-weight:600;color:#856229;}
.spi-free-catalog .spi-free-catalog__item a.btn{margin-top:auto;min-height:46px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font:700 14px/1.4 Inter,system-ui,sans-serif;}
@media(max-width:600px){.spi-free-catalog .spi-free-catalog__item a.btn{width:100%;}}


.spi-free-schema-notice{display:grid;justify-items:start;gap:12px;max-width:100%;}
.spi-free-schema-notice h2,.spi-free-schema-notice p{margin:0;}
.spi-free-schema-notice__admin{padding:14px 18px;border-left:3px solid #c5a059;background:#faf8f2;}

/* R345: universal Admin learning workspaces and safe Free Material Builder. */
.spi-r345-admin-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px}
.spi-r345-admin-links .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;white-space:normal;text-align:center}
.spi-r345-free-builder{display:grid;gap:16px}
.spi-r345-free-builder h2,.spi-r345-free-builder p{margin-top:0}
.spi-r345-free-builder form{display:grid;gap:18px}
.spi-r345-free-builder .spi-r345-free-section{min-width:0;border:1px solid #d9e1eb;border-radius:14px;padding:18px 20px;display:grid;gap:12px}
.spi-r345-free-builder .spi-r345-free-section legend{font-weight:750;color:#101d3a;padding:0 8px;font-size:15px}
.spi-r345-free-builder .spi-r345-free-section label{display:grid;gap:8px;min-width:0}
.spi-r345-free-builder textarea{width:100%;min-width:0;resize:vertical;line-height:1.6}
.spi-r345-free-quiz{border:1px solid #d9e1eb;border-radius:14px;padding:16px}
.spi-r345-free-quiz summary{cursor:pointer;font-weight:700;color:#101d3a}
.spi-r345-free-quiz[open]{display:grid;gap:16px}
@media(max-width:640px){.spi-r345-admin-links{display:grid;grid-template-columns:minmax(0,1fr)}.spi-r345-admin-links .btn{width:100%}.spi-r345-free-builder .spi-r345-free-section{padding:14px}}

.spi-free-head{margin-bottom:22px;}
.spi-free-head .description{max-width:none;}
.spi-free-catalog{gap:14px;}
.spi-free-catalog .spi-free-catalog__item{gap:14px;min-height:215px;}
.spi-free-catalog .spi-free-catalog__item a.btn{margin-top:auto;width:210px;}
.spi-free-back{margin:0 0 18px;}
.spi-free-back a{display:inline-flex;padding:9px 0;color:#40577b;font-weight:700;text-decoration:none;}
.spi-free-back a:hover{text-decoration:underline;}
.spi-free-editorial{max-width:100%;background:#fff;border:1px solid #dbe3ef;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(7,15,34,.04);}
.spi-free-editorial__head{padding:clamp(24px,4vw,54px);border-bottom:1px solid #e0e6ef;}
.spi-free-editorial__head .eyebrow{margin:0 0 12px;}
.spi-free-editorial__head h1{margin:0 0 15px;font-family:'Playfair Display',Georgia,serif;font-size:clamp(32px,5vw,56px);line-height:1.18;letter-spacing:-.035em;color:#101d3a;overflow-wrap:anywhere;}
.spi-free-editorial__deck{font:400 clamp(16px,2vw,19px)/1.65 Inter,system-ui,sans-serif;color:#536581;margin:0;}
.spi-free-editorial__body{padding:clamp(24px,4vw,54px);font:400 16px/1.85 Inter,system-ui,sans-serif;color:#243858;}
.spi-free-editorial__body > :first-child{margin-top:0;}
.spi-free-editorial__body :is(h2,h3,h4){font-family:'Playfair Display',Georgia,serif;color:#101d3a;line-height:1.3;letter-spacing:-.02em;margin:1.6em 0 .6em;}
.spi-free-editorial__body h2{font-size:clamp(24px,2.6vw,31px);}
.spi-free-editorial__body h3{font-size:clamp(20px,2vw,24px);}
.spi-free-editorial__body p{max-width:none;margin:0 0 1.1em;}
.spi-free-editorial__body :is(ul,ol){padding-left:1.6em;margin:0 0 1.35em;}
.spi-free-editorial__body li{padding-left:.2em;margin-bottom:.5em;}
.spi-free-editorial__body blockquote{border-left:3px solid #c5a059;margin:28px 0;padding:15px 22px;background:#faf8f3;color:#304467;}
.spi-free-editorial__body table{border-collapse:collapse;width:100%;margin:24px 0;display:block;overflow-x:auto;}
.spi-free-editorial__body :is(th,td){border:1px solid #d9e2ec;padding:12px 14px;text-align:left;}
.spi-free-editorial__body th{background:#f4f6fa;color:#152b50;}
.spi-free-editorial__foot{border-top:1px solid #e0e6ef;padding:22px clamp(24px,4vw,54px);display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;}
.spi-free-editorial__foot p{font:400 13px/1.55 Inter,system-ui,sans-serif;color:#64738d;margin:0;}
.spi-free-admin-head .description{max-width:none;}
.spi-free-admin-panel{display:grid;gap:20px;min-width:0;margin:0;}
.spi-free-admin-panel + .spi-free-admin-panel{margin-top:16px;}
.spi-free-admin-sectionhead{display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;gap:18px;border-bottom:1px solid #e2e8f1;padding-bottom:18px;}
.spi-free-admin-sectionhead .eyebrow{margin:0 0 11px;}
.spi-free-admin-sectionhead h2{margin:0 0 9px;color:#101d3a;font:700 clamp(25px,2.3vw,33px)/1.25 'Playfair Display',Georgia,serif;}
.spi-free-admin-sectionhead p:not(.eyebrow){margin:0;color:#596b85;font:400 15px/1.6 Inter,system-ui,sans-serif;max-width:850px;}
.spi-free-admin-items{display:grid;gap:0;}
.spi-free-admin-item{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:16px 0;border-bottom:1px solid #e7ebf1;}
.spi-free-admin-item:last-child{border-bottom:0;}
.spi-free-admin-item>div:first-child{display:grid;gap:6px;min-width:0;}
.spi-free-admin-item strong{font:700 16px/1.45 Inter,system-ui,sans-serif;color:#101d3a;}
.spi-free-admin-item span:not(.spi-free-status){font-size:13px;color:#61718b;overflow-wrap:anywhere;}
.spi-free-admin-item__end{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.spi-free-status{display:inline-flex;align-items:center;padding:5px 11px;border:1px solid #dce3ee;border-radius:99px;color:#445a77;background:#f5f7fa;font:700 12px/1.45 Inter,system-ui,sans-serif;}
.spi-free-status--published{border-color:#cfdfd4;background:#f2f8f3;color:#386749;}
.spi-free-status--archived{color:#7b6774;}
.spi-free-admin-panel form{display:grid;gap:20px;min-width:0;}
.spi-free-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;}
.spi-free-admin-panel label{display:grid;gap:8px;min-width:0;font:700 13px/1.5 Inter,system-ui,sans-serif;color:#142845;}
.spi-free-admin-panel :is(input,select,textarea){box-sizing:border-box;min-width:0;width:100%;min-height:46px;border:1px solid #d4deea;border-radius:9px;padding:12px 14px;background:#fff;color:#182b52;font:400 15px/1.6 Inter,system-ui,sans-serif;}
.spi-free-admin-panel textarea{min-height:290px;resize:vertical;font:400 13px/1.6 ui-monospace,Consolas,monospace;}
.spi-free-admin-panel :is(input,select,textarea):focus-visible{outline:3px solid #c5a059;outline-offset:2px;}
.spi-free-form-actions{display:flex;justify-content:flex-start;}
.spi-free-form-actions .btn{min-width:226px;min-height:50px;}
.spi-free-tip{margin:0;padding:14px 17px;border-left:3px solid #c5a059;background:#faf8f2;color:#50617b;font:400 13px/1.65 Inter,system-ui,sans-serif;}
.spi-free-feedback{padding:14px 18px;border:1px solid #bdd7ca;border-radius:10px;background:#f4faf5;color:#28664a;margin-bottom:15px;}
.spi-free-select-existing{display:flex!important;align-items:end;gap:12px;flex-wrap:wrap;}
.spi-free-select-existing label{flex:1 1 320px;}
.spi-free-select-existing .btn{min-height:46px;}
@media(max-width:900px){.spi-dashboard .spi-next-action .spi-next-action-layout{grid-template-columns:minmax(0,1fr);}}
@media(max-width:640px){
 .spi-dashboard .spi-next-action .spi-next-action-cta,.spi-dashboard .spi-dashboard-promo__actions .btn{width:100%;min-width:0;}
 .spi-free-form-grid{grid-template-columns:minmax(0,1fr);}
 .spi-free-admin-panel{padding:20px 17px;gap:18px;}
 .spi-free-admin-sectionhead{gap:14px;}
 .spi-free-admin-sectionhead>.btn,.spi-free-form-actions,.spi-free-form-actions .btn{width:100%;}
 .spi-free-editorial__foot>.btn{width:100%;}
 .spi-free-catalog .spi-free-catalog__item a.btn{width:100%;}
}

.spi-free-admin-panel form>button[type=submit]:last-child{justify-self:start;min-height:50px;min-width:226px;}
@media(max-width:640px){.spi-free-admin-panel form>button[type=submit]:last-child{width:100%;}}
/* R346 controls: desktop actions have stable intrinsic widths, not stretched bars. */
.spi-free-admin-panel form>button[type=submit]:last-child{width:226px;max-width:100%;}
@media(max-width:640px){.spi-free-admin-panel form>button[type=submit]:last-child{width:100%;}}

/* R347 — UNIVERSAL EDITORIAL INSIGHT SYSTEM; single canonical source for all profiles */
.spi-insight-reader{--spi-reader-font:16px;position:relative;}
.spi-insight-toolbar{position:sticky;top:0;z-index:70;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;background:rgba(249,249,249,.97);backdrop-filter:blur(16px);border-bottom:1px solid #dfe5ef;}
.spi-insight-toolbar__title{color:#9C7C40;font:800 11px/1.4 Inter,system-ui,sans-serif;letter-spacing:.16em;white-space:nowrap;}
.spi-insight-toolbar__actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end;}
.spi-insight-toolbar button,.spi-insight-restore{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;min-height:39px;padding:8px 13px;border:1px solid #d2dce9;border-radius:8px;background:#fff;color:#101D3A;font:650 12px/1.3 Inter,system-ui,sans-serif;transition:background .15s,border-color .15s;}
.spi-insight-toolbar button:hover,.spi-insight-restore:hover{border-color:#C5A059;background:#FBF8F0;}
.spi-insight-toolbar button[aria-pressed=true]{border-color:#C5A059;background:#FAF5E9;}
.spi-insight-toolbar :is(button):focus-visible,.spi-insight-restore:focus-visible,.spi-editorial-chart__controls button:focus-visible{outline:3px solid #c5a059;outline-offset:3px;}
.spi-insight-restore{display:none;position:sticky;top:10px;z-index:80;margin:10px 16px 0 auto;box-shadow:0 5px 25px rgba(7,15,34,.12);}
.spi-insight-toolbar-hidden .spi-insight-toolbar{display:none;}.spi-insight-toolbar-hidden .spi-insight-restore{display:flex;}
.spi-insight-progress{position:sticky;top:0;height:3px;z-index:72;background:#e5e9f0;}.spi-insight-progress>span{display:block;background:#C5A059;height:100%;width:0%;}
.spi-free-editorial__body{font-size:var(--spi-reader-font,16px);}
.spi-free-editorial__body :is(p,li,td,th){font-size:inherit;}
.spi-free-editorial__body [data-spi-block]{position:relative;margin:24px 0;padding:25px 28px;border:1px solid #dde5ee;border-radius:13px;background:#F8F9FB;min-width:0;}
.spi-free-editorial__body [data-spi-block]>:first-child{margin-top:0;}.spi-free-editorial__body [data-spi-block]>:last-child{margin-bottom:0;}
.spi-free-editorial__body [data-spi-block] h3{font:700 clamp(19px,2vw,23px)/1.35 'Playfair Display',Georgia,serif;margin:0 0 10px;}
.spi-free-editorial__body [data-spi-block=insight]{border-left:4px solid #C5A059;background:#FCFAF5;}
.spi-free-editorial__body [data-spi-block=case]{background:#F2F5F9;border-top:3px solid #20375d;}
.spi-free-editorial__body [data-spi-block=takeaway]{background:#101D3A;border-color:#101D3A;color:#fff;}
.spi-free-editorial__body [data-spi-block=takeaway] :is(h2,h3,h4,strong){color:#DFC282;}
.spi-free-editorial__body [data-spi-block=warning]{background:#FFF9F1;border-left:4px solid #B48A47;}
.spi-free-editorial__body [data-spi-block=quote]{background:#F9F5EB;border:0;padding:30px 33px;font:500 clamp(19px,2vw,25px)/1.55 'Playfair Display',Georgia,serif;}
.spi-free-editorial__body [data-spi-block=metric]{background:#fff;text-align:center;border-top:3px solid #C5A059;}
.spi-free-editorial__body [data-spi-block=metric] strong{display:block;font:700 clamp(29px,4vw,43px)/1.1 'Playfair Display',Georgia,serif;color:#101D3A;}
.spi-free-editorial__body [data-spi-layout]{display:grid;gap:16px;margin:24px 0;min-width:0;}
.spi-free-editorial__body [data-spi-layout=columns]{grid-template-columns:repeat(2,minmax(0,1fr));}
.spi-free-editorial__body [data-spi-layout=metrics]{grid-template-columns:repeat(3,minmax(0,1fr));}
.spi-free-editorial__body [data-spi-layout] [data-spi-block]{margin:0;}
.spi-free-editorial__body [data-spi-chart]{border:1px solid #dce4ed;background:linear-gradient(155deg,#fff,#f7f9fc);border-radius:15px;padding:24px;margin:26px 0;overflow:hidden;min-width:0;}
.spi-editorial-chart__head{display:flex;align-items:start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:14px;}
.spi-editorial-chart__caption{font:700 19px/1.4 'Playfair Display',Georgia,serif;color:#101D3A;}
.spi-editorial-chart__controls{display:flex;flex-wrap:wrap;gap:6px;}
.spi-editorial-chart__controls button{cursor:pointer;border:1px solid #d4deea;background:#fff;color:#344b6a;border-radius:7px;min-height:35px;padding:7px 10px;font:650 12px/1.3 Inter,system-ui,sans-serif;}
.spi-editorial-chart__controls button[aria-pressed=true]{border-color:#C5A059;background:#FBF6EC;color:#101D3A;}
.spi-editorial-chart__canvas svg{width:100%;max-width:100%;height:auto;display:block;}
.spi-editorial-chart__canvas [tabindex]:focus-visible{outline:none;stroke:#070F22;stroke-width:4;}
.spi-editorial-chart__data{border-top:1px solid #e3e8ef;padding-top:10px;font:500 13px/1.5 Inter,system-ui,sans-serif;}
.spi-editorial-chart__data summary{cursor:pointer;color:#405675;}
.spi-editorial-chart__data table{width:100%;overflow-x:auto;display:table;font-size:13px;margin:12px 0 0;}
.spi-free-editorial__body [data-spi-chart]>table{display:table;font-size:13px;margin:0;}
.spi-insight-focus .spi-free-editorial__head{display:none;}.spi-insight-focus .spi-free-editorial__foot{display:none;}
.spi-insight-reader:fullscreen,.spi-insight-immersive{position:fixed!important;inset:0!important;z-index:99999!important;max-width:none!important;width:100%!important;height:100vh!important;overflow-y:auto!important;border-radius:0!important;background:#fff!important;}
.spi-insight-reader:fullscreen .spi-free-editorial__body,.spi-insight-immersive .spi-free-editorial__body{max-width:1180px;margin:auto;}
@media(max-width:800px){.spi-free-editorial__body [data-spi-layout=metrics]{grid-template-columns:repeat(2,minmax(0,1fr));}.spi-insight-toolbar{align-items:flex-start;flex-direction:column;gap:9px;}.spi-insight-toolbar__actions{justify-content:flex-start;}}
@media(max-width:600px){.spi-free-editorial__body [data-spi-layout=columns],.spi-free-editorial__body [data-spi-layout=metrics]{grid-template-columns:minmax(0,1fr);}.spi-free-editorial__body [data-spi-block]{padding:19px 17px;}.spi-free-editorial__body [data-spi-chart]{padding:17px 10px;}.spi-insight-toolbar{padding:10px 12px;}.spi-insight-toolbar button{min-height:38px;padding:6px 9px;}.spi-editorial-chart__caption{font-size:17px;}}
@media print{.spi-insight-toolbar,.spi-insight-restore,.spi-insight-progress,.spi-editorial-chart__controls{display:none!important;}.spi-free-editorial{border:0;box-shadow:none;}.spi-free-editorial__body [data-spi-block]{break-inside:avoid;}}
@media(prefers-reduced-motion:reduce){.spi-insight-toolbar button{transition:none;}}
.spi-free-editorial-guidance{border-radius:11px;background:#F7F8FA;border:1px solid #dbe4ef;padding:18px 22px;color:#3c5274;font:400 14px/1.7 Inter,system-ui,sans-serif;}
.spi-free-editorial-guidance strong{color:#142845;font-weight:750;}.spi-free-editorial-guidance p{margin:8px 0 0;max-width:none;}.spi-free-editorial-guidance code{background:#eaf0f6;padding:2px 5px;border-radius:4px;}
/* Preserve usable chart labels on narrow screens; scroll chart locally, not the page. */
@media(max-width:600px){
 .spi-editorial-chart__canvas{max-width:100%;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain;}
 .spi-editorial-chart__canvas svg{min-width:600px;}
}


/* R348 — SPI Academy Dashboard, single governed UI design component.
   Consolidates the R343/R344/R346 CTA and panel-layout rules. One source,
   composed into all 32 CSS profiles. Learner-facing dashboard only. */
.spi-app-layout > .spi-content.spi-dashboard{
 --spi-dash-ink:#101d3a;--spi-dash-muted:#526680;
 --spi-dash-line:#dce4ef;--spi-dash-gold:#c5a059;
 --spi-dash-space:12px;--spi-dash-radius:12px;
 display:flex;flex-direction:column;gap:var(--spi-dash-space);
 padding-bottom:32px;min-width:0;
}
.spi-dashboard > :is(.panel,.spi-dashboard-kpi-section,.spi-access-overview-detail-grid,.viewhead){margin:0;min-width:0;}
.spi-dashboard > .viewhead{padding:7px 0 5px;}
.spi-dashboard > .viewhead .eyebrow{font:750 11px/1.5 Inter,system-ui,sans-serif;letter-spacing:.13em;color:#976f2f;text-transform:uppercase;}
.spi-dashboard > .viewhead h2{margin:8px 0 0;font:700 clamp(30px,3vw,40px)/1.2 'Playfair Display',Georgia,serif;letter-spacing:-.025em;color:var(--spi-dash-ink);}
.spi-dashboard > .viewhead .description{margin:9px 0 0;color:var(--spi-dash-muted);font:400 15px/1.6 Inter,system-ui,sans-serif;max-width:850px;}
/* Shared promo/next-action: identical grid, right-edge CTA and text hierarchy. */
.spi-dashboard > .spi-dashboard-promo,
.spi-dashboard > .spi-next-action{
 box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto;
 gap:clamp(20px,3vw,38px);align-items:center;padding:clamp(22px,2.4vw,30px);
 border-radius:var(--spi-dash-radius);margin:0;min-width:0;
}
.spi-dashboard > .spi-dashboard-promo.spi-free-promo{border:1px solid var(--spi-dash-line);background:#fff;box-shadow:0 7px 24px rgba(7,15,34,.03);}
.spi-dashboard > .spi-dashboard-promo.spi-apply-quick{border:1px solid #e0c998;box-shadow:inset 3px 0 var(--spi-dash-gold);background:#fffdfa;}
.spi-dashboard > .spi-next-action{border:1px solid #dfc99c;background:#fffdfa;box-shadow:none;}
.spi-dashboard .spi-dashboard-promo__copy,
.spi-dashboard .spi-next-action-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:0;}
.spi-dashboard .spi-dashboard-promo__label,
.spi-dashboard .spi-next-action-copy .eyebrow,
.spi-dashboard .spi-level-transcript-metric-title,
.spi-dashboard .spi-access-overview-panel-header .eyebrow,
.spi-dashboard .spi-level-transcript-level-head .eyebrow{
 margin:0 0 10px;color:#986e2c;font:800 11px/1.5 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;
}
.spi-dashboard .spi-dashboard-promo__title,
.spi-dashboard .spi-next-action-copy h3{
 margin:0 0 8px;font:750 clamp(20px,2.05vw,25px)/1.3 Inter,system-ui,sans-serif;
 letter-spacing:-.02em;color:var(--spi-dash-ink);overflow-wrap:break-word;
}
.spi-dashboard .spi-dashboard-promo__description,
.spi-dashboard .spi-next-action-copy p{
 color:var(--spi-dash-muted);margin:0;max-width:860px;
 font:400 14px/1.65 Inter,system-ui,sans-serif;
}
.spi-dashboard .spi-dashboard-promo__actions{
 display:flex;align-items:center;justify-content:flex-end;
 justify-self:end;min-width:0;align-self:center;
}
.spi-dashboard .spi-dashboard-promo__actions form{display:flex;margin:0;justify-content:flex-end;min-width:0;}
.spi-dashboard .spi-next-action .spi-next-action-layout{
 display:contents;
}
.spi-dashboard .spi-next-action .spi-next-action-cta{
 justify-self:end;align-self:center;
}
.spi-dashboard .spi-dashboard-promo__actions .btn,
.spi-dashboard .spi-next-action .spi-next-action-cta{
 box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
 gap:10px;width:248px;min-width:248px;max-width:100%;min-height:50px;height:auto;
 margin:0;padding:12px 18px;border-radius:8px;
 font:700 13.5px/1.4 Inter,system-ui,sans-serif;text-align:center;
 text-decoration:none;white-space:normal;flex-shrink:0;
}
.spi-dashboard .spi-dashboard-promo__actions .btn:focus-visible,
.spi-dashboard .spi-next-action .spi-next-action-cta:focus-visible{outline:3px solid #b58b45;outline-offset:3px;}
/* KPI tiles share one ordered scale. */
.spi-dashboard .spi-dashboard-kpi-section{min-width:0;}
.spi-dashboard .spi-level-transcript-kpis{gap:12px;align-items:stretch;}
.spi-dashboard .spi-level-transcript-metric{min-width:0;box-sizing:border-box;border:1px solid var(--spi-dash-line);border-radius:12px;padding:22px 20px;background:#fff;}
.spi-dashboard .spi-level-transcript-metric-title{margin-bottom:17px;}
.spi-dashboard .spi-level-transcript-number{color:var(--spi-dash-ink);}
.spi-dashboard .spi-level-transcript-stat p{color:#263d5e;font:600 13px/1.5 Inter,system-ui,sans-serif;}
/* One heading system for the narrative and support panels. */
.spi-dashboard .spi-journey-full,
.spi-dashboard .spi-access-overview-detail-panel,
.spi-dashboard .spi-level-transcript-level-panel{border:1px solid var(--spi-dash-line);border-radius:12px;background:#fff;}
.spi-dashboard .spi-learning-progress-panel-head h3,
.spi-dashboard .spi-access-overview-panel-header h3,
.spi-dashboard .spi-level-transcript-level-heading h3{
 margin:0 0 7px;color:var(--spi-dash-ink);font:750 clamp(20px,2vw,25px)/1.3 Inter,system-ui,sans-serif;letter-spacing:-.018em;
}
.spi-dashboard .spi-learning-progress-panel-head p,
.spi-dashboard .spi-access-overview-panel-header p:not(.eyebrow){
 margin:0;color:var(--spi-dash-muted);font:400 14px/1.6 Inter,system-ui,sans-serif;
}
.spi-dashboard .spi-enrollment-header{margin-top:19px;}
.spi-dashboard .spi-enrollment-header .eyebrow{margin:0 0 8px;color:#986e2c;font:800 11px/1.5 Inter,system-ui,sans-serif;letter-spacing:.12em;}
.spi-dashboard .spi-enrollment-header h4{margin:0;font:750 17px/1.4 Inter,system-ui,sans-serif;color:var(--spi-dash-ink);}
.spi-dashboard .spi-progress-meta{margin:16px 0 9px;align-items:baseline;color:var(--spi-dash-muted);font:500 13px/1.5 Inter,system-ui,sans-serif;}
.spi-dashboard .spi-progress-meta strong{font:750 13px/1.5 Inter,system-ui,sans-serif;color:var(--spi-dash-ink);}
.spi-dashboard .spi-learning-progress-progress-note{margin:9px 0 17px;color:#61728a;font:400 12px/1.55 Inter,system-ui,sans-serif;}
.spi-dashboard .spi-journey-full .spi-journey-row{
 grid-template-columns:42px minmax(0,1fr) 158px;gap:14px;
 min-height:100px;padding:16px 18px;border-radius:10px;
}
.spi-dashboard .spi-journey-full .spi-journey-row .grow h4{margin:0 0 10px;color:var(--spi-dash-ink);font:700 14.5px/1.45 Inter,system-ui,sans-serif;}
.spi-dashboard .spi-learning-progress-states{gap:6px;}
.spi-dashboard .spi-learning-progress-status{font-size:11.5px;line-height:1.45;}
.spi-dashboard .spi-journey-full .spi-journey-row .actions .btn{border-radius:8px;min-height:43px;}
.spi-dashboard .spi-access-overview-detail-grid{gap:12px;align-items:stretch;}
.spi-dashboard .spi-access-overview-panel-header{margin-bottom:15px;}
.spi-dashboard .spi-access-overview-panel-header .eyebrow{margin-bottom:8px;}
.spi-dashboard .spi-access-overview-detail-row h4,
.spi-dashboard .spi-access-overview-access-copy h4{font:700 14px/1.45 Inter,system-ui,sans-serif;color:var(--spi-dash-ink);}
.spi-dashboard .spi-access-overview-panel-footer p{font:400 12px/1.6 Inter,system-ui,sans-serif;color:#62748c;}
.spi-dashboard .spi-level-transcript-level-panel{margin-top:0;}
@media(max-width:980px){
 .spi-dashboard .spi-level-transcript-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:820px){
 .spi-dashboard > .spi-dashboard-promo,
 .spi-dashboard > .spi-next-action{grid-template-columns:minmax(0,1fr);row-gap:16px;}
 .spi-dashboard .spi-dashboard-promo__actions{width:100%;justify-self:stretch;justify-content:stretch;}
 .spi-dashboard .spi-dashboard-promo__actions form{width:100%;justify-content:stretch;}
 .spi-dashboard .spi-dashboard-promo__actions .btn,
 .spi-dashboard .spi-next-action .spi-next-action-cta{width:100%;min-width:0;justify-self:stretch;}
}
@media(max-width:700px){
 .spi-dashboard .spi-journey-full .spi-journey-row{grid-template-columns:36px minmax(0,1fr);gap:11px;padding:14px;min-height:0;}
 .spi-dashboard .spi-journey-full .spi-journey-row .actions{grid-column:2;width:100%;margin:1px 0 0;}
}
@media(max-width:600px){
 .spi-app-layout > .spi-content.spi-dashboard{gap:12px;}
 .spi-dashboard > .spi-dashboard-promo,.spi-dashboard > .spi-next-action{padding:19px 17px;}
 .spi-dashboard > .viewhead h2{font-size:29px;}
 .spi-dashboard .spi-dashboard-promo__title,.spi-dashboard .spi-next-action-copy h3{font-size:20px;}
 .spi-dashboard .spi-dashboard-promo__description,.spi-dashboard .spi-next-action-copy p{font-size:13.5px;}
 .spi-dashboard .spi-level-transcript-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
 .spi-dashboard .spi-level-transcript-metric{padding:17px 14px;}
 .spi-dashboard .spi-level-transcript-stat p{font-size:12px;}
}
@media(max-width:390px){
 .spi-dashboard .spi-level-transcript-kpis{grid-template-columns:minmax(0,1fr);}
}

/* R349 — UNIVERSAL ACADEMY CATALOG & PARTICIPANT SUMMARY COMPONENTS
   One semantic owner for dashboard access/actions and curriculum presentation.
   Cross-level behavior is data-driven; module state never alters learning copy.
   All 32 build profiles consume these canonical component definitions. */
:root{
  --spi-academy-component-line:var(--ds-color-line,#dce4ed);
  --spi-academy-component-ink:var(--ds-color-navy-900,#101d3a);
  --spi-academy-component-muted:#536681;
  --spi-academy-action-width:174px;
}
/* Academic catalog page heading: allow its content to use the entire workspace. */
.spi-curriculum-curr-head .description{max-width:none;line-height:1.65;}
.spi-curriculum-curriculum .spi-curriculum-instruction{margin-bottom:22px;gap:17px;padding:18px 20px;}
.spi-curriculum-curriculum .spi-curriculum-level-tabs button{min-height:84px;gap:5px;padding:15px 12px 17px;}
.spi-curriculum-curriculum .spi-curriculum-level-tabs button strong{font-size:clamp(13px,1.25vw,16px);line-height:1.35;}
.spi-curriculum-curriculum .spi-curriculum-level-heading{
  display:block; margin-bottom:18px; padding-bottom:20px;
}
.spi-curriculum-curriculum .spi-curriculum-level-heading > div{width:100%;max-width:none;}
.spi-curriculum-curriculum .spi-curriculum-level-heading h3{margin-bottom:9px;}
.spi-curriculum-curriculum .spi-curriculum-level-heading p:not(.eyebrow){
  max-width:none;width:100%;font-size:15px;line-height:1.65;
}
.spi-curriculum-curriculum .spi-curriculum-module-row{
  display:grid;grid-template-columns:44px minmax(0,1fr) var(--spi-academy-action-width);
  gap:18px;align-items:center;min-height:130px;padding:19px 20px;
  border:1px solid var(--spi-academy-component-line);border-radius:12px;
  background:#fff;
}
.spi-curriculum-curriculum .spi-curriculum-module-row.locked{background:#fbfcfd;}
.spi-curriculum-curriculum .spi-curriculum-module-copy{min-width:0;}
.spi-curriculum-curriculum .spi-curriculum-module-copy h4{font-size:16px;line-height:1.4;margin:0 0 7px;color:var(--spi-academy-component-ink);}
.spi-curriculum-curriculum .spi-curriculum-module-copy > p{max-width:none;margin:0;line-height:1.6;font-size:14px;}
.spi-curriculum-curriculum .spi-curriculum-module-metadata{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px;}
.spi-curriculum-curriculum .spi-curriculum-pretest-chip{
  display:inline-flex;align-items:center;min-height:27px;padding:3px 9px;
  background:#f4f6f9;border:1px solid #e0e7ef;border-radius:6px;
  color:#536681;font:650 11.5px/1.4 Inter,system-ui,sans-serif;
}
.spi-curriculum-curriculum .spi-curriculum-pretest-chip.is-done{background:#edf8f1;border-color:#c6e7d4;color:#276e48;}
.spi-curriculum-curriculum .spi-curriculum-module-actions{
  box-sizing:border-box;width:var(--spi-academy-action-width);margin:0;
  display:grid;grid-auto-flow:row;align-content:center;justify-items:stretch;gap:8px;
}
.spi-curriculum-curriculum .spi-curriculum-module-actions > :is(.spi-curriculum-module-state,.spi-curriculum-module-cta){
  box-sizing:border-box;width:100%;min-width:0;margin:0;min-height:40px;
  display:flex;align-items:center;justify-content:center;text-align:center;
  padding:9px 12px;border-radius:8px;font:700 13px/1.4 Inter,system-ui,sans-serif;
}
.spi-curriculum-curriculum .spi-curriculum-module-actions > .spi-curriculum-module-cta{
  min-height:43px;text-decoration:none;color:#fff;background:var(--spi-academy-component-ink);border:1px solid var(--spi-academy-component-ink);
}
.spi-curriculum-curriculum .spi-curriculum-module-actions > .spi-curriculum-module-cta:hover{background:#21375a;}
.spi-curriculum-curriculum .spi-curriculum-module-cta:focus-visible,
.spi-dashboard .spi-level-action-slot :is(button,.spi-level-state):focus-visible{outline:3px solid #c5a059;outline-offset:3px;}
/* Two cards, one universal evidence-and-access rhythm. */
.spi-dashboard .spi-access-overview-detail-grid .spi-access-overview-detail-list{
  grid-template-rows:repeat(3,minmax(112px,auto));
}
.spi-dashboard .spi-access-overview-detail-grid .spi-access-overview-detail-row{
  display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;align-items:start;
  padding:16px 0;
}
.spi-dashboard .spi-access-overview-detail-grid .spi-access-overview-index{margin-top:4px;}
.spi-dashboard .spi-access-activity-body{min-width:0;}
.spi-dashboard .spi-access-activity-body h4{margin:0 0 10px;font:750 14px/1.45 Inter,system-ui,sans-serif;color:var(--spi-academy-component-ink);}
.spi-dashboard .spi-access-activity-facts{display:flex;flex-wrap:wrap;align-items:stretch;gap:9px;min-width:0;}
.spi-dashboard .spi-access-activity-fact{
  display:flex;align-items:baseline;gap:7px;padding:8px 10px;border:1px solid #e1e7ef;
  border-radius:8px;background:#f8fafc;min-width:0;min-height:37px;
}
.spi-dashboard .spi-access-activity-fact strong{font:750 19px/1.1 Inter,system-ui,sans-serif;color:#101d3a;font-variant-numeric:tabular-nums;}
.spi-dashboard .spi-access-activity-fact span{font:550 11.5px/1.3 Inter,system-ui,sans-serif;color:#52657f;}
.spi-dashboard #spi-apply-level .spi-access-overview-access-row{
  display:grid;grid-template-columns:minmax(0,1fr) var(--spi-academy-action-width);
  align-items:center;gap:16px;min-width:0;min-height:100px;padding:16px 0;
}
.spi-dashboard #spi-apply-level .spi-access-overview-access-copy{min-width:0;}
.spi-dashboard #spi-apply-level .spi-level-action-slot{
  display:flex;align-items:center;justify-content:stretch;min-width:0;
  width:var(--spi-academy-action-width);max-width:100%;
}
.spi-dashboard #spi-apply-level .spi-level-action-slot form{
  box-sizing:border-box;flex:1 1 auto;width:100%;min-width:0;margin:0;
  display:flex;align-items:stretch;justify-content:stretch;
}
.spi-dashboard #spi-apply-level .spi-level-action-slot :is(.spi-level-apply-cta,.spi-level-state){
  box-sizing:border-box;display:flex;align-items:center;justify-content:center;
  flex:1 1 100%;width:100%;max-width:100%;min-width:0;
  min-height:45px;padding:10px 12px;margin:0;border-radius:8px;
  font:700 13px/1.4 Inter,system-ui,sans-serif;text-align:center;
}
@media(max-width:1000px){
  .spi-curriculum-curriculum .spi-curriculum-module-row{gap:13px;grid-template-columns:42px minmax(0,1fr) 154px;}
  .spi-curriculum-curriculum .spi-curriculum-module-actions{width:154px;}
}
@media(max-width:760px){
  .spi-curriculum-curriculum .spi-curriculum-module-row{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:11px 12px;}
  .spi-curriculum-curriculum .spi-curriculum-module-actions{grid-column:2;display:flex;flex-wrap:wrap;width:100%;gap:8px;}
  .spi-curriculum-curriculum .spi-curriculum-module-actions > :is(.spi-curriculum-module-state,.spi-curriculum-module-cta){min-width:130px;width:auto;flex:1 1 130px;}
  .spi-curriculum-curriculum .spi-curriculum-level-tabs button{min-height:80px;padding:12px 6px;}
  .spi-curriculum-curriculum .spi-curriculum-level-tabs button strong{font-size:13px;}
}
@media(max-width:540px){
  .spi-dashboard #spi-apply-level .spi-access-overview-access-row{grid-template-columns:minmax(0,1fr) 140px;gap:8px;min-height:85px;}
  .spi-dashboard #spi-apply-level .spi-level-action-slot{width:140px;}
  .spi-dashboard .spi-access-activity-facts{gap:6px;}
  .spi-dashboard .spi-access-activity-fact{padding:7px 9px;}
  .spi-curriculum-curriculum .spi-curriculum-module-row{grid-template-columns:35px minmax(0,1fr);padding:15px 12px;gap:10px;}
  .spi-curriculum-curriculum .spi-curriculum-module-actions{grid-column:1/-1;flex-direction:column;align-items:stretch;width:100%;}
  .spi-curriculum-curriculum .spi-curriculum-module-actions > :is(.spi-curriculum-module-state,.spi-curriculum-module-cta){width:100%;flex:none;}
  .spi-curriculum-curriculum .spi-curriculum-level-tabs button{gap:4px;min-height:74px;padding:12px 3px 15px;}
  .spi-curriculum-curriculum .spi-curriculum-level-tabs button strong{font-size:11px;line-height:1.35;}
}
@media(max-width:370px){
  .spi-dashboard #spi-apply-level .spi-access-overview-access-row{grid-template-columns:minmax(0,1fr);}
  .spi-dashboard #spi-apply-level .spi-level-action-slot{width:100%;}
}
@media(prefers-reduced-motion:reduce){
  .spi-curriculum-curriculum .spi-curriculum-module-cta{transition:none;}
}

/* SPI Universal Academic Components · Evidence/Reasoning · R350
   Reusable on every module. Defined once in canonical design source; never module-scoped. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-academic-card-gap,16px);margin:var(--ds-space-5,20px) 0 var(--ds-space-6,24px);min-width:0;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-evidence-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-evidence-card{min-width:0;border:1px solid var(--ds-academic-card-border,#dbe2ec);border-radius:var(--ds-radius-md,12px);padding:var(--ds-academic-card-padding,22px);background:var(--ds-color-surface,#fff);box-shadow:var(--ds-shadow-panel,0 3px 14px #080d1910);overflow-wrap:anywhere;border-top:3px solid var(--ds-color-gold-500,#c5a059);}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-evidence-tag{display:block;margin:0 0 8px;font:700 var(--ds-type-help,12px)/1.45 var(--ds-font-body,Inter,sans-serif);letter-spacing:.09em;text-transform:uppercase;color:var(--ds-color-gold-700,#9c7c40);}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-evidence-card h4{margin:0 0 8px;font:700 var(--ds-academic-detail-size,18px)/1.36 var(--ds-font-heading,Georgia,serif);color:var(--ds-color-navy-900,#101d3a);}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-evidence-card p{margin:0;font:400 var(--ds-academic-body-size,16px)/1.65 var(--ds-font-body,Inter,sans-serif);color:var(--ds-color-body,#42516d);}
/* Academic Reader · generic qualitative 2×2 evidence / impact matrix, all modules. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-signal-matrix{background:var(--ds-color-surface,#fff);border:1px solid var(--ds-academic-card-border,#dbe2ec);border-radius:var(--ds-radius-lg,16px);padding:clamp(16px,2.2vw,26px);margin:var(--ds-academic-block-gap,22px) 0;min-width:0;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-signal-axis-top,.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-signal-axis-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:9px 0;color:var(--ds-color-gold-700,#9c7c40);font:700 12px/1.45 var(--ds-font-body,Inter,sans-serif);text-align:center;letter-spacing:.02em;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-signal-quadrant{padding:18px 20px;border:1px solid var(--ds-academic-card-border,#dbe2ec);border-radius:var(--ds-radius-md,12px);background:var(--ds-color-surface,#fff);min-width:0;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-signal-quadrant:nth-child(-n+2){border-top:3px solid var(--ds-color-gold-500,#c5a059);}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-signal-tag{display:block;margin:0 0 8px;color:var(--ds-color-gold-700,#9c7c40);font:750 11px/1.4 var(--ds-font-body,Inter,sans-serif);letter-spacing:.07em;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-signal-quadrant h4{font:700 var(--ds-academic-detail-size,18px)/1.4 var(--ds-font-heading,Georgia,serif);color:var(--ds-color-navy-900,#101d3a);margin:0 0 12px;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-signal-quadrant p{font:400 var(--ds-academic-body-size,16px)/1.65 var(--ds-font-body,Inter,sans-serif);color:var(--ds-color-body,#42516d);margin:0 0 11px;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-signal-quadrant p:last-child{margin-bottom:0;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-signal-matrix figcaption{margin-top:16px;padding-top:12px;border-top:1px solid var(--ds-academic-card-border,#dbe2ec);color:var(--ds-color-body,#42516d);font-size:var(--ds-type-caption,13px);line-height:1.6;}
@media(max-width:640px){.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-signal-grid{grid-template-columns:minmax(0,1fr);}.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-signal-axis-top,.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-signal-axis-bottom{grid-template-columns:minmax(0,1fr);text-align:left;font-size:11px;}.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-signal-quadrant{padding:16px;}}
/* Academic Reader · reusable evidence/interpretation note (all levels/modules).
   Canonical sibling of the shared academic cards, not a module CSS override. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading :is(.spi-academic-reading-note,.spi-analysis-contrast-note,.spi-diagram-reading-guide){
  margin:var(--ds-academic-block-gap,22px) 0;
  padding:20px 22px;
  background:var(--ds-color-surface-muted,#f3f6fa);
  border:1px solid var(--ds-academic-card-border,#dbe2ec);
  border-inline-start:4px solid var(--ds-color-gold-500,#c5a059);
  border-radius:var(--ds-radius-md,12px);
  box-shadow:none;
  min-width:0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading :is(.spi-academic-reading-note,.spi-analysis-contrast-note,.spi-diagram-reading-guide)>h4{
  margin:0 0 10px;
  font:700 var(--ds-academic-detail-size,18px)/1.4 var(--ds-font-heading,Georgia,serif);
  color:var(--ds-color-navy-900,#101d3a);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading :is(.spi-academic-reading-note,.spi-analysis-contrast-note,.spi-diagram-reading-guide)>p{
  margin:0 0 10px;
  font:400 var(--ds-academic-body-size,16px)/1.7 var(--ds-font-body,Inter,sans-serif);
  color:var(--ds-color-body,#42516d);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading :is(.spi-academic-reading-note,.spi-analysis-contrast-note,.spi-diagram-reading-guide)>p:last-child{margin-bottom:0;}
@media(max-width:640px){.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading :is(.spi-academic-reading-note,.spi-analysis-contrast-note,.spi-diagram-reading-guide){padding:16px;}}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-reading-callout{padding:var(--ds-space-5,20px);margin:var(--ds-academic-block-gap,22px) 0;background:var(--ds-color-ivory,#faf6ed);border:1px solid var(--ds-color-ivory-border,#e6d7b5);border-inline-start:4px solid var(--ds-color-gold-500,#c5a059);border-radius:var(--ds-radius-md,12px);overflow-wrap:anywhere;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-reading-callout--warning{background:var(--ds-color-caution-wash,#fff5eb);border-color:var(--ds-color-caution-border,#dfba92);border-inline-start-color:#a8683b;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-reading-callout strong{font-weight:750;color:var(--ds-color-navy-900,#101d3a);}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-reading-callout p{margin:7px 0 0;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-stepflow{list-style:none;counter-reset:none;display:grid;gap:12px;margin:22px 0;padding:0;min-width:0;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-stepflow>li{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:14px;list-style:none;min-width:0;background:var(--ds-color-surface,#fff);border:1px solid var(--ds-academic-card-border,#dbe2ec);border-radius:var(--ds-radius-md,12px);padding:17px;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-step-index{display:flex;align-items:center;justify-content:center;min-height:38px;min-width:38px;padding:0 4px;border-radius:var(--ds-radius-sm,8px);background:var(--ds-color-ivory,#faf6ed);color:var(--ds-color-gold-700,#9c7c40);font:750 14px/1 var(--ds-font-body,Inter,sans-serif);}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-stepflow strong{display:block;margin:0 0 6px;color:var(--ds-color-navy-900,#101d3a);font-size:var(--ds-academic-body-size,16px);line-height:1.4;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-stepflow p{margin:0;color:var(--ds-color-body,#42516d);line-height:1.6;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-brief{border:1px solid var(--ds-color-ivory-border,#e6d7b5);border-top:5px solid var(--ds-color-gold-500,#c5a059);background:var(--ds-color-surface,#fff);border-radius:var(--ds-radius-md,12px);padding:clamp(18px,3vw,32px);margin:20px 0;box-shadow:var(--ds-shadow-panel,0 3px 14px #080d1910);}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-brief .spi-academic-brief-kicker{font:750 11px/1.5 var(--ds-font-body,Inter,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--ds-color-gold-700,#9c7c40);margin:0 0 8px;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-brief h3{font-family:var(--ds-font-heading,Georgia,serif);margin:0 0 16px;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-internal-nav{background:var(--ds-color-ivory,#faf6ed);border:1px solid var(--ds-color-ivory-border,#e6d7b5);padding:18px 22px;border-radius:var(--ds-radius-md,12px);margin:18px 0;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-internal-nav ol{columns:2;margin:0;padding-inline-start:22px;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-internal-nav li{break-inside:avoid;line-height:1.5;margin:0 0 8px;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-internal-nav a{color:var(--ds-color-navy-900,#101d3a);text-decoration:underline;text-underline-offset:3px;}
@media(max-width:800px){.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-evidence-grid--3{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-evidence-grid,.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-evidence-grid--3{grid-template-columns:minmax(0,1fr);}.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-internal-nav ol{columns:1;}.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-evidence-card{padding:16px;}.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-stepflow>li{gap:10px;padding:13px;grid-template-columns:38px minmax(0,1fr);}}

/* SPI Universal Academic Learning R352 — shared reusable components, Modules 01–18.
   Semantic additions only; no module selectors and no per-module generated CSS. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-evidence-grid > .spi-academic-standard-card{
  min-width:0; padding:var(--ds-academic-card-padding,22px); border:1px solid var(--ds-academic-card-border,#dbe2ec);
  border-top:3px solid var(--ds-color-gold-500,#c5a059); border-radius:var(--ds-radius-md,12px);
  background:var(--ds-color-surface,#fff); box-shadow:0 3px 14px rgba(7,15,34,.055);overflow-wrap:anywhere;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-evidence-grid > .spi-academic-standard-card h4{
  font-family:var(--ds-font-heading,'Playfair Display',Georgia,serif);font-size:var(--ds-academic-detail-size,18px);
  font-weight:700;line-height:1.38;margin:0 0 10px;color:var(--ds-color-navy-900,#101d3a);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-evidence-grid > .spi-academic-standard-card p{
  font-family:var(--ds-font-body,Inter,Arial,sans-serif);font-size:var(--ds-academic-body-size,16px);
  line-height:1.65;color:var(--ds-color-body,#42516d);margin:0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading :is(.spi-academic-toolkit-bridge,.spi-academic-source-note){
  min-width:0;margin:24px 0;padding:clamp(17px,2vw,25px);border-radius:var(--ds-radius-md,12px);
  background:var(--ds-color-ivory,#faf6ed);border:1px solid var(--ds-color-ivory-border,#e6d7b5);
  border-inline-start:4px solid var(--ds-color-gold-500,#c5a059);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-toolkit-bridge h3{
  font-family:var(--ds-font-heading,'Playfair Display',Georgia,serif);
  font-size:clamp(18px,2vw,21px);color:var(--ds-color-navy-900,#101d3a);margin:0 0 12px;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading :is(.spi-academic-toolkit-bridge,.spi-academic-source-note) p{
  font:400 var(--ds-academic-body-size,16px)/1.7 var(--ds-font-body,Inter,Arial,sans-serif);margin:0 0 12px;color:var(--ds-color-body,#42516d);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading :is(.spi-academic-toolkit-bridge,.spi-academic-source-note) a{
 color:var(--ds-color-navy-900,#101d3a);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-brief .spi-academic-brief-head{
  display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;justify-content:space-between;
  padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--ds-academic-card-border,#dbe2ec);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-brief .spi-academic-brief-head strong{
  font:750 clamp(14px,1.65vw,17px)/1.4 var(--ds-font-body,Inter,Arial,sans-serif);color:var(--ds-color-navy-900,#101d3a);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-brief .spi-academic-brief-head small{
 font:500 12px/1.5 var(--ds-font-body,Inter,Arial,sans-serif);color:var(--ds-color-body,#42516d);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-brief > p{
 font:400 var(--ds-academic-body-size,16px)/1.72 var(--ds-font-body,Inter,Arial,sans-serif);margin:0 0 12px;color:var(--ds-color-body,#42516d);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-cross-sector,
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-nested-unit{margin:clamp(24px,3vw,36px) 0;min-width:0;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-cross-sector > .chapter-head,
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-nested-unit > .chapter-head{margin-bottom:20px;}
@media(max-width:700px){
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-evidence-grid > .spi-academic-standard-card{padding:17px;}
  .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading :is(.spi-academic-toolkit-bridge,.spi-academic-source-note){padding:17px;}
}

/* SPI R352 · UNIVERSAL ACADEMIC HERO/CONTEXT — single, chapter-independent pattern.
   Replaces the need for duplicated 01/02/03/04/05/06 CSS definitions.
   Does not rely on a module name, index or platform-specific route. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-hero .l1-nodes{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-hero .l1-nodes>div{
 display:block;min-width:0;padding:15px 17px;border:1px solid rgba(223,194,130,.32);
 border-radius:11px;background:rgba(255,255,255,.06);overflow-wrap:anywhere;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-hero .l1-nodes b{
 display:block;margin:0 0 8px;font:750 14px/1.45 var(--ds-font-body,Inter,Arial,sans-serif);
 color:var(--ds-color-gold-300,#dfc282);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-hero .l1-nodes small{
 display:block;font:400 14px/1.65 var(--ds-font-body,Inter,Arial,sans-serif);color:#f9f9f9;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-office-language .spi-office-context{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-office-language .spi-office-context>div{
 padding:18px 21px;background:var(--ds-color-surface,#fff);border:1px solid var(--ds-color-ivory-border,#e6d7b5);
 border-radius:var(--ds-radius-md,12px);min-width:0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-office-language .spi-office-context h3{
 font:700 20px/1.38 var(--ds-font-heading,'Playfair Display',Georgia,serif);
 color:var(--ds-color-navy-900,#101d3a);margin:0 0 10px;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-office-language .spi-office-context p{
 font:400 var(--ds-academic-body-size,16px)/1.7 var(--ds-font-body,Inter,Arial,sans-serif);
 color:var(--ds-color-body,#42516d);margin:0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-hero h2{
 font-family:var(--ds-font-heading,'Playfair Display',Georgia,serif);
 font-size:clamp(26px,3vw,34px);line-height:1.25;font-weight:700;
}
@media(max-width:760px){
 .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-hero .l1-nodes,
 .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-office-language .spi-office-context{grid-template-columns:minmax(0,1fr);}
 .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-hero .l1-nodes>div{padding:12px 14px;}
 .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-office-language .spi-office-context>div{padding:16px;}
}
/* R352 universal editorial color/typographic parity for Academy Reader 01–18. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .l1-charter.spi-academic-hero{
 background:linear-gradient(115deg,#181d26,#262b33);border:1px solid rgba(197,160,89,.26);
 border-radius:15px;box-shadow:0 4px 19px rgba(7,15,34,.08);color:#f9f9f9;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .l1-charter.spi-academic-hero :is(p,.spi-academic-subtitle){color:#f9f9f9;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-office-language .spi-office-eyebrow{
 font:750 13px/1.55 var(--ds-font-body,Inter,Arial,sans-serif);
 letter-spacing:.10em;text-transform:uppercase;color:var(--ds-color-gold-700,#9c7c40);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-office-language .spi-office-terms{
 margin-top:16px;background:var(--ds-color-surface,#fff);border:1px solid var(--ds-color-ivory-border,#e6d7b5);border-radius:12px;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-office-language .spi-office-terms>summary{
 padding:15px 19px;text-align:center;color:var(--ds-color-navy-900,#101d3a);font-weight:750;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-office-language .spi-office-literacy-note{
 font:400 14px/1.65 var(--ds-font-body,Inter,Arial,sans-serif);color:var(--ds-color-body,#42516d);
}

/* SPI CORPORATE POLITICAL ACADEMY · UNIVERSAL PUBLIC & COHORT COMPONENTS
   Canonical design source, compiled into all 32 profile bundles by tools/build_all_design.py.
   No standalone runtime overrides, no route-specific patch stylesheet.
   Styles for Home, Login, Register, Schedule, and Admin Cohorts are scoped by semantic route classes.
*/
/* SPI Corporate Political Academy V16 · shared header and public schedule.
   Applies to Home/Login/Register/Schedule; preserves the LMS module design profiles. */
:root{--spi-ac-navy:#070F22;--spi-ac-gold:#C5A059;--spi-ac-gold-light:#DFC282;--spi-ac-cream:#F9F9F9}
html body.spi-academy-public{background:#F9F9F9;color:#101D3A;font-family:Inter,Arial,sans-serif}
html body.spi-nav-universal .topnav{
  min-height:74px;width:100%;max-width:none;display:flex;align-items:center;
  justify-content:space-between;gap:clamp(12px,1.3vw,20px);padding:11px clamp(20px,2.6vw,42px);
  background:#070F22;box-shadow:none;border-bottom:1px solid rgba(223,194,130,.24);position:sticky;top:0;z-index:100;
}
html body.spi-nav-universal .topnav .brand{display:flex;min-width:230px;flex:0 0 auto;align-items:center;gap:12px;text-decoration:none;color:#fff}
html body.spi-nav-universal .topnav .brandmark{width:42px;height:42px;font:700 13px Inter,sans-serif;background:#C5A059;color:#070F22;border:0;border-radius:1px}
html body.spi-nav-universal .topnav .brandtext{display:flex;flex-direction:column;gap:4px;line-height:1.1}
html body.spi-nav-universal .topnav .brandtext b{font:600 18px/1.13 'Playfair Display',Georgia,serif;letter-spacing:.05em;color:#fff;white-space:nowrap}
html body.spi-nav-universal .topnav .brandtext small{font:600 9px/1.2 Inter,sans-serif;letter-spacing:.055em;color:#DFC282;white-space:nowrap}
html body.spi-nav-universal .topnav .global-nav{display:flex;flex:0 1 auto;min-width:0;align-items:center;justify-content:flex-end;gap:1px;margin-left:auto;padding:0;background:transparent;box-shadow:none}
html body.spi-nav-universal .topnav .nav-tab{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid transparent;border-radius:3px;padding:8px clamp(6px,.62vw,10px);white-space:nowrap;font:600 10.5px/1.3 Inter,sans-serif;letter-spacing:0;color:#dce2ee;background:none;box-shadow:none;transition:color .18s,background .18s}
html body.spi-nav-universal .topnav .nav-tab:hover,html body.spi-nav-universal .topnav .nav-tab.on{color:#DFC282;background:rgba(255,255,255,.075)}
html body.spi-nav-universal .topnav .nav-tab.on{box-shadow:inset 0 -2px #C5A059}
html body.spi-nav-universal .topnav .nav-tab:focus-visible{outline:2px solid #DFC282;outline-offset:3px}
html body.spi-nav-universal .topnav .brand:focus-visible{outline:2px solid #DFC282;outline-offset:3px}
html body.spi-nav-universal .topnav .spi-account-panel .spi-account-settings-link{display:block}
html body.spi-nav-universal .topnav .nav-right{flex:0 0 auto;display:flex;align-items:center;gap:10px;min-width:0;width:auto;margin:0;order:0}
html body.spi-nav-universal .topnav .spi-header-register{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:9px 14px;white-space:nowrap;border:1px solid #C5A059;background:transparent;color:#DFC282;border-radius:2px;font:700 11px/1.2 Inter,sans-serif;text-decoration:none}
html body.spi-nav-universal .topnav .spi-header-register:hover{background:#DFC282;color:#070F22}
html body.spi-nav-universal .topnav .menu-toggle{display:none;align-items:center;justify-content:center;margin-left:0;padding:0;line-height:0;background:transparent;color:#DFC282;border:1px solid rgba(223,194,130,.48);border-radius:7px;width:44px;height:44px;flex:0 0 44px;cursor:pointer}
html body.spi-nav-universal .topnav .menu-toggle .spi-hamburger-icon{display:block;width:24px;height:24px;flex:none;stroke-linecap:round;stroke-linejoin:round}
html body.spi-academy-public .spi-public-main.container:not(.spi-fullwidth){width:min(100%,1240px);max-width:1240px;margin:0 auto;padding:clamp(32px,4vw,58px) 28px 70px}
html body.spi-academy-public .spi-public-main .reg-wrap.spi-auth-flow{margin:0 auto 50px;max-width:1180px;width:100%}
html body.spi-academy-public .spi-auth-flow .spi-auth-pagehead{margin:0 0 28px}
html body.spi-academy-public .spi-auth-flow .spi-auth-pagehead h1{font-family:'Playfair Display',Georgia,serif;font-weight:600;color:#101D3A;font-size:clamp(35px,3.6vw,51px)}
html body.spi-academy-public .spi-auth-flow .spi-auth-layout{gap:24px}
html body.spi-academy-public .spi-auth-flow .spi-auth-side{background:linear-gradient(135deg,#101D3A,#182B52);border:1px solid rgba(197,160,89,.38);border-radius:8px;color:#e4eaf4}
html body.spi-academy-public .spi-auth-flow .spi-auth-side h2{font-family:'Playfair Display',Georgia,serif;color:#fff}
html body.spi-academy-public .spi-auth-flow .spi-auth-form-panel{border-radius:8px}
/* Cohort section on the homepage */
.spi-home-schedule{background:#f6f5f2}
.spi-home-cohort-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.spi-home-cohort-card{display:flex;flex-direction:column;gap:13px;border:1px solid #e5e2da;border-top:3px solid #C5A059;background:#fff;padding:26px 23px;min-height:290px}
.spi-home-cohort-top{display:flex;justify-content:space-between;gap:8px;color:#9C7C40;font-weight:750;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.spi-home-cohort-card h3{font-family:'Playfair Display',Georgia,serif!important;font-weight:600;font-size:25px;line-height:1.2;margin:5px 0 0;color:#101D3A;letter-spacing:-.025em}
.spi-home-cohort-card p{margin:0;color:#647189;font-size:13px}
.spi-home-cohort-info{margin-top:auto;border-top:1px solid #e7e5df;padding-top:15px;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#52617c}
.spi-home-cohort-info strong{color:#101D3A;white-space:nowrap}
.spi-home-cohort-card a{display:inline-flex;gap:8px;justify-content:space-between;border-top:1px solid #e7e5df;padding-top:14px;text-decoration:none;font-size:12px;font-weight:700;color:#9C7C40}
.spi-home-cohort-empty{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;padding:27px 33px;border:1px solid #e4e2dd;border-left:4px solid #C5A059}
.spi-home-cohort-empty span{font-size:10px;letter-spacing:.15em;font-weight:750;color:#9C7C40}
.spi-home-cohort-empty h3{font-family:'Playfair Display',Georgia,serif!important;font-size:clamp(22px,2.6vw,32px);line-height:1.3;margin:8px 0;color:#101D3A}
.spi-home-cohort-empty p{font-size:13px;margin:0;color:#647189}
.spi-home-cohort-empty a{flex:0 0 auto}
/* Public cohort schedule and admin forms */
.spi-schedule-page,.spi-admin-schedule{font:400 15px/1.65 Inter,Arial,sans-serif;color:#101D3A}
.spi-schedule-page *, .spi-admin-schedule *{box-sizing:border-box}
.spi-schedule-page{background:#f5f3ee}
.spi-schedule-wrap{width:min(100% - 56px,1190px);margin-inline:auto}
.spi-schedule-hero{position:relative;padding:58px 0 54px;background-color:#070F22;background-image:linear-gradient(90deg,rgba(7,15,34,.97),rgba(7,15,34,.89) 44%,rgba(7,15,34,.69) 78%,rgba(7,15,34,.83)),url("../../images/spi-hero-executive-window.webp");background-size:cover;background-position:center,center 48%;color:#fff;overflow:hidden}
.spi-schedule-hero::after{content:'';position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(223,194,130,.3),transparent)}
.spi-sched-eyebrow{font:750 11px/1.5 Inter,sans-serif;letter-spacing:.17em;color:#ad843a;text-transform:uppercase}
.spi-schedule-hero .spi-sched-eyebrow{color:#DFC282}
.spi-schedule-hero h1,.spi-schedule-empty h2,.spi-sched-detail h2,.spi-schedule-intro h2{font:600 clamp(34px,4vw,58px)/1.12 'Playfair Display',Georgia,serif;letter-spacing:-.03em;margin:14px 0;color:inherit}
.spi-schedule-hero h1{max-width:760px;margin-bottom:10px}
.spi-schedule-hero p{color:#d8e0ed;font-size:16px;max-width:760px;line-height:1.75;margin:0}
.spi-schedule-hero-points{display:flex;flex-wrap:wrap;gap:10px;margin:19px 0 18px}
.spi-schedule-hero-points span{display:inline-flex;align-items:center;min-height:33px;padding:7px 12px;border:1px solid rgba(223,194,130,.28);background:rgba(255,255,255,.06);color:#f7f0df;border-radius:999px;font:700 11px/1.3 Inter,sans-serif;letter-spacing:.04em}
.spi-schedule-back{display:inline-flex;align-items:center;gap:7px;margin-top:10px;color:#DFC282;font-weight:700;font-size:12px;text-decoration:none}
.spi-schedule-content{padding:36px 0 90px}
/* Class Schedule · canonical public content composition (no per-page patch). */
.spi-schedule-waiting{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);min-height:452px;overflow:hidden;background:#fff;border:1px solid #e5e1d8;border-radius:18px;box-shadow:0 18px 44px rgba(12,27,52,.05)}
.spi-schedule-waiting-primary{min-width:0;padding:clamp(30px,4.3vw,64px) clamp(28px,4.4vw,65px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.spi-schedule-waiting-primary .spi-sched-eyebrow{margin:0 0 15px;color:#9c7c40;font-size:10px;letter-spacing:.19em}
.spi-schedule-waiting-primary h2{font:600 clamp(32px,3vw,43px)/1.2 'Playfair Display',Georgia,serif;letter-spacing:-.038em;color:#101D3A;max-width:560px;margin:0 0 18px}
.spi-schedule-waiting-primary>p:not(.spi-schedule-update-note){margin:0;color:#637188;font:400 14px/1.83 Inter,Arial,sans-serif;max-width:550px}
.spi-schedule-waiting-icon{position:relative;display:grid;place-items:center;width:54px;height:54px;border:1px solid #d9c79e;border-radius:50%;color:#9c7c40;background:#faf8f2;margin:0 0 23px}
.spi-schedule-waiting-ring{position:absolute;inset:8px;border:1px solid #e7ddc8;border-radius:50%}
.spi-schedule-waiting-glyph{position:relative;font:26px/1 Georgia,serif}
.spi-schedule-waiting-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:28px}
.spi-schedule-waiting-actions .spi-sched-btn{min-height:48px;border-radius:5px;min-width:185px}
.spi-schedule-text-link{font:700 12px/1.5 Inter,Arial,sans-serif;color:#8b682a;text-decoration:none;border-bottom:1px solid #dfc282;padding-bottom:3px}
.spi-schedule-text-link:hover{color:#101d3a}
.spi-schedule-update-note{display:flex;align-items:center;gap:9px;margin:29px 0 0;padding-top:16px;border-top:1px solid #ecebe7;width:100%;font:500 11px/1.6 Inter,Arial,sans-serif;color:#7c8798}
.spi-schedule-status-dot{width:7px;height:7px;flex:none;background:#c5a059;border-radius:50%;box-shadow:0 0 0 3px #f4eddf}
.spi-schedule-path{min-width:0;display:flex;flex-direction:column;background:radial-gradient(circle at 96% 2%,rgba(197,160,89,.13),transparent 44%),linear-gradient(150deg,#142441,#081329);color:#fff;padding:clamp(30px,3.6vw,48px) clamp(26px,3.5vw,48px)}
.spi-schedule-path-top{display:flex;justify-content:space-between;gap:15px;align-items:center;color:#dfc282;font:700 10px/1.5 Inter,Arial,sans-serif;letter-spacing:.15em}
.spi-schedule-path-top span:last-child{color:#9eacc2}
.spi-schedule-path h3{font:500 clamp(27px,2.6vw,36px)/1.25 'Playfair Display',Georgia,serif;color:#fff;letter-spacing:-.028em;margin:27px 0 21px}
.spi-schedule-path h3 em{font-weight:400;color:#dfc282}
.spi-schedule-path-levels{display:grid;gap:0;list-style:none;margin:0;padding:0}
.spi-schedule-path-levels li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;align-items:start;padding:13px 0;border-top:1px solid rgba(255,255,255,.13)}
.spi-schedule-path-levels li:last-child{border-bottom:1px solid rgba(255,255,255,.13)}
.spi-path-number{display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(223,194,130,.45);color:#dfc282;font:700 13px Georgia,serif}
.spi-schedule-path-levels strong{display:block;font:650 12px/1.55 Inter,Arial,sans-serif;color:#fff}
.spi-schedule-path-levels small{display:block;font:400 11px/1.55 Inter,Arial,sans-serif;color:#aebdd2;margin-top:2px}
.spi-schedule-path-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:auto;padding-top:24px;color:#a9b7ce;font:600 10px/1.5 Inter,Arial,sans-serif;letter-spacing:.04em}
.spi-schedule-path-footer strong{font:600 15px/1.5 'Playfair Display',Georgia,serif;color:#dfc282;letter-spacing:0}
.spi-schedule-path-footer strong span{font:500 10px/1.5 Inter,Arial,sans-serif;color:#d0d8e5}
.spi-schedule-results-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.75fr);gap:30px;align-items:end;margin-bottom:22px}
.spi-schedule-results-head h2{font:600 clamp(30px,3.2vw,42px)/1.18 'Playfair Display',Georgia,serif;letter-spacing:-.035em;color:#101d3a;margin:10px 0 0}
.spi-schedule-results-head p{font:400 13px/1.8 Inter,Arial,sans-serif;color:#637188;margin:0;max-width:470px}
.spi-sched-result-count{font:700 11px/1.5 Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#9c7c40;margin:0 0 15px}
.spi-schedule-filter-empty{padding:30px 34px}
.spi-schedule-filter-empty h2{font-size:clamp(27px,2.7vw,35px);margin:9px 0 10px}
.spi-schedule-filter-empty p{margin:0 0 23px}
.spi-schedule-intro{display:grid;grid-template-columns:minmax(0,.95fr) minmax(280px,.8fr);gap:20px;align-items:end;margin-bottom:20px;padding:0 2px}
.spi-schedule-intro h2{font-size:38px;color:#101D3A;margin:8px 0 0}
.spi-schedule-intro p{margin:0;color:#61718a;line-height:1.82;font-size:14px;max-width:560px;justify-self:end}
.spi-schedule-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:16px;margin:0 0 28px;padding:24px;background:#fff;border:1px solid #e2e0d8;border-radius:18px;box-shadow:0 18px 36px rgba(16,29,58,.05)}
.spi-schedule-filters label,.spi-admin-schedule label{display:grid;gap:7px;font:650 12px/1.45 Inter,sans-serif;color:#243657}
.spi-schedule-filters label{min-width:0}
.spi-schedule-filters select,.spi-admin-schedule input:not([type=checkbox]),.spi-admin-schedule textarea,.spi-admin-schedule select{min-height:50px;width:100%;padding:12px 14px;border:1px solid #cfd8e5;border-radius:10px;background:#fff;color:#101D3A;font:400 14px/1.4 Inter,sans-serif}
.spi-sched-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:50px;padding:12px 22px;border:1px solid #C5A059;border-radius:10px;background:#101D3A;color:#fff!important;text-decoration:none;cursor:pointer;font:750 12px/1.3 Inter,sans-serif;white-space:normal;box-shadow:0 10px 20px rgba(16,29,58,.08)}
.spi-sched-btn:hover{background:#182B52}
.spi-schedule-filters .spi-sched-btn{min-width:180px}
.spi-sched-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.spi-sched-card{display:flex;flex-direction:column;gap:16px;border:1px solid #e2e3e6;border-radius:18px;background:#fff;padding:26px 24px;min-height:350px;box-shadow:0 16px 30px rgba(16,29,58,.04);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.spi-sched-card:hover{transform:translateY(-3px);box-shadow:0 20px 34px rgba(16,29,58,.08);border-color:#d8c296}
.spi-sched-cardtop{display:flex;justify-content:space-between;gap:10px;font-size:10px;font-weight:750;letter-spacing:.12em;color:#9C7C40;text-transform:uppercase}
.spi-sched-tag{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#f3f5f8;font-size:10px;letter-spacing:.04em;color:#5a6780}
.spi-sched-card h2{font:600 28px/1.18 'Playfair Display',Georgia,serif;color:#101D3A;margin:0;letter-spacing:-.03em}
.spi-sched-card .spi-sched-subtitle{margin:0;color:#66758c;font-size:12px}
.spi-sched-line{display:flex;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid #e8ebef;font-size:12px}
.spi-sched-line>span{color:#657084}.spi-sched-line strong{text-align:right;font-weight:650;color:#253551;overflow-wrap:anywhere}
.spi-sched-cardlink{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;border-top:1px solid #e8ebef;text-decoration:none;color:#9C7C40;font-weight:700;font-size:12px}
.spi-schedule-empty{padding:46px 48px;background:#fff;border:1px solid #e6e3de;border-radius:22px;box-shadow:0 18px 36px rgba(16,29,58,.04)}
.spi-schedule-empty h2{font-size:44px;color:#101D3A;max-width:720px;margin-bottom:12px}
.spi-schedule-empty p{max-width:700px;color:#66758c;font-size:15px;line-height:1.8}
.spi-sched-detail{background:#fff;border:1px solid #e3e5eb;border-radius:22px;padding:32px 34px;margin:0 0 30px;box-shadow:0 18px 32px rgba(16,29,58,.05)}
.spi-sched-detail h2{color:#101D3A;font-size:38px}
.spi-sched-detail>p{color:#5d6981;font-size:14px}
.spi-sched-facts{display:flex;flex-wrap:wrap;gap:10px 14px;background:#f7f5f1;padding:16px 18px;margin:22px 0;border-radius:14px;font-size:12px}
.spi-sched-facts span{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border-radius:999px;background:#fff;color:#344562;border:1px solid #ece6d8}
.spi-sched-detail h3{margin:27px 0 12px;font:700 16px Inter,sans-serif;color:#101D3A}
.spi-sched-sessions{padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.spi-sched-sessions li{display:flex;flex-direction:column;gap:4px;border:1px solid #e7e9ef;border-radius:14px;padding:14px 16px;font-size:12px;background:#fcfcfd}
.spi-sched-sessions span{color:#657084}
.spi-sched-notice{background:#fff8e9;border:1px solid #edddb9;border-radius:12px;padding:12px 14px}
.spi-sched-note{color:#6b768b;font-size:12px;line-height:1.6}


/* SPI UNIVERSAL FOOTER · one layout for every application route. */
html body.spi-nav-universal .footer{margin:0;background:#fafafa;border-top:1px solid #e4e8ed;color:#66758a;padding:22px 0;font:500 12px/1.6 Inter,Arial,sans-serif}
html body.spi-nav-universal .footer .spi-footer-layout{display:flex;align-items:center;justify-content:space-between;gap:12px 26px;flex-wrap:wrap;width:min(100% - 48px,1320px);margin:0 auto;min-width:0}
html body.spi-nav-universal .footer .spi-footer-copy,html body.spi-nav-universal .footer .spi-footer-legal{display:block;margin:0;min-width:0}
html body.spi-nav-universal .footer .spi-footer-legal{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
html body.spi-nav-universal .footer .spi-footer-dot{color:#9C7C40}
html body.spi-nav-universal .footer a{color:#344b70;font-weight:700;text-decoration:none}
html body.spi-nav-universal .footer a:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){
 html body.spi-nav-universal .footer{padding:21px 0 26px;text-align:center;font-size:11.5px;line-height:1.65}
 html body.spi-nav-universal .footer .spi-footer-layout{width:min(100% - 40px,440px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px}
 html body.spi-nav-universal .footer .spi-footer-legal{justify-content:center;column-gap:6px;row-gap:1px}
}
@media(max-width:370px){
 html body.spi-nav-universal .footer .spi-footer-legal{flex-direction:column;gap:2px}
 html body.spi-nav-universal .footer .spi-footer-dot{display:none}
}
/* SPI ACADEMIC READER · reusable comparison callout, never module-specific. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-contrast-note{
 margin:24px 0;padding:23px 24px 20px;background:#fff;border:1px solid #dbe4ee;border-top:3px solid #C5A059;border-radius:12px;
 color:#263955;box-shadow:0 10px 27px rgba(16,29,58,.035);min-width:0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-contrast-head{margin:0 0 17px}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-contrast-kicker,
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-contrast-index{display:block;color:#9C7C40;font:750 10px/1.5 Inter,Arial,sans-serif;letter-spacing:.11em}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-contrast-head h4{font:600 24px/1.3 'Playfair Display',Georgia,serif;color:#101D3A;margin:5px 0 0}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-contrast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-contrast-item{min-width:0;background:#F8F9FB;border:1px solid #e3e9f0;border-radius:9px;padding:17px 19px}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-contrast-item h5{font:700 16px/1.45 Inter,Arial,sans-serif;color:#101D3A;margin:6px 0 5px}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-contrast-item p{font:400 14px/1.7 Inter,Arial,sans-serif;color:#4d607b;margin:0}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-contrast-takeaway{font:400 14px/1.7 Inter,Arial,sans-serif;color:#3d526e;margin:15px 0 0;padding-top:13px;border-top:1px solid #e3e9f0}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-contrast-takeaway strong{color:#101D3A}
@media(max-width:680px){
 .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-contrast-note{padding:18px 16px}
 .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-contrast-grid{grid-template-columns:1fr;gap:9px}
 .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-academic-contrast-item{padding:14px 15px}
}

/* Admin Cohorts */
.spi-admin-schedule{width:min(100%,1200px);margin:0 auto;padding:16px 0 65px}
.spi-schedule-admin-head{margin-bottom:24px;padding:26px 28px;background:#101D3A;color:#fff;border-left:4px solid #C5A059}
.spi-schedule-admin-head .spi-sched-eyebrow{color:#DFC282}
.spi-schedule-admin-head h1{font:600 clamp(28px,3.4vw,40px)/1.3 'Playfair Display',Georgia,serif;margin:8px 0;color:#fff}
.spi-schedule-admin-head p{font-size:13px;max-width:780px;color:#cbd5e5}
.spi-sched-admin-link{color:#DFC282;font-size:12px;font-weight:700;text-decoration:none}
.spi-schedule-admin-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-bottom:18px;align-items:start}
.spi-schedule-admin-panel{padding:24px;background:#fff;border:1px solid #e2e5eb;border-top:3px solid #C5A059;min-width:0;margin-bottom:18px}
.spi-schedule-admin-panel h2{font:600 26px 'Playfair Display',Georgia,serif;color:#101D3A;margin:10px 0 15px}
.spi-schedule-admin-panel p{color:#61718a;font-size:13px}
.spi-admin-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}
.spi-admin-schedule form{display:grid;gap:13px}
.spi-schedule-admin-panel fieldset{border:1px solid #e2e6ed;padding:12px 15px;min-width:0}
.spi-schedule-admin-panel legend{font-size:12px;font-weight:750;color:#566581}
.spi-sched-partner-checks{display:grid;gap:7px}
.spi-sched-partner-checks label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500}
.spi-sched-partner-checks input{accent-color:#C5A059}
.spi-sched-partner-list{display:grid;gap:8px;margin:18px 0}
.spi-sched-partner-list div{padding:10px 12px;border:1px solid #e5e8ec;display:grid;gap:2px}
.spi-sched-partner-list small{color:#6b7c93}
.spi-schedule-admin-panel details{margin-top:12px}
.spi-schedule-admin-panel summary{cursor:pointer;font-weight:750;color:#101D3A}
.spi-sched-manage-item{border:1px solid #e1e4e9;margin:10px 0}
.spi-sched-manage-item>summary{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 18px;background:#f7f8fb;font-size:13px}
.spi-sched-manage-item>summary span{color:#69778d;font-size:11px;font-weight:500}
.spi-sched-manage-body{padding:18px}
.spi-sched-session-editor{margin-top:25px;border-top:1px solid #e5e8ed;padding-top:14px}
.spi-sched-session-editor h3{font-size:17px;margin:0 0 10px}
.spi-sched-session-admin{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #e7e9ec;padding:10px 0;font-size:12px}
.spi-sched-session-admin div{display:grid;gap:3px}
.spi-sched-session-admin small{color:#6b768b}
.spi-sched-minor-btn{background:#f9fafc;border:1px solid #cfd6e0;padding:9px 12px;font-size:11px;font-weight:700;cursor:pointer}
.spi-sched-interest-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #e5e9ee;padding:14px 0}
.spi-sched-interest-row>div{display:grid;gap:3px}
.spi-sched-interest-row span,.spi-sched-interest-row small{font-size:12px;color:#64758b}
.spi-sched-interest-row form{display:flex;align-items:center;gap:7px}
.spi-sched-interest-row select{width:auto;min-width:140px}
@media(max-width:1180px){
 html body.spi-nav-universal .topnav{min-height:72px;flex-wrap:nowrap;gap:10px}
 html body.spi-nav-universal .topnav .brand{margin-right:auto;min-width:0}
 html body.spi-nav-universal .topnav .menu-toggle{display:flex;align-items:center;justify-content:center;order:2}
 html body.spi-nav-universal .topnav .nav-right{order:3;width:auto;flex:0 0 auto}
 html body.spi-nav-universal .topnav .global-nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - 72px);overflow-y:auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2px;margin:0;padding:14px 20px;background:#101D3A;border-top:1px solid rgba(223,194,130,.2);box-shadow:0 12px 25px #0004;z-index:101}
 html body.spi-nav-universal .topnav .global-nav.open{display:flex}
 html body.spi-nav-universal .topnav .nav-tab{width:100%;justify-content:flex-start;padding:13px 15px;font-size:13px}
}
@media(max-width:900px){
 .spi-sched-grid,.spi-home-cohort-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .spi-schedule-admin-grid{grid-template-columns:1fr}
 .spi-schedule-waiting{grid-template-columns:1fr}
 .spi-schedule-path{padding:32px 36px}
 .spi-schedule-waiting-primary{padding:42px 36px}
 .spi-schedule-results-head{grid-template-columns:1fr;gap:10px}
}
@media(max-width:620px){
 html body.spi-nav-universal .topnav{padding:10px 13px;gap:7px}
 html body.spi-nav-universal .topnav .brandmark{width:40px;height:40px}
 html body.spi-nav-universal .topnav .brandtext b{font-size:17px;letter-spacing:.02em}
 html body.spi-nav-universal .topnav .brandtext small{font-size:7.7px;letter-spacing:.01em}
 html body.spi-nav-universal .topnav .nav-right{order:3;justify-content:flex-end;width:auto;gap:6px}
 html body.spi-nav-universal .topnav .brand{gap:8px;min-width:0}
 html body.spi-nav-universal .topnav .spi-account-toggle{min-height:38px;padding:4px;gap:0;border-radius:7px}
 html body.spi-nav-universal .topnav .spi-account-toggle .spi-user,
 html body.spi-nav-universal .topnav .spi-account-toggle .spi-account-chevron{display:none}
 html body.spi-nav-universal .topnav .spi-alert-toggle{width:38px;min-width:38px;height:38px}
 html body.spi-nav-universal .topnav .spi-account-avatar{width:30px;height:30px;min-width:30px}
 html body.spi-nav-universal .topnav .spi-header-register{min-height:38px;padding:8px 10px;font-size:10px;width:auto}
 html body.spi-nav-universal .topnav .menu-toggle{min-width:42px;width:42px;height:42px;flex-basis:42px}
 html body.spi-academy-public .spi-public-main.container:not(.spi-fullwidth){padding:28px 16px 55px}
 html body.spi-academy-public .spi-auth-flow .spi-auth-layout{grid-template-columns:1fr}
 .spi-schedule-wrap{width:min(100% - 32px,1190px)}
 .spi-schedule-hero{padding:50px 0 46px}
 .spi-schedule-content{padding:24px 0 60px}
 .spi-schedule-waiting{border-radius:13px}
 .spi-schedule-waiting-primary{padding:30px 24px 28px}
 .spi-schedule-waiting-primary h2{font-size:32px}
 .spi-schedule-waiting-icon{margin-bottom:20px}
 .spi-schedule-waiting-actions{flex-direction:column;align-items:stretch;width:100%;gap:14px}
 .spi-schedule-waiting-actions .spi-sched-btn{width:100%}
 .spi-schedule-text-link{text-align:center;align-self:center}
 .spi-schedule-path{padding:30px 24px}
 .spi-schedule-path h3{font-size:29px;margin:19px 0 16px}
 .spi-schedule-path-footer{padding-top:18px}
 .spi-schedule-results-head h2{font-size:30px}
 .spi-schedule-intro{grid-template-columns:1fr;gap:10px}
 .spi-schedule-intro h2{font-size:31px}
 .spi-schedule-intro p{justify-self:start}
 .spi-sched-grid,.spi-home-cohort-grid,.spi-sched-sessions{grid-template-columns:1fr}
 .spi-home-cohort-empty{display:grid;padding:24px 20px}
 .spi-home-cohort-empty a{width:fit-content}
 .spi-sched-grid{gap:12px}
 .spi-schedule-admin-panel{padding:18px}
 .spi-admin-fields{grid-template-columns:1fr}
 .spi-sched-interest-row{align-items:stretch;flex-direction:column}
 .spi-schedule-filters{grid-template-columns:1fr;padding:16px;border-radius:16px}
 .spi-schedule-filters .spi-sched-btn{width:100%;min-width:0}
 .spi-schedule-empty,.spi-sched-detail{padding:24px 22px;border-radius:18px}
 .spi-schedule-empty h2,.spi-sched-detail h2{font-size:31px}
}
@media(max-width:380px){
 html body.spi-nav-universal .topnav{padding:10px 10px;gap:5px}
 html body.spi-nav-universal .topnav .brandmark{width:35px;height:35px}
 html body.spi-nav-universal .topnav .brandtext b{font-size:14px;letter-spacing:.015em}
 html body.spi-nav-universal .topnav .brandtext small{font-size:6.5px;letter-spacing:0}
 html body.spi-nav-universal .topnav .menu-toggle{width:38px;height:38px;min-width:38px;flex-basis:38px}
 html body.spi-nav-universal .topnav .spi-header-register{font-size:9px;padding:8px 7px}
}
@media(prefers-reduced-motion:reduce){html body.spi-nav-universal .topnav .nav-tab{transition:none}}


/* SPI ACADEMIC READER STANDARD 2.0 — canonical presentation contract.
   Content semantics determine component style, not the module number.
   The opt-in .spi-academic-reader-v2 marker scopes the initial M01/M02 migration;
   modules outside the approved migration are not restyled.
   This is the single editable source. Publish via tools/build_all_design.py. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2{
 --spi-acs-heading:'Playfair Display',Georgia,serif;
 --spi-acs-body:Inter,Arial,sans-serif;
 --spi-acs-ink:#101D3A;
 --spi-acs-body-color:#35445d;
 --spi-acs-muted:#64748b;
 --spi-acs-gold:#9C7C40;
 --spi-acs-line:#dfe5ee;
 --spi-acs-surface:#fff;
 --spi-acs-canvas:#f8fafc;
 --spi-acs-card-padding:22px;
 --spi-acs-gap:16px;
}
/* Chapter heading: scope to DIRECT chapter headers, never to nested toolkit steps. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 > section.chapter > :is(.chapter-head,.l1-work-header.chapter-head){
 display:block;max-width:100%;min-width:0;margin:0 0 25px;padding:0 0 20px;
 border:0;border-bottom:1px solid var(--spi-acs-line);background:transparent;box-shadow:none;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 > section.chapter > :is(.chapter-head,.l1-work-header.chapter-head) > h2{
 font:600 clamp(28px,3.1vw,34px)/1.22 var(--spi-acs-heading);
 letter-spacing:-.025em;color:var(--spi-acs-ink);margin:7px 0 12px;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 > section.chapter > :is(.chapter-head,.l1-work-header.chapter-head) > :is(.lead,p){
 font:400 16px/1.75 var(--spi-acs-body);color:var(--spi-acs-body-color);margin:0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 > section.chapter > h3{
 font:650 22px/1.4 var(--spi-acs-body);letter-spacing:-.02em;color:var(--spi-acs-ink);
 margin:31px 0 14px;
}
/* Canonical Concept Card — M02 vocabulary used by M01 definitions and bases.
   Same anatomy, type scale, borders, colors, padding, and responsive behavior. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-concept-grid{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spi-acs-gap);
 margin:20px 0 25px;padding:0;align-items:stretch;min-width:0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-concept-grid[data-density="narrative"]{
 grid-template-columns:repeat(2,minmax(0,1fr));
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-concept-grid > .spi-academic-concept-card{
 display:flex;flex-direction:column;grid-row:auto;grid-template-rows:none;gap:11px;
 box-sizing:border-box;min-width:0;height:100%;padding:var(--spi-acs-card-padding);
 border:1px solid var(--spi-acs-line);border-top:3px solid #c5a059;
 border-radius:12px;background:var(--spi-acs-surface);
 box-shadow:0 3px 14px rgba(16,29,58,.045);overflow-wrap:anywhere;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-concept-card > .spi-academic-concept-number{
 font:750 11px/1.4 var(--spi-acs-body);letter-spacing:.095em;text-transform:uppercase;
 color:var(--spi-acs-gold);margin:0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-concept-card > h4{
 font:600 20px/1.33 var(--spi-acs-heading);letter-spacing:-.01em;color:var(--spi-acs-ink);
 margin:0;padding:0;background:none;border:0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-concept-card > p{
 flex:1 1 auto;font:400 15px/1.68 var(--spi-acs-body);color:var(--spi-acs-body-color);
 margin:0;padding:0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-concept-card > .spi-academic-definition-label{
 display:block;margin:0 0 -6px;font:750 10px/1.4 var(--spi-acs-body);
 text-transform:uppercase;letter-spacing:.075em;color:var(--spi-acs-gold);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-concept-card > :is(.spi-academic-proof,.spi-academic-caution){
 display:flex;flex-direction:column;gap:7px;min-width:0;margin:0;padding:12px 0 0;
 border:0;border-top:1px solid var(--spi-acs-line);border-radius:0;background:transparent;
 color:var(--spi-acs-body-color);box-shadow:none;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-concept-card > :is(.spi-academic-proof,.spi-academic-caution) > strong{
 display:block;margin:0;font:750 10px/1.35 var(--spi-acs-body);
 letter-spacing:.07em;text-transform:uppercase;color:var(--spi-acs-gold);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-concept-card > :is(.spi-academic-proof,.spi-academic-caution) > span{
 display:block;margin:0;font:400 14px/1.65 var(--spi-acs-body);color:var(--spi-acs-body-color);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-concept-card > :is(.spi-academic-proof,.spi-academic-caution) > span :is(p,strong){font:inherit;color:inherit;margin:0;}
/* Comparison card — distinct purpose, shared typography and spacing tokens. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-comparison-grid{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spi-acs-gap);
 margin:20px 0 26px;min-width:0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-comparison-grid > .spi-academic-comparison-card{
 min-width:0;height:100%;box-sizing:border-box;border:1px solid var(--spi-acs-line);
 border-radius:12px;background:var(--spi-acs-surface);box-shadow:0 3px 14px rgba(16,29,58,.045);
 overflow:hidden;overflow-wrap:anywhere;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-comparison-card > h4{
 font:650 18px/1.38 var(--spi-acs-body);letter-spacing:-.015em;
 color:var(--spi-acs-ink);padding:15px 18px;margin:0;border:0;border-bottom:1px solid var(--spi-acs-line);
 background:#f4f6fa;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-comparison-card > .record-field{
 padding:13px 18px 16px;margin:0;min-width:0;border-bottom:1px solid var(--spi-acs-line);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-comparison-card > .record-field:last-child{border-bottom:0;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-comparison-card .record-key{
 display:block;margin:0 0 6px;font:750 10px/1.4 var(--spi-acs-body);
 text-transform:uppercase;letter-spacing:.07em;color:var(--spi-acs-gold);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-comparison-card .record-field p{
 margin:0;font:400 14px/1.7 var(--spi-acs-body);color:var(--spi-acs-body-color);
}
@media(max-width:900px){
 .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-concept-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:620px){
 .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2{--spi-acs-card-padding:18px;--spi-acs-gap:12px;}
 .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 :is(.spi-academic-concept-grid,.spi-academic-concept-grid[data-density="narrative"],.spi-academic-comparison-grid){grid-template-columns:minmax(0,1fr);}
 .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 > section.chapter > h3{font-size:20px;}
 .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-concept-card > h4{font-size:19px;}
}



/* SPI ACADEMIC READER 2.0 — UNIVERSAL READING CANVAS (M01–M03) */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2{
 box-sizing:border-box;min-width:0;width:100%;max-width:100%;padding:0;margin-inline:auto;
}

/* ============================================================================
   SPI ACADEMIC READER 2.0 — STRUCTURED INTERACTIVE COMPONENTS
   Canonical reader presentation for ANY curriculum module; never scoped to
   module ID.  .grid2/.grid3/.card/.spi-academic-standard-card/.spi-office-context
   remain the shared foundations used by Modules 01 and 02.
   These semantic components style interactive learning and diagram primitives
   without embedding standalone styles inside module HTML.
   ============================================================================ */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2{
  --spi-academic-ink:#101D3A;
  --spi-academic-slate:#516078;
  --spi-academic-gold:#9C7C40;
  --spi-academic-surface:#FFFFFF;
  --spi-academic-ivory:#FBF9F5;
  --spi-academic-border:#DCE4EF;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 :is(.spi-academic-card-grid,.spi-academic-interactive-workspace,.spi-academic-visual-group,.spi-academic-form-grid,.spi-academic-choice-toolbar,.spi-academic-action-row,.spi-academic-step-grid){min-width:0;max-width:100%}
/* Direct children own actual visual cards; no raw text flowing as undifferentiated blocks. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 :is(.grid2,.grid3).spi-academic-card-grid{display:grid;gap:16px;align-items:stretch;margin:22px 0 26px}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-card-grid.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-card-grid.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-card-grid > .spi-academic-standard-card{display:flex;flex-direction:column;gap:10px;min-width:0;margin:0;padding:var(--spi-acs-card-padding);border:1px solid var(--spi-academic-border);border-top:3px solid #C5A059;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(16,29,58,.035)}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-card-grid > .spi-academic-standard-card .key{display:block;margin:0;color:var(--spi-academic-gold);font:750 10px/1.5 Inter,Arial,sans-serif;letter-spacing:.125em;text-transform:uppercase}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-card-grid > .spi-academic-standard-card :is(h3,h4){margin:0;color:var(--spi-academic-ink);font:600 20px/1.33 var(--spi-acs-heading);letter-spacing:-.015em}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-card-grid > .spi-academic-standard-card p{margin:0;color:var(--spi-academic-slate);font-size:14px;line-height:1.73;overflow-wrap:anywhere}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-card-grid > .spi-academic-standard-card .spi-intel-subline{margin-top:auto;padding-top:14px;border-top:1px solid var(--spi-academic-border)}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-reading-note{margin:24px 0;padding:22px 25px;border-left:4px solid #C5A059;border-radius:0 10px 10px 0;background:#F3F6FA;color:var(--spi-academic-slate);overflow-wrap:anywhere}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-reading-note :is(h3,h4){margin:0 0 10px;font:600 clamp(18px,2.1vw,24px)/1.35 'Playfair Display',Georgia,serif;color:var(--spi-academic-ink)}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-reading-note p{margin:7px 0 0;line-height:1.75}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-quotation{font:italic 500 clamp(17px,2.2vw,24px)/1.65 'Playfair Display',Georgia,serif}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-visual-group{margin:22px 0 28px;min-width:0}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-visual-group > h3{margin:0 0 10px}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(172px,1fr));gap:12px;margin:20px 0}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-step-grid > *{min-width:0;padding:16px 17px;border:1px solid var(--spi-academic-border);border-top:3px solid #C5A059;border-radius:10px;background:#fff;overflow-wrap:anywhere}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-step-grid > * :is(span,b,strong){display:block}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-numbered-process{counter-reset:spi-process;display:grid;gap:10px;padding:0;margin:20px 0;list-style:none}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-numbered-process > li{counter-increment:spi-process;display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;padding:13px 16px;border:1px solid var(--spi-academic-border);border-radius:10px;background:#fff;min-width:0}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-numbered-process > li::before{content:counter(spi-process,decimal-leading-zero);display:grid;place-items:center;width:34px;height:34px;border:1px solid #C5A059;color:#9C7C40;border-radius:6px;font-size:11px;font-weight:800}
/* Shared interactive lesson panels. Event handlers are provided by existing LMS JS. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-interactive-workspace{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:16px;align-items:start;margin:22px 0}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-interactive-workspace > *{min-width:0}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-dashboard-panel,
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-activity-panel{min-width:0;padding:22px;border:1px solid var(--spi-academic-border);border-radius:13px;background:var(--spi-academic-surface);box-shadow:0 6px 22px rgba(16,29,58,.035);margin:18px 0 22px}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-interactive-workspace .spi-academic-dashboard-panel{margin:0}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 :is(.spi-academic-choice-stack,.spi-academic-choice-toolbar,.spi-academic-action-row){display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-choice-stack{flex-direction:column;align-items:stretch;margin:0}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-interactive-choice{min-width:0;min-height:44px;padding:11px 14px;border:1px solid #D4DCE7;border-radius:9px;background:#fff;color:#263857;text-align:left;font:600 13px/1.55 Inter,Arial,sans-serif;cursor:pointer;overflow-wrap:anywhere;transition:background .15s,border-color .15s}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-interactive-choice > b{display:block;margin-bottom:4px;color:#101D3A;font-weight:750;line-height:1.45}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-interactive-choice:hover{border-color:#C5A059;background:#FCFAF4}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-interactive-choice[aria-pressed='true'],
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-interactive-choice[aria-current='step']{border-color:#B99148;background:#FFF7E6;color:#101D3A;box-shadow:inset 3px 0 #C5A059}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-interactive-choice:focus-visible,
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-action-button:focus-visible{outline:3px solid #C5A059;outline-offset:2px}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-action-button{min-height:44px;min-width:0;padding:10px 15px;border:1px solid #C5A059;border-radius:8px;background:#101D3A;color:#fff;font:700 12px/1.4 Inter,Arial,sans-serif;cursor:pointer}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-action-button.secondary{background:#fff;color:#101D3A}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-action-button:hover{filter:brightness(1.07)}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-form-field{min-width:0;padding:16px;background:#F8F9FB;border:1px solid var(--spi-academic-border);border-radius:9px}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-form-field :is(input,select,textarea){display:block;width:100%;max-width:100%;min-height:42px;box-sizing:border-box;margin:8px 0 0;padding:9px 11px;border:1px solid #CBD4E3;border-radius:7px;background:#fff;color:#101D3A;font:400 14px/1.5 Inter,Arial,sans-serif}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-form-field textarea{min-height:94px}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-evidence-item{padding:14px 16px;margin:10px 0;border:1px solid var(--spi-academic-border);border-radius:9px;background:#fff}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-evidence-item select{max-width:100%;padding:8px 10px;border:1px solid #CBD4E3;border-radius:7px}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-interactive-feedback{padding:14px 17px;margin:12px 0;border-left:3px solid #C5A059;background:#F5F7FA;border-radius:0 8px 8px 0;color:#344762;line-height:1.7}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-dashboard-panel svg{display:block;max-width:100%;height:auto;margin:10px auto}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-dashboard-panel .spi-intel-chart-key{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:10px 0}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-compact-label,
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-intel-eyebrow{display:block;margin:0 0 9px;font:750 10px/1.5 Inter,Arial,sans-serif;letter-spacing:.12em;color:#9C7C40;text-transform:uppercase}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-data-caption{font-size:12px;line-height:1.7;color:#62718A}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-stat-number{display:block;color:#101D3A;font:700 26px/1.25 'Playfair Display',Georgia,serif}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-evidence-tags{display:flex;flex-wrap:wrap;gap:7px;padding:10px 12px;background:#F7F9FB;border:1px solid #DCE4EF;border-radius:8px;margin:12px 0}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-status-chip{display:inline-flex;align-items:center;padding:4px 9px;border-radius:99px;background:#F3EEE5;color:#8C692F;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-meter-row{display:grid;grid-template-columns:minmax(0,1fr) 1.2fr;gap:12px;align-items:center;margin:12px 0;font-size:13px}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-meter-track{height:9px;overflow:hidden;border-radius:99px;background:#E9EDF3}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-meter-fill{height:100%;border-radius:inherit;background:#C5A059}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-next-step{padding:26px;margin:28px 0;background:#101D3A;color:#fff;border-radius:13px}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-next-step :is(h2,h3,h4,p){color:inherit}
/* Universal academic cards & interactive controls must remain accessible on narrow screens. */
@media(max-width:840px){
 .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 :is(.spi-academic-card-grid.grid3,.spi-academic-card-grid.grid2,.spi-academic-interactive-workspace,.spi-academic-form-grid){grid-template-columns:1fr}
 .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
 .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-step-grid{grid-template-columns:1fr}
 .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-card-grid > .spi-academic-standard-card{padding:18px}
 .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-dashboard-panel,
 .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-activity-panel{padding:16px}
}



/* Universal dense table / readable card balance, not module-scoped. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-matrix-ready{
  overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;
  border:1px solid #DFE5ED;border-radius:10px;background:#fff;
  margin:18px 0 26px;padding:0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-matrix-ready>table{
  display:table;width:100%;min-width:600px;border-collapse:collapse;
  margin:0;background:#fff;
}
/* Four or fewer columns are genuinely readable without forced wide cells. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-matrix-ready>table:is([data-spi-columns="2"],[data-spi-columns="3"],[data-spi-columns="4"]){
  table-layout:fixed;width:100%;min-width:0;max-width:100%;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-matrix-ready>table:is([data-spi-columns="2"],[data-spi-columns="3"],[data-spi-columns="4"]) :is(th,td){
  box-sizing:border-box;min-width:0!important;max-width:none;
  overflow-wrap:break-word;white-space:normal!important;
}
/* First column is a readable label, leaving the rest to analytical explanations. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-matrix-ready>table[data-spi-columns="4"] :is(th,td):first-child{width:23%}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-matrix-ready>table[data-spi-columns="3"] :is(th,td):first-child{width:28%}

.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-matrix-ready>table :is(th,td){
  border-bottom:1px solid #E9EDF2;padding:13px 15px;vertical-align:top;
  font-size:13px;line-height:1.55;text-align:left;color:#30425B;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-matrix-ready>table th{
  font-weight:700;color:#101D3A;background:#F7F8FA;white-space:normal;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-matrix-ready>table tbody tr:last-child td{border-bottom:0}
@media(max-width:780px){
 .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-matrix-ready{
   border:0;border-radius:0;background:transparent;overflow:visible;
 }
 .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-matrix-ready>table{display:none}
 .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-matrix-ready>.spi-reader-matrix-cards:not([hidden]){display:grid}
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading .spi-reader-matrix-cards[hidden]{display:none!important}

/* =========================================================================
 SPI ACADEMIC COMPONENT SYSTEM 2.1 — UNIVERSAL READER PRESENTATION
 Reusable in every approved ACS Reader, not tied to module numbers.
 Revision: editorial QA 2026-10-29. Do not edit compiled spi-ui-*.css.
 ========================================================================= */
.spi-unified-reading.spi-academic-reader-v2{
 --spi-a21-border:#DDE4ED;--spi-a21-ink:#101D3A;
 --spi-a21-body:#40526C;--spi-a21-gold:#987635;
 --spi-a21-surface:#fff;--spi-a21-soft:#F7F8FA;
}
/* Rich text groups that previously collapsed into raw paragraphs. */
.spi-unified-reading.spi-academic-reader-v2 .record-cards.condensed:not(.spi-academic-comparison-grid){
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));
 align-items:stretch;gap:16px;margin:18px 0 28px;padding:0;background:transparent;
}
.spi-unified-reading.spi-academic-reader-v2 .record-cards.condensed:not(.spi-academic-comparison-grid)>.record-card{
 box-sizing:border-box;display:flex;flex-direction:column;min-width:0;
 margin:0!important;padding:22px!important;border:1px solid var(--spi-a21-border)!important;
 border-top:3px solid #C5A059!important;border-radius:12px!important;
 background:var(--spi-a21-surface)!important;box-shadow:0 4px 14px rgba(16,29,58,.035);
 overflow-wrap:break-word;
}
.spi-unified-reading.spi-academic-reader-v2 .record-cards.condensed:not(.spi-academic-comparison-grid)>.record-card>h4{
 font:600 19px/1.36 'Playfair Display',Georgia,serif!important;
 margin:0 0 15px!important;padding:0 0 12px!important;
 color:var(--spi-a21-ink)!important;border:0!important;border-bottom:1px solid var(--spi-a21-border)!important;
 background:transparent!important;
}
.spi-unified-reading.spi-academic-reader-v2 .record-cards.condensed:not(.spi-academic-comparison-grid)>.record-card>p{
 margin:0 0 11px;font:400 14px/1.65 Inter,Arial,sans-serif;color:var(--spi-a21-body);
}
.spi-unified-reading.spi-academic-reader-v2 .record-cards.condensed:not(.spi-academic-comparison-grid)>.record-card>.record-field{
 margin:0 0 14px!important;padding:0!important;background:none!important;
 border:0!important;min-width:0;
}
.spi-unified-reading.spi-academic-reader-v2 .record-cards.condensed:not(.spi-academic-comparison-grid)>.record-card>.record-field:last-child{margin:0!important}
.spi-unified-reading.spi-academic-reader-v2 .record-cards.condensed:not(.spi-academic-comparison-grid) .record-key{
 display:block!important;margin:0 0 6px!important;
 color:var(--spi-a21-gold)!important;font:750 10px/1.45 Inter,Arial,sans-serif!important;
 text-transform:uppercase;letter-spacing:.075em;
}
.spi-unified-reading.spi-academic-reader-v2 .record-cards.condensed:not(.spi-academic-comparison-grid) .record-field p{
 margin:0!important;color:var(--spi-a21-body);font:400 14px/1.67 Inter,Arial,sans-serif!important;
}
/* Three editorial case cards fill a balanced row instead of leaving a blank half-row. */
@media(min-width:980px){
 .spi-unified-reading.spi-academic-reader-v2 .record-cards.condensed:not(.spi-academic-comparison-grid):has(> .record-card:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr));}
}
/* Universally styled five-stage process with distinct index, title and detail. */
.spi-unified-reading.spi-academic-reader-v2 .spi-academic-step-grid:is(.spi-intel-flow,.spi-intel-actor-flow){
 display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
 gap:12px!important;align-items:stretch;margin:18px 0 26px!important;
 padding:0!important;background:transparent!important;border:0!important;
}
.spi-unified-reading.spi-academic-reader-v2 .spi-academic-step-grid:is(.spi-intel-flow,.spi-intel-actor-flow)>div{
 min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;
 gap:8px!important;box-sizing:border-box;min-height:132px;padding:17px 15px!important;
 border:1px solid var(--spi-a21-border)!important;border-top:3px solid #C5A059!important;
 border-radius:11px!important;background:#fff!important;box-shadow:none!important;
 overflow-wrap:break-word;
}
.spi-unified-reading.spi-academic-reader-v2 .spi-academic-step-grid:is(.spi-intel-flow,.spi-intel-actor-flow)>div>em{
 display:inline-flex!important;align-items:center;justify-content:center;
 min-width:33px;min-height:28px;padding:0 7px;border:1px solid #E3D3AF;border-radius:6px;
 color:var(--spi-a21-gold);font:800 11px/1.2 Inter,Arial,sans-serif!important;
 font-style:normal!important;letter-spacing:.055em;background:#FFFCF6;
}
.spi-unified-reading.spi-academic-reader-v2 .spi-academic-step-grid:is(.spi-intel-flow,.spi-intel-actor-flow)>div>b{
 display:block!important;margin:0!important;color:var(--spi-a21-ink)!important;
 font:750 12px/1.4 Inter,Arial,sans-serif!important;letter-spacing:.03em;
 overflow-wrap:anywhere;
}
.spi-unified-reading.spi-academic-reader-v2 .spi-academic-step-grid:is(.spi-intel-flow,.spi-intel-actor-flow)>div>small{
 display:block!important;font:400 13px/1.57 Inter,Arial,sans-serif!important;
 color:var(--spi-a21-body)!important;margin:0!important;max-width:100%;
}
/* Standard ordered procedures. Avoid gridifying anonymous text nodes of an LI. */
.spi-unified-reading.spi-academic-reader-v2 ol.spi-academic-numbered-process{
 display:grid;grid-template-columns:minmax(0,1fr);gap:10px;
 margin:20px 0 26px;padding:0;list-style:none;counter-reset:spi-process;
}
.spi-unified-reading.spi-academic-reader-v2 ol.spi-academic-numbered-process>li{
 counter-increment:spi-process;display:block!important;position:relative!important;
 box-sizing:border-box;min-height:59px;padding:15px 17px 15px 67px!important;
 margin:0!important;border:1px solid var(--spi-a21-border);border-radius:9px;
 color:var(--spi-a21-body);background:#fff;
 font:400 14px/1.65 Inter,Arial,sans-serif!important;
}
.spi-unified-reading.spi-academic-reader-v2 ol.spi-academic-numbered-process>li::before{
 content:counter(spi-process,decimal-leading-zero);position:absolute;
 left:16px;top:14px;width:33px;height:33px;display:grid;place-items:center;
 border:1px solid #DCC9A1;border-radius:7px;background:#FFFCF6;
 color:var(--spi-a21-gold);font:750 11px/1.4 Inter,Arial,sans-serif;
}
.spi-unified-reading.spi-academic-reader-v2 ol.spi-academic-numbered-process>li>b{
 display:inline!important;font:750 14px/1.65 Inter,Arial,sans-serif!important;
 color:var(--spi-a21-ink)!important;
}
/* Learning flow is an academically bounded orientation panel, consistent M01–M03. */
.spi-unified-reading.spi-academic-reader-v2 .spi-module-learning-path{
 box-sizing:border-box;display:block;padding:23px 27px;margin:26px 0 31px;
 border:1px solid #E3D6B6;border-radius:12px;background:#FFFCF8;color:var(--spi-a21-body);
}
.spi-unified-reading.spi-academic-reader-v2 .spi-module-learning-path>h3{
 margin:0 0 17px!important;padding:0!important;
 color:var(--spi-a21-ink)!important;font:600 23px/1.3 'Playfair Display',Georgia,serif!important;
}
.spi-unified-reading.spi-academic-reader-v2 .spi-module-learning-path>ol{
 padding-left:22px;margin:0 0 12px;display:grid;gap:11px;
}
.spi-unified-reading.spi-academic-reader-v2 .spi-module-learning-path>ol>li{
 padding-left:2px;color:var(--spi-a21-body);
 font:400 14px/1.72 Inter,Arial,sans-serif;
}
.spi-unified-reading.spi-academic-reader-v2 .spi-module-learning-path>ol>li::marker{color:var(--spi-a21-gold);font-weight:700}
.spi-unified-reading.spi-academic-reader-v2 .spi-module-learning-path>ol>li strong{color:var(--spi-a21-ink)}
.spi-unified-reading.spi-academic-reader-v2 .spi-module-learning-path>p{
 font:400 13px/1.7 Inter,Arial,sans-serif;color:#63718A;
 margin:13px 0 0;padding-top:11px;border-top:1px solid #EDE1C6;
}
/* Explicit inline readout rows for short cause/flow chains. */
.spi-unified-reading.spi-academic-reader-v2 .spi-intel-infographic.spi-academic-visual-group{
 box-sizing:border-box;min-width:0;padding:21px 22px;margin:21px 0 26px;
 border:1px solid var(--spi-a21-border);border-radius:12px;background:#fff;
}
.spi-unified-reading.spi-academic-reader-v2 .spi-intel-infographic.spi-academic-visual-group>p:last-child{
 border-top:1px solid var(--spi-a21-border);padding-top:14px;margin:16px 0 0;
 color:var(--spi-a21-body);font-size:14px;line-height:1.75;
}
/* Political Early Warning: registered evidence levels; no faux data table, no sideways scroll. */
.spi-unified-reading.spi-academic-reader-v2 .spi-academic-warning-register{
 display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:19px 0 27px;
 border:1px solid var(--spi-a21-border);border-radius:12px;background:#fff;overflow:hidden;
}
.spi-unified-reading.spi-academic-reader-v2 .spi-academic-warning-row{
 box-sizing:border-box;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.13fr) minmax(0,1.35fr);
 gap:18px;min-width:0;align-items:start;padding:20px 22px;
 border:0;border-bottom:1px solid var(--spi-a21-border);background:transparent;
}
.spi-unified-reading.spi-academic-reader-v2 .spi-academic-warning-row:last-child{border-bottom:0}
.spi-unified-reading.spi-academic-reader-v2 .spi-academic-warning-heading{display:flex;align-items:center;gap:10px;min-width:0}
.spi-unified-reading.spi-academic-reader-v2 .spi-academic-warning-index{
 display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;
 border:1px solid #E5D6B8;border-radius:8px;color:var(--spi-a21-gold);background:#FFFCF7;
 font:750 11px/1.25 Inter,Arial,sans-serif;
}
.spi-unified-reading.spi-academic-reader-v2 .spi-academic-warning-heading .spi-academic-warning-name{
 margin:0!important;padding:0!important;font:750 13px/1.4 Inter,Arial,sans-serif!important;
 letter-spacing:.01em;color:var(--spi-a21-ink)!important;
 overflow-wrap:break-word;
}
.spi-unified-reading.spi-academic-reader-v2 .spi-academic-warning-evidence,
.spi-unified-reading.spi-academic-reader-v2 .spi-academic-warning-output{min-width:0}
.spi-unified-reading.spi-academic-reader-v2 .spi-academic-warning-output{border-left:1px solid var(--spi-a21-border);padding-left:18px}
.spi-unified-reading.spi-academic-reader-v2 .spi-academic-warning-label{
 display:block;margin:0 0 6px;font:750 10px/1.4 Inter,Arial,sans-serif;
 letter-spacing:.09em;color:var(--spi-a21-gold);text-transform:uppercase;
}
.spi-unified-reading.spi-academic-reader-v2 .spi-academic-warning-row p{
 margin:0!important;color:var(--spi-a21-body)!important;
 font:400 14px/1.66 Inter,Arial,sans-serif!important;
}
@media(max-width:900px){
 .spi-unified-reading.spi-academic-reader-v2 .spi-academic-warning-row{grid-template-columns:1fr 1.2fr;gap:13px 16px}
 .spi-unified-reading.spi-academic-reader-v2 .spi-academic-warning-heading{grid-column:1/-1}
 .spi-unified-reading.spi-academic-reader-v2 .spi-academic-warning-output{padding-left:16px}
}
@media(max-width:680px){
 .spi-unified-reading.spi-academic-reader-v2 .record-cards.condensed:not(.spi-academic-comparison-grid){grid-template-columns:minmax(0,1fr)}
 .spi-unified-reading.spi-academic-reader-v2 .record-cards.condensed:not(.spi-academic-comparison-grid)>.record-card{padding:18px!important}
 .spi-unified-reading.spi-academic-reader-v2 .spi-academic-step-grid:is(.spi-intel-flow,.spi-intel-actor-flow){grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .spi-unified-reading.spi-academic-reader-v2 .spi-academic-warning-row{grid-template-columns:minmax(0,1fr);padding:18px;gap:12px}
 .spi-unified-reading.spi-academic-reader-v2 .spi-academic-warning-heading{grid-column:auto}
 .spi-unified-reading.spi-academic-reader-v2 .spi-academic-warning-output{border-left:0;padding-left:0}
 .spi-unified-reading.spi-academic-reader-v2 .spi-module-learning-path{padding:18px}
}
@media(max-width:420px){
 .spi-unified-reading.spi-academic-reader-v2 .spi-academic-step-grid:is(.spi-intel-flow,.spi-intel-actor-flow){grid-template-columns:minmax(0,1fr)!important}
 .spi-unified-reading.spi-academic-reader-v2 ol.spi-academic-numbered-process>li{padding-left:59px!important}
}

/* ========================================================================
   SPI ACADEMIC COMPONENT GOVERNANCE 2.2 — Reader core / activity separation
   Shared for all SPI Academic Readers (01–18). NO module-specific selectors.
   Semantic components retain their identity across modules.
   ======================================================================== */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-reader-core-nav-head{
  display:flex;flex-direction:column;align-items:flex-start;gap:5px;
  max-width:100%;margin-bottom:18px;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-reader-core-nav-head .spi-reader-nav-title{
  display:block;font:700 clamp(21px,2.3vw,28px)/1.28 'Playfair Display',Georgia,serif;
  letter-spacing:-.02em;margin:0;color:#101D3A;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-reader-core-description{
  color:#586981;font:400 14px/1.68 Inter,Arial,sans-serif;
  max-width:880px;margin:3px 0 0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-reader-core-links>a{
  min-height:64px;padding:13px 13px;gap:11px;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-reader-core-nav-tail{
  margin:17px 0 0;padding:14px 0 0;border-top:1px solid #e5e9ef;
  color:#66748c;font:400 12px/1.65 Inter,Arial,sans-serif;
}
/* Long, structured exposition is not a boxed infographic. Individual diagrams stay boxed. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-editorial-sequence{
  display:flow-root;max-width:100%;min-width:0;
  margin:18px 0 30px;padding:0!important;background:transparent!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-editorial-sequence>.spi-academic-concept-deepdive{
  margin:30px 0 34px;padding:0!important;background:transparent!important;
  border:0!important;box-shadow:none!important;
}
/* Editorial comparison cards: even rhythm with variable-length titles. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .record-cards.condensed>.record-card{
  display:flex!important;flex-direction:column!important;height:100%;gap:0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .record-cards.condensed>.record-card>h4{
  min-height:4em;display:flex;align-items:flex-start;
  margin-bottom:13px!important;padding-bottom:13px!important;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .record-cards.condensed>.record-card>.record-field{
  margin-bottom:15px!important;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .record-cards.condensed>.record-card>.record-field:last-child{
  margin-top:auto!important;margin-bottom:0!important;padding-top:12px!important;
  border-top:1px solid #e6ecf3!important;
}
/* Prevent a double-framed table when the chapter splitter creates a scroll region
   inside an authored .scroll element; this applies to every academic module. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .scroll:has(> .spi-ds-table-scroll){
  padding:0!important;margin:17px 0 24px!important;background:transparent!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  max-width:100%;overflow:visible!important;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .scroll>.spi-ds-table-scroll{
  margin:0!important;max-width:100%;background:transparent!important;
  border:0!important;box-shadow:none!important;border-radius:0!important;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .scroll:has(> .spi-ds-table-scroll) table{
  margin:0!important;max-width:100%;
}
/* Consistent academic reading pattern, not an interactive assessment form. */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 :is(.spi-academic-worked-reading,.spi-academic-worked-example){
  box-sizing:border-box;max-width:100%;margin:22px 0 28px;padding:22px 24px;
  background:#fff;border:1px solid #dce4ee;border-left:3px solid #C5A059;
  border-radius:10px;color:#334861;box-shadow:0 3px 12px rgba(16,29,58,.025);
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 :is(.spi-academic-worked-reading,.spi-academic-worked-example)>h3{
  margin:0 0 15px;font:600 23px/1.32 'Playfair Display',Georgia,serif;color:#101D3A;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 :is(.spi-academic-worked-reading,.spi-academic-worked-example)>p{
  margin:12px 0 0;font:400 15px/1.78 Inter,Arial,sans-serif;color:#42536d;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-worked-header{
  display:flex;flex-direction:column;gap:5px;margin-bottom:12px;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-worked-header>span{
  color:#9C7C40;font:750 11px/1.4 Inter,Arial,sans-serif;letter-spacing:.08em;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-worked-header>strong{
  font:700 17px/1.38 Inter,Arial,sans-serif;color:#101D3A;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-editorial-steps{
  display:grid;gap:10px;padding:0;margin:18px 0;list-style:none;counter-reset:spi-editorial;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-editorial-steps>li{
  position:relative;counter-increment:spi-editorial;margin:0;padding:14px 16px 14px 60px;
  border:1px solid #e1e7ef;border-radius:9px;background:#f9fafc;
  font:400 14px/1.72 Inter,Arial,sans-serif;color:#40526e;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-editorial-steps>li:before{
  content:counter(spi-editorial,decimal-leading-zero);position:absolute;top:12px;left:13px;
  width:30px;height:30px;display:grid;place-items:center;background:#fff9ec;
  border:1px solid #ead4a8;border-radius:6px;color:#8d6427;font:750 11px/1 Inter,Arial,sans-serif;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-case-timeline{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:13px;margin:20px 0 30px;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-case-timeline>article{
  box-sizing:border-box;min-width:0;background:#fff;border:1px solid #dce4ee;border-top:3px solid #c5a059;
  border-radius:11px;padding:19px 18px;overflow-wrap:break-word;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-case-timeline>article>span{
  display:block;font:750 10px/1.4 Inter,Arial,sans-serif;color:#996c24;letter-spacing:.08em;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-case-timeline>article>h4{
  margin:11px 0!important;padding:0!important;font:600 20px/1.3 'Playfair Display',Georgia,serif!important;
  color:#101D3A!important;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-case-timeline>article>p{
  margin:0 0 10px!important;font:400 14px/1.65 Inter,Arial,sans-serif;color:#41536f;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-case-timeline>article>p:last-child{
  border-top:1px solid #e6eaf1;padding-top:10px;margin-top:auto!important;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-lens-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:22px 0 0;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-lens-grid>article{
  min-width:0;border:1px solid #dae4ef;border-top:3px solid #c5a059;border-radius:11px;
  background:#fff;padding:17px 18px;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-lens-grid>article>span{
  display:block;color:#996c24;letter-spacing:.07em;font:750 10px/1.45 Inter,Arial,sans-serif;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-lens-grid>article>h4{
  margin:9px 0!important;padding:0!important;color:#101D3A!important;
  font:650 17px/1.4 Inter,Arial,sans-serif!important;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-lens-grid>article>p{
  margin:0!important;color:#475974;font:400 14px/1.67 Inter,Arial,sans-serif;
}
@media(max-width:980px){
 .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-lens-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
 .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 :is(.spi-academic-case-timeline,.spi-academic-lens-grid){grid-template-columns:minmax(0,1fr)}
 .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 :is(.spi-academic-worked-reading,.spi-academic-worked-example){padding:18px}
 .spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .record-cards.condensed>.record-card>h4{min-height:0}
}
/* Native, script-independent academic visual disclosure (usable across modules). */
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-lens-details{margin:11px 0 0;min-width:0;}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-lens-details>summary{
  display:list-item;cursor:pointer;padding:9px 10px;border:1px solid #e1e7ee;border-radius:7px;
  background:#f7f9fc;color:#836129;font:700 12px/1.45 Inter,Arial,sans-serif;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-lens-details>summary:focus-visible{
  outline:2px solid #c5a059;outline-offset:3px;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-lens-details[open]>summary{
  border-color:#dfc995;background:#fff7e8;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-lens-details>p{
  margin:12px 0 0!important;color:#40536f;font:400 13px/1.7 Inter,Arial,sans-serif;
}
.spi-module-reader-mode .spi-gcr-reading .spi-unified-reading.spi-academic-reader-v2 .spi-academic-lens-details>p+p{
  padding-top:11px;border-top:1px solid #e7ebf1;
}