/* Buyer's guide - server-rendered public pages. Layers on app.css, which
   supplies the palette, the header and the footer, so the guide looks like the
   product without loading the product's bundle. */

.guide-main{max-width:760px;margin:0 auto;padding:28px 20px 64px}
.guide-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-bottom:18px}
.guide-crumbs a{color:var(--green);text-decoration:none;font-weight:700}
.guide-crumbs a:hover{text-decoration:underline}
.guide-crumbs span[aria-current]{color:var(--muted)}

.guide-main h1{font:700 38px/1.15 Georgia,serif;margin:0 0 18px}
.guide-main h2{font:700 23px/1.25 Georgia,serif;margin:34px 0 10px}
.guide-main h3{font-size:18px;font-weight:700;line-height:1.35;margin:24px 0 6px}
.guide-main p,.guide-main li{font-size:16px;line-height:1.62}
.guide-main a{color:var(--green)}

.guide-lead{background:var(--mint);border-radius:14px;padding:16px 18px;margin:0 0 18px}
.guide-lead h2{margin:0 0 6px;font-size:13px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--green)}
.guide-lead p{margin:0;font-size:17px;line-height:1.55}
.guide-lead-text{font-size:18px;color:var(--muted);line-height:1.55;margin:0 0 22px}

.guide-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 26px}
.guide-facts div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.guide-facts span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
.guide-facts b{font-size:15px}

.guide-body table{width:100%;border-collapse:collapse;font-size:14px;margin:14px 0;display:block;overflow-x:auto}
.guide-body th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.guide-body td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.guide-body ol,.guide-body ul{padding-left:22px}
.guide-body li{margin:6px 0}
.guide-body blockquote{margin:16px 0;padding:2px 16px;border-left:3px solid var(--mint);color:var(--muted)}

.guide-related ul,.guide-sources ul{list-style:none;padding:0;margin:0}
.guide-related li,.guide-sources li{padding:10px 0;border-bottom:1px solid var(--line)}
.guide-related a,.guide-sources a{font-weight:700;text-decoration:none}
.guide-related a:hover,.guide-sources a:hover{text-decoration:underline}
.guide-updated{color:var(--muted);font-size:13px;margin-top:12px}

.guide-pager{display:flex;justify-content:space-between;gap:16px;margin-top:32px;padding-top:18px;border-top:1px solid var(--line);font-weight:700;font-size:14px}
.guide-pager a{color:var(--green);text-decoration:none}
.guide-pager a:hover{text-decoration:underline}

.guide-start{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 22px;margin:26px 0}
.guide-start h2{margin-top:0}
.guide-start p{color:var(--muted);font-size:14px;margin:0 0 10px}
.guide-start ol{margin:0;padding-left:20px}
.guide-start li{margin:6px 0;font-weight:700}
.guide-start li a{text-decoration:none}
.guide-start li a:hover{text-decoration:underline}
.guide-cluster ul{list-style:none;padding:0;margin:0}
.guide-cluster li{padding:12px 0;border-bottom:1px solid var(--line)}
.guide-cluster li a{font-weight:700;text-decoration:none;font-size:16px}
.guide-cluster li a:hover{text-decoration:underline}
.guide-cluster li span{display:block;color:var(--muted);font-size:14px;line-height:1.5;margin-top:3px}
.guide-cluster li em{display:block;color:var(--muted);font-size:12px;font-style:normal;margin-top:4px}
.guide-checklist-link{margin-top:28px;font-size:15px}
.guide-checklist .checklist li{padding-left:30px;position:relative}
.guide-checklist .checklist li::before{content:"";position:absolute;left:0;top:14px;width:16px;height:16px;border:1.5px solid var(--line);border-radius:4px;background:#fff}

.guide-disclaimer{margin-top:40px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.55}
.guide-cta{background:var(--mint);border-radius:14px;padding:14px 18px;margin-top:16px}
.guide-cta p{margin:0;font-size:14px;color:var(--green)}

@media(max-width:760px){
  .guide-main{padding:20px 16px 48px}
  .guide-main h1{font-size:29px}
  .guide-facts{grid-template-columns:1fr}
  .guide-pager{flex-direction:column;gap:10px}
}

@media print{
  header,.site-footer,.guide-cta,.guide-crumbs,.guide-pager{display:none}
  .guide-main{max-width:none;padding:0}
  body{background:#fff}
  .guide-cluster li{break-inside:avoid}
  a[href]::after{content:""}
}