/* MYON brand book p7: Orbitron Regular, Titillium Web Regular, RGB(1,255,1).
   All colour roles inherit the storefront tokens; no alternate theme. */
:root{--body:'Titillium Web',Arial,sans-serif}
.skip-link{position:absolute;left:20px;top:-100px;z-index:100;background:var(--green);color:var(--bg);padding:12px 20px}.skip-link:focus{top:12px}
.seo-nav .brand img{height:auto}.seo-nav nav{gap:clamp(14px,2vw,30px)}
.seo-footer{font-size:14px;align-items:flex-start;flex-wrap:wrap}.seo-footer nav{display:flex;flex-wrap:wrap;gap:16px 24px}.seo-footer>span{color:var(--muted)}
.editorial-page{max-width:1300px;margin:auto;padding:32px 6% 0;font-family:var(--body);line-height:1.8}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:14px;color:var(--muted);margin-bottom:48px}.breadcrumbs a:hover{color:var(--green)}
.editorial-heading{max-width:940px;margin-bottom:64px}.editorial-heading h1{font:400 clamp(32px,4.5vw,64px)/1.2 var(--display);letter-spacing:-1px;margin:20px 0 28px;overflow-wrap:break-word}.editorial-heading .lead{color:var(--muted);font-size:clamp(18px,2vw,22px);line-height:1.7;max-width:740px;margin-bottom:28px}.editorial-heading .eyebrow{color:var(--green)}
.editorial-section{padding:40px 0;border-top:1px solid var(--line)}.editorial-section h2,.resource-links>h2,.editorial-split h2{font:400 clamp(24px,2.5vw,36px)/1.4 var(--display);margin:0 0 24px}.editorial-section h3{font:400 20px/1.45 var(--display);margin:16px 0}.editorial-section p,.editorial-section li,.editorial-split p{font-size:17px;color:var(--text);max-width:790px}.editorial-section p,.editorial-split p{margin:16px 0}.editorial-page a:not(.primary-btn):not(.brand):not(.header-cta){text-underline-offset:4px}.editorial-section p a,.editorial-section li a,.article-byline a{text-decoration:underline;text-decoration-color:var(--green)}
.editorial-section ul,.editorial-section ol{padding-left:24px}.editorial-section li{padding-left:6px;margin:10px 0}.editorial-section .primary-btn{margin-top:16px}.editorial-callout{border-left:2px solid var(--green);padding:12px 24px;margin:28px 0;background:var(--panel)}
.editorial-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:decimal-leading-zero;margin-top:32px}.editorial-steps li::marker{color:var(--green)}.editorial-steps p{font-size:16px}.editorial-steps h3{font-size:18px}
.table-scroll{overflow-x:auto;margin:24px 0}.table-scroll table{border-collapse:collapse;width:100%;font-size:16px}.table-scroll th,.table-scroll td{text-align:left;vertical-align:top;padding:18px;border-bottom:1px solid var(--line)}.table-scroll th{font-weight:600}.table-scroll caption{text-align:left;color:var(--muted);font-size:14px;padding-bottom:12px}
.editorial-split{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;align-items:center;padding:40px 0;border-top:1px solid var(--line)}.editorial-split img{width:100%;max-width:350px;height:auto;object-fit:contain;margin:auto}
.editorial-facts{display:grid;grid-template-columns:180px 1fr;gap:24px}.editorial-facts dt{color:var(--green)}.editorial-facts dd{margin:0;max-width:720px}
.editorial-scene{margin:0 0 44px}.editorial-scene img{width:100%;height:auto}.editorial-scene figcaption{font-size:14px;color:var(--muted);margin-top:12px}
.resource-links{padding:50px 0;border-top:1px solid var(--line)}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:20px}.resource-card{display:block;position:relative;background:var(--panel);border:1px solid var(--line);padding:30px 30px 54px}.resource-card h3{font:400 21px/1.5 var(--display);margin:0 0 20px}.resource-card p{color:var(--muted);font:400 16px/1.8 var(--body);margin:0}.resource-card>span{color:var(--green);position:absolute;bottom:18px;right:24px;font-size:24px}.resource-card:hover{border-color:var(--green);color:var(--text)}
.editorial-cta{padding:70px 0 90px;border-top:1px solid var(--line);text-align:center}.editorial-cta h2{font:400 clamp(30px,4vw,54px)/1.3 var(--display);margin:20px 0}.editorial-cta p{margin:18px auto;color:var(--muted)}.editorial-cta .primary-btn{margin-top:12px}
.editorial-page .product-card p{font-size:16px}.editorial-page .product-card h3{font-family:var(--body);font-size:21px;font-weight:600}.editorial-page .product-photo img{width:100%;height:160px;object-fit:contain}.editorial-page .catalog-grid{margin:28px 0}.editorial-page .product-code{font-size:14px}.editorial-page .catalog-grid .link{font-size:16px}
.faq-block details{border-bottom:1px solid var(--line);padding:18px 0}.faq-block summary{font:400 18px/1.6 var(--body);cursor:pointer}.faq-block details p{margin:14px 0;max-width:820px}.article-byline{font-size:14px;color:var(--muted)}
.home-editorial{padding:65px 7%;max-width:1600px;margin:auto}.home-editorial h2{font:400 clamp(26px,3vw,42px)/1.35 var(--display);margin-bottom:25px}.home-editorial .resource-card h3{font-size:20px}.home-editorial p{line-height:1.8}.home-editorial .resource-links{padding-bottom:0}.home-editorial .editorial-section{padding:0;border:0}.home-editorial .eyebrow{color:var(--green);margin-bottom:18px}
@media(max-width:960px){.editorial-steps{grid-template-columns:1fr;gap:8px}.editorial-split{gap:30px}.seo-nav .brand span{display:none}}
@media(max-width:650px){.seo-nav{position:relative;padding-bottom:0}.seo-nav nav{order:3;justify-content:flex-start;overflow-x:auto;height:48px;gap:20px}.seo-nav nav a{font-size:14px;min-height:44px;flex-shrink:0}.seo-nav .header-cta{display:block;margin-left:auto}.seo-footer>nav{gap:14px 20px}.editorial-page{padding:24px 6% 0}.breadcrumbs{margin-bottom:30px}.editorial-heading{margin-bottom:40px}.editorial-heading h1{letter-spacing:-.6px}.editorial-section{padding:32px 0}.editorial-split{grid-template-columns:1fr}.editorial-split img{max-width:230px}.editorial-facts{grid-template-columns:1fr;gap:10px}.editorial-facts dd{margin-bottom:15px}.table-scroll th,.table-scroll td{padding:12px 8px}.editorial-page .catalog-grid{grid-template-columns:1fr}.resource-card{padding:24px 24px 50px}.home-editorial{padding:48px 6%}.editorial-cta{padding:45px 0 60px}}
@media(prefers-reduced-motion:reduce){.resource-card{transition:none}}

