:root{--bg:#f7f5f0;--fg:#1f1e1b;--muted:#6b675f;--line:#e2ddd2;--card:#fff;--accent:#8b3a62;--accent-soft:#f6e9f0;
--pal:#9a6a1f;--pal-soft:#f7eedf;--isr:#3d5a8a;--isr-soft:#e8eef7;--both:#4d6b4f;--both-soft:#e9f1e8;
--ok:#2f7a4f;--ok-soft:#e7f3ec;--miss:#a8541e;--miss-soft:#fbeee4;--lead:#5b4a8b;--lead-soft:#efebf8;--banner:#fff3cf}
@media (prefers-color-scheme:dark){:root{--bg:#121211;--fg:#ebe8e1;--muted:#a19c92;--line:#2c2b28;--card:#1b1a18;--accent:#e08ab4;--accent-soft:#33202a;
--pal:#e0b36b;--pal-soft:#2c2416;--isr:#8fb0e6;--isr-soft:#1a2231;--both:#9bc49d;--both-soft:#1b261c;
--ok:#7fcc9e;--ok-soft:#16261d;--miss:#f0a06b;--miss-soft:#2c1d13;--lead:#b3a2ec;--lead-soft:#221d33;--banner:#3a3218}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.62 Charter,"Iowan Old Style",Georgia,serif}
a{color:var(--accent)}main{max-width:62rem;margin:0 auto;padding:0 16px 3rem}
.bar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 16px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);font-family:system-ui,sans-serif}
.logo{font-weight:700;font-size:1.15rem;text-decoration:none;color:var(--fg);letter-spacing:-.01em}.logo span{color:var(--accent)}
.bar nav{display:flex;gap:.9rem;align-items:center;font-size:.92rem}.bar nav a{text-decoration:none;color:var(--muted)}
#random{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:999px;padding:.25rem .8rem;cursor:pointer}
.banner{background:var(--banner);font:13px/1.4 system-ui,sans-serif;padding:.4rem 16px;text-align:center}
h1{font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.15;letter-spacing:-.01em;margin:.4rem 0 .6rem}
h2{font:650 1.12rem/1.3 system-ui,sans-serif;margin:2rem 0 .7rem}h3{font:600 1rem/1.35 system-ui,sans-serif;margin:.2rem 0 .35rem}
.muted,.heard{color:var(--muted)}.lede{font-size:1.25rem}
.hero{padding:2.2rem 0 .8rem;max-width:44rem}
.search{position:relative;margin-top:1.2rem}.search input{width:100%;font:1.05rem system-ui,sans-serif;padding:.8rem 1rem;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--fg)}
#count{font:13px system-ui,sans-serif;display:block;margin-top:.35rem}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1rem;align-items:start}
.col h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.6rem}
.col.pal h3{color:var(--pal)}.col.isr h3{color:var(--isr)}.col.both h3{color:var(--both)}
.argcard{display:block;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:10px;padding:.7rem .85rem;margin-bottom:.6rem;text-decoration:none;color:var(--fg);transition:transform .12s,box-shadow .12s}
.col.pal .argcard{border-left-color:var(--pal)}.col.isr .argcard{border-left-color:var(--isr)}.col.both .argcard{border-left-color:var(--both)}
.argcard:hover,.trapcard:hover,.counter:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08)}
.argcard .claim{display:block;font-size:.98rem;line-height:1.4}
.dots{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.45rem}.dots i{font:normal 11.5px system-ui,sans-serif;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:.05rem .5rem}
.trapgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:.7rem}
.trapcard{display:flex;flex-direction:column;gap:.3rem;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.85rem .95rem;text-decoration:none;color:var(--fg);transition:transform .12s,box-shadow .12s}
.trapcard strong{font:650 1rem system-ui,sans-serif;color:var(--accent)}.trapcard.theme strong{color:var(--fg)}
.trapcard span{font-size:.92rem;color:var(--muted)}.trapcard em{font:normal 12px system-ui,sans-serif;color:var(--muted);margin-top:auto}
.hidden{display:none!important}
.entry{max-width:44rem;margin:0 auto;padding-top:1.4rem}
.kicker{font:12.5px system-ui,sans-serif;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0}
.sidechip{font:12px system-ui,sans-serif;text-transform:none;letter-spacing:0;border-radius:999px;padding:.1rem .55rem;background:var(--line);color:var(--fg)}
.side-pal .sidechip{background:var(--pal-soft);color:var(--pal)}.side-isr .sidechip{background:var(--isr-soft);color:var(--isr)}.side-both .sidechip{background:var(--both-soft);color:var(--both)}
.traps{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin:.6rem 0}.lbl{font:12.5px system-ui,sans-serif;color:var(--muted);margin-right:.2rem}
.trap{font:13px system-ui,sans-serif;text-decoration:none;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:.15rem .6rem}
.path{list-style:none;padding:0;margin:1.4rem 0 0;counter-reset:step}
.step{position:relative;padding:.2rem 0 .6rem 2.6rem;border-left:2px solid var(--line);margin-left:.9rem}
.step::before{counter-increment:step;content:counter(step);position:absolute;left:-.95rem;top:.1rem;width:1.8rem;height:1.8rem;border-radius:50%;display:grid;place-items:center;font:600 .85rem system-ui,sans-serif;background:var(--card);border:2px solid var(--line)}
.step h2{margin-top:.15rem}.step.steel::before{border-color:var(--muted)}.step.s-ok::before{border-color:var(--ok);color:var(--ok)}.step.s-miss::before{border-color:var(--miss);color:var(--miss)}.step.s-lead::before{border-color:var(--lead);color:var(--lead)}
.step.s-ok>h2{color:var(--ok)}.note h3{color:var(--fg)}.step.s-miss h2{color:var(--miss)}.step.s-lead h2{color:var(--lead)}
.step.steel ul{padding-left:1.1rem}.step.steel li{margin:.3rem 0}
.note{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.8rem 1rem;margin:.6rem 0}
.step.s-ok .note{border-color:color-mix(in srgb,var(--ok) 35%,var(--line));border-left:4px solid var(--ok)}.step.s-miss .note{border-color:color-mix(in srgb,var(--miss) 35%,var(--line));border-left:4px solid var(--miss)}.step.s-lead .note{border-left:4px solid var(--lead)}
.note p{margin:.3rem 0}
.srcs{display:flex;flex-direction:column;gap:.35rem;margin-top:.6rem}
.src{font:14px/1.45 system-ui,sans-serif;background:color-mix(in srgb,var(--card) 70%,transparent);border:1px solid var(--line);border-radius:8px}
.src summary{cursor:pointer;padding:.35rem .6rem;list-style:none}.src summary::-webkit-details-marker{display:none}
.stype{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-right:.45rem}
.ok{color:var(--ok)}.warn{color:var(--miss)}.cl{font-size:11px;border:1px solid var(--miss);color:var(--miss);border-radius:999px;padding:0 .4rem}
.srcbody{padding:.2rem .7rem .6rem}.clinfo{background:var(--miss-soft);border-radius:6px;padding:.4rem .6rem}
.scans{display:flex;gap:.5rem;overflow-x:auto;padding:.3rem 0}.scans img{max-height:22rem;max-width:100%;border-radius:6px;border:1px solid var(--line);background:#111}
.cmeta{font-weight:600}
.decision{background:var(--card);border:1px solid var(--lead);border-radius:12px;padding:.8rem 1rem;margin:.6rem 0}
.decision .q{font-weight:600;margin:.1rem 0 .5rem}
.opt{border:1px solid var(--line);border-radius:10px;margin:.4rem 0;background:var(--lead-soft)}
.opt summary{cursor:pointer;padding:.5rem .8rem;font:600 .95rem system-ui,sans-serif;list-style:none}.opt summary::before{content:"→ ";color:var(--lead)}
.opt[open] summary{border-bottom:1px solid var(--line)}.opt p,.opt a{margin:.5rem .8rem;display:block}
.counters .counter{display:block;text-decoration:none;color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.8rem 1rem;margin:.6rem 0;transition:transform .12s,box-shadow .12s}
.counter .claim{display:block;font-size:1.05rem;margin:.35rem 0}.shared{font:13px system-ui,sans-serif;color:var(--muted)}.shared b{color:var(--accent);font-weight:600}
.rel{display:flex;flex-wrap:wrap;gap:.45rem}.rel a{font:14px system-ui,sans-serif;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:.25rem .75rem}
.cardbox{background:var(--accent-soft);border-radius:14px;padding:.6rem 1.1rem 1rem;margin:1rem 0}
.cardbox h3{color:var(--accent);margin-top:.8rem}.examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.8rem}
.examples div{background:var(--card);border-radius:10px;padding:.2rem .8rem .5rem}
section.steel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.1rem 1rem .6rem}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.8rem}
.featcard{display:flex;flex-direction:column;gap:.4rem;text-decoration:none;color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem;transition:transform .12s,box-shadow .12s}
.featcard:hover,.next:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08)}
.featcard .num{font:700 .8rem system-ui,sans-serif;color:var(--accent)}.featcard .claim{font-size:1.12rem;line-height:1.35}
.next{display:grid;grid-template-columns:1fr auto;gap:.1rem 1rem;align-items:center;text-decoration:none;color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.9rem 1.1rem;margin:2rem 0 .5rem;transition:transform .12s,box-shadow .12s}
.next .muted{font:12.5px system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;grid-column:1}.next .claim{grid-column:1;font-size:1.08rem}.next .arrow{grid-column:2;grid-row:1/3;font-size:1.4rem;color:var(--accent)}
.solgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.7rem}.solgrid.big{margin-top:1rem}
.solcard{display:flex;flex-direction:column;gap:.35rem;background:var(--card);border:1px solid var(--line);border-top:4px solid var(--lead);border-radius:12px;padding:.85rem .95rem;text-decoration:none;color:var(--fg);transition:transform .12s,box-shadow .12s}
.solcard:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08)}.solcard strong{font:650 1rem system-ui,sans-serif}.solcard span{font-size:.93rem;color:var(--muted)}.solcard em{font:normal 12px system-ui,sans-serif;color:var(--muted)}
.solcard.gone,.solchip.gone{border-top-color:var(--miss)}.solchip{border-top:3px solid var(--lead)!important}
.twocol{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.8rem;margin:1rem 0}
.who{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.6rem 1rem}.who.isr{border-left:4px solid var(--isr)}.who.pal{border-left:4px solid var(--pal)}
.req li,.hq li{margin:.35rem 0}.hq li{font-style:italic}
.warnbox{background:var(--miss-soft);border-radius:10px;padding:.7rem 1rem}
.gonebox{background:var(--miss-soft);border:1px solid var(--miss);border-radius:14px;padding:.4rem 1.1rem .8rem;margin:1.4rem 0}.gonebox h3{color:var(--miss)}
.bars{display:flex;flex-direction:column;gap:.45rem;margin:.4rem 0 .6rem}.barrow{display:grid;grid-template-columns:minmax(8rem,16rem) 1fr 3rem;gap:.6rem;align-items:center;font:14px system-ui,sans-serif}
.bar{background:var(--line);border-radius:999px;height:.7rem;overflow:hidden}.bar i{display:block;height:100%;background:var(--lead);border-radius:999px}.bp{text-align:right;font-weight:600}
footer{max-width:44rem;margin:2rem auto 0;padding:1.5rem 16px 2.5rem;color:var(--muted);font:13px/1.5 system-ui,sans-serif;text-align:center;border-top:1px solid var(--line)}
@media (max-width:600px){body{font-size:16px}.bar nav a{display:none}.step{padding-left:1.8rem}}