:root{--bg:#f3f4f0;--surface:#fff;--ink:#16233a;--muted:#5d6878;--line:#dfe2dc;--lane:#e8a500;--lane-soft:#fff3cc;--good:#1f8a5b}
@media (prefers-color-scheme:dark){:root{--bg:#0f1520;--surface:#18212f;--ink:#e9edf2;--muted:#9aa5b4;--line:#2a3546;--lane:#f2b705;--lane-soft:#3a3014;--good:#4cc38a}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 "Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;padding:20px 16px 56px}
.top{max-width:760px;margin:0 auto 14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}
.top img{width:30px;height:30px;border-radius:7px}.top b{font-size:17px}.top a{color:inherit;text-decoration:none}.top .sp{flex:1}
article,.card{max-width:760px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px}
h1{font-size:26px;line-height:1.35;margin:0 0 6px}h2{font-size:19px;margin:30px 0 8px;border-left:4px solid var(--lane);padding-left:9px}
h3{font-size:16px;margin:18px 0 4px}p,li{margin:7px 0}a{color:inherit}
.meta{color:var(--muted);font-size:13px;margin-bottom:14px}
.lead{font-size:17px}
.tip{background:var(--lane-soft);border-radius:10px;padding:12px 14px;margin:14px 0}
.spots{display:grid;gap:10px;margin:10px 0;padding:0;list-style:none}
.spots li{border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:0}
.spots li b{font-size:16px}.spots li small{color:var(--muted);display:block}
.cta{display:inline-block;margin:16px 0 4px;background:var(--lane);color:#1a1300;font-weight:700;border-radius:10px;padding:10px 16px;text-decoration:none}
table{border-collapse:collapse;width:100%;font-size:14px;margin:10px 0}td,th{border:1px solid var(--line);padding:6px 8px;text-align:left}
.more{max-width:760px;margin:18px auto 0;font-size:14px}.more a{display:block;margin:4px 0}
footer{max-width:760px;margin:20px auto 0;color:var(--muted);font-size:12px}