/* ============================================================
   THE PRE-OP — the CRNA money checkup at /pre-op/
   Built on the tokens in site.css, so it follows the light and
   dark themes. The monitor, the score and the finding sit on the
   deep teal of the stage in both themes, like an anesthesia
   monitor in a bright room.
   ============================================================ */

.preop h4,.preop h5{margin:0;font-weight:900;letter-spacing:-.025em;line-height:1.2;text-wrap:balance}
.preop .mono{font-family:'Fragment Mono',ui-monospace,Menlo,monospace}

/* ---------- intro ---------- */
.po-intro h1{max-width:20ch}
.nw{white-space:nowrap}
.po-intro .lede{max-width:60ch}
.po-gethead{margin-top:46px}
.po-intro .po-cta2{margin-top:28px}
.po-promise{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);
  border:1px solid var(--rule);border-radius:3px;overflow:hidden;margin-top:14px;max-width:980px;
}
.po-promise > div{background:var(--surface);padding:20px 20px 22px}
.po-promise .k{
  display:block;margin-bottom:12px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--data);
}
.po-promise h3{font-size:1.08rem;letter-spacing:-.02em;line-height:1.25}
.po-promise p{margin-top:8px;font-size:14px;line-height:1.5;color:var(--fg-mid)}
.po-intro .cta-row{margin-top:30px}
.po-intro .promise{margin-top:20px}
.po-note{margin-top:20px;font-size:14px;line-height:1.55;color:var(--fg-faint);max-width:62ch}
.po-resume{
  margin-top:22px;padding:13px 16px;border:1px solid var(--rule-hi);border-radius:3px;
  background:var(--surface);font-size:14.5px;color:var(--fg-mid);max-width:620px;
}
.po-resume .lnk{
  font:inherit;font-weight:700;color:var(--accent-text);background:none;border:0;padding:0;
  cursor:pointer;text-decoration:underline;text-underline-offset:3px;
}
.po-personas{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.po-personas[hidden]{display:none}
.po-personas button{
  font:inherit;font-size:12px;padding:6px 10px;border:1px dashed var(--rule-hi);border-radius:2px;
  background:transparent;color:var(--fg-mid);cursor:pointer;
}

/* ---------- the console ---------- */
.po-app{padding-top:48px}
.po-console{
  border:1px solid var(--rule);background:var(--surface);border-radius:3px;
  box-shadow:var(--shadow);overflow:hidden;
}
.po-console__head{
  display:flex;justify-content:space-between;align-items:center;gap:14px;
  padding:11px 16px;border-bottom:1px solid var(--rule);
}
.po-console__head .eyebrow{color:var(--fg-mid)}
.po-console__body{display:grid;grid-template-columns:250px minmax(0,1fr)}

.po-rail{
  border-right:1px solid var(--rule);background:var(--bg-alt);
  padding:26px 20px;display:flex;flex-direction:column;gap:28px;
}
.po-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}
.po-steps li{display:flex;gap:12px;align-items:baseline;font-size:14px;line-height:1.3;color:var(--fg-faint)}
.po-steps .n{font-family:'Fragment Mono',monospace;font-size:10.5px;letter-spacing:.06em;flex:none}
.po-steps li.done{color:var(--fg-mid)}
.po-steps li.done .n{color:var(--data)}
.po-steps li.cur{color:var(--fg);font-weight:700}
.po-steps li.cur .n{color:var(--accent-text)}

/* the monitor — deep teal in both themes */
.po-monitor{
  background:#0C2024;border:1px solid rgba(242,245,244,.12);border-radius:3px;
  padding:6px 14px 12px;color:#F2F5F4;
}
.po-vt{
  display:flex;flex-direction:column;gap:4px;
  padding:10px 0;border-bottom:1px solid rgba(242,245,244,.09);
}
.po-vt span{
  font-family:'Fragment Mono',monospace;font-size:9.5px;letter-spacing:.13em;
  text-transform:uppercase;color:#9AB0B0;
}
.po-vt b{
  font-family:'Fragment Mono',monospace;font-weight:400;font-size:20px;line-height:1.1;
  font-variant-numeric:tabular-nums;color:#4E6766;transition:color .35s ease;
}
#vtApnea.live b{color:#1AC6D9}   /* Mint Blue */
#vtGap.live b{color:#F28E13}     /* Bright Orange */
#vtShift.live b{color:#EE7A8E}   /* Velvet Red, lifted for the dark panel */
.po-monitor .cap{
  font-family:'Fragment Mono',monospace;font-size:9px;letter-spacing:.11em;
  text-transform:uppercase;color:#68807F;margin-top:11px;
}

