
/* Blog V12 */
.reading-progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,#c8942f,#ffe18a);z-index:999}
.blog-hero{min-height:440px;display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch;background:radial-gradient(circle at 15% 20%,#681013 0,#260405 45%,#080202 100%);border-bottom:1px solid #9b681f}
.blog-hero-copy{padding:90px max(6vw,50px);display:flex;flex-direction:column;justify-content:center}
.blog-hero-copy h1{font-family:Georgia,serif;font-size:clamp(42px,5vw,74px);line-height:1.04;margin:14px 0;color:#fff7ec}
.blog-hero-copy p{max-width:660px;font-size:18px;color:#eadfd4;line-height:1.7}
.blog-hero-image img{width:100%;height:100%;min-height:440px;object-fit:cover;filter:saturate(.85) contrast(1.05)}
.blog-shell{max-width:1460px;margin:auto;padding:70px 5vw}
.blog-featured{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;margin-bottom:50px}
.blog-featured img{width:100%;height:470px;object-fit:cover;border-radius:10px;border:1px solid #8b5c1c}
.blog-featured-copy{padding:28px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#4e090b,#170304);border:1px solid #805216;border-radius:10px}
.article-meta{display:flex;gap:12px;flex-wrap:wrap;color:#e4b84b;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.08em}
.blog-featured h2,.blog-card h2{font-family:Georgia,serif;color:#fff4e6}
.blog-featured h2{font-size:38px;line-height:1.15;margin:16px 0}
.blog-featured p,.blog-card p{color:#dbcfc4;line-height:1.65}
.blog-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.blog-card{background:linear-gradient(155deg,#3d0708,#120303);border:1px solid #754914;border-radius:10px;overflow:hidden;transition:.25s}
.blog-card:hover{transform:translateY(-6px);border-color:#d0a23e;box-shadow:0 20px 45px rgba(0,0,0,.35)}
.blog-card img{width:100%;height:240px;object-fit:cover}
.blog-card-body{padding:24px}
.blog-card h2{font-size:25px;line-height:1.2}
.article-hero{position:relative;min-height:590px;display:flex;align-items:flex-end;background:#0b0202;overflow:hidden}
.article-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.article-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,1,1,.96) 0%,rgba(25,2,3,.83) 45%,rgba(0,0,0,.2)),linear-gradient(0deg,#080101 0%,transparent 45%)}
.article-hero-content{position:relative;z-index:2;max-width:1050px;padding:110px 7vw 75px}
.article-hero h1{font-family:Georgia,serif;font-size:clamp(42px,6vw,78px);line-height:1.02;color:#fff5e8;margin:15px 0 20px}
.article-hero p{font-size:19px;line-height:1.7;color:#eadfd3;max-width:850px}
.article-layout{max-width:1360px;margin:auto;padding:65px 5vw;display:grid;grid-template-columns:260px minmax(0,780px) 260px;gap:45px}
.article-toc{position:sticky;top:100px;align-self:start;border-left:1px solid #895b1d;padding-left:18px}
.article-toc strong{display:block;color:#e3b54b;margin-bottom:12px}
.article-toc a{display:block;color:#bfb1a5;font-size:13px;line-height:1.35;margin:10px 0}
.article-toc a:hover{color:#f0c758}
.article-content{font-size:17px;line-height:1.83;color:#e1d7cd}
.article-content .lead{font-size:21px;color:#f3e8dc;border-left:3px solid #d1a23b;padding-left:22px}
.article-content h2{font-family:Georgia,serif;color:#fff3e3;font-size:34px;line-height:1.18;margin:55px 0 16px;scroll-margin-top:100px}
.article-content h2:before{content:"";display:block;width:48px;height:2px;background:#d0a13c;margin-bottom:14px}
.article-callout{background:linear-gradient(135deg,#5b0c0e,#230405);border:1px solid #9d6822;border-radius:10px;padding:26px;margin:36px 0}
.article-side{position:sticky;top:100px;align-self:start}
.download-box,.cta-box{background:linear-gradient(155deg,#4d080a,#180303);border:1px solid #8b5a1b;border-radius:10px;padding:22px;margin-bottom:20px}
.download-box h3,.cta-box h3{color:#f1c75c;margin-top:0}
.share-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.share-row a{border:1px solid #795018;border-radius:6px;padding:9px 12px;color:#e6d3bb;font-size:12px}
.related{max-width:1360px;margin:0 auto;padding:0 5vw 80px}
.related h2{font-family:Georgia,serif;color:#fff3e3;font-size:36px}
.article-nav{display:flex;justify-content:space-between;gap:20px;margin-top:60px;border-top:1px solid #5c3510;padding-top:25px}
.article-nav a{max-width:46%;color:#edc35a}
.milesimos-table{width:100%;border-collapse:collapse;margin:25px 0}
.milesimos-table th,.milesimos-table td{padding:14px;border-bottom:1px solid #58370f;text-align:left}
.milesimos-table th{color:#f0c75c;background:#3b0809}
.milesimos-table td{color:#e4d8ca}
.pdf-note{font-size:12px;color:#ad9e90}
@media(max-width:1050px){.article-layout{grid-template-columns:1fr}.article-toc,.article-side{position:static}.article-toc{display:none}.blog-list{grid-template-columns:1fr 1fr}.blog-featured{grid-template-columns:1fr}}
@media(max-width:700px){.blog-hero{grid-template-columns:1fr}.blog-hero-image{display:none}.blog-shell{padding:45px 20px}.blog-list{grid-template-columns:1fr}.blog-featured img{height:270px}.article-hero{min-height:540px}.article-hero-content{padding:100px 22px 55px}.article-layout{padding:42px 22px}.article-content h2{font-size:29px}}
