
.blog-page{background:#090b0f}.blog-index,.blog-article{max-width:1280px;margin:auto;padding:160px 6% 100px}.blog-intro{padding:35px 0 80px}.blog-kicker{font-family:Inter,Arial,sans-serif;font-size:12px;letter-spacing:.09em;color:var(--gold);text-transform:uppercase;margin-bottom:25px}.blog-intro h1{font-size:clamp(48px,6vw,88px);line-height:1.05;letter-spacing:-.055em;font-weight:450}.blog-intro h1 em{color:#b7a58a}.blog-intro>p:last-child{font-size:18px;color:#9aa3af;line-height:1.6;max-width:520px;margin-top:28px}.blog-entry{display:grid;grid-template-columns:220px 1fr;gap:45px;border-top:1px solid var(--line);padding:42px 0}.entry-meta{display:flex;flex-direction:column;gap:12px;font-size:12px;color:#858f9d}.entry-meta>span{color:var(--gold)}.blog-entry h2{font-size:clamp(27px,3vw,40px);line-height:1.2;font-weight:450;letter-spacing:-.035em;max-width:700px}.blog-entry h2 a:hover{color:var(--gold)}.blog-entry p{color:#9aa3af;font-size:16px;line-height:1.7;max-width:640px;margin:18px 0}.article-link{display:inline-flex;gap:35px;font-size:14px;padding:12px 0;color:#dcc7a7}.blog-back{font-size:14px;color:#a6afba}.article-heading{max-width:850px;padding:60px 0 40px}.article-heading h1{font-size:clamp(42px,5vw,70px);line-height:1.08;letter-spacing:-.05em;font-weight:450}.article-deck{font-size:21px;line-height:1.6;color:#9ba5b2;margin-top:28px}.article-meta{display:flex;gap:25px;flex-wrap:wrap;font-size:12px;color:#929ba6;margin-top:28px}.article-body{max-width:760px;border-top:1px solid var(--line);padding-top:12px}.article-body section{margin-top:40px}.article-body h2{font-size:28px;line-height:1.3;font-weight:500;letter-spacing:-.03em;margin-bottom:20px}.article-body section p{font-size:17px;line-height:1.85;color:#b0b7c1;margin-bottom:20px}.article-next{border-top:1px solid var(--line);margin-top:40px;padding:28px 0;display:flex;flex-wrap:wrap;gap:18px 30px;font-size:14px}.article-next p{width:100%;color:#9aa3af}.article-next a{color:var(--gold)}.related-articles{margin-top:50px;border-top:1px solid var(--line);padding-top:32px}.related-articles h2{font-size:22px;font-weight:500;margin-bottom:20px}.related-articles>a{display:flex;justify-content:space-between;gap:20px;font-size:18px;padding:22px 0;border-bottom:1px solid var(--line)}.related-articles span{color:var(--gold)}
@media(max-width:760px){.blog-index,.blog-article{padding:115px 6% 60px}.blog-intro{padding:15px 0 45px}.blog-intro>p:last-child{font-size:16px}.blog-entry{grid-template-columns:1fr;gap:18px;padding:30px 0}.entry-meta{flex-direction:row;justify-content:space-between;gap:15px}.blog-entry h2{font-size:29px}.article-heading{padding:36px 0 30px}.article-deck{font-size:18px;margin-top:22px}.article-body section{margin-top:32px}.article-body h2{font-size:25px}.article-body section p{font-size:16px;line-height:1.8}}

/* CMS article content: everything the admin editor can produce, in the article's measure. */
.article-content{padding-top:28px}
.article-content>*:first-child{margin-top:0}
.article-content h2{font-size:28px;line-height:1.3;font-weight:500;letter-spacing:-.03em;margin:44px 0 20px}
.article-content h3{font-size:21px;line-height:1.4;font-weight:500;letter-spacing:-.02em;color:#e8e9e6;margin:34px 0 14px}
.article-content h4{font-size:17px;font-weight:600;color:#e2e5e9;margin:28px 0 12px}
.article-content p,.article-content li{font-size:17px;line-height:1.85;color:#b0b7c1}
.article-content p{margin:0 0 20px}
.article-content ul,.article-content ol{margin:0 0 24px;padding-left:24px}
.article-content li{margin-bottom:8px;padding-left:4px}
.article-content li::marker{color:var(--gold)}
.article-content strong,.article-content b{color:#e7e9ec;font-weight:550}
.article-content em,.article-content i{font-style:italic}
.article-content a{color:#e7c99f;border-bottom:1px solid #eac48f55;transition:border-color .2s,color .2s}
.article-content a:hover{color:#f4d7af;border-bottom-color:#eac48f}
.article-content blockquote{margin:32px 0;padding:4px 0 4px 24px;border-left:2px solid var(--gold)}
.article-content blockquote p{font-size:20px;line-height:1.6;color:#dcdfe3;letter-spacing:-.01em}
.article-content img{display:block;max-width:100%;height:auto;border-radius:12px}
.article-content figure{margin:36px 0}
.article-content figcaption{font-size:13px;line-height:1.6;color:#8d97a4;margin-top:12px}
.article-content hr{border:0;border-top:1px solid var(--line);margin:40px 0}
.article-content code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88em;background:#ffffff0d;border:1px solid #ffffff14;border-radius:5px;padding:2px 6px;color:#e6e0d4}
.article-content pre{overflow-x:auto;background:#0f1319;border:1px solid #ffffff14;border-radius:10px;padding:18px 20px;margin:0 0 24px}
.article-content pre code{background:none;border:0;padding:0}
.article-content table{width:100%;border-collapse:collapse;margin:0 0 28px;font-size:15px;display:block;overflow-x:auto}
.article-content th,.article-content td{padding:12px 14px;border-top:1px solid var(--line);text-align:left;vertical-align:top;color:#b0b7c1}
.article-content th{color:#e2e5e9;font-weight:500}
.article-cover{margin:0 0 8px;max-width:1100px}
.article-cover img{display:block;width:100%;height:auto;max-height:620px;object-fit:cover;border-radius:16px;background:#0c1016}
.article-meta>*+*::before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:#5d6673;vertical-align:middle;margin:0 14px 0 -11px}
.article-faq{margin-top:48px;border-top:1px solid var(--line);padding-top:36px}
.article-faq h2{font-size:26px;line-height:1.3;font-weight:500;letter-spacing:-.03em;margin-bottom:12px}
.article-faq details{border-bottom:1px solid var(--line)}
.article-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-size:18px;line-height:1.45;color:#e8e9e6}
.article-faq summary::-webkit-details-marker{display:none}
.article-faq summary::after{content:"+";flex:none;font-size:22px;color:var(--gold);transition:transform .25s}
.article-faq details[open] summary::after{transform:rotate(45deg)}
.article-faq summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.article-faq details p{font-size:16px;line-height:1.8;color:#aeb6c1;margin:0 0 22px;max-width:680px}
.blog-empty{padding:42px 0;border-top:1px solid var(--line);color:#9aa3af;font-size:17px}
@media(max-width:760px){
 .article-content h2{font-size:25px;margin-top:36px}
 .article-content h3{font-size:19px}
 .article-content p,.article-content li{font-size:16px;line-height:1.8}
 .article-content blockquote p{font-size:18px}
 .article-cover img{border-radius:12px}
 .article-faq summary{font-size:16px;padding:18px 0}
}
@media(prefers-reduced-motion:reduce){.article-faq summary::after{transition:none}}
