/* tools/site_pages.js が作る。手で直さない。 */
:root{--k:#06070c;--w:#eef1f7;--d:#9aa2bb;--o:#ff7d4d;--c:#58d6ee;--v:#9a86ff;--l:#c8f25a;--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}
html{background:var(--k)}
body{margin:0;background:var(--k);color:var(--w);font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic",system-ui,sans-serif;line-height:1.85;font-size:17px}
.wrap{max-width:46rem;margin:0 auto;padding:0 16px 64px}
.top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--line);margin-bottom:8px}
.top a{color:var(--w);text-decoration:none;font-weight:800;letter-spacing:.04em;min-height:44px;display:inline-flex;align-items:center}
.top .crumb{color:var(--d);font-size:14px;font-weight:400}
a{color:var(--c)} a:hover{color:#fff}
a:focus-visible,.btn:focus-visible{outline:2px solid var(--c);outline-offset:3px;border-radius:4px}
h1{font-size:clamp(26px,5vw,36px);line-height:1.35;margin:24px 0 6px}
h2{font-size:20px;margin:40px 0 10px;padding-top:6px;border-top:1px solid var(--line)}
.kick{color:var(--ac,var(--c));font-weight:800;letter-spacing:.12em;font-size:14px;margin:28px 0 0}
.sub{color:var(--d);margin:0 0 14px}
.lead{font-size:18px}
.note{border:1px solid var(--line);border-left:4px solid var(--o);border-radius:8px;padding:10px 14px;margin:16px 0;background:rgba(255,125,77,.07);font-size:15px}
.thumb{width:100%;height:auto;aspect-ratio:16/9;border-radius:12px;border:2px solid var(--ac,var(--c));display:block;margin:16px 0;background:#10142a}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:12px;font-weight:800;text-decoration:none;background:var(--o);color:#0b0d18}
.btn.alt{background:transparent;color:var(--w);border:1px solid var(--line)}
.btn.off{background:#232a48;color:var(--d)}
ul.plain{margin:0;padding-left:1.3em} ul.plain li{margin:6px 0}
ol.ch{list-style:none;margin:0;padding:0} ol.ch li{display:flex;gap:14px;margin:4px 0} ol.ch time{color:var(--d);font-variant-numeric:tabular-nums;min-width:3.2em}
.rel{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rel a{display:block;padding:10px 14px;min-height:44px;border:1px solid var(--line);border-radius:12px;color:var(--w);text-decoration:none}
.rel a:hover{border-color:var(--c)} .rel small{display:block;color:var(--d);line-height:1.5}
.rel em{font-style:normal;font-size:12px;color:var(--d);border:1px solid var(--line);border-radius:99px;padding:1px 8px;margin-left:6px}
.script p{margin:0 0 1em}
.src{font-size:14px;color:var(--d);word-break:break-all}
.src li{margin:6px 0}
footer{margin-top:48px;padding-top:16px;border-top:1px solid var(--line);color:var(--d);font-size:14px}