:root{--bg:#fff7ef;--surf:#fff;--ink:#2b2140;--mute:#6e6280;--acc:#1e6fe0;--line:#f0e2d4;--cta:#ff6b2c;--ctad:#d4511a;--soft:#fff0e2;--good:#1f9d63;--bad:#c9353d;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#1a1424;--surf:#251d33;--ink:#f5ede6;--mute:#b4a6c2;--acc:#6aa8ff;--line:#3a2f4b;--cta:#ff7f45;--ctad:#b8541f;--soft:#33263f;--good:#3ccb88;--bad:#ff6b72;color-scheme:dark}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 Nunito,system-ui,-apple-system,"Segoe UI",sans-serif}
main,.top,footer{max-width:760px;margin:0 auto;padding-left:16px;padding-right:16px}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;padding-bottom:6px}.brand{display:flex;align-items:center;gap:8px;font:800 22px "Baloo 2",Nunito,sans-serif;color:var(--ink);text-decoration:none}
.go{background:var(--cta);color:#fff;font-weight:800;border-radius:12px;padding:8px 14px;text-decoration:none;box-shadow:0 3px 0 var(--ctad);white-space:nowrap}@media (prefers-color-scheme:dark){.go{color:#1a1424}}
h1,h2,h3{font-family:"Baloo 2",Nunito,sans-serif;line-height:1.2}h1{font-size:32px;margin:14px 0 6px}h2{font-size:23px;margin:30px 0 6px}a{color:var(--acc)}
.crumb{font-size:14px;color:var(--mute)}.sub{color:var(--mute);margin:0 0 12px}.lead{font-size:18px}
.tw{overflow-x:auto;margin:12px 0;border:1px solid var(--line);border-radius:12px;background:var(--surf)}table{border-collapse:collapse;width:100%;font-size:15px}th,td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}tr:last-child td{border-bottom:0}th{background:var(--soft)}
.eg{list-style:none;padding:0;margin:10px 0}.eg li{background:var(--surf);border:1px solid var(--line);border-radius:12px;padding:8px 12px;margin:6px 0}.eg span{display:block;color:var(--mute);font-size:15px}
.tip{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin:16px 0}.no{color:var(--bad);text-decoration:line-through}.yes{color:var(--good);font-weight:700}
details{background:var(--surf);border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:8px 0}summary{cursor:pointer;font-weight:700}
.cta{background:var(--surf);border:1px solid var(--line);border-radius:16px;padding:18px;margin:26px 0;text-align:center}.cta p{margin:0 0 12px}.nav{display:flex;justify-content:space-between;gap:12px;margin:22px 0;flex-wrap:wrap}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;list-style:none;padding:0}.grid a{display:block;background:var(--surf);border:1px solid var(--line);border-radius:12px;padding:9px 12px;text-decoration:none;color:var(--ink);height:100%}.grid small{display:block;color:var(--mute)}
.lt{display:flex;flex-wrap:wrap;gap:6px;padding:0;list-style:none}.lt a{display:block;min-width:38px;text-align:center;background:var(--surf);border:1px solid var(--line);border-radius:10px;padding:5px 8px;text-decoration:none;font-weight:800}
.w{background:var(--surf);border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:8px 0}.w h3{margin:0;font-size:19px}.w p{margin:3px 0}.w .m{color:var(--mute);font-size:15px}
footer{color:var(--mute);font-size:14px;padding-top:18px;padding-bottom:40px;border-top:1px solid var(--line);margin-top:30px}