:root{--night:#0F2219;--wall:#16301F;--wall-2:#1D3B29;--line:#2F5440;--paper:#F4E8D2;--paper-dim:#C9BBA0;--marigold:#E9A23B;--rose:#E58474;--gold:#CFA65A;--ink:#2A1B17;
--f-display:"Federant","Iowan Old Style","Palatino Linotype",Georgia,serif;--f-body:"Alegreya","Iowan Old Style",Georgia,serif;--f-label:"Alegreya Sans SC","Gill Sans","Trebuchet MS",sans-serif}
*{box-sizing:border-box}html,body{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{background:var(--night);color:var(--paper);font-family:var(--f-body);font-size:clamp(1.05rem,1rem + .25vw,1.2rem);line-height:1.65;overflow-x:hidden}
a{color:var(--marigold)}a:hover{color:#F2B84B}img{max-width:100%;height:auto;display:block}
.wrap{width:min(1160px,100% - 32px);margin-inline:auto}
.top{position:sticky;top:0;z-index:40;background:rgba(15,34,25,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(47,84,64,.6)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-block:8px}
.brand img{width:112px}
.top nav{display:flex;gap:clamp(12px,2.2vw,28px);font-family:var(--f-label);font-weight:500;letter-spacing:.08em;text-transform:lowercase}
.top nav a{text-decoration:none;color:var(--paper-dim)}.top nav a:hover,.top nav a[aria-current]{color:var(--marigold)}
.top-act{display:flex;align-items:center;gap:10px}
.lang{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:2px;font-family:var(--f-label);font-weight:700;font-size:.78rem;letter-spacing:.08em}
.lang a{padding:.4em .75em;border-radius:999px;color:var(--paper-dim);text-decoration:none;line-height:1}.lang a[aria-current]{background:var(--marigold);color:var(--ink)}
.shop-btn{font-family:var(--f-label);font-weight:700;letter-spacing:.08em;text-transform:lowercase;text-decoration:none;color:var(--paper);border:1px solid var(--line);border-radius:999px;padding:.5em 1em;font-size:.95rem}
.shop-btn:hover{border-color:var(--marigold);color:var(--paper)}
@media (max-width:820px){.top nav{display:none}.brand img{width:96px}}
.picado{height:40px;overflow:hidden;position:relative}
.picado .flags{display:flex;gap:10px;padding-inline:8px;position:absolute;top:0;left:0;right:0}
.picado .flag{flex:0 0 46px;height:38px;-webkit-mask:radial-gradient(circle at 50% 40%,transparent 6px,#000 6.5px);mask:radial-gradient(circle at 50% 40%,transparent 6px,#000 6.5px);clip-path:polygon(0 0,100% 0,100% 82%,92% 100%,83% 82%,75% 100%,67% 82%,58% 100%,50% 82%,42% 100%,33% 82%,25% 100%,17% 82%,8% 100%,0 82%);opacity:.92;transform-origin:top;animation:sway 4s ease-in-out infinite alternate}
@keyframes sway{to{transform:rotate(2deg)}}
@media (prefers-reduced-motion:reduce){.picado .flag{animation:none}html{scroll-behavior:auto}}
.eyebrow{font-family:var(--f-label);font-weight:700;letter-spacing:.14em;text-transform:lowercase;color:var(--marigold);font-size:.85rem;margin:0 0 .6em}
h1,h2,h3{font-family:var(--f-display);font-weight:400;line-height:1.15;margin:0}
.crumbs{font-family:var(--f-label);font-size:.85rem;letter-spacing:.06em;text-transform:lowercase;color:var(--paper-dim);display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 18px}
.crumbs a{color:var(--paper-dim);text-decoration:none}.crumbs a:hover{color:var(--marigold)}
/* article */
.post{width:min(760px,100% - 32px);margin-inline:auto;padding-bottom:40px}
.post h1{font-size:clamp(2rem,1.4rem + 2.8vw,3.2rem);margin:.15em 0 .45em}
.byline{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;color:var(--paper-dim);font-size:.95rem}
.byline .av{width:38px;height:38px;border-radius:50%;background:var(--wall-2);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}
.byline .av img{width:30px}
.byline b{color:var(--paper);font-weight:500}
.cover{margin:26px -8px 8px;border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.cover img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover}
.answer{margin:30px 0 8px;padding:20px 22px;border-left:4px solid var(--marigold);background:linear-gradient(90deg,rgba(233,162,59,.12),rgba(233,162,59,.03));border-radius:0 14px 14px 0}
.answer .lbl{font-family:var(--f-label);font-weight:700;letter-spacing:.12em;text-transform:lowercase;color:var(--marigold);font-size:.82rem;display:block;margin-bottom:6px}
.answer p{margin:0}
.toc{margin:28px 0;padding:18px 22px;border:1px solid var(--line);border-radius:14px;background:var(--wall)}
.toc p{margin:0 0 8px;font-family:var(--f-label);font-weight:700;letter-spacing:.12em;text-transform:lowercase;color:var(--paper-dim);font-size:.85rem}
.toc ol{margin:0;padding-left:1.3em}.toc li{margin:.25em 0}.toc a{color:var(--paper);text-decoration:none}.toc a:hover{color:var(--marigold)}
.body h2{font-size:clamp(1.5rem,1.25rem + 1vw,2.05rem);margin:1.7em 0 .5em;color:var(--paper)}
.body p{margin:0 0 1em}.body ul{margin:0 0 1.2em;padding-left:1.25em}.body li{margin:.35em 0}.body li::marker{color:var(--marigold)}
.body strong{color:#fff4dd;font-weight:700}
.shopbox{margin:40px 0;padding:22px;border-radius:18px;background:var(--wall);border:1px solid var(--line)}
.shopbox h2{font-size:1.5rem;margin:0 0 4px}.shopbox>p{margin:0 0 16px;color:var(--paper-dim)}
.saints{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.saint{display:block;text-decoration:none;color:var(--paper);text-align:center;padding:12px 10px 14px;border-radius:14px;background:var(--wall-2);border:1px solid transparent;transition:border-color .2s,transform .2s}
.saint:hover{border-color:var(--marigold);transform:translateY(-3px);color:var(--paper)}
.saint img{height:170px!important;width:auto;margin:0 auto 10px;filter:drop-shadow(0 10px 16px rgba(0,0,0,.45))}
.saint b{display:block;font-family:var(--f-display);font-weight:400;font-size:1.05rem;line-height:1.2}
.saint span{display:block;font-family:var(--f-label);font-weight:700;letter-spacing:.06em;text-transform:lowercase;color:var(--marigold);font-size:.85rem;margin-top:6px}
.faq{margin:36px 0}.faq h2{font-size:clamp(1.5rem,1.25rem + 1vw,2.05rem);margin-bottom:12px}
.faq details{border-top:1px solid var(--line);padding:4px 0}.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:14px 34px 14px 0;position:relative;font-weight:700;color:var(--paper)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:10px;font-size:1.5rem;color:var(--marigold);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 16px;color:var(--paper-dim)}
.closing{font-style:italic;color:var(--paper);border-top:1px solid var(--line);padding-top:20px;margin-top:30px}
.sources{margin:30px 0;font-size:.92rem;color:var(--paper-dim)}
.sources h2{font-family:var(--f-label);font-weight:700;font-size:.9rem;letter-spacing:.12em;text-transform:lowercase;color:var(--paper-dim);margin-bottom:8px}
.sources ol{padding-left:1.3em;margin:0}.sources a{color:var(--paper-dim);word-break:break-word}.sources a:hover{color:var(--marigold)}
.author{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:start;margin:36px 0;padding:20px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(135deg,var(--wall),var(--night))}
.author .av{width:72px;height:72px;border-radius:50%;background:var(--wall-2);border:1px solid var(--line);display:grid;place-items:center}
.author .av img{width:56px}
.author h2{font-size:1.2rem;margin:0 0 4px}.author p{margin:0;color:var(--paper-dim);font-size:.98rem}
.related{background:var(--wall);border-top:1px solid var(--line);padding:46px 0 56px}
.related h2{font-size:clamp(1.6rem,1.3rem + 1.2vw,2.3rem);margin-bottom:20px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.card{display:flex;flex-direction:column;text-decoration:none;color:var(--paper);background:var(--night);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .25s,border-color .25s}
.card:hover{transform:translateY(-4px);border-color:var(--marigold);color:var(--paper)}
.card img{width:100%;aspect-ratio:1200/630;object-fit:cover}
.card .c{padding:14px 16px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.card .k{font-family:var(--f-label);font-weight:700;letter-spacing:.1em;text-transform:lowercase;font-size:.78rem;color:var(--marigold)}
.card h3{font-size:1.3rem;line-height:1.2}
.card p{margin:0;color:var(--paper-dim);font-size:.98rem;line-height:1.5}
.card .m{margin-top:auto;padding-top:6px;font-family:var(--f-label);font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:lowercase;color:var(--paper-dim)}
/* blog index */
.bhero{padding:30px 0 10px}
.bhero h1{font-size:clamp(2.2rem,1.5rem + 3vw,3.8rem);max-width:22ch}
.bhero p.lede{max-width:56ch;color:var(--paper-dim);margin:.6em 0 0}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 22px}
.chip{font-family:var(--f-label);font-weight:700;letter-spacing:.06em;text-transform:lowercase;font-size:.9rem;background:transparent;color:var(--paper-dim);border:1px solid var(--line);border-radius:999px;padding:.45em 1em;cursor:pointer}
.chip[aria-pressed="true"]{background:var(--marigold);border-color:var(--marigold);color:var(--ink)}
.feature{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;align-items:center;text-decoration:none;color:var(--paper);margin-bottom:28px;padding:16px;border-radius:20px;border:1px solid var(--line);background:var(--wall)}
.feature:hover{border-color:var(--marigold);color:var(--paper)}
.feature img{border-radius:14px;width:100%;aspect-ratio:1200/630;object-fit:cover}
.feature h2{font-size:clamp(1.7rem,1.3rem + 1.6vw,2.6rem);margin:.2em 0 .4em}
.feature p{color:var(--paper-dim);margin:0 0 .8em}
@media (max-width:760px){.feature{grid-template-columns:1fr}}
.hub{padding:10px 0 60px}
.hub-sec{margin-top:40px}.hub-sec h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.2rem);margin-bottom:6px}.hub-sec>p{color:var(--paper-dim);margin:0 0 16px;max-width:60ch}
.hide{display:none!important}
/* footer */
footer{border-top:1px solid var(--line);padding:34px 0 28px;color:var(--paper-dim);font-size:.92rem}
footer .wrap{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
footer img{width:120px}footer p{margin:0}
.foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px}.foot-links a{color:var(--paper-dim);text-decoration:none}.foot-links a:hover{color:var(--marigold)}
.cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--f-label);font-weight:700;letter-spacing:.08em;text-transform:lowercase;text-decoration:none;border-radius:999px;padding:.75em 1.4em;border:1px solid var(--line);color:var(--paper)}
.btn-primary{background:var(--marigold);border-color:var(--marigold);color:var(--ink)}.btn-primary:hover{background:#F2B84B;color:var(--ink)}
.btn:hover{border-color:var(--marigold)}
.sources li{overflow-wrap:anywhere;word-break:break-word}.sources span{opacity:.75}

/* header actions: premium (matches home) */
.top-act{gap:16px}
.lang{border:0;padding:0;gap:2px;align-items:center;font-size:.78rem;letter-spacing:.16em}
.lang a{padding:.35em .45em;border-radius:0;background:none!important;color:rgba(201,187,160,.6);position:relative;transition:color .2s}
.lang a+a::before{content:"";position:absolute;left:-2px;top:28%;bottom:28%;width:1px;background:rgba(201,187,160,.35)}
.lang a:hover{color:var(--paper)}
.lang a[aria-current]{color:var(--marigold)}
.lang a[aria-current]::after{content:"";position:absolute;left:.45em;right:.45em;bottom:-1px;height:1.5px;background:var(--marigold);border-radius:2px}
.act-sep{width:1px;height:24px;background:var(--line)}
.bag-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(207,166,90,.45);border-radius:50%;color:var(--paper);background:rgba(244,232,210,.03);transition:border-color .2s,color .2s,background .2s}
.bag-btn:hover{border-color:var(--marigold);color:var(--marigold);background:rgba(233,162,59,.08)}
.m-blog{display:none;font-family:var(--f-label);font-weight:700;letter-spacing:.12em;text-transform:lowercase;color:var(--marigold);text-decoration:none;font-size:.9rem}
@media (max-width:820px){.m-blog{display:inline}.top-act{gap:12px}.bag-btn{width:40px;height:40px}}
@media (max-width:360px){.top-act{gap:8px}.lang a{padding:.35em .35em}.bag-btn{width:38px;height:38px}.brand img{width:78px}.m-blog{font-size:.8rem}}
.byline .av{width:40px;height:40px;border:2px solid rgba(207,166,90,.55)}.byline .av img{width:100%;height:100%;object-fit:cover}
.author{grid-template-columns:88px 1fr}.author .av{width:88px;height:88px;overflow:hidden;border:2px solid rgba(207,166,90,.6);box-shadow:0 10px 24px -10px rgba(0,0,0,.6)}.author .av img{width:100%;height:100%;object-fit:cover}
@media (max-width:480px){.author{grid-template-columns:64px 1fr}.author .av{width:64px;height:64px}}