:root{--paper:#FFFBF1;--ink:#282C32;--accent:#7549AF;--soft:#F3E8FC;}

.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:28px 0 8px}.browse-button{display:inline-block;padding:13px 22px;background:var(--accent);color:#fff;text-decoration:none;font:600 14px/1.4 var(--sans);border-radius:5px}.browse-secondary{font:600 14px/1.4 var(--sans);text-decoration:none;color:var(--accent)}
.collection-home,.collection-list{padding-bottom:55px}.collection-hero{padding:45px 0}.hero-copy{min-width:0}.hero-note img{opacity:1}.collection-hero .home-title{font-size:clamp(37px,4.7vw,61px);line-height:1.12;max-width:19ch}.collection-hero .lede{max-width:55ch;font-size:19px;margin-top:20px}.hero-note{font:22px/1.4 var(--serif);padding:30px;background:var(--soft)}.hero-note p{margin:18px 0 12px}.hero-note span{font:14px/1.6 var(--sans);color:var(--muted)}
.collection-section{margin-top:46px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin:0 0 22px}.section-heading h2{font-size:26px;margin:0}.section-heading>a,.section-heading>span{font:13px/1.5 var(--sans);text-decoration:none;color:var(--accent)}.collection-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}.collection-categories a{display:grid;grid-template-columns:1fr auto;gap:6px;padding:20px;border:1px solid var(--rule);background:var(--surface);text-decoration:none;color:var(--ink)}.collection-categories strong{font-size:18px}.collection-categories span{font:12px/1.5 var(--sans);color:var(--muted)}.category-arrow{grid-column:2;grid-row:1/3;align-self:center}.collection-categories a:hover{border-color:var(--accent)}
.collection-articles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0}.collection-articles li{min-width:0}.collection-articles a{display:flex;flex-direction:column;gap:13px;height:100%;padding:25px;border:1px solid var(--rule);background:var(--surface);color:var(--ink);text-decoration:none}.collection-articles strong{font-size:23px;line-height:1.4;font-weight:500;overflow-wrap:anywhere}.collection-articles a:hover strong{color:var(--accent)}.entry-category{font:11px/1.5 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.entry-action{font:12px/1.5 var(--sans);margin-top:auto;color:var(--muted)}.brand-mark{width:44px;height:44px;flex:0 0 44px;opacity:1}.brand,.footer-brand{display:inline-flex;align-items:center;gap:12px}.brand-name{font-size:22px}.nav-category-row{margin-top:14px;padding-top:12px}.collection-list>header{padding-bottom:25px;border-bottom:2px solid var(--accent)}.collection-list .collection-articles{margin-top:35px}.article-heading{padding-bottom:25px}.article-body table{display:table;width:100%;font-size:15px}.article-body th,.article-body td{padding:10px}.article-body{overflow-wrap:anywhere}.article-author{margin-top:40px}
@media(max-width:700px){.collection-hero{padding:25px 0!important;display:block!important}.collection-hero .home-title{max-width:none;font-size:37px}.hero-note{margin-top:28px}.collection-categories{grid-template-columns:repeat(2,minmax(0,1fr))!important}.collection-articles{grid-template-columns:1fr!important}.section-heading{align-items:flex-start}.section-heading>span{white-space:normal}.brand-name{font-size:19px}.collection-articles a{padding:22px}.article-body table{display:block;overflow-x:auto}}
.collection-hero{display:grid;grid-template-columns:1fr 270px;gap:40px}.home-title,.brand-name{font-family:var(--sans);font-weight:750}.hero-note{background:#FBE7A0;border-radius:24px;color:#382A50}.hero-note span{color:#574467}.browse-button{border-radius:28px}.collection-categories a{border-radius:14px;background:var(--soft);border:0}.collection-articles{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-articles a{border-radius:18px;box-shadow:0 5px 20px rgba(67,31,93,.06)}.collection-articles strong{font-size:21px}.article-heading{background:var(--soft);border-radius:22px;padding:28px}
[data-theme="dark"]{--paper:#15191E;--ink:#E5E7EC;--muted:#ABB2BE;--accent:#B2C3E2;--rule:#39424D;--soft:#232C38;--surface:#1D242D;}
@media(max-width:420px){.nav-main{flex-wrap:wrap;gap:12px}.nav-links{margin-left:auto}.brand-name{max-width:220px;overflow-wrap:anywhere}}

[data-theme="dark"] .browse-button{color:#15191E}

.brand,.footer-brand{color:var(--ink)}