/* ---------- a screen ---------- */
.po-stage{padding:34px 38px 30px;min-width:0}
.po-screen > .eyebrow{color:var(--data)}
.po-q{font-size:clamp(1.65rem,3.2vw,2.35rem);margin-top:12px;max-width:22ch}
.po-q:focus{outline:none}
.po-q em,.po-first h4 em,.po-streamintro h4 em,.po-resil h4 em{font-style:normal;color:var(--accent-text)}
.po-hint{margin-top:12px;color:var(--fg-mid);font-size:15px;line-height:1.55;max-width:60ch}
.po-sub{margin-top:28px;font-weight:400;font-size:11px;letter-spacing:.15em;line-height:1.4;color:var(--fg-mid)}
.po-sub + .po-hint{margin-top:6px}
.po-whyhint.flash{animation:poFlash .9s ease}
@keyframes poFlash{0%,100%{color:var(--fg-mid)}30%{color:var(--accent-text)}}

.po-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.po-chip{
  font:inherit;font-size:14px;font-weight:500;line-height:1.3;text-align:left;
  padding:9px 14px;border-radius:2px;border:1px solid var(--rule-hi);
  background:var(--bg);color:var(--fg);cursor:pointer;
  transition:border-color .16s ease,background .16s ease;
}
.po-chip:hover{border-color:var(--fg-mid)}
.po-chip[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-wash);box-shadow:inset 0 0 0 1px var(--accent)}
.po-chip[aria-pressed="true"]::before{
  content:"";display:inline-block;width:7px;height:7px;border-radius:50%;
  background:var(--accent);margin-right:8px;vertical-align:1px;
}

/* sliders */
.po-ins{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px;margin-top:26px}
.po-in-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.po-in label{font-size:14px;font-weight:500;line-height:1.35}
.po-in output{
  font-family:'Fragment Mono',monospace;font-size:15px;color:var(--accent-text);
  white-space:nowrap;font-variant-numeric:tabular-nums;
}
.po-range{
  -webkit-appearance:none;appearance:none;width:100%;height:24px;margin:8px 0 0;
  background:transparent;cursor:pointer;
}
.po-range::-webkit-slider-runnable-track{
  height:3px;border-radius:2px;
  background:linear-gradient(to right,var(--accent) var(--fill,0%),var(--rule-hi) var(--fill,0%));
}
.po-range::-moz-range-track{height:3px;border-radius:2px;background:var(--rule-hi)}
.po-range::-moz-range-progress{height:3px;border-radius:2px;background:var(--accent)}
.po-range::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-7.5px;border-radius:50%;
  background:var(--surface);border:2px solid var(--accent);box-shadow:0 1px 3px rgba(0,0,0,.25);
}
.po-range::-moz-range-thumb{
  width:14px;height:14px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);
}
.po-range:focus{outline:none}
.po-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px var(--accent-wash),0 0 0 6px var(--accent)}
.po-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 5px var(--accent-wash),0 0 0 6px var(--accent)}
.po-in-hint{margin-top:5px;font-size:12.5px;line-height:1.5;color:var(--fg-faint)}

/* the live dial under a screen */
.po-live{
  display:flex;align-items:center;gap:20px;margin-top:28px;padding:18px 20px;
  border:1px solid var(--rule);border-radius:3px;background:var(--bg);
}
.po-live canvas{width:84px;height:84px;flex:none}
.po-live .v{font-family:'Fragment Mono',monospace;font-size:26px;line-height:1.1;font-variant-numeric:tabular-nums}
.po-live .l{
  margin-top:6px;font-family:'Fragment Mono',monospace;font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--data);
}
.po-live .note{margin-top:8px;font-size:13.5px;line-height:1.5;color:var(--fg-mid);max-width:58ch}

.po-duo{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:24px}
.po-duo .eyebrow{color:var(--fg-mid);font-weight:400}
.po-policy{margin-top:28px;padding:20px 22px;border:1px solid var(--data);border-radius:3px;background:var(--bg)}
.po-policy[hidden]{display:none}
.po-policy .eyebrow{color:var(--data);font-weight:400}
.po-policy > .po-in-hint{margin-top:8px}
.po-policy .po-ins{margin-top:18px}

