/* Stage 2 content pages - works alongside sfxmaker.css */
.wh-page{background:#f7f8fc;color:#172033;min-height:100vh}
.wh-page .site-header{position:relative}
.wh-main{max-width:1120px;margin:0 auto;padding:42px 20px 80px}
.wh-breadcrumb{font-size:14px;color:#667085;margin:0 0 24px}
.wh-breadcrumb a{color:#4f46e5;text-decoration:none}
.wh-article-hero{background:linear-gradient(135deg,#eef2ff,#f8fafc);border:1px solid #e5e7eb;border-radius:24px;padding:42px;margin-bottom:28px}
.wh-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:#4f46e5;margin-bottom:10px}
.wh-article-hero h1{font-size:clamp(34px,5vw,54px);line-height:1.05;margin:0 0 16px}
.wh-article-hero p{font-size:18px;line-height:1.7;color:#475467;max-width:800px;margin:0}
.wh-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.wh-article-card,.wh-sidebar-card,.wh-generator-card{background:#fff;border:1px solid #e4e7ec;border-radius:20px;box-shadow:0 8px 30px rgba(16,24,40,.05)}
.wh-article-card{padding:36px}
.wh-article-card h2{font-size:28px;line-height:1.2;margin:34px 0 14px}
.wh-article-card h2:first-child{margin-top:0}
.wh-article-card h3{font-size:20px;margin:26px 0 10px}
.wh-article-card p,.wh-article-card li{font-size:16px;line-height:1.8;color:#475467}
.wh-article-card ul,.wh-article-card ol{padding-left:24px}
.wh-generator-card{padding:22px;margin:28px 0}
.wh-generator-title{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:16px}
.wh-generator-title h2{margin:0!important;font-size:24px}
.wh-generator-note{font-size:13px;color:#667085}
.wh-generator-mount{overflow-x:auto}
.wh-sidebar{display:grid;gap:18px;position:sticky;top:20px}
.wh-sidebar-card{padding:22px}
.wh-sidebar-card h3{font-size:18px;margin:0 0 14px}
.wh-sidebar-card a{display:block;color:#344054;text-decoration:none;padding:9px 0;border-bottom:1px solid #eef0f3}
.wh-sidebar-card a:last-child{border-bottom:0}
.wh-callout{border-left:4px solid #4f46e5;background:#f5f3ff;padding:18px 20px;border-radius:10px;margin:24px 0}
.wh-faq{border-top:1px solid #eaecf0;margin-top:20px}
.wh-faq details{border-bottom:1px solid #eaecf0;padding:18px 0}
.wh-faq summary{font-weight:700;cursor:pointer;color:#172033}
.wh-faq p{margin:12px 0 0}
.wh-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
.wh-related a{display:block;padding:16px;border:1px solid #e4e7ec;border-radius:12px;text-decoration:none;color:#344054;background:#fff}
.wh-ad-slot{min-height:100px;border:1px dashed #d0d5dd;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#98a2b3;font-size:12px;margin:24px 0}
.wh-simple-page{max-width:850px;margin:0 auto}
.wh-simple-page .wh-article-card{margin-bottom:20px}
.wh-footer-note{font-size:13px;color:#667085;margin-top:24px}
@media(max-width:850px){
  .wh-content-grid{grid-template-columns:1fr}
  .wh-sidebar{position:static}
  .wh-article-hero{padding:28px 22px}
  .wh-article-card{padding:24px}
}
@media(max-width:600px){
  .wh-main{padding:28px 14px 60px}
  .wh-related{grid-template-columns:1fr}
  .wh-article-card h2{font-size:24px}
}