.shot{margin:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface-2);box-shadow:var(--shadow)}
.shot img{display:block;width:100%;height:auto}
.sw-d{display:none!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sw-l{display:none!important}:root:not([data-theme="light"]) .sw-d{display:block!important}}
:root[data-theme="dark"] .sw-l{display:none!important}:root[data-theme="dark"] .sw-d{display:block!important}
.ch-nav{position:sticky;top:calc(var(--nav-h) + 8px);z-index:5;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:-8px auto 8px;padding:8px;border-radius:var(--pill);background:color-mix(in srgb,var(--bg) 88%,transparent);width:max-content;max-width:100%}
.ch-nav a{display:inline-flex;gap:6px;align-items:center;padding:7px 14px;border-radius:var(--pill);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:700;font-size:14px;text-decoration:none}
.ch-nav a svg{width:16px;height:16px}
.spot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,3vw,36px);align-items:center;padding:clamp(22px,3.6vw,44px);border-radius:var(--r-xl);background:var(--panel);color:var(--panel-ink)}
.spot h2{color:var(--panel-ink);font-size:clamp(26px,3.6vw,42px);line-height:1.1;margin:8px 0 12px}
.spot p{color:var(--panel-faint);font-size:17px;line-height:1.55;margin:0 0 18px}
.spot .eyebrow{color:var(--accent)}
.spot-list{display:grid;gap:10px}
.spot-list a{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:12px 14px;border-radius:var(--r);background:var(--panel-2);border:1px solid var(--panel-line);color:var(--panel-ink);text-decoration:none}
.spot-list a strong{display:block}
.spot-list a span span{color:var(--panel-faint);font-size:14px}
.spot-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--panel-line);color:var(--accent)}
.chapter{counter-increment:ch;display:grid;grid-template-columns:minmax(200px,300px) minmax(0,1fr);gap:clamp(18px,4vw,56px);padding-top:clamp(34px,5vw,64px);scroll-margin-top:calc(var(--nav-h) + 70px)}
.ch-side{position:sticky;top:calc(var(--nav-h) + 80px);align-self:start}
.ch-num{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--ink-faint)}
.ch-big{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:var(--accent);color:var(--accent-ink);margin:12px 0}
.ch-big svg{width:30px;height:30px}
.ch-side h2{margin:0 0 6px;font-size:clamp(28px,3.4vw,40px)}
.ch-side p{margin:0;color:var(--ink-soft);line-height:1.5}
.ch-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.it{padding:20px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.it:first-child{grid-column:1 / -1;border-color:color-mix(in srgb,var(--accent) 70%,var(--line))}
.it-ico{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--surface-2);color:var(--ink);margin-bottom:10px}
.it-ico .app-ico{width:30px;height:30px}
.it h3{margin:0 0 6px;font-size:19px}
.it p{margin:0;color:var(--ink-soft);line-height:1.5}
@media (max-width:860px){.spot{grid-template-columns:1fr}.chapter{grid-template-columns:1fr}.ch-side{position:static}.ch-items{grid-template-columns:1fr}.ch-nav{top:calc(var(--nav-h) + 4px)}}
.page-main{counter-reset:ch}
.ch-num::after{content:" " counter(ch)}