/* legacy: yes / somewhat / not yet */
.po-legacy{margin-top:22px;border-top:1px solid var(--rule)}
.po-lrow{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 0;border-bottom:1px solid var(--rule)}
.po-lrow p{font-size:14.5px;line-height:1.45}
.po-seg{display:flex;flex:none;border:1px solid var(--rule-hi);border-radius:2px;overflow:hidden}
.po-seg button{
  font:inherit;font-size:12.5px;font-weight:500;padding:8px 12px;border:0;
  background:var(--bg);color:var(--fg-mid);cursor:pointer;
}
.po-seg button + button{border-left:1px solid var(--rule-hi)}
.po-seg button:hover{color:var(--fg)}
.po-seg button[aria-pressed="true"]{background:var(--accent);color:#140A02;font-weight:700}

/* alignment: five dots */
.po-align{margin-top:16px}
.po-arow{padding:16px 0;border-bottom:1px solid var(--rule)}
.po-arow p{font-size:15px;line-height:1.45;max-width:62ch}
.po-dots{display:flex;align-items:center;gap:8px;margin-top:12px}
.po-dots button{
  width:30px;height:30px;border-radius:50%;padding:0;cursor:pointer;
  border:1px solid var(--rule-hi);background:var(--bg);transition:background .14s ease,border-color .14s ease;
}
.po-dots button:hover{border-color:var(--accent)}
.po-dots button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent)}
.po-dots .lab{font-family:'Fragment Mono',monospace;font-size:11px;color:var(--fg-faint);width:12px;text-align:center}

/* screen nav */
.po-nav{display:flex;align-items:center;flex-wrap:wrap;gap:14px 18px;margin-top:34px;padding-top:22px;border-top:1px solid var(--rule)}
.po-back{font:inherit;font-size:14px;font-weight:500;background:none;border:0;color:var(--fg-mid);cursor:pointer;padding:8px 2px}
.po-back:hover{color:var(--fg)}
.po-next.is-off{opacity:.5;transform:none}
.po-needs{font-size:13.5px;color:var(--accent-text)}

/* "writing your plan" */
.po-writing{padding:64px 38px;display:flex;flex-direction:column;gap:12px}
.po-writing p{
  font-family:'Fragment Mono',monospace;font-size:13px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--fg-mid);opacity:0;transform:translateY(6px);animation:poIn .5s ease forwards;
}
.po-writing p.on{color:var(--accent-text)}
.po-writing p.on::after{content:"▍";margin-left:6px;animation:poBlink 1s steps(1) infinite}
@keyframes poIn{to{opacity:1;transform:none}}
@keyframes poBlink{50%{opacity:0}}

/* ---------- results ---------- */
.po-results{padding-top:56px}
.po-banner{
  display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  margin-bottom:30px;padding:14px 18px;border:1px solid var(--data);border-radius:3px;background:var(--accent-wash);
}
.po-banner[hidden]{display:none}
.po-banner p{font-weight:700;font-size:15px}
.po-head{display:flex;justify-content:space-between;align-items:flex-start;gap:26px}
.po-head h2{font-size:clamp(2.1rem,4.8vw,3.3rem);margin-top:16px;max-width:19ch}
.po-head h2:focus{outline:none}
.po-head h2 .turn{display:block;color:var(--accent-text)}
.po-head .btn{flex:none;margin-top:6px}
.po-whyline{margin-top:20px;color:var(--fg-mid);max-width:70ch}
.po-whyline b{color:var(--fg)}
.po-tone{margin-top:10px;font-size:14.5px;color:var(--fg-faint);max-width:66ch}

.po-sechead{
  display:flex;align-items:center;gap:12px;margin:68px 0 18px;
  font-family:'Fragment Mono',monospace;font-weight:400;font-size:11px;letter-spacing:.15em;
  line-height:1.4;text-transform:uppercase;color:var(--fg-mid);
}
.po-sechead span{color:var(--accent-text)}
.po-sechead::after{content:"";flex:1;height:1px;background:var(--rule)}

