/* v7 buyer-friendly unit plans: every original is visible without switching tabs. */
.buyer-guide{padding-top:30px;padding-bottom:42px}
.guide-topline{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:14px}
.guide-counter{color:#737b72;font-size:10px;font-weight:700;letter-spacing:.12em}
.guide-header{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:end;padding:19px 0 23px}
.guide-kicker{display:block;color:#8d795b;font-size:11px;letter-spacing:.08em;margin-bottom:8px}
.guide-header h2,.guide-questions h2{font:normal clamp(34px,4.2vw,58px)/1.07 var(--serif);letter-spacing:-.035em;color:var(--deep);margin:0;max-width:610px}
.guide-header>p{color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 3px;max-width:530px}
.guide-browser{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px}
.guide-panel{display:flex;flex-direction:column;min-width:0;background:#fbfaf7;border:1px solid #e3e5dc}
.guide-picture{background:#f0f1ec;display:flex;flex-direction:column;gap:7px;padding:12px 12px 9px;min-width:0}
.guide-picture a{position:relative;display:block;background:#fff;min-width:0}
.guide-picture a:focus-visible{outline:3px solid #ad8957;outline-offset:2px}
.guide-picture img{display:block;width:100%;height:auto;object-fit:contain}
.guide-picture small{font-size:10px;line-height:1.55;color:#697569}
.guide-zoom{position:absolute;right:8px;bottom:8px;padding:7px 10px;background:#fffdf8ec;color:#184137;font-weight:700;font-size:10px;border:1px solid #dfe3d9}
.guide-specs{display:block;padding:16px 19px 19px}
.guide-specs h3{font:normal clamp(23px,2.4vw,30px)/1.15 var(--serif);margin:10px 0 9px;color:var(--deep)}
.guide-area{display:block;font:normal 23px/1.15 var(--serif);color:#755e42}
.guide-specs>p{color:#66746b;line-height:1.65;font-size:12px;margin:8px 0}
.guide-specs-divider{height:1px;background:#dddcd4;margin:12px 0 5px}
.guide-specs .guide-disclaimer{font-size:11px;line-height:1.55;margin:7px 0 14px}
.guide-cta{font-size:11px;color:#224b40;font-weight:700;border-bottom:1px solid #b49b79;padding-bottom:6px}
.guide-cta span{padding-left:8px}
.guide-source{margin:16px 0 5px;font-size:11px;color:#55655d;line-height:1.65}
.guide-source-detail{font-size:11px;line-height:1.7;color:#7b7971;max-width:990px;margin:0}
.guide-questions{background:#17332f;color:#fdfdf8;padding:43px 0}
.guide-questions-inner{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:30px}
.guide-questions h2{color:#fdfdf7;margin:12px 0 0}
.guide-questions h2 em{font-weight:400;color:#cba76d}
.guide-questions p{color:#d3dad4;font-size:13px;line-height:1.7;margin:3px 0 15px}
.guide-questions ol{display:grid;gap:10px;color:#fff8eb;font-size:13px;line-height:1.55;margin:0;padding-left:1.3em}
.guide-questions li{padding-left:6px}
@media(max-width:780px){.guide-header{grid-template-columns:1fr;gap:13px}.guide-questions-inner{grid-template-columns:1fr;gap:16px}}
@media(max-width:620px){.buyer-guide{padding-top:25px;padding-bottom:34px}.guide-browser{grid-template-columns:1fr}.guide-header{padding:17px 0}.guide-header>p{font-size:12px}.guide-counter{text-align:right}.guide-picture{padding:9px 9px 8px}.guide-specs{padding:13px 15px 16px}.guide-questions{padding:37px 0}.guide-questions p,.guide-questions li{font-size:12px}}

/* v8 screenshot review: avoid an isolated third card on large screens. */
@media(min-width:981px){
  .guide-browser--three{grid-template-columns:repeat(3,minmax(0,1fr))}
  .guide-browser--three .guide-specs{padding:15px 15px 16px}
  .guide-browser--three .guide-specs h3{font-size:25px}
  .guide-browser--three .guide-area{font-size:20px}
}

/* v10: one reference layout reads as one balanced panel (picture + details), not half a card. */
.guide-browser--single{grid-template-columns:minmax(0,1fr)}
.guide-browser--single .guide-panel{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:stretch}
.guide-browser--single .guide-picture{justify-content:center;padding:18px}
.guide-browser--single .guide-specs{display:flex;flex-direction:column;justify-content:center;padding:30px 34px}
/* Three layouts on tablet: the third card spans the full row instead of standing alone */
@media(min-width:621px) and (max-width:980px){
  .guide-browser--three .guide-panel:last-child{grid-column:1/-1}
}
@media(max-width:780px){.guide-browser--single .guide-panel{grid-template-columns:1fr}.guide-browser--single .guide-specs{padding:20px 22px}}

/* FAQ block (source questions and answers) */
.guide-faq{padding:56px 0}
.guide-faq h2{font:normal clamp(34px,4.2vw,50px)/1.07 var(--serif);letter-spacing:-.035em;color:var(--deep);margin:8px 0 22px;max-width:640px}
.guide-faq-list details{border-top:1px solid rgba(23,51,47,.18);padding:16px 0}
.guide-faq-list details:last-child{border-bottom:1px solid rgba(23,51,47,.18)}
.guide-faq-list summary{cursor:pointer;font-weight:600;color:var(--deep);font-size:17px;line-height:1.4}
.guide-faq-list p{margin:12px 0 0;color:#34433f;line-height:1.6;max-width:820px}