/* Scoped version of style.css for embedding the Buying Guide inside the
   main site layout. All rules are prefixed with .bg-guide-page so they
   cannot leak out and affect the rest of the site (header, footer, etc). */

.bg-guide-page{
    --bg:#F1ECE0;
    --bg-alt:#E6DECB;
    --panel:#FFFFFF;
    --ink:#1C2A2A;
    --ink-soft:#54615F;
    --ink-faint:#8A8F85;
    --primary:#1F4A52;
    --primary-dark:#132F35;
    --primary-tint:#E4EBE9;
    --accent:#B9822E;
    --accent-dark:#8F6420;
    --accent-tint:#F1E3C9;
    --line:#D9CFB9;
    --line-strong:#C3B79C;
    --white:#FFFFFF;
    --radius-s:3px;
    --radius-m:6px;
    --shadow-card:0 1px 2px rgba(28,42,42,0.06), 0 8px 24px -12px rgba(28,42,42,0.18);
    --maxw:1180px;
  }

  .bg-guide-page *,.bg-guide-page *::before,.bg-guide-page *::after{box-sizing:border-box;}
  .bg-guide-page{
    background:#fff;
    color:var(--ink);
    font-family:'Nunito',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    font-size:17px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  .bg-guide-page img{max-width:100%;display:block;}
  .bg-guide-page a{color:inherit;}
  .bg-guide-page h1,.bg-guide-page h2,.bg-guide-page h3,.bg-guide-page h4{
    font-family:'Nunito',Georgia,serif;
    font-weight:600;
    line-height:1.12;
    margin:0 0 0.5em 0;
    letter-spacing:-0.01em;
    color:var(--primary-dark);
  }
  .bg-guide-page p{margin:0 0 1em 0;}
  .bg-guide-page .container{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
  .bg-guide-page section{scroll-margin-top:84px;}
  .bg-guide-page #q180,.bg-guide-page #q400,.bg-guide-page #s400,.bg-guide-page #s950,.bg-guide-page #q800,.bg-guide-page #g800{scroll-margin-top:84px;}

  .bg-guide-page .eyebrow-note{
    color:var(--ink-soft);
    font-size:0.95rem;
  }

  /* Buttons */
  .bg-guide-page .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:14px 26px;
    border-radius:var(--radius-s);
    font-family:'Nunito',sans-serif;
    font-weight:600;
    font-size:1rem;
    text-decoration:none;
    cursor:pointer;
    border:1.5px solid transparent;
    transition:background .15s ease, color .15s ease, border-color .15s ease, transform .1s ease;
  }
  .bg-guide-page .btn:active{transform:translateY(1px);}
  .bg-guide-page .btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);}
  .bg-guide-page .btn-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark);}
  .bg-guide-page .btn-secondary{background:transparent;color:var(--primary-dark);border-color:var(--primary-dark);}
  .bg-guide-page .btn-secondary:hover{background:var(--primary-dark);color:#fff;}
  .bg-guide-page .btn-ghost{background:transparent;color:var(--primary);border-color:transparent;padding:8px 4px;text-decoration:underline;text-underline-offset:3px;}
  .bg-guide-page .btn-block{width:100%;}
  .bg-guide-page .btn[disabled]{opacity:0.45;cursor:not-allowed;}

  /* ---------- Hero ---------- */
  .bg-guide-page .bh_hero{
    padding:56px 0 0;
    margin-top:10px;
    margin-bottom:10px;
    /* height: 100vh; */
    width:100%;
    max-width:1400px;
    margin-left:auto;
    margin-right:auto;
    background:var(--bg);
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
  }
  .bg-guide-page .hero-grid{
    display:grid;grid-template-columns:1.05fr 0.95fr;gap:56px;align-items:center;
  }
  .bg-guide-page .hero-eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    color:var(--accent-dark);font-weight:600;font-size:0.92rem;margin-bottom:18px;
  }
  .bg-guide-page .hero-eyebrow::before{content:"";width:22px;height:1.5px;background:var(--accent);display:inline-block;}
  .bg-guide-page .bh_hero h1{font-size:36px;line-height:1.35;max-width:16ch;display:block;width:100%;clear:both;float:none;}
  .bg-guide-page .hero-lead{font-size:1.15rem;color:var(--ink-soft);max-width:46ch;margin-bottom:28px;}
  .bg-guide-page .hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:34px;}
  .bg-guide-page .hero-badges{display:flex;flex-wrap:wrap;gap:22px;}
  .bg-guide-page .hero-badge{display:flex;align-items:center;gap:9px;font-size:0.92rem;color:var(--ink-soft);}
  .bg-guide-page .hero-badge svg{flex:none;width:19px;height:19px;stroke:var(--primary);}
  .bg-guide-page .hero-media{
    position:relative;
    border-radius:var(--radius-m) var(--radius-m) var(--radius-m) 46px;
    overflow:hidden;
    box-shadow:var(--shadow-card);
  }
  .bg-guide-page .hero-media img{width:100%;height:100%;object-fit:cover;aspect-ratio:6/5;}
  .bg-guide-page .hero-media .cap{
    position:absolute;left:0;right:0;bottom:0;
    padding:16px 20px;
    background:linear-gradient(0deg, rgba(19,47,53,0.72), rgba(19,47,53,0));
    color:#fff;font-size:0.86rem;font-weight:500;
  }

  /* ---------- Section titles ---------- */
  .bg-guide-page .section-head{max-width:640px;margin-bottom:38px;}
  .bg-guide-page .section-head h2{font-size:clamp(1.7rem,2.6vw,2.35rem);}
  .bg-guide-page .section-head p{color:var(--ink-soft);font-size:1.06rem;}
  .bg-guide-page .section-pad{padding:78px 0;background:var(--bg);margin-bottom:10px;}
  .bg-guide-page .bg-alt{background:var(--bg-alt);}
  .bg-guide-page .bg-primary{background:var(--primary-dark);color:#EDEEE7;}
  .bg-guide-page .bg-primary h2,.bg-guide-page .bg-primary h3,.bg-guide-page .bg-primary h4{color:#fff;}

  .bg-guide-page hr.divider{border:none;border-top:1px solid var(--line);margin:0;}

  /* ---------- Quiz ---------- */
  .bg-guide-page .quiz-wrap{
    display:grid;grid-template-columns:1.3fr 0.9fr;gap:44px;align-items:start;
  }
  .bg-guide-page .quiz-card{
    background:var(--panel);
    border:1px solid var(--line);
    border-radius:var(--radius-m);
    padding:36px 38px;
    box-shadow:var(--shadow-card);
    min-height:380px;
    display:flex;flex-direction:column;
  }
  .bg-guide-page .quiz-progress-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;}
  .bg-guide-page .quiz-step-label{font-size:0.88rem;color:var(--ink-soft);font-weight:600;}
  .bg-guide-page .quiz-track{height:4px;background:var(--line);border-radius:2px;overflow:hidden;margin-bottom:28px;}
  .bg-guide-page .quiz-fill{height:100%;background:var(--accent);width:0%;transition:width .25s ease;}
  .bg-guide-page .quiz-question{font-family:'Nunito',serif;font-size:1.5rem;font-weight:600;color:var(--primary-dark);margin-bottom:22px;}
  .bg-guide-page .quiz-options{display:flex;flex-direction:column;gap:10px;flex:1;}
  .bg-guide-page .quiz-option{
    text-align:left;
    background:var(--bg);
    border:1.5px solid var(--line);
    border-radius:var(--radius-s);
    padding:15px 18px;
    font-size:1.01rem;font-family:'Nunito',sans-serif;color:var(--ink);
    cursor:pointer;
    transition:border-color .15s ease, background .15s ease;
  }
  .bg-guide-page .quiz-option:hover{border-color:var(--primary);background:var(--primary-tint);}
  .bg-guide-page .quiz-nav-row{display:flex;justify-content:space-between;align-items:center;margin-top:22px;}
  .bg-guide-page .quiz-result{display:none;flex-direction:column;flex:1;}
  .bg-guide-page .quiz-result.show{display:flex;}
  .bg-guide-page .quiz-result-top{display:flex;gap:20px;align-items:center;margin-bottom:18px;}
  .bg-guide-page .quiz-result-top img{width:96px;height:96px;object-fit:cover;border-radius:var(--radius-s);flex:none;}
  .bg-guide-page .quiz-result-model{font-family:'Nunito',serif;font-size:1.9rem;font-weight:700;color:var(--primary-dark);line-height:1;}
  .bg-guide-page .quiz-result-tagline{color:var(--ink-soft);font-size:0.98rem;margin-top:6px;}
  .bg-guide-page .quiz-result-specs{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 22px;}
  .bg-guide-page .quiz-result-specs span{
    background:var(--primary-tint);color:var(--primary-dark);
    font-size:0.86rem;font-weight:600;padding:6px 12px;border-radius:20px;
  }
  .bg-guide-page .quiz-alt{font-size:0.92rem;color:var(--ink-soft);margin-top:6px;}
  .bg-guide-page .quiz-alt a{color:var(--primary);font-weight:600;text-decoration:underline;text-underline-offset:2px;}
  .bg-guide-page .quiz-result-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:auto;padding-top:10px;}

  .bg-guide-page .quickpicks{
    border-left:1.5px solid var(--line);
    padding-left:36px;
  }
  .bg-guide-page .quickpicks h3{font-size:1.1rem;font-family:'Nunito',sans-serif;font-weight:700;color:var(--primary-dark);margin-bottom:6px;}
  .bg-guide-page .quickpicks > p{color:var(--ink-soft);font-size:0.94rem;margin-bottom:18px;}
  .bg-guide-page .quickpick-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
  .bg-guide-page .quickpick-list li{border-top:1px solid var(--line);}
  .bg-guide-page .quickpick-list li:last-child{border-bottom:1px solid var(--line);}
  .bg-guide-page .quickpick-list a{
    display:flex;justify-content:space-between;align-items:baseline;gap:14px;
    padding:13px 2px;text-decoration:none;color:var(--ink);
  }
  .bg-guide-page .quickpick-list a:hover .qp-model{color:var(--accent-dark);}
  .bg-guide-page .qp-desc{font-size:0.94rem;color:var(--ink-soft);}
  .bg-guide-page .qp-model{font-family:'Nunito',serif;font-weight:600;font-size:1.02rem;color:var(--primary-dark);flex:none;transition:color .15s ease;}

  /* ---------- Comparison table ---------- */
  .bg-guide-page .filter-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px;}
  .bg-guide-page .filter-chip{
    background:var(--panel);border:1.5px solid var(--line);color:var(--ink-soft);
    font-size:0.9rem;font-weight:600;padding:9px 16px;border-radius:20px;cursor:pointer;
  }
  .bg-guide-page .filter-chip.active{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff;}
  .bg-guide-page .table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--panel);}
  .bg-guide-page table.compare{width:100%;border-collapse:collapse;min-width:880px;}
  .bg-guide-page table.compare th, .bg-guide-page table.compare td{
    padding:16px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;
  }
  .bg-guide-page table.compare thead th{
    font-family:'Nunito',sans-serif;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.04em;
    color:var(--ink-faint);font-weight:700;background:var(--bg-alt);border-bottom:1px solid var(--line-strong);
  }
  .bg-guide-page table.compare tbody tr:last-child td{border-bottom:none;}
  .bg-guide-page table.compare tbody tr:hover{background:var(--primary-tint);}
  .bg-guide-page table.compare .model-cell{font-family:'Nunito',serif;font-weight:700;font-size:1.15rem;color:var(--primary-dark);}
  .bg-guide-page table.compare .model-cell a{text-decoration:none;color:inherit;}
  .bg-guide-page table.compare .model-cell a:hover{color:var(--accent-dark);}
  .bg-guide-page .bar-cell{min-width:150px;}
  .bg-guide-page .bar-value{font-weight:600;font-size:0.95rem;margin-bottom:5px;}
  .bg-guide-page .bar-track{height:6px;background:var(--bg-alt);border-radius:3px;overflow:hidden;}
  .bg-guide-page .bar-fill{height:100%;background:var(--accent);border-radius:3px;}
  .bg-guide-page .compare-foot{font-size:0.88rem;color:var(--ink-faint);font-style:italic;margin-top:16px;max-width:70ch;}

  /* ---------- Model sections ---------- */
  .bg-guide-page .model-section{padding:86px 0;margin-bottom:10px;}
  .bg-guide-page .model-section:not(.bg-alt){background:var(--bg);}
  .bg-guide-page .model-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;
  }
  .bg-guide-page .model-section.reverse .model-grid{direction:rtl;}
  .bg-guide-page .model-section.reverse .model-grid > *{direction:ltr;}
  .bg-guide-page main#top > section:last-child{margin-bottom:0;}
  .bg-guide-page .model-photo{position:relative;}
  .bg-guide-page .model-photo img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-m);aspect-ratio:4/5;}
  .bg-guide-page .model-photo .wheel-badge{
    position:absolute;top:18px;left:18px;
    background:rgba(19,47,53,0.85);backdrop-filter:blur(3px);
    color:#fff;font-size:0.82rem;font-weight:600;
    padding:7px 13px;border-radius:20px;
  }
  .bg-guide-page .model-kicker{
    font-family:'Nunito',serif;font-weight:700;font-size:clamp(2.6rem,4vw,3.6rem);
    color:var(--accent);line-height:1;margin-bottom:8px;
  }
  .bg-guide-page .model-tagline{font-size:1.4rem;color:var(--primary-dark);margin-bottom:18px;font-weight:600;font-family:'Nunito',serif;}
  .bg-guide-page .model-copy p{color:var(--ink-soft);}
  .bg-guide-page .spec-sheet{
    list-style:none;margin:26px 0;padding:0;border-top:1px solid var(--line);
  }
  .bg-guide-page .spec-sheet li{
    display:flex;justify-content:space-between;gap:20px;
    padding:11px 0;border-bottom:1px solid var(--line);
    font-size:0.96rem;
  }
  .bg-guide-page .spec-sheet .spec-label{color:var(--ink-soft);}
  .bg-guide-page .spec-sheet .spec-value{font-weight:600;color:var(--ink);text-align:right;}
  .bg-guide-page .best-for{
    background:var(--accent-tint);border-left:3px solid var(--accent);
    padding:14px 18px;border-radius:0 var(--radius-s) var(--radius-s) 0;
    font-size:0.96rem;color:var(--primary-dark);margin-bottom:26px;
  }
  .bg-guide-page .best-for strong{color:var(--accent-dark);}
  .bg-guide-page .model-actions{display:flex;flex-wrap:wrap;gap:14px;}

  /* ---------- Accordion ---------- */
  .bg-guide-page .accordion{border-top:1px solid var(--line);}
  .bg-guide-page .accordion-item{border-bottom:1px solid var(--line);}
  .bg-guide-page .accordion-trigger{
    width:100%;background:none;border:none;text-align:left;
    display:flex;justify-content:space-between;align-items:center;gap:20px;
    padding:24px 4px;cursor:pointer;
  }
  .bg-guide-page .accordion-trigger h3{
    font-size:1.2rem;margin:0;color:var(--primary-dark);
  }
  .bg-guide-page .accordion-icon{
    flex:none;width:26px;height:26px;border:1.5px solid var(--primary-dark);border-radius:50%;
    position:relative;
  }
  .bg-guide-page .accordion-icon::before, .bg-guide-page .accordion-icon::after{
    content:"";position:absolute;background:var(--primary-dark);
    top:50%;left:50%;transform:translate(-50%,-50%);
  }
  .bg-guide-page .accordion-icon::before{width:11px;height:1.5px;}
  .bg-guide-page .accordion-icon::after{width:1.5px;height:11px;transition:transform .18s ease, opacity .18s ease;}
  .bg-guide-page .accordion-item.open .accordion-icon::after{opacity:0;transform:translate(-50%,-50%) rotate(90deg);}
  .bg-guide-page .accordion-panel{max-height:0;overflow:hidden;transition:max-height .28s ease;}
  .bg-guide-page .accordion-body{padding:0 4px 26px;color:var(--ink-soft);max-width:74ch;}
  .bg-guide-page .accordion-body ul{margin:12px 0;padding-left:20px;}
  .bg-guide-page .accordion-body li{margin-bottom:6px;}
  .bg-guide-page .mini-compare{display:flex;flex-direction:column;gap:10px;margin:16px 0;max-width:520px;}
  .bg-guide-page .mini-compare-row{display:grid;grid-template-columns:70px 1fr 70px;align-items:center;gap:12px;font-size:0.92rem;}
  .bg-guide-page .mini-compare-row .mc-label{font-weight:600;color:var(--ink);}
  .bg-guide-page .mini-compare-row .mc-track{height:6px;background:var(--bg-alt);border-radius:3px;overflow:hidden;}
  .bg-guide-page .mini-compare-row .mc-fill{height:100%;background:var(--primary);border-radius:3px;}
  .bg-guide-page .mini-compare-row .mc-val{color:var(--ink-soft);text-align:right;}

  /* ---------- Contact ---------- */
  .bg-guide-page .contact-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:60px;}
  .bg-guide-page .trust-list{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:16px;}
  .bg-guide-page .trust-list li{display:flex;gap:12px;align-items:flex-start;font-size:0.98rem;color:#D9E4E2;}
  .bg-guide-page .trust-list svg{flex:none;width:20px;height:20px;stroke:var(--accent);margin-top:2px;}
  .bg-guide-page .contact-form{
    background:var(--panel);border-radius:var(--radius-m);padding:38px;color:var(--ink);
    box-shadow:var(--shadow-card);
  }
  .bg-guide-page .form-row{margin-bottom:18px;}
  .bg-guide-page .form-row label{display:block;font-size:0.88rem;font-weight:600;color:var(--ink-soft);margin-bottom:7px;}
  .bg-guide-page .form-row input, .bg-guide-page .form-row select, .bg-guide-page .form-row textarea{
    width:100%;border:1.5px solid var(--line);border-radius:var(--radius-s);
    padding:12px 14px;font-family:'Nunito',sans-serif;font-size:1rem;color:var(--ink);background:var(--bg);
  }
  .bg-guide-page .form-row input:focus, .bg-guide-page .form-row select:focus, .bg-guide-page .form-row textarea:focus{
    outline:2px solid var(--primary);outline-offset:1px;border-color:var(--primary);
  }
  .bg-guide-page .form-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
  .bg-guide-page .form-note{font-size:0.85rem;color:var(--ink-faint);margin-top:14px;}
  .bg-guide-page .form-success{
    display:none;background:var(--primary-tint);border:1.5px solid var(--primary);
    color:var(--primary-dark);border-radius:var(--radius-s);padding:18px 20px;font-weight:500;
  }
  .bg-guide-page .form-success.show{display:block;}
  .bg-guide-page .contact-form form.hide{display:none;}

  /* ---------- Responsive ---------- */
  @media (max-width:920px){
    .bg-guide-page .hero-grid{grid-template-columns:1fr;gap:36px;}
    .bg-guide-page .hero-media{order:-1;}
    .bg-guide-page .quiz-wrap{grid-template-columns:1fr;}
    .bg-guide-page .quickpicks{border-left:none;border-top:1px solid var(--line);padding-left:0;padding-top:32px;}
    .bg-guide-page .model-grid{grid-template-columns:1fr;gap:30px;}
    .bg-guide-page .model-section.reverse .model-grid{direction:ltr;}
    .bg-guide-page .contact-grid{grid-template-columns:1fr;}
    .bg-guide-page .form-two{grid-template-columns:1fr;}
  }
  @media (max-width:600px){
    .bg-guide-page{font-size:16px;}
    .bg-guide-page .section-pad{padding:56px 0;}
    .bg-guide-page .model-section{padding:56px 0;}
    .bg-guide-page .bh_hero{padding:30px 0 0;}
    .bg-guide-page .quiz-card{padding:26px 22px;}
    .bg-guide-page .contact-form{padding:26px 22px;}
  }

  @media (prefers-reduced-motion: reduce){
    .bg-guide-page *{transition:none !important;}
  }