/* CEAROX content layer — designed to complement assets/css/cearox-theme.css */
:root{--content-max:1180px;--content-text:#d9dce2;--content-muted:#9ca3af;--content-line:rgba(255,255,255,.12);--content-panel:rgba(255,255,255,.045)}
.content-section{padding:96px 24px;background:#08090b;color:#f5f6f8}
.content-section-dark{background:#0d0f12}
.content-section-muted{background:#111318}
.content-shell{max-width:var(--content-max);margin:0 auto}
.content-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:700;color:#aeb6c3;margin-bottom:16px}
.content-section h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(2rem,4vw,4rem);line-height:1.04;max-width:900px;margin:0 0 24px}
.content-lead,.content-section>p,.content-shell>p{font-size:1.08rem;line-height:1.8;color:var(--content-text);max-width:880px}
.info-grid,.article-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:38px}
.info-card,.article-preview,.fact-panel{border:1px solid var(--content-line);background:var(--content-panel);border-radius:20px;padding:26px}
.info-card h3,.article-preview h3,.fact-panel h3{font-family:"Space Grotesk",sans-serif;font-size:1.3rem;margin:0 0 12px}
.info-card p,.article-preview p,.fact-panel li{line-height:1.7;color:var(--content-text)}
.info-card a,.article-preview{color:#fff;text-decoration:none}
.info-card a{display:inline-block;margin-top:10px;font-weight:700}
.article-preview{transition:transform .2s ease,border-color .2s ease}
.article-preview:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.3)}
.article-preview span{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#aeb6c3;margin-bottom:14px}
.two-col-content{display:grid;grid-template-columns:1.4fr .9fr;gap:34px;align-items:start}
.two-col-content p{font-size:1.04rem;line-height:1.8;color:var(--content-text)}
.fact-panel ul{padding-left:20px;margin:0}
.fact-panel li+li{margin-top:9px}
.faq-list{display:grid;gap:12px;margin-top:34px;max-width:920px}
.faq-list details{border:1px solid var(--content-line);border-radius:16px;background:var(--content-panel);padding:18px 20px}
.faq-list summary{cursor:pointer;font-weight:700}
.faq-list p{line-height:1.7;color:var(--content-text)}
.page-shell{max-width:1180px;margin:0 auto;padding:140px 24px 80px}
.page-hero{max-width:900px;margin-bottom:54px}
.page-hero .eyebrow{margin-bottom:16px}
.page-hero h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(2.5rem,5vw,5.5rem);line-height:1.02;margin:0 0 24px}
.page-hero p{font-size:1.14rem;line-height:1.8;color:var(--content-text)}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:72px;align-items:start}
.article-body{font-size:1.05rem;line-height:1.82;color:var(--content-text)}
.article-body h2{font-family:"Space Grotesk",sans-serif;font-size:2rem;color:#fff;margin:50px 0 14px}
.article-body h3{font-family:"Space Grotesk",sans-serif;font-size:1.35rem;color:#fff;margin:32px 0 10px}
.article-body a{color:#fff}
.article-body ul,.article-body ol{padding-left:24px}
.article-body li+li{margin-top:8px}
.article-meta{display:flex;flex-wrap:wrap;gap:14px;color:#aeb6c3;font-size:.86rem;margin-top:20px}
.article-aside{position:sticky;top:110px;border:1px solid var(--content-line);background:var(--content-panel);border-radius:18px;padding:22px}
.article-aside h3{margin-top:0}
.article-aside a{display:block;color:#fff;text-decoration:none;padding:8px 0;border-bottom:1px solid var(--content-line)}
.article-aside a:last-child{border-bottom:0}
.notice-box{border-left:3px solid rgba(255,255,255,.45);padding:14px 18px;background:var(--content-panel);margin:28px 0}
.legal-body{max-width:860px;font-size:1.02rem;line-height:1.8;color:var(--content-text)}
.legal-body h2{font-family:"Space Grotesk",sans-serif;color:#fff;margin-top:42px}
.legal-body a{color:#fff}
.knowledge-nav{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}
.knowledge-nav a{border:1px solid var(--content-line);border-radius:999px;padding:9px 14px;color:#fff;text-decoration:none}
.site-footer .footer-links a{margin-right:12px}
@media(max-width:900px){
  .info-grid,.article-preview-grid,.two-col-content,.article-layout{grid-template-columns:1fr}
  .article-aside{position:static}
}
@media(max-width:640px){
  .content-section{padding:68px 18px}
  .page-shell{padding:120px 18px 64px}
  .info-grid,.article-preview-grid{grid-template-columns:1fr}
}

/* ===== v2 content components (Sept 2026) ===== */
.breadcrumbs{font-size:.84rem;color:var(--content-muted);margin-bottom:22px;display:flex;flex-wrap:wrap;gap:6px}
.breadcrumbs a{color:#c9ced6;text-decoration:none}
.breadcrumbs a:hover{color:#fff;text-decoration:underline}
.answer-box{border:1px solid rgba(240,201,142,.35);background:linear-gradient(130deg,rgba(240,201,142,.08),rgba(199,134,74,.04));border-radius:18px;padding:22px 24px;margin:0 0 34px}
.answer-box strong{display:block;font-family:"Space Grotesk",sans-serif;color:#f0c98e;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;margin-bottom:8px}
.answer-box p{margin:0}
.takeaways{border:1px solid var(--content-line);background:var(--content-panel);border-radius:18px;padding:22px 26px;margin:40px 0}
.takeaways h2{margin-top:0 !important;font-size:1.5rem !important}
.table-wrap{overflow-x:auto;margin:26px 0;border:1px solid var(--content-line);border-radius:14px}
.data-table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:520px}
.data-table th,.data-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--content-line);vertical-align:top}
.data-table th{background:rgba(255,255,255,.06);color:#fff;font-weight:700}
.data-table tr:last-child td{border-bottom:0}
.data-table td.num,.data-table th.num{text-align:right;white-space:nowrap}
.formula{font-family:"Space Grotesk",ui-monospace,monospace;background:rgba(255,255,255,.06);border:1px solid var(--content-line);border-radius:12px;padding:14px 18px;margin:18px 0;color:#fff;overflow-x:auto;white-space:nowrap}
.example{border-left:3px solid #8fe2ff;background:rgba(143,226,255,.05);padding:16px 20px;margin:24px 0;border-radius:0 12px 12px 0}
.example strong:first-child{color:#8fe2ff}
.diagram{margin:30px 0;border:1px solid var(--content-line);border-radius:16px;background:#0b0d10;padding:18px}
.diagram svg{display:block;width:100%;height:auto}
.diagram figcaption{font-size:.88rem;color:var(--content-muted);margin-top:10px;line-height:1.6}
.toc{margin-bottom:20px}
.toc ol{padding-left:18px;margin:0}
.toc li{margin:6px 0;line-height:1.45}
.toc a{border:0 !important;padding:0 !important;display:inline !important;color:#d9dce2 !important}
.toc a:hover{color:#fff !important;text-decoration:underline}
.aside-block+.aside-block{margin-top:22px;padding-top:18px;border-top:1px solid var(--content-line)}
.references{font-size:.92rem}
.references li{line-height:1.6}
.article-faq details{border:1px solid var(--content-line);border-radius:14px;background:var(--content-panel);padding:14px 18px;margin:10px 0}
.article-faq summary{cursor:pointer;font-weight:700;color:#fff}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.related-section{margin-top:70px;padding-top:40px;border-top:1px solid var(--content-line)}
.related-section h2{font-family:"Space Grotesk",sans-serif;font-size:1.8rem;margin:0}
.byline{display:flex;flex-wrap:wrap;gap:8px 18px;color:#aeb6c3;font-size:.86rem;margin-top:20px}
.byline span+span::before{content:"·";margin-right:18px;color:#6b7280}
.category-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}
.category-nav a{border:1px solid var(--content-line);border-radius:999px;padding:8px 14px;color:#fff;text-decoration:none;font-size:.86rem}
.category-nav a:hover{border-color:rgba(255,255,255,.35)}
.hub-group{margin-top:54px}
.hub-group h2{font-family:"Space Grotesk",sans-serif;font-size:1.9rem;margin:0 0 6px}
.hub-group>p{color:var(--content-text);margin:0 0 4px;max-width:760px;line-height:1.7}
.glossary dl{margin:0}
.glossary dt{font-family:"Space Grotesk",sans-serif;font-weight:700;color:#fff;font-size:1.15rem;margin-top:26px;scroll-margin-top:110px}
.glossary dd{margin:6px 0 0;line-height:1.75;color:var(--content-text)}
.glossary-index{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 20px}
.glossary-index a{color:#fff;text-decoration:none;border:1px solid var(--content-line);border-radius:10px;padding:6px 10px;font-size:.84rem}
.calc{border:1px solid var(--content-line);background:var(--content-panel);border-radius:20px;padding:26px;margin:10px 0 40px}
.calc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.calc label{display:block;font-size:.84rem;color:#c9ced6;margin-bottom:6px;font-weight:600}
.calc input,.calc select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#0b0d10;color:#fff;font:inherit}
.calc input:focus,.calc select:focus{outline:2px solid rgba(240,201,142,.6);outline-offset:1px}
.calc-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}
.calc-result{border:1px solid var(--content-line);border-radius:14px;padding:16px;background:rgba(0,0,0,.25)}
.calc-result span{display:block;font-size:.78rem;color:#aeb6c3;text-transform:uppercase;letter-spacing:.1em}
.calc-result strong{display:block;font-family:"Space Grotesk",sans-serif;font-size:1.6rem;color:#fff;margin-top:6px}
.calc-result small{color:#aeb6c3}
.calc-note{font-size:.9rem;color:#aeb6c3;margin-top:16px;line-height:1.6}
.contact-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.contact-card{border:1px solid var(--content-line);background:var(--content-panel);border-radius:20px;padding:26px}
.contact-card h2{margin-top:0}
.contact-card .contact-form{display:grid;gap:8px}
.contact-card .contact-form input,.contact-card .contact-form textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#0b0d10;color:#fff;font:inherit}
.contact-card .contact-form button{margin-top:10px;padding:13px 18px;border-radius:999px;border:0;background:linear-gradient(120deg,#f0c98e,#c7864a);color:#140d08;font-weight:800;cursor:pointer}
.contact-trap{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}
.contact-status.is-success{color:#8ee8a8}
.contact-status.is-error{color:#ffb4a2}
.error-page{text-align:center;max-width:720px;margin:0 auto}
.error-page .article-preview-grid{text-align:left}
@media(max-width:900px){
  .related-grid,.calc-grid,.contact-page-grid{grid-template-columns:1fr}
  .calc-results{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .calc-results{grid-template-columns:1fr}
  .article-body h2{font-size:1.6rem}
  .formula{white-space:normal}
}

/* nav density for 7 items + active state */
@media (max-width:1400px){ .site-nav{gap:11px} .site-nav a{font-size:.78rem;letter-spacing:.06em} }
.site-nav a[aria-current="page"]{color:#f0c98e}
.mobile-menu-panel a[aria-current="page"]{color:#f0c98e}
.page-hero h1{font-size:clamp(2.1rem,4.2vw,3.6rem);line-height:1.08}
.article-body a:hover,.info-card a:hover{text-decoration:underline}
.bite-list a{color:#fff}