/* 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}
}