/* /academy/assets/academy-20260913/academy.css */
@font-face{font-family:Poppins;src:url(/academy/assets/academy-20260913/poppins-4.woff2) format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url(/academy/assets/academy-20260913/poppins-5.woff2) format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url(/academy/assets/academy-20260913/poppins-6.woff2) format('woff2');font-style:normal;font-weight:600 800;font-display:swap}
:root{--green:#327f49;--dark:#151b20;--muted:#5c6672;--line:#e2e7e4;--pale:#f1f7f3;--white:#fff;--radius:5px;--gutter:clamp(20px,3.3vw,52px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--dark);font:400 17px/1.6 Poppins,sans-serif;background:white}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #236c43;outline-offset:4px}img{display:block;max-width:100%}button{cursor:pointer}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600;line-height:1.2;letter-spacing:-.045em}h1{font-size:clamp(34px,3.6vw,56px)}h2{font-size:clamp(27px,2.4vw,36px)}h3{font-size:22px;letter-spacing:-.025em}p{color:var(--muted)}.wrap{max-width:1440px;padding-inline:var(--gutter);margin:auto}.icon{display:inline-block;width:24px;height:24px;flex:0 0 24px;vertical-align:middle}.skip{position:absolute;top:-100px;left:15px;background:#fff;padding:15px;z-index:10}.skip:focus{top:10px}.announcement{background:#242424;color:#fff;text-align:center;padding:8px 20px;font-size:13px}.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{max-width:1440px;margin:auto;padding:20px var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:24px}.logo{width:190px;height:auto;object-fit:contain}.header-actions{display:flex;align-items:center;gap:30px}.account{display:flex;gap:8px;align-items:center;font-size:14px}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:13px 20px;border:1px solid var(--green);border-radius:var(--radius);background:var(--green);color:#fff;font-weight:500;font-size:15px;min-height:48px;transition:background .18s}.button:hover{background:#246537;color:#fff}.button .icon{filter:invert(1)}.primary-nav{display:flex;justify-content:space-between;max-width:1440px;margin:auto;gap:18px;padding:15px var(--gutter);border-top:1px solid var(--line);font-size:15px}.primary-nav a{padding:4px 0}.nav-toggle{display:none}.breadcrumb{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;padding:26px 0;flex-wrap:wrap}.breadcrumb .icon{width:12px;height:12px;flex-basis:12px;opacity:.55}.breadcrumb [aria-current]{max-width:100%;overflow-wrap:anywhere}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.14em;color:var(--green);font-weight:600;font-size:12px;margin-bottom:10px}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:34px}.lead{font-size:18px;line-height:1.65;margin-top:10px}.intro-aside{font-size:14px;min-width:230px}.editorial-cover{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(280px,1fr);gap:40px}.image-link{display:block;overflow:hidden}.scene{width:100%;height:100%;object-fit:cover;transition:transform .3s}.image-link:hover .scene{transform:scale(1.025)}.lead-story{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;align-self:start}.lead-story>.image-link{aspect-ratio:1.83}.lead-story-copy{padding:25px 27px 28px}.lead-story-copy h2{font-size:clamp(27px,2.5vw,37px);margin-bottom:12px}.lead-story-copy p{font-size:17px;line-height:1.55}.read-link{display:inline-flex;align-items:center;gap:12px;color:var(--green);font-size:15px;font-weight:500;margin-top:18px;min-height:32px}.read-link .icon{width:19px;height:19px;flex-basis:19px}.cover-aside{border-left:1px solid var(--line);padding-left:28px}.cover-aside h2{font-size:27px}.cover-aside>p{font-size:15px;margin:6px 0 18px}.cover-aside article{margin-bottom:20px}.cover-aside .image-link{height:125px;margin-bottom:10px}.cover-aside .eyebrow{font-size:10px;margin-bottom:5px}.cover-aside h3{font-size:19px;line-height:1.2}.cover-aside h3 a{display:flex;justify-content:space-between;gap:14px;align-items:center}.cover-aside .icon{width:18px;height:18px;flex-basis:18px}.image-note{font-size:11px;margin-top:12px;color:#66746b}.steps-band{background:var(--pale);margin-top:32px}.steps-band>.wrap{display:grid;grid-template-columns:repeat(3,1fr);padding-block:25px}.steps-band a{display:flex;gap:20px;align-items:center;padding-right:20px}.steps-band a+a{border-left:1px solid #d2dfd6;padding-left:28px}.steps-band strong{font-size:16px;display:block;font-weight:600}.steps-band small{font-size:13px;color:var(--muted);display:block;margin-top:3px}.steps-band a>.icon{margin-left:auto;width:18px;height:18px;flex-basis:18px}.step-icon{background:var(--green);padding:18px;border-radius:50%;display:flex}.step-icon .icon{filter:invert(1);width:30px;height:30px}.product-discovery{display:grid;grid-template-columns:1.3fr 1.55fr .85fr;gap:32px;padding-block:55px}.discovery-copy h2{font-size:34px;margin-bottom:20px}.discovery-copy p:not(.eyebrow){font-size:17px;line-height:1.7}.discovery-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:0;background:#fff}.product-image{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff}.product-copy{padding:18px}.product-copy h3{font-size:19px;line-height:1.3;letter-spacing:-.025em}.product-copy .eyebrow{font-size:10px}.product-copy p{font-size:14px;line-height:1.6;margin-top:10px}.product-copy .read-link{font-size:14px}.takeaways{border-left:1px solid var(--line);padding-left:26px}.takeaways h2{font-size:25px}.takeaways>div{display:flex;gap:18px;padding:23px 0;border-bottom:1px solid var(--line)}.takeaways .icon{width:35px;height:35px;flex-basis:35px}.takeaways strong{font-size:14px;line-height:1.4;color:var(--dark);display:block}.takeaways span{display:block;font-size:12px;line-height:1.6;margin-top:6px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.library{border-top:1px solid var(--line);padding-block:55px 75px}.topic-nav{display:flex;flex-wrap:wrap;gap:14px 24px;font-size:15px;margin:25px 0}.topic-nav a{padding-bottom:5px;border-bottom:1px solid var(--green)}.guide-search{max-width:700px;margin:30px 0}.guide-search label{font-size:14px;display:block;margin-bottom:8px}.guide-search>div{display:flex;align-items:center;border:1px solid #a8b6ad;border-radius:5px;padding-left:14px;gap:12px}.guide-search input{border:0;min-width:0;flex:1;padding:14px 0;background:transparent;font-size:16px}.guide-search button{border:0;background:var(--green);color:white;padding:15px;font-size:14px;align-self:stretch}.search-status{font-size:13px;min-height:22px;padding-top:6px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 28px}.guide-card{min-width:0;border-bottom:1px solid var(--line);padding-bottom:20px}.guide-card .image-link{aspect-ratio:1.8;margin-bottom:18px;border-radius:3px}.guide-card h3{font-size:23px;line-height:1.3;margin:6px 0 12px}.guide-card p{font-size:15px;line-height:1.65}.guide-card .eyebrow{font-size:10px}.empty{padding:30px;background:var(--pale);margin-bottom:25px}.category-page{padding-bottom:70px}.category-page>.button{margin-top:35px}.article-heading{max-width:960px;margin:10px auto 30px}.article-heading h1{font-size:clamp(34px,3.8vw,54px);line-height:1.15}.article-meta{font-size:13px;margin:19px 0}.article-meta a{text-decoration:underline}.article-heading .lead{font-size:20px;line-height:1.7}.article-hero{max-width:1080px;margin:0 auto 45px}.article-hero>.scene{aspect-ratio:2.3;object-fit:cover;height:auto;max-height:480px}.article-hero figcaption{font-size:12px;line-height:1.6;padding-top:9px;color:var(--muted)}.reading-layout{display:grid;grid-template-columns:255px minmax(0,820px);gap:55px;justify-content:center}.toc{position:sticky;top:24px;align-self:start}.toc h2{font-size:21px;letter-spacing:-.025em;margin-bottom:20px}.toc nav a{display:block;padding:9px 0;font-size:14px;line-height:1.5;border-bottom:1px solid var(--line);color:var(--muted)}.toc .button{margin-top:25px;font-size:13px}.article-body{min-width:0;font-size:18px;line-height:1.85}.article-body section{margin-bottom:48px;scroll-margin-top:30px}.article-body h2{font-size:30px;line-height:1.25;margin-bottom:20px}.article-body p+p{margin-top:19px}.article-body p{color:#3d4850}.answer-box{background:var(--pale);border-left:4px solid var(--green);padding:26px 30px;margin-bottom:35px}.answer-box p{color:var(--dark)}.answer-box .eyebrow{color:var(--green);font-size:12px;margin:0 0 8px}.article-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:25px}.article-products .product-image{max-height:280px}.product-copy dl{font-size:14px;line-height:1.6;margin:20px 0 14px}.product-copy dl>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:8px 0;border-top:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0;font-weight:500}.product-copy .product-limit{font-size:13px;line-height:1.6;color:#48584e}.article-body .small-note{font-size:12px;line-height:1.6;margin-top:16px;color:var(--muted)}.faq-list details{border-top:1px solid var(--line);padding:20px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:500;line-height:1.5;padding-right:10px;font-size:18px}details p{margin-top:16px}.sources{padding-top:30px;border-top:1px solid var(--line)}.sources p,.sources li{font-size:15px;line-height:1.8}.sources a{text-decoration:underline;text-underline-offset:3px}.sources li{padding:5px 0}.related{padding:55px 0 80px;border-top:1px solid var(--line);margin-top:30px}.site-footer{background:#eaf3ed;border-top:1px solid #d8e5dc}.footer-inner{max-width:1440px;margin:auto;padding:55px var(--gutter);display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:45px}.footer-inner .logo{width:165px;margin-bottom:20px}.footer-inner p{font-size:14px;margin-top:10px}.footer-inner h2{font-size:18px;letter-spacing:-.015em;margin-bottom:18px}.footer-inner a{display:block;font-size:14px;padding:7px 0}.footer-bottom{max-width:1440px;margin:auto;display:flex;gap:25px;flex-wrap:wrap;font-size:12px;border-top:1px solid #d3dfd6;padding:22px var(--gutter);color:#415747}.text-button{border:0;background:none;color:inherit;padding:0;font-size:inherit}.consent{position:fixed;bottom:18px;left:18px;max-width:450px;z-index:30;background:#fff;border:1px solid #d0dcd3;box-shadow:0 5px 35px #0002;padding:22px;border-radius:6px}.consent p{font-size:13px;line-height:1.6}.consent>div{display:flex;gap:12px;margin-top:15px;align-items:center}.consent button{font-size:12px}.consent button:not(.button){background:white;border:0;text-decoration:underline;padding:8px}.consent .button{min-height:40px;padding:8px 14px}[hidden]{display:none!important}
@media(min-width:1600px){body{font-size:18px}.cover-aside .image-link{height:140px}}
@media(max-width:1050px){.account span{display:none}.header-actions{gap:20px}.primary-nav{font-size:13px;gap:15px}.editorial-cover{gap:25px;grid-template-columns:minmax(0,1.8fr) minmax(245px,1fr)}.cover-aside{padding-left:20px}.cover-aside h2{font-size:23px}.cover-aside .image-link{height:112px}.cover-aside h3{font-size:17px}.intro-aside{display:none}.product-discovery{grid-template-columns:1fr 1.2fr}.takeaways{display:none}.steps-band a{gap:12px}.steps-band a+a{padding-left:18px}.step-icon{padding:12px}.steps-band strong{font-size:14px}.steps-band small{font-size:12px}.steps-band a>.icon{display:none}.reading-layout{grid-template-columns:195px minmax(0,1fr);gap:30px}.article-products{gap:14px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card h3{font-size:22px}}
@media(max-width:700px){body{font-size:16px}.announcement{font-size:10px;padding:7px 14px}.header-inner{padding-block:15px;gap:15px}.logo{width:145px}.header-actions{margin-left:auto}.header-actions .account{display:none}.header-actions .button{font-size:12px;padding:9px 11px;min-height:42px}.header-actions .button .icon{display:none}.nav-toggle{display:flex;align-items:center;gap:5px;background:white;border:0;padding:9px 0;font-size:12px;min-height:44px}.nav-toggle span{display:none}.primary-nav{display:none;padding-block:0 16px}.primary-nav.is-open{display:grid;grid-template-columns:1fr 1fr}.primary-nav a{padding:10px 0;font-size:13px}.breadcrumb{padding:20px 0;font-size:10px;gap:5px}.page-intro{margin-bottom:25px}.page-intro .eyebrow{font-size:10px}h1{font-size:36px;line-height:1.15}.lead{font-size:16px;margin-top:14px}.editorial-cover{display:block}.lead-story>.image-link{aspect-ratio:1.5}.lead-story-copy{padding:20px}.lead-story-copy h2{font-size:27px}.lead-story-copy p{font-size:15px}.cover-aside{border:0;padding:28px 0 0}.cover-aside>h2{font-size:25px}.cover-aside>p{font-size:14px;margin-bottom:20px}.cover-aside article{display:grid;grid-template-columns:38% 1fr;column-gap:17px;margin-bottom:19px}.cover-aside article>.image-link{grid-row:1/3;height:98px;margin:0}.cover-aside article>.eyebrow{align-self:end;font-size:9px}.cover-aside article h3{font-size:16px;line-height:1.3}.cover-aside h3 .icon{display:none}.image-note{font-size:10px;margin-top:8px}.steps-band{margin-top:28px}.steps-band>.wrap{display:block;padding-block:15px}.steps-band a{padding:15px 0}.steps-band a+a{border-left:0;padding:15px 0;border-top:1px solid #d2dfd6}.steps-band strong{font-size:15px}.steps-band small{font-size:12px}.step-icon{padding:12px}.step-icon .icon{width:26px;height:26px}.product-discovery{display:block;padding-block:36px}.discovery-copy h2{font-size:30px}.discovery-copy p:not(.eyebrow){font-size:16px;margin-bottom:25px}.discovery-products{gap:14px}.product-copy{padding:15px}.product-copy h3{font-size:17px}.product-copy p{font-size:13px}.product-copy .read-link{font-size:12px;gap:5px}.product-copy .read-link .icon{width:15px;height:15px;flex-basis:15px}.section-heading{display:block}.section-heading h2{font-size:29px}.library{padding-block:35px 45px}.topic-nav{gap:12px 20px;font-size:13px}.guide-search>div{gap:8px}.guide-search input{font-size:14px;width:100px}.guide-search button{font-size:12px;padding:12px}.guide-search .icon{width:18px;height:18px;flex-basis:18px}.guide-grid{grid-template-columns:1fr;gap:28px}.guide-card{display:grid;grid-template-columns:32% 1fr;gap:16px}.guide-card>.image-link{aspect-ratio:1.1;margin:0;align-self:start}.guide-card h3{font-size:19px;margin:5px 0 8px}.guide-card p{font-size:14px}.guide-card .eyebrow{font-size:9px}.guide-card .read-link{font-size:13px;margin-top:8px}.guide-card.compact{display:block}.guide-card.compact>.image-link{aspect-ratio:1.9;margin-bottom:14px}.article-heading{margin:0 0 25px}.article-heading h1{font-size:34px;line-height:1.15}.article-heading .lead{font-size:18px}.article-meta{font-size:12px;line-height:1.8;margin:18px 0}.article-hero{margin:0 0 25px}.article-hero>.scene{aspect-ratio:1.5}.article-hero figcaption{font-size:10px}.reading-layout{display:block}.toc{position:static;margin-bottom:30px;background:var(--pale);padding:20px}.toc nav a{font-size:14px;padding:9px 0}.toc .button{display:none}.article-body{font-size:18px;line-height:1.8}.article-body h2{font-size:27px}.answer-box{padding:20px}.article-body section{margin-bottom:35px}.article-products{grid-template-columns:1fr;gap:22px}.article-products .product-image{max-height:300px}.article-products .product-copy{padding:22px}.article-products .product-copy h3{font-size:23px}.article-products .product-copy p{font-size:15px}.article-products .read-link{font-size:15px}.product-copy dl{font-size:15px}summary{font-size:17px}.related{padding-block:35px 45px}.footer-inner{grid-template-columns:1fr 1fr;gap:30px;padding-block:35px}.footer-inner>div:first-child{grid-column:1/-1}.footer-inner h2{font-size:16px}.footer-inner a,.footer-inner p{font-size:13px}.footer-bottom{font-size:11px;gap:15px}.consent{max-width:none;right:12px;left:12px;bottom:12px;padding:17px}.consent p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene,.button{transition:none}}
@media(min-width:1000px){.header-inner{padding-block:8px}.primary-nav{padding-block:8px}.breadcrumb{padding-block:18px}.page-intro{margin-bottom:24px}.cover-aside{padding-left:24px}.cover-aside>p{font-size:14px;margin-bottom:14px}.cover-aside .image-link{height:100px}.cover-aside article{margin-bottom:16px}.cover-aside h3{font-size:18px}.cover-aside h2{font-size:25px}.editorial-cover{gap:30px;grid-template-columns:minmax(0,2.35fr) minmax(280px,1fr)}.intro-aside:after{content:'';display:block;width:42px;border-bottom:2px solid var(--green);margin-top:14px}}

/* /academy/assets/academy-20260913/footer-v2.css */
/* Storefront footer: scoped styles, no Shopify script dependency. */
.store-reassurance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;background:#f7f9f7;padding:38px max(24px,calc((100vw - 1360px)/2));text-align:center}
.store-reassurance .text-with-icons__item{display:block;min-width:0}
.store-reassurance img{width:100px;height:50px;object-fit:contain;margin:0 auto 15px}
.store-reassurance p{font-size:13px;line-height:1.7}
.store-reassurance .heading{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;margin-bottom:10px;color:#252525}
.store-footer{background:#276b42;color:#fff;padding:55px max(24px,calc((100vw - 1360px)/2)) 45px;font-size:15px;line-height:1.75}
.store-footer p,.store-footer a,.store-footer button{color:#fff}
.store-footer a:hover,.store-footer button:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.store-footer :focus-visible{outline-color:#fff}
.store-footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:40px 70px}
.store-footer .footer__item{min-width:0}
.store-footer .footer__item-title{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;margin:0 0 22px}
.store-footer .footer__item--text .footer__item-content{max-width:340px}
.store-footer .footer__item-content p+p{margin-top:20px}
.store-footer ul{list-style:none;padding:0;margin:0}
.store-footer .linklist__item{margin:0 0 8px}
.store-footer .footer__item:last-child{grid-column:3}
.store-footer .social-media{display:flex;flex-wrap:wrap;max-width:330px;gap:0}
.store-footer .social-media__link{width:55px;height:55px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff30}
.store-footer .social-media .icon{width:18px;height:18px;flex:none}
.store-footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px;margin-top:48px;font-size:13px}
.store-footer .store-locale{border:1px solid #ffffff35;border-radius:20px;padding:6px 13px}
.store-footer .text-button{font-size:13px;border:0;background:none;text-align:left;padding:8px 0}
.store-payments{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.store-payments svg{display:block;width:38px;height:24px;flex:none}
.store-payments>span{margin-right:6px}
.article-hero figcaption a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.store-footer-grid{gap:35px}.store-reassurance{grid-template-columns:repeat(2,minmax(0,1fr))}.store-footer-bottom{justify-content:flex-start}}
@media(max-width:600px){.store-footer{padding:38px 24px;font-size:15px}.store-footer-grid{grid-template-columns:1fr;gap:32px}.store-footer .footer__item:last-child{grid-column:auto}.store-footer .footer__item-title{margin-bottom:16px;font-size:13px}.store-footer .linklist__item{margin-bottom:11px}.store-footer-bottom{display:grid;gap:18px;margin-top:36px}.store-locale{justify-self:start}.store-payments{max-width:100%}.store-payments>span{width:100%;margin-bottom:6px}.store-reassurance{padding:30px 20px;gap:28px 20px}.store-reassurance p{font-size:12px}.store-reassurance .heading{font-size:11px}}

/* /academy/assets/academy-20260913/layout-v3.css */
/* Editorial media: original ratio assets, never baked-in letterboxing. */
.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px}
.guide-card{display:flex;flex-direction:column;min-width:0}
.guide-card>.image-link,.guide-card.compact>.image-link{display:block;aspect-ratio:1;margin:0 0 22px;overflow:hidden;background:#fff;border-radius:4px}
.guide-card>.image-link .scene{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.guide-card .card-copy{display:flex;flex:1;flex-direction:column}
.guide-card h3{font-size:23px;line-height:1.35;letter-spacing:-.025em;margin:8px 0 12px}
.guide-card .card-copy>p{font-size:16px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px}
.guide-card .eyebrow{font-size:11px;letter-spacing:.09em;line-height:1.6}
.guide-card .read-link{margin-top:auto;padding-top:8px;font-size:15px}
.guide-more{display:flex;flex-direction:column;align-items:center;gap:14px;padding:44px 0 12px}
.guide-more p{font-size:14px}
.guide-more .button{min-width:240px}
.guide-card[hidden],.guide-more[hidden]{display:none!important}
.article-page{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:60px;align-items:center}
.article-page>.breadcrumb,.article-page>.reading-layout,.article-page>.related{grid-column:1/-1}
.article-page>.breadcrumb{margin-bottom:32px}
.article-heading{margin:0 0 55px;min-width:0}
.article-heading h1{font-size:clamp(32px,3.2vw,48px);line-height:1.16}
.article-heading .lead{font-size:19px;line-height:1.7}
.article-hero{margin:0 0 55px;min-width:0;align-self:start}
.article-hero>.scene{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:4px}
.article-hero figcaption{font-size:12px;line-height:1.6;margin-top:12px;color:#56635c}
.reading-layout{align-items:start}
.library{padding-bottom:65px}
@media(min-width:701px) and (max-width:1050px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 26px}.article-page{column-gap:32px}.article-heading .lead{font-size:17px}.article-heading h1{font-size:34px}}
@media(max-width:700px){.guide-grid{grid-template-columns:1fr;gap:36px}.guide-card{display:flex;gap:0}.guide-card>.image-link,.guide-card.compact>.image-link{aspect-ratio:1;margin-bottom:18px;align-self:stretch}.guide-card h3{font-size:23px;line-height:1.3}.guide-card .eyebrow{font-size:11px}.guide-card .card-copy>p{font-size:16px;-webkit-line-clamp:3}.guide-card .read-link{font-size:15px}.article-page{display:block}.article-heading{margin-bottom:25px}.article-heading h1{font-size:34px}.article-heading .lead{font-size:18px}.article-hero{margin-bottom:32px}.article-hero>.scene{aspect-ratio:1}.article-hero figcaption{font-size:12px}.guide-more{padding-top:32px}.library{padding-bottom:45px}}

/* /academy/assets/academy-20261002/shopify-alignment.css */
/* CMS-only style alignment. Read-only reference: Shopify theme 287, 2026-10-02.
   Measurements: homepage and /blogs/eclairage-solaire/eclairage-exterieur-solaire-guide-choix.
   No Shopify scripts, checkout widgets or third-party tracking imported. */
body.lh-academy{
 --green:#3a9d5f;--dark:#1b1b1b;--muted:#333;--line:#e0e0e0;--pale:#f7f8f6;--radius:8px;--gutter:40px;
 font-family:Poppins,sans-serif;font-size:15px;font-weight:400;line-height:26px;color:#333;background:#fff;
}
.lh-academy .wrap,.lh-academy .header-inner{max-width:1600px;padding-inline:40px}
.lh-academy main p,.lh-academy .article-body li{font-size:15px;line-height:26px;color:#333}
.lh-academy h1,.lh-academy h2,.lh-academy h3{color:#1b1b1b;letter-spacing:normal}
.lh-academy h1,.lh-academy .article-heading h1{font-size:38px;font-weight:500;line-height:1.0714286}
.lh-academy h2,.lh-academy .article-body h2{font-size:32px;font-weight:600;line-height:1.105;margin-bottom:24px}
.lh-academy h3,.lh-academy .guide-card h3{font-size:22px;font-weight:600;line-height:1.3}
.lh-academy .article-heading .lead{font-size:15px;line-height:26px;margin-top:24px}
.lh-academy .article-body section{margin-bottom:48px}
.lh-academy .article-body p{margin-block:15px}
.lh-academy .article-body h3{margin-top:32px;margin-bottom:16px}
.lh-academy .article-meta,.lh-academy .guide-card .card-copy>p{font-size:15px;line-height:26px}
.lh-academy .button,.lh-academy .header-inner .button{
 display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 35px;
 border:0;border-radius:30px;background:#3a9d5f;color:#fff;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;line-height:1.5;
}
.lh-academy .button:hover{background:#318650;color:#fff}
.lh-academy .guide-grid{gap:48px 32px}
.lh-academy .guide-card>.image-link,.lh-academy .guide-card.compact>.image-link,.lh-academy .article-hero>.scene{border-radius:8px}
.lh-academy .product-card{border:1px solid #e0e0e0;border-radius:12px;box-shadow:none}
.lh-academy .answer-box{background:#f7f8f6;border:1px solid #e0e0e0;border-radius:8px;padding:24px}
.lh-academy .toc,.lh-academy .site-header{border-color:#e0e0e0}
.lh-academy .article-page{column-gap:48px}
.lh-academy .article-heading,.lh-academy .article-hero{margin-bottom:48px}
.lh-academy .article-body img{height:auto}
.lh-academy .article-body figure{margin-block:32px}
.lh-academy figcaption{font-size:12px;line-height:20px;color:#555}
.lh-academy nav[aria-label="Academy"]{background:#fff!important;color:#333!important;border-bottom:1px solid #e0e0e0;padding:12px 40px!important;font-size:15px;line-height:26px}
@media(max-width:740px){
 body.lh-academy{--gutter:24px;font-size:14px;line-height:24px}
 .lh-academy .wrap,.lh-academy .header-inner{padding-inline:24px}
 .lh-academy h1,.lh-academy .article-heading h1{font-size:32px;line-height:1.11111;font-weight:500}
 .lh-academy h2,.lh-academy .article-body h2{font-size:21px;line-height:1.105;margin-bottom:16px}
 .lh-academy h3,.lh-academy .guide-card h3{font-size:18px;line-height:1.4}
 .lh-academy main p,.lh-academy .article-body li,.lh-academy .article-heading .lead,.lh-academy .article-meta,.lh-academy .guide-card .card-copy>p{font-size:14px;line-height:24px}
 .lh-academy .article-body p{margin-block:14px}
 .lh-academy .article-body section{margin-bottom:32px}
 .lh-academy .article-heading,.lh-academy .article-hero{margin-bottom:32px}
 .lh-academy .button,.lh-academy .header-inner .button{min-height:48px;padding:0 20px;font-size:12px;border-radius:30px}
 .lh-academy .guide-grid{gap:32px 24px}
 .lh-academy nav[aria-label="Academy"]{padding:12px 24px!important;font-size:14px;line-height:24px;gap:20px!important}
}

/* Consent appearance: storefront palette; existing Academy consent semantics retained. */
.lh-academy .consent{left:auto;right:20px;bottom:20px;width:400px;max-width:calc(100vw - 40px);padding:20px 20px 0;border:0;border-radius:8px;background:#fff;color:#666;box-shadow:0 8px 35px #0003;font-family:Poppins,sans-serif;font-size:13px;line-height:1.5;overflow:hidden}.lh-academy .consent>p{margin:0 0 20px;font-size:13px;line-height:19.5px}.lh-academy .consent>div{display:flex;gap:1px;margin:0 -20px;background:#999}.lh-academy .consent button,.lh-academy .consent .button{flex:1;min-height:42px;margin:0;padding:12px 8px;border:0;border-radius:0;background:#313030;color:#f2eeee;font-size:14px;line-height:17.5px;font-weight:600;text-decoration:none}.lh-academy .consent button:focus-visible{outline:2px solid #3a9d5f;outline-offset:-4px}@media(max-width:740px){.lh-academy .consent{left:0;right:0;bottom:0;width:100%;max-width:100%;border-radius:8px 8px 0 0}}

/* inline head style */
lh-storefront-chrome{display:block}lh-storefront-chrome[part="header"]{position:sticky;top:0;z-index:20;min-height:140px}lh-storefront-chrome[part="footer"]{margin-top:48px}
/* /academy/assets/academy-editorial-20261011/article.css */
.reading-layout{grid-template-columns:260px minmax(0,1fr)}.article-body{min-width:0}.article-body .depth-section{margin:28px 0;padding:26px 0;border-bottom:1px solid #d8dfd8;scroll-margin-top:28px}.depth-scroll{overflow-x:auto;max-width:100%;margin:22px 0}.depth-scroll:focus-visible{outline:3px solid #f08b24;outline-offset:3px}.depth-table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px;line-height:1.65}.depth-table caption{text-align:left;font-weight:600;margin-bottom:10px}.depth-table th,.depth-table td{padding:14px 12px;text-align:left;vertical-align:top;border-bottom:1px solid #d8dfd8}.depth-table th{background:#f3f5f1}.depth-section li{margin-bottom:14px}.depth-note{font-size:14px;color:#536057}.depth-check{display:block;padding:12px 0;line-height:1.6;border-bottom:1px solid #d8dfd8}.depth-check input{width:20px;height:20px;margin-right:10px;vertical-align:middle;accent-color:#ef8b23}.depth-print{padding:12px 18px;font:inherit;background:white;color:inherit;border:1px solid #536057;cursor:pointer}.depth-print:focus-visible,.depth-check input:focus-visible{outline:3px solid #ef8b23;outline-offset:4px}.depth-brief{white-space:pre-wrap;border:1px solid #d8dfd8;padding:20px;font:inherit}.depth-section details{margin:15px 0}.depth-section summary{cursor:pointer;font-weight:600}@media(max-width:900px){.reading-layout{grid-template-columns:minmax(0,1fr)}.toc{position:static}.article-body,.toc{min-width:0}.depth-section{overflow-wrap:anywhere}}@media print{lh-storefront-chrome,.toc,.depth-print{display:none!important}.reading-layout{display:block}.depth-scroll{overflow:visible}.depth-table{min-width:0}.depth-section{break-inside:avoid}}
main .depth-section[id],main h2[id]{scroll-margin-top:210px}@media(max-width:600px){.depth-scroll::before{content:"Faites glisser le tableau pour lire toutes les colonnes.";display:block;width:calc(100vw - 48px);max-width:100%;font-size:13px;line-height:1.5;color:#536057;margin-bottom:12px}}

.article-page:not(:has(>.article-hero))>.article-heading{grid-column:1/-1;max-width:960px}.article-body{font-size:17px;line-height:1.85}.article-body h2{margin-top:42px;line-height:1.35;scroll-margin-top:210px}.article-body p{margin:16px 0}.article-body li{margin:12px 0}.article-body dt{font-weight:600;margin-top:20px}.article-body dd{margin:8px 0 18px}.article-body blockquote{margin:26px 0;padding:8px 22px;border-left:3px solid #b9c2b1;background:#f7f8f5}.article-body svg{width:100%;height:auto;max-width:680px;min-width:600px}.article-body figure:has(svg){overflow-x:auto;max-width:100%}.article-body figcaption{font-size:14px;color:#536057}.article-body figure{margin:28px 0}.article-body .depth-checklist{margin-top:40px;padding-top:20px;border-top:1px solid #d8dfd8}@media(max-width:600px){.article-body figure:has(svg)::before{content:"Faites glisser le schéma pour lire les deux branches.";display:block;font-size:13px;color:#536057;margin-bottom:12px}.article-body{font-size:16px;line-height:1.8}.article-body h2{font-size:24px;overflow-wrap:anywhere}}

/* /academy/assets/article-videos-20261014/article-videos.css */
.article-body .article-video-block{margin:32px 0;padding:24px;background:#f3f6f0;border-left:3px solid #286b46;min-width:0;scroll-margin-top:210px}
.article-body .article-video-block>h3{margin:0 0 12px;font-size:23px;line-height:1.4}
.article-body .article-video-block>p{margin:0 0 20px}
.article-body .article-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.article-body .article-video-grid:has(>figure:only-child){grid-template-columns:1fr}
.article-body .article-video-figure{margin:0;min-width:0;align-self:start}
.article-body .article-video-figure h4{font-size:18px;line-height:1.45;margin:0 0 12px}
.article-body .article-video-figure video,.article-body .article-video-figure iframe{display:block;width:100%;max-width:100%;aspect-ratio:16/9;object-fit:contain;background:#132b1b;border:0;height:auto}
.article-body .article-video-figure iframe{height:auto}
.article-body .article-video-figure figcaption{padding:12px 0 0;font-size:14px;line-height:1.7;color:#344b3a}
.article-body .article-video-figure figcaption p{margin:0 0 10px;font-size:14px;line-height:1.7}
.article-body .article-video-links{display:flex;gap:8px 18px;flex-wrap:wrap}
.article-body .article-video-links a{display:inline-block}
.article-body .article-video-external{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;background:#132b1b;cursor:pointer;font:inherit;color:white}
.article-body .article-video-external img{display:block;width:100%;height:100%;object-fit:contain;margin:0}
.article-body .article-video-external span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 18px;background:#173d29ed;font-size:16px;white-space:nowrap}
.article-body .article-video-figure [hidden]{display:none!important}
.article-body .article-video-external:focus-visible{outline:3px solid #286b46;outline-offset:4px}
.article-body .article-video-reset{border:1px solid #7c9a82;background:white;color:#286b46;padding:10px 14px;font:inherit;cursor:pointer;margin-top:12px}
.article-body .article-video-notice{font-size:13px;line-height:1.7;color:#435c49;margin-top:12px}
@media(max-width:1100px){.article-body .article-video-grid{grid-template-columns:1fr}}
@media(max-width:900px){.article-body .article-video-block{scroll-margin-top:190px}}
@media(max-width:600px){.article-body .article-video-block{padding:18px 14px;margin:26px 0}.article-body .article-video-block>h3{font-size:21px}.article-body .article-video-figure h4{font-size:17px}}

/* /academy/assets/brand-system-20261014.css */
@font-face{font-family:Poppins;font-weight:500;font-style:italic;font-display:swap;src:url("https://lumihome.com/cdn/fonts/poppins/poppins_i5.6acfce842c096080e34792078ef3cb7c3aad24d4.woff2") format("woff2")}
@font-face{font-family:Poppins;font-weight:400;font-style:italic;font-display:swap;src:url("https://lumihome.com/cdn/fonts/poppins/poppins_i4.846ad1e22474f856bd6b81ba4585a60799a9f5d2.woff2") format("woff2")}
@font-face{font-family:Poppins;font-weight:600;font-style:italic;font-display:swap;src:url("https://lumihome.com/cdn/fonts/poppins/poppins_i6.bb8044d6203f492888d626dafda3c2999253e8e9.woff2") format("woff2")}
@font-face{font-family:Poppins;font-weight:400;font-style:normal;font-display:swap;src:url("/academy/assets/academy-20260913/poppins-4.woff2") format("woff2")}
@font-face{font-family:Poppins;font-weight:500;font-style:normal;font-display:swap;src:url("/academy/assets/academy-20260913/poppins-5.woff2") format("woff2")}
@font-face{font-family:Poppins;font-weight:600;font-style:normal;font-display:swap;src:url("/academy/assets/academy-20260913/poppins-6.woff2") format("woff2")}
:root{--lh-font-family:Poppins,sans-serif;--lh-text-size:14px;--lh-text-line:1.71429;--lh-heading-weight:500;--lh-heading-color:#1b1b1b;--lh-text-color:#333;--lh-border-color:#e0e0e0;--lh-brand-green:#3a9d5f;--lh-container-max:1600px;--lh-gutter:24px;--lh-h1:32px;--lh-h2:21px;--lh-h3:26px;--lh-h4:22px;--lh-h5:18px;--lh-h6:16px;--lh-h1-line:1.11111;--lh-h2-line:1.105;--lh-h3-line:1.15385;--lh-h4-line:1.16667;--lh-h5-line:1.2;--lh-h6-line:1.25;--lh-h1-letter:-.9px;--lh-small:12px;--lh-card-title:21px;--lh-button-radius:30px;--lh-button-height:48px;--lh-button-size:12px;--lh-button-letter:1.5px;--lh-button-padding:20px}
@media(min-width:741px){:root{--lh-text-size:15px;--lh-text-line:1.73333;--lh-gutter:40px;--lh-h1:48px;--lh-h2:22.5px;--lh-h3:30px;--lh-h1-line:1.04167;--lh-h3-line:1.0625;--lh-h6-line:1.22222;--lh-h1-letter:-1px;--lh-small:13px;--lh-card-title:22.5px;--lh-button-height:52px;--lh-button-size:13px;--lh-button-letter:2px;--lh-button-padding:35px}}
@media(min-width:1000px){:root{--lh-h1:38px}}
@media(min-width:1001px){:root{--lh-h2:32px}}
@media(min-width:1200px){:root{--lh-h4:26px;--lh-h5:22px;--lh-h1-line:1.07143;--lh-h3-line:1.11111;--lh-h4-line:1.13333;--lh-h5-line:1.16667}}
body{font-family:var(--lh-font-family)!important;font-size:var(--lh-text-size)!important;font-weight:400!important;line-height:var(--lh-text-line)!important;color:var(--lh-text-color)!important;background:#fff!important}
main{font-family:var(--lh-font-family)!important;color:var(--lh-text-color)!important}
main :is(p,li,td,th,summary,input,select,textarea,button){font-family:var(--lh-font-family)!important}
main :is(p,li,td,th,summary){font-size:var(--lh-text-size)!important;line-height:var(--lh-text-line)!important}
main :is(strong,b){font-weight:600!important}
main :is(h1,h2,h3,h4,h5,h6){font-family:var(--lh-font-family)!important;color:var(--lh-heading-color)!important;font-style:normal!important;text-transform:none!important}
main h1{font-size:var(--lh-h1)!important;font-weight:500!important;line-height:var(--lh-h1-line)!important;letter-spacing:var(--lh-h1-letter)!important}
main h2{font-size:var(--lh-h2)!important;font-weight:600!important;line-height:var(--lh-h2-line)!important;letter-spacing:0!important}
main h3{font-size:var(--lh-h3)!important;font-weight:500!important;line-height:var(--lh-h3-line)!important;letter-spacing:0!important}
main h4{font-size:var(--lh-h4)!important;font-weight:500!important;line-height:var(--lh-h4-line)!important;letter-spacing:0!important}
main h5{font-size:var(--lh-h5)!important;font-weight:500!important;line-height:var(--lh-h5-line)!important;letter-spacing:0!important}
main h6{font-size:var(--lh-h6)!important;font-weight:500!important;line-height:var(--lh-h6-line)!important;letter-spacing:0!important}
main :is(.article-body,.lh-watch-content article,.rte) :is(h3,h4,h5,h6){font-size:calc(var(--lh-text-size) * 1.5)!important}
main:is(.wrap,.library-page,.video-page),main>.wrap,main>.steps-band>.wrap,main>[class^="lh-"]{box-sizing:border-box!important;width:100%!important;max-width:var(--lh-container-max)!important;margin-inline:auto!important;padding-inline:var(--lh-gutter)!important}
main :is(.lead,.article-meta,.breadcrumb){font-family:var(--lh-font-family)!important}
main .lead{font-size:calc(var(--lh-text-size) + 1px)!important;line-height:var(--lh-text-line)!important}
main :is(.eyebrow,.library-kicker,.article-meta,.breadcrumb,.film-meta,.library-stats span,.film-links,.article-video-figure figcaption p){font-size:var(--lh-small)!important;line-height:1.69231!important}
main :is(.guide-card,.film-card,.related-card) h3{font-size:var(--lh-card-title)!important;font-weight:500!important;line-height:var(--lh-h4-line)!important}
main .article-video-figure h4{font-size:18px!important;font-weight:600!important;line-height:1.73333!important}
main .toc h2{font-size:18px!important;font-weight:600!important;line-height:1.73333!important}
main .article-body{max-width:1000px}
main :is(input,select,textarea){font-size:var(--lh-text-size)!important;font-weight:400!important;color:var(--lh-text-color)!important;border-color:var(--lh-border-color)!important}
main :is(.button,.btn,.academy-video-button,.film-actions button,.film-watch-link,.library-filters button,.film-close,.article-video-reset){display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;font-family:var(--lh-font-family)!important;font-size:var(--lh-button-size)!important;font-weight:600!important;letter-spacing:var(--lh-button-letter);text-transform:uppercase!important;border-radius:var(--lh-button-radius)!important;min-height:var(--lh-button-height);padding:0 var(--lh-button-padding)!important;max-width:100%;line-height:var(--lh-button-height)!important;text-align:center}
main :is(.button,.btn,.academy-video-button,.film-actions button,.film-watch-link){background:var(--lh-brand-green)!important;color:#fff!important;border:0!important;text-decoration:none!important}
main .library-filters button{background:#fff!important;color:var(--lh-text-color)!important;border:1px solid var(--lh-border-color)!important}
main .library-filters button[aria-pressed=true]{background:var(--lh-brand-green)!important;border-color:var(--lh-brand-green)!important;color:#fff!important}
main :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--lh-brand-green);outline-offset:4px}
.library-page .library-hero{background:#fff!important;border:0!important;padding:0!important;margin:0 0 40px!important}
.library-page .library-hero h1{max-width:1000px!important;margin-block:16px 24px!important}
.library-page .library-hero p{max-width:900px!important}
.library-page .library-stats{padding-top:24px;border-top:1px solid var(--lh-border-color);gap:40px}
.library-page .library-stats strong{color:var(--lh-heading-color);font-size:32px!important;font-weight:500!important;line-height:1.2}
.library-page .library-nav a{background:#fff!important;border:0!important;border-bottom:1px solid var(--lh-border-color)!important;border-radius:0!important;color:var(--lh-text-color)!important;padding:8px 0!important;margin-right:20px}
.library-page .library-section{border-color:var(--lh-border-color)!important;margin-top:40px;padding-top:40px}
.library-page .library-grid{gap:40px 24px}
.library-page .film-card{border:0!important;background:#fff!important}
.library-page .film-visual{border-radius:8px!important;background:#f5f5f5!important}
.library-page .film-visual span{background:#fff!important;color:var(--lh-text-color)!important;box-shadow:0 2px 10px #0002}
.library-page .film-copy{padding:16px 0 0!important}
.library-page .film-copy details{border-color:var(--lh-border-color)!important}
.library-page .film-links a{color:var(--lh-text-color)!important}
.library-page .library-help{background:#f5f5f5!important;border-radius:8px;color:var(--lh-text-color)!important}
.film-dialog{font-family:var(--lh-font-family)!important;background:white!important;color:var(--lh-text-color)!important;border-radius:8px}
.film-dialog :is(h2,p,button,select){font-family:var(--lh-font-family)!important}
.film-dialog h2{font-size:var(--lh-h2)!important;font-weight:600!important;line-height:var(--lh-h2-line)!important;letter-spacing:0!important;color:var(--lh-heading-color)!important}
.film-dialog :is(p,select){font-size:var(--lh-text-size)!important;line-height:var(--lh-text-line)!important}
.film-dialog button{font-size:var(--lh-button-size)!important;font-weight:600!important;border-radius:30px!important}
.article-body .article-video-block{background:#f5f5f5!important;border-color:var(--lh-brand-green)!important}
.video-page .video-actions a,.video-page .video-chapters button{font-family:var(--lh-font-family)!important}
@media(max-width:999px){.library-page .library-stats{gap:24px}.library-page .library-section{margin-top:32px;padding-top:32px}.library-page .library-grid{gap:32px 20px}main .article-video-figure h4{font-size:18px!important}main .article-video-block>h3{font-size:21px!important;line-height:1.3!important}}
@media(prefers-reduced-motion:reduce){main{scroll-behavior:auto}main *{scroll-behavior:auto!important}}

/* Rich-text components use the same heading roles as Shopify .rte; player labels remain UI text. */
main .article-body .article-video-block>h3{font-size:var(--lh-card-title)!important;font-weight:500!important;line-height:var(--lh-h4-line)!important}
main .article-body .article-video-figure h4{font-size:18px!important;font-weight:600!important;line-height:1.73333!important}
main.lh-watch-page :is(.lh-watch-meta,.lh-watch-caption),main.video-page .watch-meta,main.video-page .watch-caption{font-size:var(--lh-small)!important;line-height:1.69231!important}
/* One noindex maintenance utility has no storefront main element. Keep its download script untouched. */
body.academy-utility :is(div,p,button,select,input){font-family:var(--lh-font-family)!important;font-size:var(--lh-text-size)!important;line-height:var(--lh-text-line)!important}
body.academy-utility header{background:var(--lh-brand-green)}
body.academy-utility h1{font-family:var(--lh-font-family)!important;font-weight:500!important;font-size:var(--lh-h1)!important;line-height:var(--lh-h1-line)!important;letter-spacing:var(--lh-h1-letter)!important}

/* Image notes are inset reading blocks, not edge-to-edge labels. */
main.article-page > .article-hero > figcaption,
main .article-body figure:not(.article-video-figure) > figcaption{
 box-sizing:border-box;margin:0!important;padding:16px 24px 20px!important;
 font-size:var(--lh-small)!important;line-height:1.7!important;color:#555;
 overflow-wrap:anywhere;
}
main.article-page > .article-hero > figcaption > :first-child,
main .article-body figure:not(.article-video-figure) > figcaption > :first-child{margin-top:0!important}
main.article-page > .article-hero > figcaption > :last-child,
main .article-body figure:not(.article-video-figure) > figcaption > :last-child{margin-bottom:0!important}
main.article-page > :is(.article-heading,.article-hero){margin-bottom:32px!important}
main .article-body figure:not(.article-video-figure){margin-block:24px 32px}
main .article-body > h2:first-child,
main .article-body > section:first-child > h2:first-child{margin-top:0!important}
@media(max-width:740px){
 main.article-page > .article-hero > figcaption,
 main .article-body figure:not(.article-video-figure) > figcaption{padding:14px 16px 18px!important}
 main.article-page > :is(.article-heading,.article-hero){margin-bottom:24px!important}
 main .article-body figure:not(.article-video-figure){margin-block:20px 24px}
}


/* components */
/* Rules shared by every page of the theme. Page-specific rules live in snippets/ (see theme.json). */

/* fixes */
/* ShopXN Academy theme fixes, 2026-10-17. Each block names the layout issue it closes
   (see Academy迁入SaaS-分析与计划-20261017.md, section 2.B). Scoped to article pages. */

/* A3: on desktop the prose column ran 1000px wide (~130 characters a line). Prose now keeps a
   readable measure; tables, figures and videos keep the full column width. */
@media (min-width: 900px) {
  .article-page .article-body > p,
  .article-page .article-body > ul,
  .article-page .article-body > ol,
  .article-page .article-body > h2,
  .article-page .article-body > h3,
  .article-page .article-body > h4,
  .article-page .article-body .article-video-block > p { max-width: 40rem; }
  /* brand-system sets main p/li/td sizes through --lh-text-size with !important, so set the variable. */
  .article-page .article-body > p,
  .article-page .article-body > ul li,
  .article-page .article-body > ol li { --lh-text-size: 16px; line-height: 1.75; }
}

/* A5: body text was 14px on phones. */
@media (max-width: 899px) {
  .article-page .article-body > p,
  .article-page .article-body > ul li,
  .article-page .article-body > ol li,
  .article-page .article-heading .lead { --lh-text-size: 16px; font-size: 16px; line-height: 1.7; }
}

/* A2: on phones the announcement bar, header and green CTA stayed pinned (~168px, a fifth of the
   screen). The storefront shell now scrolls away on phones; desktop keeps the sticky header. */
@media (max-width: 899px) {
  body > lh-storefront-chrome[part="header"] { position: relative; top: auto; }
  .article-page .article-body h2[id],
  .article-page .article-body h3[id] { scroll-margin-top: 16px; }
}

/* A1a: one table style for every article. Before, only some articles carried these rules inline,
   so tables looked different from page to page (rules taken from the T01 article). */
.article-page .article-body .table-scroll,
.article-page .article-body .depth-scroll { overflow-x: auto; max-width: 100%; margin: 1.4rem 0; }
.article-page .article-body table { min-width: 600px; width: 100%; border-collapse: collapse; }
.article-page .article-body th,
.article-page .article-body td { padding: .8rem; border: 1px solid #d7e0db; text-align: left; vertical-align: top; }
.article-page .article-body th { background: #eef5ef; }
.article-page .article-body .table-reading-note { font-size: 14px; color: #555; }

/* A1: comparison tables were 600-760px wide inside a 342px column, so the last column was hidden
   with no cue. The first column now stays in view, cells are narrower, and the edge shadows plus
   a hint show that the table scrolls. */
@media (max-width: 899px) {
  .article-page .article-body .table-scroll,
  .article-page .article-body .depth-scroll {
    overflow-x: auto; -webkit-overflow-scrolling: touch;
    background:
      linear-gradient(to right, #fff 30%, rgba(255,255,255,0)) left / 24px 100% no-repeat local,
      linear-gradient(to left, #fff 30%, rgba(255,255,255,0)) right / 24px 100% no-repeat local,
      radial-gradient(farthest-side at 0 50%, rgba(0,0,0,.16), transparent) left / 12px 100% no-repeat scroll,
      radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.16), transparent) right / 12px 100% no-repeat scroll;
  }
  .article-page .article-body .table-scroll table,
  .article-page .article-body .depth-scroll table { min-width: 0; width: max-content; max-width: none; background: transparent; }
  .article-page .article-body table th,
  .article-page .article-body table td { min-width: 10rem; max-width: 13rem; --lh-text-size: 14px; font-size: 14px; line-height: 1.5; padding: .65rem; }
  .article-page .article-body table tr > :first-child {
    position: sticky; left: 0; z-index: 1; min-width: 7.5rem; max-width: 8.5rem;
    background: #eef5ef; box-shadow: 1px 0 0 #d7e0db;
  }
  .article-page .article-body [data-scroll-hint]::before {
    content: attr(data-scroll-hint); display: block; position: sticky; left: 0;
    padding: 0 0 6px; font-size: 13px; color: #56645c;
  }
}

/* A4: the table of contents is collapsible. Desktop keeps it open and sticky; phones start closed
   (js/toc.js) so the article starts on the first screen. Without JavaScript it stays open. */
.article-page .toc summary { list-style: none; }
.article-page .toc summary::-webkit-details-marker { display: none; }
@media (min-width: 900px) { .article-page .toc summary { pointer-events: none; } }
@media (max-width: 899px) {
  .article-page .toc { padding: 0; }
  .article-page .toc summary { cursor: pointer; padding: 16px 20px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .article-page .toc summary h2 { margin: 0 !important; }
  .article-page .toc summary::after { content: ""; width: 9px; height: 9px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); margin-top: -4px; flex: none; }
  .article-page .toc details[open] summary::after { transform: rotate(-135deg); margin-top: 4px; }
  .article-page .toc details > a { margin: 0 20px; }
  .article-page .toc details[open] { padding-bottom: 12px; }
}