/* Hallmark · theme: custom (existing Dengue brand) · idea: a local sample workbench · posture: restrained · hero: stage · imagery: actual Qt application capture · scope: new product page in approved site */
/* Critique: preserve the site palette, authentic marks and existing vocal-plugin page; group four downloads across three systems and keep installation progressive. */
/* Hallmark · finish-review: subagent fix · disclosure affordance resolved with visible plus/minus indicators; actual captures and keyboard states rechecked. */
/* Hallmark · waive 49b · exact filenames wrap to two lines at320px · preserve release-source identities and accessible wrapping for integrity checks. */
/* Hallmark · waive 59 · source/licence disclosure is supporting footer content · keep the release-source control beside the translation notice without empty120px bands. */
/* Hallmark · waive 77 · four native guide disclosure rows cover the complete product scope · compact lab-section rows keep actual installation instructions reachable without invented material. */
/* Hallmark · waive 78 · localized section heads remain35px under a69px product name · retain the legible lab-section hierarchy for long translations and200% layouts. */
@import url('/pluigin/style.css');
.lab-hero { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: var(--space-xl); align-items: center; padding-block: var(--space-xl) var(--space-2xl); }
.lab-hero h1 { font-size: clamp(2.25rem, 4.8vw, 4.5rem); }
.lab-visual img { width: 100%; border: 1px solid var(--rule); }
.lab-section { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: var(--space-xl); padding-block: var(--space-2xl); border-top: 1px solid var(--rule); }
.lab-section h2 { font-size: clamp(1.5rem, 2.4vw, 2.5rem); text-wrap: balance; }
.lab-section h3 { margin-top: 0; font-size: 1.1rem; }
.lab-section p { color: var(--muted); }
.install-platforms details { border-bottom: 1px solid var(--rule); padding-block: var(--space-md); }
.install-platforms summary { font-size: 1rem; }
.install-platforms ol { margin-top: var(--space-lg); }
.use-steps { padding-inline-start: var(--space-lg); }
.use-steps > li { padding-block: var(--space-md); border-bottom: 1px solid var(--rule); }
.use-steps > li:first-child { padding-top: 0; }
.vst-paths > div { display: block; padding-block: var(--space-sm); }
.vst-paths dt { font-size: 1rem; }
.release-source li code { display: block; overflow-wrap: anywhere; font-size: .8rem; }
.signing { max-width: 55ch; color: var(--muted); font-size: .875rem; }
.hero-actions .download { flex-wrap: wrap; }
.hero-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-sm); align-items: stretch; }
.hero-actions > a:last-child { grid-column: 1 / -1; justify-self: start; }
.hero-actions .download { justify-content: space-between; }
.hero-actions .download, code { direction: ltr; unicode-bidi: isolate; }
code { display: inline-block; max-width: 100%; }
.hero-actions a { white-space: normal; }
:focus-visible { outline: 3px solid var(--accent); outline-offset: 5px; }
a:active { color: var(--muted); }
.language-menu summary, .header-actions, .header-actions a, .lab-section, .lab-section > *, .use-steps, .use-steps li, .hero-actions { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 900px) { .lab-hero, .lab-section { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 480px) { .hero-actions { grid-template-columns: minmax(0, 1fr); } }

.use-step summary { font-size: 1.1rem; font-weight: 700; display: list-item; padding-block: var(--space-md); }
.use-step > div { padding-block: var(--space-xs) var(--space-md); }
.use-step:not([open]) > div { display: none; }
.install-platforms summary, .release-source summary, .use-step summary { display: flex; align-items: center; justify-content: space-between; gap: var(--space-md); }
.install-platforms summary::after, .release-source summary::after, .use-step summary::after { content: "+"; color: var(--accent); font-weight: 700; flex-shrink: 0; }
.install-platforms details[open] > summary::after, .release-source details[open] > summary::after, .use-step[open] > summary::after { content: "−"; }
.example { padding-block: var(--space-lg); border-bottom: 1px solid var(--rule); }
.example:first-child { padding-top: 0; }
.example h3 { font-size: clamp(1.25rem, 2vw, 1.75rem); overflow-wrap: anywhere; }
.example .download { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-sm); }
.example-checksum { margin-top: var(--space-md); }
.example-checksum summary { display: list-item; font-size: .875rem; }
.example-checksum code { display: block; overflow-wrap: anywhere; font-size: .8rem; margin-top: var(--space-sm); }