/* info buttons and the popover */
.po-info{
  display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;
  margin-left:7px;vertical-align:1px;border-radius:50%;border:1px solid var(--rule-hi);
  background:transparent;color:var(--fg-mid);font:700 10.5px/1 'Satoshi',sans-serif;cursor:pointer;
  transition:border-color .15s ease,color .15s ease;
}
.po-info:hover,.po-info[aria-expanded="true"]{border-color:var(--accent);color:var(--accent-text)}
.po-pop{
  position:fixed;z-index:80;width:min(360px,calc(100vw - 24px));
  background:var(--surface);border:1px solid var(--rule-hi);border-radius:3px;
  box-shadow:0 20px 44px -18px rgba(0,0,0,.5);padding:16px 18px 17px;
}
.po-pop[hidden]{display:none}
.po-pop h5{font-size:15.5px;margin:0 30px 8px 0}
.po-pop p{font-size:13.5px;line-height:1.55;color:var(--fg-mid)}
.po-pop .how{margin-top:10px;padding-top:10px;border-top:1px solid var(--rule)}
.po-pop .how b{color:var(--fg)}
.po-pop .x{
  position:absolute;top:6px;right:8px;width:28px;height:28px;padding:0;border:0;background:none;
  font-size:20px;line-height:1;color:var(--fg-faint);cursor:pointer;
}
.po-pop .x:hover{color:var(--fg)}

/* 01 vitals */
.po-vitalsblock{
  display:grid;grid-template-columns:270px minmax(0,1fr);gap:1px;background:var(--rule);
  border:1px solid var(--rule);border-radius:3px;overflow:hidden;
}
.po-score{
  background:#0C2024;color:#F2F5F4;text-align:center;padding:30px 20px 26px;
  --rule-hi:rgba(242,245,244,.16);--accent:#F28E13;--accent-text:#F28E13;--fg-mid:#CBD9D8;
}
.po-score .dial{position:relative;width:150px;height:150px;margin:0 auto}
.po-score canvas{display:block;width:150px;height:150px}
.po-score .sv{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-family:'Fragment Mono',monospace;font-size:44px;font-variant-numeric:tabular-nums;color:#F2F5F4;
}
.po-score .sl{
  margin-top:16px;font-family:'Fragment Mono',monospace;font-size:10.5px;letter-spacing:.15em;
  text-transform:uppercase;color:#8FD8E1;
}
.po-score .po-info{color:#CBD9D8;border-color:rgba(242,245,244,.35)}
.po-score .sn{margin-top:8px;font-size:13px;color:#9AB0B0}
.po-vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule)}
.po-v{background:var(--surface);padding:18px 18px 20px}
.po-v .vl{font-size:13px;font-weight:700;letter-spacing:-.01em;line-height:1.35}
.po-v .vv{
  margin-top:10px;font-family:'Fragment Mono',monospace;font-size:clamp(1.45rem,2.5vw,1.9rem);
  line-height:1.1;font-variant-numeric:tabular-nums;
}
.po-v:nth-child(1) .vv{color:var(--data)}
.po-v .vn{margin-top:8px;font-size:13px;line-height:1.45;color:var(--fg-mid)}

