/* Danish interactive sentence builder — scoped responsive UI */
.sentence-builder-section{background:linear-gradient(145deg,rgba(229,72,77,.05),rgba(189,235,240,.055),transparent 72%)}
.builder-shell{border:1px solid rgba(189,235,240,.18);background:rgba(6,13,20,.88);padding:clamp(18px,3vw,30px)}
.builder-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-bottom:22px}
.builder-head h3{margin:7px 0 0;font-size:clamp(32px,4.8vw,60px);line-height:.96;letter-spacing:-.06em}.builder-head p{max-width:760px;margin:10px 0 0;color:#b7cbd2;line-height:1.7}.builder-kicker{display:block;color:var(--danish-ice);font:600 9px var(--font-main);letter-spacing:.14em}
.builder-actions{display:flex;gap:8px;flex-wrap:wrap}.builder-actions button{min-height:42px;border:1px solid rgba(189,235,240,.22);background:transparent;color:#fff;padding:0 14px;font:500 9px var(--font-main);cursor:pointer}.builder-actions button:first-child{border-color:var(--danish-red);color:#ff8d95}
.builder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.builder-grid label{display:grid;gap:7px;padding:12px;border:1px solid rgba(189,235,240,.12);background:rgba(189,235,240,.025)}.builder-grid label>span{color:#7f98a1;font:600 8px var(--font-main);letter-spacing:.1em}.builder-grid select{min-height:44px;width:100%;border:1px solid rgba(189,235,240,.18);background:#07151d;color:#fff;padding:0 11px;font:500 12px var(--font-main)}
.builder-grid label[hidden]{display:none!important}
.builder-hint{display:flex;gap:12px;align-items:flex-start;margin:14px 0 18px;padding:13px 15px;border-left:2px solid var(--danish-red);background:rgba(229,72,77,.045)}.builder-hint b{color:#ff818b;font:600 8px var(--font-main);letter-spacing:.11em;white-space:nowrap}.builder-hint span{color:#c4d4d9;font-size:12px;line-height:1.6}
.builder-result{border:1px solid rgba(189,235,240,.16);background:linear-gradient(120deg,rgba(189,235,240,.05),rgba(229,72,77,.025))}
.builder-result-tabs{display:flex;gap:0;border-bottom:1px solid rgba(189,235,240,.14)}.builder-result-tabs button{min-height:44px;border:0;border-right:1px solid rgba(189,235,240,.12);background:transparent;color:#8fa7af;padding:0 18px;font:600 9px var(--font-main);cursor:pointer}.builder-result-tabs button.active{background:rgba(189,235,240,.08);color:#fff}
.builder-result-panel{display:none;padding:clamp(18px,3vw,28px)}.builder-result-panel.active{display:block}.builder-output-label{display:block;color:#78949d;font:600 8px var(--font-main);letter-spacing:.12em;margin-bottom:10px}.builder-result-panel>strong{display:block;color:#fff;font-size:clamp(26px,4vw,46px);line-height:1.16;letter-spacing:-.04em}.builder-result-panel>p{color:#9eb4bc;font-size:12px;line-height:1.6}
#builderListen{margin-top:18px;min-height:46px;border:1px solid var(--danish-ice);background:transparent;color:var(--danish-ice);padding:0 16px;font:600 10px var(--font-main);cursor:pointer}
.builder-chipline{display:flex;flex-wrap:wrap;gap:8px}.builder-chip{min-width:120px;padding:12px;border:1px solid rgba(189,235,240,.14);background:rgba(189,235,240,.03)}.builder-chip b{display:block;color:#7c969f;font:600 7px var(--font-main);letter-spacing:.09em;margin-bottom:6px}.builder-chip span{display:block;color:#fff;font-size:13px}.builder-chip.finite{border-color:var(--danish-ice);background:rgba(189,235,240,.07)}.builder-chip.negative{border-color:var(--danish-red);background:rgba(229,72,77,.06)}.builder-chip.front,.builder-chip.wh{border-color:#f1c86a;background:rgba(241,200,106,.045)}.builder-structure-note{margin:16px 0 0;color:#b6c9cf!important;font-size:12px!important;line-height:1.75!important}
@media(max-width:980px){.builder-grid{grid-template-columns:1fr 1fr}.builder-head{grid-template-columns:1fr}.builder-actions{justify-content:flex-start}}
@media(max-width:650px){.builder-shell{padding:15px}.builder-grid{grid-template-columns:1fr}.builder-result-tabs{display:grid;grid-template-columns:1fr 1fr 1fr}.builder-result-tabs button{padding:0 8px}.builder-hint{flex-direction:column}.builder-chip{flex:1 1 130px}}
@media(max-width:430px){.builder-result-tabs{grid-template-columns:1fr}.builder-result-tabs button{border-right:0;border-bottom:1px solid rgba(189,235,240,.1)}.builder-actions{display:grid}.builder-actions button{width:100%}.builder-result-panel>strong{font-size:25px}}
@supports (-webkit-touch-callout:none){.builder-grid select{font-size:16px}.builder-shell button{touch-action:manipulation}}