/* home: the deck hero */
.\#deck-hero{padding:26px 0 40px}
.\#deck-hero-head{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;margin-bottom:20px}
@media (min-width:1180px){.\#deck-hero-head{grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:40px}.\#deck-hero-head .\#hero-kicker{grid-column:1/-1}.\#deck-hero-head .\#hero-subheading{max-width:60ch;margin-bottom:.45em}}
.\#deck-hero-head .\#hero-heading{font-size:clamp(2rem,3.4vw,3rem);margin:0}
.\#deck-hero-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
@media (max-width:991px){.\#deck-hero-panels{grid-template-columns:minmax(0,1fr)}}
.\#deck-panel{border-radius:14px;padding:18px}
@media (max-width:400px){.\#deck-panel{padding:12px}}
.\#deck-panel.color-scheme-invert{background-color:#0C1110;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 1 55 16.5v31L28 63 1 47.5v-31z M28 63v34' fill='none' stroke='%233BE35A' stroke-opacity='.08' stroke-width='1.2'/%3E%3C/svg%3E");background-size:56px 97px}
.\#deck-panel.color-scheme-accent2{background:#E9EEF5;border:1px solid #D5DDE8}
.\#deck-panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.\#deck-panel-title{font-size:1.2rem;margin:0}
.\#deck-panel-name{display:inline-block;padding:2px 10px;margin-right:6px;border-radius:999px;font-size:.92rem}
.\#deck-panel.\@deck\:play .\#deck-panel-name{background:#3BE35A;color:#06210D}
.\#deck-panel.\@deck\:present .\#deck-panel-name{background:#2456D6;color:#fff}
.\#deck-panel-more{display:inline-flex;align-items:center;gap:4px;font-weight:600;font-size:.92rem}
.\#deck-panel.\@deck\:present .\#deck-panel-more{color:#1A43AE}
.\#deck-panel .\#product-card-media .\#media{aspect-ratio:4/3}
.\#deck-panel .\#product-card-caption{padding:12px 14px 14px;gap:6px}
.\#deck-panel .\#product-card-line{display:none}
/* fit check */
.\#fit-check{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);grid-auto-rows:auto;gap:8px 32px;align-items:start}
.\#fit-item{display:contents}
.\#fit-pad{grid-column:1;display:flex;align-items:center;min-height:46px;padding:0 18px;border:1px solid #2C3A36;border-radius:8px;cursor:pointer;font-weight:600;background:#141B19;color:#EEF5F0}
.\#fit-pad:hover{border-color:#3BE35A}
.\#fit-input:checked + .\#fit-pad{background:#3BE35A;color:#06210D;border-color:#3BE35A}
.\#fit-input:focus-visible + .\#fit-pad{outline:3px solid #8FB0FF;outline-offset:2px}
.\#fit-answer{grid-column:2;grid-row:1/span 8;padding:26px 28px;border-radius:12px;background:#141B19;border:1px solid #2C3A36;min-height:100%}
.\#fit-input:not(:checked) ~ .\#fit-answer{display:none}
.\#fit-name{font-family:var(--glob-mono-family);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:#A9BAB2;margin:0 0 10px}
.\#fit-verdict{display:flex;align-items:center;gap:10px;font-family:var(--glob-heading-family);font-weight:700;font-size:clamp(1.4rem,2.2vw,2rem);margin:0 0 10px}
.\#fit-verdict.\@fits{color:#3BE35A}
.\#fit-verdict.\@nofit{color:#FF7A70}
.\#fit-note{max-width:60ch;margin:0;color:#C7D3CD}
.\#fit-more{margin:22px 0 0}
@media (max-width:991px){
  .\#fit-check{grid-template-columns:repeat(2,minmax(0,1fr))}
  .\#fit-pad{grid-column:auto}
  .\#fit-answer{grid-column:1/-1;grid-row:20}
}
.\#fit-yes{display:inline-flex;align-items:center;gap:6px;color:#1F9E3A;font-weight:600}
.\#fit-no{display:inline-flex;align-items:center;gap:6px;color:#C2362C;font-weight:600}
.\#fit-mini{margin-top:20px;font-weight:600}
/* capacity ladder */
.\#ladder{display:flex;flex-direction:column;gap:18px}
.\#ladder-row{display:grid;grid-template-columns:minmax(0,210px) minmax(0,1fr) minmax(0,300px);gap:20px;align-items:center}
.\#ladder-size{display:block;font-family:var(--glob-mono-family);font-weight:500;font-size:1.15rem;color:#3BE35A}
.\#ladder-hours{display:block;font-size:.86rem;color:#A9BAB2}
.\#ladder-bar{height:26px;border:2px solid #2C3A36;border-radius:6px;position:relative;padding:3px;background:#0C1110}
.\#ladder-bar::after{content:"";position:absolute;right:-8px;top:6px;width:5px;height:10px;border-radius:0 2px 2px 0;background:#2C3A36}
.\#ladder-fill{display:block;height:100%;width:var(--fill);border-radius:3px;background:repeating-linear-gradient(90deg,#3BE35A 0 22px,#1F9E3A 22px 24px)}
.\#ladder-bar.\@unscaled{border-style:dashed;display:flex;align-items:center}
.\#ladder-bar.\@unscaled .\#ladder-fill{display:none}
.\#ladder-unscaled{padding:0 10px;font-family:var(--glob-mono-family);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#A9BAB2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.\#ladder-model-hours{color:#A9BAB2}
.\#ladder-models{margin:0;font-size:.9rem}
.\#ladder-note{margin:22px 0 0;font-size:.88rem;color:#A9BAB2;max-width:80ch}
@media (max-width:991px){.\#ladder-row{grid-template-columns:minmax(0,1fr);gap:6px}}
/* range ruler */
.\#ruler-scale{position:relative;height:22px;margin:0 0 10px calc(min(280px,34%) + 16px);border-bottom:1px solid #D5DDE8;font-family:var(--glob-mono-family);font-size:.72rem;color:#4A5563}
.\#ruler-tick{position:absolute;left:var(--at);transform:translateX(-50%)}
.\#ruler-unit{position:absolute;right:0;top:0}
.\#ruler-rows{display:flex;flex-direction:column;gap:14px}
.\#ruler-row{display:grid;grid-template-columns:min(280px,34%) minmax(0,1fr);gap:16px;align-items:center}
.\#ruler-name{font-weight:600;color:#121820;text-decoration:none}
.\#ruler-name:hover{text-decoration:underline}
.\#ruler-track{display:flex;flex-direction:column;gap:5px}
.\#ruler-bar{display:block;width:var(--to);min-width:fit-content;height:24px;border-radius:4px;position:relative}
.\#ruler-bar.\@radio{background:#2456D6;color:#fff}
.\#ruler-bar.\@mouse{background:#C9D8FF;color:#1A2430}
.\#ruler-val{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-family:var(--glob-mono-family);font-size:.74rem;white-space:nowrap}
.\#ruler-none{font-size:.85rem;color:#4A5563}
.\#ruler-note{margin:20px 0 0;font-size:.88rem;color:#4A5563}
@media (max-width:991px){.\#ruler-scale{margin-left:0}.\#ruler-row{grid-template-columns:minmax(0,1fr);gap:6px}}
/* film */
.\#film{position:relative;border-radius:12px;overflow:hidden;border:1px solid #2C3A36}
.\#media.\@film{aspect-ratio:16/9;background:#0C1110}
.\#film-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}
.\#film.\!playing .\#film-video{opacity:1}
.\#film-play{position:absolute;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:0;background:#3BE35A;color:#06210D;font-family:var(--glob-heading-family);font-weight:700;cursor:pointer;z-index:2}
.\#film.\!playing .\#film-play{display:none}
/* led codes */
.\#led-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-left:0}
@media (max-width:620px){.\#led-codes{grid-template-columns:minmax(0,1fr)}}
.\#rte .\#led-codes{padding-left:0}
.\#led-code{display:grid;grid-template-columns:22px minmax(0,1fr);gap:4px 12px;padding:16px;border:1px solid var(--color-scheme-border,#2C3A36);border-radius:10px}
.\#led-dot{grid-row:1/span 2;width:16px;height:16px;border-radius:50%;margin-top:3px;background:#5B6863}
.\#led-code.\@led\:red .\#led-dot{background:#E2463B;box-shadow:0 0 10px #E2463B}
.\#led-code.\@led\:green .\#led-dot{background:#3BE35A;box-shadow:0 0 10px #3BE35A}
.\#led-key{font-weight:700}
.\#led-val{font-size:.93rem;opacity:.85}
/* choose */
.\#choose{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 28px}
@media (max-width:991px){.\#choose{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:620px){.\#choose{grid-template-columns:minmax(0,1fr)}}
.\#choose-item{padding-top:14px;border-top:2px solid #121820}
.\#choose-num{display:block;font-family:var(--glob-mono-family);font-size:.8rem;color:#2456D6;margin-bottom:6px}
.\#choose-title{font-size:1.15rem;margin:0 0 .4em}
.\#choose-item p{margin:0;font-size:.97rem}
/* needs */
.\#needs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:22px}
@media (max-width:991px){.\#needs{grid-template-columns:minmax(0,1fr)}}
.\#need-block{padding:20px 22px;border-radius:10px;background:#fff;border:1px solid #D5DDE8}
.\#need-title{font-size:1.15rem;margin:0 0 .5em}
.\#need-title a{color:#121820;text-decoration:none}
.\#need-title a:hover{text-decoration:underline}
.\#need-block p:last-child{margin:0;font-size:.96rem}
.\#need-code{display:inline-block;font-family:var(--glob-mono-family);font-size:.72rem;letter-spacing:.1em;padding:2px 8px;border-radius:4px;background:#121820;color:#3BE35A;margin:0 0 10px}
.\#need-tiles{display:flex;flex-wrap:wrap;gap:12px}
.\#need-tiles > *{flex:1 1 260px;min-width:0}
.\#need-tile{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #D5DDE8;border-radius:10px;background:#fff;color:#121820;text-decoration:none;font-weight:600}
.\#need-tile .\#need-code{margin:0}
.\#need-tile:hover{border-color:#2456D6}
/* help teaser, about teaser, journal, order line */
.\#help-teaser{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:center}
@media (max-width:991px){.\#help-teaser{grid-template-columns:minmax(0,1fr)}}
.\#help-teaser-text{margin:0;font-size:1.05rem}
.\#about-teaser{max-width:74ch;font-size:1.06rem}
.\#journal-grid{gap:24px}
.\#order-line{padding:44px 0}
.\#order-line-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.\#order-line-inner p{margin:0;max-width:60ch;color:#C7D3CD}
.\#order-line-actions{display:flex;gap:10px;flex-wrap:wrap}
.\#order-line .\#button.\@tier\:secondary{color:#EEF5F0}
/* variant rows (tail of one model) */
.\#variant-rows{display:flex;flex-direction:column;gap:12px}
.\#variant-row{display:grid;grid-template-columns:96px minmax(0,1fr) auto auto;gap:18px;align-items:center;padding:12px;border:1px solid #D5DDE8;border-radius:10px;background:#fff;color:#121820}
.\#variant-row-media{aspect-ratio:1/1;border-radius:6px}
.\#variant-row-title{font-size:1.02rem;margin:0}
.\#variant-row-title a{color:inherit}
.\#variant-row-option{margin:0;font-size:.9rem;opacity:.8}
.\#variant-row-price{margin:0;font-family:var(--glob-mono-family);font-size:1.1rem}
@media (max-width:620px){.\#variant-row{grid-template-columns:72px minmax(0,1fr);gap:10px 14px}.\#variant-row-price{grid-column:2}.\#variant-row .\#button{grid-column:1/-1}}
/* collection toolbar */
.\#collection-toolbar{margin-bottom:18px}
.\#collection-toolbar-inner{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.\#collection-toolbar-status{font-size:.92rem;opacity:.85}
.\#collection-sort{display:flex;align-items:center;gap:10px}
.\#collection-sort-title{font-size:.9rem}
.\#collection-sort-select{min-height:40px;padding:0 12px;border-radius:8px;border:1px solid #2C3A36;font:inherit;background:#fff;color:#121820}
/* collection cards (list page), 404, about */
.\#collection-card{position:relative;border:1px solid #D5DDE8;border-radius:10px;overflow:hidden;background:#fff}
.\#collection-card-image .\#media{aspect-ratio:4/3}
.\#collection-card-caption{padding:14px 16px}
.\#collection-card-title{font-size:1.15rem;margin:0 0 .2em}
.\#collection-card-caption p{margin:0;font-size:.9rem;opacity:.8}
.\#notfound{max-width:60ch;padding:40px 0}
.\#notfound .\#hero-heading{font-size:clamp(2rem,4vw,3rem)}
.\#notfound-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.\#about-grid{display:grid;grid-template-columns:minmax(0,74ch) minmax(0,380px);gap:48px;justify-content:start}
.\#about-side{display:flex;flex-direction:column;gap:20px}
.\#about-side .\#media{aspect-ratio:16/9;border-radius:10px}
@media (max-width:1100px){.\#about-grid{grid-template-columns:minmax(0,1fr)}}
/* search */
.\#header-searchbar-form{display:flex;gap:10px;max-width:640px;margin-bottom:24px}
.\#header-searchbar-input{flex:1 1 auto;min-width:0;min-height:48px;padding:0 16px;font:inherit;border:1px solid #D5DDE8;border-radius:8px}
.\#predictive-search-results{display:flex;flex-direction:column;gap:10px}
.\#predictive-search-results a{display:block;padding:12px 16px;border:1px solid #D5DDE8;border-radius:8px;background:#fff;text-decoration:none;color:#121820}
.\#predictive-search-results a span{display:block;font-size:.88rem;opacity:.75}