/* Secondary pages (privacy, sent, not sent, 404): same tokens and type scale, no motion. */
body{margin:0;background:var(--wtg-off-white);color:var(--wtg-charcoal);font-family:var(--wtg-font-sans);font-size:var(--wtg-body);line-height:var(--wtg-body-lh);-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--wtg-blue);outline-offset:3px}
.skip{position:fixed;left:12px;top:-60px;background:var(--wtg-charcoal);color:var(--wtg-off-white);padding:10px 14px;font-family:var(--wtg-font-mono);font-size:var(--wtg-label);z-index:9}
.skip:focus{top:12px}
.p-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px clamp(20px,3.4vw,52px);border-bottom:1px solid var(--wtg-hairline)}
.p-head img{height:24px;width:auto;display:block}
.p-head a.back{font-weight:600;font-size:var(--wtg-ui);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.p-head a.back:hover{text-decoration:underline}
.lbl{font-family:var(--wtg-font-mono);font-size:var(--wtg-label);font-weight:500;letter-spacing:var(--wtg-label-track);text-transform:uppercase;color:var(--wtg-on-light-muted)}
main{max-width:760px;margin:0 auto;padding:clamp(56px,8vw,112px) clamp(20px,3.4vw,52px) clamp(64px,8vw,120px)}
h1{font-size:var(--wtg-h2);font-weight:800;line-height:var(--wtg-h2-lh);letter-spacing:var(--wtg-h2-track);margin:14px 0 22px;text-wrap:balance}
h2{font-size:var(--wtg-h3);font-weight:600;line-height:var(--wtg-h3-lh);letter-spacing:var(--wtg-h3-track);margin:44px 0 10px}
p,li{max-width:64ch}
ul{padding-left:1.2em}
li{margin:6px 0}
.lede{font-size:clamp(18px,1.4vw,21px)}
.btn{display:inline-flex;align-items:center;gap:12px;height:54px;padding:0 24px 0 28px;border-radius:999px;background:var(--wtg-blue);color:#fff;font-weight:600;font-size:var(--wtg-ui);text-decoration:none;margin-top:28px}
.btn:hover{background:var(--wtg-blue-hover)}
.p-foot{border-top:1px solid var(--wtg-hairline);padding:22px clamp(20px,3.4vw,52px);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
.p-foot a{color:var(--wtg-blue-text);font-weight:600}
/* Service pages and FAQ (scripts/make_pages.py) */
.p-cta{margin-top:56px;padding:28px 28px 32px;border:1px solid var(--wtg-hairline);border-radius:18px;background:var(--wtg-surface)}
.p-cta h2{margin-top:0}
.p-cta .btn{margin:8px 16px 0 0}
.p-or{display:inline-block;margin-top:12px;color:var(--wtg-on-light-muted)}
.p-or a{color:var(--wtg-blue-text);font-weight:600}
.p-related{margin-top:48px}
.p-related ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px}
.p-related a{color:var(--wtg-blue-text);font-weight:600;display:inline-block;min-height:44px;line-height:44px}
.p-related a[aria-current=page]{color:var(--wtg-charcoal);text-decoration:none}
main a{color:var(--wtg-blue-text)}
.p-head a.back{white-space:nowrap}
.cta-short{display:none}
@media (max-width:520px){.cta-long{display:none}.cta-short{display:inline}.p-head{padding:18px 16px}.p-head img{height:auto;width:min(220px,55vw)}}
/* demonstration report pages (tables, defect headings, notice) */
h3{font-size:var(--wtg-body);font-weight:600;line-height:var(--wtg-body-lh);margin:32px 0 8px}
.table-wrap{overflow-x:auto;margin:16px 0;border:1px solid var(--wtg-hairline)}
.table-wrap:focus-visible{outline:2px solid var(--wtg-blue);outline-offset:2px}
table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.45}
th,td{text-align:left;vertical-align:top;padding:8px 10px;border-bottom:1px solid var(--wtg-hairline)}
th{font-family:var(--wtg-font-mono);font-size:var(--wtg-label);font-weight:500;letter-spacing:var(--wtg-label-track);text-transform:uppercase;color:var(--wtg-on-light-muted)}
code{font-family:var(--wtg-font-mono);font-size:.9em;overflow-wrap:anywhere}
.demo-label{display:block;border-left:3px solid var(--wtg-blue);background:var(--wtg-surface);padding:14px 16px;margin:24px 0}
