.article-media{margin:2rem 0 2.5rem;min-width:0}.article-media-image{position:relative;border-radius:18px;background:#1e2923}.article-media-image>img{display:block;width:100%;height:auto;border-radius:18px}.article-media figcaption{font-size:.9rem;line-height:1.6;color:#48534b;padding:.8rem .2rem}.article-system{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0!important;margin:.5rem 0 0!important;gap:1rem}.article-system li{padding:1rem;background:#edf1e8;border-radius:12px}.article-system h3,.article-media-comparison h3{font-size:1rem;margin:0 0 .5rem}.article-system p,.article-media-comparison p{font-size:.92rem;margin:0;line-height:1.6}.article-media-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.article-media-comparison>div{padding:1rem;background:#edf1e8;border-radius:12px}.article-hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:44px;height:44px;padding:0;background:transparent;border:0;cursor:pointer;border-radius:50%;z-index:2}.article-hotspot span{display:block;width:14px;height:14px;border-radius:50%;background:#d83e39;border:2px solid #fff;box-shadow:0 0 0 4px #5b15154a;margin:auto}.article-hotspot:focus-visible{outline:3px solid white;outline-offset:2px}.article-hotspot[aria-expanded=true] span{background:#a81818;box-shadow:0 0 0 6px #ffffff50}.article-hotspot-card{position:absolute;z-index:5;left:var(--card-x,5%);top:var(--card-y,5%);width:min(360px,calc(100% - 24px));padding:2rem .9rem .9rem;border:1px solid #d2dacc;border-radius:14px;background:#fffef8;color:#22352a;box-shadow:0 12px 32px #0005}.article-hotspot-card[hidden]{display:none}.article-hotspot-close{position:absolute;right:4px;top:3px;border:0;background:transparent;color:#22352a;width:34px;height:34px;font-size:1.5rem;cursor:pointer}.article-hotspot-card .guidance-shopping-card{display:block;margin:0;padding:0;border:0;box-shadow:none;background:transparent}.article-hotspot-card .guidance-shopping-image{display:block;float:left;width:80px;height:80px;margin:0 12px 8px 0}.article-hotspot-card .guidance-shopping-image img{width:100%;height:100%;object-fit:contain}.article-hotspot-card h4{font-size:1rem;margin:0 0 .5rem}.article-hotspot-card .guidance-shopping-card__body{padding:0}.article-hotspot-card select,.article-hotspot-card button{max-width:100%}.article-hotspot-card .guidance-purchase-controls{clear:both}.article-hotspot-card a{color:#28513a}.article-hotspot-card p{font-size:.88rem;line-height:1.5}.article-hotspot-card .button{font-size:.88rem}.article-hotspot-card::after{content:'';display:block;clear:both}
@media(max-width:850px){.article-system{grid-template-columns:repeat(2,minmax(0,1fr))}.article-system li:last-child{grid-column:1/-1}}
@media(max-width:560px){.article-media{margin:1.4rem 0}.article-system{gap:.6rem}.article-system li{padding:.75rem}.article-media-comparison{gap:.6rem}.article-media-comparison>div{padding:.7rem}.article-hotspot-card{left:12px!important;top:calc(100% + 8px)!important;width:calc(100% - 24px)}.article-media-image:has(.article-hotspot-card:not([hidden])){margin-bottom:var(--popup-height,360px)}}
@media(prefers-reduced-motion:no-preference){.article-hotspot span{transition:box-shadow .15s ease}}
@media print{.article-hotspot,.article-hotspot-card{display:none!important}.article-system{grid-template-columns:repeat(2,1fr)}.article-media-image{margin-bottom:0!important}}
.article-media figcaption{color:#bac7bb}.article-system li,.article-media-comparison>div{background:#1b3025;border:1px solid #425346}.article-system h3,.article-system p,.article-media-comparison h3,.article-media-comparison p{color:#eef1e7}.article-hotspot-card h4,.article-hotspot-card p,.article-hotspot-card label,.article-hotspot-card .guidance-shopping-card__body{color:#22352a}.article-hotspot-card .guidance-purchase-price{color:#22352a}
@media print{.article-media figcaption{color:#333}.article-system li,.article-media-comparison>div{background:#fff;border-color:#777}.article-system h3,.article-system p,.article-media-comparison h3,.article-media-comparison p{color:#111}}
.article-system{grid-template-columns:repeat(2,minmax(0,1fr))}.article-system li:last-child{grid-column:1/-1}.article-system p+p,.article-media-comparison p+p{margin-top:.7rem}.knowledge-article-intro{max-width:740px;margin:0 auto 1.2rem;line-height:1.8}
@media(max-width:560px){.article-system{grid-template-columns:1fr}.article-system li:last-child{grid-column:auto}.article-media-comparison{grid-template-columns:1fr}}

/* The illustrated article has its own spacious reading layout. */
.article-media-document .knowledge-article-body{width:min(1120px,calc(100% - 48px));margin-inline:auto;gap:0}
.article-media-document .knowledge-article-section{width:100%;margin:0;padding:32px 0}
.article-media-document .knowledge-article-section>p,
.article-media-document .knowledge-article-section>ul{max-width:100%;margin:0 0 14px}
.article-media-document .knowledge-article-section p,
.article-media-document .knowledge-article-section li,
.article-media-document .knowledge-article-intro,
.article-media-document .knowledge-author-card p,
.article-media-document .knowledge-source-card p,
.article-media-document .knowledge-guides-cta p{font-size:21px;line-height:1.65;color:#eee9de}
.article-media-document .knowledge-article-summary{font-size:24px;line-height:1.5;max-width:1000px}
.article-media-document .knowledge-article-intro{max-width:none;margin:0 0 18px}
.article-media-document .knowledge-article-section h2{font-size:clamp(28px,2.5vw,36px);line-height:1.25;max-width:none;margin:0 0 22px}
.article-media-document .article-system{gap:20px;margin-top:26px!important}
.article-media-document .article-system li,
.article-media-document .article-media-comparison>div{padding:24px}
.article-media-document .article-system h3,
.article-media-document .article-media-comparison h3{font-size:24px;line-height:1.3;margin-bottom:14px}
.article-media-document .article-system p,
.article-media-document .article-media-comparison p{font-size:20px;line-height:1.6}
.article-media-document .article-media figcaption{font-size:17px;line-height:1.6}
.article-media-document .article-media{margin:26px 0 16px}
.article-media-document .knowledge-article-section>ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px;margin-block:22px}
/* Purchase popovers retain their compact, independently readable controls. */
.article-media-document .article-hotspot-card p{font-size:16px;line-height:1.5;color:#22352a}
.article-media-document .article-system li:last-child:nth-child(even){grid-column:auto}
.article-media-document .knowledge-faq-list summary{font-size:21px;line-height:1.5}
@media(max-width:760px){
  .article-media-document .knowledge-article-body{width:calc(100% - 32px)}
  .article-media-document .knowledge-article-section{padding:26px 0}
  .article-media-document .knowledge-article-section p,
  .article-media-document .knowledge-article-section li,
  .article-media-document .knowledge-article-intro,
  .article-media-document .knowledge-author-card p,
  .article-media-document .knowledge-source-card p,
  .article-media-document .knowledge-guides-cta p{font-size:20px;line-height:1.6}
  .article-media-document .article-system{grid-template-columns:1fr;gap:14px}
  .article-media-document .article-system li:last-child{grid-column:auto}
  .article-media-document .article-system li,
  .article-media-document .article-media-comparison>div{padding:20px}
  .article-media-document .article-media-comparison{grid-template-columns:1fr}
  .article-media-document .knowledge-article-section>ul{grid-template-columns:1fr}
  .article-media-document .article-hotspot-card p{font-size:16px}
}
[data-knowledge-article="KNOWLEDGE-10"] .article-hotspot-card h4 a{color:#28513a}
