/* Content pages — all selectors intentionally scoped under .content-page */
.content-page{
  --cp-surface:#15100d;
  --cp-surface-2:#1c1410;
  --cp-line:rgba(255,140,45,.18);
  --cp-line-soft:rgba(255,255,255,.07);
  --cp-muted:#b3a79e;
  position:relative;
  isolation:isolate;
  padding-bottom:72px;
}
.content-page .reading-progress{position:fixed;left:0;top:0;z-index:120;width:100%;height:3px;pointer-events:none}
.content-page .reading-progress span{display:block;width:0;height:100%;background:var(--grad-fire);box-shadow:0 0 16px rgba(255,123,20,.75)}
.content-page .article-hero{position:relative;overflow:hidden;padding:72px 0 66px;border-bottom:1px solid var(--cp-line-soft);background:radial-gradient(760px 430px at 82% 16%,rgba(255,89,8,.20),transparent 64%),linear-gradient(180deg,rgba(21,13,9,.96),rgba(10,8,6,.72))}
.content-page .article-hero::before{content:"";position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,#000,transparent 88%)}
.content-page .article-hero-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:58px;align-items:center}
.content-page .breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:22px;color:#8e8279;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;font-weight:600}
.content-page .breadcrumb a{transition:color .2s}.content-page .breadcrumb a:hover{color:var(--f2)}
.content-page .breadcrumb i{font-style:normal;color:#594f48}
.content-page .article-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:18px;color:var(--f2);font-size:.76rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.content-page .article-kicker::before{content:"";width:28px;height:2px;border-radius:2px;background:var(--grad-fire)}
.content-page .article-hero h1{font-size:clamp(2.35rem,5vw,4.5rem);font-weight:800;letter-spacing:-.045em;line-height:1.02;max-width:14ch}
.content-page .article-deck{max-width:720px;margin-top:24px;color:#c9bdb4;font-size:1.08rem;line-height:1.75}
.content-page .article-meta{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:27px;color:#8f837a;font-size:.8rem}
.content-page .article-meta span{display:inline-flex;align-items:center;gap:7px}
.content-page .article-meta svg{width:15px;height:15px;color:var(--f2)}
.content-page .article-emblem{position:relative;display:grid;place-items:center;min-height:310px}
.content-page .article-emblem::before,.content-page .article-emblem::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,131,24,.24)}
.content-page .article-emblem::before{width:260px;height:260px;box-shadow:0 0 72px rgba(255,72,5,.18),inset 0 0 56px rgba(255,95,8,.09)}
.content-page .article-emblem::after{width:205px;height:205px;border-style:dashed;animation:cp-spin 22s linear infinite}
.content-page .article-emblem img{position:relative;z-index:2;width:210px;filter:drop-shadow(0 22px 38px rgba(255,72,5,.38))}
.content-page .article-emblem .topic-icon{position:absolute;right:20px;bottom:25px;z-index:3;display:grid;place-items:center;width:76px;height:76px;border-radius:19px;color:#1b0801;background:var(--grad-fire);box-shadow:0 18px 42px rgba(255,77,5,.35),inset 0 1px 0 rgba(255,255,255,.45);transform:rotate(-6deg)}
.content-page .article-emblem .topic-icon svg{width:38px;height:38px}
@keyframes cp-spin{to{transform:rotate(360deg)}}
.content-page .article-wrap{padding-top:54px}
.content-page .article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:38px;align-items:start}
.content-page .article-main{min-width:0}
.content-page .editorial-note{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:20px 22px;margin-bottom:26px;border:1px solid rgba(61,220,132,.22);border-radius:14px;background:linear-gradient(135deg,rgba(61,220,132,.08),rgba(255,255,255,.018))}
.content-page .editorial-note svg{width:26px;height:26px;color:var(--live);margin-top:2px}
.content-page .editorial-note strong{display:block;margin-bottom:4px;font-family:"Archivo",sans-serif;font-size:.95rem}
.content-page .editorial-note p{color:#a99e96;font-size:.88rem;line-height:1.65}
.content-page .article-section{scroll-margin-top:110px;margin-bottom:22px;padding:32px 32px 34px;border:1px solid var(--cp-line-soft);border-radius:16px;background:linear-gradient(165deg,rgba(29,20,16,.96),rgba(17,13,10,.96) 68%);box-shadow:0 24px 60px -42px rgba(0,0,0,.95)}
.content-page .article-section h2{position:relative;margin-bottom:18px;padding-bottom:16px;font-size:clamp(1.48rem,2.5vw,2rem);line-height:1.18}
.content-page .article-section h2::after{content:"";position:absolute;left:0;bottom:0;width:74px;height:3px;border-radius:3px;background:var(--grad-fire)}
.content-page .article-section h3{margin:26px 0 10px;color:#f2e9e1;font-size:1.12rem;line-height:1.3}
.content-page .article-section p{color:var(--cp-muted);font-size:1rem;line-height:1.82}
.content-page .article-section p+p{margin-top:15px}
.content-page .article-section a{color:var(--f2);text-decoration:underline;text-decoration-color:rgba(255,138,31,.35);text-underline-offset:4px}
.content-page .article-section ul,.content-page .article-section ol{display:grid;gap:11px;margin:18px 0 4px;padding:0;list-style:none;counter-reset:item}
.content-page .article-section li{position:relative;padding-left:29px;color:#c5bbb3;line-height:1.7}
.content-page .article-section ul li::before{content:"";position:absolute;left:2px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--f2);box-shadow:0 0 12px rgba(255,138,31,.45)}
.content-page .article-section ol li{counter-increment:item;padding-left:39px}
.content-page .article-section ol li::before{content:counter(item);position:absolute;left:0;top:.1em;display:grid;place-items:center;width:25px;height:25px;border-radius:7px;color:#1d0800;background:var(--grad-fire);font-size:.75rem;font-weight:800}
.content-page .key-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:20px}
.content-page .key-card{padding:18px;border:1px solid var(--cp-line-soft);border-radius:12px;background:rgba(255,255,255,.025)}
.content-page .key-card strong{display:block;margin-bottom:6px;color:var(--f2);font-family:"Archivo",sans-serif;font-size:.92rem}
.content-page .key-card p{font-size:.88rem;line-height:1.6}
.content-page .callout{display:grid;grid-template-columns:auto 1fr;gap:14px;margin:22px 0 2px;padding:18px 19px;border-radius:12px;border:1px solid rgba(255,166,40,.24);background:rgba(255,138,31,.07)}
.content-page .callout.danger{border-color:rgba(242,77,11,.28);background:rgba(242,77,11,.075)}
.content-page .callout svg{width:24px;height:24px;color:var(--f2);margin-top:2px}
.content-page .callout.danger svg{color:#ff6940}
.content-page .callout strong{display:block;margin-bottom:3px;color:#f8efe8;font-size:.93rem}
.content-page .callout p{font-size:.87rem;line-height:1.6}
.content-page .comparison{width:100%;margin:20px 0 4px;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--cp-line-soft);border-radius:12px;color:#c8bdb5;font-size:.9rem}
.content-page .comparison th,.content-page .comparison td{padding:14px 15px;text-align:left;border-bottom:1px solid var(--cp-line-soft);vertical-align:top}
.content-page .comparison th{color:#ffe8d3;background:rgba(255,138,31,.08);font-size:.79rem;text-transform:uppercase;letter-spacing:.05em}
.content-page .comparison tr:last-child td{border-bottom:0}
.content-page .article-aside{position:sticky;top:96px;display:grid;gap:16px}
.content-page .aside-card{padding:22px;border:1px solid var(--cp-line-soft);border-radius:14px;background:linear-gradient(165deg,rgba(26,18,14,.97),rgba(14,11,9,.97))}
.content-page .aside-card h2{margin-bottom:15px;font-size:.94rem;letter-spacing:.08em;text-transform:uppercase}
.content-page .toc{display:grid;gap:4px}
.content-page .toc a{display:block;padding:9px 10px;border-left:2px solid transparent;color:#9f948c;font-size:.84rem;line-height:1.35;transition:.2s}
.content-page .toc a:hover,.content-page .toc a.is-active{color:#fff;border-left-color:var(--f2);background:rgba(255,138,31,.06)}
.content-page .trust-list{display:grid;gap:12px}
.content-page .trust-list li{display:flex;align-items:flex-start;gap:10px;color:#a99e96;font-size:.83rem;line-height:1.5}
.content-page .trust-list svg{width:18px;height:18px;flex:none;color:var(--live);margin-top:1px}
.content-page .aside-action{display:flex;width:100%;margin-top:17px}
.content-page .faq-section{margin-top:28px}
.content-page .faq-section>h2{margin-bottom:18px;font-size:1.55rem}
.content-page .faq-list{display:grid;gap:9px}
.content-page .faq-item{border:1px solid var(--cp-line-soft);border-radius:12px;background:rgba(255,255,255,.022)}
.content-page .faq-q{width:100%;display:flex;justify-content:space-between;gap:16px;padding:17px 19px;border:0;background:none;color:#eee4dc;text-align:left;font-weight:600;cursor:pointer}
.content-page .faq-q span:last-child{color:var(--f2);font-size:1.15rem;transition:transform .25s}
.content-page .faq-item.open .faq-q span:last-child{transform:rotate(45deg)}
.content-page .faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}
.content-page .faq-item.open .faq-a{grid-template-rows:1fr}
.content-page .faq-a>div{overflow:hidden}
.content-page .faq-a p{padding:0 19px 18px;color:#a99e96;font-size:.9rem;line-height:1.7}
.content-page .related{margin-top:44px;padding-top:40px;border-top:1px solid var(--cp-line-soft)}
.content-page .related-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px}
.content-page .related-head h2{font-size:1.5rem}.content-page .related-head p{color:#8f837b;font-size:.86rem}
.content-page .related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.content-page .related-card{position:relative;min-height:190px;padding:23px;border:1px solid var(--cp-line-soft);border-radius:14px;overflow:hidden;background:linear-gradient(150deg,#20150f,#110d0a);transition:transform .25s,border-color .25s}
.content-page .related-card::after{content:"";position:absolute;right:-35px;bottom:-50px;width:145px;height:145px;border-radius:50%;background:radial-gradient(circle,rgba(255,100,8,.19),transparent 68%)}
.content-page .related-card:hover{transform:translateY(-4px);border-color:var(--cp-line)}
.content-page .related-card small{display:block;margin-bottom:12px;color:var(--f2);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.content-page .related-card h3{font-size:1.06rem;line-height:1.3}
.content-page .related-card p{margin-top:10px;color:#91867e;font-size:.82rem;line-height:1.55}
.content-page .responsible-box{margin-top:34px;padding:23px 25px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.025),rgba(255,138,31,.035))}
.content-page .responsible-box strong{display:block;margin-bottom:7px;color:#fff;font-family:"Archivo",sans-serif}
.content-page .responsible-box p{color:#91867e;font-size:.86rem;line-height:1.65}
@media(max-width:1020px){
  .content-page .article-hero-in{grid-template-columns:1fr 240px;gap:28px}
  .content-page .article-emblem{min-height:250px}.content-page .article-emblem::before{width:220px;height:220px}.content-page .article-emblem::after{width:175px;height:175px}.content-page .article-emblem img{width:175px}
  .content-page .article-layout{grid-template-columns:1fr}.content-page .article-aside{position:static;grid-template-columns:1fr 1fr}.content-page .toc-card{display:none}
}
@media(max-width:720px){
  .content-page .article-hero{padding:48px 0 44px}.content-page .article-hero-in{grid-template-columns:1fr}.content-page .article-emblem{display:none}
  .content-page .article-hero h1{font-size:clamp(2.2rem,12vw,3.45rem)}.content-page .article-deck{font-size:1rem}
  .content-page .article-wrap{padding-top:32px}.content-page .article-section{padding:25px 20px 27px}.content-page .key-grid{grid-template-columns:1fr}
  .content-page .article-aside{grid-template-columns:1fr}.content-page .related-grid{grid-template-columns:1fr}.content-page .related-head{display:block}.content-page .related-head p{margin-top:6px}
  .content-page .comparison{display:block;overflow-x:auto;white-space:normal}.content-page .article-meta{gap:9px}
}
@media(prefers-reduced-motion:reduce){.content-page .article-emblem::after{animation:none}}