:root { color-scheme: light; --ink:#29243b; --muted:#59546a; --purple:#6244a6; --paper:#fffbf4; --line:#e7deed; }
* { box-sizing:border-box; }
html { font-family:ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--ink); background:var(--paper); line-height:1.65; }
body { margin:0; }
a { color:var(--purple); text-underline-offset:.18em; overflow-wrap:anywhere; }
a:hover { text-decoration-thickness:.16em; }
a:focus-visible { outline:3px solid #aa7420; outline-offset:5px; border-radius:4px; }
.skip { position:absolute; top:-6rem; left:1rem; padding:.6rem 1rem; background:white; z-index:2; }
.skip:focus { top:1rem; }
.wrap { width:min(100% - 3rem, 900px); margin-inline:auto; }
header { padding:1.25rem 0; border-bottom:1px solid var(--line); }
.header-inner { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem; }
.brand { display:flex; align-items:center; gap:.65rem; text-decoration:none; color:var(--ink); font-size:1.35rem; font-weight:800; }
.mark { display:grid; grid-template-columns:repeat(2,10px); gap:3px; transform:rotate(-8deg); }
.mark i { width:10px; height:10px; border-radius:3px; background:#9772da; }
.mark i:nth-child(2) { background:#edb755; }
.mark i:nth-child(3) { background:#61a59a; }
.mark i:nth-child(4) { background:#d97b95; }
nav { display:flex; flex-wrap:wrap; gap:.25rem; }
nav a { display:inline-block; min-height:44px; padding:.5rem .8rem; font-weight:650; border-radius:12px; }
nav a[aria-current] { color:var(--ink); background:#ece4fa; text-decoration:none; }
main { padding:3.5rem 0 2.5rem; }
.eyebrow { text-transform:uppercase; letter-spacing:.13em; font-size:.76rem; font-weight:800; color:var(--purple); margin:0 0 .6rem; }
h1 { font-size:clamp(2rem,6vw,3.25rem); line-height:1.12; letter-spacing:-.035em; margin:0 0 1rem; }
.intro { font-size:1.18rem; color:var(--muted); max-width:660px; margin:0 0 2rem; }
h2 { font-size:1.2rem; line-height:1.35; margin:0 0 .65rem; }
p { margin:.65rem 0; }
.card { background:white; border:1px solid var(--line); border-radius:20px; padding:1.5rem; margin-bottom:1rem; }
.contact { background:#ece7f7; border-color:#ddd1ee; }
.email { display:inline-block; font-size:1.2rem; font-weight:750; padding:.25rem 0; }
.metadata { color:var(--muted); font-size:.95rem; }
.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.grid .card { margin:0; }
.stack { margin-top:1rem; }
.notice { border-left:4px solid #bf9344; padding-left:1rem; }
footer { border-top:1px solid var(--line); color:var(--muted); font-size:.9rem; padding:1.5rem 0 2rem; }
footer p { margin:.35rem 0; }
@media (max-width:600px) { .wrap { width:calc(100% - 2rem); } main { padding-top:2rem; } .grid { grid-template-columns:1fr; } .card { padding:1.25rem; } }
@media print { .skip, nav { display:none; } .card { break-inside:avoid; } main { padding-top:1rem; } }