/* PhoneTracker (t57) — D05 "Decision worksheet / Swiss grid" (IA-05 x VL-05).
   Scoped under .pt-root; loaded AFTER flot _include/ceramic so it wins.
   VL-05: white + black + one cobalt accent; no radii, no shadows; hairline rules;
   one sans with widths (Archivo / Archivo Expanded); large tabular numerals as the verdict.
   No @import (fonts are <link>-ed in master). */

.pt-root{
  --paper:#ffffff;
  --ink:#121212;
  --mute:#5f5f5f;
  --line:#e4e4e4;
  --line-strong:#121212;
  --accent:#1f4be0;        /* cobalt, 6.8:1 on white */
  --accent-wash:#eef1fe;
  --maxw:1120px;
  color:var(--ink);
  background:var(--paper);
  font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17px;
  line-height:1.55;
  font-feature-settings:"ss01";
  -webkit-font-smoothing:antialiased;
}
.pt-root *{box-sizing:border-box;}
.pt-root ::selection{background:var(--accent);color:#fff;}

/* ---- rhythm / grid ---- */
.pt-wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.pt-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;}
.pt-rule{border:0;border-top:1px solid var(--line);margin:0;}
.pt-rule--ink{border-top:2px solid var(--line-strong);}
.pt-section{padding:56px 0;}
.pt-section--tight{padding:36px 0;}

/* ---- type ---- */
.pt-display{
  font-family:"Archivo Expanded","Archivo",sans-serif;
  font-weight:700;letter-spacing:-0.015em;line-height:1.04;
  font-size:clamp(2.1rem,5.2vw,3.5rem);margin:0;
}
.pt-h2{font-family:"Archivo Expanded","Archivo",sans-serif;font-weight:700;font-size:clamp(1.3rem,2.4vw,1.7rem);letter-spacing:-0.01em;margin:0 0 .5em;line-height:1.1;}
.pt-h3{font-weight:600;font-size:1.06rem;margin:0 0 .35em;}
.pt-lead{font-size:clamp(1.05rem,1.6vw,1.22rem);color:var(--ink);max-width:62ch;margin:.6em 0 0;}
.pt-mute{color:var(--mute);}
.pt-small{font-size:.9rem;}
.pt-eyebrow{font-weight:600;font-size:.92rem;color:var(--accent);margin:0 0 .4em;}  /* ONE place, sentence case — not a mono all-caps lbl (anti-T1) */
.pt-num{font-variant-numeric:tabular-nums;}
.pt-root a{color:var(--accent);text-underline-offset:3px;}
.pt-root a:hover{text-decoration:underline;}

/* ---- the verdict (VL-05 "one memorable element": the large stance word) ---- */
.pt-verdict{border-top:2px solid var(--line-strong);border-bottom:1px solid var(--line);padding:22px 0;margin:28px 0;}
.pt-verdict__label{font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mute);}
.pt-verdict__word{font-family:"Archivo Expanded","Archivo",sans-serif;font-weight:700;font-size:clamp(2rem,6vw,3.6rem);line-height:1;letter-spacing:-0.02em;margin:.12em 0 .3em;color:var(--accent);}
.pt-verdict__body{font-size:1.1rem;max-width:60ch;margin:0;color:var(--ink);}

