/* /studio/ only (2026-11-10): the IMD Signage Studio download and help page. Built on site.css tokens and classes. */
.st-head{grid-template-columns:minmax(0,1fr)}.st-head>*{min-width:0}
.st-head .lead{max-width:62ch}
.st-dl{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:4px}
.st-dl .btn{white-space:normal;text-align:center}
.st-dl__h{font-weight:600}
.st-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:0 28px;max-width:980px}
.st-meta>div{padding:10px 0;border-top:1px solid var(--line);min-width:0}
.st-meta__h{grid-column:1/-1}
.st-meta dt{font:600 12px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.st-meta dd{margin:4px 0 0;font:400 14px/1.5 var(--mono);overflow-wrap:anywhere}
.st-meta a{color:var(--ink)}
.st-head .note{margin-top:0}
.st-head .note a,.st-dl__h{color:var(--sigd)}

.st-shots{background:var(--night);color:var(--on);padding-block:clamp(48px,7vw,100px)}
.st-shots .h2{margin-bottom:clamp(24px,3.5vw,44px)}
.st-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,3vw,44px) clamp(18px,2.4vw,36px)}
.st-grid img{width:100%;height:auto;aspect-ratio:1360/860;border-radius:10px;border:1px solid var(--online);background:#0b0c0e;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.st-grid figcaption{margin-top:12px;font-size:15px;line-height:1.45;color:var(--onm);max-width:52ch}
.st-shots__n{margin-top:clamp(24px,3vw,40px);font:400 13px/1.5 var(--mono);color:var(--onm)}
@media (max-width:760px){.st-grid{grid-template-columns:1fr}}

.st-lead{margin-top:14px}
.st-cmp{margin-top:clamp(24px,3vw,40px)}
.st-cmp .tbl{background:transparent}
.st-cmp thead th:not(:first-child){color:var(--ink);font-size:13px}
@media (min-width:701px){.st-cmp tbody th{width:24%}}

.st-need{margin-top:clamp(24px,3vw,40px)}

.st-help{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);align-items:start}
.st-help__h{position:sticky;top:calc(var(--hh) + 20px)}
.st-help__toc{margin-top:20px;display:grid;gap:2px;font-size:15px}
.st-help__toc a{display:block;padding:5px 0;color:var(--ink2);text-decoration:none}
.st-help__toc a:hover{color:var(--ink);text-decoration:underline}
.st-help__l article{padding:22px 0;border-top:1px solid var(--line);scroll-margin-top:8px}
.st-help__l article:last-child{border-bottom:1px solid var(--line)}
.st-help__l h3{font:700 clamp(19px,1.6vw,23px)/1.2 var(--disp);letter-spacing:-.015em}
.st-help__l p{margin-top:8px;color:var(--ink2);max-width:68ch}
.st-help__l code{font:400 .86em/1.4 var(--mono);background:var(--paper2);padding:1px 5px;border-radius:5px}
.st-help__l .st-hash{overflow-wrap:anywhere;word-break:break-all}
@media (max-width:880px){.st-help{grid-template-columns:1fr}.st-help__h{position:static}}

.st-end p{margin-top:10px;max-width:70ch}
.st-free__b{background:var(--paper2);border-radius:var(--r);padding:clamp(22px,3vw,40px)}
.st-free ul{margin-top:14px;display:grid;gap:10px;max-width:80ch}
.st-free li{position:relative;padding-left:20px;color:var(--ink2)}
.st-free li::before{content:"";position:absolute;left:2px;top:.68em;width:7px;height:7px;border-radius:2px;background:var(--ink)}