/* SEO content pages: long-form editorial pages that reuse the brand palette while prioritizing legibility, semantic hierarchy and crawlable internal links. */
.article-page{background:#f4f6f9}.article-main{width:min(860px,calc(100% - 40px));margin:0 auto;padding:54px 0 80px}.breadcrumb{margin-bottom:22px;color:#667183;font-size:13px}.breadcrumb a{color:#936014;text-decoration:none}.article-hero{overflow:hidden;border-radius:16px;background:#172237;box-shadow:var(--shadow)}.article-hero img{width:100%;height:310px;display:block;object-fit:cover;opacity:.75}.article-hero-copy{padding:35px 42px;color:#fff}.article-hero-copy .kicker{color:#f4cc67}.article-hero-copy h1{margin:0;font-size:clamp(29px,4vw,47px);line-height:1.2}.article-hero-copy p{max-width:650px;margin:13px 0 0;color:#e5eaf1;font-size:15px}.article-content{margin-top:22px;padding:38px 42px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 20px rgba(31,43,62,.05)}.article-content h2{margin:34px 0 10px;font-size:24px;line-height:1.35}.article-content h2:first-child{margin-top:0}.article-content h3{margin:23px 0 8px;font-size:18px}.article-content p,.article-content li{color:#4e5c70;font-size:15px}.article-content ul{padding-left:20px}.article-content li{margin:6px 0}.article-callout{margin:26px 0;padding:19px 21px;border-left:4px solid var(--gold);border-radius:0 10px 10px 0;background:#fff8e8;color:#5a4a26}.related-reading{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:29px}.related-reading a{padding:18px;border:1px solid #e6d5ac;border-radius:12px;background:#fffdf7;color:#79500e;font-weight:800;text-decoration:none}.faq-section{padding:65px 0}.faq-list{max-width:860px;margin:0 auto}.faq-list details{margin:10px 0;padding:16px 20px;border:1px solid var(--line);border-radius:11px;background:#fff}.faq-list summary{cursor:pointer;color:var(--ink);font-size:15px;font-weight:800}.faq-list p{margin:10px 0 0;color:var(--text);font-size:14px}@media(max-width:760px){.article-page .header-main{height:auto;min-height:66px;flex-wrap:wrap;gap:8px;padding:10px 0}.article-page .main-nav{position:static;display:flex;order:3;flex:1 0 100%;justify-content:flex-start;flex-wrap:wrap;gap:4px 15px;padding:4px 0 0;border:0;background:transparent;box-shadow:none}.article-page .main-nav a{padding:4px 0;font-size:12px}.article-page .header-actions{margin-left:auto}.article-main{padding:30px 0 55px}.article-hero img{height:195px}.article-hero-copy,.article-content{padding:27px 23px}.article-content h2{font-size:22px}.related-reading{grid-template-columns:1fr}.faq-section{padding:50px 0}}
