/* Digital Vitamins — document pages (process, ownership, data, diagnosis-sample)
   Calm, precise, printed-feeling. Shared by the four "ask a lawyer" pages. */

.doc-wrap{padding:0 var(--pad)}
.doc-note{margin:clamp(28px,3vw,44px) var(--pad) 0;max-width:760px;padding:18px 22px;box-shadow:0 0 0 1px var(--line);background:var(--paper);border-radius:14px;color:var(--ink-2);font-size:15px}
.doc-note b{color:var(--ink);font-weight:600}
.sec--mocha .doc-note,.sec--deep .doc-note{background:rgba(246,240,233,.07);color:rgba(246,240,233,.78);border-color:var(--peach)}

/* ---------- ledger (spec rows with a code, a line, a value) ---------- */
.ledger{margin:0 var(--pad);background:var(--paper);border-radius:22px;box-shadow:0 0 0 1px var(--line);overflow:hidden}
.ledger__head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 26px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);background:var(--rice)}
.ledger__row{display:grid;grid-template-columns:54px minmax(0,190px) minmax(0,1fr) auto;gap:22px;align-items:baseline;padding:20px 26px;border-bottom:1px solid var(--line);transition:background .3s}
.ledger__row:last-child{border-bottom:0}
.ledger__row:hover{background:color-mix(in oklab,var(--rice) 60%,var(--paper))}
.ledger__n{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--ink-2)}
.ledger__k{font-weight:700;letter-spacing:-.01em;font-size:17px}
.ledger__d{color:var(--ink-2);font-size:15.5px}
.ledger__v{justify-self:end;font-weight:600;letter-spacing:-.01em;white-space:nowrap;color:var(--mocha-lo);font-size:15px}
.ledger__v em{font-style:normal;display:inline-block;padding:5px 11px;border-radius:99px;background:var(--rice-2);color:var(--ink)}
.ledger__v em.is-go{background:var(--yuzu);color:#fff}
.ledger__v em.is-no{background:var(--ink);color:var(--rice)}
@media (max-width:760px){
  .ledger__row{grid-template-columns:36px 1fr auto;gap:6px 14px;padding:18px}
  .ledger__d{grid-column:2/-1}
  .ledger__head{padding:14px 18px}
}
.sec--mocha .ledger,.sec--deep .ledger{background:rgba(246,240,233,.06);box-shadow:0 0 0 1px var(--cream-line);color:var(--rice)}
.sec--mocha .ledger__head,.sec--deep .ledger__head{background:rgba(0,0,0,.12);color:rgba(246,240,233,.62);border-color:var(--cream-line)}
.sec--mocha .ledger__row,.sec--deep .ledger__row{border-color:var(--cream-line)}
.sec--mocha .ledger__row:hover,.sec--deep .ledger__row:hover{background:rgba(246,240,233,.05)}
.sec--mocha .ledger__d,.sec--mocha .ledger__n,.sec--deep .ledger__d,.sec--deep .ledger__n{color:rgba(246,240,233,.68)}
.sec--mocha .ledger__v,.sec--deep .ledger__v{color:var(--peach)}

/* checkable inventory */
.ledger--check .ledger__row{grid-template-columns:54px minmax(0,190px) minmax(0,1fr) auto 44px}
.tick{position:relative;justify-self:end;align-self:center}
.tick input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;margin:0}
.tick span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;border:1.5px solid var(--line);transition:background .3s,border-color .3s}
.tick span::after{content:"";width:11px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) scale(0);transition:transform .35s var(--ease);margin-top:-3px}
.tick input:checked+span{background:var(--yuzu);border-color:var(--yuzu)}
.tick input:checked+span::after{transform:rotate(-45deg) scale(1)}
.tick input:focus-visible+span{outline:2px solid var(--yuzu);outline-offset:3px}
.ledger--check .ledger__row.is-done .ledger__k{text-decoration:line-through;text-decoration-color:var(--yuzu);text-decoration-thickness:2px}
@media (max-width:760px){.ledger--check .ledger__row{grid-template-columns:36px 1fr auto}.ledger--check .tick{grid-column:3;grid-row:1}.ledger--check .ledger__v{grid-column:2/-1;justify-self:start}}
.check-meter{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:18px var(--pad) 0;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.check-meter__bar{flex:1 1 180px;height:4px;border-radius:9px;background:var(--line);overflow:hidden}
.check-meter__bar i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:var(--yuzu);transition:transform .6s var(--ease)}
.check-meter button{font-family:inherit;font-size:inherit;letter-spacing:inherit;text-transform:inherit;border-bottom:1px solid currentColor}

