/* Shared readable knowledge pages and navigation; no additional JS required. */
.design-v2 .header-inner { min-height:80px; }
.design-v2 .site-nav { gap:18px; }
.design-v2 .knowledge-section { background:#fff; }
.knowledge-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.knowledge-card { padding:24px 28px; border:1px solid #dde3ea; border-radius:18px; background:#f4f6f8; }
.knowledge-card h3 { margin:0 0 8px; font-size:24px; }
.knowledge-card p { margin:0 0 18px; color:#586170; font-size:16px; }
.knowledge-card a { display:inline-block; padding:8px 0; font-size:14px; font-weight:700; color:#b92e25; }
.content-page .content-hero { padding-top:36px; padding-bottom:32px; }
.content-page .content-hero h1 { font-size:clamp(30px,3.4vw,48px); line-height:1.16; letter-spacing:-.04em; max-width:920px; margin:20px 0 16px; }
.content-page .content-lead { max-width:760px; font-size:18px; color:#586170; line-height:1.6; margin:0; }
.back-link { font-size:14px; color:#586170; display:inline-block; padding:8px 0; }
.article-date { margin:8px 0 0; font-size:13px; color:#586170; }
.reading-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; padding-bottom:32px; align-items:stretch; }
.reading-card { background:#f4f6f8; border:1px solid #dde3ea; border-radius:18px; padding:28px; display:flex; flex-direction:column; }
.content-page .reading-card h2 { font-size:23px; line-height:1.3; letter-spacing:-.025em; margin:0 0 16px; }
.reading-card p { color:#586170; margin:0 0 20px; font-size:16px; }
.reading-card a { margin-top:auto; font-weight:700; font-size:14px; color:#b92e25; padding:8px 0; }
.article-body,.faq-list { max-width:760px; font-size:17px; line-height:1.75; }
.article-body>p { margin:0 0 24px; }
.article-body>h2,.faq-answer h2 { font-size:25px; line-height:1.3; margin:32px 0 16px; letter-spacing:-.025em; }
.article-body ul,.article-sources ul { padding-left:24px; margin:0 0 24px; }
.article-body li { margin:8px 0; }
.article-sources { border-top:1px solid #dde3ea; margin-top:32px; padding-top:24px; font-size:14px; line-height:1.65; }
.article-sources h2 { font-size:21px; margin:0 0 12px; }
.article-sources p { color:#586170; margin:0 0 16px; }
.article-sources a { overflow-wrap:anywhere; }
.article-contact { background:#171c24; color:#fff; border-radius:18px; padding:28px; margin:32px 0 24px; }
.article-contact h2 { font-size:28px; margin:0 0 12px; line-height:1.2; }
.article-contact p { color:#d4d9e0; font-size:16px; margin:0 0 20px; max-width:720px; }
.article-contact .button { display:inline-flex; background:#c93229; color:#fff; }
.reading-nav { display:flex; gap:24px; flex-wrap:wrap; font-size:14px; padding:0 0 36px; }
.faq-answer { border-bottom:1px solid #dde3ea; padding:0 0 24px; margin-bottom:24px; }
.faq-answer:first-child h2 { margin-top:0; }
.faq-answer p { margin:0 0 12px; }
.faq-answer>a { font-size:14px; display:inline-block; padding:8px 0; color:#b92e25; }
.faq-list { padding-bottom:32px; }
.content-ending { padding-bottom:36px; }
.content-ending>.article-contact { margin-top:0; }
.content-page .site-footer { margin-top:0; }
@media(max-width:1050px) {
 .design-v2 .nav-toggle { display:block; }
 .design-v2 .site-nav { display:none; }
 .design-v2 .site-nav[data-open="true"] { display:flex; position:absolute; top:80px; left:0; right:0; background:#fff; z-index:30; padding:18px 28px; flex-direction:column; align-items:stretch; gap:8px; box-shadow:0 12px 24px rgba(23,28,36,.12); }
 .design-v2 .site-nav a { padding:10px 14px; }
 .design-v2 .site-nav .nav-contact { padding:12px 19px; }
 .reading-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 html:not(.js) .design-v2 .site-nav { display:flex; position:static; flex-wrap:wrap; }
 html:not(.js) .design-v2 .header-inner { flex-wrap:wrap; padding-bottom:16px; }
 html:not(.js) .design-v2 .nav-toggle { display:none; }
}
@media(max-width:700px) {
 .design-v2 .header-inner { min-height:74px; }
 .design-v2 .site-nav[data-open="true"] { top:74px; }
 .knowledge-grid,.reading-grid { grid-template-columns:1fr; gap:16px; }
 .knowledge-card,.reading-card { padding:24px; }
 .content-page .content-hero { padding-top:20px; padding-bottom:28px; }
 .content-page .content-lead { font-size:16px; }
 .article-body,.faq-list { font-size:16px; line-height:1.7; }
 .article-body>h2,.faq-answer h2 { font-size:23px; }
 .article-contact { padding:24px; }
 .article-contact .button { padding:12px 16px; }
}
@media(prefers-reduced-motion:reduce) {
 .content-page * { scroll-behavior:auto; transition:none!important; animation:none!important; }
}