.policy-breadcrumb{max-width:1100px;margin:auto;padding:30px 5% 0}.policy-breadcrumb .breadcrumbs{margin-bottom:0}
.editorial-page .primary-btn{display:inline-flex;width:auto;min-width:260px;max-width:100%;padding:18px 24px;font-size:16px;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%)}
@media(max-width:650px){.editorial-page .primary-btn{width:100%;min-width:0}}

.build-desk>img{display:block;width:100%;height:auto;margin:28px 0}.build-desk>p{max-width:760px}
.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.preset-card{min-width:0;padding:24px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column}.preset-preview{height:auto;min-height:150px;flex:none;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.preset-preview-render{height:150px;min-height:0;overflow:hidden}.preset-preview-render .preset-render-image{width:100%;height:100%;max-width:560px;object-fit:contain}.preset-board{display:grid;grid-template-columns:repeat(var(--preset-columns),minmax(0,1fr));gap:3px;width:100%;padding:9px 12px;background:var(--preset-shell);border:1px solid #7f8c80;border-radius:4px;box-shadow:0 12px 24px #0006,inset 0 0 0 3px #0006}.preset-slot{aspect-ratio:var(--span)/1;min-width:0;display:block}.preset-slot .module-render{padding:3%}.preset-slot .control-filter{--asset-scale:1}.preset-slot .control-us15{background:#000;border-color:#505650;box-shadow:none}.editorial-section .preset-card h3{font-size:22px;margin:0 0 12px}.editorial-section .preset-description{font-size:16px;margin:0 0 16px;color:var(--muted)}.editorial-section .preset-modules{font-size:15px;padding-left:18px;margin:0 0 24px}.editorial-section .preset-modules li{font-size:15px;line-height:1.6;margin:3px 0;padding:0}.preset-details{margin:auto 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:15px}.preset-details>div{display:flex;justify-content:space-between;gap:12px;margin:5px 0}.preset-details dt{color:var(--muted)}.preset-details dd{margin:0;text-align:right}.editorial-section .preset-price{display:flex;flex-direction:column;margin:20px 0 0}.preset-price strong{font:400 24px/1.5 var(--display);color:var(--green)}.preset-price span{font-size:14px;color:var(--muted)}.editorial-page .preset-card .primary-btn{width:100%;min-width:0;justify-content:center;padding:15px 12px;font-family:var(--body);font-size:16px;letter-spacing:0}.editorial-section .preset-shipping{font-size:15px;color:var(--muted);margin-top:20px}
@media(max-width:1050px){.preset-grid{grid-template-columns:1fr}.preset-card{padding:26px}.preset-preview{min-height:160px}.preset-preview-render{height:160px;min-height:0}.preset-board{max-width:560px}.preset-details{margin-top:0}.editorial-page .preset-card .primary-btn{max-width:360px}.editorial-section .preset-modules{columns:2}}
@media(max-width:650px){.preset-card{padding:20px}.preset-preview{min-height:130px}.preset-preview-render{height:130px;min-height:0}.editorial-section .preset-modules{columns:1}.editorial-page .preset-card .primary-btn{max-width:none}.preset-price strong{font-size:22px}}

.preset-board{display:flex;flex-direction:column;--module-gap:3px;--unit-width:calc((100% - (var(--row-count) - 1) * var(--module-gap)) / var(--preset-columns));gap:var(--module-gap)}.preset-row{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--module-gap)}.preset-row>.preset-slot{flex:0 0 calc(var(--unit-width) * var(--span));width:calc(var(--unit-width) * var(--span))}
