/* QssedA Lab v2 — isolated styles layered over the existing site theme. */
.ql-hero {padding-top:clamp(55px,7vw,110px);padding-bottom:45px}
.ql-overline {display:flex;align-items:center;gap:12px;color:var(--ink-soft);margin-bottom:30px}
.ql-hero-grid {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:35px;align-items:center}
.ql-hero h1{font-size:clamp(62px,7vw,112px);font-weight:840;line-height:1.16;letter-spacing:-.06em;margin:0 0 25px}
.ql-hero h1 em{color:var(--accent);font-style:normal}
.ql-title-dot{color:var(--accent)}
.ql-hero-grid p{max-width:710px;color:var(--ink-soft);font-size:clamp(16px,1.55vw,20px);line-height:1.95}
.ql-hero-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.ql-hero-meta span{border:1px solid var(--line);border-radius:100px;padding:11px 16px;color:var(--ink-soft);font-size:12px;white-space:nowrap}
.ql-hero-meta b{color:var(--ink)}
.ql-hero-visual{height:315px;position:relative;background:radial-gradient(circle at 52% 45%,var(--surface-muted),transparent 70%);isolation:isolate}
.ql-symbol{position:absolute;display:grid;place-items:center;border-radius:50%;font-family:ui-monospace,monospace;font-weight:800;color:#151718;box-shadow:0 20px 40px rgba(0,0,0,.09)}
.ql-symbol-a{background:var(--green);font-size:100px;width:200px;height:200px;left:35%;top:5%}
.ql-symbol-b{background:var(--violet);font-size:80px;width:145px;height:145px;left:5%;top:37%}
.ql-symbol-c{background:var(--blue);font-size:32px;width:120px;height:120px;right:1%;bottom:4%}
.ql-symbol-code{position:absolute;bottom:0;left:0;font:600 11px/1.6 ui-monospace,monospace;color:var(--ink-soft);letter-spacing:.035em}
.ql-quicknav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:80px}
.ql-quicknav a{border:1px solid var(--line);padding:18px 17px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:670;border-radius:10px;transition:background .15s,transform .15s}
.ql-quicknav a:hover{background:var(--surface-muted);transform:translateY(-2px)}
.ql-quicknav b{color:var(--accent);font-family:ui-monospace,monospace;font-size:12px}
.ql-quicknav a span{font-size:21px;color:var(--ink-soft)}
.ql-section{padding-block:100px}
.ql-section-alt{background:var(--surface-muted)}
.ql-section-head{border-top:1px solid var(--line-strong);padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--ink-soft)}
.ql-chip{font:650 11px/1.3 ui-monospace,monospace;background:var(--green);color:#172116;border-radius:100px;padding:7px 11px;white-space:nowrap}
.ql-chip-muted{background:var(--surface-muted);border:1px solid var(--line);color:var(--ink-soft)}
.ql-section-alt .ql-chip-muted{background:var(--surface)}
.ql-section-title{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:36px 0 32px}
.ql-section-title h2{font-size:clamp(38px,5.6vw,70px);line-height:1.15;letter-spacing:-.065em;margin:0 0 19px}
.ql-section-title p{font-size:16px;line-height:1.95;color:var(--ink-soft);max-width:740px;margin:0}
.ql-huge-number{font:800 clamp(80px,13vw,180px)/.8 ui-monospace,monospace;letter-spacing:-.12em;color:var(--line);opacity:.65;user-select:none}
.ql-presets{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}
.ql-presets button,.ql-small-btn,.ql-secondary,.ql-upload{border:1px solid var(--line-strong);border-radius:9px;background:transparent;color:var(--ink);padding:11px 14px;font-size:13px;font-weight:650;transition:background .15s}
.ql-presets button:hover,.ql-small-btn:hover,.ql-secondary:hover,.ql-upload:hover{background:var(--surface-muted)}
.ql-presets button[aria-pressed=true]{background:var(--ink);color:var(--bg)}
.ql-workspace{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);border:1px solid var(--line);background:var(--surface);border-radius:14px;overflow:hidden}
.ql-editor,.ql-analysis{padding:clamp(19px,2.2vw,33px);min-width:0}
.ql-editor{border-right:1px solid var(--line)}
.ql-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:25px;color:var(--ink-soft);min-height:25px}
.ql-form-block{border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:26px}
.ql-form-block h3,.ql-chart-box h3,.ql-constraint-report h3{margin:0;font-size:16px;font-weight:750;letter-spacing:-.025em}
.ql-inline-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:21px}
.ql-inline-controls label{font-size:12px;font-weight:650;display:block}
.ql-inline-controls input,.ql-inline-controls select{margin-top:8px}
.ql-editor input:not([type=file]),.ql-editor select,.ql-editor textarea{appearance:auto;width:100%;max-width:100%;border:1px solid var(--line-strong);background:var(--bg);color:var(--ink);padding:12px;border-radius:8px;font-size:15px;line-height:1.35}
.ql-editor textarea{resize:vertical;min-height:122px;font-family:ui-monospace,monospace;font-size:14px;line-height:1.7}
.ql-editor select{min-height:47px}
.ql-help{font-size:12px;line-height:1.75;color:var(--ink-soft);margin:13px 0 0}
.ql-heading-row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ql-constraint-list{display:flex;flex-direction:column;gap:9px;margin-top:17px}
.ql-constraint-row{display:grid;grid-template-columns:minmax(0,.8fr) 9px minmax(0,.8fr) minmax(70px,.9fr) minmax(0,.9fr) 32px;gap:7px;align-items:center}
.ql-constraint-row span{font-size:13px;text-align:center;color:var(--ink-soft)}
.ql-constraint-row .ql-remove{border:1px solid var(--line);color:var(--ink-soft);background:none;border-radius:7px;min-height:45px;font-size:21px}
.ql-constraint-row .ql-remove:hover{color:var(--ink);background:var(--surface-muted)}
.ql-constraint-row input,.ql-constraint-row select{min-width:0!important;font-size:14px!important;padding:10px 7px!important}
.ql-action-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}
.ql-primary{background:var(--ink);color:var(--bg);border:1px solid var(--ink);padding:14px 20px;border-radius:99px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:14px}
.ql-primary:hover{opacity:.84}
.ql-secondary{border-radius:99px;padding:13px 19px}
.ql-error{padding:12px 15px;background:#fce4e0;color:#8a3026;border-radius:8px;font-size:13px;line-height:1.7}
@media(prefers-color-scheme:dark){.ql-error{background:#462922;color:#ffc4b6}}
.ql-graph{display:block;width:100%;height:auto;color:var(--ink);overflow:visible}
.ql-graph .ql-gridline{stroke:var(--line);stroke-width:1}
.ql-graph .ql-axis{stroke:var(--ink-soft);stroke-width:1.6}
.ql-graph .ql-tick,.ql-graph .ql-graph-label{fill:var(--ink-soft);font:12px ui-monospace,monospace}
.ql-graph .ql-feasible{fill:var(--green);fill-opacity:.5;stroke:var(--green);stroke-width:2}
.ql-graph .ql-constraint-line{stroke:var(--accent);stroke-width:1.25;stroke-dasharray:6 6;opacity:.75}
.ql-graph .ql-contour{stroke:var(--ink);stroke-width:2.4;stroke-dasharray:8 5}
.ql-graph .ql-opt-point{fill:var(--accent);stroke:var(--surface);stroke-width:3}
.ql-graph .ql-opt-label{fill:var(--ink);font:bold 12px ui-monospace,monospace}
.ql-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:22px}
.ql-result-grid>div{padding:15px 13px;border-right:1px solid var(--line);min-width:0}
.ql-result-grid>div:last-child{border-right:0}
.ql-result-grid .micro{display:block;color:var(--ink-soft);font-size:10px}
.ql-result-grid strong{font-size:clamp(17px,2.2vw,29px);font-weight:780;letter-spacing:-.05em;display:block;margin-top:10px;overflow-wrap:anywhere}
.ql-analysis-note{margin-top:17px;background:var(--surface-muted);padding:16px;border-radius:9px;font-size:13px;line-height:1.8;color:var(--ink-soft)}
.ql-constraint-report{margin-top:28px}
.ql-constraint-report h3{margin-bottom:12px}
.ql-slack-table{display:flex;flex-direction:column;gap:7px}
.ql-slack-row{display:grid;grid-template-columns:1fr auto auto;gap:15px;border-bottom:1px solid var(--line);padding:10px 3px;font-size:12px;color:var(--ink-soft)}
.ql-slack-row strong{color:var(--ink);font-weight:700}
.ql-slack-row .ql-active{color:#3e975f}
.ql-method-note{border-left:3px solid var(--accent);margin-top:22px;padding:12px 18px;font-size:12px;line-height:1.8;color:var(--ink-soft);background:var(--surface-muted)}
.ql-section-alt .ql-method-note{background:var(--surface)}
.ql-block-label{display:block;margin:23px 0 10px;font-size:13px;font-weight:700}
.ql-data-tools{margin-top:10px}
.ql-upload{cursor:pointer;border-radius:99px;display:inline-block}
.ql-upload input{position:absolute;width:1px;height:1px;clip-path:inset(100%);overflow:hidden}
.ql-details{margin-top:25px;padding:15px;background:var(--surface-muted);border-radius:9px}
.ql-details summary{cursor:pointer;font-size:14px;font-weight:700}
.ql-details textarea{margin-top:4px}
.ql-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ql-metric{min-height:86px;border:1px solid var(--line);border-radius:8px;padding:12px;display:flex;justify-content:space-between;flex-direction:column}
.ql-metric .micro{color:var(--ink-soft);font-size:10px}
.ql-metric strong{font-size:clamp(16px,1.7vw,26px);font-weight:760;letter-spacing:-.035em;overflow-wrap:anywhere}
.ql-chart-box{margin-top:25px}
.ql-chart-box h3{margin:0 0 14px}
.ql-chart-box .ql-heading-row h3{margin:0}
.ql-chart-box .ql-heading-row{margin-bottom:12px}
.ql-hist .ql-histbar{fill:var(--green)}
.ql-hist .ql-histbar:nth-of-type(even){fill:var(--blue)}
.ql-box .ql-box-rect{stroke:var(--ink);fill:var(--violet)}
.ql-box .ql-box-line{stroke:var(--ink);stroke-width:2}
.ql-box .ql-box-med{stroke:var(--accent);stroke-width:3}
.ql-mc-results{margin-top:28px}
.ql-sim-canvas{width:100%;height:auto;max-height:320px;display:block;border-radius:9px;background:var(--surface-muted);margin:3px 0 14px}
.ql-edge-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.ql-edge-meta>div{background:var(--surface-muted);border-radius:8px;padding:12px;color:var(--ink-soft);font-size:12px}
.ql-edge-meta b{display:block;color:var(--ink);margin-top:7px;font-size:14px;overflow-wrap:anywhere}
.ql-endpoint{border:1px solid var(--line);border-radius:8px;padding:14px;margin-top:26px}
.ql-endpoint code{display:block;margin-top:10px;font-size:16px;color:var(--ink)}
.ql-logs{max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:12px;font:12px/1.7 ui-monospace,monospace}
.ql-logs p{margin:0 0 4px;overflow-wrap:anywhere}
.ql-logs p:last-child{margin:0}
.ql-logs .ql-log-ok{color:#3a9d62}
.ql-logs .ql-log-fail{color:#cd685c}
.ql-small-btn{font-size:12px;padding:8px 10px}
[hidden]{display:none!important}
@media(max-width:1160px){
 .ql-hero-grid{grid-template-columns:minmax(0,1fr) 300px}
 .ql-symbol-a{left:28%;width:170px;height:170px;font-size:80px}
 .ql-symbol-b{width:125px;height:125px;font-size:70px}
 .ql-symbol-c{width:100px;height:100px}
 .ql-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .ql-constraint-row{grid-template-columns:minmax(0,1fr) 6px minmax(0,1fr) 73px minmax(0,1fr) 32px;gap:5px}
}
@media(max-width:840px){
 .ql-hero-grid{grid-template-columns:1fr;gap:0}
 .ql-hero-visual{max-width:460px;width:100%;height:270px;margin:0 auto}
 .ql-quicknav{margin-top:25px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .ql-section{padding-block:75px}
 .ql-huge-number{font-size:85px}
 .ql-workspace{grid-template-columns:1fr}
 .ql-editor{border-right:0;border-bottom:1px solid var(--line)}
 .ql-editor,.ql-analysis{padding:24px}
}
@media(max-width:520px){
 .ql-hero{padding-top:52px}
 .ql-hero h1{font-size:clamp(46px,11.5vw,64px)}
 .ql-hero-meta span{padding:9px 11px}
 .ql-section-title{margin:25px 0}
 .ql-section-title h2{font-size:42px}
 .ql-section-title p{font-size:14px}
 .ql-huge-number{display:none}
 .ql-quicknav{gap:7px}
 .ql-quicknav a{padding:12px 11px;font-size:12px}
 .ql-editor,.ql-analysis{padding:16px}
 .ql-constraint-row{grid-template-columns:minmax(0,1fr) 5px minmax(0,1fr) 68px minmax(0,1fr) 28px;gap:3px}
 .ql-constraint-row span{font-size:11px}
 .ql-constraint-row input,.ql-constraint-row select{padding:9px 3px!important;font-size:12px!important}
 .ql-constraint-row .ql-remove{min-height:39px}
 .ql-result-grid strong{font-size:17px}
 .ql-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ql-result-grid .micro{font-size:9px}
 .ql-hero-visual{height:260px}
 .ql-symbol-a{width:160px;height:160px;left:35%;top:6%}
 .ql-symbol-b{width:108px;height:108px;top:37%;left:5%}
 .ql-symbol-c{width:90px;height:90px;right:0;bottom:4%;font-size:25px}
 .ql-edge-meta{grid-template-columns:1fr 1fr}
 .ql-logs{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 .ql-quicknav a,.ql-presets button{transition:none!important}
}