.brand,.brand span{color:var(--green)}
.article-content{line-height:1.62}
.article-content p{margin-bottom:12px}
.article-content h2{margin:30px 0 12px}
.article-content h3{margin:22px 0 10px}
.article-content h4{margin:20px 0 8px}
.article-content figure{margin:18px 0}
.article-content ul,.article-content ol{margin-bottom:14px}
.article-content blockquote{padding:16px 20px;margin:14px 0 20px;line-height:1.6}
.card-copy p,.hero-description,.footer-grid p{line-height:1.65}
.toc-links a[aria-current="location"]{color:var(--green);font-weight:600}
.toc details{max-height:calc(100vh - 60px);overflow-y:auto;scrollbar-width:thin}
.content-split{grid-template-columns:var(--split-columns,1fr 1fr);gap:28px;align-items:start;margin-block:20px}
.content-column,.content-column[data-align]{min-width:0;text-align:left}
.content-column>:first-child{margin-top:0}
/* Migrated title separators: give the text priority and share only leftover space. */
.article-content .legacy-gallery:has(>.content-column:first-child>hr.legacy-divider:only-child):has(>.content-column:nth-child(2)>:is(h2,h3,h4,h5,h6):only-child):has(>.content-column:nth-child(3):last-child>hr.legacy-divider:only-child){
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,max-content) minmax(0,1fr);gap:0;align-items:center
}
.article-content .legacy-gallery:has(>.content-column:first-child>hr.legacy-divider:only-child):has(>.content-column:nth-child(2)>:is(h2,h3,h4,h5,h6):only-child):has(>.content-column:nth-child(3):last-child>hr.legacy-divider:only-child)>.content-column{
  min-width:0
}
.article-content .legacy-gallery:has(>.content-column:first-child>hr.legacy-divider:only-child):has(>.content-column:nth-child(2)>:is(h2,h3,h4,h5,h6):only-child):has(>.content-column:nth-child(3):last-child>hr.legacy-divider:only-child) :is(h2,h3,h4,h5,h6){
  margin:0;text-align:center;overflow-wrap:anywhere
}
.article-content .legacy-gallery:has(>.content-column:first-child>hr.legacy-divider:only-child):has(>.content-column:nth-child(2)>:is(h2,h3,h4,h5,h6):only-child):has(>.content-column:nth-child(3):last-child>hr.legacy-divider:only-child) :is(h2,h3,h4,h5,h6) a{
  font-size:inherit
}
.article-content .legacy-gallery:has(>.content-column:first-child>hr.legacy-divider:only-child):has(>.content-column:nth-child(2)>:is(h2,h3,h4,h5,h6):only-child):has(>.content-column:nth-child(3):last-child>hr.legacy-divider:only-child) hr{
  height:1px;width:100%;min-width:0;margin:0;border:0;background:linear-gradient(to left,transparent 12px,var(--line) 12px)
}
.article-content .legacy-gallery:has(>.content-column:first-child>hr.legacy-divider:only-child):has(>.content-column:nth-child(2)>:is(h2,h3,h4,h5,h6):only-child):has(>.content-column:nth-child(3):last-child>hr.legacy-divider:only-child)>.content-column:last-child hr{
  background:linear-gradient(to right,transparent 12px,var(--line) 12px)
}
.product-gallery,.legacy-gallery{--gallery-columns:3;gap:14px;margin:22px 0}
.regular-gallery{display:grid;grid-template-columns:repeat(var(--gallery-columns),minmax(0,1fr));align-items:start}
.masonry-gallery{display:block;column-count:var(--gallery-columns);column-gap:14px}
.masonry-gallery>.masonry-item{display:inline-block;vertical-align:top;width:100%;break-inside:avoid;margin:0 0 14px}
.masonry-gallery.masonry-ready{position:relative;column-count:auto}
.masonry-ready>.masonry-item{position:absolute;top:0;left:0;margin:0}
.masonry-item{min-width:0}
.product-tile{display:block;position:relative;overflow:hidden;background:white;color:white!important;border-radius:2px;isolation:isolate}
.product-tile img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;transition:transform .35s}
.masonry-gallery img{aspect-ratio:auto;object-fit:contain;width:100%;height:auto}
.product-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgb(13 196 62 / 82%);color:white;padding:22px 16px;text-align:center;opacity:0;transition:opacity .3s;overflow:auto}
.product-overlay-action{display:block;width:100%;padding-bottom:10px;border-bottom:1px solid rgb(255 255 255 / 65%);font-size:13px;line-height:1.35}
.product-overlay-title{font-size:17px;line-height:1.3;font-weight:600;letter-spacing:-.015em}
.product-overlay-units{font-size:13px;line-height:1.3}
.product-overlay-details{font-size:11px;line-height:1.4}
.product-tile:hover .product-overlay,.product-tile:focus-visible .product-overlay{opacity:1}
.product-tile:hover img{transform:scale(1.025)}
.product-tile:hover{text-decoration:none!important}
.image-carousel{min-width:0;position:relative;margin:18px 0;background:white}
.carousel-track{position:relative;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch}
.carousel-track::-webkit-scrollbar{display:none}
.article-content .carousel-slide{flex:0 0 calc((100% - (var(--slides-visible,1) - 1)*12px)/var(--slides-visible,1));min-width:0;scroll-snap-align:start;margin:0}
.carousel-slide a{display:block}
.carousel-slide img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.carousel-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:12px}
.carousel-controls[hidden]{display:none}
.carousel-controls button{background:none;border:0;color:var(--green);padding:4px;min-width:28px;min-height:28px;font-size:18px;line-height:1}
.carousel-dots{display:flex;flex-wrap:wrap;gap:5px;align-items:center;justify-content:center}
.carousel-dots button{min-width:18px;min-height:24px;padding:5px}
.carousel-dots button::after{content:'';display:block;width:7px;height:7px;border-radius:50%;background:var(--line)}
.carousel-dots button[aria-current="true"]::after{background:var(--green)}
.carousel-controls .carousel-pause{font-size:15px;border-left:1px solid var(--line);padding-left:12px}
.content-column>.image-carousel{margin-top:0}
@media(max-width:800px){.product-gallery,.legacy-gallery{--gallery-columns:2}.content-split{grid-template-columns:var(--split-columns,1fr 1fr);gap:20px}}
@media(max-width:600px){.content-split{grid-template-columns:1fr;gap:16px}.image-carousel{--slides-visible:1!important}.toc details{max-height:none;overflow:visible}.toc-links{gap:8px}.content-column[data-align]{text-align:left}}
@media(max-width:480px){.product-gallery{--gallery-columns:1}.regular-gallery{--gallery-columns:1}.legacy-gallery.regular-gallery{--gallery-columns:2}}
@media(hover:none){.product-overlay{inset:auto 0 0;opacity:1;gap:5px;padding:12px;background:rgb(13 196 62 / 86%)}.product-overlay-action{font-size:11px;padding-bottom:5px}.product-overlay-title{font-size:14px}.product-overlay-units{font-size:12px}.product-overlay-details{font-size:10px}.product-tile img{padding-bottom:95px}}
@media(prefers-reduced-motion:reduce){.product-overlay,.product-tile img{transition:none}.product-tile:hover img{transform:none}}

