.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{font:600 .92rem var(--body);padding:9px 15px;border-radius:999px;border:1px solid var(--sand);background:var(--paper);color:var(--ink);cursor:pointer}
.chip[aria-selected=true],.chip[aria-pressed=true]{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.result{margin-top:14px}.result strong{display:block;font:800 1.5rem/1.2 var(--display)}.result span{color:var(--muted);font-size:.95rem}
.small{font-size:.9rem;color:var(--muted)}
.learn-tools{display:grid;gap:16px;padding-block:8px 8px;border-top:0}
.search input{width:100%;max-width:30em;font:1rem var(--body);padding:13px 16px;border-radius:12px;border:1px solid var(--sand);background:var(--paper);color:var(--ink)}
.agrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}
.acard{display:flex;flex-direction:column;gap:8px;background:var(--paper);border:1px solid var(--sand);border-radius:16px;padding:22px;text-decoration:none;color:var(--ink);min-width:0}
.acard:hover{border-color:var(--shell)}
.acard[hidden]{display:none}
.acard h3{font-size:1.12rem}.acard p{color:var(--muted);font-size:.95rem;flex:1}
.acat{font:600 .72rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--shell-ink)}
.amin{font-size:.85rem;color:var(--muted)}
.empty{margin-top:24px;color:var(--muted)}
.art{max-width:44em;padding-block:40px 24px}
.art h1{font-size:clamp(2rem,4.6vw,3rem);margin-top:4px}
.crumbs{font-size:.9rem;color:var(--muted);margin-bottom:14px}
.prose2{margin-top:30px;font-size:1.1rem}
.prose2>*+*{margin-top:1em}
.prose2 h2{font-size:1.55rem;margin-top:1.7em}
.prose2 ul,.prose2 ol{padding-left:1.3em;display:grid;gap:.5em}
.prose2 strong{font-weight:700}
.note{background:var(--paper);border:1px solid var(--sand);border-left:5px solid var(--shell);border-radius:10px;padding:14px 18px}
.tbl{overflow-x:auto;border:1px solid var(--sand);border-radius:14px;background:var(--paper)}
.tbl table{border-collapse:collapse;min-width:640px;width:100%;font-size:.93rem}
.tbl th,.tbl td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--sand)}
.tbl thead th{font:600 .75rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.tbl tbody th{font-weight:700;white-space:nowrap}
.tbl tr:last-child>*{border-bottom:0}
.more-reading{padding-block:36px 24px}
.wg{background:var(--paper);border:1px solid var(--sand);border-radius:18px;padding:clamp(16px,3vw,26px);display:grid;gap:14px;font-size:1rem}
.wg h4{font:800 1.2rem var(--display);margin:0}
.wg>*{min-width:0}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wg label{display:grid;gap:6px;font-size:.9rem;color:var(--muted)}
.wg select,.wg input[type=range]{width:100%;font:1rem var(--body)}
.wg select{padding:10px;border-radius:10px;border:1px solid var(--sand);background:var(--cream);color:var(--ink)}
.wg fieldset{border:1px solid var(--sand);border-radius:12px;padding:10px 14px;display:flex;gap:6px 18px;flex-wrap:wrap}
.wg fieldset label{display:flex;gap:8px;align-items:center;color:var(--ink)}
.wg fieldset[disabled]{opacity:.45}
.rng{display:grid;grid-template-columns:1fr auto;align-items:center}.rng input{grid-column:1/3}
.rng output{font-weight:700;color:var(--ink)}
.meter{height:10px;border-radius:999px;background:var(--sand);overflow:hidden;margin-top:10px}
.meter i{display:block;height:100%;width:0;background:var(--shell);transition:width .25s}
.meter i.weak{background:#c0392b}.meter i.mid{background:#d99a1c}
.reveal-out{font-size:1.05rem;min-height:3.2em}
.reveal-out[hidden]{display:none}
.lay{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.lay li{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--sand);border-radius:12px;padding:12px 14px;background:var(--cream);flex-wrap:wrap}
.lay .v{font:700 .8rem var(--mono);padding:4px 10px;border-radius:6px;background:#f3d3cc;color:#7d2517}
.lay li.safe .v{background:#cdeedb;color:#0b5a2d}
.pq{border:1px solid var(--sand);border-radius:14px;padding:14px;background:var(--cream);display:grid;gap:10px}
.pq .msg{font-size:1rem}
.pbtn{display:flex;gap:10px;flex-wrap:wrap}
.pq .btn{padding:10px 16px;font-size:.95rem}
.pfb{font-size:.95rem;padding:10px 12px;border-radius:10px;background:var(--paper);border:1px solid var(--sand)}
.pq.ok{border-color:var(--shell)}.pq.bad{border-color:#c0392b}
.pfb[hidden]{display:none}
.ck{list-style:none;margin:0!important;padding:0!important;display:grid;gap:8px}
.ck label{display:flex;gap:12px;align-items:flex-start;color:var(--ink);padding:10px 12px;border:1px solid var(--sand);border-radius:12px;background:var(--cream);cursor:pointer}
.ck input{margin-top:.35em;width:18px;height:18px;flex:none}
.wg .cards{margin-top:4px}
.wg .card[hidden]{display:none}
.wg .card h3{text-transform:capitalize}
.teaser2{display:grid;gap:8px}
@media (max-width:880px){.agrid{grid-template-columns:1fr}.row{grid-template-columns:1fr}}