/* ---------- timeline + sticky tally (process) ---------- */
.tl{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(24px,4vw,70px);padding:0 var(--pad);align-items:start}
.tl__col{position:relative;margin-left:8px;border-left:1px solid var(--line)}
.tl__list{list-style:none}
.tl__prog{position:absolute;left:-1px;top:0;width:2px;height:100%;background:var(--yuzu);transform-origin:top;transform:scaleY(0)}
.tl__item{position:relative;padding:0 0 clamp(44px,5vw,70px) clamp(28px,3vw,46px)}
.tl__item:last-child{padding-bottom:0}
.tl__item::before{content:"";position:absolute;left:-7px;top:6px;width:13px;height:13px;border-radius:50%;background:var(--rice);border:1.5px solid var(--mocha);transition:background .4s,border-color .4s,box-shadow .4s}
.tl__item.is-on::before{background:var(--yuzu);border-color:var(--yuzu);box-shadow:0 0 0 6px rgba(228,98,15,.16)}
.tl__wk{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--yuzu);display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.tl__wk span{color:var(--ink-2)}
.tl__item h3{font-size:clamp(26px,2.8vw,40px);letter-spacing:-.04em;line-height:1.02;font-weight:700;margin:10px 0 14px}
.tl__item h3 .thin{font-weight:200}
.tl__item p{color:var(--ink-2);max-width:620px}
.tl__item p a{border-bottom:1px solid var(--yuzu);color:var(--ink)}
.tally{position:sticky;top:110px;border-radius:24px;padding:28px;background:var(--mocha-lo);color:var(--rice);overflow:hidden;isolation:isolate}
.tally::after{content:"";position:absolute;right:-40%;top:-40%;width:120%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(240,138,60,.35),transparent 65%);z-index:-1}
.tally .mono{opacity:.65}
.tally__n{font-size:clamp(64px,7vw,104px);font-weight:200;letter-spacing:-.06em;line-height:1;margin:16px 0 4px;font-variant-numeric:tabular-nums}
.tally__n small{font-size:.35em;font-weight:600;color:var(--peach);margin-left:.1em;letter-spacing:-.02em}
.tally__of{font-size:14px;color:rgba(246,240,233,.7)}
.tally__bar{height:4px;border-radius:9px;background:rgba(246,240,233,.18);margin:20px 0 18px;overflow:hidden}
.tally__bar i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:var(--peach);transition:transform .5s var(--ease)}
.tally__now{font-size:15px;line-height:1.4;min-height:3em}
.tally__now b{display:block;font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--peach);margin-bottom:6px}
@media (max-width:980px){
  .tl{grid-template-columns:1fr}
  .tally{position:sticky;top:auto;bottom:12px;order:2;padding:16px 20px;display:grid;grid-template-columns:auto 1fr;gap:4px 18px;align-items:center;z-index:5;box-shadow:0 20px 40px -20px rgba(43,33,28,.5)}
  .tally .mono{grid-column:1/-1}
  .tally__n{font-size:44px;margin:0}
  .tally__bar{margin:0}
  .tally__of,.tally__now{display:none}
}