.site-name,.footer-grid .site-name{text-transform:none}

.site-header .brand{font-size:35px}
.site-footer .brand{font-size:29px}
.home-selection{border-bottom:1px solid var(--line)}
.selection-intro{max-width:850px;color:var(--muted);font-size:15px;line-height:1.65}
.selection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:32px}
.selection-grid article{border-top:2px solid var(--green);padding-top:22px;min-width:0}
.selection-grid h3{font-size:23px;line-height:1.25}
.selection-grid p{margin-top:14px;font-size:14px;line-height:1.65;color:var(--muted)}
.selection-grid .text-link{margin-top:18px;line-height:1.5;color:var(--ink)}
.selection-grid .text-link:hover{color:var(--green)}
.home-questions{max-width:850px;margin-top:48px}
.home-questions h2{font-size:clamp(1.7rem,2.5vw,2.2rem);margin-bottom:22px}
.home-questions details{border-top:1px solid var(--line)}
.home-questions details:last-child{border-bottom:1px solid var(--line)}
.home-questions summary{display:flex;justify-content:space-between;gap:20px;padding:18px 0;font-size:15px;font-weight:500;line-height:1.5}
.home-questions summary::after{content:'+';color:var(--green);font-size:22px;line-height:1;flex-shrink:0}
.home-questions details[open] summary::after{content:'−'}
.home-questions details p{padding:0 0 20px;color:var(--muted);font-size:14px;line-height:1.65}
.home-questions a,.home-size-note a{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
.home-questions a:hover,.home-size-note a:hover{color:var(--green)}
.original-home>h2{font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:16px}
.home-size-note{max-width:850px;font-size:14px;line-height:1.65;color:var(--muted);margin-bottom:24px}
@media(max-width:800px){.site-header .brand{font-size:30px}.selection-grid{grid-template-columns:1fr;gap:28px}.home-hero .hero-copy h1{font-size:clamp(2.5rem,7vw,4rem)}}
@media(max-width:480px){.site-header .brand{font-size:27px}.home-hero .hero-copy h1{font-size:clamp(2.2rem,9.1vw,2.8rem)}.home-questions summary{font-size:14px}}
