@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@500;700&family=Gochi+Hand&family=Inter:wght@400;500;600;700&display=swap");
/* ekston.ch theme layer for the interactive pages (ekston-illustrative).
   One file for all interactives. Each page links it after its own styles and sets
   <html data-theme="light" data-app="..."> to pick its section. Light only, like the site.
   Source: Blog project. See the Workplace architecture register, "Interactive copy procedure". */

/* ---- Sovereign Workplace Map (data-app="sovereign-map") ---- */
:root[data-app="sovereign-map"]{color-scheme:light;
 --bg:#FAF4E8;--surface:#FFFDF7;--ink:#1B2A3A;--muted:#4F5D6B;--line:rgba(27,42,58,.22);--line-soft:rgba(27,42,58,.1);
 --gap:#C8462B;--gap-soft:rgba(232,90,60,.16);--ok:#2E7A6C;--ok-soft:rgba(46,122,108,.13);--gap1:#B0701A;--gap1-soft:rgba(246,201,69,.3);
 --accent:#1E5AA8;--accent-soft:rgba(143,184,230,.3);--dep:#0E3B78;
 --f-display:"Caveat","Gochi Hand",cursive;--f-body:"Inter",ui-sans-serif,system-ui,sans-serif}
:root[data-app="sovereign-map"] body{background-color:#FAF4E8;background-image:radial-gradient(circle,rgba(27,42,58,.11) 0 1px,transparent 1.4px),radial-gradient(circle at 20% 10%,rgba(30,90,168,.045),transparent 40%),radial-gradient(circle at 85% 30%,rgba(232,90,60,.04),transparent 45%);background-size:22px 22px,auto,auto}
:root[data-app="sovereign-map"] .panel{border:1.5px solid var(--line);border-radius:6px;background:var(--surface);box-shadow:2px 3px 0 rgba(27,42,58,.06)}
:root[data-app="sovereign-map"] h1{font-family:var(--f-display);font-weight:700;font-size:clamp(44px,6.5vw,72px);line-height:.95;letter-spacing:0;color:var(--ink)}
:root[data-app="sovereign-map"] h2,:root[data-app="sovereign-map"] details summary{font-family:var(--f-display);font-weight:700;font-size:30px;line-height:1;color:var(--dep)}
:root[data-app="sovereign-map"] .num{background:var(--gap);color:#fff;font-family:var(--f-display);font-size:19px;font-weight:700;width:28px;height:28px;transform:rotate(-4deg)}
:root[data-app="sovereign-map"] .chip{border:1.5px solid var(--ink);background:transparent}
:root[data-app="sovereign-map"] .chip[aria-pressed="true"]{background:var(--accent);border-color:#0E3B78;color:#fff;box-shadow:none}
:root[data-app="sovereign-map"] .chip.tog[aria-pressed="true"]{background:var(--accent);border-color:#0E3B78;color:#fff;box-shadow:none}
:root[data-app="sovereign-map"] .chip.tog[aria-pressed="true"]::before{color:#fff}
:root[data-app="sovereign-map"] .verdict{font-family:var(--f-body);font-weight:600;font-size:17px}
:root[data-app="sovereign-map"] .next{background:rgba(246,201,69,.22);border-left:4px solid #E85A3C}
:root[data-app="sovereign-map"] .tile{background:var(--surface);border:1.5px solid var(--line);border-left:5px solid var(--c);border-radius:6px}
:root[data-app="sovereign-map"] .more,:root[data-app="sovereign-map"] .ghost{border:1.5px solid var(--ink);border-radius:999px;background:transparent}
:root[data-app="sovereign-map"] .more:hover,:root[data-app="sovereign-map"] .ghost:hover,:root[data-app="sovereign-map"] footer a:hover{color:#C8462B}
:root[data-app="sovereign-map"] a{color:#0E3B78}
:root[data-app="sovereign-map"]{--sk-box:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><path d='M2 3 Q 20 2, 50 3 T 98 4 Q 97 25, 98 50 T 97 97 Q 70 98, 50 97 T 2 98 Q 3 70, 2 50 T 3 3 Z' fill='none' stroke='%231B2A3A' stroke-width='0.6' stroke-linejoin='round' stroke-linecap='round' vector-effect='non-scaling-stroke'/></svg>");--sk-box-dash:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><path d='M2 3 Q 20 2, 50 3 T 98 4 Q 97 25, 98 50 T 97 97 Q 70 98, 50 97 T 2 98 Q 3 70, 2 50 T 3 3 Z' fill='none' stroke='%231E5AA8' stroke-width='1.2' stroke-linejoin='round' stroke-dasharray='5 4' vector-effect='non-scaling-stroke'/></svg>");--sk-pill:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'><path d='M4 6 Q 25 2, 50 4 T 96 5 Q 94 20, 96 35 Q 70 38, 50 36 T 4 35 Q 6 20, 4 6 Z' fill='none' stroke='%231B2A3A' stroke-width='1.2' stroke-linejoin='round' vector-effect='non-scaling-stroke'/></svg>");--sk-pill-blue:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'><path d='M4 6 Q 25 2, 50 4 T 96 5 Q 94 20, 96 35 Q 70 38, 50 36 T 4 35 Q 6 20, 4 6 Z' fill='%231E5AA8' stroke='%230E3B78' stroke-width='1.2' stroke-linejoin='round' vector-effect='non-scaling-stroke'/></svg>");--sk-pill-hover:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'><path d='M4 6 Q 25 2, 50 4 T 96 5 Q 94 20, 96 35 Q 70 38, 50 36 T 4 35 Q 6 20, 4 6 Z' fill='%23FFF4CC' stroke='%23E85A3C' stroke-width='1.4' stroke-linejoin='round' vector-effect='non-scaling-stroke'/></svg>");--sk-box-fill:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><path d='M2 3 Q 20 2, 50 3 T 98 4 Q 97 25, 98 50 T 97 97 Q 70 98, 50 97 T 2 98 Q 3 70, 2 50 T 3 3 Z' fill='%23FFFDF7' stroke='%231B2A3A' stroke-width='0.6' stroke-linejoin='round' stroke-linecap='round' vector-effect='non-scaling-stroke'/></svg>");--card:rgba(255,253,247,.82);--rule:rgba(27,42,58,.2);--bwash:rgba(143,184,230,.32);--cwash:rgba(232,90,60,.2);--ywash:rgba(246,201,69,.32);--mwash:rgba(46,122,108,.14);--hand:"Caveat","Gochi Hand",cursive;--hand-alt:"Gochi Hand","Caveat",cursive}
:root[data-app="sovereign-map"] .panel{position:relative;isolation:isolate;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
:root[data-app="sovereign-map"] .panel::before{content:"";position:absolute;top:-2.5%;bottom:-2.5%;left:-2%;right:-2%;z-index:-1;background:var(--sk-box-fill) center/100% 100% no-repeat;pointer-events:none}
:root[data-app="sovereign-map"] .tile,:root[data-app="sovereign-map"] .cost{position:relative;isolation:isolate;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
:root[data-app="sovereign-map"] .tile::before,:root[data-app="sovereign-map"] .cost::before{content:"";position:absolute;top:-2.5%;bottom:-2.5%;left:-2%;right:-2%;z-index:-1;background:var(--sk-box-fill) center/100% 100% no-repeat;pointer-events:none}
:root[data-app="sovereign-map"] .chip,:root[data-app="sovereign-map"] .chip.tog,:root[data-app="sovereign-map"] .more,:root[data-app="sovereign-map"] .ghost{border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--sk-pill) center/100% 100% no-repeat!important;color:#1B2A3A!important}
:root[data-app="sovereign-map"] .chip[aria-pressed="true"],:root[data-app="sovereign-map"] .chip.tog[aria-pressed="true"]{background-image:var(--sk-pill-blue)!important;color:#fff!important}
:root[data-app="sovereign-map"] .chip:not([aria-pressed="true"]):not(:disabled):hover,:root[data-app="sovereign-map"] .more:hover,:root[data-app="sovereign-map"] .ghost:hover{background-image:var(--sk-pill-hover)!important;color:#C8462B!important}
:root[data-app="sovereign-map"] .chip,:root[data-app="sovereign-map"] .more,:root[data-app="sovereign-map"] .ghost{padding:6px 15px!important}
:root[data-app="sovereign-map"] .more,:root[data-app="sovereign-map"] .ghost{font-family:var(--hand);font-size:21px;line-height:1.1}
:root[data-app="sovereign-map"] .chip.tog[aria-pressed="true"]::before{color:#fff}
:root[data-app="sovereign-map"] .lbl,:root[data-app="sovereign-map"] .prof .grp,:root[data-app="sovereign-map"] .scale .full{}
:root[data-app="sovereign-map"] .lbl,:root[data-app="sovereign-map"] .prof .grp{font-family:var(--hand-alt)!important;font-size:18px!important;letter-spacing:.02em!important;text-transform:none!important;color:#C8462B!important;font-weight:400!important}
:root[data-app="sovereign-map"] .lbl-note{font-family:var(--f-body)!important;font-size:12px!important;color:#4F5D6B!important}
:root[data-app="sovereign-map"] .plan th,:root[data-app="sovereign-map"] .prof .ph,:root[data-app="sovereign-map"] .intro th,:root[data-app="sovereign-map"] .intro tr.grp td{font-family:var(--hand)!important;font-size:20px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;color:#1B2A3A!important}
:root[data-app="sovereign-map"] .plan th,:root[data-app="sovereign-map"] .prof .ph{border-bottom:2px solid #1B2A3A!important;white-space:nowrap}
:root[data-app="sovereign-map"] .prof .ph{font-size:17px!important}
:root[data-app="sovereign-map"] .plan td,:root[data-app="sovereign-map"] .dr,:root[data-app="sovereign-map"] .intro td{border-bottom:1px dashed var(--rule)!important}
:root[data-app="sovereign-map"] .decision{border:0!important;border-left:4px solid #E85A3C!important;border-radius:0 6px 6px 0!important;background:rgba(246,201,69,.18)!important}
:root[data-app="sovereign-map"] .decision .lead{font-family:var(--f-body)!important;font-weight:600!important;font-size:17px!important}
:root[data-app="sovereign-map"] .decision .trade{border-top:1px dashed var(--rule)!important}
:root[data-app="sovereign-map"] .oc{font-family:var(--hand)!important;font-size:20px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;border:0!important;border-radius:3px!important;padding:0 10px!important;line-height:1.3;transform:rotate(-1.5deg)}
:root[data-app="sovereign-map"] .oc.implement{background:var(--bwash)!important;color:#0E3B78!important}
:root[data-app="sovereign-map"] .oc.prepare{background:var(--ywash)!important;color:#1B2A3A!important}
:root[data-app="sovereign-map"] .oc.document{background:#F4EBD6!important;color:#1B2A3A!important}
:root[data-app="sovereign-map"] .oc.stop{background:var(--cwash)!important;color:#1B2A3A!important}
:root[data-app="sovereign-map"] .oc.none{background:var(--mwash)!important;color:#2E7A6C!important}
:root[data-app="sovereign-map"] .tile{padding-left:16px!important}
:root[data-app="sovereign-map"] .tile::after{content:"";position:absolute;left:5px;top:12px;bottom:12px;width:4px;border-radius:2px;background:var(--c)}
:root[data-app="sovereign-map"] .tile h3,:root[data-app="sovereign-map"] .cost h3{font-family:var(--hand)!important;font-size:23px!important;font-weight:700!important;line-height:1.05!important;color:#0E3B78}
:root[data-app="sovereign-map"] .pill{font-family:var(--hand)!important;font-size:17px!important;letter-spacing:0!important;text-transform:none!important;padding:0 8px!important;border-radius:3px!important}
:root[data-app="sovereign-map"] .ok .pill{background:var(--mwash)!important}
:root[data-app="sovereign-map"] .part .pill{background:var(--ywash)!important;color:#7A4B0E!important}
:root[data-app="sovereign-map"] .open .pill{background:var(--cwash)!important;color:#A33A22!important}
:root[data-app="sovereign-map"] .tile .gc,:root[data-app="sovereign-map"] .st,:root[data-app="sovereign-map"] .scale b,:root[data-app="sovereign-map"] .prof .ph span,:root[data-app="sovereign-map"] .cap{font-family:var(--f-body)!important;letter-spacing:0!important}
:root[data-app="sovereign-map"] .strip .sc{border:1.5px dashed var(--rule)!important;border-radius:4px!important;background:transparent}
:root[data-app="sovereign-map"] .strip .sc.sep{border:1.5px dashed #1B2A3A!important;background:var(--bwash)!important}
:root[data-app="sovereign-map"] .strip .sc.part{border:1.5px dashed #B0701A!important;background:var(--ywash)!important}
:root[data-app="sovereign-map"] .strip .sc span{font-family:var(--hand)!important;font-size:15px!important;letter-spacing:0!important;text-transform:none!important}
:root[data-app="sovereign-map"] .strip .sc.sep span{color:#0E3B78!important}
:root[data-app="sovereign-map"] .scope input{border:1.5px dashed var(--rule)!important;border-radius:4px!important;background:var(--card)!important}
:root[data-app="sovereign-map"] .counts{font-family:var(--f-body)}
:root[data-app="sovereign-map"] .counts b{font-family:var(--hand);font-size:20px;font-weight:700;color:#0E3B78}
:root[data-app="sovereign-map"] details.panel{padding:16px}
:root[data-app="sovereign-map"] .bar i.f{background:#1B2A3A}
:root[data-app="sovereign-map"] .scope input{box-sizing:border-box}
:root[data-app="sovereign-map"] .strip .sc b{overflow-wrap:normal;hyphens:manual}
@media (max-width:480px){:root[data-app="sovereign-map"] .strip{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---- Workplace capability model (data-app="capability-model") ---- */
:root[data-app="capability-model"]{color-scheme:light;
 --bg:#FAF4E8;--surface:#FFFDF7;--fg:#1B2A3A;--muted:#4F5D6B;--line:rgba(27,42,58,.22);
 --ws:rgba(46,122,108,.12);--ws-line:#2E7A6C;--ws-ink:#1B2A3A;
 --ae:rgba(143,184,230,.28);--ae-line:#1E5AA8;--ae-ink:#1B2A3A;
 --cp:#F4EBD6;--cp-line:#5E6B78;--cp-ink:#1B2A3A;
 --ms:#1E5AA8;--ms-soft:rgba(143,184,230,.3);--mix:#B0701A;--mix-soft:rgba(246,201,69,.3);
 --f-ui:"Inter",ui-sans-serif,system-ui,sans-serif}
:root[data-app="capability-model"] body{background-color:#FAF4E8;background-image:radial-gradient(circle,rgba(27,42,58,.11) 0 1px,transparent 1.4px),radial-gradient(circle at 20% 10%,rgba(30,90,168,.045),transparent 40%),radial-gradient(circle at 85% 30%,rgba(232,90,60,.04),transparent 45%);background-size:22px 22px,auto,auto}
:root[data-app="capability-model"] .layer,:root[data-app="capability-model"] aside{border:1.5px solid var(--line);border-radius:6px;background:var(--surface);box-shadow:2px 3px 0 rgba(27,42,58,.06)}
:root[data-app="capability-model"] h1{font-family:"Caveat","Gochi Hand",cursive;font-weight:700;font-size:clamp(40px,5.5vw,60px);line-height:.98;color:var(--fg)}
:root[data-app="capability-model"] .layer h2,:root[data-app="capability-model"] .services h2,:root[data-app="capability-model"] aside h3{font-family:"Caveat","Gochi Hand",cursive;font-weight:700;font-size:28px;line-height:1;color:#0E3B78}
:root[data-app="capability-model"] .layer h2 small{font-family:"Inter",sans-serif}
:root[data-app="capability-model"] .eyebrow{font-family:"Gochi Hand","Caveat",cursive;font-size:19px;letter-spacing:.03em;text-transform:none;color:#C8462B;display:inline-block;transform:rotate(-1.2deg)}
:root[data-app="capability-model"] .views{border:1.5px solid var(--line);background:var(--surface)}
:root[data-app="capability-model"] .views button[aria-pressed="true"]{background:#1E5AA8;color:#fff}
:root[data-app="capability-model"] .opt button,:root[data-app="capability-model"] .chip{border:1.5px solid var(--fg);background:transparent}
:root[data-app="capability-model"] .opt button[aria-pressed="true"]{background:#1E5AA8;border-color:#0E3B78;color:#fff;box-shadow:none}
:root[data-app="capability-model"] a{color:#0E3B78}
:root[data-app="capability-model"]{--sk-box:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><path d='M2 3 Q 20 2, 50 3 T 98 4 Q 97 25, 98 50 T 97 97 Q 70 98, 50 97 T 2 98 Q 3 70, 2 50 T 3 3 Z' fill='none' stroke='%231B2A3A' stroke-width='0.6' stroke-linejoin='round' stroke-linecap='round' vector-effect='non-scaling-stroke'/></svg>");--sk-box-dash:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><path d='M2 3 Q 20 2, 50 3 T 98 4 Q 97 25, 98 50 T 97 97 Q 70 98, 50 97 T 2 98 Q 3 70, 2 50 T 3 3 Z' fill='none' stroke='%231E5AA8' stroke-width='1.2' stroke-linejoin='round' stroke-dasharray='5 4' vector-effect='non-scaling-stroke'/></svg>");--sk-pill:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'><path d='M4 6 Q 25 2, 50 4 T 96 5 Q 94 20, 96 35 Q 70 38, 50 36 T 4 35 Q 6 20, 4 6 Z' fill='none' stroke='%231B2A3A' stroke-width='1.2' stroke-linejoin='round' vector-effect='non-scaling-stroke'/></svg>");--sk-pill-blue:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'><path d='M4 6 Q 25 2, 50 4 T 96 5 Q 94 20, 96 35 Q 70 38, 50 36 T 4 35 Q 6 20, 4 6 Z' fill='%231E5AA8' stroke='%230E3B78' stroke-width='1.2' stroke-linejoin='round' vector-effect='non-scaling-stroke'/></svg>");--sk-pill-hover:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'><path d='M4 6 Q 25 2, 50 4 T 96 5 Q 94 20, 96 35 Q 70 38, 50 36 T 4 35 Q 6 20, 4 6 Z' fill='%23FFF4CC' stroke='%23E85A3C' stroke-width='1.4' stroke-linejoin='round' vector-effect='non-scaling-stroke'/></svg>");--sk-box-fill:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><path d='M2 3 Q 20 2, 50 3 T 98 4 Q 97 25, 98 50 T 97 97 Q 70 98, 50 97 T 2 98 Q 3 70, 2 50 T 3 3 Z' fill='%23FFFDF7' stroke='%231B2A3A' stroke-width='0.6' stroke-linejoin='round' stroke-linecap='round' vector-effect='non-scaling-stroke'/></svg>");--card:rgba(255,253,247,.82);--rule:rgba(27,42,58,.2);--bwash:rgba(143,184,230,.32);--cwash:rgba(232,90,60,.2);--ywash:rgba(246,201,69,.32);--mwash:rgba(46,122,108,.14);--hand:"Caveat","Gochi Hand",cursive;--hand-alt:"Gochi Hand","Caveat",cursive}
:root[data-app="capability-model"] .layer,:root[data-app="capability-model"] aside{position:relative;isolation:isolate;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
:root[data-app="capability-model"] .layer::before,:root[data-app="capability-model"] aside::before{content:"";position:absolute;top:-2.5%;bottom:-2.5%;left:-2%;right:-2%;z-index:-1;background:var(--sk-box-fill) center/100% 100% no-repeat;pointer-events:none}
:root[data-app="capability-model"] .opt button,:root[data-app="capability-model"] .views button,:root[data-app="capability-model"] .chip{border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--sk-pill) center/100% 100% no-repeat!important;color:#1B2A3A!important}
:root[data-app="capability-model"] .opt button[aria-pressed="true"],:root[data-app="capability-model"] .views button[aria-pressed="true"],:root[data-app="capability-model"] .chip.on,:root[data-app="capability-model"] .chip.pinned{background-image:var(--sk-pill-blue)!important;color:#fff!important}
:root[data-app="capability-model"] .opt button:not([aria-pressed="true"]):hover,:root[data-app="capability-model"] .views button:not([aria-pressed="true"]):hover,:root[data-app="capability-model"] .chip:not(.on):not(.pinned):hover{background-image:var(--sk-pill-hover)!important;color:#C8462B!important}
:root[data-app="capability-model"] .opt button,:root[data-app="capability-model"] .views button,:root[data-app="capability-model"] .chip{padding:5px 14px!important}
:root[data-app="capability-model"] .views{border:0!important;background:transparent!important;padding:0!important}
:root[data-app="capability-model"] .views button{font-family:var(--hand);font-size:21px!important;line-height:1.1}
:root[data-app="capability-model"] aside .kind,:root[data-app="capability-model"] .eyebrow{font-family:var(--hand-alt)!important;font-size:18px!important;letter-spacing:.02em!important;text-transform:none!important;color:#C8462B!important;font-weight:400!important}
:root[data-app="capability-model"] .cap .v{font-family:var(--hand)!important;font-size:16px!important;letter-spacing:0!important;text-transform:none!important}
:root[data-app="capability-model"] .cap{border-width:1.5px!important;border-radius:4px!important}
:root[data-app="capability-model"] .note{border-top:1px dashed var(--rule)!important}
:root[data-app="capability-model"]{--k2:rgba(27,42,58,.09);--k2l:rgba(27,42,58,.35);--k3:#4F5D6B;--k3l:#3A4A5B;--k3i:#FFFFFF}