/* V473 approved Review Detail conversion layout. Scoped to the article route. */
#view-article{overflow-x:clip}
#view-article .container{width:min(var(--max,1220px),calc(100% - 32px));max-width:1320px}
#view-article .article-conversion-breadcrumb{margin:0 0 10px;padding:0 2px}
#view-article .article-conversion-hero{display:grid;grid-template-columns:minmax(0,45fr) minmax(0,55fr);grid-template-areas:"copy media";min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 58%,#fff 42%);border-radius:26px;background:color-mix(in srgb,var(--bg) 92%,#fff 8%);box-shadow:0 18px 46px rgba(18,51,79,.12)}
#view-article .article-conversion-copy{grid-area:copy;display:flex;min-width:0;min-height:470px;flex-direction:column;padding:30px 30px 14px}
#view-article .article-conversion-copy h1{max-width:15ch;margin:0 0 16px;color:var(--text);font-size:clamp(2.25rem,3.35vw,3.45rem);font-weight:950;line-height:1.03;letter-spacing:-.045em;overflow-wrap:anywhere;text-wrap:balance}
#view-article .article-conversion-lead{max-width:58ch;margin:0 0 18px;color:var(--muted);font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.58}
#view-article .article-conversion-action{display:flex;align-items:center;margin:0 0 13px}
#view-article .article-conversion-action:empty{display:none}
#view-article .article-conversion-action .btn{min-height:48px;padding:11px 18px;border-radius:13px;background:linear-gradient(135deg,#ff9815,#ef6900);box-shadow:0 10px 24px rgba(239,105,0,.22);font-weight:900}
#view-article .article-conversion-proof{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0;list-style:none}
#view-article .article-conversion-proof:empty,#view-article .article-conversion-proof[hidden]{display:none}
#view-article .article-conversion-proof li{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:7px 10px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border) 82%);border-radius:999px;background:color-mix(in srgb,var(--surface) 84%,#fff 16%);color:color-mix(in srgb,var(--text) 82%,var(--primary) 18%);font-size:.75rem;font-weight:800;line-height:1.25}
#view-article .article-conversion-proof li::before{content:"\2713";color:#168154;font-weight:950}
#view-article .article-conversion-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin:auto 0 0;padding-top:8px;color:var(--muted);font-size:.86rem}

#view-article .article-conversion-media{--article-thumb-rail-h:68px;grid-area:media;position:relative;display:grid!important;grid-template-rows:minmax(470px,1fr) var(--article-thumb-rail-h);min-width:0;min-height:538px;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:color-mix(in srgb,var(--surface) 94%,#fff 6%)!important;box-shadow:none!important}
#view-article .article-conversion-media[hidden]{display:none!important}
#view-article .article-conversion-media .media-stage{position:relative!important;inset:auto!important;grid-row:1;width:100%!important;min-height:470px!important;height:100%!important;aspect-ratio:auto!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
#view-article .article-conversion-media .media-stage::before,#view-article .article-conversion-media .media-stage::after{display:none!important}
#view-article .article-conversion-media .media-deck{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;perspective:none!important;transform:none!important}
#view-article .article-conversion-media .media-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;visibility:hidden!important;transform:scale(1.018)!important;transition:opacity .5s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1),visibility 0s linear .5s!important;filter:none!important;pointer-events:none!important}
#view-article .article-conversion-media .media-slide.is-active{z-index:1!important;opacity:1!important;visibility:visible!important;transform:scale(1)!important;transition-delay:0s!important;pointer-events:auto!important}
#view-article .article-conversion-media .media-slide img,#view-article .article-conversion-media .media-slide video{display:block;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border:0!important;border-radius:0!important;background:#fff!important}
#view-article .article-conversion-media .thumb-strip{position:static!important;z-index:5!important;grid-row:2;display:flex!important;align-items:center;justify-content:center;min-width:0;margin:0!important;padding:7px 58px!important;border:0!important;border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent)!important;background:color-mix(in srgb,var(--surface) 92%,#fff 8%)!important;pointer-events:none!important}
#view-article .article-conversion-media .thumb-list{position:static;left:auto;bottom:auto;display:flex;width:max-content;max-width:100%;gap:7px;overflow-x:auto;margin:0 auto;padding:4px 6px;border:1px solid color-mix(in srgb,var(--border) 64%,#fff 36%);border-radius:13px;background:rgba(255,255,255,.52);box-shadow:0 4px 14px rgba(16,38,61,.06);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transform:none;pointer-events:auto;scrollbar-width:none}
#view-article .article-conversion-media .thumb-list::-webkit-scrollbar{display:none}
#view-article .article-conversion-media .thumb-btn{flex:0 0 54px;width:54px!important;height:44px!important;padding:3px!important;border:2px solid transparent!important;border-radius:9px!important;background:rgba(255,255,255,.28)!important;box-shadow:none!important;opacity:.62;transform:none!important}
#view-article .article-conversion-media .thumb-btn.active{border-color:#fff!important;outline:2px solid var(--primary);outline-offset:0;opacity:.9}
#view-article .article-conversion-media .thumb-btn img{width:100%;height:100%;object-fit:contain;border-radius:5px;background:rgba(255,255,255,.52)}
#view-article .article-conversion-media .thumb-nav{position:absolute!important;z-index:7!important;top:calc((100% - var(--article-thumb-rail-h))/2)!important;display:grid!important;place-items:center!important;width:42px!important;height:52px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;font-size:2.4rem!important;font-weight:500!important;line-height:1!important;opacity:.28!important;text-shadow:0 2px 8px rgba(13,31,48,.9)!important;box-shadow:none!important;transform:translateY(-50%)!important;pointer-events:auto!important;transition:opacity .2s ease,transform .2s ease!important}
#view-article .article-conversion-media #mediaPrev{left:8px!important}
#view-article .article-conversion-media #mediaNext{right:8px!important}
#view-article .article-conversion-media:hover .thumb-nav{opacity:.58!important}
#view-article .article-conversion-media .thumb-nav:hover,#view-article .article-conversion-media .thumb-nav:focus-visible{opacity:1!important;transform:translateY(-50%) scale(1.1)!important}

