:root{--bg:#111116;--card:#1b1b24;--line:#2d2d3b;--tx:#f7f9fb;--sub:#aab0bd;--pink:#ff2a6d;--cyan:#05d9e8;--yel:#fafc9a}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 15% -10%,#3a1030 0,transparent 45%),radial-gradient(circle at 100% 10%,#06303a 0,transparent 40%),var(--bg);color:var(--tx);font:16px/1.75 "Hiragino Sans","Noto Sans JP",system-ui,sans-serif}
header{padding:28px 16px 12px;max-width:860px;margin:auto}
.tag{display:inline-block;font-size:12px;color:var(--bg);background:var(--yel);padding:2px 10px;border-radius:99px;font-weight:700}
h1{font-size:28px;line-height:1.3;margin:10px 0 4px;text-shadow:0 0 14px var(--pink)}
h1 small{display:block;font-size:14px;color:var(--cyan);text-shadow:none;font-weight:400}
nav{position:sticky;top:0;z-index:5;background:#111116ee;border-bottom:1px solid var(--line);overflow-x:auto;white-space:nowrap;padding:8px 16px}
nav a{color:var(--tx);text-decoration:none;font-size:14px;margin-right:8px;padding:6px 12px;border:1px solid var(--line);border-radius:99px;display:inline-block}
nav a:hover{border-color:var(--pink);color:var(--pink)}
main{max-width:860px;margin:auto;padding:8px 16px 60px}
section{margin-top:34px;scroll-margin-top:60px}
h2{font-size:20px;border-left:5px solid var(--pink);padding-left:10px;margin:0 0 14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:12px}
.card h3{margin:0 0 6px;font-size:17px;color:var(--cyan)}
.note{color:var(--sub);font-size:13px}
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.badge{font-size:12px;padding:1px 9px;border-radius:99px;border:1px solid var(--cyan);color:var(--cyan);margin-right:4px;white-space:nowrap}
.badge.warn{border-color:var(--yel);color:var(--yel)}
.badge.ng{border-color:var(--pink);color:var(--pink)}
ul{padding-left:20px;margin:6px 0}
.tl{border-left:2px solid var(--pink);margin-left:6px;padding-left:16px}
.tl div{margin-bottom:12px;position:relative}
.tl div::before{content:"";position:absolute;left:-23px;top:8px;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
table{border-collapse:collapse;width:100%;font-size:14px}
th,td{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left;vertical-align:top}
th{color:var(--sub);font-weight:600}
.wrap{overflow-x:auto}
.yl{list-style:none;padding:0}.yl li{padding:10px 0;border-bottom:1px solid var(--line)}.yl a{color:var(--cyan)}
.btn{display:inline-block;margin-top:8px;padding:10px 18px;background:var(--pink);color:#fff;border-radius:10px;text-decoration:none;font-weight:700}
footer{text-align:center;color:var(--sub);font-size:12px;padding:30px 16px}
.sw{display:inline-block;width:18px;height:18px;border-radius:4px;vertical-align:-3px;margin-right:3px;border:1px solid #fff3}


:root{color-scheme:dark}
.nav2{display:flex;flex-wrap:wrap;gap:6px;max-width:860px;margin:0 auto;padding:6px 16px 0}
.nav2 a{color:var(--tx);text-decoration:none;font-size:13px;padding:5px 10px;border:1px solid var(--line);border-radius:99px}
.nav2 a.on{background:var(--pink);border-color:var(--pink)}
.hero{padding:34px 16px 10px;max-width:860px;margin:auto}
.btns{display:flex;flex-wrap:wrap;gap:8px}
input[type=search]{width:100%;font-size:16px;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:#0d0d12;color:var(--tx)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.chips button{font:inherit;font-size:13px;background:var(--card);color:var(--tx);border:1px solid var(--line);border-radius:99px;padding:5px 12px;cursor:pointer}
.chips button.on{background:var(--cyan);color:#111;border-color:var(--cyan)}
.tcard{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--line)}
.cardlink{display:block;text-decoration:none;color:inherit}
.cardlink:hover{border-color:var(--pink)}
.big{font-size:32px;color:var(--pink);font-weight:700;line-height:1}
table{font-size:14px}
a{color:var(--cyan)}
img.fig{max-width:100%;border-radius:12px;border:1px solid var(--line)}
.tcard{align-items:flex-start}.badge{line-height:1.6;display:inline-block}

.pill{display:inline-block;font-size:12px;padding:1px 9px;border-radius:99px;border:1px solid var(--line);color:var(--sub);margin:2px 4px 2px 0}
.pill.ok{border-color:var(--cyan);color:var(--cyan)}.pill.wait{border-color:var(--yel);color:var(--yel)}.pill.no{border-color:var(--pink);color:var(--pink)}
.mt{border-left:4px solid var(--pink);padding-left:12px;margin:18px 0}
.sec h3{color:var(--yel);font-size:15px;margin:14px 0 4px}
.kv{display:grid;grid-template-columns:110px 1fr;gap:6px 12px;font-size:14px}
.kv b{color:var(--sub);font-weight:600}
@media(max-width:560px){.kv{grid-template-columns:1fr}.kv b{margin-top:6px}}
.two{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.rule{border:1px solid var(--yel);border-radius:12px;padding:12px 14px;background:#1d1c10}
details{margin:6px 0}summary{cursor:pointer;color:var(--cyan)}
.who{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.who button{font:inherit;font-size:13px;background:var(--card);color:var(--tx);border:1px solid var(--line);border-radius:99px;padding:5px 12px;cursor:pointer}
.who button.on{background:var(--cyan);color:#111;border-color:var(--cyan)}