/* ===== Licence to Act · the website ===== */
:root{--ink:#15171c;--sec:#5d6573;--navy:#16345e;--gold:#a07a2c;--gold2:#e6cb82;--cream:#f7f2e7;--line:#ddd6c6;--red:#a03838;--green:#2e7d4f;--cool:#1a6080;--paper:#fff;--card:#fafafa;--text:var(--ink)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--text);font-family:'Inter',system-ui,sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
body.paper-cream{--paper:#f7f2e7;--card:#fffdf8;--line:#e3dbc9}
body.paper-cool{--paper:#eef3f6;--card:#f7fafc;--line:#d3dee6}
body.paper-ledger{--paper:#fbf7ee;--card:#fffdf8;--line:#e6dcc4}
body.paper-sage{--paper:#eef3ee;--card:#f7faf7;--line:#d3e0d3}
body.paper-ink{--paper:#0f1a2b;--card:#17243a;--line:#2a3a55;--text:#e4e9f2;--sec:#aab6c8;--gold:#e6cb82;--navy:#c9d8e8;--cool:#7aafc4}
a{color:var(--navy);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif;line-height:1.12;letter-spacing:-.4px;margin:0 0 10px}
h1{font-size:40px}h2{font-size:26px;margin-top:34px}h3{font-size:20px}h4{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:700}
h1 em,h2 em{font-style:normal;color:var(--gold)}
p{margin:8px 0}
.kick{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:8px}
.paper-ink .kick{color:var(--gold2)}
.lead{font-size:19px;line-height:1.5;color:var(--sec);max-width:62ch}
.small{font-size:13.5px;color:var(--sec)}
.mono{font-family:'JetBrains Mono',monospace;font-size:.85em}
b{font-weight:600}

/* the top bar and the footer */
.top{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 28px;background:var(--paper);border-bottom:1px solid var(--line)}
.top .brand{display:flex;align-items:center;gap:10px;color:var(--text)}
.top .brand:hover{text-decoration:none}
.top .brand svg{display:block;height:34px;width:auto}
.top .brand span{font-family:'Space Grotesk',sans-serif;font-weight:500;color:var(--sec);font-size:13.5px;padding-top:4px}
.top nav{display:flex;gap:4px;flex-wrap:wrap}
.top nav a{font-family:'Space Grotesk',sans-serif;font-size:13.5px;font-weight:500;padding:5px 10px;border-radius:14px;color:var(--text)}
.top nav a:hover{background:var(--card);text-decoration:none}
.top nav a.on{background:var(--navy);color:#fff}
.paper-ink .top nav a.on{background:var(--gold);color:#0f1a2b}
.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px 28px 40px;border-top:1px solid var(--line);font-size:12.5px;color:var(--sec);margin-top:60px}
.foot a{color:var(--sec);text-decoration:underline}
main{min-height:60vh}

/* plain pages */
.plain{max-width:1100px;margin:0 auto;padding:48px 28px}
.plain.wide{max-width:1500px}
.ways{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 8px}
.ways a{border:1.5px solid var(--line);border-radius:12px;padding:12px 16px;background:var(--card);color:var(--text);font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15px}
.ways a:hover{border-color:var(--gold);text-decoration:none}

/* home */
.hero{max-width:1500px;margin:0 auto;padding:64px 28px 36px}
.hero h1{font-size:50px;max-width:22ch}.hero h1 em{display:block}
.hero .lead{max-width:62ch;font-size:19px}
.actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:24px 0 10px}
.btn{display:inline-block;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15.5px;padding:12px 20px;border-radius:10px;background:var(--navy);color:#fff}
.btn:hover{text-decoration:none;background:#0f2645}
.btn.alt{background:none;color:var(--navy);padding:12px 4px}
.support{font-size:13.5px;color:var(--sec);margin:0}
.mapsec{max-width:1500px;padding-top:28px;border-top:1.5px solid var(--line)}
.mapsec h2{font-size:30px}.mapsec h2 em{font-style:normal;color:var(--gold)}
.mapwrap{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px;align-items:start;margin-top:22px}
.routes{border-top:1.5px solid var(--line)}.routes h2,.godeeper h2{font-size:30px}
.route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:18px}
.route{border:1.5px solid var(--line);border-radius:16px;background:var(--card);padding:22px 24px 22px;display:flex;flex-direction:column;box-shadow:0 6px 24px rgba(22,52,94,.06)}
.route h3{font-size:21px;margin:0 0 8px}.route p{margin:0 0 18px;font-size:15.5px;line-height:1.55;color:var(--sec)}
.route .btn{margin-top:auto;align-self:flex-start}
.btn.line{background:none;color:var(--navy);border:1.5px solid var(--navy)}.btn.line:hover{background:var(--navy);color:#fff}
.godeeper{border-top:1.5px solid var(--line)}
.home .plain{max-width:1500px}
.deep-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}
.deep{display:flex;flex-direction:column;border:1.5px solid var(--line);border-radius:14px;background:var(--card);padding:18px 20px 16px;color:var(--text)}
.deep:hover{text-decoration:none;border-color:var(--gold)}
.deep h3{font-size:18px;margin:0 0 6px}.deep p{margin:0 0 14px;font-size:14.5px;line-height:1.5;color:var(--sec)}
.deep span{margin-top:auto;font-family:'Space Grotesk',sans-serif;font-weight:600;color:var(--navy);font-size:14.5px}
.guide-list{grid-template-columns:1fr;margin:18px 0 28px}
/* the home map: eighteen boxes, live */
.home-map{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 10px 40px rgba(22,52,94,.12);padding:16px 18px 14px;display:grid;grid-template-columns:minmax(0,1fr);gap:8px 10px;align-items:start;align-content:start}
.hm-head{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:2px}
.hm-head b{font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:700;color:var(--navy)}
.hm-head span{font-size:13.5px;line-height:1.45;color:var(--sec)}
.hm-law{grid-column:1/-1;font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sec);border:1px dashed var(--line);border-radius:8px;padding:5px 10px;text-align:center}
.hm-grid{display:grid;grid-template-columns:78px repeat(6,minmax(0,1fr));grid-auto-rows:min-content;gap:5px;min-width:0;align-content:start}
.hm-corner{}
.hm-ess,.hm-alt,.hm-box{font-family:inherit;text-align:left;cursor:pointer;border-radius:7px}
.hm-ess{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;line-height:1.2;color:var(--navy);padding:2px 4px 4px;border:0;border-bottom:2px solid var(--line);border-radius:0;background:none;display:flex;flex-direction:column;gap:2px}
.hm-ess span{font-size:10px;color:var(--gold);font-weight:700;letter-spacing:.1em}
.hm-alt{font-family:'Space Grotesk',sans-serif;font-size:11.5px;font-weight:700;color:var(--navy);display:flex;flex-direction:column;justify-content:center;gap:2px;padding:2px 6px 2px 2px;border:0;border-right:2px solid var(--line);border-radius:0;background:none}
.hm-ess:hover,.hm-alt:hover,.hm-ess.sel,.hm-alt.sel{background:#f4efe2}
.hm-alt span{font-weight:400;font-size:10px;color:var(--sec);line-height:1.25}
.hm-box{border:1px solid var(--line);border-radius:7px;background:#fbfaf6;padding:6px 6px 7px;font-size:10.5px;line-height:1.25;color:var(--sec);min-height:52px;transition:background .25s,border-color .25s,color .25s,box-shadow .25s}
.hm-box:hover{border-color:var(--gold)}
.hm-box.sel{box-shadow:0 0 0 2px var(--gold);background:#fff;color:var(--text)}
.hm-box i{display:block;font-style:normal;font-family:'JetBrains Mono',monospace;font-size:9.5px;color:var(--gold);margin-bottom:2px}
.home-map.lit .hm-box{opacity:.42}
.home-map.lit .hm-box.on{opacity:1;background:#fff;border-color:var(--pc,var(--navy));box-shadow:0 0 0 2px var(--pc,var(--navy));color:var(--text)}
.home-map.lit .hm-box.half{opacity:1;background:#fff;border-color:var(--pc,var(--navy));color:var(--text)}
.hm-side{grid-column:1/-1;font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sec);border:1px dashed var(--line);border-radius:8px;padding:5px 10px;text-align:center}
.hm-people{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px}
.hm-people .lab{font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sec);margin-right:4px}
.hm-p{font-family:'Space Grotesk',sans-serif;font-size:12.5px;font-weight:600;border:1.5px solid var(--line);border-radius:999px;padding:5px 11px;background:#fff;color:var(--text);cursor:pointer;transition:all .2s}
.hm-p:hover{border-color:var(--pc)}
.hm-p.on{background:var(--pc);border-color:var(--pc);color:#fff}
.hm-panel{border:1.5px solid var(--line);border-radius:16px;background:var(--card);padding:16px 18px 14px;min-height:360px;position:sticky;top:64px}
.hm-panel .k{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.hm-panel h3{font-size:21px;margin-bottom:8px}
.hm-panel p{font-size:14.5px;margin:0 0 9px;line-height:1.5}
.hm-panel dl{margin:0;font-size:14px}
.hm-panel dt{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--sec);margin-top:9px}
.hm-panel dd{margin:2px 0 0;line-height:1.45}
.hm-panel .hint{font-size:12.5px;color:var(--sec);margin-top:10px}
.hm-panel .hm-go{margin-top:14px;font-size:14.5px;padding:10px 16px}
.hm-panel h3{font-size:19px;line-height:1.25}
/* what is here */
.here{border-top:1.5px solid var(--line);max-width:1500px}
.here-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin-top:16px}
.here-item{border:1.5px solid var(--line);border-radius:14px;background:var(--card);padding:16px 20px 14px}
.here-item.wide{grid-column:1/-1}
.here-item h3{font-size:19px;margin:0 0 6px}
.here-item h3 a{color:var(--text)}
.here-item p{margin:0;font-size:15.5px;line-height:1.55;color:var(--sec)}
.here-item p a{color:var(--navy)}
.ch-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-top:12px}
.ch-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 10px;padding:9px 0;border-top:1px solid var(--line);color:var(--text)}
.ch-row:hover{text-decoration:none}.ch-row:hover b{color:var(--gold)}
.ch-row .num{grid-row:1/3;font-family:'Space Grotesk',sans-serif;font-size:30px;font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1.2px var(--gold)}
.ch-row .t{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.ch-row .t b{font-family:'Space Grotesk',sans-serif;font-size:16.5px}
.ch-row .t em{font-style:normal;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gold)}
.ch-row .learn{grid-column:2;font-size:14px;line-height:1.45;color:var(--sec)}

/* chapter pages */
.opener{max-width:1500px;margin:0 auto;padding:44px 28px 20px}
.opener .num{font-family:'Space Grotesk',sans-serif;font-size:96px;font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--gold);letter-spacing:-3px;margin-bottom:4px}
.opener h1{font-size:36px;max-width:1200px}
.opener-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px;align-items:start;margin-top:18px}
.summary p{font-size:17.5px;line-height:1.6;margin:0 0 14px;max-width:760px}
.summary p.key{font-family:'Space Grotesk',sans-serif;font-size:21px;font-weight:600;line-height:1.35;color:var(--text);border-left:4px solid var(--gold);padding:6px 0 6px 18px;margin:18px 0 0}
.toc{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.toc li a{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:9px 8px;border-bottom:1px solid var(--line);color:var(--text);border-radius:6px}
.toc li a:hover{background:var(--card);text-decoration:none}
.toc .n{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;color:var(--gold);text-align:right;padding-top:3px}
.toc b{display:block;font-family:'Space Grotesk',sans-serif;font-size:16.5px;font-weight:600;line-height:1.3}
.toc .t{display:block;font-size:14px;color:var(--sec);margin-top:2px;line-height:1.45}
.card{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:16px 20px;margin-bottom:14px}
.card ul{margin:0;padding-left:18px}.card li{margin:0 0 7px;font-size:15px}
.card p{font-size:14.5px;color:var(--sec);margin:0 0 8px}.card p:last-child{margin-bottom:0}
.case-sel{display:inline-flex;align-items:center;gap:10px;margin-top:22px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:14px}
.case-sel select{font:inherit;padding:6px 10px;border:1.5px solid var(--line);border-radius:10px;background:var(--card);color:var(--text)}
.case-strip{margin-top:10px}
.per-case{display:none}.per-case.on{display:block}span.per-case.on{display:inline}
.case-one{display:none;gap:14px;align-items:baseline;flex-wrap:wrap;border-left:4px solid var(--gold);padding:6px 14px;background:var(--card);border-radius:0 10px 10px 0}
.case-one.on{display:flex}
.case-one .lab{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sec)}
.case-one b{font-family:'Space Grotesk',sans-serif;font-size:17px}.case-one .dec{color:var(--sec)}

.read{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);min-width:0;gap:36px;max-width:1500px;margin:12px auto 0;padding:0 28px;align-items:start}
.stage{position:sticky;top:64px}
.frame{position:relative;width:100%;border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 8px 30px rgba(22,52,94,.14)}
.scaler{position:absolute;top:0;left:0;width:1440px;height:900px;transform-origin:0 0}
.scaler iframe{width:1440px;height:900px;border:0;display:block;background:#fff}
.bar{display:flex;gap:14px;align-items:center;padding:8px 4px 0;font-size:13px;color:var(--sec)}
.bar .pos{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--gold)}
.bar .ttl{flex:1;font-family:'Space Grotesk',sans-serif;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.text{padding:4px 0 40vh}
.nar{padding:26px 0 26px 22px;border-left:3px solid var(--line);margin-bottom:8px;transition:border-color .3s, opacity .3s;opacity:.55}
.nar.on{border-left-color:var(--gold);opacity:1}
.nar .pos{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;color:var(--gold);margin-bottom:6px}
.nar h3{font-size:21px;margin-bottom:8px}
.nar p{font-size:16.5px;line-height:1.6;margin:0 0 12px}.nar p:last-child{margin-bottom:0}
.next{max-width:1500px;margin:30px auto 0;padding:0 28px}
.next a{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:18px}
.paper-ink .frame{border-color:#2a3a55}

/* cases */
.case-page{max-width:1100px;margin:0 auto;padding:48px 28px}
.case-page h1{font-size:34px}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:start}
.tl{list-style:none;margin:8px 0;padding:0;border-left:2px solid var(--gold)}
.tl li{position:relative;padding:4px 0 6px 14px;font-size:15px}
.tl li::before{content:'';position:absolute;left:-6px;top:11px;width:10px;height:10px;border-radius:50%;background:var(--paper);border:2px solid var(--gold)}
.tl li i{color:var(--sec);font-style:normal;font-size:13.5px}
.poll{font-family:'Space Grotesk',sans-serif;font-size:19px;border-left:4px solid var(--gold);padding:8px 14px;background:var(--card);border-radius:0 10px 10px 0}
table{border-collapse:collapse;width:100%;margin:8px 0 14px;font-size:14.5px}
th{text-align:left;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--red);border-bottom:1.5px solid var(--text);padding:6px 8px;vertical-align:bottom}
td{border-bottom:1px solid var(--line);padding:6px 8px;vertical-align:top;line-height:1.45}
.kv td:first-child{font-family:'Space Grotesk',sans-serif;font-weight:600;width:170px;white-space:nowrap}
.readers td:first-child{width:200px}
/* the record of the two acts, field by field (C1, 11.10.2026) */
.rec14{font-size:13.5px;table-layout:fixed}.rec14 th{font-size:10.5px}.rec14 th .small{display:block;font-family:'Inter',system-ui,sans-serif;text-transform:none;letter-spacing:0;font-size:12px;color:var(--sec);margin-top:2px}
.rec14 td{font-size:13px;line-height:1.4;overflow-wrap:anywhere}.rec14 td:first-child{width:22%}.rec14 td:first-child b{font-family:'Space Grotesk',sans-serif;display:block}.rec14 td:first-child .small{display:block;font-size:12px;line-height:1.35}
.rec14 td.mono{font-size:12.5px}.rec14 tr.grp td{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold, #a07a2c);border-bottom:1.5px solid var(--gold, #a07a2c);padding-top:14px}
.rec14 tr.hl td{background:var(--card)}.rec14 .cl{display:block;margin-bottom:3px}.rec14 .cl:last-child{margin-bottom:0}.rec14 .cl i{font-style:normal;color:var(--red)}.rec14 .cl em{font-style:normal;color:var(--gold, #a07a2c);font-weight:600;font-size:11px;margin-right:4px}
.law td.mono{white-space:nowrap}.law tr.off td{color:var(--sec);text-decoration:line-through}.law tr.off td:last-child{text-decoration:none}
.notes li{font-size:13.5px;color:var(--sec);margin-bottom:6px}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}
.case-card{display:flex;flex-direction:column;gap:4px;border:1.5px solid var(--line);border-radius:14px;padding:18px 18px 16px;background:var(--card);color:var(--text)}
.case-card:hover{border-color:var(--gold);text-decoration:none}
.case-card .lab{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sec)}
.case-card b{font-family:'Space Grotesk',sans-serif;font-size:20px}.case-card .dec{color:var(--gold);font-weight:600}.case-card .set{font-size:13.5px;color:var(--sec);margin-top:6px;line-height:1.45}

/* the workshop page */
h3.sub{margin-top:18px;font-size:16px;color:var(--sec)}
.kit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:12px 0 10px}
.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0 6px}
.role-card{border:1.5px solid var(--line);border-radius:14px;padding:16px 18px;background:var(--card);display:flex;flex-direction:column}
.role-card h3{font-size:17px;line-height:1.3}.role-card .time{font-family:'Space Grotesk',sans-serif;font-size:13px;color:var(--gold);font-weight:600;margin:4px 0 8px}
.role-card ol{margin:0 0 10px 18px;padding:0;font-size:14.5px;line-height:1.5;color:var(--text)}.role-card ol li{margin:0 0 6px}.role-card p.small{margin-top:auto;font-size:13px;color:var(--sec)}
@media (max-width:1100px){.role-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.role-grid{grid-template-columns:1fr}}
.kit-card{border:1.5px solid var(--line);border-radius:14px;padding:16px 18px;background:var(--card);display:flex;flex-direction:column}
.kit-card h3{font-size:18px}.kit-card p{font-size:14px;color:var(--sec);flex:1}
.kit-card .links{display:flex;gap:10px;margin-top:10px}
.kit-card .links a{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:14px;border:1.5px solid var(--line);border-radius:10px;padding:5px 12px}
.kit-card .links a:hover{border-color:var(--gold);text-decoration:none}
.steps{padding-left:22px}.steps li{margin:0 0 8px;font-size:15.5px}

/* the sources page */
.reg{font-size:13.5px}.reg th{white-space:nowrap}.reg td:first-child{white-space:nowrap;font-family:'JetBrains Mono',monospace;font-size:12px}
.sources h2{margin-top:40px}.sources .li{padding-left:18px;position:relative}.sources .li::before{content:'·';position:absolute;left:4px;color:var(--gold)}

/* the explorer page */
.explorer-page main{min-height:0}
.full{height:calc(100vh - 54px);width:100%}
.full iframe{width:100%;height:100%;border:0;display:block}
.explorer-page .foot{display:none}

@media (max-width:1100px){.read{grid-template-columns:minmax(0,1fr)}.two{grid-template-columns:minmax(0,1fr)}.stage{position:sticky;top:54px;z-index:5;background:var(--paper);padding-bottom:8px}.hero h1{font-size:38px}.mapwrap{grid-template-columns:1fr}.route-grid{grid-template-columns:1fr}.deep-grid{grid-template-columns:1fr 1fr}.hm-panel{position:static;min-height:0}.ch-list{grid-template-columns:1fr}.two{grid-template-columns:1fr}.case-grid,.kit-grid{grid-template-columns:1fr 1fr}.opener-grid{grid-template-columns:1fr}}
@media (max-width:640px){.deep-grid{grid-template-columns:1fr}.home-map{padding:10px}.top .brand svg{height:28px}.top .brand span{display:none}.hm-grid{grid-template-columns:52px repeat(6,minmax(0,1fr));gap:3px}.hm-box{font-size:0;min-height:30px;padding:4px}.hm-box i{font-size:9px}.hm-ess{font-size:0}.hm-ess span{font-size:10px}.hm-alt{font-size:10px}.hm-alt span{display:none}.hm-side{grid-column:1/-1;font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sec);border:1px dashed var(--line);border-radius:8px;padding:5px 10px;text-align:center}.home-map{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){body{font-size:16px}.top{position:static;flex-direction:column;align-items:flex-start;gap:6px}.stage{top:0}table{display:block;overflow-x:auto;max-width:100%}.kv td:first-child{white-space:normal;width:auto}.law td.mono{white-space:normal}.reg td:first-child{white-space:normal}.top{padding:8px 16px}.top .brand span{display:none}.plain,.opener,.read,.next,.case-page{padding-left:16px;padding-right:16px}h1,.opener h1{font-size:28px}.opener .num{font-size:64px}.case-grid,.kit-grid,.here-grid{grid-template-columns:1fr}.here-item.wide{grid-column:auto}.nar{padding-left:14px}.nar p{font-size:15.5px}.foot{padding:20px 16px 30px}}

/* deeper, at the end of a chapter */
.deeper{max-width:980px;margin:36px auto 0;padding:18px 22px;border:1.5px dashed var(--line);border-radius:14px;background:var(--card)}
.deeper b{display:block;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.deeper ul{margin:0;padding-left:18px}.deeper li{font-size:15px;line-height:1.5;color:var(--sec);margin:4px 0}
.deeper .small{margin:10px 0 0}
/* the thinking page */
.think-list{display:flex;flex-direction:column;gap:12px;margin:14px 0 8px}
.think{display:grid;grid-template-columns:52px 1fr;gap:14px;border:1.5px solid var(--line);border-radius:14px;background:var(--card);padding:14px 18px}
.think .n{font-family:'Space Grotesk',sans-serif;font-size:30px;font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1.2px var(--gold)}
.think.stack{grid-template-columns:130px 1fr}
.think.reads{grid-template-columns:minmax(0,1fr)}
.think .n.lab{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);-webkit-text-stroke:0;line-height:1.3;padding-top:4px}
.think b{font-family:'Space Grotesk',sans-serif;font-size:17px;display:block}
.think .by{display:block;font-size:12.5px;color:var(--sec);margin:3px 0 6px;font-family:'JetBrains Mono',monospace}
.think p{margin:0;font-size:15px;line-height:1.5;color:var(--sec)}
@media (max-width:640px){.think{grid-template-columns:1fr}.think .n{font-size:22px}}


.deep-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.deep span a{color:var(--navy)}
@media (max-width:1100px){.deep-grid.five{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.deep-grid.five{grid-template-columns:minmax(0,1fr)}}

/* the home map in the explorer's looks (12.10.2026): the essentials' colours (map.js TH), the phases, the rows' verbs, authority and evidence */
.home-map{--c1:#6b4c9a;--c2:#2e7d4f;--c3:#16345e;--cool:#1d5f7d;--orange:#c46a1c;--t1:#f3eff8;--t2:#eef5f0;--t3:#edf1f6}
.hm-flow{grid-column:1/-1;display:grid;grid-template-columns:22px minmax(0,1fr) 22px;gap:8px;align-items:stretch}
.hm-mid{display:grid;gap:8px;min-width:0}
.hm-arrow{position:relative;display:flex;align-items:center;justify-content:center}
.hm-arrow::before{content:'';position:absolute;top:4px;bottom:10px;left:50%;width:2.5px;margin-left:-1.25px;background:var(--a)}
.hm-arrow::after{content:'';position:absolute;left:50%;margin-left:-6px;border-left:6px solid transparent;border-right:6px solid transparent}
.hm-arrow.down{--a:var(--c3)}.hm-arrow.down::after{bottom:0;border-top:10px solid var(--a)}
.hm-arrow.up{--a:var(--orange)}.hm-arrow.up::before{top:10px;bottom:4px}.hm-arrow.up::after{top:0;border-bottom:10px solid var(--a)}
.hm-arrow span{position:relative;writing-mode:vertical-rl;font-family:'Space Grotesk',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--a);background:#fff;padding:8px 0}
.hm-arrow.down span{transform:rotate(180deg)}
.hm-law,.hm-side{text-transform:none;letter-spacing:0;font-family:'Inter',sans-serif;font-size:12px;color:var(--sec);border-style:solid;text-align:left;padding:6px 12px}
.hm-law{background:#fbf8f1;border-color:var(--gold)}.hm-law b{color:var(--gold);text-transform:uppercase;letter-spacing:.1em;font-size:11px;margin-right:4px}
.hm-side{background:#fff;border-color:#c9c3b6}.hm-side b{color:var(--ink);text-transform:uppercase;letter-spacing:.1em;font-size:11px;margin-right:4px}
.hm-phase{font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);text-align:center;border-bottom:1.3px solid var(--gold);line-height:1;padding:0 0 4px;margin:0 3px 2px}
.hm-ess{border-bottom:0;padding:2px 4px 3px}
.hm-ess b{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}
.hm-ess em{font-family:'Inter',sans-serif;font-size:10.5px;font-style:italic;font-weight:400;color:var(--sec)}
.hm-ess.c1 b{color:var(--c1)}.hm-ess.c2 b{color:var(--c2)}.hm-ess.c3 b{color:var(--c3)}
.hm-alt b{font-size:12.5px;text-transform:uppercase;letter-spacing:.06em}.hm-alt span{text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-size:9.5px}
.hm-alt.re b{color:var(--sec)}.hm-alt.rw b,.hm-alt.rw span{color:var(--gold)}.hm-alt.rp b{color:var(--cool)}
.hm-alt.re{border-right-color:#c9c3b6}.hm-alt.rw{border-right-color:var(--gold)}.hm-alt.rp{border-right-color:var(--cool)}
.hm-box{background:#fff;color:var(--ink);font-weight:600;font-size:11px;position:relative}
.hm-box.c1{background:var(--t1)}.hm-box.c2{background:var(--t2)}.hm-box.c3{background:var(--t3)}
.hm-box.rw{border-color:#d8c58f}.hm-box.rp{border-color:#b9cdd6}
.hm-box.rw.c4,.hm-box.rw.c5,.hm-box.rw.c6{background:#fbf8f1}
.hm-box.c4{border:1.3px dashed #d9a26a;background:#fffaf3}
.hm-box.c1::before,.hm-box.c2::before,.hm-box.c3::before{content:'';position:absolute;left:8px;right:40%;top:-1px;height:2.5px;border-radius:2px}
.hm-box.c1::before{background:var(--c1)}.hm-box.c2::before{background:var(--c2)}.hm-box.c3::before{background:var(--c3)}
.hm-box i{font-weight:400}
@media (max-width:640px){.hm-flow{grid-template-columns:minmax(0,1fr)}.hm-arrow{display:none}.hm-phase{font-size:0;border-bottom-width:2px}.hm-ess em{display:none}.hm-ess b{font-size:0}}
/* the hero with its side box (12.10.2026) */
.hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:48px;align-items:end}
.hero-side{border:1.5px solid var(--line);border-radius:14px;background:var(--card);padding:18px 22px 16px;font-size:14.5px;line-height:1.5;color:var(--sec)}
.hero-side h2{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 6px}
.hero-side h2+p,.hero-side ul+h2{margin-top:0}.hero-side ul+h2{margin-top:14px}
.hero-side p{margin:0 0 8px}
.ev{list-style:none;margin:0;padding:0}.ev li{display:grid;grid-template-columns:76px minmax(0,1fr);gap:0 12px;padding:7px 0;border-top:1px solid var(--line)}
.ev .d{grid-row:1/3;font-family:'Space Grotesk',sans-serif;font-weight:700;color:var(--navy)}.ev b{color:var(--ink)}.ev .w{grid-column:2;font-size:13px}
@media (max-width:1100px){.hero{grid-template-columns:minmax(0,1fr);gap:24px}}
.hm-grid{grid-template-columns:92px repeat(6,minmax(0,1fr))}
.hm-alt b{font-size:11px;letter-spacing:.03em}
.hm-ess b{font-size:10.5px;letter-spacing:.04em;line-height:1.15}
.hm-ess em{font-size:10px;line-height:1.2}
@media (max-width:640px){.hm-grid{grid-template-columns:52px repeat(6,minmax(0,1fr))}}
.hm-ess .n{display:none}
@media (max-width:640px){
 .hm-ess b,.hm-ess em{display:none}.hm-ess .n{display:block;font-size:11px;font-weight:700;letter-spacing:0}
 .hm-ess.c1 .n{color:var(--c1)}.hm-ess.c2 .n{color:var(--c2)}.hm-ess.c3 .n{color:var(--c3)}.hm-ess.c4 .n,.hm-ess.c5 .n,.hm-ess.c6 .n{color:var(--ink)}
 .hm-box{font-size:0;min-height:32px;padding:4px}.hm-box i{font-size:9px}
 .hm-alt b{font-size:9px;letter-spacing:0}.hm-alt span{display:none}
 .hm-phase{font-size:0;padding:0;margin:0 2px 2px}
}
@media (max-width:640px){.hm-grid{grid-template-columns:62px repeat(6,minmax(0,1fr))}.hm-alt b{font-size:8.5px}}
@media (max-width:640px){.hm-alt b{letter-spacing:-.02em}.hm-alt{padding-right:3px}}

/* the home map invites the click (site v13): a pulsing call to action, and the lenses lighting the map in turn */
.hm-head .hm-cta{display:inline-flex;align-items:center;gap:9px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--navy);border-radius:999px;padding:6px 15px 6px 12px;line-height:1.2}
.hm-cta i{width:9px;height:9px;border-radius:50%;background:var(--gold2);animation:hmPulse 1.8s ease-out infinite}
.home-map.used .hm-cta i{animation:none}
@keyframes hmPulse{0%{box-shadow:0 0 0 0 rgba(230,203,130,.85)}70%{box-shadow:0 0 0 10px rgba(230,203,130,0)}100%{box-shadow:0 0 0 0 rgba(230,203,130,0)}}
.hm-box{transition:opacity .45s,box-shadow .45s,background .45s,border-color .45s}
.hm-p.tour{background:var(--pc);border-color:var(--pc);color:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--pc) 22%,transparent)}
.hm-people .lab{min-width:118px}
.hm-tour{grid-column:1/-1;font-size:13px;color:var(--sec);margin:4px 0 0;min-height:1.5em}
.hm-tour:empty{display:none}
@media (prefers-reduced-motion:reduce){.hm-cta i{animation:none}.hm-box{transition:none}}
@media (max-width:640px){.hm-people .lab{min-width:0;flex-basis:100%}}

/* site v14 · the top bar, larger and clear of the mark */
.top{padding:12px 28px;gap:24px}
.top .brand{gap:14px;min-width:0}
.top .brand svg{height:44px;width:auto;flex:none;overflow:visible}
.top .brand span{font-size:15.5px;font-weight:500;color:var(--navy);white-space:nowrap;padding-top:6px;letter-spacing:.01em}
.top nav{gap:2px;flex-wrap:nowrap}
.top nav a{font-size:14.5px;padding:6px 11px;white-space:nowrap}
@media (max-width:1180px){.top{flex-wrap:wrap}.top nav{flex-wrap:wrap}}
@media (max-width:640px){.top{position:static;flex-direction:column;align-items:flex-start;gap:8px;padding:10px 16px}.top .brand svg{height:36px}.top .brand span{display:block;font-size:13px;white-space:normal}.top nav{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:4px;-webkit-overflow-scrolling:touch}.top nav a{font-size:13.5px;padding:5px 9px}}
.caps{text-transform:uppercase;letter-spacing:.04em;color:var(--gold)}

/* site v14 · what's on, beside the title */
.hero{align-items:start}
.hero-side.cal{padding:16px 18px 12px;display:flex;flex-direction:column;gap:10px;max-width:520px;justify-self:end;width:100%}
.cal-hd{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.cal-hd h2{margin:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.cal-sub{font-size:12.5px;color:var(--sec)}
.cal-month{display:flex;align-items:center;justify-content:space-between}
.cal-month b{font-family:'Space Grotesk',sans-serif;font-size:15px;color:var(--navy)}
.cal-nav{border:1px solid var(--line);background:#fff;border-radius:50%;width:26px;height:26px;line-height:22px;font-size:17px;cursor:pointer;color:var(--navy);padding:0}
.cal-nav:hover{border-color:var(--navy)}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center;font-family:'Space Grotesk',sans-serif;font-size:12px}
.cal-grid .wd{font-size:10px;letter-spacing:.08em;color:var(--sec);padding-bottom:2px}
.cal-grid .day{padding:4px 0;border-radius:7px;color:var(--text)}
.cal-grid .today{box-shadow:inset 0 0 0 1.5px var(--navy)}
.cal-grid .has{color:#fff;font-weight:700;cursor:default;background:var(--kc,#16345e);animation:calPop 2.8s ease-in-out infinite}
@keyframes calPop{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.k-focussession{--kc:#6b4c9a}.k-workshop{--kc:#2e7d4f}.k-training{--kc:#c46a1c}.k-conference{--kc:#a03838}.k-briefing{--kc:#16345e}
.cal-next{border-radius:12px;padding:10px 14px;background:var(--navy);color:#fff}
.cal-next .lab{display:block;font-family:'Space Grotesk',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold2)}
.cal-next b{display:block;font-family:'Space Grotesk',sans-serif;font-size:16px;line-height:1.3;margin:3px 0 2px}
.cal-next .meta{font-size:12.5px;opacity:.85}
.cal-run{height:186px;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)}
.cal-list{list-style:none;margin:0;padding:0;animation:calRun var(--dur,40s) linear infinite}
.cal-run:hover .cal-list{animation-play-state:paused}
@keyframes calRun{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.cal-list li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;padding:7px 0;border-top:1px solid var(--line);align-items:start}
.cal-list .dd{font-family:'Space Grotesk',sans-serif;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--sec);text-align:center;border-left:3px solid var(--kc);border-radius:2px}
.cal-list .dd b{display:block;font-size:18px;line-height:1;color:var(--kc)}
.cal-list .tx i{display:block;font-style:normal;font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--kc)}
.cal-list .tx b{display:block;font-size:13.5px;line-height:1.3;color:var(--ink);font-weight:600}
.cal-list .tx em{font-style:normal;font-size:12px;color:var(--sec)}
.cal-foot{margin:0;font-size:11.5px;color:var(--sec)}
@media (prefers-reduced-motion:reduce){.cal-list{animation:none}.cal-grid .has{animation:none}.cal-run{height:auto;max-height:260px;overflow-y:auto}}
@media (max-width:1100px){.hero-side.cal{justify-self:stretch;max-width:none}}
/* the calendar in two columns: the month on the left, the next event and the running list on the right */
.hero-side.cal{max-width:600px;gap:8px}
.cal-body{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;align-items:start}
.cal-month b{font-size:13.5px}.cal-nav{width:22px;height:22px;line-height:18px;font-size:15px}
.cal-grid{gap:2px;font-size:11px;margin-top:6px}.cal-grid .day{padding:3px 0;border-radius:5px}.cal-grid .wd{font-size:9px}
.cal-key{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:8px;font-size:10.5px;color:var(--sec)}
.cal-key span::before{content:'';display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--kc);margin-right:4px;vertical-align:-1px}
.cal-next{padding:9px 12px}.cal-next b{font-size:14.5px}
.cal-run{height:150px;margin-top:6px}
@media (max-width:640px){.cal-body{grid-template-columns:1fr}.cal-run{height:180px}}
.hm-people .lab{min-width:100px}.hm-p{padding:5px 10px}

/* site v15 · Go deeper: a colour and a picture per card */
.dz{--dc:#16345e;--dt:rgba(22,52,94,.07);position:relative;overflow:hidden;padding:0 0 16px;border-top:4px solid var(--dc);transition:transform .25s,box-shadow .25s,border-color .25s}
.dz:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(22,52,94,.12);border-color:var(--dc)}
.dz .viz{height:96px;background:var(--dt);display:flex;align-items:center;justify-content:center;padding:12px 16px;margin-bottom:12px}
.dz .meta,.dz h3,.dz p,.dz .go{padding:0 20px}
.dz .meta{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--dc);margin-bottom:6px}
.dz h3{color:var(--ink)}
.dz .go,.dz .go a{color:var(--dc)}
.c-guide{--dc:#16345e;--dt:rgba(22,52,94,.07)}.c-cases{--dc:#2e7d4f;--dt:rgba(46,125,79,.08)}.c-work{--dc:#c46a1c;--dt:rgba(196,106,28,.08)}.c-rm{--dc:#6b4c9a;--dt:rgba(107,76,154,.08)}.c-res{--dc:#a07a2c;--dt:rgba(160,122,44,.09)}
.dz .tabs{display:flex;align-items:flex-end;gap:5px;height:100%}
.dz .tabs i{font-style:normal;width:24px;height:var(--h);border-radius:4px 4px 2px 2px;background:var(--dc);color:#fff;font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:700;display:flex;align-items:flex-start;justify-content:center;padding-top:5px;opacity:.88;transition:transform .25s}
.dz .tabs i:last-child{background:#6b4c9a}
.dz:hover .tabs i{transform:translateY(-4px)}.dz:hover .tabs i:nth-child(2n){transform:translateY(-1px)}
.dz .sectors{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}
.dz .sectors i{font-style:normal;font-family:'Space Grotesk',sans-serif;font-size:11.5px;font-weight:600;color:var(--dc);border:1.5px solid var(--dc);background:#fff;border-radius:999px;padding:3px 9px}
.dz .sectors i:nth-child(1){background:var(--dc);color:#fff}
.dz .marks{display:grid;grid-template-columns:repeat(6,16px);gap:4px}
.dz .marks i{width:16px;height:16px;border-radius:3px;border:1.3px solid rgba(196,106,28,.45);background:#fff}
.dz .marks .m1{background:rgba(196,106,28,.25)}.dz .marks .m2{background:rgba(196,106,28,.55)}.dz .marks .m3{background:var(--dc);border-color:var(--dc)}
.dz:hover .marks i{animation:dzMark 1.2s ease-in-out}
@keyframes dzMark{50%{transform:scale(.8)}}
.dz .stair svg{width:150px;height:80px}
.dz .stair .gr path{fill:none;stroke:rgba(107,76,154,.45);stroke-width:1.2}
.dz .stair .ok{fill:rgba(107,76,154,.18)}
.dz .stair .ln{fill:none;stroke:var(--dc);stroke-width:3;stroke-linejoin:round}
.dz .stair text{font-family:'Space Grotesk',sans-serif;font-size:9px;font-weight:700;fill:var(--dc)}
.dz .papers{position:relative;width:96px;height:72px}
.dz .papers i{position:absolute;width:56px;height:66px;border-radius:4px;background:#fff;border:1.5px solid rgba(160,122,44,.55);box-shadow:0 2px 4px rgba(0,0,0,.05);background-image:repeating-linear-gradient(to bottom,transparent 0 9px,rgba(160,122,44,.35) 9px 10.5px);background-size:70% 100%;background-repeat:no-repeat;background-position:8px 12px;transition:transform .3s}
.dz .papers i:nth-child(1){left:0;top:6px;transform:rotate(-8deg)}.dz .papers i:nth-child(2){left:20px;top:2px;transform:rotate(-1deg)}.dz .papers i:nth-child(3){left:40px;top:4px;transform:rotate(7deg);border-color:var(--dc)}
.dz:hover .papers i:nth-child(1){transform:rotate(-14deg) translateX(-4px)}.dz:hover .papers i:nth-child(3){transform:rotate(13deg) translateX(4px)}
@media (prefers-reduced-motion:reduce){.dz,.dz *{transition:none!important;animation:none!important}}
/* site v16 (P6, 13.10.2026) · Build in the navigation, scrolling inside the header on a phone; the map straight under the headline;
   the joins on the home map and the Build lens; the sixth card; what's on at the foot */
@media (max-width:640px){.top{max-width:100%;overflow-x:clip}.top nav{width:100%;min-width:0;max-width:100%;overflow-x:auto;flex-wrap:nowrap;overscroll-behavior-x:contain}}
.home .hero{grid-template-columns:minmax(0,1fr);padding-top:34px;padding-bottom:10px}
.home .hero .lead{max-width:84ch;margin-bottom:0}
.home .mapsec{padding-top:16px}
.home .mapsec h2{margin-top:0;margin-bottom:6px}
.home .mapsec .intro{margin:0 0 12px}
.hm-grid{position:relative}
.hm-box.built{border:2.5px solid #c46a1c}
.hm-joins{position:absolute;left:0;top:0;pointer-events:none;overflow:visible;z-index:1}
.hm-joins path{fill:none;stroke:#c46a1c;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.home-map.lit .hm-joins{opacity:.42}
.hm-head .hm-key{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--sec)}
.hm-key i{display:inline-block;width:18px;height:11px;border-radius:3px;border:1.3px solid #c9c3b6;background:#fff}
.hm-key i.kb{border:2.5px solid #c46a1c}
.hm-key i.kp{margin-left:8px}
.hm-box .bl{display:none}
.home-map.lens-build .hm-box .nm{display:none}
.home-map.lens-build .hm-box .bl{display:block}
.hm-box .bl code{display:block;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:600;line-height:1.25;color:var(--navy);overflow-wrap:anywhere}
.hm-box .bl code.no{font-weight:400;color:var(--sec)}
.hm-box .bl em{display:block;margin-top:3px;font-style:normal;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--sec)}
.hm-box .bl em.wr{color:#c46a1c;font-weight:700}
.hm-box .bl em.pw{color:#c46a1c}
.hm-box .bl em.nc{margin-top:0;text-transform:none;letter-spacing:0;font-family:inherit;font-size:10px;font-weight:400;line-height:1.3}
.home-map.lens-build .hm-box.re{opacity:.62}
@media (max-width:640px){.home-map.lens-build .hm-box .bl{display:none}.home-map.lens-build .hm-box:not(.built){opacity:.45}}
.deep-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:1300px){.deep-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1100px){.deep-grid.six{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.deep-grid.six{grid-template-columns:minmax(0,1fr)}}
.c-build{--dc:#1d5f7d;--dt:rgba(29,95,125,.08)}
.dz .joins svg{width:150px;height:68px}
.dz .joins rect{fill:#fdf3ea;stroke:#c46a1c;stroke-width:2.5}
.dz .joins .lk{fill:none;stroke:#c46a1c;stroke-width:2;stroke-linejoin:round}
.dz .joins .ah{fill:#c46a1c}
.dz .joins text{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:600;fill:#c46a1c;text-anchor:middle}
.whatson{border-top:1.5px solid var(--line)}
.whatson .hero-side.cal{max-width:640px;margin:0;justify-self:auto}
/* site v16, 14.10.2026, Witold: Home first in the navigation; what's on back beside the title, top right, in a smaller form
   (no subtitle, no key, a shorter running list) so the hero keeps its height and the map still follows the headline */
.home .hero{grid-template-columns:minmax(0,1fr) 400px;gap:36px;align-items:start;padding-top:24px}
@media (min-width:1101px){.home .hero h1{font-size:46px;margin-bottom:10px}}
.home .hero .lead{max-width:none;font-size:18px;line-height:1.5}
.home .hero .hero-side.cal{max-width:none;justify-self:stretch;padding:10px 13px 8px;gap:5px;margin-top:2px}
.home .hero .cal-sub,.home .hero .cal-key{display:none}
.home .hero .cal-body{grid-template-columns:154px minmax(0,1fr);gap:12px}
.home .hero .cal-month b{font-size:12.5px}
.home .hero .cal-grid{gap:1px;font-size:10.5px;margin-top:3px}
.home .hero .cal-grid .day{padding:1px 0}
.home .hero .cal-nav{width:20px;height:20px;line-height:16px;font-size:14px}
.home .hero .cal-next{padding:6px 9px}
.home .hero .cal-next b{font-size:12.5px;line-height:1.25}
.home .hero .cal-next .meta{font-size:11px}
.home .hero .cal-run{display:none}
.home .hero .cal-list li{padding:5px 0}
.home .hero .cal-list .tx b{font-size:12.5px}
.home .hero .cal-foot{font-size:11px}
@media (max-width:1100px){.home .hero{grid-template-columns:minmax(0,1fr);gap:16px}.home .hero .hero-side.cal{max-width:520px}}
@media (max-width:640px){.home .hero .cal-body{grid-template-columns:minmax(0,1fr)}.home .hero .cal-left{display:none}}