/* ============================================================
   corsoalexander.co — resources page kit
   Extracted 2026-09-18 from 11 identical inline <style> blocks,
   one per page, that had been copied by hand.
   Authority: house/00_BrandSystem_CorsoAlexander_2026_09_15.md

   Blue trued to the house value #204F95 / #183C70 on extraction
   (tokens.json RULED, David 2026-09-17). These pages had carried
   the retired web blue #2F5A94 / #244875.

   NOT YET reconciled with _shared/brand/brand.css: .brand and a
   few other class names mean different things here than they do
   in the house layer, so this kit is still self-contained. That
   reconciliation is phase two.
   ============================================================ */
:root{--paper:#FEFCF5;--paper-2:#F6F2E7;--ink:#201C17;--muted:#5f574b;--blue:#204F95;--blue-ink:#183C70;--rule:#d9d1c2;--wrap:1060px;color-scheme:light;}
*{box-sizing:border-box;} html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"EB Garamond",Georgia,"Times New Roman",serif;font-size:21px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
a{color:var(--blue);} a:hover{color:var(--blue-ink);}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:24px;}
.topbar{padding-block:18px;text-align:center;} .topbar .rule{width:44px;height:1px;background:var(--ink);opacity:.5;margin:8px auto 0;}
.eyebrow{font-family:"Cinzel",serif;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);}
.brand{text-align:center;padding-block:14px 6px;} .brand a{text-decoration:none;}
.brand .wm{font-family:"Cinzel",Georgia,serif;font-weight:600;font-size:clamp(24px,4vw,36px);line-height:1.05;letter-spacing:.05em;color:var(--ink);}
.brand .sub{margin:14px 0 0;font-style:italic;font-size:22px;color:var(--muted);}
.hr{height:1px;background:var(--rule);border:0;margin:0;}
.doc{max-width:680px;margin:0 auto;padding-block:44px 72px;}
.post-head{margin:0 0 36px;}
.post-head h1{font-family:"Cinzel",serif;font-weight:400;font-size:clamp(26px,5vw,38px);letter-spacing:.06em;line-height:1.25;margin:6px 0 14px;text-wrap:balance;}
.dek{font-style:italic;color:var(--muted);font-size:22px;margin:0;}
.doc p{margin:0 0 1.2em;}
.doc h2{font-family:"Cinzel",serif;font-weight:400;font-size:15px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink);margin:56px 0 22px;display:flex;align-items:center;gap:18px;}
.doc h2::after{content:"";flex:1;height:1px;background:var(--rule);}
.quiet{color:var(--muted);font-style:italic;}
/* index cards */
.cat{padding:26px 0;border-top:1px solid var(--rule);} .cat:last-of-type{border-bottom:1px solid var(--rule);}
.cat h2{margin:0 0 10px;} .cat h2::after{display:none;}
.cat h2 a{text-decoration:none;color:var(--ink);} .cat h2 a:hover{color:var(--blue);}
.cat p{margin:0 0 10px;}
.see{font-family:"Cinzel",serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;}
/* entry blocks */
.entry{margin:0 0 30px;padding-left:22px;border-left:2px solid var(--blue);}
.entry .t{font-style:italic;font-size:24px;display:block;line-height:1.3;}
.entry .t a{color:var(--ink);text-decoration:none;} .entry .t a:hover{color:var(--blue);}
.entry .who{font-family:"Cinzel",serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:block;margin:4px 0 8px;}
.entry p{margin:0;}
.entry .go{display:inline-block;margin-top:8px;font-family:"Cinzel",serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;}
.back{margin-top:56px;font-family:"Cinzel",serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase;} .back a{text-decoration:none;}
footer{border-top:1px solid var(--rule);padding-block:26px;}
footer .row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
footer .row *{font-family:"Cinzel",serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);}
footer a{color:var(--muted);text-decoration:none;} footer a:hover{color:var(--ink);} footer nav{display:flex;gap:22px;flex-wrap:wrap;}
@media (max-width:720px){body{font-size:19px;} .doc{padding-block:32px 56px;}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;}}

/* 2026-09-24 — resources index in three shelves under arched doorways, matching the home page (Direction B). */
.doc-wide{max-width:1100px;}
.doc-wide .post-head,.doc-wide > p{max-width:680px;margin-inline:auto;}
.shelves{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:40px;margin:44px 0 12px;}
.shelf header{text-align:center;margin-bottom:12px;position:relative;border:1.5px solid var(--ink);border-bottom:6px solid var(--ink);border-radius:999px 999px 0 0;padding:44px 18px 18px;background:radial-gradient(120% 90% at 50% 100%,#EFE8D8 0,var(--paper-2) 45%,var(--paper) 100%);}
.shelf header::before{content:"";position:absolute;inset:9px 9px 0;border:1px solid var(--ink);border-bottom:0;border-radius:999px 999px 0 0;opacity:.3;pointer-events:none;}
.shelf-list li:first-child{border-top:0;}
.shelf header svg{width:74px;height:54px;margin:0 auto 6px;display:block;}
.doc .shelf h2{display:block;margin:0;font-weight:600;font-size:16px;letter-spacing:.14em;text-align:center;}
.doc .shelf h2::after{display:none;}
.shelf .for{font-style:italic;color:var(--muted);margin:2px 0 0;font-size:17px;line-height:1.4;min-height:2.8em;}
.shelf-list{list-style:none;margin:0;padding:0;}
.shelf-list li{border-top:1px solid var(--rule);padding:12px 0;}
.shelf-list li:last-child{border-bottom:1px solid var(--rule);}
.shelf-list a{display:block;color:var(--ink);text-decoration:none;font-weight:500;font-size:19px;line-height:1.3;}
.shelf-list a:hover{color:var(--blue);}
.shelf-list span{display:block;color:var(--muted);font-size:16px;line-height:1.45;margin-top:4px;}