#view-article .article-conversion-layout{display:grid!important;grid-template-columns:minmax(0,3fr) minmax(290px,1fr)!important;grid-template-areas:"content aside"!important;gap:20px!important;align-items:start;margin-top:16px}
#view-article .article-conversion-layout .article-content{grid-area:content!important;min-width:0;padding:0!important;overflow:hidden}
#view-article .article-conversion-layout .article-sidebar{grid-area:aside!important;min-width:0}
#view-article .article-core-section{margin:0 0 14px!important;padding:24px 26px!important;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 76%,#fff 24%)!important;border-radius:18px!important;background:color-mix(in srgb,var(--surface) 94%,#fff 6%)!important;box-shadow:0 8px 24px rgba(18,51,79,.065)!important}
#view-article .article-core-section+.article-core-section{margin-top:0!important}
#view-article .article-core-section>h2{margin:0 0 10px;color:var(--text);font-size:clamp(1.32rem,2vw,1.8rem);line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
#view-article .article-core-section p,#view-article .article-core-section li{font-size:1rem;line-height:1.62}
#view-article .article-core-section p:last-child{margin-bottom:0}
#view-article .article-quick-verdict{border-top:4px solid var(--primary)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 93%,#fff 7%),color-mix(in srgb,var(--primary) 5%,var(--surface) 95%))!important}
#view-article .article-fit .section-intro{max-width:68ch;color:var(--muted)}
#view-article .decision-fit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
#view-article .decision-fit-card{position:relative;padding:16px 16px 16px 44px;border:1px solid color-mix(in srgb,var(--primary) 17%,var(--border) 83%);border-radius:14px;background:color-mix(in srgb,var(--primary) 4%,var(--surface) 96%)}
#view-article .decision-fit-card::before{content:"\2713";position:absolute;top:16px;left:16px;display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:#168154;color:#fff;font-size:.72rem;font-weight:950}
#view-article .decision-fit-card p{margin:0;font-weight:700}
#view-article .article-pros-cons-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-article .article-pros-card{padding:18px;border-radius:14px;background:color-mix(in srgb,var(--surface) 88%,#eef7ff 12%)}
#view-article .article-pros-card.is-pros{border-top:4px solid #168154}
#view-article .article-pros-card.is-checks{border-top:4px solid #ed8612}
#view-article .article-pros-card h5{margin:0 0 8px;font-size:1.05rem}
#view-article .before-buy-policy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
#view-article .before-buy-policy{display:flex;min-width:0;flex-direction:column;gap:5px;padding:15px;border:1px solid color-mix(in srgb,var(--border) 82%,#fff 18%);border-radius:13px;background:color-mix(in srgb,var(--surface) 90%,#f4f8fc 10%)}
#view-article .before-buy-policy strong{color:var(--primary);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}
#view-article .before-buy-policy span{color:var(--muted);font-size:.9rem;line-height:1.48}
#view-article .article-research{border-left:4px solid #168154!important}
#view-article .faq details{border-top:1px solid var(--border)}
#view-article .faq details:first-child{border-top:0}
#view-article .faq summary{min-height:48px;padding:14px 2px;cursor:pointer;font-weight:850}
#view-article .faq details p{padding:0 2px 14px;color:var(--muted)}
#view-article .article-sidebar{display:grid;gap:12px}
#view-article .article-sidebar>.card,#view-article .article-sidebar>.savings-panel{margin:0!important;border-radius:18px!important;box-shadow:0 8px 24px rgba(18,51,79,.065)!important}
#view-article .article-brand-glance h2,#view-article .article-sidebar .savings-panel h3{font-size:1.05rem!important}
#view-article .brand-glance-row{min-height:44px}
#view-article .brand-glance-row.is-overview{align-items:start}
#view-article .brand-glance-row.is-overview dd{line-height:1.42}
#view-article .article-sidebar .public-offer-card{background:#fff!important}
#view-article .article-review-trust{padding:16px!important}
#view-article .article-review-trust h2{margin:0 0 10px;font-size:1.05rem;line-height:1.25}
#view-article .article-review-trust-list{display:grid;gap:8px}
#view-article .article-review-trust-list>div{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:start;padding:9px 10px;border:1px solid color-mix(in srgb,var(--border) 78%,#fff 22%);border-radius:12px;background:color-mix(in srgb,var(--surface) 92%,#fff 8%)}
#view-article .article-review-trust-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--primary) 9%,var(--surface) 91%);color:var(--primary)}
#view-article .article-review-trust-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#view-article .article-review-trust-list p{margin:0;line-height:1.35}
#view-article .article-review-trust-list strong,#view-article .article-review-trust-list span{display:block}
#view-article .article-review-trust-list strong{font-size:.8rem}
#view-article .article-review-trust-list span{margin-top:2px;color:var(--muted);font-size:.72rem}
#view-article .article-category-related-grid,#view-article .related-horizontal-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important}
#view-article .related-editorial-link{display:inline-flex;align-items:center;margin-top:auto;color:var(--primary);font-weight:900;text-decoration:none}
#view-article .related-editorial-link:hover{text-decoration:underline}
#view-article .article-sidebar .savings-panel{overflow:visible!important}

