/* Content hub and research-backed guides */
.guide-hero{padding:72px 0 38px;background:linear-gradient(180deg,#f7faff,#fff)}
.guide-hero .container{max-width:980px}
.guide-hero h1{margin:14px 0 16px;color:var(--navy);font-size:clamp(40px,6vw,68px);line-height:1.04;letter-spacing:-.065em}
.guide-hero p{max-width:800px;margin:0;color:var(--muted);font-size:17px;line-height:1.75}
.guide-meta-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}
.guide-meta-row span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:11px;font-weight:800}
.guide-index{padding:34px 0 92px}
.guide-index-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;margin-bottom:28px}
.guide-index-intro>div,.editorial-card{padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-soft)}
.guide-index-intro h2{margin:0 0 10px;color:var(--navy);font-size:25px;letter-spacing:-.04em}
.guide-index-intro p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}
.editorial-card ul{margin:12px 0 0;padding-left:19px;color:var(--muted);font-size:13px;line-height:1.8}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.guide-card{display:flex;flex-direction:column;min-height:250px;padding:23px;border:1px solid var(--line);border-radius:22px;background:#fff;color:inherit;text-decoration:none;box-shadow:var(--shadow-soft);transition:.2s ease}
.guide-card:hover{transform:translateY(-4px);border-color:#bed2ef;box-shadow:0 18px 38px rgba(16,52,108,.09)}
.guide-card small{color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.guide-card h2,.guide-card h3{margin:12px 0 10px;color:var(--navy);font-size:23px;line-height:1.25;letter-spacing:-.045em}
.guide-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}
.guide-card .card-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:18px;color:var(--blue);font-size:11px;font-weight:850}
.home-guides{padding:82px 0;background:linear-gradient(180deg,#f8fbff,#fff)}
.home-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:26px}
.home-guide-card{padding:21px;border:1px solid var(--line);border-radius:20px;background:#fff;text-decoration:none;color:inherit;transition:.2s ease}
.home-guide-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft)}
.home-guide-card span{font-size:10px;color:var(--blue);font-weight:900}
.home-guide-card h3{margin:10px 0 7px;color:var(--navy);font-size:18px;letter-spacing:-.04em}
.home-guide-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}
.home-guides-actions{margin-top:18px;display:flex;justify-content:center}
.article-shell{padding:54px 0 96px;background:#fff}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:48px;align-items:start}
.article-main{min-width:0}
.breadcrumbs{display:flex;gap:7px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:11px;margin-bottom:20px}
.breadcrumbs a{color:var(--blue);text-decoration:none;font-weight:800}
.article-head h1{margin:11px 0 17px;color:var(--navy);font-size:clamp(38px,5vw,58px);line-height:1.08;letter-spacing:-.06em}
.article-dek{font-size:18px;line-height:1.78;color:#52657f;margin:0 0 19px}
.article-byline{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}
.article-byline b{color:var(--navy)}
.article-summary{margin:27px 0;padding:20px 22px;border-radius:18px;background:linear-gradient(135deg,#edf4ff,#f6fbff);border:1px solid #d9e7fa}
.article-summary b{display:block;margin-bottom:8px;color:var(--blue);font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.article-summary p{margin:0;color:var(--navy);font-size:14px;line-height:1.75}
.article-section{scroll-margin-top:92px;padding:27px 0;border-bottom:1px solid #edf1f6}
.article-section h2{margin:0 0 14px;color:var(--navy);font-size:27px;line-height:1.25;letter-spacing:-.045em}
.article-section p{margin:0 0 14px;color:#33465f;font-size:15px;line-height:1.9}
.article-section ul,.article-section ol{color:#33465f;font-size:14px;line-height:1.85}
.guide-checklist{display:grid;gap:8px;margin:15px 0;padding:0;list-style:none}
.guide-checklist li{position:relative;padding:11px 13px 11px 36px;border:1px solid var(--line);border-radius:13px;background:#fbfdff}
.guide-checklist li:before{content:"✓";position:absolute;left:13px;top:11px;color:var(--mint);font-weight:900}
.guide-steps{display:grid;gap:9px;padding-left:24px}
.guide-steps li{padding:7px 0 7px 5px}
.guide-rule,.example-box,.formula-box{margin:18px 0;padding:17px 18px;border-radius:16px}
.guide-rule{background:var(--navy);color:#fff}
.guide-rule b,.guide-rule span{display:block}.guide-rule b{font-size:11px;color:#65e5c6;margin-bottom:5px}.guide-rule span{font-size:13px;line-height:1.65}
.example-box{border:1px solid var(--line);background:#f8fbff}
.example-box b{display:block;margin-top:9px;color:var(--blue);font-size:11px}.example-box b:first-child{margin-top:0}.example-box p{margin:4px 0 0!important;font-size:13px!important}
.formula-box{display:grid;gap:8px;background:#0e2345;color:#fff}
.formula-box b{color:#65e5c6;font-size:11px}.formula-box code{white-space:normal;color:#fff;font-size:15px;font-weight:900}.formula-box span{font-size:11px;color:#b6c6dc;line-height:1.6}
.guide-table-wrap{overflow:auto;margin:18px 0;border:1px solid var(--line);border-radius:16px}
.guide-table{width:100%;border-collapse:collapse;min-width:560px;background:#fff}
.guide-table th,.guide-table td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:12px;line-height:1.55}
.guide-table th{background:#f4f8ff;color:var(--navy);font-weight:900}.guide-table td{color:#42556e}.guide-table tr:last-child td{border-bottom:0}
.guide-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0;padding:14px;border-radius:16px;background:#f7faff}
.guide-flow span{padding:9px 11px;border-radius:11px;background:#fff;border:1px solid var(--line);color:var(--navy);font-size:12px;font-weight:850}.guide-flow i{font-style:normal;color:var(--blue);font-weight:900}
.article-sidebar{position:sticky;top:94px}
.article-toc,.article-method{padding:18px;border:1px solid var(--line);border-radius:18px;background:#fbfdff}
.article-toc b,.article-method b{display:block;margin-bottom:10px;color:var(--navy);font-size:12px}
.article-toc a{display:block;padding:6px 0;color:var(--muted);text-decoration:none;font-size:11px;line-height:1.5}.article-toc a:hover{color:var(--blue)}
.article-method{margin-top:10px}.article-method p{margin:0;color:var(--muted);font-size:10px;line-height:1.65}
.article-sources{padding:29px 0}
.article-sources h2{color:var(--navy);font-size:23px}
.source-list{display:grid;gap:9px;padding:0;list-style:none}
.source-list li{padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:#fbfdff}
.source-list a{color:var(--blue);text-decoration:none;font-size:12px;font-weight:800;line-height:1.55}
.related-guides{padding-top:16px}.related-guides h2{color:var(--navy);font-size:22px}
.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.related-grid a{padding:14px;border:1px solid var(--line);border-radius:14px;color:var(--navy);text-decoration:none;font-size:12px;font-weight:850;line-height:1.5}
.about-page{padding:68px 0 92px}.about-page h1{font-size:clamp(40px,6vw,64px);color:var(--navy);letter-spacing:-.06em;margin:14px 0}
.about-lead{max-width:820px;color:var(--muted);font-size:17px;line-height:1.8}
.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:30px}.about-card{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff}.about-card h2{margin:0 0 10px;color:var(--navy);font-size:21px}.about-card p,.about-card li{color:var(--muted);font-size:13px;line-height:1.75}
@media(max-width:900px){
  .article-layout{grid-template-columns:1fr}.article-sidebar{position:static;order:-1}.article-toc{display:none}
  .guide-index-intro{grid-template-columns:1fr}.home-guide-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .guide-hero{padding-top:48px}.guide-hero h1{font-size:40px}
  .guide-grid,.home-guide-grid,.related-grid,.about-grid{grid-template-columns:1fr}
  .article-shell{padding-top:34px}.article-head h1{font-size:38px}.article-dek{font-size:16px}
  .article-section h2{font-size:23px}.article-section p{font-size:14px}
}