/* ═══════════════════ WHITE PAPER STYLES ═══════════════════ */

/* ── Hero ─────────────────────────────────────────────────── */
.wp-hero{
  padding:160px 32px 80px;
  text-align:center;
  background:linear-gradient(180deg,var(--bg) 0%,var(--bg-alt) 100%);
  border-bottom:1px solid var(--border);
}
.wp-hero-inner{max-width:800px;margin:0 auto}
.wp-hero-tagline{
  font-size:0.7rem;letter-spacing:0.3em;color:var(--text-muted);
  margin-bottom:24px;font-weight:500;
}
.wp-hero-title{
  font-size:clamp(2.8rem,6vw,4.5rem);font-weight:700;
  line-height:1.05;letter-spacing:-0.02em;
  margin-bottom:24px;
}
.wp-hero-accent{color:var(--accent)}
.wp-hero-sub{
  font-size:1.05rem;color:var(--text-dim);line-height:1.7;
  max-width:600px;margin:0 auto 32px;
}
.wp-hero-meta{
  display:flex;gap:24px;justify-content:center;
  font-size:0.75rem;color:var(--text-muted);
  letter-spacing:0.05em;
}
.wp-hero-meta span{
  padding:4px 12px;
  border:1px solid var(--border);
  border-radius:20px;
}

/* ── Content ──────────────────────────────────────────────── */
.wp-content{
  max-width:900px;
  margin:0 auto;
  padding:0 32px 120px;
}

/* ── Sections ─────────────────────────────────────────────── */
.wp-section{
  padding:80px 0 0;
}
.wp-section-alt{
  border-top:1px solid var(--border);
}
.wp-section-inner{
  position:relative;
}
.wp-num{
  display:block;
  font-size:0.65rem;
  letter-spacing:0.2em;
  color:var(--text-muted);
  font-weight:500;
  margin-bottom:16px;
  font-family:var(--mono);
}
.wp-h2{
  font-size:clamp(1.6rem,3vw,2.2rem);
  font-weight:600;
  letter-spacing:-0.01em;
  margin-bottom:8px;
}
.wp-h3{
  font-size:1.1rem;
  font-weight:600;
  margin:40px 0 16px;
  color:var(--text);
}
.wp-divider{
  width:40px;height:2px;
  background:var(--accent);
  margin-bottom:32px;
  border-radius:1px;
}

/* ── Text ─────────────────────────────────────────────────── */
.wp-content p{
  color:var(--text-dim);
  line-height:1.8;
  margin-bottom:16px;
  font-size:0.92rem;
}

/* ── Cards ────────────────────────────────────────────────── */
.wp-grid{
  display:grid;
  gap:16px;
  margin:24px 0;
}
.wp-grid-2{grid-template-columns:repeat(2,1fr)}
.wp-grid-3{grid-template-columns:repeat(3,1fr)}
.wp-grid-4{grid-template-columns:repeat(4,1fr)}

@media(max-width:768px){
  .wp-grid-2,.wp-grid-3,.wp-grid-4{grid-template-columns:1fr}
}

.wp-card{
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:8px;
  padding:24px;
  transition:border-color 0.2s;
}
.wp-card:hover{border-color:var(--border-hi)}

.wp-card-icon{
  font-size:1.4rem;
  margin-bottom:12px;
}
.wp-card-title{
  font-size:0.95rem;
  font-weight:600;
  margin-bottom:8px;
}
.wp-card p{
  font-size:0.82rem;
  line-height:1.7;
  margin-bottom:12px;
}
.wp-card ul{
  list-style:none;
  padding:0;
  margin:0;
}
.wp-card li{
  font-size:0.82rem;
  color:var(--text-dim);
  padding:4px 0;
  border-bottom:1px solid var(--border);
  line-height:1.6;
}
.wp-card li:last-child{border-bottom:none}

.wp-card-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:12px;
}
.wp-card-tags span{
  font-size:0.65rem;
  padding:2px 8px;
  background:var(--bg-input);
  border:1px solid var(--border);
  border-radius:4px;
  color:var(--text-dim);
  font-family:var(--mono);
}

