/* v3 additions for the pages ported from nightwarden.co.uk: legal/doc prose, app-support cards, comparison table. Uses the tokens in app.css. */
.doc{padding-top:var(--s6);padding-bottom:var(--s7)}
.doc-in{max-width:820px}
.doc-in h2{font-size:1.75rem;line-height:1.2;letter-spacing:-.02em;margin:var(--s5) 0 var(--s2)}
.doc-in h3{font-size:1.25rem;line-height:1.3;letter-spacing:-.015em;margin:var(--s4) 0 var(--s1)}
.doc-in>:first-child,.doc-in>section:first-child>:first-child{margin-top:0}
.doc-in p,.doc-in li{font-size:1.0625rem;line-height:1.65;color:#2A3858}
.doc-in p{margin:0 0 var(--s2)}
.doc-in ul,.doc-in ol{margin:0 0 var(--s3);padding-left:var(--s4)}
.doc-in li{margin:0 0 var(--s1)}
.doc-in li>ul,.doc-in li>ol{margin-top:var(--s1);margin-bottom:0}
.doc-in strong{color:var(--ink)}
.doc-in a{text-underline-offset:3px}
.p-hero .sub+.sub{margin-top:var(--s1)}
.doc .rel{margin-top:var(--s6);padding-top:var(--s4);border-top:1px solid var(--line)}
.doc .rel h2{margin-top:0}
.rel-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}
.doc-in .rel-g h3{margin-top:0}
.doc-in .rel-g ul{list-style:none;padding:0;margin:0}
.doc-in .rel-g li{margin-bottom:6px}
@media(max-width:640px){.rel-g{grid-template-columns:1fr}.doc-in ul,.doc-in ol{padding-left:var(--s3)}.doc-in h2{font-size:1.5rem}}

/* app-support */
.as .doc-in{max-width:900px}
.as-help{font-weight:600;margin-top:var(--s4)}
.as-jump{background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:var(--s3);margin:0 0 var(--s5)}
.as-jump h2{font-size:1.125rem;margin:0 0 var(--s2);letter-spacing:0}
.as-jump ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px var(--s3)}
.as-jump li{margin:0}
.as-sec{border:1px solid var(--line);border-radius:var(--r);padding:var(--s4);margin:0 0 var(--s3);background:var(--white)}
.doc-in .as-sec>h2{margin:0 0 var(--s2);font-size:1.5rem}
.as-card,.as-note,.as-step{background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:var(--s3);margin:var(--s2) 0}
.as-note{background:var(--tint);border-color:#CFE3F8}
.doc-in .as-card h3,.doc-in .as-note h3{margin:0 0 var(--s1);font-size:1.0625rem}
.as-card>:last-child,.as-note>:last-child,.as-step>:last-child,.as-sec>:last-child{margin-bottom:0}
.as ol li,.as ul li{margin-bottom:var(--s1)}
.as-sec ol>li>.st{display:block}
.as-sec ol>li>.st+span{display:block}
.as-why{list-style:none;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2)}
.as-why li{background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:var(--s2) var(--s3);margin:0}
.doc-in .as-why h3{margin:0 0 4px;font-size:1.0625rem}
.as-why p{margin:0}
.badges{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}
.badges img{display:block;height:48px;width:auto}
.qr{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:var(--s1);margin:var(--s1) 0 var(--s2);line-height:0}
.qr svg{width:180px;height:180px;display:block}
@media(max-width:640px){.as-sec{padding:var(--s3) var(--s2)}.as-jump ul,.as-why{grid-template-columns:1fr}}

/* compare */
.cmp{padding-top:var(--s5);padding-bottom:var(--s7)}
.cmp h2{font-size:2rem;margin:var(--s5) 0 var(--s3)}
.cmp-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s2)}
.cmp-stats li{background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:var(--s3);display:flex;flex-direction:column;gap:4px}
.cmp-stats b{font-size:2.25rem;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--accent)}
.cmp-stats span{color:var(--muted);font-weight:600}
.cmp-note{margin-top:var(--s3);background:var(--tint);border:1px solid #CFE3F8;border-radius:var(--r);padding:var(--s3);display:flex;flex-direction:column;gap:var(--s1);max-width:900px}
.cmp-note p{color:#2A3858}
.cmp-note a{font-weight:700}
.cmp-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);-webkit-overflow-scrolling:touch}
.cmp-t{border-collapse:separate;border-spacing:0;width:100%;min-width:860px;font-size:.9375rem}
.cmp-t th,.cmp-t td{padding:12px 14px;text-align:center;border-bottom:1px solid var(--line);background:var(--white)}
.cmp-t thead th{background:var(--night);color:#fff;font-weight:700;position:sticky;top:0;z-index:1}
.cmp-t thead th.nw{background:var(--accent)}
.cmp-t th:first-child{text-align:left;position:sticky;left:0;z-index:2;min-width:220px;font-weight:600}
.cmp-t thead th:first-child{z-index:3}
.cmp-t tbody th[scope=row]{background:var(--white);color:var(--ink)}
.cmp-t td.nw{background:var(--tint)}
.cmp-t tr.grp th{background:var(--soft);text-align:left;font-size:.8125rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--eyebrow);position:static}
.cmp-t tbody tr:last-child>*{border-bottom:0}
.cmp-t .y{color:#0B7A43;font-weight:800}
.cmp-t .n{color:#9AA6BF;font-weight:700}
.cmp-t .pt,.cmp-t .sn{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.8125rem;font-weight:700}
.cmp-t .pt{background:#FFF3D6;color:#7A5200}
.cmp-t .sn{background:#E4ECFB;color:var(--eyebrow)}
.cmp-fn{margin-top:var(--s2);color:var(--muted);font-size:.9375rem;max-width:900px}
.cmp-cta{margin-top:var(--s5);background:var(--night);color:#fff;border-radius:var(--r);padding:var(--s4);display:flex;gap:var(--s3);align-items:center;justify-content:space-between;flex-wrap:wrap}
.cmp-cta h3{font-size:1.5rem;color:#fff;margin-bottom:var(--s1)}
.cmp-cta p{color:var(--night-muted);max-width:640px}
@media(max-width:900px){.cmp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.cmp h2{font-size:1.625rem}.cmp-stats b{font-size:1.875rem}.cmp-t th:first-child{min-width:150px}.cmp-cta{padding:var(--s3)}}
/* compare, single NightWarden column */
.cmp-link{margin-top:var(--s3);font-weight:700}
.cmp-t.cmp-one{min-width:0;max-width:760px}
.cmp-one th:first-child{min-width:0}
.cmp-scroll:has(.cmp-one){max-width:760px}