/* inner pages: why, brand, 404 */
.mast{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:12px;padding:calc(10px + var(--safe-t)) 16px 10px;background:color-mix(in oklab,var(--calico) 90%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid rgba(24,33,29,.08)}
.mast .logo img{height:28px;width:auto;display:block}.mast-r{margin-left:auto;display:flex;gap:8px}
.mast .snd .lbl{display:none}
body{background:var(--calico);color:var(--worsted)}
.doc{max-width:720px;margin:0 auto;padding:36px 20px 120px}
.doc h1{font-family:var(--serif);font-weight:400;font-size:clamp(38px,9vw,64px);line-height:1.02;letter-spacing:-.01em;margin:10px 0 18px}
.doc h2{font-family:var(--serif);font-weight:400;font-size:clamp(26px,6vw,34px);line-height:1.1;margin:44px 0 12px;scroll-margin-top:80px}
.doc h3{font-size:18px;margin:22px 0 6px}
.doc p,.doc li{font-size:17px;line-height:1.6;color:#2F3833}.doc li{margin:4px 0}
.doc a{color:var(--matDeep);text-decoration-thickness:1.5px;text-underline-offset:3px}
.lede{font-size:20px!important;color:var(--worsted)!important}
.card{background:#fff;border-radius:18px;padding:20px 20px 18px;margin:18px 0;box-shadow:0 1px 0 rgba(24,33,29,.06),0 10px 30px -18px rgba(24,33,29,.4)}
.card.pin{border-left:6px solid var(--pin)}.card.mat{background:var(--mat);color:var(--calico)}.card.mat p,.card.mat li{color:#E4EDE8}
.stitch{border:0;border-top:2px dashed var(--pin);opacity:.5;margin:36px 0}
table{width:100%;border-collapse:collapse;font-size:15px;margin:10px 0}td,th{text-align:left;padding:10px 8px;border-bottom:1px solid rgba(24,33,29,.12);vertical-align:top}th{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.sw{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sw div{border-radius:16px;padding:70px 14px 12px;font-size:14px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.sw b{display:block;font-size:16px}
.sw .mono{font-size:12px;opacity:1}
@media (min-width:760px){.sw{grid-template-columns:repeat(4,1fr)}.doc{padding-top:64px}}
.type-sample{font-family:var(--serif);font-size:56px;line-height:1}
.foot{background:#111814;color:#C9D1CC;padding:36px 20px calc(36px + var(--safe-b))}.foot .f-in{max-width:720px;margin:0 auto;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}.foot a{color:var(--calico);min-height:44px;display:inline-flex;align-items:center}
.lost{min-height:70svh;display:grid;place-content:center;text-align:center;padding:40px 20px}
.lost svg{width:min(320px,80vw);margin:0 auto 12px}
.robots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.foot img{filter:invert(94%) sepia(8%) saturate(250%) hue-rotate(5deg);width:140px;height:auto;margin-right:auto;flex-basis:100%;max-width:140px}
.f-small{font-size:12px;color:#8F9A94;flex-basis:100%}
.tbc{background:var(--chalk);padding:1px 6px;border-radius:4px;font-weight:600;color:var(--worsted)}
.robots .bot{width:100%;height:auto;background:#fff;border-radius:14px;padding:6px}
/* advertise page (optional ads add-on) */
.ad .small{font-size:14px;color:var(--muted)}
.rate td.n,.rate th.n{text-align:right;white-space:nowrap}.rate td.n{font-family:var(--mono);font-weight:700;font-size:16px}
.fn{margin:16px 0;background:var(--white);border-radius:18px;padding:18px 18px 16px;box-shadow:0 1px 0 rgba(24,33,29,.06),0 10px 30px -18px rgba(24,33,29,.4);border-top:6px solid var(--mat)}
.fn p{font-size:15px;margin:0 0 10px}
.fn-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;border-bottom:1.5px dashed rgba(24,33,29,.25);padding-bottom:10px}.fn-top b{font-family:var(--serif);font-weight:400;font-size:22px}.fn-top span{font-size:12px;color:var(--muted)}
.fn-ad{border:1.5px dashed rgba(24,33,29,.28);border-radius:12px;padding:12px 14px 4px;margin:12px 0 14px;background:var(--calico)}
.fn-h{font-weight:700;font-size:16px!important;margin-bottom:4px!important}
.nb-tag{margin:0 0 8px;font-size:15px!important;font-weight:700;letter-spacing:0;color:var(--muted)!important}
.nb-tag span{background:var(--worsted);color:var(--calico);padding:3px 7px;border-radius:5px;margin-right:2px}
.fn-line .nb-tag{margin:0 4px 0 0}
.fn-foot{font-size:13px!important;color:var(--muted)!important;border-top:1px solid rgba(24,33,29,.12);padding-top:10px;margin:14px 0 0!important}