/* Feature coverage added to the existing ScoreBraid site. The original visual
   system, header endorsement, fluid 4K scale and form styles are retained. */
[hidden]{display:none!important}
.feature-related{display:flex;gap:.7rem 1.2rem;align-items:center;flex-wrap:wrap;margin-top:1.15rem}
.feature-related .text-link,.feature-related.text-link{font-size:.75rem}
.catalog-figure{margin:1.35rem 0 0;min-width:0}
.catalog-figure>button{position:relative;display:block;padding:0;border:1px solid #46647b77;border-radius:.65rem;background:#0a1527;overflow:hidden;width:100%}
.catalog-figure img{width:100%;height:auto;display:block}
.catalog-figure figcaption{font-size:.65rem;line-height:1.8;color:#8ba0b9;margin-top:.55rem}
.figure-open{position:absolute;bottom:.45rem;right:.45rem;display:grid;place-items:center;width:1.65rem;height:1.65rem;border:1px solid #50718d66;border-radius:.35rem;background:#142439d9;color:var(--cyan);font-size:1rem}
.catalog-figure>button:hover{border-color:var(--cyan)}
.automation-preview{margin-bottom:1rem}
.automation-preview img{aspect-ratio:3.5;object-fit:contain}
.ducking-preview{margin:1.35rem 0 1rem}.ducking-preview img{width:100%;height:12rem;object-fit:cover;object-position:center 52%}.ducking-preview figcaption{margin-top:.6rem}

.feature-image.with-inspector{margin-top:1.4rem}
.feature-image .loop-pair{display:grid;grid-template-columns:1fr 5.5rem;align-items:center;gap:.8rem;padding:.8rem!important;height:12rem;background:#0b1729}
.feature-image .loop-pair img{width:100%;height:auto;max-height:10.3rem;object-fit:contain;object-position:center}
.expanded-section{background:radial-gradient(ellipse at 90% 45%,#623db212,transparent 58%),#0c1729;border-top:1px solid var(--line)}
.expanded-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:5.5rem;align-items:end;margin-bottom:2.5rem}
.expanded-intro h2{font-size:2.8rem;line-height:1.12}
.expanded-intro>p{font-size:.9375rem;line-height:1.85;max-width:31rem}
.expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.expanded-grid>article{padding:2rem;border:1px solid #39557588;border-radius:var(--radius);background:linear-gradient(130deg,#14263a,#10192d);min-width:0}
.expanded-grid h3{font-size:1.65rem;margin:1rem 0;line-height:1.2}
.expanded-grid p{font-size:.875rem;line-height:1.85}
.expanded-grid .small-note{font-size:.75rem;margin:1.15rem 0;color:#9bb1ca}
.layer-overview{display:grid;grid-template-columns:1fr 8.6rem;gap:1.5rem;align-items:start}
.layer-overview .catalog-figure{margin:0}
.layer-overview .catalog-figure img{max-height:25rem;object-fit:contain}
.layer-overview figcaption{font-size:.6rem}
.tempo-overview .catalog-figure{margin-top:1.5rem}
.tempo-overview .catalog-figure img{aspect-ratio:3.5;object-fit:contain}
.editing-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem;margin-top:2.2rem;border-top:1px solid #34476288;padding-top:1.8rem}
.editing-summary a{padding:.35rem .3rem .5rem 0;min-width:0}
.editing-summary a:hover h3{color:var(--cyan)}
.editing-summary a>span{font:.65rem/1.5 ui-monospace,monospace;color:var(--teal)}
.editing-summary h3{font-size:1rem;margin:.5rem 0 .5rem}
.editing-summary p{font-size:.78rem;line-height:1.8}
.feature-index-link{display:flex;gap:2rem;justify-content:space-between;align-items:center;margin-top:2.2rem;border-top:1px solid #34476288;padding-top:1.8rem}
.feature-index-link p{font-size:.8125rem;max-width:40rem}
.feature-index-link .button{white-space:nowrap;font-size:.8125rem}
/* Product feature index. A product overview, not a user-guide interface. */
.feature-page-hero{padding:4.5rem 0 3.5rem;background:radial-gradient(ellipse at 85% 10%,#5035842b,transparent 65%);border-bottom:1px solid var(--line)}
.feature-page-hero h1{font-size:4.2rem;line-height:1.1;margin-bottom:1.3rem}
.feature-page-lead{font-size:1.15rem;line-height:1.8;max-width:48rem}
.feature-page-hero .hero-actions{margin-top:1.8rem}
.feature-page-meta{display:flex;gap:1.8rem;flex-wrap:wrap;margin-top:1.7rem;color:#92a7c1;font-size:.7rem}
.feature-page-meta span{display:flex;align-items:center;gap:.5rem}
.feature-page-meta span:before{content:'';width:.25rem;height:.25rem;border-radius:50%;background:var(--teal)}
.catalog-section{padding:2.8rem 0 4rem}
.feature-finder{display:flex;gap:2rem;align-items:flex-end;justify-content:space-between;padding:1.4rem;border:1px solid #2e435f;border-radius:.9rem;background:#101c31}
.feature-filter-buttons{display:flex;flex-wrap:wrap;gap:.45rem;max-width:48rem}
.feature-filter-buttons>button,.gallery-filters>button{border:1px solid #334762;background:#111e34;border-radius:.45rem;padding:.65rem .85rem;color:#adc2da;font-size:.75rem;line-height:1.3;min-height:2.65rem}
.feature-filter-buttons>button>span{margin-left:.3rem;color:#728da9;font: .63rem ui-monospace,monospace}
.feature-filter-buttons>button[aria-pressed=true],.gallery-filters>button[aria-pressed=true]{background:#17404655;border-color:#3d949c;color:#87e6df}
.feature-filter-buttons>button[aria-pressed=true]>span{color:#90bfbf}
.feature-filter-buttons>button:hover,.gallery-filters>button:hover{border-color:var(--cyan)}
.feature-search{flex:0 0 16rem;min-width:0;font-size:.7rem;color:#adbed4}
.feature-search>span{display:block;margin-bottom:.35rem}
.feature-search input{width:100%;padding:.65rem .8rem;background:#071224;border:1px solid #405875;border-radius:.5rem;color:var(--ink);font:inherit;font-size:.82rem;min-height:2.7rem;min-width:0}
.feature-search input::placeholder{color:#839bb6}
.feature-search input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.feature-results-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.1rem .2rem 0}
.feature-results-bar p{font-size:.72rem;color:#94a9c3}
.feature-results-bar .text-link{font-size:.72rem;min-height:2.2rem}
.capability-group{margin-top:2.25rem;scroll-margin-top:6rem}
.capability-group-title{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:0 0 1rem;border-bottom:1px solid #2c415d;margin-bottom:1.25rem}
.capability-group-title h2{font-size:1.6rem;line-height:1.25;letter-spacing:-.025em}
.capability-group-title>span{font:.68rem ui-monospace,monospace;color:#7895b3}
.capability-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;align-items:start}
.capability-card{display:flex;flex-direction:column;padding:1.7rem;border:1px solid #2e425f;border-radius:.85rem;background:linear-gradient(120deg,#132238,#0d192c);min-width:0;scroll-margin-top:7.5rem}
.capability-card:target{border-color:#64bdc8;box-shadow:0 0 0 2px #47deeb11}
.capability-card .feature-number{font-size:.57rem;letter-spacing:.12em}
.capability-card h3{font-size:1.55rem;line-height:1.24;margin:.8rem 0 .85rem}
.capability-card>p{font-size:.875rem;line-height:1.8}
.capability-card>ul{list-style:none;padding:0;margin:1.1rem 0 .85rem;display:flex;flex-direction:column;gap:.6rem}
.capability-card>ul>li{position:relative;font-size:.8125rem;line-height:1.75;color:#c7d4e5;padding-left:1rem}
.capability-card>ul>li:before{position:absolute;content:'';left:0;top:.67em;width:.22rem;height:.22rem;border-radius:50%;background:#6dbfc0}
.capability-notes{border-top:1px solid #2e435d;margin-top:.3rem}
.capability-notes>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;cursor:pointer;font-size:.75rem;color:#abc0d8;list-style:none}
.capability-notes>summary::-webkit-details-marker{display:none}
.capability-notes>summary>span{font-size:1rem;color:var(--teal);transition:transform .15s}
.capability-notes[open]>summary>span{transform:rotate(45deg)}
.capability-notes p{font-size:.75rem;line-height:1.85;padding:0 0 .75rem;color:#a3b8d1}
.capability-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem 1rem}
.capability-actions .text-link{font-size:.75rem;min-height:2.1rem}
.extra-view{padding:.35rem 0;border:0;background:none;color:#a99bce;font-size:.67rem;text-align:left;line-height:1.4}
.extra-view:hover{color:var(--violet)}
.feature-empty{border:1px solid var(--line);padding:2rem;margin-top:2rem;border-radius:1rem;text-align:center}
.feature-empty h2{font-size:1.8rem;margin-bottom:1rem}
.feature-empty p{font-size:.9rem;margin-bottom:1rem}
/* Real image library, grouped by task. */
.screenshot-section{border-top:1px solid var(--line);background:linear-gradient(135deg,#0c192e,#0b1427)}
.gallery-filters{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:1rem}
.gallery-filters>button{font-size:.75rem;padding:.65rem .85rem}
.gallery-status{font:.65rem/1.6 ui-monospace,monospace;color:#849eba;margin-bottom:1.2rem}
.screenshot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.gallery-tile{padding:0;border:1px solid #2a3e5c;border-radius:.7rem;background:#111f34;overflow:hidden;min-width:0;text-align:left}
.gallery-tile:hover{border-color:#529aaf;background:#162b41}
.gallery-thumb{display:flex;align-items:center;justify-content:center;height:9rem;background:#091424;overflow:hidden;padding:.5rem}
.gallery-thumb img{height:100%;width:100%;object-fit:contain}
.gallery-tile-title{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.75rem;line-height:1.5;padding:.85rem .95rem;color:#d3e2ef;min-height:3.5rem}
.gallery-tile-title>span{color:var(--cyan)}
.gallery-more{display:block;margin:1.4rem auto 0;border:1px solid #385174;border-radius:.5rem;background:#182842;padding:.7rem 1.25rem;font-size:.8rem;color:#cee2f3}
.gallery-more:hover{border-color:var(--cyan)}
.feature-bottom-cta{border-top:1px solid #30475e;background:radial-gradient(ellipse at top left,#133e442a,transparent 68%)}
.feature-bottom-cta>.container{display:grid;grid-template-columns:1.15fr .9fr;gap:5rem;align-items:center}
.feature-bottom-cta h2{font-size:2.75rem;line-height:1.14;margin-bottom:1rem}
.feature-bottom-cta p{font-size:.9375rem;line-height:1.8;max-width:37rem}
.feature-bottom-actions{display:flex;align-items:flex-start;flex-direction:column;gap:.8rem}
.feature-bottom-actions .text-link{font-size:.8rem}
/* Shared lightbox. Fit details and whole-window captures without distortion. */
.expanded-tour{width:min(93vw,92rem);max-width:none;max-height:94dvh;margin:auto;padding:0;border:1px solid #536886;border-radius:1rem;background:#0b172a;overflow:auto}
.expanded-tour .tour-top{height:auto;padding:.65rem 1.2rem;position:sticky;top:0;background:#13223a;z-index:1;border-bottom:1px solid #35475e;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.expanded-tour .tour-top>span{font-size:.7rem;letter-spacing:.04em;color:#a1b7d2}
.tour-stage{display:flex;align-items:center;justify-content:center;background:#060f1f;padding:.7rem;height:min(67dvh,47rem);overflow:auto}
.tour-stage img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.expanded-tour .tour-bottom{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1.5rem;padding:1.1rem 1.3rem}
.expanded-tour .tour-bottom h2{font-size:1.2rem;letter-spacing:-.025em;line-height:1.3;margin:0 0 .4rem}
.expanded-tour .tour-bottom p{font-size:.75rem;line-height:1.7;max-width:51rem}
.expanded-tour .tour-controls{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}
.tour-controls #tour-count{font:.65rem ui-monospace,monospace;color:#91a9c8;min-width:3.5rem;text-align:center}
.tour-controls .button{font-size:1rem;min-width:2.3rem;min-height:2.5rem;padding:.45rem .6rem}
.view-mode{border:1px solid #48607d;border-radius:.4rem;background:#182b43;color:#c5d9ea;padding:.6rem .75rem;font-size:.7rem}
.view-mode[aria-pressed=true]{color:var(--teal);border-color:#55a498}
footer nav{flex-wrap:wrap}
@media(max-width:1200px){.site-header .nav-links{gap:.95rem}.expanded-intro{gap:3rem}.expanded-grid>article{padding:1.5rem}.layer-overview{gap:1rem;grid-template-columns:1fr 7.4rem}.feature-finder{gap:1.2rem}.feature-search{flex-basis:14rem}}
@media(max-width:1000px){.expanded-intro{gap:2rem}.layer-overview{grid-template-columns:1fr 7rem}.expanded-grid{grid-template-columns:1fr}.layer-overview{grid-template-columns:1.8fr .65fr;align-items:center}.layer-overview .catalog-figure{max-width:9rem;margin-left:auto}.tempo-overview .catalog-figure{max-width:45rem}.editing-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-finder{flex-direction:column;align-items:stretch;gap:1rem}.feature-search{flex:auto;max-width:none}.feature-filter-buttons{max-width:none}.screenshot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.expanded-tour .tour-bottom{grid-template-columns:1fr}.expanded-tour .tour-controls{justify-content:flex-start}.feature-bottom-cta>.container{gap:3rem}}
@media(max-width:700px){.expanded-intro{grid-template-columns:1fr;gap:1.2rem;margin-bottom:1.7rem}.expanded-intro h2{font-size:2.1rem}.expanded-intro>p{font-size:.8125rem;line-height:1.9}.expanded-grid>article{padding:1.25rem}.expanded-grid h3{font-size:1.45rem;margin:.8rem 0}.expanded-grid p{font-size:.8125rem}.layer-overview{grid-template-columns:1fr 6.6rem;gap:1rem;align-items:start}.layer-overview .catalog-figure{width:100%;max-width:none}.layer-overview .small-note{font-size:.6875rem}.layer-overview .text-link{font-size:.6875rem}.layer-overview figcaption{font-size:.5625rem}.tempo-overview .catalog-figure img{min-height:6rem}.editing-summary{gap:1.4rem 1.1rem;margin-top:1.5rem}.editing-summary h3{font-size:.9375rem}.editing-summary p{font-size:.75rem}.feature-index-link{flex-direction:column;align-items:flex-start;gap:1.2rem;margin-top:1.6rem;padding-top:1.4rem}.feature-index-link p{font-size:.8125rem}.feature-image .loop-pair{height:11rem;grid-template-columns:1fr 4.8rem}.feature-page-hero{padding:2.8rem 0 2rem}.feature-page-hero h1{font-size:2.75rem}.feature-page-lead{font-size:.9375rem;line-height:1.85}.feature-page-meta{gap:.5rem 1rem;font-size:.65rem}.catalog-section{padding:1.7rem 0 2.5rem}.feature-finder{padding:.9rem}.feature-filter-buttons{gap:.4rem}.feature-filter-buttons>button{font-size:.7rem;padding:.6rem .7rem;min-height:2.7rem}.feature-filter-buttons>button>span{font-size:.6rem}.feature-search input{font-size:1rem}.feature-results-bar{margin-top:.75rem}.feature-results-bar p{font-size:.6875rem}.capability-group{margin-top:1.7rem}.capability-group-title h2{font-size:1.35rem}.capability-group-title>span{font-size:.6rem}.capability-cards{grid-template-columns:1fr;gap:.85rem}.capability-card{padding:1.3rem}.capability-card h3{font-size:1.4rem}.capability-card>p{font-size:.875rem}.capability-card>ul>li{font-size:.8rem}.capability-notes p{font-size:.75rem}.screenshot-grid{grid-template-columns:1fr 1fr;gap:.75rem}.gallery-filters{gap:.4rem}.gallery-filters>button{font-size:.7rem;min-height:2.6rem;padding:.6rem .7rem}.gallery-thumb{height:7rem;padding:.35rem}.gallery-tile-title{font-size:.6875rem;padding:.65rem .6rem;min-height:3.3rem}.gallery-tile-title>span{font-size:.8rem}.gallery-status{font-size:.6rem}.feature-bottom-cta>.container{grid-template-columns:1fr;gap:1.5rem}.feature-bottom-cta h2{font-size:2.1rem}.feature-bottom-cta p{font-size:.875rem}.feature-bottom-actions{gap:.6rem}.expanded-tour{width:96vw;max-height:93dvh;border-radius:.65rem}.expanded-tour .tour-top{padding:.5rem .7rem}.expanded-tour .tour-top>span{font-size:.65rem}.tour-stage{height:56dvh;padding:.35rem}.expanded-tour .tour-bottom{padding:.85rem;gap:.9rem}.expanded-tour .tour-bottom h2{font-size:1.05rem}.expanded-tour .tour-bottom p{font-size:.7rem}.view-mode{font-size:.65rem;min-height:2.55rem}.tour-controls .button{min-height:2.55rem}.feature-related{gap:.5rem 1rem}.catalog-figure figcaption{font-size:.6rem}.ducking-preview img{height:10rem}}
@media(max-width:400px){.layer-overview{grid-template-columns:1fr 5.1rem;gap:.85rem}.expanded-grid>article{padding:1.05rem}.layer-overview h3{font-size:1.25rem}.gallery-thumb{height:6rem}.feature-filter-buttons>button{font-size:.65rem;padding:.6rem}.capability-card{padding:1.1rem}}
@media(prefers-reduced-motion:reduce){.capability-notes>summary>span{transition:none}}
/* Text actions use the existing link treatment, not the browser's button fill. */
button.text-link{background:transparent;border:0;padding:0;display:inline-flex;align-items:center;gap:.6rem;text-align:left}

/* Feature search guidance and explicit audio workflow entries. */
.feature-search-tools{margin:1rem .2rem 0}
.feature-search-tools>p{font-size:.7rem;line-height:1.8;color:#9eb4cf;max-width:64rem}
.feature-search-examples{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.65rem}
.feature-search-examples>span{font-size:.68rem;color:#7f9ab9;margin-right:.2rem}
.feature-search-examples>button{background:#14263b;border:1px solid #355571;border-radius:1rem;padding:.4rem .75rem;min-height:2.1rem;font:500 .7rem/1.4 var(--font);color:#c8d9e8;cursor:pointer}
.feature-search-examples>button:hover,.feature-search-examples>button[aria-pressed=true]{background:#174347;border-color:#4bafb0;color:#a3eeea}
.feature-search-examples>button:focus-visible,#search-all-features:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.feature-empty>.button{margin:.25rem auto 1rem;display:flex;width:fit-content}
.feature-results-bar p{overflow-wrap:anywhere;line-height:1.8}
.feature-results-bar>.text-link{flex-shrink:0}
@media(max-width:700px){.feature-search-tools>p{font-size:.6875rem}.feature-search-examples{gap:.45rem}.feature-search-examples>button{font-size:.6875rem;min-height:2.75rem;padding:.45rem .7rem}.feature-results-bar{align-items:flex-start;gap:.75rem}.feature-results-bar p{font-size:.6875rem}.feature-empty{padding:1.35rem}.feature-empty h2{font-size:1.4rem}}