@media(max-width:1020px){
  #view-article .article-conversion-copy{padding:28px 24px 14px}
  #view-article .article-conversion-copy h1{font-size:clamp(2.25rem,5vw,3.8rem)}
  #view-article .article-conversion-layout{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"content" "aside"!important}
  #view-article .article-conversion-layout .article-sidebar{position:static!important;max-height:none!important;overflow:visible!important}
}

@media(max-width:820px){
  #view-article .container{width:min(100% - 20px,var(--max,1220px))}
  #view-article .article-conversion-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "media";border-radius:20px}
  #view-article .article-conversion-copy{grid-row:1;min-height:0;padding:24px 20px 14px}
  #view-article .article-conversion-copy h1{font-size:clamp(2rem,10vw,3.15rem);line-height:1.02}
  #view-article .article-conversion-action{align-items:stretch}
  #view-article .article-conversion-action .btn{width:100%;text-align:center}
  #view-article .article-conversion-meta{margin-top:12px}
  #view-article .article-conversion-media{--article-thumb-rail-h:64px;grid-row:2;grid-template-rows:minmax(350px,1fr) var(--article-thumb-rail-h);min-height:414px}
  #view-article .article-conversion-media .media-stage{min-height:350px!important}
  #view-article .article-category-related-grid,#view-article .related-horizontal-grid{display:flex!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;padding-bottom:6px!important}
  #view-article .article-category-related-grid>* ,#view-article .related-horizontal-grid>*{flex:0 0 min(82vw,290px)!important;scroll-snap-align:start}
  #view-article .decision-fit-grid,#view-article .article-pros-cons-grid{grid-template-columns:minmax(0,1fr)}
  #view-article .before-buy-policy-grid{grid-template-columns:minmax(0,1fr)}
}

@media(max-width:520px){
  #view-article .container{width:calc(100% - 12px)}
  #view-article .article-conversion-breadcrumb{font-size:.75rem;overflow-wrap:anywhere}
  #view-article .article-conversion-copy{padding:20px 16px 12px}
  #view-article .article-conversion-copy h1{font-size:clamp(1.85rem,10.5vw,2.55rem)}
  #view-article .article-conversion-lead{font-size:.96rem}
  #view-article .article-conversion-media{--article-thumb-rail-h:60px;grid-template-rows:minmax(310px,1fr) var(--article-thumb-rail-h);min-height:370px!important}
  #view-article .article-conversion-media .media-stage{min-height:310px!important}
  #view-article .article-conversion-media .thumb-strip{padding:6px 48px!important}
  #view-article .article-conversion-media .thumb-list{max-width:100%;gap:5px;padding:4px 5px}
  #view-article .article-conversion-media .thumb-btn{flex-basis:46px;width:46px!important;height:39px!important}
  #view-article .article-core-section{padding:20px 16px!important}
  #view-article .article-core-section>h2{font-size:1.35rem}
  #view-article .article-core-section p,#view-article .article-core-section li{font-size:.96rem}
  #view-article .article-sidebar{gap:10px}
}

@media(prefers-reduced-motion:reduce){
  #view-article .article-conversion-media .media-slide,#view-article .article-conversion-media .thumb-nav{transition:none!important}
  #view-article .article-conversion-media .media-slide{transform:none!important}
}