:root{color-scheme:light dark;--page:#f5f7fb;--surface:#fff;--ink:#20323f;--muted:#526674;--line:#dce3eb;--accent:#2b65d5;--tint:#edf3fe}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font:16px/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--accent);text-underline-offset:4px}a:hover{opacity:.8}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header.site-header,footer{max-width:1160px;margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:24px;font-weight:700;color:var(--ink)}.brand-symbol{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#2762d6;color:white;animation:arrive .6s both}.brand-symbol svg{width:30px;height:30px}.brand:hover .brand-symbol{transform:rotate(-5deg)}nav{display:flex;flex-wrap:wrap;gap:8px 20px}nav a{min-height:44px;display:inline-flex;align-items:center}main{max-width:1080px;margin:auto;padding:24px 24px 64px}h1{font-size:clamp(30px,4vw,52px);line-height:1.16;letter-spacing:-.035em;max-width:900px;margin:22px 0}h2{font-size:clamp(23px,3vw,32px);line-height:1.25}h3{font-size:19px;line-height:1.4}.intro,.lead{color:var(--muted);font-size:18px;max-width:780px}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:700}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.button{min-height:46px;padding:10px 18px;border-radius:12px;background:var(--accent);color:white;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:600}.button.secondary{background:var(--surface);color:var(--accent);border:1px solid var(--line)}.toc{padding:16px 22px;background:var(--tint);border-radius:16px;margin:28px 0}.toc a{font-size:14px}.photos{margin:26px 0 38px;border-radius:20px;overflow:hidden;background:var(--surface)}amp-img img{object-fit:contain}.caption{font-size:13px;color:var(--muted);padding:12px 18px;margin:0}article section{scroll-margin-top:24px;margin:40px 0}article p{max-width:78ch}article section>p:first-of-type{color:var(--muted)}table{border-collapse:collapse;width:100%;font-size:15px;background:var(--surface);border-radius:14px;overflow:hidden}caption{text-align:left;font-weight:600;padding:12px}th,td{padding:16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere}th{width:35%;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .2s}.card:hover{transform:translateY(-4px)}.card img{width:100%;height:210px;object-fit:cover;display:block}.card-body{padding:22px}.card h2{font-size:21px;margin:8px 0 12px}.card h2 a{color:var(--ink);text-decoration:none}.card p{color:var(--muted);font-size:14px;margin:10px 0}.card time{font-size:12px;color:var(--muted)}.card .read{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600}.related{padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none}.related a{display:block;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px}footer{border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.empty{padding:36px;background:var(--surface);border-radius:20px}.skip{position:absolute;top:-100px;left:20px}.skip:focus{top:12px;background:var(--surface);padding:12px;z-index:10}@keyframes arrive{from{opacity:0;transform:scale(.8) rotate(-10deg)}to{opacity:1;transform:none}}@media(prefers-color-scheme:dark){:root{--page:#151e23;--surface:#202c34;--ink:#e8eef3;--muted:#b4c0ca;--line:#3b4c58;--accent:#9ebeff;--tint:#243440}.button{background:#315fcb;color:#fff}.brand-symbol{color:#fff}}@media(max-width:760px){main{padding:12px 18px 40px}.cards{grid-template-columns:1fr}.card{display:block}.card img{height:220px;width:100%}.card-body{padding:16px}.card h2{font-size:19px}.related{grid-template-columns:1fr}th,td{padding:12px;font-size:13px}.site-header nav{gap:12px}header.site-header,footer{padding:18px}.intro{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.brand-symbol{animation:none}.card{transition:none}.card:hover,.brand:hover .brand-symbol{transform:none}}