/* Scoped to new editorial pages; existing site styles remain unchanged. */
.guide-layout{max-width:880px;padding-top:45px;padding-bottom:95px}.guide-layout h1{font-size:clamp(2.15rem,5vw,3.6rem);line-height:1.12;letter-spacing:-.035em;margin:12px 0 22px}.guide-layout h2{font-size:clamp(1.55rem,3vw,2rem);line-height:1.25;margin:44px 0 16px}.guide-layout h3{font-size:1.15rem;margin:24px 0 8px}.guide-layout p,.guide-layout li{line-height:1.8}.guide-layout li{margin-bottom:9px}.guide-layout a:not(.button){color:#c8baff}.guide-lead{font-size:1.25rem;color:var(--muted)}.breadcrumbs{font-size:.88rem;color:var(--muted);margin-bottom:35px}.guide-summary,.toc,.guide-list-card{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface);margin:28px 0}.toc{display:flex;flex-wrap:wrap;gap:12px 22px}.toc strong{width:100%}.guide-article figure{margin:32px 0}.guide-article figure img{display:block;max-width:100%;height:auto;border-radius:12px;border:1px solid var(--line);margin:auto}.guide-article figcaption{font-size:.87rem;color:var(--muted);text-align:center;margin-top:12px}.guide-cta{padding:30px;border:1px solid #7854ed;border-radius:18px;background:linear-gradient(130deg,#1c1635,#121b2d);margin:42px 0}.guide-cta h2{margin:0 0 12px}.guide-cta .button{color:#fff}.cta-note,.guide-sources{font-size:.88rem;color:var(--muted)}.guide-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.guide-compare>div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px}.guide-compare h3{margin-top:0}.guide-list-card h2{margin-top:8px}.guide-list-card h2 a{text-decoration:none}.guide-layout .eyebrow{letter-spacing:.09em}@media(max-width:650px){.guide-layout{padding-top:22px}.guide-compare{grid-template-columns:1fr}.guide-cta{padding:22px}.header nav{gap:12px}.header .brand-logo{width:155px}.header nav>a{font-size:12px}}

/* Editorial readability and compact guides landing page. */
.guide-layout{padding-top:28px}
.guide-index-intro{margin:0 0 32px}
.guide-index-intro h1{font-size:clamp(2.1rem,4.2vw,3.25rem);line-height:1.12;letter-spacing:-.035em;margin:8px 0 16px}
.guide-index-intro .guide-lead{font-size:clamp(1.08rem,1.6vw,1.25rem);line-height:1.65;max-width:730px;margin:0}
.guide-index-intro+.guide-list-card{margin-top:24px}
.guide-list-card{margin:16px 0;padding:26px 28px}
.guide-list-card h2{font-size:clamp(1.3rem,2.3vw,1.65rem);margin:0 0 12px;line-height:1.32}
.guide-list-card p{font-size:1.05rem;line-height:1.65;margin:0 0 14px}
.guide-list-card>a{font-size:1.03rem;font-weight:650;text-underline-offset:4px}
.guide-article{font-size:1.125rem;line-height:1.75}
.guide-article a:not(.button){text-underline-offset:3px}
.guide-article figure img{max-height:570px;object-fit:contain;width:auto}
.guide-article figcaption{font-size:.98rem;line-height:1.55}
@media(max-width:650px){.guide-layout{padding-top:20px}.guide-index-intro{margin-bottom:22px}.guide-list-card{padding:20px}.guide-article{font-size:1.0625rem}.guide-article figure img{max-height:450px}}

/* Article presentation refinement: keep global site and guide index intact. */
.guide-layout:has(.guide-article){max-width:900px;padding-top:28px}
.guide-article h1{font-size:clamp(2.15rem,4.1vw,3.15rem);line-height:1.13;letter-spacing:-.035em;margin:10px 0 22px;max-width:850px;text-wrap:balance}
.guide-article .guide-lead{font-size:clamp(1.125rem,1.65vw,1.32rem);line-height:1.65;max-width:760px;margin-bottom:24px}
.guide-article p,.guide-article li{line-height:1.75}
.guide-article .toc{display:block;margin:36px 0 44px;padding:24px 28px;border-radius:16px;background:var(--surface)}
.guide-article .toc-title{font-size:1.18rem;line-height:1.35;margin:0 0 12px;letter-spacing:0}
.guide-article .toc-list{list-style:none;counter-reset:toc;padding:0;margin:0}
.guide-article .toc-list li{counter-increment:toc;display:flex;align-items:baseline;gap:14px;border-top:1px solid var(--line);margin:0;padding:13px 0;line-height:1.4}
.guide-article .toc-list li::before{content:counter(toc,decimal-leading-zero);font-size:.86rem;color:#bba9ff;font-weight:700;font-variant-numeric:tabular-nums;flex:0 0 2ch}
.guide-article .toc-list a:not(.button){color:#ece9ff;text-decoration:none;font-size:1rem;line-height:1.5;font-weight:550;flex:1}
.guide-article .toc-list a:hover,.guide-article .toc-list a:focus-visible{color:#c8baff;text-decoration:underline;text-underline-offset:4px}
.guide-article h2[id]{scroll-margin-top:24px}
@media(max-width:650px){.guide-article h1{font-size:clamp(2rem,8vw,2.6rem)}.guide-article .toc{padding:18px 20px;margin:28px 0 36px}.guide-article .toc-list li{gap:10px}}

/* Article screenshots: same image composition rules as the APPROVED homepage. */
.guide-article .guide-product-shot{margin:32px auto;max-width:473px;width:100%;min-width:0}
.guide-article .guide-product-shot:not(.quick-select-proof)>a{display:block;aspect-ratio:auto;overflow:visible}
.guide-article .guide-product-shot:not(.quick-select-proof) img{display:block;width:100%;max-width:100%;max-height:none;height:auto;object-fit:contain;object-position:center;border:1px solid #8e98ab;border-radius:18px;box-shadow:none}
.guide-article .quick-select-proof{max-width:403px}
.guide-article .quick-sidebar-frame{width:min(100%,364px);margin-inline:auto;border:3px solid #fff;border-radius:13px;overflow:hidden;line-height:0}
.guide-article .quick-sidebar-frame img{display:block;width:100%;max-width:364px;height:auto;max-height:none;object-fit:contain;border:0;border-radius:0}
.guide-article .quick-bar-frame{display:block;width:min(100%,403px);margin:18px auto 0;border-radius:13px;overflow:hidden;line-height:0;border-top:2px solid #fff;border-bottom:2px solid #fff}
.guide-article .quick-bar-frame img{display:block;width:100%;max-width:403px;height:auto;max-height:none;object-fit:contain;border:0;border-radius:13px}
.guide-article .guide-image-caption{font-size:.94rem;line-height:1.5;color:var(--muted);text-align:center;margin-top:12px}

/* Shared guide image alignment — preserve the approved original assets. */
.guide-article figure, .guide-article .guide-product-shot {
  box-sizing: border-box;
  width: min(100%, 473px);
  max-width: 100%;
  margin: 32px auto;
  padding: 0;
  border: 0;
  text-align: center;
}
.guide-article figure > a {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  line-height: 0;
  overflow: visible;
}
.guide-article figure img,
.guide-article .guide-product-shot:not(.quick-select-proof) img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: none;
  margin: 0 auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  object-fit: contain;
}
.guide-article figure figcaption {
  margin: 12px 0 0;
  padding: 0;
  text-align: center;
}
@media (max-width: 650px) {
  .guide-article figure, .guide-article .guide-product-shot {
    width: 100%;
    max-width: 473px;
    margin: 28px auto;
  }
}

/* Final guide image treatment: crisp, even white outline and rounded corners.
   The frame belongs to the image link, never the figure/caption. */
.guide-article .guide-product-shot:not(.quick-select-proof) > a {
  display: block;
  width: 100%;
  margin-inline: auto;
  border: 2px solid #fff;
  border-radius: 20px;
  overflow: hidden;
  line-height: 0;
  background: #0c1220;
  box-sizing: border-box;
}
.guide-article .guide-product-shot:not(.quick-select-proof) > a > img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 17px;
  box-shadow: none;
}
/* Keep existing Quick Select compound screenshots and their separate frames. */
.guide-article .quick-select-proof .quick-sidebar-frame,
.guide-article .quick-select-proof .quick-bar-frame { overflow: hidden; }