.content-page{
  background-color:var(--void);
  background-image:radial-gradient(58% 42% at 50% -4%, rgba(212,168,75,0.09), transparent 60%), radial-gradient(46% 34% at 86% 6%, rgba(139,92,246,0.07), transparent 56%), radial-gradient(42% 32% at 10% 24%, rgba(20,184,166,0.05), transparent 56%);
  background-attachment:fixed;
  background-repeat:no-repeat;
  color:var(--text-primary);
  font-family:'DM Sans', system-ui, sans-serif;
}

.content-wrap{
  max-width:820px;
  margin:0 auto;
  padding:0 var(--sp-3);
}
.content-hero{
  padding:calc(var(--sp-20) + 24px) 0 var(--sp-8);
  text-align:center;
  position:relative;
  overflow:hidden;
}
.content-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(60% 60% at 50% 0%, rgba(212,168,75,0.10), transparent 70%);
  pointer-events:none;
}
.content-overline{
  font-family:'JetBrains Mono', monospace;
  font-size:12px;
  letter-spacing:0.28em;
  text-transform:uppercase;
  color:var(--aurum);
  margin-bottom:var(--sp-3);
}
.content-hero h1{
  font-family:'Cormorant Garamond', Georgia, serif;
  font-weight:500;
  font-size:clamp(34px, 6vw, 60px);
  line-height:1.08;
  letter-spacing:-0.01em;
  margin:0 auto var(--sp-4);
  max-width:16ch;
  color:#fff;
}
.content-hero h1 em{ color:var(--aurum-bright); font-style:italic; }
.content-lead{
  font-size:clamp(18px, 2.4vw, 22px);
  line-height:1.6;
  color:var(--text-primary);
  max-width:58ch;
  margin:0 auto var(--sp-4);
}
.content-lead strong{ color:var(--aurum-bright); font-weight:600; }

.content-updated{
  font-family:'JetBrains Mono', monospace;
  font-size:12px;
  color:var(--text-tertiary);
  letter-spacing:0.04em;
}
.content-body{ padding:var(--sp-8) 0 var(--sp-12); }
.content-body section{ margin-bottom:var(--sp-10); }
.content-body h2{
  font-family:'Cormorant Garamond', Georgia, serif;
  font-weight:500;
  font-size:clamp(26px, 3.6vw, 36px);
  line-height:1.15;
  color:#fff;
  margin:0 0 var(--sp-3);
}
.content-body h3{
  font-family:'DM Sans', sans-serif;
  font-weight:600;
  font-size:clamp(18px, 2.2vw, 22px);
  color:var(--aurum-bright);
  margin:var(--sp-5) 0 var(--sp-2);
}
.content-body p{
  font-size:17px;
  line-height:1.75;
  color:var(--text-secondary);
  margin:0 0 var(--sp-3);
}
.content-body p strong{ color:var(--text-primary); font-weight:600; }
.content-body p a, .content-body li a{ color:var(--aurum-bright); text-decoration:underline; text-underline-offset:3px; }
.content-body p a:hover, .content-body li a:hover{ color:var(--aurum); }
.content-body ul, .content-body ol{ margin:0 0 var(--sp-3); padding-left:var(--sp-3); }
.content-body li{ font-size:17px; line-height:1.7; color:var(--text-secondary); margin-bottom:var(--sp-1); }
.content-body li strong{ color:var(--text-primary); }
.content-table-wrap{ overflow-x:auto; margin:var(--sp-4) 0; }
.content-table{
  width:100%;
  border-collapse:collapse;
  font-size:15px;
  background:var(--void-card);
  border:1px solid var(--glass-border);
  border-radius:14px;
  overflow:hidden;
}
.content-table th, .content-table td{
  padding:14px 16px;
  text-align:left;
  border-bottom:1px solid var(--glass-border);
  vertical-align:top;
}
.content-table thead th{
  background:var(--void-surface);
  color:var(--aurum-bright);
  font-weight:600;
  font-family:'JetBrains Mono', monospace;
  font-size:13px;
  letter-spacing:0.02em;
}
.content-table tbody th{ color:var(--text-primary); font-weight:600; }
.content-table td{ color:var(--text-secondary); line-height:1.6; }
.content-table tr:last-child th, .content-table tr:last-child td{ border-bottom:none; }
.content-stats{ display:flex; flex-wrap:wrap; gap:var(--sp-3); justify-content:center; margin:var(--sp-5) 0; }
.content-stat{ text-align:center; min-width:120px; }
.content-stat-num{ font-family:'Cormorant Garamond', serif; font-size:42px; color:var(--aurum-bright); line-height:1; }
.content-stat-label{ font-size:13px; color:var(--text-tertiary); margin-top:6px; }
.content-faq{ margin-top:var(--sp-4); }
.content-faq-item{
  border:1px solid var(--glass-border);
  border-radius:12px;
  padding:var(--sp-3);
  margin-bottom:var(--sp-2);
  background:var(--void-elevated);
}
.content-faq-item h3{
  margin:0 0 8px;
  font-size:17px;
  color:#fff;
  font-weight:600;
}
.content-faq-item p{ margin:0; font-size:16px; }
.content-related{
  border-top:1px solid var(--glass-border);
  padding-top:var(--sp-5);
  margin-top:var(--sp-8);
}
.content-related h2{ font-size:22px; }
.content-related-links{ display:flex; flex-wrap:wrap; gap:var(--sp-2); margin-top:var(--sp-2); }
.content-related-links a{
  display:inline-block;
  padding:10px 18px;
  border:1px solid var(--glass-border-hover);
  border-radius:999px;
  color:var(--text-primary);
  text-decoration:none;
  font-size:14px;
  transition:border-color 0.2s, color 0.2s;
}
.content-related-links a:hover{ border-color:var(--aurum); color:var(--aurum-bright); }

.content-cta{
  text-align:center;
  margin:var(--sp-10) auto 0;
  padding:var(--sp-8) var(--sp-3);
  border-radius:20px;
  background:linear-gradient(180deg, rgba(212,168,75,0.08), rgba(212,168,75,0.02));
  border:1px solid var(--glass-border);
}
.content-cta h2{ font-size:clamp(24px, 3.2vw, 32px); }
.content-cta p{ max-width:46ch; margin:0 auto var(--sp-4); }
.content-cta-actions{ display:flex; flex-wrap:wrap; gap:var(--sp-2); justify-content:center; }

@media (max-width: 600px){
  .content-hero{ padding-top:calc(var(--sp-16) + 16px); }
  .content-wrap{ padding:0 var(--sp-2); }
}