:root{--paper:#ffffff;--ink:#16264a;--soft:#f1f4fa;--line:#16264a;--mute:#5b6886;--shu:#d63c22;--gold:#f2b000;--navy:#0d1834}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--paper:#0c1530;--ink:#eef2fb;--soft:#16213f;--line:#c3cee8;--mute:#9aa7c4;--shu:#ff6347;--gold:#ffc83d}}
:root[data-theme="dark"]{--paper:#0c1530;--ink:#eef2fb;--soft:#16213f;--line:#c3cee8;--mute:#9aa7c4;--shu:#ff6347;--gold:#ffc83d}
*{box-sizing:border-box}
body{margin:0;background:var(--soft);color:var(--ink);font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","BIZ UDPGothic","Noto Sans JP",system-ui,sans-serif;line-height:1.75;font-size:16px}
a{color:var(--shu)}
.wrap{max-width:760px;margin:0 auto;padding:0 16px}
header.top{background:var(--navy);color:#fff;padding:28px 0 32px}
header.top .brand{display:flex;align-items:center;gap:14px}
header.top img{width:64px;height:64px;border-radius:15px}
header.top h1{margin:0;font-size:30px;letter-spacing:.02em}
header.top h1 em{font-style:normal;color:#ff6347}
header.top p{margin:8px 0 0;opacity:.9}
nav.links{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px}
nav.links a{color:#ffc83d;font-weight:700;text-decoration:none}
main{padding:28px 0 40px}
section.card{background:var(--paper);border:2.5px solid var(--line);border-radius:14px;padding:18px 20px;margin:0 0 18px;box-shadow:0 3px 0 var(--line)}
h2{font-size:21px;margin:0 0 10px}
h3{font-size:17px;margin:18px 0 6px}
ul,ol{padding-left:1.3em;margin:6px 0}
.shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.shots img{width:100%;height:auto;border-radius:12px;border:2px solid var(--line)}
.note{color:var(--mute);font-size:14px}
footer{padding:0 0 40px;color:var(--mute);font-size:14px;text-align:center}
@media (max-width:520px){.shots{grid-template-columns:1fr 1fr}.shots img:last-child{display:none}header.top h1{font-size:25px}}