/* The preview page and the paid PDF in design F (2026-10-30 draft): the home page's paper, seal red and Noto Sans TC,
   a light cover instead of the black field, rounded cards, even stat tiles. Loaded after transcript.css only when
   transcript.STYLE_F is on (default off until the owner approves the samples at /design/preview-f/ and /design/report-f.pdf). */
:root{--bg:#f6f5f0;--paper:#fff;--surface:#efede6;--tint:#f4e9e4;--ink:#17181a;--muted:#5d5f66;--accent:#b8321f;--accent-deep:#8f2414;--accent-ink:#fff;
--rule:#dad7cd;--mid:#e6e1d6;--mid-ink:#17181a;--dark:#17181a;--dark-ink:#f3f1ea;--radius:12px;
--font-display:"Noto Sans TC",sans-serif;--font-text:"Noto Sans TC",sans-serif}
body.tp{background:var(--bg)}
.tp h1,.tp h2{font-weight:900;letter-spacing:-.01em}.tp h3{font-weight:700}
.tp .button{border-radius:999px;font-weight:700}
.tp .sheet{background:var(--paper);max-width:1120px;margin:0 auto 3rem;border:1px solid var(--rule);border-top:0;border-radius:0 0 18px 18px;overflow:hidden}
/* cover: light paper with a red rule, the address in the home page's weight */
.cover{background:radial-gradient(70% 90% at 85% 10%,var(--tint),transparent 70%),var(--paper);color:var(--ink);min-height:auto;margin:0;padding:1.4rem var(--pad) 2.6rem;border-top:4px solid var(--accent);border-bottom:1px solid var(--rule);gap:1.6rem}
.cover .top{font-size:14px;color:var(--muted)}.cover .top a{color:var(--ink);font-weight:700}
.cover .top span:last-child{border:1px solid var(--rule);border-radius:999px;padding:.15em .8em;background:var(--paper)}
.cover .mark{text-align:left}
.cover .addr{font-weight:900;letter-spacing:.01em;font-size:clamp(1.7rem,1.1rem + 2.6vw,3.1rem);line-height:1.2;white-space:normal}
.cover .sent{margin:1rem 0 0;max-width:46ch;color:var(--muted);font-size:clamp(1.05rem,1rem + .3vw,1.2rem);line-height:1.7}
.cover .row{justify-content:flex-start;gap:.6rem 1.6rem;margin-top:1.4rem;color:var(--muted)}
.cover .row .button{background:var(--accent);color:#fff;padding:.75em 1.5em;order:-1}.cover .row .button:hover{background:var(--accent-deep)}
.cover .obj{border-radius:10px;justify-self:end;width:min(26vw,280px)}
.cover .cnote{color:var(--muted);justify-self:start;text-align:left;font-size:13px}
.cfacts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-self:end}.cfacts div{border:1px solid var(--rule);border-radius:14px;background:var(--paper);padding:16px 18px}
.cfacts b{display:block;font-weight:900;font-size:2.4rem;line-height:1;color:var(--accent)}.cfacts span{display:block;margin-top:.5rem;font-weight:700}.cfacts small{display:block;color:var(--muted);font-size:13px;margin-top:.2rem}
.cover .row span{border:1px solid var(--rule);border-radius:999px;padding:.2em .9em;background:var(--paper);font-size:13px}
/* register */
.reg{gap:0 1rem}.reg table{border-collapse:separate;border-spacing:0;border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden}
.reg th,.reg td{border:0;border-top:1px solid var(--rule)}.reg tr:first-child th,.reg tr:first-child td{border-top:0}
.reg th{background:var(--surface)}
/* parts */
.part .no{display:flex;align-items:center;gap:.6em;font-family:inherit;font-weight:700;font-size:13px;letter-spacing:.14em}
.part .no::before{content:"";width:1.6em;height:2px;background:currentColor}
.part h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.1rem)}
/* stat tiles: three even cards instead of the staircase */
.tiles{grid-template-columns:repeat(3,1fr);gap:12px}
.tiles .t{border-radius:14px;padding:22px 24px;min-height:170px!important;margin-top:0!important;grid-column:auto!important}
.tiles .t strong{font-weight:900;font-size:clamp(2.6rem,1.8rem + 2.4vw,3.8rem)}
.tiles .t span{font-size:1rem;margin-top:.8rem}
.tiles .t3{background:var(--mid)}
/* tables */
.ledger{border-collapse:separate;border-spacing:0;border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden;background:var(--paper)}
.ledger th{background:var(--surface);border-bottom:0;padding:.6em .8em;font-size:13px}.ledger td{padding:.55em .8em}
.toc{border-collapse:separate;border-spacing:0}.toc td{border-top:1px solid var(--rule);padding-top:.7em;padding-bottom:.7em}.toc tr:first-child td{border-top:0}
.toc td:nth-child(1){font-family:inherit;font-weight:900}
.toc .free td:nth-child(4){font-weight:700}
/* warnings and order box */
.coupon{-webkit-mask:none!important;mask:none!important;border-radius:20px;overflow:hidden}
.coupon .r{border-left:2px dashed rgba(255,255,255,.45)}
.coupon .plan{border-radius:10px}.coupon .go{border-radius:999px;background:#fff;color:var(--accent);font-weight:700}
.gauge input{border-radius:8px;background:#fff}.gauge .bar{border-radius:99px;overflow:visible}
.locked{border-radius:var(--radius)}.aer3 img{border-radius:8px}
.partner{border-top:1px solid var(--rule)}
@media(max-width:900px){.tiles{grid-template-columns:1fr}.tiles .t{min-height:120px!important}.tiles .t strong{font-size:2.6rem!important}
  .coupon .r{border-left:0;border-top:2px dashed rgba(255,255,255,.45)}.cover .obj{width:100%;justify-self:stretch}}
/* print: a white cover (no full-page black), the same red accents */
@media print{
  body.tp{background:#fff}.tp .sheet{border:0;border-radius:0;margin:0}
  .cover{background:#fff!important;color:var(--ink);border-top:3mm solid var(--accent);border-bottom:0;padding:10mm 4mm 8mm;min-height:250mm}
  .cover .top,.cover .cnote{color:var(--muted)}.cover .sent{color:var(--ink)}
  .cover .addr{font-size:26pt}.cover .row{flex-direction:row!important;justify-content:flex-start;gap:3mm}.cover .mark{align-self:start;margin-top:14mm}
  .cfacts{gap:4mm}.cfacts div{padding:5mm}.cfacts b{font-size:30pt}
  .reg table{border-radius:2mm}
  .tiles{grid-template-columns:repeat(3,1fr)}.tiles .t{border-radius:3mm;min-height:34mm!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .ledger{border-radius:0;border-left:0;border-right:0}.ledger th{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .part .no::before{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}