/* hours strip (process 01) */
.hours{margin:0 var(--pad);display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px;background:var(--line);border-radius:22px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.hours__c{background:var(--paper);padding:22px 20px 20px;display:flex;flex-direction:column;gap:10px}
.hours__c .mono{color:var(--ink-2);font-size:10px}
.hours__c b{font-size:clamp(28px,2.6vw,38px);font-weight:200;letter-spacing:-.04em;line-height:1;color:var(--ink)}
.hours__c b.is-zero{color:var(--yuzu)}
.hours__c p{font-size:14px;color:var(--ink-2);line-height:1.45}

/* ---------- exit steps (ownership) ---------- */
.steps{list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.5vw,20px);padding:0 var(--pad)}
@media (max-width:1000px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.steps{grid-template-columns:1fr}}
.step{counter-increment:s;position:relative;padding:clamp(24px,2.4vw,34px);border-radius:22px;background:rgba(246,240,233,.07);box-shadow:0 0 0 1px var(--cream-line);display:flex;flex-direction:column;gap:14px}
.step::before{content:"0" counter(s);font-size:clamp(56px,5vw,80px);font-weight:200;letter-spacing:-.06em;line-height:.9;color:var(--peach)}
.step h3{font-size:clamp(21px,1.9vw,26px);font-weight:600;letter-spacing:-.03em;line-height:1.1}
.step p{color:rgba(246,240,233,.74);font-size:16px}
.step__t{margin-top:auto;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(246,240,233,.55);padding-top:14px;border-top:1px solid var(--cream-line)}