/* ---- worksheet (home hero = the form itself) ---- */
.pt-ws{border:2px solid var(--line-strong);padding:28px;background:var(--paper);}
.pt-ws__q{padding:16px 0;border-top:1px solid var(--line);}
.pt-ws__q:first-of-type{border-top:0;padding-top:0;}
.pt-ws__legend{font-weight:600;font-size:1rem;margin:0 0 12px;}
.pt-ws__opts{display:flex;flex-wrap:wrap;gap:10px;}
.pt-opt{position:relative;}
.pt-opt input{position:absolute;opacity:0;inset:0;cursor:pointer;}
.pt-opt span{display:inline-block;padding:9px 15px;border:1px solid var(--line-strong);font-size:.96rem;cursor:pointer;background:var(--paper);user-select:none;}
.pt-opt input:checked + span{background:var(--ink);color:#fff;}
.pt-opt input:focus-visible + span{outline:2px solid var(--accent);outline-offset:2px;}
.pt-ws__out{margin-top:0;border-top:2px solid var(--line-strong);padding-top:22px;}
.pt-ws__verdict{font-family:"Archivo Expanded","Archivo",sans-serif;font-weight:700;font-size:clamp(1.5rem,3.6vw,2.3rem);line-height:1.08;letter-spacing:-0.015em;margin:0 0 .35em;color:var(--accent);}
.pt-ws__links{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:2px;}
.pt-ws__links li{border-top:1px solid var(--line);}
.pt-ws__links a{display:block;padding:10px 0;color:var(--ink);font-weight:600;}
.pt-ws__links a:hover{color:var(--accent);}

/* ---- checks (the "how to check" ordered list — numbers are real sequence, anti-T3) ---- */
.pt-checks{list-style:none;counter-reset:ck;padding:0;margin:0;}
.pt-checks li{counter-increment:ck;position:relative;padding:14px 0 14px 46px;border-top:1px solid var(--line);}
.pt-checks li::before{content:counter(ck);position:absolute;left:0;top:13px;font-variant-numeric:tabular-nums;font-weight:700;font-size:1.1rem;color:var(--ink);width:30px;border-bottom:2px solid var(--accent);padding-bottom:1px;}

/* ---- alternatives grid (asymmetric) ---- */
.pt-alts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);}
.pt-alts > div{background:var(--paper);padding:18px;}
.pt-alts h4{margin:0 0 .3em;font-weight:700;font-size:1rem;}
.pt-alts p{margin:0;color:var(--ink);}

/* ---- boundary (honest limit — a plain bordered callout, not a colored strip, anti-T9) ---- */
.pt-boundary{border-left:3px solid var(--line-strong);padding:4px 0 4px 18px;margin:8px 0;}
.pt-boundary strong{display:block;font-size:.82rem;letter-spacing:.03em;text-transform:uppercase;color:var(--mute);margin-bottom:.2em;}

/* ---- source (single official reference, not a card carpet) ---- */
.pt-source{font-size:.95rem;color:var(--mute);}
.pt-source a{font-weight:600;}

/* ---- next guides (3-6 prose links, not a 12-card library, anti-T10/S2) ---- */
.pt-next{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;}
.pt-next li{border-top:1px solid var(--line);padding:12px 0;}
.pt-next a{font-weight:600;color:var(--ink);}
.pt-next a:hover{color:var(--accent);}

/* ---- group index (home) ---- */
.pt-groups{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;}
.pt-group{border-top:2px solid var(--line-strong);padding:18px 0;}
.pt-group h3{margin:0 0 .25em;}
.pt-group__links{list-style:none;padding:0;margin:10px 0 0;}
.pt-group__links li{border-top:1px solid var(--line);}
.pt-group__links a{display:block;padding:8px 0;color:var(--ink);}
.pt-group__links a:hover{color:var(--accent);}

/* ---- funnel (one input, honestly framed; not the hero) ---- */
.pt-funnel{border:1px solid var(--line-strong);padding:24px;}
.pt-funnel__note{font-size:.88rem;color:var(--mute);margin:.6em 0 0;}

/* ---- header / footer ---- */
.pt-header{position:relative;z-index:5;border-bottom:1px solid var(--line);background:var(--paper);}
.pt-header__in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0;}
.pt-logo{display:inline-flex;align-items:baseline;gap:7px;font-family:"Archivo Expanded","Archivo",sans-serif;font-weight:700;font-size:1.18rem;letter-spacing:-0.02em;color:var(--ink);text-decoration:none;}
.pt-logo__mark{display:inline-block;width:11px;height:11px;background:var(--accent);}
.pt-nav{display:flex;gap:22px;align-items:center;}
.pt-nav a{color:var(--ink);font-weight:500;font-size:.98rem;}
.pt-nav a:hover{color:var(--accent);}
.pt-footer{border-top:2px solid var(--line-strong);margin-top:40px;padding:34px 0;font-size:.92rem;color:var(--mute);}
.pt-footer a{color:var(--ink);}

/* ---- faq ---- */
.pt-faq details{border-top:1px solid var(--line);}
.pt-faq summary{padding:14px 0;cursor:pointer;font-weight:600;list-style:none;}
.pt-faq summary::-webkit-details-marker{display:none;}
.pt-faq summary::before{content:"+";color:var(--accent);font-weight:700;margin-right:10px;}
.pt-faq details[open] summary::before{content:"\2013";}
.pt-faq p{margin:0 0 16px;max-width:66ch;}

