/* The Upgrade Method · practitioner's field guide */
.method-page{background:var(--paper);--c1:var(--lime);--c2:var(--blue);--c3:var(--coral);--c4:var(--deep);--c5:var(--lime)}
.m-wrap{max-width:1280px;margin:0 auto;padding:0 var(--side)}
.eyebrow{font:500 12px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.eyebrow.light{color:#a9b8b0}
.vis-h,.g-h{font:500 11.5px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Hero: the method is the hero ---------- */
.m-hero{padding:clamp(64px,8vw,120px) 0 clamp(64px,8vw,110px);border-bottom:1px solid var(--ink)}
.hero-top{display:grid;gap:24px}
@media (min-width:1000px){.hero-top{grid-template-columns:1.25fr .75fr;align-items:end;column-gap:64px}.hero-top .eyebrow{grid-column:1/-1}}
.m-hero h1{font-size:clamp(60px,9.6vw,160px);line-height:.88;letter-spacing:-.055em}
.hero-lede{font-size:clamp(19px,1.6vw,23px);line-height:1.5;color:#3c4a44;max-width:36ch;padding-bottom:10px}
.band{list-style:none;padding:0;margin:clamp(48px,6vw,80px) 0 0;display:grid;grid-template-columns:1fr;border:1.5px solid var(--ink)}
@media (min-width:900px){.band{grid-template-columns:repeat(5,1fr)}}
.tile{position:relative;border-bottom:1.5px solid var(--ink)}
.tile:last-child{border-bottom:0}
@media (min-width:900px){.tile{border-bottom:0;border-right:1.5px solid var(--ink)}.tile:last-child{border-right:0}
  .tile:not(:last-child)::after{content:"→";position:absolute;z-index:2;right:-19px;top:46px;width:36px;height:36px;border-radius:50%;background:var(--paper);border:1.5px solid var(--ink);display:grid;place-items:center;font:600 16px var(--sans)}}
.tile a{display:flex;flex-direction:column;gap:10px;height:100%;min-height:clamp(260px,26vw,380px);padding:clamp(20px,2vw,28px);text-decoration:none;transition:transform .45s var(--ease)}
.tile a:hover{transform:translateY(-6px)}
.t1 a{background:var(--c1)}.t2 a{background:var(--c2)}.t3 a{background:var(--c3)}.t4 a{background:var(--c4);color:#eef0ea}.t5 a{background:var(--c5)}
.tile-n{font-size:clamp(56px,6vw,96px);font-weight:500;letter-spacing:-.06em;line-height:.85}
.tile-name{font-size:clamp(26px,2.4vw,36px);font-weight:500;letter-spacing:-.025em;line-height:1}
.tile-idea{font-size:16px;line-height:1.4;max-width:22ch}
.tile-leave{margin-top:auto;padding-top:14px;border-top:1px solid currentColor;font-size:15px;font-weight:600;line-height:1.3}
.tile-leave small{display:block;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;font-weight:500;opacity:.7;margin-bottom:4px}
.loop{display:none}
@media (min-width:900px){.loop{display:block;height:44px;margin:0 10%;position:relative}
  .loop-line{position:absolute;inset:0;border:1.5px dashed var(--coral-ink);border-top:0;border-radius:0 0 28px 28px}
  .loop-line::before{content:"";position:absolute;left:-7px;top:-2px;border:6px solid transparent;border-bottom:10px solid var(--coral-ink);transform:translateY(-10px)}}
.loop-label{margin-top:14px;text-align:center;font:500 13px var(--mono);letter-spacing:.04em;color:var(--coral-ink)}
@media (max-width:899px){.loop-label{text-align:left;margin-top:16px}}
.hero-foot{margin-top:clamp(40px,5vw,64px);display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px 32px;padding-top:18px;border-top:1px solid var(--line)}
.levels-read{font-size:15px;color:var(--soft)}
.levels-read b{color:var(--ink);font-weight:600}
.credit{font:500 12px var(--mono);letter-spacing:.06em;color:var(--soft)}

/* ---------- Chapters ---------- */
.ch{scroll-margin-top:72px}
.ch-open{padding:clamp(64px,8vw,120px) 0 clamp(48px,6vw,80px)}
.ch-1 .ch-open{background:var(--c1)}.ch-2 .ch-open{background:var(--c2)}.ch-3 .ch-open{background:var(--c3)}.ch-4 .ch-open{background:var(--c4);color:#eef0ea}.ch-5 .ch-open{background:var(--c5)}
.ch-4 .ch-open .eyebrow{color:#a9b8b0}
.ch-open-grid{display:grid;gap:24px}
@media (min-width:1000px){.ch-open-grid{grid-template-columns:auto 1fr 340px;column-gap:56px;align-items:end}}
.ch-num{font-size:clamp(120px,15vw,240px);font-weight:500;letter-spacing:-.07em;line-height:.78}
.ch-title h2{margin-top:12px;font-size:clamp(52px,6.4vw,104px)}
.ch-idea{margin-top:14px;font-size:clamp(24px,2.4vw,36px);font-weight:500;letter-spacing:-.02em;line-height:1.1;max-width:22ch}
.ch-meta{margin:0;display:grid;gap:18px}
.ch-meta div{border-top:1.5px solid currentColor;padding-top:10px}
.ch-meta dt{font:500 11.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.ch-meta dd{margin:6px 0 0;font-size:17px;line-height:1.45}
.ch-meta .leave{font-weight:600}
.ch-body{display:grid;gap:clamp(32px,4vw,48px);padding-top:clamp(56px,7vw,96px);padding-bottom:clamp(72px,9vw,130px)}
.ch-body{grid-template-columns:minmax(0,1fr)}
.ch-text{display:grid;gap:24px;align-content:start}
@media (min-width:1100px){.ch-text{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);column-gap:72px;align-items:start}}
.ch-explain{font-size:clamp(19px,1.6vw,23px);line-height:1.55;color:#2f3b36;max-width:56ch}
.in-practice{font-size:17px;line-height:1.5;padding-left:18px;border-left:3px solid var(--ink);max-width:60ch}
.ch-1 .in-practice{border-color:#9fc94a}.ch-2 .in-practice{border-color:#7fa6bc}.ch-3 .in-practice{border-color:var(--coral-ink)}.ch-5 .in-practice{border-color:#9fc94a}
.in-practice span{display:block;font:500 11.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--soft);margin-bottom:6px}

/* 01 visual */
.hypo{padding-bottom:28px;border-bottom:1px solid var(--line)}
.hyp-line{margin-top:16px;font-size:clamp(28px,3.6vw,56px);font-weight:500;line-height:1.3;letter-spacing:-.03em;max-width:26ch}
.mk{padding:0 .05em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.mk.k{background:linear-gradient(transparent 60%,var(--lime) 60%)}
.mk.a{background:linear-gradient(transparent 60%,var(--coral) 60%)}
.mk.u{border-bottom:3px dashed var(--ink)}
.mk-key{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:8px 28px;font-size:15px;color:var(--soft)}
.mk-key .mk{color:var(--ink);font-weight:600;margin-right:8px}
.layers{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:0}
@media (min-width:760px){.layers{grid-template-columns:repeat(3,1fr)}}
.layers li{position:relative;padding:16px 28px 16px 0;border-top:2px solid var(--ink)}
.layers b{display:block;font-size:24px;font-weight:500;letter-spacing:-.02em}
.layers span{display:block;margin-top:4px;font-size:15px;color:var(--soft)}
@media (min-width:760px){.layers li:not(:last-child)::after{content:"→";position:absolute;right:14px;top:16px;font-size:22px}}

/* 02 visual */
.eco-wrap{display:grid;gap:32px}
@media (min-width:900px){.eco-wrap{grid-template-columns:1.3fr .7fr;align-items:start;gap:56px}}
.eco-map{width:100%;max-width:640px;display:block;overflow:visible}
.ring{stroke-width:1.5;stroke:var(--ink)}
.r-person{fill:rgba(215,245,143,.3)}.r-work{fill:rgba(199,221,234,.45)}.r-env{fill:rgba(241,158,141,.25)}
.ring-l{font:500 14px var(--mono);letter-spacing:.12em;fill:var(--ink)}
.eco-node{cursor:pointer;outline:none}
.eco-node circle{fill:var(--paper);stroke:var(--ink);stroke-width:1.5;transition:fill .25s}
.eco-node text{font:500 19px var(--sans);fill:var(--ink)}
.eco-node:hover circle,.eco-node:focus-visible circle{fill:var(--blue)}
.eco-node.on circle{fill:var(--ink)}
.eco-node.on text{font-weight:600}
.eco-node:focus-visible text{text-decoration:underline}
.vis-cap{margin-top:10px;font-size:14px;color:var(--soft)}
.eco-panel{border-top:2px solid var(--ink);padding-top:16px}
.eco-panel h3{margin:6px 0 0;font-size:clamp(28px,2.6vw,40px);font-weight:500;letter-spacing:-.025em;line-height:1.05}
.eco-panel dl{margin:16px 0 0}
.eco-panel dt{font:500 11.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--soft);margin-top:14px}
.eco-panel dd{margin:4px 0 0;font-size:17px;line-height:1.5}

/* Interlude */
.interlude{background:var(--deep);color:#eef0ea;padding:clamp(72px,9vw,130px) 0}
.interlude .eyebrow{color:#a9b8b0}
.int-grid{display:grid;gap:40px}
@media (min-width:1000px){.int-grid{grid-template-columns:1fr 1fr;gap:72px;align-items:end}}
.interlude h2{margin-top:14px}
.interlude h2 em{color:var(--coral)}
.int-lede{margin:18px 0 22px;font-size:18px;line-height:1.55;color:#cfd8d2;max-width:44ch}
.interlude .link{color:var(--lime)}
.int-moves{display:grid;gap:0;border-top:1px solid rgba(238,240,234,.3)}
.int-moves > div{padding:22px 0;border-bottom:1px solid rgba(238,240,234,.15)}
.int-tag{font:600 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}
.int-line{margin-top:8px;font-size:clamp(22px,2.2vw,30px);font-weight:500;letter-spacing:-.02em;line-height:1.2}
.int-when{margin-top:8px;font-size:15px;color:#a9b8b0}

/* 03 visual */
.gdials{display:grid;gap:0;border-top:2px solid var(--ink)}
@media (min-width:760px){.gdials{grid-template-columns:repeat(4,1fr)}}
.gdial{padding:18px 22px 18px 0;border-bottom:1px solid var(--line)}
@media (min-width:760px){.gdial{border-bottom:0;border-right:1px solid var(--line);padding:18px 22px}.gdial:first-child{padding-left:0}.gdial:last-child{border-right:0}}
.gdial-n{font-size:26px;font-weight:500;letter-spacing:-.02em}
.gdial-q{margin-top:4px;font-size:15px;color:var(--soft)}
.gdial ol{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:6px}
.gdial li{display:grid;grid-template-columns:24px 1fr;font-size:15px;line-height:1.35}
.gdial li b{font:600 14px var(--mono);color:var(--coral-ink)}
.gscale{margin-top:28px;display:grid;grid-template-columns:3fr 3fr 3fr;border:1.5px solid var(--ink)}
.sc-z{padding:16px 18px;display:grid;gap:2px}
.sc-z+.sc-z{border-left:1.5px solid var(--ink)}
.sc-z b{font:600 15px var(--mono)}
.sc-z span{font-size:20px;font-weight:500;letter-spacing:-.01em}
.sc-z small{font-size:14px;color:var(--soft)}
.z1{background:#fbfaf6}.z2{background:rgba(241,158,141,.35)}.z3{background:var(--coral)}
.z3 small{color:#3a2622}
@media (max-width:640px){.gscale{grid-template-columns:1fr}.sc-z+.sc-z{border-left:0;border-top:1.5px solid var(--ink)}}

/* 04 visual */
.zones{border:1.5px solid var(--ink);padding:0 18px 18px;background:repeating-linear-gradient(135deg,transparent 0 10px,rgba(32,41,37,.04) 10px 11px)}
.z-around{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:14px 0;color:var(--ink)}
.z-line{display:grid;gap:12px;background:var(--paper)}
@media (min-width:760px){.z-line{grid-template-columns:1fr 1.3fr 1fr}}
.z{border:1.5px solid var(--ink);padding:18px;display:grid;gap:4px;background:var(--paper)}
.z b{font-size:22px;font-weight:500;letter-spacing:-.02em}
.z span{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--coral-ink)}
.z small{font-size:15px;line-height:1.4;color:#2f3b36}
.z-main{background:var(--deep);color:#eef0ea;border-color:var(--deep)}
.z-main span{color:var(--lime)}.z-main small{color:#cfd8d2}
.types-h{margin-top:40px}
.types{margin-top:12px;display:grid;gap:0;border-top:2px solid var(--ink)}
@media (min-width:900px){.types{grid-template-columns:1fr 1fr 1fr 1.6fr}}
.type{padding:20px 20px 20px 0;border-bottom:1px solid var(--line)}
@media (min-width:900px){.type{border-bottom:0;border-right:1px solid var(--line);padding:20px}.type:first-child{padding-left:0}.type:last-child{border-right:0}}
.ty-h{font-size:24px;font-weight:500;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}
.ty-h::before{content:"";width:12px;height:12px;border-radius:50%;flex:none;border:1.5px solid var(--ink)}
.t-inform .ty-h::before{background:var(--blue)}.t-enable .ty-h::before{background:var(--lime)}.t-align .ty-h::before{background:var(--coral)}
.ty-c{margin-top:6px;font:500 12px var(--mono);letter-spacing:.04em;color:var(--coral-ink)}
.type > p:nth-of-type(3){margin-top:10px;font-size:16px;line-height:1.5;color:#2f3b36}
.t-practise{background:var(--deep);color:#eef0ea;padding:20px 24px !important}
.t-practise .ty-h::before{background:var(--lime);border-color:var(--lime)}
.t-practise .ty-c{color:var(--lime)}
.t-practise > p:nth-of-type(3){color:#cfd8d2}
.levels{list-style:none;padding:0;margin:14px 0 0;border-top:1px solid rgba(238,240,234,.2)}
.levels li{display:grid;grid-template-columns:140px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid rgba(238,240,234,.2);font-size:15px;color:#cfd8d2}
.levels b{color:#eef0ea;font-weight:600}

/* 05 visual */
.pilot{list-style:none;padding:0;margin:0;display:grid;gap:10px}
@media (min-width:900px){.pilot{grid-template-columns:repeat(4,1fr) 1.3fr;gap:0}}
.pilot li{position:relative;border:1.5px solid var(--ink);padding:18px;display:grid;gap:6px;align-content:start;background:var(--paper)}
@media (min-width:900px){.pilot li+li{border-left:0}.pilot li:not(:last-child)::after{content:"→";position:absolute;right:-13px;top:18px;width:24px;height:24px;border-radius:50%;background:var(--lime);border:1.5px solid var(--ink);display:grid;place-items:center;font:600 13px var(--sans);z-index:2}}
.pilot b{font-size:21px;font-weight:500;letter-spacing:-.02em}
.pilot span{font-size:15px;color:var(--soft)}
.p-dec{background:var(--lime) !important}
.p-opts{display:flex;flex-wrap:wrap;gap:6px}
.p-opts i{font-style:normal;font:600 13px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);border:1.5px solid var(--ink);padding:5px 10px;border-radius:99px;background:var(--paper)}
.pilot-back{margin-top:14px;font:500 13px var(--mono);color:var(--coral-ink)}

/* ---------- The guide: one pattern, every stage ---------- */
.guide{border-top:2px solid var(--ink)}
.g-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line)}
.g-tabs{display:flex;gap:0}
.g-tabs button{font:500 clamp(17px,1.5vw,21px) var(--sans);letter-spacing:-.01em;background:none;border:0;padding:16px 0;margin-right:clamp(18px,3vw,36px);cursor:pointer;color:var(--soft);position:relative}
.g-tabs button[aria-selected=true]{color:var(--ink)}
.g-tabs button[aria-selected=true]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:5px}
.ch-1 .g-tabs button[aria-selected=true]::after,.ch-5 .g-tabs button[aria-selected=true]::after{background:#9fc94a}
.ch-2 .g-tabs button[aria-selected=true]::after{background:#7fa6bc}
.ch-3 .g-tabs button[aria-selected=true]::after{background:var(--coral-ink)}
.ch-4 .g-tabs button[aria-selected=true]::after{background:var(--ink)}
.g-tabs button:focus-visible,.g-panel{padding-top:28px;max-width:860px}
.print-h{display:none}
.g-h{margin:22px 0 10px}
.g-panel > .g-h:first-child{margin-top:0}
.g-q,.g-steps{list-style:none;padding:0;margin:0;counter-reset:q}
.g-q li,.g-steps li{counter-increment:q;display:grid;grid-template-columns:44px 1fr;padding:12px 0;border-bottom:1px solid var(--line);font-size:clamp(17px,1.4vw,20px);line-height:1.45}
.g-q li::before,.g-steps li::before{content:counter(q,decimal-leading-zero);font:500 13px var(--mono);color:var(--coral-ink);padding-top:5px}
.g-q li{font-weight:500;letter-spacing:-.01em}
.g-lead{font-size:18px;line-height:1.5;margin-bottom:16px;max-width:60ch}
.g-table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.4}
.g-table th{font:500 11.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--soft);text-align:left;padding:10px 12px 10px 0;border-bottom:2px solid var(--ink)}
.g-table td{padding:12px 12px 12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.g-note{margin-top:16px;font-size:16px;line-height:1.5;color:#3c4a44;max-width:62ch}
.g-quote{font-size:clamp(19px,1.6vw,22px);font-weight:500;letter-spacing:-.01em;line-height:1.4;max-width:52ch}
.g-levers{display:flex;flex-wrap:wrap;gap:8px}
.g-levers span{border:1.5px solid var(--ink);padding:6px 12px;font-size:15px}
.g-ai{margin-top:24px;background:var(--deep);color:#eef0ea;padding:18px 22px;max-width:760px}
.g-ai .g-h{color:var(--lime);margin:0 0 8px}
.g-ai p:last-child{font:500 15px/1.6 var(--mono)}

/* ---------- Payoff, library, close ---------- */
.m-payoff{background:var(--deep);color:#eef0ea;padding:clamp(100px,13vw,200px) 0}
.pay-old{margin-top:16px;font-size:clamp(40px,6vw,92px);font-weight:500;letter-spacing:-.04em;line-height:1;color:#7f8f88}
.pay-old s{text-decoration-color:var(--coral);text-decoration-thickness:.07em}
.pay-l2{margin-top:clamp(56px,7vw,100px)}
.pay-new{margin-top:16px;font-size:clamp(46px,7.4vw,124px);font-weight:500;letter-spacing:-.05em;line-height:.95;max-width:13ch}
.pay-new em{color:var(--lime)}
.pay-list{list-style:none;padding:0;margin:clamp(48px,6vw,80px) 0 0;display:grid;border-top:1px solid rgba(238,240,234,.3)}
@media (min-width:900px){.pay-list{grid-template-columns:repeat(3,1fr)}}
.pay-list li{padding:20px 24px 20px 0;font-size:clamp(19px,1.7vw,24px);font-weight:500;line-height:1.3;border-bottom:1px solid rgba(238,240,234,.15)}
.pay-list b{display:block;font:500 12px var(--mono);color:var(--lime);margin-bottom:10px}
.pay-coda{margin-top:44px;font:500 13px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#a9b8b0}
.m-library{padding:clamp(80px,10vw,150px) 0;border-bottom:1px solid var(--ink)}
.lib-head h2{margin-top:16px}
.lib-head p:last-child{margin-top:20px;max-width:46ch;color:var(--soft)}
.lib-row{list-style:none;padding:0;margin:48px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:28px 20px}
@media (min-width:760px){.lib-row{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1000px){.lib-row{grid-template-columns:repeat(6,1fr)}}
.lib-cover img{width:100%;height:auto;display:block;border:1px solid var(--ink);transition:transform .4s var(--ease)}
.lib-cover:hover img{transform:translateY(-4px)}
.lib-n{margin-top:14px;font:500 11.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--soft)}
.lib-t{margin-top:4px;font-weight:500;font-size:17px;line-height:1.25}
.lib-a{margin-top:10px;display:flex;gap:16px;font-size:14px;font-weight:600}
.lib-a a{text-decoration:none;border-bottom:1.5px solid currentColor}
.lib-skill{margin-top:48px;padding-top:20px;border-top:1px solid var(--line);font-size:17px}
.lib-skill span{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--coral-ink);margin-right:10px}
.m-close{padding:clamp(90px,12vw,170px) 0}
.m-close h2{font-size:clamp(52px,7vw,110px)}
.m-close p{margin-top:20px;max-width:42ch;color:var(--soft)}
.m-close .btn{margin-top:36px}

@media (prefers-reduced-motion:reduce){.tile a,.lib-cover img{transition:none}}


/* Start with the work */
.m-start{padding:clamp(80px,10vw,150px) 0 clamp(64px,8vw,110px);border-bottom:1px solid var(--ink)}
.start-grid{display:grid;gap:48px}
@media (min-width:1000px){.start-grid{grid-template-columns:1.1fr .9fr;gap:80px;align-items:start}}
.start-copy h2{margin-top:14px;font-size:clamp(52px,6.6vw,108px)}
.start-copy p{margin-top:20px;max-width:52ch;font-size:clamp(17px,1.4vw,20px);line-height:1.6;color:#2f3b36}
.start-copy .start-lede{margin-top:28px;font-size:clamp(21px,1.9vw,27px);line-height:1.4;font-weight:500;letter-spacing:-.015em;color:var(--ink)}
.start-side{border-top:2px solid var(--ink);padding-top:16px}
@media (min-width:1000px){.start-side{margin-top:88px}}
.start-q{margin-top:10px}
.start-q li{font-size:clamp(19px,1.6vw,23px)}
.start-note{margin-top:18px;font-size:16px;line-height:1.5;color:var(--soft)}
.start-enter{margin-top:clamp(48px,6vw,72px);padding:22px 0 0;border-top:1px solid var(--line);font-size:clamp(17px,1.4vw,20px);line-height:1.55;max-width:80ch}
.start-enter b{font-weight:600}

/* Architect: four zones */
.zones4 .vis-h{margin-bottom:14px}
.zf{border:1.5px solid var(--ink)}
.zf-line{display:grid}
@media (min-width:900px){.zf-line{grid-template-columns:1fr 1.25fr 1fr}}
.zc{padding:22px;display:grid;gap:6px;align-content:start;border-bottom:1.5px solid var(--ink)}
@media (min-width:900px){.zf-line .zc+.zc{border-left:1.5px solid var(--ink)}}
.zc-n{font:500 12px var(--mono);color:var(--coral-ink)}
.zc-t{font-size:24px;font-weight:500;letter-spacing:-.02em;line-height:1.1}
.zc-p{font-size:17px;line-height:1.4;font-weight:500}
.zc-e{margin-top:6px;font-size:15px;line-height:1.5;color:var(--soft)}
.zc-main{background:var(--deep);color:#eef0ea}
.zc-main .zc-n{color:var(--lime)}.zc-main .zc-e{color:#a9b8b0}
.zc-around{border-bottom:0;background:repeating-linear-gradient(135deg,transparent 0 10px,rgba(32,41,37,.05) 10px 11px)}
@media (min-width:900px){.zc-around{grid-template-columns:120px 220px 1fr 1.4fr;align-items:baseline;gap:16px}}
.zones-note{margin-top:14px;font-size:16px;color:#2f3b36}