/* 02 the finding */
.po-find{
  background:#0C2024;color:#F2F5F4;border-radius:3px;padding:30px 30px 28px;
  border:1px solid rgba(242,245,244,.10);
}
.po-find .name{font-size:clamp(1.75rem,3.8vw,2.7rem);color:#F28E13;letter-spacing:-.03em}
.po-find .line{margin-top:14px;font-size:1.05rem;line-height:1.55;color:#CBD9D8;max-width:64ch}
.po-find .constraint{
  margin-top:20px;font-family:'Fragment Mono',monospace;font-size:11px;letter-spacing:.13em;
  text-transform:uppercase;color:#8FD8E1;
}
.po-find .constraint b{color:#F2F5F4;font-weight:400}
.po-wnl{margin-top:14px;padding:20px 22px;border:1px solid var(--rule);border-radius:3px;background:var(--surface)}
.po-wnl .t,.po-alignbar .t{
  font-family:'Fragment Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--data);
}
.po-wnl .items{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.po-wnl li{font-size:13.5px;line-height:1.35;padding:6px 10px;border:1px solid var(--rule);border-radius:2px;background:var(--bg)}
.po-wnl li::before{content:"+";color:var(--data);font-weight:700;margin-right:7px}
.po-wnl li.none{border:0;background:none;padding:0;color:var(--fg-mid)}
.po-wnl li.none::before{content:none}
.po-wnl .after{margin-top:12px;font-size:13.5px;color:var(--fg-mid)}
.po-wnl .after:empty{display:none}
.po-alignbar{margin-top:14px;border-left:3px solid var(--data);padding:6px 0 6px 18px}
.po-alignbar.warn{border-left-color:var(--red)}
.po-alignbar.warn .t{color:var(--red)}
.po-alignbar p{margin-top:6px;font-weight:700;letter-spacing:-.01em;max-width:72ch}
.po-alignbar .quiet{font-weight:400;color:var(--fg-mid)}

/* 03 the finish line */
.po-plan{padding:26px;border:1px solid var(--rule);border-radius:3px;background:var(--surface)}
.po-plan > h4{font-size:1.3rem}
.po-plangrid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rule);
  border:1px solid var(--rule);border-radius:3px;overflow:hidden;margin-top:18px;
}
.po-pf{background:var(--surface);padding:16px 16px 18px}
.po-pf .pl{font-size:13px;font-weight:700;letter-spacing:-.01em;line-height:1.35}
.po-pf .pv{margin-top:9px;font-family:'Fragment Mono',monospace;font-size:1.4rem;line-height:1.1;font-variant-numeric:tabular-nums}
.po-pf .pn{margin-top:7px;font-size:12.5px;line-height:1.45;color:var(--fg-mid)}
.po-pf.pick{background:var(--bg)}
.po-pf.pick .pv{color:var(--data)}
.po-planline{margin-top:18px;color:var(--fg-mid);max-width:76ch}
.po-planline b{color:var(--fg)}
.po-whatif{margin-top:22px;padding:18px 20px 16px;border:1px dashed var(--rule-hi);border-radius:3px;background:var(--bg)}
.wi-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.wi-head .eyebrow{color:var(--data)}
.wi-reset{
  font:inherit;font-size:13px;font-weight:700;background:none;border:0;padding:0;
  color:var(--accent-text);cursor:pointer;text-decoration:underline;text-underline-offset:3px;
}
.wi-ins{display:grid;grid-template-columns:1fr 1fr;gap:20px 32px;margin-top:14px}
.wi-note{margin-top:12px;font-size:13px;color:var(--fg-faint)}
.po-assume{margin-top:16px;font-size:12.5px;line-height:1.55;color:var(--fg-faint);max-width:84ch}

/* 04 the plan */
.po-cards{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);
  border:1px solid var(--rule);border-radius:3px;overflow:hidden;
}
.po-card{background:var(--surface);padding:24px 22px 24px;display:flex;flex-direction:column}
.po-card.is-first{box-shadow:inset 0 3px 0 var(--accent)}
.po-card .starthere{
  align-self:flex-start;margin-bottom:14px;padding:4px 8px;border-radius:2px;
  font-family:'Fragment Mono',monospace;font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;
  background:var(--accent);color:#140A02;
}
.po-card .no{font-family:'Fragment Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--data)}
.po-card h4{font-size:1.18rem;margin-top:10px}
.po-card p{margin-top:10px;font-size:14.5px;line-height:1.58;color:var(--fg-mid)}
.po-card .cite,.po-stream .more{margin-top:auto;padding-top:16px;font-size:13px;font-weight:700}
.po-card .cite a,.po-stream .more a{color:var(--accent-text);text-decoration:none}
.po-card .cite a:hover,.po-stream .more a:hover{text-decoration:underline;text-underline-offset:3px}
.po-first{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:30px;align-items:center;
  margin-top:14px;padding:26px 28px;border-radius:3px;background:#0C2024;color:#F2F5F4;
  border:1px solid rgba(242,245,244,.10);
}
.po-first .eyebrow{color:#8FD8E1}
.po-first h4{font-size:clamp(1.55rem,3vw,2.15rem);margin-top:10px}
.po-first h4 em{color:#F28E13}
.po-first .fm{font-size:1.1rem;font-weight:700;letter-spacing:-.015em;line-height:1.45}
.po-first .fq{margin-top:10px;font-size:14px;color:#9AB0B0}
.po-first .fl{margin-top:12px;font-size:14px;font-weight:700}
.po-first .fl a{color:#F28E13;text-underline-offset:3px}
#poStreamsHead{scroll-margin-top:24px}

/* 05 ownership income */
.po-streamintro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:30px;margin-bottom:22px}
.po-streamintro h4{font-size:clamp(1.65rem,3.2vw,2.35rem)}
.po-streamintro .lede{color:var(--fg-mid)}
.po-streamintro .quiet{margin-top:10px;font-size:14px;color:var(--fg-faint)}
.po-streams{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);
  border:1px solid var(--rule);border-radius:3px;overflow:hidden;
}
.po-stream{background:var(--surface);padding:22px 20px 20px;display:flex;flex-direction:column}
.po-stream.pick{box-shadow:inset 0 3px 0 var(--data)}
.po-stream .tag{
  margin-bottom:10px;font-family:'Fragment Mono',monospace;font-size:9.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--data);
}
.po-stream h4{font-size:1.06rem;letter-spacing:-.02em}
.po-stream p{margin-top:9px;font-size:14px;line-height:1.55;color:var(--fg-mid)}
.po-stream .sn{font-size:13px;border-left:2px solid var(--red);padding-left:10px}
.po-stream .taxl{margin-top:12px;padding-top:12px;border-top:1px solid var(--rule);font-size:13px}
.po-stream .taxl span{
  margin-right:8px;font-family:'Fragment Mono',monospace;font-size:9.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--accent-text);
}
.po-stream .more{margin-top:12px;padding-top:0}
.po-stream .meta{margin-top:auto;padding-top:16px;display:flex;gap:6px;flex-wrap:wrap}
.po-stream .meta span{
  font-family:'Fragment Mono',monospace;font-size:10px;letter-spacing:.05em;color:var(--fg-faint);
  border:1px solid var(--rule);border-radius:2px;padding:3px 7px;
}

/* 06 the detail */
.po-pillars{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);
  border:1px solid var(--rule);border-radius:3px;overflow:hidden;
}
.po-pl{background:var(--surface);padding:22px 20px 20px}
.po-pl h4{font-size:1.15rem}
.po-status{
  display:inline-block;margin-top:10px;padding:4px 8px;border-radius:2px;border:1px solid;
  font-family:'Fragment Mono',monospace;font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;
}
.s-strong{color:var(--data);border-color:var(--data)}
.s-dev{color:var(--accent-text);border-color:var(--accent)}
.s-attn{color:var(--red);border-color:var(--red)}
.po-gaugewrap{display:flex;align-items:center;gap:16px;margin-top:16px}
.po-gaugewrap canvas{width:76px;height:76px;flex:none}
.po-gaugewrap .gv{font-family:'Fragment Mono',monospace;font-size:1.45rem;font-variant-numeric:tabular-nums}
.po-gaugewrap .gl{margin-top:3px;font-size:12.5px;line-height:1.4;color:var(--fg-mid)}
.po-rows{margin-top:16px;border-top:1px solid var(--rule)}
.po-rows .r{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid var(--rule);font-size:13.5px}
.po-rows .r span{color:var(--fg-mid)}
.po-rows .r b{font-family:'Fragment Mono',monospace;font-weight:400;text-align:right;white-space:nowrap}
.pl-note{margin-top:12px;font-size:13px;line-height:1.5;color:var(--fg-faint)}
.pl-note[hidden]{display:none}

.po-band,.po-map{margin-top:14px;padding:24px 26px;border:1px solid var(--rule);border-radius:3px;background:var(--surface)}
.po-band h4,.po-map h4{font-size:1.2rem}
.po-band .line{margin-top:10px;color:var(--fg-mid);max-width:78ch}
.po-band .line b{color:var(--fg)}
.po-bar{display:flex;height:14px;margin-top:18px;border-radius:2px;overflow:hidden;background:var(--rule-hi)}
.po-bar .kept{background:var(--data)}
.po-bar .tax{background:var(--red)}
.po-barlab{display:flex;gap:8px 20px;flex-wrap:wrap;margin-top:10px;font-size:12.5px;color:var(--fg-mid)}
.po-barlab span::before{content:"";display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:7px;vertical-align:-1px}
.po-barlab span:nth-child(1)::before{background:var(--data)}
.po-barlab span:nth-child(2)::before{background:var(--red)}
.po-barlab span:nth-child(3)::before{background:var(--rule-hi)}
.po-band .note{margin-top:14px;font-size:13px;line-height:1.55;color:var(--fg-faint);max-width:84ch}

.po-nodes{display:grid;grid-template-columns:repeat(5,1fr);margin-top:22px;position:relative}
.po-nodes::before{content:"";position:absolute;left:10%;right:10%;top:7px;height:1px;background:var(--rule-hi)}
.po-node{position:relative;text-align:center;padding:0 8px}
.po-node .dot{
  width:15px;height:15px;margin:0 auto;border-radius:50%;
  border:2px solid var(--rule-hi);background:var(--surface);
}
.po-node.half .dot{border-color:var(--accent);background:linear-gradient(90deg,var(--accent) 50%,var(--surface) 50%)}
.po-node.on .dot{border-color:var(--data);background:var(--data)}
.po-node h5{margin-top:12px;font-size:12.5px;letter-spacing:.02em;text-transform:uppercase}
.po-node p{margin-top:6px;font-size:12.5px;line-height:1.45;color:var(--fg-mid)}

/* 07 resilience */
.po-resil{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);gap:32px;
  padding:26px;border:1px solid var(--rule);border-radius:3px;background:var(--surface);
}
.po-resil h4{font-size:clamp(1.5rem,3vw,2.1rem);display:inline}
.po-resil .lede{color:var(--fg-mid);max-width:72ch}
.po-resil .rs-read{margin-top:16px;font-weight:700;letter-spacing:-.01em;max-width:72ch}
.po-resil .rs-read b{color:var(--data)}
.po-resilgrid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:1px;background:var(--rule);
  border:1px solid var(--rule);border-radius:3px;overflow:hidden;margin-top:18px;
}
.po-resil .rs-two{margin-top:16px;font-size:14px;color:var(--fg-mid);max-width:72ch}
.po-resil .rs-two[hidden]{display:none}
.po-resil .rs-two b{color:var(--fg)}
.po-resil .quiet{margin-top:16px;font-size:12.5px;line-height:1.6;color:var(--fg-faint);max-width:80ch}

