:root{
  color-scheme:light;
  --bg:#F1F2EE;--surface:#FBFBF9;--surface-soft:#E7E9E3;--text:#14171A;--text-muted:#59616A;--border:#D0D5CC;
  --accent:#1F5C4A;--accent-hover:#143C31;--button:#1F5C4A;--button-hover:#143C31;--button-text:#FFFFFF;
  --highlight:#E3BE3F;--danger:#A54438;--info:#456B86;--warning-text:#755B00;--dark-block:#14171A;--dark-block-2:#1B1F22;--on-dark:#F1F2EE;--on-dark-muted:#B8BFC4;--on-dark-border:#33383D;
  --doc-card:#FBFBF9;--doc-paper:#F1F2EE;--doc-paper-2:#E7E9E3;--doc-ink:#14171A;--doc-muted:#59616A;--doc-rule:#D0D5CC;--doc-green:#1F5C4A;--doc-amber:#B8951F;--doc-red:#A54438;
  --paper:var(--bg);--paper-2:var(--surface-soft);--card:var(--surface);--ink:var(--text);--ink-2:var(--text-muted);--rule:var(--border);--pine:var(--accent);--pine-dk:var(--accent-hover);--amber:var(--highlight);--red:var(--danger);
  --display:"Bricolage Grotesque",system-ui,sans-serif;--body:"Instrument Sans",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--max:1160px;--pad:clamp(20px,5vw,64px)
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#121714;--surface:#212A25;--surface-soft:#18201D;--text:#E9EDE8;--text-muted:#A8B2AC;--border:#344239;
  --accent:#7CC9A6;--accent-hover:#92D9BA;--button:#2E7A60;--button-hover:#256B54;--button-text:#FFFFFF;
  --highlight:#E3BE3F;--danger:#D67B70;--info:#9BC5E1;--warning-text:#E3BE3F;--dark-block:#0D1210;--dark-block-2:#151C18;--on-dark:#E9EDE8;--on-dark-muted:#A8B2AC;--on-dark-border:#35423C;
  --paper:var(--bg);--paper-2:var(--surface-soft);--card:var(--surface);--ink:var(--text);--ink-2:var(--text-muted);--rule:var(--border);--pine:var(--accent);--pine-dk:var(--accent-hover);--amber:var(--highlight);--red:var(--danger)
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit} button{font:inherit} ::selection{background:var(--amber);color:var(--ink)}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.wrap{width:min(var(--max),calc(100% - (var(--pad)*2)));margin-inline:auto}
h1,h2,h3{font-family:var(--display);line-height:1.04;letter-spacing:-.03em}
h1{font-size:clamp(40px,6vw,68px)} h2{font-size:clamp(30px,4vw,46px)} h3{font-size:clamp(21px,2.5vw,28px)}
p{text-wrap:pretty}
.topbar{position:sticky;top:0;z-index:20;background:rgba(241,242,238,.94);backdrop-filter:blur(14px);border-bottom:1px solid transparent}
.topbar.stuck{border-color:var(--rule)}
.topbar-in{height:66px;display:flex;align-items:center;gap:24px}
.brand{font-family:var(--display);font-size:16.5px;font-weight:800;text-decoration:none;display:inline-flex;align-items:baseline;gap:4px;min-width:0}.brand-role{color:var(--pine)}.brand-role-mobile{display:none}
.nav{margin-left:auto;display:flex;gap:24px}.nav a{font-family:var(--mono);font-size:12px;text-decoration:none;color:var(--ink-2)}
.cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 20px;border:2px solid var(--pine);border-radius:999px;background:var(--pine);color:#fff;text-decoration:none;font-weight:600;line-height:1;transition:.18s}
.cta:hover{background:var(--pine-dk);border-color:var(--pine-dk);transform:translateY(-1px)}.cta.big{min-height:52px;padding:15px 27px}
@media(max-width:850px){.nav{display:none}}@media(max-width:560px){.brand-role-desktop{display:none}.topbar .cta{margin-left:auto;padding:8px 11px;font-size:12px}}
.page-hero{padding:clamp(56px,8vw,92px) 0;border-bottom:1px solid var(--rule)}
.eyebrow,.section-no,.k{font-family:var(--mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--pine)}
.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:22px;height:2px;background:var(--pine)}
.page-hero h1{max-width:14ch;margin-top:18px}.page-hero .lead{margin-top:18px;max-width:67ch;color:var(--ink-2);font-size:clamp(18px,2vw,21px)}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:28px}.hero-link{font-weight:600;text-decoration:none;border-bottom:1px solid var(--ink-2)}
section{padding:clamp(54px,7vw,84px) 0;border-top:1px solid var(--rule)}section.band{background:var(--paper-2)}
.section-top{display:grid;grid-template-columns:130px 1fr;gap:clamp(20px,4vw,54px);margin-bottom:38px}.section-copy{max-width:760px}.section-copy p{margin-top:14px;color:var(--ink-2)}
@media(max-width:680px){.section-top{grid-template-columns:1fr;gap:10px}}
.content-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(28px,5vw,64px)}
@media(max-width:820px){.content-grid{grid-template-columns:1fr}}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{padding:24px;border:1px solid var(--rule);border-radius:14px;background:var(--card)}.card h3{font-size:23px;margin-top:10px}.card p{margin-top:10px;color:var(--ink-2);font-size:15px}
@media(max-width:820px){.cards{grid-template-columns:1fr}}
.checklist{display:grid;gap:10px}.check{padding:16px 18px;border:1px solid var(--rule);background:var(--card);border-radius:11px}.check b{font-family:var(--display)}.check p{font-size:15px;color:var(--ink-2);margin-top:4px}
.sidebar-card{padding:24px;border:1px solid var(--rule);border-radius:14px;background:var(--card);height:max-content;position:sticky;top:90px}.sidebar-card h3{font-size:24px;margin-top:10px}.sidebar-card p{color:var(--ink-2);font-size:15px;margin:12px 0 20px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--rule);border-radius:14px;overflow:hidden;background:var(--card)}.step{padding:22px;border-right:1px solid var(--rule)}.step:last-child{border:0}.step .n{font:600 11px var(--mono);color:var(--pine)}.step h3{font-size:22px;margin-top:8px}.step p{font-size:14px;color:var(--ink-2);margin-top:8px}
@media(max-width:800px){.steps{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.step:nth-child(-n+2){border-bottom:1px solid var(--rule)}}@media(max-width:520px){.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--rule)}}
.faq{border-top:1px solid var(--rule)}details{border-bottom:1px solid var(--rule);padding:17px 0}summary{font-family:var(--display);font-weight:650;cursor:pointer;font-size:20px}details p{color:var(--ink-2);max-width:70ch;margin-top:10px}
/* ===== Entregable de ejemplo ===== */
.ex-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,3vw,32px);align-items:start}
@media(min-width:901px){.ex-sheet{position:sticky;top:90px}}
@media(max-width:900px){.ex-grid{grid-template-columns:1fr}}
.ex-sheet{background:var(--card);border:1px solid var(--rule);border-radius:14px;padding:clamp(20px,3vw,30px);box-shadow:0 18px 40px -32px rgba(20,23,26,.45)}
.ex-head{background:transparent;color:inherit;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--rule)}
.ex-k{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.ex-code{font-family:var(--mono);font-size:11px;color:var(--pine)}
.ex-phase{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:-.015em;margin-top:16px}
.ex-actor{margin-top:18px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pine);padding-bottom:6px;border-bottom:1px dashed var(--rule)}
.ex-actor-analyst{color:var(--info)}
.ex-actor-supervisor{color:var(--warning-text)}
.ex-steps{list-style:none;margin:0;padding:0}
.ex-steps li{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:9px 0;border-bottom:1px dashed var(--rule);font-size:15px;line-height:1.45}
.ex-steps li:last-child{border-bottom:none}
.ex-steps b{font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--ink)}
.ex-steps em{font-style:normal;color:var(--ink-2)}
.ex-steps code{font-family:var(--mono);font-size:12.5px;background:var(--paper-2);padding:1px 5px;border-radius:4px}
.ex-q b{color:#8F6E00}
.ex-q span{font-weight:500}
.ex-steps li.ex-br{padding-left:22px;grid-template-columns:48px 1fr}
.ex-br b{color:var(--ink-2)}
.ex-br.ex-back b,.ex-br.ex-back em:first-child{color:var(--red)}
.ex-fig{margin:0;background:var(--card);border:1px solid var(--rule);border-radius:14px;padding:clamp(14px,2.4vw,22px)}
.ex-fig svg{width:100%;height:auto;display:block}
.fx-lane{fill:var(--paper)}.fx-lane2{fill:var(--paper-2)}
.fx-lane-analyst{fill:#E7F0F7}
.fx-lane-supervisor{fill:#FBF3D6}
.fx-lbl{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;fill:var(--pine);font-weight:600}
.fx-lbl-analyst{fill:#456B86}
.fx-lbl-supervisor{fill:#8F6E00}
.fx-box{fill:var(--card);stroke:var(--ink);stroke-width:1.2}
.fx-boxN{fill:#FBEFED;stroke:var(--red);stroke-width:1.2}
.fx-term{fill:var(--ink)}
.fx-term + .fx-t{fill:var(--paper)}
.fx-dia{fill:#FBF3D6;stroke:#B8951F;stroke-width:1.2}
.fx-doc{fill:var(--card);stroke:var(--ink);stroke-width:1.1}
.fx-docN{fill:#FBEFED;stroke:var(--red);stroke-width:1.1}
.fx-dt{font-family:var(--mono);font-size:9.5px;fill:var(--ink)}
.fx-d0{font-family:var(--mono);font-size:9.5px;fill:var(--ink-2);text-anchor:end}
.fx-t{font-family:var(--body);font-size:12.5px;fill:var(--ink);text-anchor:middle}
.fx-n{font-family:var(--mono);font-weight:600;fill:var(--pine)}
.fx-l{stroke:var(--ink);stroke-width:1.2;fill:none}
.fx-lR{stroke:var(--red);stroke-width:1.2;fill:none}
.fx-con{fill:var(--card);stroke:var(--red);stroke-width:1.3}
.fx-ct{font-family:var(--mono);font-size:12px;font-weight:600;fill:var(--red);text-anchor:middle}
.fx-head{fill:var(--ink)}.fx-headN{fill:var(--red)}
.fx-y{font-family:var(--mono);font-size:10px;fill:var(--ink-2)}
.fx-yN{font-family:var(--mono);font-size:10px;fill:var(--red)}
.fx-legend{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:9px 18px;margin-top:14px;padding-top:14px;border-top:1px solid var(--rule);font-size:12.5px;color:var(--ink-2);line-height:1.3}
.fx-legend span{display:flex;align-items:center;gap:9px}
.ex-fig .fx-legend svg{width:30px;height:18px;flex:none;overflow:visible}
@media(max-width:600px){.ex-fig{padding:8px}.ex-sheet{padding:18px}.fx-legend{padding:12px 6px 4px}}

.crumbs{padding-top:22px;font:11px var(--mono);color:var(--ink-2)}.crumbs a{text-decoration:none}.article-hero{padding:42px 0 36px}.article-hero h1{margin-top:16px;max-width:18ch}.article-deck{max-width:66ch;color:var(--ink-2);font-size:19px;margin-top:16px}.article-meta{display:flex;gap:8px 16px;flex-wrap:wrap;margin-top:20px;font:10.5px var(--mono);color:var(--ink-2)}
.article-shell{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:clamp(30px,5vw,64px);align-items:start}.article-body{font-size:17px}.article-body>p{margin:0 0 20px}.article-body h2{font-size:30px;margin:44px 0 15px}.article-body a{color:var(--pine);text-decoration-thickness:1px;text-underline-offset:3px}.answer-box,.note-box,.inline-cta{padding:20px 22px;border:1px solid var(--rule);border-radius:12px;background:var(--card);margin:0 0 25px}.answer-box{border-left:4px solid var(--pine)}.note-box{margin:25px 0;background:var(--paper-2)}.note-box p{margin-top:8px}.inline-cta{margin-top:40px}.inline-cta h3{margin-top:8px}.inline-cta p{margin:10px 0 16px;color:var(--ink-2)}.inline-cta .about-link{display:inline-block;margin-left:14px;font-weight:600}
.article-aside{position:sticky;top:90px;display:grid;gap:14px}.share-box,.author-mini{padding:18px;border:1px solid var(--rule);border-radius:12px;background:var(--card)}.share-box span,.author-mini .k{display:block;font:10px var(--mono);text-transform:uppercase;color:var(--ink-2);margin-bottom:8px}.share-btn{border:1px solid var(--pine);background:transparent;color:var(--pine);border-radius:999px;padding:9px 12px;cursor:pointer;font-weight:600}.author-mini p{font-size:14px;color:var(--ink-2);margin:8px 0}.author-mini a{font-size:14px;color:var(--pine)}
@media(max-width:900px){.article-shell{grid-template-columns:1fr}.article-aside{position:static;grid-template-columns:1fr 1fr}}@media(max-width:560px){.article-aside{grid-template-columns:1fr}.article-body h2{font-size:27px}}
.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.resource-card{display:block;text-decoration:none;padding:24px;border:1px solid var(--rule);border-radius:14px;background:var(--card);box-shadow:0 22px 50px -40px rgba(0,0,0,.24);transition:.18s}.resource-card:hover{border-color:var(--pine);transform:translateY(-3px);box-shadow:0 26px 56px -36px rgba(0,0,0,.30)}.resource-card .k{color:var(--ink-2)}.resource-card h2{font-size:28px;margin-top:10px}.resource-card p{color:var(--ink-2);margin-top:12px;font-size:15px}.resource-card .read{display:block;margin-top:18px;font:600 11px var(--mono);color:var(--pine)}
@media(max-width:720px){.resource-grid{grid-template-columns:1fr}}
footer{padding:48px 0 22px;background:var(--ink);color:var(--paper);margin-top:0}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:32px}.footer-name{font:700 20px var(--display)}.footer-sub{color:#abb0ad;font-size:13px;margin-top:5px}.footer-k{font:10px var(--mono);text-transform:uppercase;color:#abb0ad;margin-bottom:8px}.footer-grid a{display:block;text-decoration:none;margin:5px 0;font-size:14px}.footer-contact small{display:block;color:#abb0ad;font:9px var(--mono);text-transform:uppercase}.footer-base{display:flex;justify-content:space-between;border-top:1px solid #34383a;margin-top:30px;padding-top:16px;color:#abb0ad;font:10px var(--mono)}
@media(max-width:720px){.footer-grid{grid-template-columns:1fr}.footer-base{gap:14px;flex-direction:column}}
.channel{position:fixed;inset:0;margin:auto;width:min(520px,calc(100% - 34px));max-height:min(82dvh,720px);overflow:auto;border:0;border-radius:18px;padding:28px;background:var(--card);color:var(--ink);box-shadow:0 28px 80px rgba(0,0,0,.3)}.channel::backdrop{background:rgba(20,23,26,.55)}.channel-x{position:absolute;right:16px;top:12px;border:0;background:none;font-size:28px;cursor:pointer}.channel-k{font:10px var(--mono);text-transform:uppercase;color:var(--pine)}.channel h3{margin:9px 35px 18px 0}.channel-opt{display:flex;justify-content:space-between;gap:15px;text-decoration:none;padding:14px 0;border-top:1px solid var(--rule)}.channel-opt span{color:var(--ink-2)}.channel-note{font-size:13px;color:var(--ink-2);margin-top:15px}.channel-alt{font-size:12px;color:var(--ink-2);margin-top:10px}.channel-alt button{border:0;background:none;text-decoration:underline;cursor:pointer;color:inherit}
.final-cta{padding:54px;border-radius:18px;background:var(--pine);color:#fff}.final-cta .eyebrow{color:var(--amber)}.final-cta .eyebrow:before{background:var(--amber)}.final-cta h2{margin-top:12px;max-width:13ch}.final-cta p{margin:14px 0 24px;max-width:60ch;color:#d8e1dd}.final-cta .cta{background:var(--amber);border-color:var(--amber);color:var(--ink)}



/* ===== Theme system, shared navigation and accessibility ===== */
body{background:var(--bg);color:var(--text);transition:background-color .16s ease,color .16s ease}
.topbar{background:color-mix(in srgb,var(--bg) 94%,transparent);color:var(--text)}
.brand{color:var(--text)}.brand span{color:var(--accent)}
.nav{margin-left:auto;display:flex;gap:18px}.nav a{color:var(--text-muted)}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.mobile-theme-toggle{display:none;width:42px;height:42px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);place-items:center;cursor:pointer}
.mobile-theme-toggle:hover{border-color:var(--accent)}
.cta{background:var(--button);border-color:var(--button);color:var(--button-text)}
.cta:hover{background:var(--button-hover);border-color:var(--button-hover)}
.mobile-menu{display:none}
.mobile-menu summary{list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}
.menu-toggle{width:44px;height:44px;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:10px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column}
.menu-toggle span{display:block;width:22px;height:2px;background:var(--text);margin:3px 0;border-radius:2px;transition:.18s}
.mobile-menu[open] .menu-toggle span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.mobile-menu[open] .menu-toggle span:nth-child(2){opacity:0}
.mobile-menu[open] .menu-toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.mobile-panel{position:fixed;left:0;right:0;top:66px;max-height:calc(100dvh - 66px);overflow:auto;border-top:1px solid var(--border);background:var(--bg);box-shadow:0 18px 40px -28px rgba(0,0,0,.45)}
.mobile-panel-in{padding-block:12px 18px}.mobile-panel nav{display:grid}
.mobile-panel nav a{padding:13px 0;border-bottom:1px solid var(--border);text-decoration:none;font-family:var(--display);font-size:19px;font-weight:650}
.mobile-menu-cta{width:100%;margin-top:16px}
body.nav-open{overflow:hidden}
@media(max-width:1180px){.brand-role-desktop{display:none}}
@media(max-width:1080px){.nav{display:none}.mobile-menu{display:block}.menu-toggle{display:flex}}
@media(max-width:640px){
  .header-cta{display:none}
  .mobile-theme-toggle{display:grid}
  .topbar-in{height:64px;gap:8px}
  .brand{font-size:14.5px;line-height:1.05;display:grid;gap:3px;max-width:200px}
  .brand-name{white-space:nowrap}
  .brand-role-mobile{display:block;font:600 8.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
  .header-actions{gap:7px}
  .mobile-panel{top:64px;max-height:calc(100dvh - 64px)}
}

.theme-fab{position:fixed;left:max(14px,env(safe-area-inset-left));bottom:18px;z-index:35;width:44px;height:44px;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--text);box-shadow:0 10px 30px rgba(0,0,0,.16);cursor:pointer}
.theme-fab:hover{border-color:var(--accent)}.theme-fab-icon{font-size:18px;line-height:1}
body.dialog-open .theme-fab,body.nav-open .theme-fab{opacity:0;pointer-events:none}
@media(max-width:640px){.theme-fab{display:none}}

footer{background:var(--dark-block);color:var(--on-dark)}
footer .footer-sub,footer .footer-k,footer .footer-contact small,footer .footer-base{color:var(--on-dark-muted)}
footer .footer-base{border-color:var(--on-dark-border)} footer a{color:var(--on-dark)}
.channel{background:var(--surface);color:var(--text)}.channel-x{color:var(--text)}
.channel-opt span,.channel-note,.channel-alt{color:var(--text-muted)}
.final-cta{background:var(--button);color:var(--button-text)}
.final-cta .eyebrow{color:var(--button-text)}.final-cta .eyebrow:before{background:var(--highlight)}
.final-cta h2{color:var(--button-text)}.final-cta p{color:color-mix(in srgb,var(--button-text) 82%,transparent)}
.final-cta .cta{background:var(--highlight);border-color:var(--highlight);color:#14171A}
.article-body a.cta,.inline-cta a.cta{color:var(--button-text)}
.answer-box,.note-box,.inline-cta{background:var(--surface-soft)}.share-box,.author-mini{background:transparent}.resource-card{background:var(--surface-soft)}
.next-read{margin-top:46px;padding-top:24px;border-top:1px solid var(--border)}.next-read .k{display:block;margin-bottom:8px}.next-read a{font-family:var(--display);font-size:22px;font-weight:700;text-decoration:none}.next-read a:hover{color:var(--accent)}

/* Deliverables remain paper in both themes */
.ex-sheet,.ex-fig{background:var(--doc-card)!important;border-color:var(--doc-rule)!important;color:var(--doc-ink)!important}
.ex-head{border-color:var(--doc-rule)!important}.ex-k{color:var(--doc-muted)!important}.ex-code,.ex-actor{color:var(--doc-green)!important}
.ex-actor,.ex-steps li{border-color:var(--doc-rule)!important}.ex-steps b{color:var(--doc-ink)!important}.ex-steps em{color:var(--doc-muted)!important}.ex-steps code{background:var(--doc-paper-2)!important;color:var(--doc-ink)!important}
.ex-br b{color:var(--doc-muted)!important}.ex-br.ex-back b,.ex-br.ex-back em:first-child{color:var(--doc-red)!important}
.fx-lane{fill:var(--doc-paper)!important}.fx-lane2{fill:var(--doc-paper-2)!important}.fx-lbl,.fx-n{fill:var(--doc-green)!important}.fx-box,.fx-doc,.fx-con{fill:var(--doc-card)!important;stroke:var(--doc-ink)!important}
.fx-boxN,.fx-docN{fill:#FBEFED!important;stroke:var(--doc-red)!important}.fx-term{fill:var(--doc-ink)!important}.fx-term + .fx-t{fill:var(--doc-paper)!important}.fx-dia{fill:#FBF3D6!important;stroke:var(--doc-amber)!important}
.fx-dt,.fx-t{fill:var(--doc-ink)!important}.fx-d0,.fx-y{fill:var(--doc-muted)!important}.fx-l{stroke:var(--doc-ink)!important}.fx-lR{stroke:var(--doc-red)!important}.fx-ct,.fx-yN{fill:var(--doc-red)!important}.fx-head{fill:var(--doc-ink)!important}.fx-headN{fill:var(--doc-red)!important}.fx-legend{color:var(--doc-muted)!important;border-color:var(--doc-rule)!important}
.deliverable-compact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end}
.deliverable-compact-sheet{background:var(--doc-paper);color:var(--doc-ink);border:1px solid var(--doc-rule);border-radius:14px;padding:22px}
.deliverable-compact-head{display:flex;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--doc-rule);font:11px var(--mono);color:var(--doc-muted);text-transform:uppercase}
.deliverable-mini-flow{display:grid;justify-items:stretch;max-width:540px;margin:20px auto 0}.deliverable-mini-flow div{display:grid;grid-template-columns:44px 1fr;gap:10px;border:1px solid var(--doc-green);border-radius:8px;padding:11px 13px;background:#fff}.deliverable-mini-flow div.is-decision{border-color:var(--doc-amber);background:#FBF3D6}.deliverable-mini-flow b{font:600 12px var(--mono);color:var(--doc-green)}.deliverable-mini-flow i{text-align:center;font-style:normal;color:var(--doc-green);font-size:22px;line-height:1.2}.deliverable-compact-note{margin-top:16px;color:var(--doc-muted);font-size:14px}
.diagram-open{display:none;margin-top:14px;min-height:44px;padding:10px 14px;border:1px solid var(--accent);border-radius:999px;background:transparent;color:var(--accent);font-weight:650;cursor:pointer}
.diagram-dialog{width:min(96vw,900px);height:min(90vh,900px);border:0;border-radius:16px;padding:50px 18px 18px;background:var(--surface);color:var(--text)}.diagram-dialog::backdrop{background:rgba(0,0,0,.68)}.diagram-dialog-close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:var(--text);font-size:30px;cursor:pointer}.diagram-dialog-body{height:100%;overflow:auto}.diagram-dialog .ex-fig{display:block!important;min-width:700px;max-width:none}
@media(max-width:760px){.deliverable-compact{grid-template-columns:1fr}.deliverable-full .ex-fig{display:block}.diagram-open{display:none}.deliverable-full{grid-template-columns:1fr}}