/* Guide pages: long-form article layout. Loaded after index.css (shares its tokens, nav, buttons, footer). */
.guide-hero{ padding:56px 0 8px 0; }
.guide{ max-width:760px; margin:0 auto; padding:0 28px; }
.crumbs{ font-family:'Liberation Sans',Arial,sans-serif; font-size:12.5px; color:var(--muted); margin-bottom:22px; }
.crumbs a{ color:var(--muted); }
.guide h1{ font-size:44px; line-height:1.1; letter-spacing:-0.015em; margin:0 0 22px 0; }
.guide .lead{ font-size:20px; line-height:1.55; color:#3d382e; margin:0 0 16px 0; }
.guide .lead strong{ color:var(--ink); }
.guide-meta{ font-family:'Liberation Sans',Arial,sans-serif; font-size:12.5px; color:var(--muted); margin:18px 0 0 0; }

.guide-body{ padding:24px 0 72px 0; }
.guide h2{ font-size:28px; line-height:1.25; margin:56px 0 14px 0; }
.guide p{ margin:0 0 16px 0; }
.guide ol.include{ padding-left:0; list-style:none; counter-reset:item; margin:24px 0 0 0; border-top:1px solid var(--rule); }
.guide ol.include li{ counter-increment:item; position:relative; padding:16px 0 16px 52px; border-bottom:1px solid var(--rule); }
.guide ol.include li::before{
  content:counter(item); position:absolute; left:0; top:16px; width:32px; height:32px; border-radius:7px;
  background:var(--brass); color:#fff; display:flex; align-items:center; justify-content:center;
  font-family:'Liberation Sans',Arial,sans-serif; font-weight:700; font-size:14px;
}
.guide ol.include strong{ display:block; }

.note{ background:var(--paper-deep); border:1px solid var(--rule); border-left:4px solid var(--wine); border-radius:4px; padding:22px 26px; margin:22px 0 0 0; }
.note ul{ margin:0; padding-left:20px; }
.note li{ margin:6px 0; }

.check{ background:#fff; border:1px solid var(--rule); border-radius:8px; padding:28px 30px; margin:22px 0 0 0; box-shadow:0 8px 24px -16px rgba(20,15,10,0.14); }
.check ul{ list-style:none; padding:0; margin:0; }
.check li{ border-bottom:1px solid var(--rule); }
.check li:last-child{ border-bottom:none; }
.check label{ display:flex; gap:14px; align-items:flex-start; padding:12px 0; cursor:pointer; font-size:16px; }
.check input{ width:20px; height:20px; margin-top:3px; flex:none; accent-color:var(--forest); }
.check .after{ font-style:italic; color:var(--wine); margin:18px 0 0 0; }

.table-wrap{ overflow-x:auto; margin:22px 0 18px 0; }
.compare-table{ width:100%; border-collapse:collapse; font-size:15px; min-width:520px; }
.compare-table th, .compare-table td{ text-align:left; padding:12px 14px; border-bottom:1px solid var(--rule); vertical-align:top; }
.compare-table th{ font-family:'Liberation Sans',Arial,sans-serif; font-size:11.5px; text-transform:uppercase; letter-spacing:0.06em; color:var(--muted); }
.compare-table tr.ours td{ background:var(--brass-soft); font-weight:700; }

.guide ul.plain{ padding-left:20px; }
.guide ul.plain li{ margin:6px 0; }

.cta-card{ background:var(--wine-deep); color:#F3EFE3; border-radius:8px; padding:36px 34px; margin:56px 0 0 0; }
.cta-card h2{ color:#fff; margin-top:0; }
.cta-card p{ color:#E4DAC2; }
.cta-card ul{ list-style:none; padding:0; margin:0 0 26px 0; font-family:'Liberation Sans',Arial,sans-serif; font-size:14px; color:#E4DAC2; }
.cta-card li{ padding:4px 0 4px 22px; position:relative; }
.cta-card li::before{ content:"\2014"; position:absolute; left:0; color:#D9B96C; }
.cta-card .btn-primary{ padding:15px 28px; font-size:15px; }
.cta-card .btn-primary:hover{ background:#fbf9f4; color:var(--wine-deep); }

.guide-faq{ margin-top:56px; border-top:1px solid var(--rule); }
.guide-faq details{ border-bottom:1px solid var(--rule); }
.guide-faq summary{ list-style:none; cursor:pointer; padding:18px 36px 18px 0; position:relative; }
.guide-faq summary::-webkit-details-marker{ display:none; }
.guide-faq summary::after{ content:"+"; position:absolute; right:6px; top:50%; transform:translateY(-50%); font-family:'Liberation Sans',Arial,sans-serif; font-size:22px; color:var(--brass); }
.guide-faq details[open] summary::after{ content:"\2212"; }
.guide-faq summary h3{ display:inline; font-size:18px; margin:0; }
.guide-faq details p{ font-size:15.5px; color:#3d382e; margin:0 0 20px 0; }

.guide-footer-links{ font-family:Arial,sans-serif; font-size:12px; }
.guide-footer-links a{ color:#7a7264; margin-right:16px; }

@media (max-width:860px){
  .guide h1{ font-size:32px; }
  .guide .lead{ font-size:18px; }
  .guide h2{ font-size:23px; margin-top:44px; }
  .check{ padding:20px 18px; }
  .cta-card{ padding:28px 22px; }
  .nav-price{ display:none; }
}
@media print{
  nav, .cta-card, footer{ display:none; }
}