:root { --brand:#2A6DF0; --dark:#1A1A2E; }
* { box-sizing:border-box; }
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
       background:#F4F7FE; color:var(--dark); line-height:1.6; }
header { background:var(--brand); color:#fff; padding:16px 20px; display:flex; align-items:center;
         gap:12px; position:sticky; top:0; z-index:10; }
header a.back { color:#fff; text-decoration:none; font-size:24px; line-height:1; }
header h1 { margin:0; font-size:20px; font-weight:700; }
main { max-width:720px; margin:0 auto; padding:22px 20px 64px; }
main h2 { font-size:18px; margin-top:30px; }
main h3 { font-size:15px; margin-top:22px; }
main p, main li { font-size:15px; }
main ul { padding-left:20px; }
a { color:var(--brand); }
.muted { color:#5a6786; font-size:13px; }
.updated { color:#5a6786; font-size:13px; margin-top:-4px; }
.shot { margin:18px 0; border:1px solid #D5DEF5; border-radius:12px; overflow:hidden; background:#fff; }
.shot img { width:100%; display:block; }
.shot .placeholder { min-height:220px; display:flex; align-items:center; justify-content:center;
       text-align:center; padding:20px; color:#9aa7c4; font-size:14px;
       background:repeating-linear-gradient(45deg,#f0f4ff,#f0f4ff 12px,#e8eeff 12px,#e8eeff 24px); }
.shot .cap { padding:9px 12px; font-size:13px; color:#5a6786; background:#F7F9FF;
       border-top:1px solid #eef2fb; }