/* DentedValue: minimal, mobile-first, no web fonts */
:root{--ink:#1a1f2b;--muted:#4b5563;--bg:#fff;--soft:#f3f5f9;--line:#d8dde6;--brand:#1d4ed8;--brand-dark:#1e3a8a;--accent:#b45309;--warn-bg:#fff7e6;--warn-line:#f2c46d;--radius:10px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:1.0625rem/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}
.wrap{max-width:44rem;margin:0 auto;padding:0 1.125rem}
a{color:var(--brand);text-underline-offset:.15em}
a:hover{color:var(--brand-dark)}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.5rem .75rem;z-index:10}
.skip:focus{left:.5rem;top:.5rem}
h1,h2,h3{line-height:1.25;margin:1.75em 0 .5em}
h1{font-size:1.85rem;margin-top:.75em}
h2{font-size:1.4rem}
h3,.h3{font-size:1.15rem}
p,ul,ol,table,blockquote{margin:0 0 1rem}
li{margin:.25rem 0}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;background:var(--soft);padding:.1em .3em;border-radius:4px;overflow-wrap:anywhere}
hr{border:0;border-top:1px solid var(--line);margin:2rem 0}
blockquote{margin-left:0;padding:.75rem 1rem;border-left:4px solid var(--brand);background:var(--soft);border-radius:0 var(--radius) var(--radius) 0}
blockquote p:last-child{margin-bottom:0}
/* Header / footer */
.site-header{border-bottom:1px solid var(--line);background:#fff}
.header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.75rem;padding-bottom:.75rem}
.wordmark{font-weight:800;font-size:1.35rem;letter-spacing:-.02em;text-decoration:none;color:var(--ink)}
.wm-b{color:var(--brand);display:inline-block;transform:translateY(.06em) skewX(-8deg)}
.nav,.foot-nav{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem 1rem}
.nav a{display:inline-block;padding:.5rem .25rem;text-decoration:none;font-weight:600}
.nav a[aria-current="page"]{text-decoration:underline}
.site-footer{margin-top:3rem;border-top:1px solid var(--line);background:var(--soft);padding:1.5rem 0;font-size:.95rem;color:var(--muted)}
.foot-nav a{display:inline-block;padding:.35rem 0}
.copy{margin-top:1rem}
/* Breadcrumbs */
.crumbs ol{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-wrap:wrap;font-size:.9rem;color:var(--muted)}
.crumbs li+li::before{content:"›";margin:0 .4rem}
/* Home */
.hero h1{font-size:2rem;margin-top:1.25rem}
.lede{font-size:1.15rem}
.note,.small,.updated{font-size:.92rem;color:var(--muted)}
.cards{list-style:none;padding:0;display:grid;gap:1rem}
.card{border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.125rem;margin:0}
.card h2,.card h3{margin:0 0 .35rem}
.card p{margin:0;color:var(--muted)}
.box{margin-top:2rem;padding:1rem 1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft)}
.box h2{margin-top:.25rem;font-size:1.15rem}
/* Tables */
.table-wrap{overflow-x:auto;margin:0 0 1rem;border:1px solid var(--line);border-radius:var(--radius)}
table{border-collapse:collapse;width:100%;margin:0;font-size:.97rem}
th,td{text-align:left;vertical-align:top;padding:.6rem .75rem;border-bottom:1px solid var(--line)}
th{background:var(--soft)}
tr:last-child td{border-bottom:0}
/* Letter template */
.letter{border:1px dashed var(--muted);border-radius:var(--radius);padding:1.25rem;background:#fcfcfd;margin:0 0 1rem}
.copy-btn{margin:0 0 .5rem}
/* Notices */
.notice{background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:var(--radius);padding:.75rem 1rem;margin:0 0 1rem}
.notice p{margin:0}
.aff-tag{font-size:.85em;color:var(--muted)}
/* Forms */
.signup{border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;margin:0 0 2rem}
.field{margin:0 0 1rem}
.field label{display:block;font-weight:600;margin-bottom:.3rem}
.opt{font-weight:400;color:var(--muted)}
input[type=text],input[type=email],select{width:100%;font:inherit;padding:.6rem .7rem;border:1px solid #9aa3b2;border-radius:8px;background:#fff;color:var(--ink)}
.check{display:flex;gap:.6rem;align-items:flex-start}
.check input{width:1.2rem;height:1.2rem;margin-top:.25rem;flex:none}
.check label{font-weight:400;margin:0}
button{font:inherit;font-weight:700;padding:.65rem 1.1rem;border-radius:8px;border:0;background:var(--brand);color:#fff;cursor:pointer}
button:disabled{background:#6b7280;cursor:not-allowed}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (min-width:40rem){.cards{grid-template-columns:1fr 1fr}.hero h1{font-size:2.4rem}}
@media print{.site-header,.site-footer,.box,.copy-btn,.crumbs{display:none}.letter{border:0;padding:0}}
.aff-fallback{margin:.4rem 0 0}
.aff-notice{font-size:.92rem;color:var(--muted);border-left:3px solid var(--warn-line);padding:.4rem .75rem;margin:0 0 1rem}
