/* Install Engineering redesign: blog articles.
   The article components (key figures, charts, tables, FAQ) keep the layout of the current theme;
   colours and type now follow the new design. Generated once from the current theme's blog.css, then the rules at the end adjust it. */
.article-page a{color:inherit;text-decoration:none}
.article-page .blog-wrap{width:min(1360px,calc(100% - 80px));margin:auto}
.article-page .blog-kicker{font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--steel);margin:0 0 25px}
@media(max-width:700px){
  .article-page .blog-wrap{width:calc(100% - 40px)}
}
.article-page .article-hero{background:var(--navy);color:white;padding:80px 0 105px}
.article-page .article-back{display:inline-block;color:var(--line);margin-bottom:60px;font-size:14px}
.article-page .article-hero h1{font-size:clamp(44px,6vw,88px);line-height:1.04;letter-spacing:-.045em;font-weight:500;max-width:1000px;margin:0}
.article-page .article-hero .blog-kicker{color:var(--on-dark-2)}
.article-page .article-hero .blog-wrap>p:last-child{max-width:650px;color:var(--line);font-size:20px;line-height:1.5}
.article-page .article-image{width:min(1360px,calc(100% - 80px));margin:-45px auto 0}
.article-page .article-image img{display:block;width:100%;max-height:520px;object-fit:cover}
.article-page .article-body{max-width:780px;margin:0 auto;padding:70px 20px 120px;font-size:18px;line-height:1.8}
.article-page .article-body h2{font-size:clamp(28px,3vw,38px);line-height:1.2;letter-spacing:-.03em;font-weight:500;margin:60px 0 18px}
.article-page .article-body p{color:#2a3445}
.article-page .article-intro{font-size:22px;color:var(--navy)!important;line-height:1.6}
.article-page .article-body a:not(.article-callout a){color:var(--sam-blue);text-decoration:underline}
.article-page .article-body li{margin-bottom:8px}
.article-page .article-callout{margin-top:75px;padding:clamp(28px,5vw,50px);background:var(--line)}
.article-page .article-callout h2{margin:0;font-size:34px}
.article-page .article-callout a{display:inline-block;border-bottom:1px solid var(--sam-blue);margin-top:12px;font-weight:600}
@media(max-width:700px){
  .article-page .article-image{width:calc(100% - 40px)}
  .article-page .article-back{margin-bottom:40px}
  .article-page .article-body{padding-top:45px}
}
.article-page{--journal-navy:var(--navy);--journal-blue:var(--sam-blue);--journal-muted:var(--steel);--journal-line:var(--line)}
.article-page .article-hero .blog-kicker{color:var(--on-dark-2)}
.article-page .article-hero{position:relative;background:var(--navy);padding:clamp(60px,7vw,100px) 0 clamp(105px,10vw,155px);overflow:hidden}
.article-page .article-hero:after{content:"";position:absolute;right:-170px;top:-230px;width:600px;height:600px;border-radius:50%;border:1px solid rgba(185,219,210,.17);box-shadow:0 0 0 90px rgba(185,219,210,.025),0 0 0 180px rgba(185,219,210,.025)}
.article-page .article-hero .blog-wrap{position:relative;z-index:1}
.article-page .article-back{margin-bottom:clamp(55px,7vw,95px);color:var(--on-dark-2)}
.article-page .article-back:hover{color:white}
.article-page .article-hero h1{font-size:clamp(48px,6.1vw,90px);max-width:1060px;line-height:1.03}
.article-page .article-hero .blog-wrap>p:last-of-type{max-width:660px;margin-top:28px;font-size:clamp(18px,1.6vw,21px)}
.article-page .article-meta{display:flex;gap:24px;flex-wrap:wrap;margin-top:36px;padding-top:20px;border-top:1px solid rgba(220,238,234,.24);font-size:10px;letter-spacing:.13em;font-weight:700;color:var(--on-dark-2)}
.article-page .article-image{position:relative;width:min(1360px,calc(100% - 80px));margin:-65px auto 0;overflow:hidden;background:var(--line)}
.article-page .article-image img{width:100%;height:clamp(290px,36vw,500px);object-fit:cover;object-position:center 60%}
.article-page .article-layout{width:min(1230px,calc(100% - 80px));margin:0 auto;display:grid;grid-template-columns:235px minmax(0,760px);justify-content:space-between;gap:60px;padding:90px 0 140px}
.article-page .article-toc{align-self:start;position:sticky;top:35px;border-top:2px solid var(--sam-blue);padding-top:20px}
.article-page .article-toc>p{font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--steel);margin:0 0 16px}
.article-page .article-toc nav{display:grid}
.article-page .article-toc nav a{font-size:14px;line-height:1.4;color:var(--steel);padding:10px 0;border-bottom:1px solid var(--line)}
.article-page .article-toc nav a:hover{color:var(--navy)}
.article-page .article-toc__contact{margin-top:32px;background:var(--grey);padding:20px;font-size:14px;display:grid;gap:12px}
.article-page .article-toc__contact a{color:var(--sam-blue);font-weight:700}
.article-page .article-body{padding:0;margin:0;max-width:none;font-size:18px;line-height:1.85}
.article-page .article-body p{color:#2a3445}
.article-page .article-body h2{scroll-margin-top:32px;font-size:clamp(29px,2.7vw,38px);margin:65px 0 16px;color:var(--navy)}
.article-page .article-intro{border-left:3px solid var(--steel);padding-left:24px;font-size:22px}
.article-page .article-body li::marker{color:var(--steel)}
.article-page .article-callout{background:var(--navy);color:white;margin-top:80px;padding:clamp(32px,4vw,55px)}
.article-page .article-callout .blog-kicker{color:var(--on-dark-2)}
.article-page .article-callout h2{color:#fff;margin:0;max-width:550px}
.article-page .article-callout p{color:var(--line)}
.article-page .article-callout a{color:white;border-color:var(--on-dark-2)}
@media(max-width:700px){
  .article-page .article-layout{width:calc(100% - 40px);display:block;padding:50px 0 80px}
  .article-page .article-toc{position:static;margin-bottom:55px}
  .article-page .article-toc nav{grid-template-columns:1fr 1fr;gap:0 16px}
  .article-page .article-toc__contact{display:none}
  .article-page .article-image{width:calc(100% - 40px);margin-top:-35px}
  .article-page .article-meta{gap:10px 16px}
  .article-page .article-body h2{margin-top:48px}
  .article-page .article-intro{font-size:20px}
}
.article-page .heat-explainer{margin:48px 0 64px;background:var(--grey);padding:clamp(25px,4vw,42px);color:var(--navy)}
.article-page .heat-explainer__top span,.article-page .energy-compare__heading span{display:block;font-size:10px;letter-spacing:.14em;font-weight:700;color:var(--steel);margin-bottom:14px}
.article-page .heat-explainer__top strong{display:block;font-size:clamp(27px,3vw,38px);line-height:1.15;letter-spacing:-.03em;font-weight:500}
.article-page .heat-explainer__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}
.article-page .heat-explainer__steps div{border-top:1px solid var(--on-dark-2);padding-top:16px}
.article-page .heat-explainer__steps b{display:block;font-size:27px;color:var(--steel);font-weight:400;margin-bottom:15px}
.article-page .heat-explainer__steps span{font-size:10px;letter-spacing:.11em;font-weight:700}
.article-page .heat-explainer__steps p{font-size:14px;line-height:1.5;margin:8px 0 0}
.article-page .energy-compare{padding:clamp(24px,4vw,40px);background:var(--grey);margin:40px 0}
.article-page .energy-compare__heading strong{font-size:21px;line-height:1.4;display:block}
.article-page .energy-row{margin-top:25px}
.article-page .energy-row div{display:flex;justify-content:space-between;gap:15px;font-size:14px;line-height:1.4}
.article-page .energy-row b{font-weight:600}
.article-page .energy-row span{white-space:nowrap}
.article-page .energy-row i{display:block;width:var(--bar);height:9px;background:var(--on-dark-2);margin-top:11px;border-radius:9px}
.article-page .energy-row--pump i{background:var(--sam-blue)}
.article-page .energy-compare small{display:block;font-size:12px;color:var(--steel);line-height:1.5;margin-top:25px}
.article-page .samsung-insight{background:var(--navy);color:#fff;padding:clamp(28px,4vw,45px);margin:65px 0}
.article-page .samsung-insight .blog-kicker{color:var(--on-dark-2)}
.article-page .samsung-insight h2{color:white;margin:0 0 15px}
.article-page .samsung-insight p{color:var(--line)}
.article-page .samsung-insight div{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}
.article-page .samsung-insight div span{font-size:10px;letter-spacing:.08em;border:1px solid var(--steel);border-radius:50px;padding:7px 11px}
.article-page .samsung-insight a{color:#fff!important;text-decoration:none!important;border-bottom:1px solid var(--on-dark-2);font-size:14px}
.article-page .article-byline{max-width:740px;margin:0 auto 110px;padding:24px 20px;border-top:1px solid var(--line);display:flex;gap:18px;align-items:center}
.article-page .article-byline__mark{width:48px;height:48px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:26px;font-weight:700}
.article-page .article-byline strong{font-size:15px}
.article-page .article-byline p{font-size:14px;color:var(--steel);margin:4px 0 0}
.article-page .article-image img{object-position:center 55%}
@media(max-width:700px){
  .article-page .heat-explainer__steps{grid-template-columns:1fr;gap:15px}
  .article-page .heat-explainer__steps div{display:grid;grid-template-columns:38px 1fr;column-gap:10px}
  .article-page .heat-explainer__steps b{grid-row:span 2;margin:0}
  .article-page .heat-explainer__steps p{margin:3px 0}
  .article-page .energy-row div{display:block}
  .article-page .energy-row span{display:block;color:var(--steel);margin-top:3px}
}
.article-page .flow-figure{margin:52px 0 68px;background:var(--grey);padding:clamp(25px,4vw,46px);color:var(--navy)}
.article-page .flow-figure figcaption>span,.article-page .seasonal-detail__heading>span{font-size:10px;font-weight:700;letter-spacing:.15em;color:#2a3445}
.article-page .flow-figure h3,.article-page .seasonal-detail h3{font-size:clamp(27px,3vw,39px);font-weight:500;line-height:1.15;letter-spacing:-.035em;margin:14px 0}
.article-page .flow-figure figcaption p,.article-page .seasonal-detail__heading p{font-size:15px;line-height:1.55;color:var(--steel);margin:0}
.article-page .flow-figure__diagram{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;gap:8px;align-items:center;margin-top:35px}
.article-page .flow-node{background:var(--grey);min-height:205px;padding:20px 15px;display:flex;flex-direction:column}
.article-page .flow-node--pump{background:var(--navy);color:white}
.article-page .flow-node__icon{width:44px;height:44px;border:1px solid var(--on-dark-2);border-radius:50%;display:grid;place-items:center;font-size:24px;margin-bottom:20px}
.article-page .flow-node b{font-size:9px;letter-spacing:.1em;color:var(--steel)}
.article-page .flow-node--pump b{color:var(--on-dark-2)}
.article-page .flow-node strong{font-size:17px;line-height:1.25;font-weight:600;margin:8px 0}
.article-page .flow-node small{font-size:12px;line-height:1.45;color:var(--steel)}
.article-page .flow-node--pump small{color:var(--line)}
.article-page .flow-arrow{text-align:center;color:var(--steel);font-size:23px}
.article-page .flow-figure__note{font-size:12px!important;line-height:1.5!important;color:var(--steel)!important;margin:22px 0 0!important}
.article-page .seasonal-detail{border:1px solid var(--line);background:var(--grey);padding:clamp(24px,4vw,42px);margin:26px 0 35px}
.article-page .seasonal-detail__heading h3{max-width:500px}
.article-page .seasonal-detail__table{overflow-x:auto;margin-top:26px}
.article-page .seasonal-detail table{width:100%;border-collapse:collapse;min-width:490px;text-align:left;font-size:14px;line-height:1.4}
.article-page .seasonal-detail th{font-size:10px;letter-spacing:.08em;color:var(--steel);text-transform:uppercase}
.article-page .seasonal-detail th,.article-page .seasonal-detail td{padding:14px 12px;border-bottom:1px solid var(--line)}
.article-page .seasonal-detail td:last-child{font-weight:700;color:var(--sam-blue)}
.article-page .seasonal-detail__formula{background:var(--grey);padding:15px 18px;font-size:14px!important;line-height:1.55!important;margin:24px 0 0!important}
.article-page .seasonal-detail__note{font-size:12px!important;line-height:1.55!important;color:var(--steel)!important;margin:15px 0 0!important}
@media(max-width:700px){
  .article-page .flow-figure__diagram{grid-template-columns:1fr;gap:8px}
  .article-page .flow-node{min-height:0;display:grid;grid-template-columns:48px 1fr;column-gap:14px}
  .article-page .flow-node__icon{grid-row:span 3;margin:0}
  .article-page .flow-node b,.article-page .flow-node strong,.article-page .flow-node small{grid-column:2}
  .article-page .flow-node strong{margin:5px 0}
  .article-page .flow-arrow{transform:rotate(90deg);line-height:1}
  .article-page .seasonal-detail th,.article-page .seasonal-detail td{padding:12px 10px}
}
.article-page .price-panel{background:var(--grey);border-left:4px solid var(--steel);padding:28px 32px;margin:30px 0}
.article-page .price-panel span{display:block;font-size:10px;letter-spacing:.14em;font-weight:700;color:#2a3445}
.article-page .price-panel strong{display:block;font-size:clamp(45px,5vw,65px);line-height:1.1;font-weight:500;letter-spacing:-.04em;margin-top:10px}
.article-page .price-panel p{font-size:15px;line-height:1.6;margin:12px 0 0}
.article-page .article-faq h3{font-size:21px;line-height:1.3;margin:30px 0 6px;font-weight:600}
.article-page .article-faq p{margin-top:0}
.article-page .seasonal-detail table{min-width:650px}
.article-page .seasonal-detail th,.article-page .seasonal-detail td{white-space:nowrap}
.article-page .test-cop-comparison{margin-top:28px;border-top:1px solid var(--line);padding-top:23px}
.article-page .test-cop-comparison>span{display:block;font-size:10px;letter-spacing:.1em;font-weight:700;color:var(--steel)}
.article-page .test-cop-comparison>div:not(.test-cop-comparison__track){display:flex;justify-content:space-between;gap:15px;font-size:14px;line-height:1.4;margin-top:12px}
.article-page .test-cop-comparison b{white-space:nowrap}
.article-page .test-cop-comparison__track{height:9px;background:var(--line);margin-top:12px;border-radius:10px}
.article-page .test-cop-comparison__track i{display:block;width:20.83%;height:100%;background:var(--sam-blue);border-radius:10px}
.article-page .test-cop-comparison p{font-size:12px!important;line-height:1.55!important;color:var(--steel)!important;margin:12px 0 0!important}
@media(max-width:700px){
  .article-page .test-cop-comparison>div:not(.test-cop-comparison__track){display:grid;gap:5px}
}
.article-page .vrf-diagram{margin:55px 0 70px;background:var(--grey);padding:clamp(24px,4vw,42px)}
.article-page .vrf-diagram figcaption span,.article-page .vrf-scenario>span{font-size:10px;letter-spacing:.14em;color:#2a3445;font-weight:700}
.article-page .vrf-diagram h3,.article-page .vrf-scenario h3{font-size:clamp(27px,3vw,38px);font-weight:500;letter-spacing:-.03em;line-height:1.15;margin:12px 0}
.article-page .vrf-diagram figcaption p,.article-page .vrf-diagram>p{font-size:14px;line-height:1.55;color:var(--steel)}
.article-page .vrf-diagram svg{display:block;width:100%;height:auto;margin:28px 0 10px}
.article-page .vrf-unit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:35px 0}
.article-page .vrf-unit-grid article{background:var(--grey);padding:24px;min-height:230px}
.article-page .vrf-unit-grid span{font-size:11px;letter-spacing:.12em;color:var(--steel);font-weight:700}
.article-page .vrf-unit-grid h3{font-size:21px;line-height:1.2;font-weight:600;margin:28px 0 12px}
.article-page .vrf-unit-grid p{font-size:14px;line-height:1.55;margin:0}
.article-page .vrf-photo{margin:50px 0}
.article-page .vrf-photo img{display:block;width:100%;max-height:520px;object-fit:cover}
.article-page .vrf-photo figcaption{font-size:12px;color:var(--steel);line-height:1.5;margin-top:12px}
.article-page .vrf-scenario{background:var(--navy);color:#fff;padding:clamp(28px,4vw,42px);margin:45px 0}
.article-page .vrf-scenario>span{color:var(--on-dark-2)}
.article-page .vrf-scenario h3{color:white}
.article-page .vrf-scenario div{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid var(--steel);margin-top:25px}
.article-page .vrf-scenario p{color:var(--line);font-size:15px;line-height:1.6}
.article-page .vrf-sources{max-width:740px;margin:0 auto 80px;padding:25px 20px;border-top:1px solid var(--line);font-size:13px;color:var(--steel)}
.article-page .vrf-sources a{text-decoration:underline;color:var(--sam-blue)}
@media(max-width:700px){
  .article-page .vrf-unit-grid{grid-template-columns:1fr}
  .article-page .vrf-unit-grid article{min-height:0}
  .article-page .vrf-unit-grid h3{margin-top:12px}
  .article-page .vrf-scenario div{grid-template-columns:1fr;gap:0}
  .article-page .vrf-diagram{margin-inline:0;padding:20px}
  .article-page .vrf-diagram svg{min-height:220px}
}
.article-page .bk-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:44px 0 10px;background:var(--line);border:1px solid var(--line)}
.article-page .bk-facts div{background:var(--grey);padding:20px 18px}
.article-page .bk-facts b{display:block;font-size:clamp(26px,2.6vw,34px);font-weight:500;letter-spacing:-.03em;line-height:1.05;color:var(--navy)}
.article-page .bk-facts span{display:block;margin-top:8px;font-size:13px;line-height:1.45;color:var(--steel)}
.article-page .bk-facts__note{font-size:12px!important;line-height:1.5!important;color:var(--steel)!important;margin:8px 0 0!important}
.article-page .chart-fig,.article-page .sketch-fig{margin:40px 0 50px;background:var(--grey);border:1px solid var(--line);padding:clamp(20px,3.5vw,36px)}
.article-page .chart-fig--flat{margin:26px 0 8px;padding:20px 0 0;background:none;border:0}
.article-page .chart-fig figcaption>span,.article-page .sketch-fig figcaption>span{font-size:10px;font-weight:700;letter-spacing:.15em;color:#2a3445}
.article-page .chart-fig h3,.article-page .sketch-fig h3{font-size:clamp(23px,2.5vw,32px);font-weight:500;line-height:1.18;letter-spacing:-.03em;margin:12px 0 6px}
.article-page .sketch-fig figcaption p{font-size:15px;line-height:1.55;color:var(--steel);margin:0}
.article-page .chart-fig svg,.article-page .sketch-fig svg{display:block;width:100%;height:auto;margin-top:22px;font-family:var(--font)}
.article-page .chart-fig__note,.article-page .sketch-fig__note{font-size:12px!important;line-height:1.55!important;color:var(--steel)!important;margin:16px 0 0!important}
.article-page .chart-legend{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13px;color:#2a3445}
.article-page .chart-legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:7px;vertical-align:-1px}
.article-page .sketch-fig{background:var(--grey);border:0}
.article-page .bk-h3{font-size:clamp(22px,2.2vw,27px);line-height:1.25;font-weight:600;letter-spacing:-.02em;margin:46px 0 10px;color:var(--navy);scroll-margin-top:32px}
.article-page .bk-checks{list-style:none;padding:0;margin:18px 0}
.article-page .bk-checks li{position:relative;padding-left:30px}
.article-page .bk-checks li:before{content:"";position:absolute;left:2px;top:.62em;width:14px;height:8px;border-left:2px solid var(--sam-blue);border-bottom:2px solid var(--sam-blue);transform:rotate(-45deg)}
.article-page .bk-table{overflow-x:auto;margin:22px 0 10px;border:1px solid var(--line);background:var(--grey)}
.article-page .bk-table table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45;min-width:520px}
.article-page .bk-table th,.article-page .bk-table td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.article-page .bk-table thead th{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#2a3445;background:var(--grey)}
.article-page .bk-table thead th small{text-transform:none;letter-spacing:0;font-weight:500;color:var(--steel)}
.article-page .bk-table tbody th{font-weight:600;color:var(--navy)}
.article-page .bk-table tr:last-child>*{border-bottom:0}
.article-page .bk-table--spec table{min-width:0}
.article-page .bk-table--spec th{width:42%}
.article-page .bk-note{font-size:13px!important;line-height:1.55!important;color:var(--steel)!important;margin:10px 0 0!important}
.article-page .bk-photo{margin:44px 0}
.article-page .bk-photo img{display:block;width:100%;max-height:560px;object-fit:cover}
.article-page .bk-photo figcaption{font-size:13px;color:var(--steel);line-height:1.5;margin-top:12px}
.article-page .bk-photo--duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.article-page .bk-photo--duo img{height:100%;max-height:420px}
.article-page .bk-photo--duo figcaption{grid-column:1/-1;margin-top:0}
.article-page .bk-related{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:center;margin-top:70px;padding:16px;background:var(--grey);text-decoration:none!important;color:var(--navy)!important;transition:background .2s}
.article-page .bk-related:hover{background:var(--line)}
.article-page .bk-related img{width:100%;height:120px;object-fit:cover;display:block}
.article-page .bk-related small{display:block;font-size:10px;letter-spacing:.14em;font-weight:700;color:#2a3445;margin-bottom:8px}
.article-page .bk-related b{font-size:21px;line-height:1.3;font-weight:600}
.article-page .bk-sources{margin-top:40px;padding-top:22px;border-top:1px solid var(--line);font-size:14px;line-height:1.6}
.article-page .bk-sources strong{font-size:13px;letter-spacing:.06em}
.article-page .bk-sources ul{margin:10px 0 0;padding-left:18px}
.article-page .bk-sources li{margin-bottom:4px;color:var(--steel)}
@media(max-width:700px){
  .article-page .bk-facts{grid-template-columns:1fr 1fr}
  .article-page .bk-facts div{padding:16px 14px}
  .article-page .bk-related{grid-template-columns:1fr}
  .article-page .bk-related img{height:160px}
  .article-page .bk-photo--duo{grid-template-columns:1fr}
  .article-page .chart-fig,.article-page .sketch-fig{padding:18px 14px}
  .article-page .sketch-fig svg,.article-page .chart-fig svg{margin-top:16px}
}
.article-page .sk-scroll{overflow-x:auto}
@media(max-width:700px){
  .article-page .sk-scroll svg{min-width:600px}
}
.article-page .chart-fig svg{max-width:560px}

/* ---------- adjustments for the new design ---------- */
.article-page { background: #fff; color: var(--ink); }
.article-page .blog-wrap { width: 100%; max-width: calc(var(--wrap) + 2 * var(--gutter)); padding-inline: var(--gutter); }
.article-page .article-hero { position: relative; isolation: isolate; overflow: hidden; padding: calc(var(--head-h) + clamp(28px, 4vw, 56px)) 0 clamp(110px, 11vw, 160px); color: #fff;
  background: radial-gradient(55% 75% at 92% 0%, rgba(61, 139, 255, .2), transparent 62%), radial-gradient(45% 60% at 0% 100%, rgba(20, 40, 160, .32), transparent 62%), var(--night); }
.article-page .article-hero::after { display: none; }
.article-page .article-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-image: linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px); background-size: 56px 56px;
  -webkit-mask-image: radial-gradient(ellipse 85% 85% at 70% 30%, #000 20%, transparent 78%); mask-image: radial-gradient(ellipse 85% 85% at 70% 30%, #000 20%, transparent 78%); }
.article-page .article-back { display: flex; width: fit-content; margin-bottom: clamp(40px, 6vw, 80px); padding: 8px 16px; border: 1px solid rgba(255, 255, 255, .22); border-radius: 999px; color: #fff; font-weight: 600; }
.article-page .article-back:hover { border-color: #fff; color: #fff; }
.article-page .article-hero .blog-kicker { display: inline-flex; align-items: center; gap: 10px; color: var(--electric-soft); font-size: .8125rem; letter-spacing: .12em; }
.article-page .article-hero .blog-kicker::before { content: ""; width: 24px; height: 2px; background: var(--tri); }
.article-page .article-hero h1 { max-width: 18ch; font-size: clamp(2.5rem, 1.3rem + 4.4vw, 5.5rem); font-stretch: 78%; font-weight: 600; line-height: .96; letter-spacing: -.025em; text-wrap: balance; }
.article-page .article-hero .blog-wrap > p:last-of-type { color: rgba(255, 255, 255, .84); }
.article-page .article-meta { color: var(--on-dark-2); border-top-color: rgba(255, 255, 255, .18); font-size: .75rem; }
.article-page .article-image { width: 100%; max-width: calc(var(--wrap) + 2 * var(--gutter)); padding-inline: var(--gutter); margin-top: calc(-1 * clamp(64px, 7vw, 100px)); background: none; overflow: visible; }
.article-page .article-image img { border-radius: var(--r-card); box-shadow: 0 50px 90px -60px rgba(5, 11, 22, .8); }
.article-page .article-layout { width: 100%; max-width: calc(1230px + 2 * var(--gutter)); padding-inline: var(--gutter); }
.article-page .article-layout--plain { grid-template-columns: minmax(0, 760px); justify-content: center; }
.article-page .article-toc { top: calc(var(--head-h) + 24px); border-top-color: var(--navy); }
.article-page .article-toc nav a:hover { color: var(--sam-blue); }
.article-page .article-toc__contact { border-radius: 16px; background: var(--grey); }
.article-page .article-toc__contact a { color: var(--sam-blue); }
.article-page .article-body { font-size: 1.125rem; }
.article-page .article-body p { color: #2a3445; }
.article-page .article-body h2 { scroll-margin-top: calc(var(--head-h) + 24px); font-stretch: 84%; font-weight: 600; letter-spacing: -.015em; color: var(--navy); }
.article-page .article-intro { border-left-color: var(--sam-blue); color: var(--ink) !important; }
.article-page .article-body a:not(.article-callout a) { color: var(--sam-blue); }
.article-page .article-body li::marker { color: var(--sam-blue); }
.article-page :is(.article-callout, .samsung-insight, .flow-figure, .bk-facts, .bk-checks, .bk-note, .bk-related, .bk-sources, .chart-fig, .sketch-fig, .seasonal-detail, .price-panel, .heat-explainer, .energy-compare, .article-faq details) { border-radius: 20px; }
.article-page .samsung-insight, .article-page .article-callout { background: radial-gradient(70% 120% at 100% 0%, rgba(80, 110, 255, .5) 0%, transparent 58%), linear-gradient(135deg, #1428a0 0%, #0f1f80 60%, #0a1560 100%); }
.article-page .samsung-insight a, .article-page .article-callout a { color: #fff !important; border-color: rgba(255, 255, 255, .6) !important; }
.article-page .samsung-insight p, .article-page .article-callout p { color: rgba(255, 255, 255, .84) !important; }
.article-page .bk-table, .article-page .seasonal-detail__table { font-variant-numeric: tabular-nums; }
.article-page .article-byline__mark { background: var(--navy); }
.article-page .article-layout--plain table { display: block; max-width: 100%; overflow-x: auto; }
@media (max-width: 700px) {
  .article-page .article-layout { padding-inline: var(--gutter); }
  .article-page .article-image { margin-top: -48px; }
}