/* 08 follow up */
.po-actions{
  display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);
  border:1px solid var(--rule);border-radius:3px;overflow:hidden;
}
.po-actions > div{background:var(--surface);padding:26px}
.po-actions > div[hidden]{display:none}
.po-actions.no-send{grid-template-columns:1fr}
.po-actions.no-send .side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 36px;align-items:start}
.po-actions.no-send .side > h4,.po-actions.no-send .side > .lede,.po-actions.no-send .po-sharerow{grid-column:1}
.po-actions.no-send .po-asknight{grid-column:1}
.po-actions.no-send .po-onward{grid-column:2;grid-row:1 / span 3;margin-top:0}
.po-actions.no-send .po-annual{grid-column:2;grid-row:4;align-self:start;margin-top:24px}
.po-actions h4{font-size:1.25rem}
.po-actions .lede{margin-top:10px;font-size:14.5px;line-height:1.55;color:var(--fg-mid);max-width:56ch}
.po-actions .ta-form{margin-top:20px}
.po-actions .ta-ok{margin-top:6px}
.po-sharerow{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;align-items:center}
.po-sharestatus{flex-basis:100%;font-size:13px;color:var(--data);word-break:break-all}
.po-sharestatus:empty{display:none}
.po-asknight{margin-top:24px;padding-top:18px;border-top:1px solid var(--rule)}
.po-asknight .eyebrow{color:var(--data)}
.po-asknight ol{margin:12px 0 0;padding-left:20px}
.po-asknight li{margin-top:8px;font-weight:700;letter-spacing:-.01em;line-height:1.4}
.po-onward{
  display:grid;gap:1px;background:var(--rule);border:1px solid var(--rule);
  border-radius:3px;overflow:hidden;margin-top:24px;
}
.po-onward a{display:block;background:var(--bg);padding:14px 16px;text-decoration:none;font-weight:700;font-size:14.5px;transition:background .18s ease}
.po-onward a:hover{background:var(--bg-alt)}
.po-onward a span{display:block;margin-top:4px;font-weight:400;font-size:13px;line-height:1.45;color:var(--fg-mid)}
.po-annual{margin-top:18px;font-size:13.5px;line-height:1.55;color:var(--fg-faint)}
.po-fine{margin-top:40px;font-size:12px;line-height:1.65;color:var(--fg-faint);max-width:92ch}
.po-fine [hidden]{display:none}