/* ── Dep Cards ────────────────────────────────────────────── */
.wp-dep-card{
  background:var(--bg-alt);
  border:1px solid var(--border);
  border-radius:8px;
  padding:20px;
}
.wp-dep-card h5{
  font-size:0.8rem;
  font-weight:600;
  margin-bottom:10px;
  color:var(--accent2);
}
.wp-dep-card ul{
  list-style:none;
  padding:0;
  margin:0;
}
.wp-dep-card li{
  font-size:0.78rem;
  color:var(--text-dim);
  padding:3px 0;
  font-family:var(--mono);
  line-height:1.5;
}

/* ── Tables ───────────────────────────────────────────────── */
.wp-table{
  width:100%;
  border-collapse:collapse;
  margin:24px 0;
  font-size:0.82rem;
}
.wp-table th{
  text-align:left;
  padding:10px 12px;
  background:var(--bg-input);
  border:1px solid var(--border);
  color:var(--text-dim);
  font-weight:500;
  font-size:0.72rem;
  letter-spacing:0.05em;
  text-transform:uppercase;
}
.wp-table td{
  padding:10px 12px;
  border:1px solid var(--border);
  color:var(--text-dim);
  vertical-align:top;
  line-height:1.6;
}
.wp-table td code{
  font-size:0.75rem;
}
.wp-ok{color:var(--green) !important}
.wp-no{color:var(--red) !important}
.wp-partial{color:#fbbf24 !important}

/* ── Code Blocks ──────────────────────────────────────────── */
.wp-code-block{
  background:var(--bg-input);
  border:1px solid var(--border);
  border-radius:8px;
  padding:20px;
  margin:20px 0;
  overflow-x:auto;
}
.wp-code-block pre{
  font-family:var(--mono);
  font-size:0.75rem;
  line-height:1.7;
  color:var(--text-dim);
  white-space:pre;
  margin:0;
}

/* ── Callouts ─────────────────────────────────────────────── */
.wp-callout{
  background:var(--bg-card);
  border:1px solid var(--border);
  border-left:3px solid var(--accent);
  border-radius:8px;
  padding:20px 24px;
  margin:24px 0;
}
.wp-callout strong{
  display:block;
  font-size:0.85rem;
  margin-bottom:8px;
  color:var(--text);
}
.wp-callout p{
  font-size:0.82rem;
  margin:0;
}
.wp-callout ul{
  list-style:none;
  padding:0;
  margin:8px 0 0;
}
.wp-callout li{
  font-size:0.82rem;
  color:var(--text-dim);
  padding:3px 0;
  line-height:1.6;
}
.wp-callout-warn{
  border-left-color:#fbbf24;
}

/* ── Footer ───────────────────────────────────────────────── */
.wp-footer{
  border-top:1px solid var(--border);
  padding:60px 32px;
  text-align:center;
}
.wp-footer-inner{max-width:600px;margin:0 auto}
.wp-footer-logo{
  font-size:1.8rem;
  font-weight:700;
  margin-bottom:16px;
  letter-spacing:0.02em;
}
.wp-footer p{
  font-size:0.8rem;
  color:var(--text-muted);
  margin-bottom:8px;
}
.wp-footer-links{
  margin-top:24px;
}
.wp-footer-links a{
  font-size:0.8rem;
  color:var(--accent);
  transition:color 0.2s;
}
.wp-footer-links a:hover{color:var(--accent2)}

/* ── Fade-up animation ────────────────────────────────────── */
.fade-up{
  opacity:0;
  transform:translateY(20px);
  transition:opacity 0.5s ease, transform 0.5s ease;
}
.fade-up.visible{
  opacity:1;
  transform:translateY(0);
}

/* ── FAQ ──────────────────────────────────────────────────────── */
.wp-faq-item{
  padding:24px 0;
  border-bottom:1px solid var(--border);
}
.wp-faq-item:last-child{border-bottom:none}
.wp-faq-q{
  font-size:1.05rem;
  font-weight:600;
  margin-bottom:8px;
  color:var(--text);
}
.wp-faq-item p{
  color:var(--text-dim);
  line-height:1.7;
  font-size:0.92rem;
}

/* ── Responsive ───────────────────────────────────────────── */
@media(max-width:640px){
  .wp-hero{padding:120px 20px 60px}
  .wp-content{padding:0 20px 80px}
  .wp-section{padding:60px 0 0}
  .wp-hero-meta{flex-direction:column;gap:8px}
  .wp-table{font-size:0.72rem}
  .wp-table th,.wp-table td{padding:6px 8px}
}