:root{--ink:#262128;--bg:#fbfaf8;--plum:#5b2d52;--plum-soft:#f3ebf1;--rule:#ddd6da;--muted:#73686f}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.64 -apple-system,"Segoe UI",Helvetica,Arial,sans-serif}
header.site{max-width:960px;margin:0 auto;padding:30px 24px 14px;border-bottom:2px solid var(--plum)}
.wordmark{font-variant:small-caps;letter-spacing:.12em;font-weight:700;font-size:22px;color:var(--plum);text-decoration:none}
nav.main{display:inline;font-size:15px;margin-left:18px}
nav.main a{color:var(--muted);text-decoration:none}
nav.main a:hover{color:var(--ink)}nav.main a.here{color:var(--plum);font-weight:700}
nav.main span{color:var(--rule);padding:0 7px}
main{max-width:960px;margin:0 auto;padding:10px 24px 64px}
h1{font-size:36px;line-height:1.15;letter-spacing:-.02em;margin:30px 0 14px;max-width:720px}
.deck{font-size:18.5px;color:var(--muted);max-width:680px;margin:0 0 22px}
.refshelf{background:var(--plum-soft);border-radius:8px;padding:13px 18px;font-size:14.5px;color:var(--muted);max-width:680px;margin:0 0 30px}
section.row{display:grid;grid-template-columns:190px 1fr;gap:0 34px;margin:0 0 8px}
section.row .lbl h2{font-variant:small-caps;font-weight:700;font-size:16.5px;letter-spacing:.05em;color:var(--plum);text-align:right;margin:6px 0 0;line-height:1.35}
section.row .bod{max-width:680px}
section.row .bod p{margin:0 0 16px}
a{color:var(--plum)}
aside.callout{background:var(--plum);color:#f6f0f4;padding:20px 26px;margin:30px 0;border-radius:8px;font-size:16.5px}
figure.video{margin:8px 0 28px}
figure.video .frame{position:relative;padding-top:56.25%;border-radius:8px;overflow:hidden;background:#1a151b}
figure.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
figcaption{font-size:13.5px;color:var(--muted);margin-top:7px}
.splithead{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;margin:8px 0 26px}
.splithead img{width:100%;height:auto;border-radius:10px;display:block}
.cardgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0;padding:0;list-style:none}
.cardgrid li{border:1px solid var(--rule);border-radius:10px;padding:18px 20px;background:#fff}
.cardgrid a{font-weight:700;font-size:17.5px;text-decoration:none;color:var(--ink)}
.cardgrid a:hover{color:var(--plum)}
.cardgrid p{margin:6px 0 0;font-size:14px;color:var(--muted)}
footer.site{border-top:1px solid var(--rule)}
footer.site .inner{max-width:960px;margin:0 auto;padding:22px 24px;font-size:13px;color:var(--muted);text-align:center}
@media(max-width:760px){section.row{grid-template-columns:1fr;gap:0}section.row .lbl h2{text-align:left;margin:24px 0 8px}.splithead{grid-template-columns:1fr}h1{font-size:27px}nav.main{display:block;margin:10px 0 0}}