.blog-article-shell{--blog-bg: #fff8f2;--blog-ink: #201814;--blog-muted: #6f625a;--blog-line: rgba(80, 49, 30, .14);background:radial-gradient(circle at top left,color-mix(in srgb,var(--cat-accent) 16%,transparent),transparent 34%),linear-gradient(180deg,#ffffffdb,#fff8f2fa),var(--blog-bg);color:var(--blog-ink)}.blog-article-hero{min-height:78vh;display:flex;align-items:center}.article-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(340px,1.05fr);gap:clamp(2rem,5vw,5rem);align-items:center}.article-back-link{color:var(--blog-muted);font-weight:700;text-decoration:none}.article-back-link:hover{color:var(--cat-accent)}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;color:var(--blog-muted);font-size:.92rem;font-weight:700;margin-bottom:1.2rem}.article-chip{display:inline-flex;align-items:center;min-height:32px;padding:.34rem .72rem;border-radius:999px;color:var(--cat-ink);background:var(--cat-soft);font-weight:900;text-decoration:none}.article-chip:focus-visible{outline:3px solid rgba(240,90,110,.34);outline-offset:3px}.article-title{color:var(--blog-ink);font-size:clamp(2.7rem,6vw,5.8rem);line-height:.95;letter-spacing:0;margin-bottom:1.3rem}.article-lede{color:var(--blog-muted);font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.65;max-width:700px}.article-cover{aspect-ratio:1200 / 630;overflow:hidden;border-radius:26px;margin:0;border:1px solid rgba(255,255,255,.8);box-shadow:0 28px 80px #341f1329;transform:rotate(1deg)}.article-cover img,.related-cover img{display:block;width:100%;height:100%;object-fit:cover}.article-content-section,.related-section{min-height:auto}.article-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:clamp(1.5rem,4vw,3rem);align-items:start;justify-content:center}.article-aside{position:sticky;top:110px;border:1px solid var(--blog-line);border-radius:18px;background:#ffffffb8;padding:1.1rem;color:var(--blog-muted)}.article-aside div{display:flex;flex-direction:column;gap:.1rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--blog-line)}.article-aside span{font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900}.article-aside strong{color:var(--blog-ink);font-size:1.05rem}.article-aside a{color:var(--cat-accent);font-weight:900;text-decoration:none}.article-paper,.blog-author-box,.related-card,.article-cta-panel{border:1px solid var(--blog-line);background:#ffffffc7;box-shadow:0 18px 60px #341f1314;backdrop-filter:blur(16px)}.article-paper{border-radius:22px;padding:clamp(1.5rem,5vw,4.5rem)}.prose{color:var(--text-primary);font-size:1.0625rem}.prose>*:first-child{margin-top:0!important}.prose h2{font-size:1.75rem;font-weight:700;margin-top:3rem!important;margin-bottom:1.25rem!important;color:var(--blog-ink);letter-spacing:0;padding-top:2rem;border-top:1px solid var(--blog-line)}.prose>h2:first-child{margin-top:0!important;padding-top:0;border-top:none}.prose h3{font-size:1.25rem;font-weight:600;margin-top:2.25rem!important;margin-bottom:.75rem!important;color:var(--blog-ink)}.prose h4{font-size:1.125rem;font-weight:600;margin-top:1.75rem!important;margin-bottom:.5rem!important;color:var(--blog-ink)}.prose p{margin-bottom:1.25rem!important;line-height:1.8;color:var(--blog-muted)}.prose ul,.prose ol{margin-top:1rem!important;margin-bottom:1.5rem!important;padding-left:0}.prose li{margin-bottom:.5rem!important;line-height:1.75;color:var(--blog-muted);position:relative;padding-left:1.75rem}.prose ul{list-style:none}.prose ul>li:before{content:"";position:absolute;left:0;top:.55rem;width:6px;height:6px;background:var(--cat-accent);border-radius:50%}.prose ol{list-style:none;counter-reset:list-counter}.prose ol>li{counter-increment:list-counter}.prose ol>li:before{content:counter(list-counter) ".";position:absolute;left:0;color:var(--cat-accent);font-weight:600}.prose strong{color:var(--blog-ink);font-weight:600}.prose a{color:var(--cat-accent);text-decoration:underline;text-underline-offset:2px}.prose a:hover{text-decoration:none}.prose blockquote{border-left:3px solid var(--cat-accent);padding:1rem 1.5rem;margin:2rem 0!important;font-style:italic;color:var(--blog-muted);background:var(--cat-soft);border-radius:0 .5rem .5rem 0}.prose code{background-color:var(--bg-secondary);padding:.2rem .4rem;border-radius:.25rem;font-size:.875em}.prose pre{background-color:#1a1a2e;color:#f5f5f7;padding:1.5rem;border-radius:.75rem;overflow-x:auto;margin:2rem 0!important;font-size:.875rem;line-height:1.6}.prose pre code{background:none;padding:0}.prose img{border-radius:.75rem;margin:2rem 0!important}.prose hr{border:none;border-top:1px solid var(--blog-line);margin:2.5rem 0!important}.prose>p:first-of-type{font-size:1.125rem;color:var(--blog-ink);margin-bottom:2rem!important}.blog-author-box{border-radius:22px;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.blog-author-box p{color:var(--blog-muted);margin-bottom:1rem}.blog-author-box a{color:var(--cat-accent);font-weight:900;text-decoration:none}.related-title{color:var(--blog-ink);text-align:center;font-size:clamp(2rem,4vw,3rem);letter-spacing:0;margin-bottom:2rem}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.related-card{overflow:hidden;border-radius:18px}.related-cover{display:block;aspect-ratio:1200 / 630;background:var(--cat-soft)}.related-body{padding:1.1rem}.related-body span{color:var(--blog-muted);font-size:.86rem}.related-body h3{font-size:1.15rem;line-height:1.14;letter-spacing:0;margin:.6rem 0 1rem}.related-body h3 a,.related-body>a{color:inherit;text-decoration:none}.related-body>a{color:var(--cat-accent);font-weight:900}.article-final-cta{min-height:auto;background:#17110f}.article-cta-panel{max-width:820px;margin:0 auto;border-color:#ffffff1f;background:linear-gradient(135deg,#ffffff1a,#ffffff0a);border-radius:24px;padding:clamp(2rem,6vw,4rem);text-align:center}.article-cta-panel h2{color:#fff;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:0;margin-bottom:1rem}.article-cta-panel p{color:#d7ccc4;max-width:620px;margin:0 auto 2rem;font-size:1.1rem;line-height:1.65}@media(min-width:768px){.blog-author-box{flex-direction:row;align-items:center}}@media(max-width:980px){.article-hero-grid,.article-layout{grid-template-columns:1fr}.article-aside{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.article-aside div{border-bottom:none;border-right:1px solid var(--blog-line);padding:0 1rem 0 0;margin:0}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.blog-article-hero{min-height:auto}.article-title{font-size:clamp(2.4rem,14vw,4.2rem)}.article-cover{border-radius:18px;transform:none}.article-aside,.related-grid{grid-template-columns:1fr}.article-aside div{border-right:none;border-bottom:1px solid var(--blog-line);padding:0 0 1rem;margin:0 0 .2rem}}
