:root{color-scheme:light dark;--bg:#f6f8fa;--panel:#fff;--ink:#152d36;--muted:#5c727a;--line:#dce6ea;--accent:#087e83;--soft:#e8f4f2;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.8}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}.top,main,footer{max-width:1120px;margin:auto;padding-inline:28px}.top{min-height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:23px;text-decoration:none}.top nav{display:flex;gap:22px;align-items:center}.launch{display:inline-block;padding:9px 18px;border-radius:12px;background:var(--accent);color:#fff;text-decoration:none;font-weight:600}.hero{padding:54px 0 32px;max-width:760px}.eyebrow{font-size:13px;color:var(--accent);font-weight:700;text-decoration:none}h1{font-size:clamp(30px,5vw,48px);line-height:1.3;margin:14px 0}h2{font-size:23px;line-height:1.5}.hero p{color:var(--muted);font-size:18px}.search{margin-top:26px}.search label{display:block;font-size:14px;margin-bottom:8px;font-weight:600}input{width:100%;border:1px solid var(--line);border-radius:14px;padding:15px 18px;background:var(--panel);color:var(--ink);min-height:54px}input:focus{outline:2px solid var(--accent);outline-offset:2px}#search-status{display:block;font-size:13px;color:var(--muted);min-height:24px;margin-top:6px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:44px}.cards a{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;text-decoration:none;transition:border-color .15s}.cards a:hover{border-color:var(--accent)}.cards strong{font-size:19px;margin:12px 0 5px}.cards span{font-size:13px;color:var(--muted)}.cards .card-index{color:var(--accent);font-weight:700;direction:ltr;text-align:start}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:38px;align-items:start}aside{position:sticky;top:20px}aside nav{display:flex;flex-direction:column;gap:5px}aside a{padding:10px 14px;border-radius:10px;text-decoration:none;font-size:14px}aside a:hover,aside a[aria-current]{background:var(--soft);color:var(--accent)}.category{margin-bottom:36px;scroll-margin-top:20px}.category h2{margin:0 0 16px}.category h2 a{text-decoration:none}details{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;scroll-margin-top:24px}summary{padding:18px 20px;cursor:pointer;font-weight:600}details[open] summary{color:var(--accent)}.answer{padding:0 20px 20px}.answer p{margin:0 0 15px;color:var(--muted)}.permalink{font-size:13px;color:var(--accent)}.contact{border-top:1px solid var(--line);margin-top:30px;padding:30px 0 42px}.contact p{color:var(--muted)}footer{border-top:1px solid var(--line);padding-block:24px;display:flex;flex-wrap:wrap;gap:24px;font-size:13px;color:var(--muted)}[hidden]{display:none!important}.skip{position:absolute;top:-100px;inset-inline-start:20px;background:var(--panel);padding:10px;z-index:2}.skip:focus{top:10px}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:700px){.top,main,footer{padding-inline:18px}.top{min-height:74px}.top nav{gap:14px;font-size:14px}.launch{padding:8px 12px}.hero{padding-top:32px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:26px}.cards a{padding:16px}.cards strong{font-size:16px}.layout{display:block}aside{position:static;margin-bottom:28px}aside nav{flex-direction:row;flex-wrap:wrap;gap:6px}aside a{border:1px solid var(--line);padding:6px 10px;font-size:12px}summary{padding:16px}.answer{padding:0 16px 16px}h2{font-size:21px}}@media(prefers-color-scheme:dark){:root{--bg:#0e191f;--panel:#14242d;--ink:#e9f2f5;--muted:#a3b6c0;--line:#2c404b;--accent:#39b8ad;--soft:#193a3c}.launch{color:#072724}}

.badge-guide{margin-bottom:36px}.badge-guide>p{color:var(--muted)}.badge-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:34px 20px;background:#203d4b;border-radius:20px;color:#fff}.badge-board figure{margin:0;text-align:center}.badge-board img{display:block;width:min(100%,192px);height:auto;margin:0 auto 16px}.badge-board figcaption{font-size:19px;font-weight:700}.badge-board small{display:block;font-size:12px;color:#c4d6df;font-weight:400;margin-top:8px}@media(max-width:400px){.badge-board{padding:24px 14px;gap:14px}.badge-board figcaption{font-size:16px}}