.pt-skip{position:absolute;left:-9999px;}
.pt-skip:focus{left:24px;top:8px;background:var(--ink);color:#fff;padding:8px 14px;z-index:50;}

/* ---- responsive (mobile: inputs stack, verdict sticks to bottom per D05) ---- */
@media (max-width:860px){
  .pt-alts,.pt-next,.pt-groups{grid-template-columns:1fr;}
  .pt-groups{gap:0;}
  .pt-nav{gap:16px;font-size:.92rem;}
}
@media (max-width:620px){
  .pt-root{font-size:16px;}
  .pt-ws{padding:20px;}
  .pt-nav a:not(.pt-nav__guides){display:none;}
}

/* ====== T57 depth blocks (CANON §2.3) — appended to pt-sheet.css ======
   Stays in VL-05: white + ink + one cobalt accent, hairline rules, no radii,
   no shadows, tabular numerals. Added for the deep guide (page3 etalon). */

/* meta chips — hairline, not middot-mono (anti-T6/T8) */
.pt-chips{list-style:none;display:flex;flex-wrap:wrap;gap:0;margin:20px 0 0;padding:0;border-top:1px solid var(--line);}
.pt-chips li{padding:10px 20px 10px 0;margin-right:20px;border-right:1px solid var(--line);font-size:.95rem;}
.pt-chips li:last-child{border-right:0;}
.pt-chips li span{display:block;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mute);margin-bottom:2px;}
@media (max-width:620px){.pt-chips li{border-right:0;margin-right:0;padding:8px 0;width:100%;}}

/* verified line */
.pt-verified{font-size:.92rem;color:var(--mute);margin:12px 0 0;}
.pt-verified b{color:var(--ink);}

/* annotated diagram */
.pt-diagram svg{width:100%;height:auto;display:block;border:0;}
.pt-figcap{font-size:.85rem;color:var(--mute);margin-top:10px;font-style:italic;}

/* state helper */
.pt-state__tabs{display:flex;flex-wrap:wrap;gap:0;border-top:2px solid var(--line-strong);margin-bottom:0;}
.pt-state__tab{appearance:none;background:var(--paper);border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:11px 16px;font:inherit;font-weight:600;font-size:.95rem;color:var(--mute);cursor:pointer;}
.pt-state__tab[aria-selected="true"]{color:var(--ink);box-shadow:inset 0 -3px 0 var(--accent);}
.pt-state__tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;}
.pt-state__panel{padding:20px 0 4px;border-bottom:1px solid var(--line);}
.pt-state__verdict{font-family:"Archivo Expanded","Archivo",sans-serif;font-weight:700;font-size:1.25rem;color:var(--accent);margin:0 0 .4em;}
.pt-state__body{margin:0 0 .6em;max-width:64ch;}
.pt-state__action{margin:0;max-width:64ch;color:var(--ink);}

/* limits dl */
.pt-limits{margin:14px 0 0;}
.pt-limits dt{font-weight:700;padding:14px 0 2px;border-top:1px solid var(--line);}
.pt-limits dd{margin:0 0 4px;padding:0 0 12px;color:var(--ink);max-width:70ch;}

/* comparison table */
.pt-tablewrap{overflow-x:auto;margin-top:16px;border-top:2px solid var(--line-strong);}
.pt-table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:620px;}
.pt-table th,.pt-table td{text-align:left;vertical-align:top;padding:11px 14px 11px 0;border-bottom:1px solid var(--line);}
.pt-table thead th{font-weight:700;color:var(--ink);border-bottom:1px solid var(--line-strong);}
.pt-table tbody th[scope="row"]{font-weight:600;color:var(--mute);width:22%;padding-right:18px;}
.pt-table td{font-variant-numeric:tabular-nums;}

/* refutation */
.pt-refute{font-size:.98rem;color:var(--ink);max-width:70ch;margin:18px 0 0;padding-left:18px;border-left:3px solid var(--accent);}

/* sources list */
.pt-sources{list-style:none;padding:0;margin:14px 0 0;}
.pt-sources li{border-top:1px solid var(--line);padding:10px 0;}
.pt-sources li:last-child{border-bottom:1px solid var(--line);}
.pt-sources a{font-weight:600;}
