/* Shared internal-page design, based on the approved red/graphite homepage. */
.internal-page{padding-top:34px;padding-bottom:70px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:36px}.breadcrumbs a{color:var(--red)}.page-heading{max-width:950px;margin-bottom:44px}.page-heading h1{font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;font-size:clamp(36px,4.5vw,64px);line-height:1.07;letter-spacing:-.035em;margin:15px 0 23px}.page-lead{font-size:19px;line-height:1.65;color:var(--muted);max-width:850px}.page-columns{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:74px;align-items:start}.article-body{min-width:0;font-size:16px;line-height:1.8;max-width:850px}.article-body h2{font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;font-size:32px;line-height:1.2;margin:0 0 18px;letter-spacing:-.02em}.article-body section{margin-bottom:36px;scroll-margin-top:24px}.article-body p{margin:0 0 18px}.article-body a{color:var(--red);text-underline-offset:4px}.article-body .button{color:#fff;font-size:14px}.article-body img{display:block;width:100%;height:auto;border-radius:13px}.article-body figure{margin:24px 0 36px}.article-body figcaption{font-size:13px;color:var(--muted);margin-top:10px}.article-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:34px}.article-pair figure{margin:0}.article-pair img{aspect-ratio:4/3;object-fit:contain;background:var(--paper)}.instruction-figure{max-width:440px}.article-body video{width:100%;border-radius:16px;background:var(--navy)}.article-toc{background:var(--paper);border-left:3px solid var(--red);padding:24px 28px;margin-bottom:40px;border-radius:0 12px 12px 0;display:flex;flex-direction:column;gap:8px;font-size:14px}.article-toc strong{font-size:15px;margin-bottom:4px}.page-aside{background:var(--paper);border-radius:18px;padding:26px;position:sticky;top:22px}.page-aside figure{margin:0 0 25px}.page-aside img{width:100%;max-height:255px;object-fit:contain}.page-aside h2{font-size:29px;line-height:1.2;margin-bottom:15px}.page-aside p{font-size:14px;line-height:1.7;color:var(--muted)}.page-aside .button{font-size:12px;padding:16px 18px;min-height:54px;display:flex;margin-top:22px;white-space:normal}.aside-contact{display:block;margin-top:18px;font-size:17px;font-family:'Roboto Condensed'}.aside-label{font-size:23px;font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;color:var(--red);padding-bottom:30px}.aside-label span{display:block;font-size:13px;color:var(--muted);margin-top:4px}.related-links{display:flex;flex-wrap:wrap;gap:14px 25px;margin-top:42px;border-top:1px solid var(--line);padding-top:26px;font-size:14px;line-height:1.5}.related-links a{color:var(--red)}.inner-order{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:70px;padding:50px;background:var(--paper);border-radius:24px}.inner-order h2{font-size:40px;line-height:1.15;margin:16px 0 20px}.inner-order p{font-size:16px;line-height:1.75;color:var(--muted)}.inner-order>div>a{display:block;margin-top:25px;font-size:24px;font-family:'Roboto Condensed'}.inner-order .order-form{box-shadow:none;background:#fff;border:1px solid var(--line)}.page-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.page-card{background:var(--paper);border-radius:16px;padding:28px;display:flex;flex-direction:column;border:1px solid transparent;transition:border-color .2s}.page-card:hover{border-color:var(--red);text-decoration:none}.page-card>span{font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;font-size:25px;line-height:1.2}.page-card p{font-size:14px;line-height:1.7;color:var(--muted);margin:18px 0}.page-card b{color:var(--red);font-size:24px;margin-top:auto;font-weight:400}.legal-body{max-width:920px}.legal-body h2{margin-top:35px}.site-entry h2{font-size:38px;line-height:1.2}.site-entry .related-links{margin-top:25px}.site-entry{padding-block:55px}
@media(max-width:1100px){.page-columns{gap:35px;grid-template-columns:minmax(0,1fr) 240px}.page-aside{padding:22px}.inner-order{gap:30px;padding:32px}.page-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.internal-page{padding-top:22px;padding-bottom:40px}.breadcrumbs{font-size:11px;margin-bottom:25px}.page-heading{margin-bottom:30px}.page-heading h1{font-size:39px;overflow-wrap:anywhere}.page-lead{font-size:16px}.page-columns{display:block}.article-body{font-size:16px;line-height:1.75}.article-body h2{font-size:29px}.article-toc{padding:20px;font-size:13px}.page-aside{position:static;margin-top:35px}.page-aside figure{max-width:220px;margin-inline:auto}.article-pair{gap:12px}.article-pair figcaption{font-size:11px}.inner-order{display:block;padding:24px 18px;margin-top:40px}.inner-order h2{font-size:34px}.inner-order .order-form{margin-top:30px;padding:24px 18px}.page-card-grid{grid-template-columns:1fr;gap:16px}.page-card{padding:25px}.related-links{gap:15px;font-size:13px}.site-entry h2{font-size:32px}}
.page-primary-action{margin:-15px 0 38px}.page-primary-action .button{font-size:14px;min-height:56px}@media(max-width:700px){.page-primary-action{margin:-5px 0 30px}.page-primary-action .button{width:100%;display:flex}.page-columns.has-order{display:flex;flex-direction:column}.page-columns.has-order .page-aside{order:-1;width:100%;margin:0 0 30px}}
/* Article components: factual cover, readable lists, comparison tables and source captions. */
.guide-hero{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:58px;align-items:center;margin-bottom:38px}.guide-hero .page-heading{margin-bottom:20px}.guide-hero h1{font-size:clamp(36px,4vw,56px)}.guide-cover{margin:0;padding:22px;background:var(--paper);border-radius:16px}.guide-cover img{display:block;width:100%;max-height:260px;object-fit:contain}.guide-cover figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px}.article-byline{font-size:13px;color:var(--muted);line-height:1.6}.article-body h3{font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;font-size:23px;line-height:1.3;margin:25px 0 12px}.article-body ul,.article-body ol{padding-left:24px;margin:18px 0 26px}.article-body li{padding-left:3px;margin:10px 0}.article-table{max-width:100%;overflow-x:auto;margin:24px 0 32px;border:1px solid var(--line);border-radius:12px}.article-body table{width:100%;min-width:540px;border-collapse:collapse;font-size:14px;line-height:1.65}.article-body th,.article-body td{text-align:left;vertical-align:top;padding:16px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.article-body th{background:var(--paper);font-weight:700}.article-body caption{text-align:left;padding:16px;font-weight:700}.article-body a{overflow-wrap:anywhere}.hub-group{margin-bottom:52px}.hub-group>h2{font-size:36px;line-height:1.2;margin:0 0 24px}.article-body :is(h2,h3){scroll-margin-top:24px}.article-table:focus-visible{outline:3px solid var(--red);outline-offset:3px}
@media(max-width:800px){.guide-hero{grid-template-columns:1fr;gap:20px}.guide-cover{max-width:320px;width:100%;margin:0 auto;padding:18px}.guide-cover img{max-height:160px}.guide-hero h1{font-size:39px}.guide-hero .page-lead{font-size:17px}.article-pair{grid-template-columns:1fr}.article-pair img{max-height:350px}.hub-group>h2{font-size:30px}.article-body th,.article-body td{padding:12px}.guide-hero .breadcrumbs{margin-bottom:24px}}

.article-document{max-width:480px}

/* V15: contextual backgrounds in the article hub; real case evidence stays in articles. */
.brand-canister{display:block;flex:0 0 44px;width:44px;height:58px;object-fit:contain;margin-right:12px}
.hub-group .page-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.picture-card{position:relative;isolation:isolate;overflow:hidden;min-height:330px;background:#eeeee8;padding:32px;border:1px solid #dddcd5}
.picture-card .card-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2;transition:transform .3s ease}
.picture-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(250,249,245,.98) 0%,rgba(250,249,245,.96) 34%,rgba(250,249,245,.88) 57%,rgba(250,249,245,.18) 100%)}
.card-copy{display:flex;flex-direction:column;align-items:flex-start;min-height:100%;width:77%;max-width:410px}
.card-copy>span{font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;font-size:29px;line-height:1.15;letter-spacing:-.02em;color:#242522}
.card-copy p{color:#42443f;font-size:14px;line-height:1.7;margin:20px 0 24px}
.card-copy b{margin-top:auto;background:#fff;border:1px solid #dedbd3;border-radius:50%;width:38px;height:38px;display:grid;place-items:center}
.picture-card:hover .card-backdrop{transform:scale(1.025)}
.picture-card:focus-visible{outline:3px solid var(--red);outline-offset:4px}
@media(max-width:800px){.hub-group .page-card-grid{grid-template-columns:1fr}.picture-card{min-height:320px;padding:26px}.card-copy{width:80%}.card-copy>span{font-size:28px}.brand-canister{width:35px;height:46px;flex-basis:35px;margin-right:9px}}
@media(max-width:390px){.picture-card{padding:22px}.card-copy{width:92%}.picture-card:after{background:linear-gradient(90deg,rgba(250,249,245,.98),rgba(250,249,245,.9) 65%,rgba(250,249,245,.6))}.card-copy>span{font-size:26px}}
@media(prefers-reduced-motion:reduce){.picture-card .card-backdrop{transition:none}.picture-card:hover .card-backdrop{transform:none}}

.shipment-section{margin-top:60px;padding-bottom:40px}.shipment-section.section{margin-top:0;padding-top:24px;padding-bottom:70px}.shipment-section h2{font-family:'Roboto Condensed',Arial,sans-serif;font-size:clamp(32px,4vw,46px);line-height:1.12;margin:18px 0}.shipment-intro{max-width:780px;font-size:17px;line-height:1.75;color:var(--muted);margin:0 0 30px}.shipment-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:22px}.shipment-grid figure{margin:0;min-width:0}.shipment-grid a{display:block;background:var(--paper);border-radius:15px;overflow:hidden}.shipment-grid img{display:block;width:100%;height:360px;object-fit:contain}.shipment-grid figure:first-child img{object-fit:cover}.shipment-grid figcaption{font-size:14px;line-height:1.6;margin-top:13px;color:var(--muted)}.shipment-hint{font-size:12px;color:var(--muted);margin-top:20px}.shipment-grid a:focus-visible{outline:3px solid var(--red);outline-offset:4px}
@media(max-width:800px){.shipment-grid{grid-template-columns:1fr 1fr;gap:22px 15px}.shipment-grid figure:first-child{grid-column:1/-1}.shipment-grid figure:first-child img{height:auto}.shipment-grid img{height:310px}.shipment-intro{font-size:16px}.shipment-section.section{padding-bottom:45px}}
@media(max-width:420px){.shipment-grid{grid-template-columns:1fr}.shipment-grid img{height:auto;max-height:480px}.shipment-grid figcaption{margin-top:10px}.shipment-section{margin-top:40px}.shipment-section h2{font-size:34px}}

.compatibility-note{font-size:13px;line-height:1.7;max-width:580px;margin:22px 0 0;color:#e0ded7}.compatibility-note a{color:#fff;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}

.section-purchase{margin-top:30px}.section-purchase.center{text-align:center}.section-purchase .button{max-width:100%}@media(max-width:600px){.section-purchase .button{width:100%}}

.page-purchase{display:flex;justify-content:space-between;gap:36px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:34px;margin-top:48px}.page-purchase>div{max-width:660px}.page-purchase h2{font-family:'Roboto Condensed',Arial,sans-serif;font-size:34px;line-height:1.15;margin:12px 0}.page-purchase p{font-size:16px;line-height:1.7;color:var(--muted);margin:0}.page-purchase .button{flex-shrink:0}@media(max-width:800px){.page-purchase{flex-direction:column;align-items:stretch;padding:25px;gap:24px}.page-purchase .button{width:100%;white-space:normal}.page-purchase h2{font-size:31px}}

/* V20: compact readable shared footer and address beside the order form. */
.site-footer{background:#eeebe5;border-top:1px solid #d4cec4}
.site-footer .footer-main{grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:32px;padding-top:34px;padding-bottom:28px}
.site-footer .footer-about .brand{font-size:25px;gap:10px}.site-footer .footer-about .brand small{font-size:8px}.site-footer .footer-about>p{font:13px/1.65 Roboto,Arial,sans-serif;margin:15px 0 0;color:#55534e}.site-footer .footer-about .footer-phone{display:block;font-family:'Roboto Condensed',Arial,sans-serif;font-size:25px;line-height:1.2;font-weight:650;color:var(--ink);margin-top:17px}.site-footer .footer-email{display:inline-block;font-size:14px;margin-top:8px;color:var(--ink)}.site-footer .footer-about .footer-address{font-size:13px;margin-top:12px}
.site-footer .footer-column{gap:10px}.site-footer .footer-main h3{font-family:'Roboto Condensed',Arial,sans-serif;font-size:20px;font-weight:650;line-height:1.2;margin:7px 0 8px;letter-spacing:-.015em}.site-footer .footer-column>a{font:14px/1.5 Roboto,Arial,sans-serif;color:#45443f}.site-footer .footer-column>a:hover{color:var(--red);text-decoration:underline;text-underline-offset:3px}.site-footer .footer-documents{padding-left:23px;border-left:1px solid #d4cec4}.site-footer .footer-documents>a{color:#252621;text-decoration:underline;text-decoration-color:#b7b0a5;text-underline-offset:4px}.site-footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:22px;border-top:1px solid #d4cec4;padding:17px 0}.site-footer .footer-bottom>p{font:12px/1.7 Roboto,Arial,sans-serif;color:#53514c}.site-footer .footer-bottom>p span{display:block}.site-footer .site-credit img{width:19px;height:19px}.site-footer .site-credit a{font:12px/1.5 Roboto,Arial,sans-serif}
.order-location{margin-top:25px;border:1px solid #d9d5cd;border-radius:14px;overflow:hidden;background:#fff}.location-heading{padding:17px 18px}.location-heading .eyebrow{font-size:10px}.order-location .location-heading p{font:15px/1.5 Roboto,Arial,sans-serif;color:var(--ink);margin:9px 0}.order-location .location-heading a{font-size:12px;color:var(--red);text-decoration:underline;text-underline-offset:3px}.order-location iframe{display:block;width:100%;height:255px;border:0;background:var(--paper)}.order-location .location-note{font:12px/1.6 Roboto,Arial,sans-serif;color:#65615b;padding:12px 18px;margin:0}
@media(max-width:1000px){.site-footer .footer-main{grid-template-columns:1.25fr 1fr;gap:26px 40px}.site-footer .footer-documents{padding-left:0;border-left:0}.site-footer .footer-bottom{align-items:flex-start}}
@media(max-width:600px){.site-footer .footer-main{grid-template-columns:1fr 1fr;gap:25px 18px;padding-top:25px;padding-bottom:25px}.site-footer .footer-about{grid-column:1/-1;padding-bottom:21px;border-bottom:1px solid #d4cec4}.site-footer .footer-about .brand{font-size:25px}.site-footer .footer-about>p{margin-top:12px}.site-footer .footer-documents{grid-column:1/-1;border-top:1px solid #d4cec4;padding-top:18px;gap:12px}.site-footer .footer-main h3{font-size:20px;margin:0 0 5px}.site-footer .footer-column>a{font-size:14px}.site-footer .footer-documents br{display:none}.site-footer .footer-bottom{flex-direction:column;gap:14px;padding:17px 0}.order-location iframe{height:240px}.order-location .location-heading p{font-size:14px}}

.order-location .location-heading .location-shipping{font-size:13px;color:var(--muted);margin:9px 0 11px}.carrier-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:13px}.carrier-list span{font:11px/1.4 Roboto,Arial,sans-serif;border:1px solid var(--line);background:var(--paper);border-radius:5px;padding:5px 7px}

.home-articles{padding-bottom:35px}.home-articles-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:30px}.home-articles-heading h2{font-size:clamp(32px,3.3vw,45px);margin-top:14px}.home-articles-heading>a{flex-shrink:0;font-size:14px;color:var(--red);text-decoration:underline;text-underline-offset:4px}.home-article-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.home-article-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff}.home-article-card:hover{border-color:var(--red);text-decoration:none}.home-article-card>img{display:block;width:100%;height:175px;object-fit:cover;background:var(--paper)}.home-article-card>div{display:flex;flex-direction:column;flex:1;padding:20px}.home-article-card h3{font-size:25px;line-height:1.16;margin:0 0 14px}.home-article-card p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 20px}.article-read{display:block;margin-top:auto;color:var(--red);font-size:13px;font-weight:600}.home-article-card:focus-visible{outline:3px solid var(--red);outline-offset:4px}
@media(max-width:1000px){.home-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-article-card>img{height:200px}}
@media(max-width:600px){.home-articles-heading{display:block}.home-articles-heading>a{display:inline-block;margin-top:18px}.home-article-grid{grid-template-columns:1fr;gap:20px}.home-article-card>img{height:200px}.home-article-card h3{font-size:27px}.home-articles{padding-bottom:15px}}

/* Editorial explanatory diagrams use the accepted palette and keep readable scale. */
.article-body .article-diagram{max-width:600px;margin:28px auto 36px}
.article-body .article-diagram img{height:auto;object-fit:contain}