:root{--blue:#3F48CC;--yellow:#FFF200;--magenta:#F038FF;--teal:#55D6C2;--paper:#F2F5FF;--ink:#1b1d3a;--muted:#555a7a}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:#2a31a0}
header{background:var(--blue);color:#fff}
.bar{max-width:1080px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.logo{font:800 1.35rem/0.95 Rockwell,"Rockwell Extra Bold","Roboto Slab",Arvo,Georgia,serif;color:#fff;text-decoration:none}
.logo span{display:block}
nav{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}
nav a{color:#fff;text-decoration:none;padding:6px 10px;border-radius:6px;font-weight:600;font-size:.95rem}
nav a:hover,nav a.on{background:rgba(255,255,255,.14)}nav a.on{color:var(--yellow)}
.tag{color:var(--yellow);font-weight:700;font-size:.9rem}
main{max-width:760px;margin:0 auto;padding:28px 16px 56px;background:#fff;min-height:60vh}
@media(min-width:800px){main{margin:24px auto;border-radius:10px;padding:40px 48px 56px}}
h1{font:800 2.1rem/1.15 Rockwell,"Roboto Slab",Arvo,Georgia,serif;margin:.2em 0 .5em;color:var(--blue)}
h2{font-size:1.4rem;margin:1.8em 0 .5em;border-bottom:3px solid var(--teal);padding-bottom:4px}
h3{font-size:1.15rem;margin:1.4em 0 .4em}
.meta{color:var(--muted);font-size:.9rem;margin-bottom:1.2em}
table{border-collapse:collapse;width:100%;margin:1em 0;font-size:.95rem;display:block;overflow-x:auto}
th,td{border:1px solid #d9dcf0;padding:7px 10px;text-align:left;vertical-align:top}th{background:var(--paper)}
blockquote{margin:1.2em 0;padding:.6em 1em;border-left:5px solid var(--magenta);background:#fdf3ff}
code{background:var(--paper);padding:1px 5px;border-radius:4px;font-size:.9em}
.embed{position:relative;padding-top:56.25%;margin:1.2em 0;border-radius:8px;overflow:hidden;background:#000}
.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.list{list-style:none;padding:0}.list li{padding:12px 0;border-bottom:1px solid #e3e6f5}
.list .d{color:var(--muted);font-size:.85rem;display:block}.list .s{color:var(--muted);font-size:.95rem;display:block}
footer{background:var(--blue);color:#fff;font-size:.9rem}
footer .bar{justify-content:space-between}footer a{color:#fff}
.shop{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.shop img{width:100%;height:auto;border-radius:8px;background:#fff}