/* Shared, scoped reading layout for HCF knowledge articles. */
.hcf-article{background:#fff;color:#222;padding:24px 0 70px;line-height:1.9}
.hcf-article *{box-sizing:border-box}
.hcf-article .article-wrap{width:min(100% - 40px,840px);margin-inline:auto}
.article-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:.82rem;color:#555;margin-bottom:32px}
.hcf-article a{color:#b70f14;text-underline-offset:4px}
.hcf-article a:hover{text-decoration-thickness:2px}
.hcf-article a:focus-visible,.hcf-article summary:focus-visible,.article-table:focus-visible{outline:3px solid #c81015;outline-offset:5px}
.article-hero{padding:18px 0 34px;border-bottom:1px solid #ddd}
.article-eyebrow{font-family:var(--en, sans-serif);font-size:.78rem;font-weight:700;letter-spacing:.14em;color:#a70d12}
.hcf-article h1{font-family:var(--serif,serif);font-size:clamp(2rem,5.4vw,3.2rem);line-height:1.3;color:#111;margin:14px 0 20px;letter-spacing:-.02em}
.hcf-article h1 span{display:block;color:#c81015}
.article-description{font-size:1.08rem;color:#444;max-width:720px;line-height:1.9}
.article-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:20px;color:#555;font-size:.82rem}
.article-answer{border:1px solid #ddd;border-left:4px solid #c81015;border-radius:0 14px 14px 0;padding:22px 24px;margin:28px 0;background:#fff}
.article-answer h2{font-size:1.1rem!important;margin:0 0 8px!important}
.article-answer p{margin:0!important}
.article-points{padding-left:20px;margin:18px 0 0;color:#444}
.article-toc{padding:20px 0 24px;border-bottom:1px solid #ddd}
.article-toc h2{font-size:1rem!important;margin:0 0 10px!important}
.article-toc ol{padding-left:22px;display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;margin:0}
.article-toc a{color:#333;font-size:.93rem}
.article-section{padding:32px 0 12px;scroll-margin-top:120px}
.hcf-article h2{font-family:var(--serif,serif);color:#111;font-size:clamp(1.35rem,3.8vw,1.75rem);line-height:1.5;margin:0 0 18px}
.hcf-article p{margin:0 0 16px}
.article-section ul{padding-left:22px;margin:14px 0 20px}
.article-section li{margin-bottom:10px}
.article-section strong{color:#111}
.article-table{overflow-x:auto;margin:22px 0 24px;border:1px solid #ddd;border-radius:12px;background:#fff}
.article-table table{width:100%;border-collapse:collapse;min-width:560px;font-size:.92rem;line-height:1.75}
.article-table caption{text-align:left;font-weight:700;color:#333;padding:12px 16px;border-bottom:1px solid #ddd}
.article-table th,.article-table td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid #e5e5e5}
.article-table thead th{background:#fff;color:#a70d12;font-size:.85rem}
.article-table tbody th{width:22%;color:#111}
.article-table tr:last-child th,.article-table tr:last-child td{border-bottom:0}
.article-photo{display:grid;grid-template-columns:minmax(0,280px) 1fr;gap:24px;align-items:center;margin:32px 0;border:1px solid #ddd;border-radius:14px;overflow:hidden}
.article-photo img{width:100%;height:300px;object-fit:cover;object-position:center 32%;display:block}
.article-photo figcaption{padding:20px 24px 20px 0;color:#555;font-size:.93rem}
.article-faq details{border-bottom:1px solid #ddd;padding:16px 0}
.article-faq summary{font-weight:700;color:#111;cursor:pointer;line-height:1.6}
.article-faq details p{margin:12px 0 0;color:#444}
.article-related{display:flex;flex-wrap:wrap;gap:12px}
.article-related a{border:1px solid #ddd;border-radius:999px;padding:8px 14px;color:#333;font-size:.9rem;text-decoration:none}
.article-cta{margin:34px 0 0;border-top:3px solid #c81015;padding:28px 0 8px}
.article-cta p{color:#444}
.article-actions{display:flex;flex-wrap:wrap;gap:12px}
.article-actions a{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 22px;border-radius:10px;background:#c81015;color:#fff;font-weight:700;text-decoration:none}
.article-actions .secondary{background:#fff;border:1px solid #222;color:#222}
.article-fine{font-size:.82rem;color:#666;margin-top:14px!important}
@media(max-width:600px){.hcf-article{padding-top:16px}.article-breadcrumb{margin-bottom:16px}.article-hero{padding-top:12px}.article-toc ol{grid-template-columns:1fr}.article-answer{padding:18px}.article-photo{grid-template-columns:1fr;gap:0}.article-photo img{height:300px}.article-photo figcaption{padding:16px 20px}.article-actions a{flex:1 1 210px}.article-table{margin-inline:0}.article-section{padding-top:28px}}

/* White reading pages need a readable fixed navigation from the first screen. */
body.hcf-reading{padding-top:68px}
.hcf-reading .nav{background:#fff;box-shadow:0 1px 0 #e5e5e5}
.hcf-reading .nav .nav-logo .nlk b{color:#111;text-shadow:none}
.hcf-reading .nav .nav-links a:not(.nav-cta),.hcf-reading .nav .nav-links a[data-en]::before{color:#111}
.hcf-reading .nav .nav-burger span{background:#111}
@media(max-width:1280px){.hcf-reading .nav-links{display:none}.hcf-reading .nav-burger{display:block}}
@media(min-width:921px) and (max-width:1280px){
 .hcf-reading #mnav.mnav{position:fixed;top:0;left:0;bottom:0;width:min(80vw,310px);height:100dvh;transform:translateX(-100%);transition:transform .3s ease;display:flex;z-index:1200;overflow-y:auto;box-shadow:none;padding:60px 0 26px;border-bottom:0;visibility:hidden}
 .hcf-reading #mnav.mnav.open{transform:translateX(0);visibility:visible;box-shadow:6px 0 44px rgba(0,0,0,.22)}
 .hcf-reading .mnav-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border:0;background:none;font-size:1.5rem;line-height:1;color:#111;cursor:pointer}
 .hcf-reading .mnav-ov{position:fixed;inset:0;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:.3s;z-index:1100}
 .hcf-reading .mnav-ov.open{opacity:1;visibility:visible}
 body.hcf-reading.mnav-lock{overflow:hidden}
 body.hcf-reading.mnav-lock .nav{z-index:1300}
}