/* ---------- principles (data) ---------- */
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin:0 var(--pad);border-radius:22px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
@media (max-width:1000px){.principles{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.principles{grid-template-columns:1fr}}
.principle{background:var(--paper);padding:clamp(24px,2.6vw,36px);display:flex;flex-direction:column;gap:12px}
.principle .card__n{color:var(--yuzu)}
.principle h3{font-size:clamp(20px,1.8vw,25px);font-weight:600;letter-spacing:-.03em;line-height:1.12}
.principle p{color:var(--ink-2);font-size:16px}

/* residency map chip row */
.region{display:flex;gap:10px;flex-wrap:wrap;margin:0 var(--pad) 22px}
.region .tag{color:var(--ink-2)}
.region .tag--yuzu{color:#fff}

/* ---------- next band ---------- */
.next{margin:0 var(--pad) clamp(60px,7vw,90px);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:clamp(28px,4vw,48px) 0;border-top:1px solid var(--line)}
.next .mono{color:var(--ink-2);display:block;margin-bottom:10px}
.next__t{font-size:clamp(30px,4vw,58px);font-weight:700;letter-spacing:-.045em;line-height:1}
.next__t .thin{font-weight:200}

/* ---------- report (diagnosis sample) ---------- */
.report{padding:0 var(--pad);display:grid;gap:clamp(28px,3vw,44px);justify-items:center}
.sheet{width:100%;max-width:880px;background:var(--paper);color:var(--ink);border-radius:6px;padding:clamp(28px,5vw,72px) clamp(22px,5.5vw,80px) clamp(24px,3vw,40px);box-shadow:0 1px 0 var(--line),0 2px 0 -1px var(--paper),0 3px 0 -1px var(--line),0 40px 80px -40px rgba(74,55,45,.45);position:relative;display:flex;flex-direction:column;gap:22px}
.sheet::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(43,33,28,.012) 3px 4px)}
.sheet__hd,.sheet__ft{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.sheet__hd{padding-bottom:14px;border-bottom:1px solid var(--ink)}
.sheet__ft{margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.sheet h3{font-size:clamp(26px,3vw,40px);font-weight:700;letter-spacing:-.04em;line-height:1.02}
.sheet h3 .thin{font-weight:200}
.sheet p{font-size:16.5px;line-height:1.62;color:#3e322b}
.sheet--cover{min-height:min(88vh,860px);background:linear-gradient(180deg,var(--paper),var(--rice))}
.sheet--cover .cover__t{font-size:clamp(48px,7.6vw,108px);font-weight:800;letter-spacing:-.055em;line-height:.9;margin-top:auto}
.sheet--cover .cover__t .thin{font-weight:200}
.cover__meta{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border-top:1px solid var(--ink);padding-top:18px}
.cover__meta div{display:flex;flex-direction:column;gap:6px}
.cover__meta span{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.cover__meta b{font-weight:600;font-size:15px}
@media (max-width:560px){.cover__meta{grid-template-columns:1fr 1fr}}
.stamp{position:absolute;right:clamp(18px,4vw,60px);top:clamp(70px,9vw,120px);transform:rotate(-8deg);border:2px solid var(--yuzu);color:var(--yuzu);border-radius:10px;padding:8px 14px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;opacity:.85}
.rd{display:inline-block;line-height:1.1;background:var(--ink);color:transparent;border-radius:2px;padding:0 .2em;user-select:none;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.rd--ln{display:block;height:.9em;margin:.35em 0}

/* contents list inside a sheet */
.toc{list-style:none;display:grid}
.toc li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:18px;align-items:baseline;padding:18px 0;border-bottom:1px dotted rgba(43,33,28,.28)}
.toc li:last-child{border-bottom:0}
.toc__n{font-family:var(--mono);font-size:11px;color:var(--yuzu)}
.toc h4{font-size:19px;font-weight:600;letter-spacing:-.02em;margin-bottom:6px}
.toc p{font-size:15px;color:var(--ink-2)}
.toc__pg{font-family:var(--mono);font-size:11px;color:var(--ink-2)}

/* five numbers */
.five{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border-block:1px solid var(--ink)}
@media (max-width:760px){.five{grid-template-columns:1fr 1fr}.five div:last-child{grid-column:1/-1}}
.five div{background:var(--paper);padding:22px 16px}
.five b{display:block;font-size:clamp(40px,4.6vw,64px);font-weight:200;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.five b small{font-size:.42em;font-weight:600;color:var(--yuzu);margin-left:.06em}
.five b.is-bad{color:var(--yuzu-lo)}
.five span{display:block;margin-top:10px;font-size:13.5px;color:var(--ink-2);line-height:1.35}
.sheet .fine{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--ink-2);line-height:1.6}

/* opportunities table inside a sheet */
.opps{width:100%;border-collapse:collapse;font-size:15px}
.opps th{text-align:left;font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);padding:0 12px 10px 0;border-bottom:1px solid var(--ink)}
.opps td{padding:14px 12px 14px 0;border-bottom:1px solid var(--line);vertical-align:baseline;color:#3e322b}
.opps td:first-child{font-weight:700;color:var(--ink);white-space:nowrap}
.opps td:last-child{text-align:right;white-space:nowrap;padding-right:0}
.opps th:last-child{text-align:right;padding-right:0}
.opps .ledger__v em{font-size:13px}
@media (max-width:620px){
  .opps thead{display:none}
  .opps tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:14px 0;border-bottom:1px solid var(--line)}
  .opps td{border:0;padding:0}
  .opps td:nth-child(2){grid-column:1/-1;grid-row:2}
}

/* the finding */
.finding{border-top:1px solid var(--line);padding-top:clamp(18px,2.4vw,28px);display:grid;gap:18px}
.finding .lead{font-weight:700;color:var(--ink)}
.margin-note{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--mocha);border:1px dashed var(--mocha-hi);border-radius:10px;padding:10px 14px;max-width:420px}

/* terms pinned to a sheet */
.book{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,4vw,60px);padding:0 var(--pad);align-items:start}
@media (max-width:900px){.book{grid-template-columns:1fr}}
.book .facts-panel{margin:0}
.book__cta{position:sticky;top:110px;border-radius:var(--r);padding:clamp(28px,3.4vw,44px);color:#fff;background:linear-gradient(170deg,var(--yuzu-hi),var(--yuzu) 50%,var(--yuzu-lo));display:grid;gap:16px}
.book__cta .mono{opacity:.8}
.book__cta b{font-size:clamp(56px,7vw,96px);font-weight:800;letter-spacing:-.06em;line-height:.9}
.book__cta b .thin{font-weight:200}
.book__cta p{opacity:.9}
.book__cta .row-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.dlmeta{display:flex;gap:14px;flex-wrap:wrap;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.phero .dlmeta{margin-top:18px;color:rgba(246,240,233,.75);position:relative;z-index:1}

@media print{.nav,.footer,.phero::after,.tally{display:none}.sheet{box-shadow:none;break-after:page}}