/* ---------- responsive ---------- */
@media (max-width:1000px){
  .po-console__body{grid-template-columns:1fr}
  .po-rail{border-right:0;border-bottom:1px solid var(--rule);padding:12px 14px;gap:0}
  .po-steps{display:none}
  .po-monitor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px;padding:8px 12px}
  .po-vt{border-bottom:0;padding:4px 0}
  .po-vt span{font-size:8.5px;letter-spacing:.1em}
  .po-vt b{font-size:16px}
  .po-monitor .cap{display:none}
  .po-stage{padding:26px 22px 24px}
  .po-vitalsblock{grid-template-columns:1fr}
  .po-vgrid{grid-template-columns:repeat(2,1fr)}
  .po-cards,.po-streams,.po-pillars{grid-template-columns:1fr}
  .po-plangrid{grid-template-columns:repeat(2,1fr)}
  .po-first,.po-streamintro,.po-resil,.po-actions{grid-template-columns:1fr}
  .po-actions.no-send .side{display:block}
  .po-actions.no-send .po-onward{margin-top:24px}
  .po-first{gap:16px}
}
@media (max-width:1000px){
  .po-promise{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .po-promise{grid-template-columns:1fr}
  .po-ins,.wi-ins,.po-duo{grid-template-columns:1fr}
  .po-head{flex-direction:column;gap:18px}
  .po-head .btn{margin-top:0}
  .po-lrow{flex-direction:column;align-items:flex-start;gap:10px}
  .po-nodes{grid-template-columns:1fr;gap:16px}
  .po-nodes::before{display:none}
  .po-node{display:grid;grid-template-columns:16px 1fr;column-gap:14px;text-align:left;padding:0}
  .po-node .dot{grid-row:span 2;margin:2px 0 0}
  .po-node h5{margin-top:0}
  .po-node p{margin-top:3px}
  .po-band,.po-map,.po-plan,.po-resil,.po-find{padding:20px}
  .po-actions > div{padding:22px 20px}
  .po-sechead{margin-top:54px}
}
@media (max-width:480px){
  .po-v,.po-pf{padding:14px 13px 16px}
  .po-stage{padding:22px 16px}
  .po-live{flex-direction:column;align-items:flex-start;gap:14px}
}
@media (prefers-reduced-motion:reduce){
  .po-writing p{animation:none;opacity:1;transform:none}
  .po-writing p.on::after{animation:none}
  .po-whyhint.flash{animation:none}
}

/* ---------- the one-pager (Save as PDF) ---------- */
#poPrint{display:none}
@media print{
  @page{margin:13mm 14mm}
  body.preop{background:#fff}
  body.preop > *:not(#poPrint){display:none !important}
  #poPrint{
    display:block;color:#13282C;font-family:'Satoshi',Helvetica,Arial,sans-serif;font-size:11.5px;line-height:1.55;
  }
  #poPrint h1,#poPrint h2,#poPrint h3{margin:0;letter-spacing:-.02em;line-height:1.2}
  #poPrint .mast{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid #13282C;padding-bottom:9px;margin-bottom:12px}
  #poPrint .mast h1{font-size:20px;font-weight:900;text-transform:uppercase;letter-spacing:-.02em}
  #poPrint .mast .mark{font-family:'Fragment Mono',monospace;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#A64207}
  #poPrint .meta{display:flex;gap:24px;font-family:'Fragment Mono',monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#6F8589;margin-bottom:14px}
  #poPrint .head{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;margin-bottom:12px}
  #poPrint .sc{border:2px solid #D9580D;border-radius:4px;text-align:center;padding:10px 6px}
  #poPrint .sc b{display:block;font-family:'Fragment Mono',monospace;font-weight:400;font-size:34px;line-height:1}
  #poPrint .sc span{display:block;margin-top:6px;font-family:'Fragment Mono',monospace;font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#42585C}
  #poPrint .dg h2{font-size:17px;font-weight:900;color:#A64207}
  #poPrint .dg p{margin:4px 0 0}
  #poPrint .dg .cn{font-family:'Fragment Mono',monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#136973}
  #poPrint .why{margin:0 0 14px}
  #poPrint .cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:14px}
  #poPrint .cl h2,#poPrint .steps > h2,#poPrint .move h2,#poPrint .ask h2{
    font-family:'Fragment Mono',monospace;font-weight:400;font-size:9px;letter-spacing:.14em;text-transform:uppercase;
    color:#136973;border-bottom:1px solid #C9D3D3;padding-bottom:5px;margin-bottom:6px;
  }
  #poPrint .cl div{display:flex;justify-content:space-between;gap:8px;padding:2.5px 0;font-size:10.5px}
  #poPrint .cl div b{font-family:'Fragment Mono',monospace;font-weight:400}
  #poPrint .cl .td{margin:5px 0 0;font-size:9.5px;line-height:1.4;color:#4F6366}
  #poPrint .steps article{padding:7px 0;border-bottom:1px solid #E1E7E7;break-inside:avoid}
  #poPrint .steps article.first h3{color:#A64207}
  #poPrint .steps h3{font-size:12.5px;font-weight:900}
  #poPrint .steps h3 em{font-style:normal;font-family:'Fragment Mono',monospace;font-weight:400;font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;margin-left:6px}
  #poPrint .steps p{margin:3px 0 0}
  #poPrint .move{margin-top:12px;break-inside:avoid}
  #poPrint .move p{font-weight:700;margin:0}
  #poPrint .ask{margin-top:12px;break-inside:avoid}
  #poPrint .ask ol{margin:0;padding-left:18px}
  #poPrint .legal{margin-top:14px;padding-top:8px;border-top:1px solid #C9D3D3;font-size:8.5px;color:#6F8589}
}