/* Pulse Extractor — long-form reading pages (GROWTH-002).
   Loaded AFTER styles.css by /guides/*, /facts and /partners only. Kept in its
   own file so the shared design system is not edited for these pages: every
   colour and font below is an existing styles.css token, nothing new.
   Phone rule: nothing here may be wider than the viewport. Tables sit in their
   own .table-scroll container, and every grid collapses to one column. */

.guide-hero{padding:132px 0 52px}
.guide-hero .lede{max-width:760px}
.guide-meta{margin:18px auto 0;color:var(--muted-on-dark);font-size:var(--fs-micro)}

.guide-layout{max-width:820px;margin:0 auto;padding-block:56px 88px}
.guide-body{color:var(--text-2);font-size:var(--fs-body);line-height:1.75;overflow-wrap:anywhere}
.guide-body h2{margin:56px 0 14px;font-family:var(--font-text);font-weight:700;font-size:clamp(23px,2.4vw,30px);line-height:1.2;letter-spacing:-.018em;color:var(--text);scroll-margin-top:90px}
.guide-body h3{margin:30px 0 10px;font-family:var(--font-text);font-weight:700;font-size:var(--fs-h3);line-height:1.3;color:var(--text)}
.guide-body p{margin:0 0 16px}
.guide-body ol,.guide-body ul{margin:0 0 18px;padding-left:24px}
.guide-body li{margin:8px 0}
.guide-body li::marker{color:var(--mint)}
.guide-body a{color:var(--mint);text-decoration:underline;text-underline-offset:2px}
.guide-body code,.guide-body kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;padding:1px 6px;border:1px solid var(--line);border-radius:6px;background:rgba(255,255,255,.04);color:var(--text);overflow-wrap:anywhere}
.guide-body strong{color:var(--text)}

.guide-answer{margin:0 0 8px;padding:22px 24px;border:1px solid rgba(99,230,189,.28);border-radius:var(--r-lg);background:rgba(99,230,189,.06)}
.guide-answer b{display:block;margin-bottom:6px;color:var(--mint);font-size:var(--fs-eyebrow);letter-spacing:.14em;text-transform:uppercase}
.guide-answer p{margin:0;color:var(--text)}

.guide-toc{margin:28px 0 0;padding:18px 22px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.02)}
.guide-toc b{display:block;margin-bottom:6px;color:var(--text);font-size:var(--fs-body-sm)}
.guide-toc ol{margin:0;padding-left:20px;font-size:var(--fs-body-sm)}
.guide-toc li{margin:4px 0}

.guide-note{margin:20px 0;padding:16px 20px;border-left:3px solid var(--amber);border-radius:0 var(--radius) var(--radius) 0;background:var(--amber-soft);color:var(--text-2)}
.guide-note p:last-child{margin-bottom:0}

.table-scroll{max-width:100%;overflow-x:auto;margin:6px 0 22px;border:1px solid var(--line);border-radius:var(--radius);-webkit-overflow-scrolling:touch}
.guide-table{width:100%;min-width:560px;border-collapse:collapse;font-size:var(--fs-body-sm);line-height:1.55;overflow-wrap:normal}
.guide-table th,.guide-table td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.guide-table thead th{color:var(--text);background:rgba(99,230,189,.07);font-weight:700}
.guide-table tbody th{color:var(--text);font-weight:700}
.guide-table tr:last-child th,.guide-table tr:last-child td{border-bottom:0}

.guide-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0 0;padding:0;list-style:none}
.guide-related li{margin:0}
.guide-related a{display:block;height:100%;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.03);color:var(--text);text-decoration:none;font-weight:700}
.guide-related a:hover{border-color:rgba(99,230,189,.45);color:var(--mint)}
.guide-related span{display:block;margin-top:4px;color:var(--muted);font-weight:400;font-size:var(--fs-body-sm);line-height:1.55}

.guide-faq{margin-top:56px}
.guide-faq h2{margin-bottom:18px}

.guide-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.guide-index article{padding:26px;border:1px solid var(--line);border-radius:var(--r-lg);background:rgba(255,255,255,.03)}
.guide-index span{color:var(--mint);font-size:var(--fs-eyebrow);font-weight:800;letter-spacing:.14em}
.guide-index h2{margin:12px 0 10px;font-family:var(--font-text);font-weight:700;font-size:21px;line-height:1.25}
.guide-index h2 a{color:var(--text);text-decoration:none}
.guide-index h2 a:hover{color:var(--mint)}
.guide-index p{margin:0;color:var(--muted);font-size:var(--fs-body-sm);line-height:1.65}

.facts-dl{display:grid;grid-template-columns:minmax(150px,.34fr) 1fr;gap:0;margin:0 0 22px;border:1px solid var(--line);border-radius:var(--radius)}
.facts-dl dt,.facts-dl dd{margin:0;padding:12px 16px;border-bottom:1px solid var(--line)}
.facts-dl dt{color:var(--text);font-weight:700}
.facts-dl dd{color:var(--text-2)}
.facts-dl dt:last-of-type,.facts-dl dd:last-of-type{border-bottom:0}

@media (max-width:620px){
  .guide-hero{padding:104px 0 40px}
  .guide-layout{padding-block:40px 64px}
  .guide-body h2{margin-top:44px}
  .guide-related,.guide-index{grid-template-columns:1fr}
  .facts-dl{grid-template-columns:1fr}
  .facts-dl dt{padding-bottom:2px;border-bottom:0}
  .facts-dl dd{padding-top:2px}
}
