*{box-sizing:border-box}body{margin:0;font:17px/1.6 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#14121f;background:#f7f6f2}
a{color:#3b2f8f}.wrap{max-width:1080px;margin:0 auto;padding:0 1.25rem}header{padding:1.2rem 0;border-bottom:1px solid #e4e1d8}
header .wrap{display:flex;align-items:center;gap:1rem}.mark{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f7f6f2 0 30%,#14121f 31%)}
header b a.home{color:inherit;text-decoration:none}header b{font-size:1.05rem;letter-spacing:.02em}nav{margin-left:auto;display:flex;gap:1rem}nav a{text-decoration:none;color:#14121f}
.hero{padding:4rem 0 2rem}.hero h1{font:600 clamp(2rem,5vw,3.2rem)/1.1 Georgia,"Iowan Old Style",serif;margin:0 0 .8rem;max-width:20ch}.hero p{max-width:60ch;color:#4a4658}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;padding:1rem 0 4rem}
.site{background:#fff;border:1px solid #e4e1d8;border-radius:14px;padding:1.2rem;display:flex;flex-direction:column;gap:.4rem;border-top:6px solid var(--c)}
.site h2{margin:0;font-size:1.2rem}.site h2 a{color:#14121f;text-decoration:none}.site p{margin:0;color:#4a4658;font-size:.95rem}.site .meta{font-size:.82rem;color:#6b6778}
.site .go{margin-top:auto;font-weight:700;text-decoration:none;color:var(--c)}.page{padding:3rem 0;max-width:760px}
footer{border-top:1px solid #e4e1d8;padding:2rem 0;font-size:.88rem;color:#6b6778}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}.c0{--c:#6d28d9}.c1{--c:#111827}.c2{--c:#0f766e}.c3{--c:#047857}.c4{--c:#1e3a8a}.c5{--c:#9a3412}.c6{--c:#7c3aed}.c7{--c:#be123c}.c8{--c:#1d4ed8}.c9{--c:#9d3c5b}.c10{--c:#c2410c}