.db-intro{padding:84px 0 78px;border-top:1px solid var(--line)}
.db-intro .section-heading,.db-rules .section-heading,.db-addition .section-heading,.db-lab-section .section-heading{max-width:940px}.db-intro h2,.db-rules h2,.db-addition h2,.db-lab-section h2,.db-takeaways h2{overflow-wrap:anywhere;hyphens:auto}
.db-definition-grid,.db-rule-grid,.db-add-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.db-card{min-width:0;padding:21px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel)}.db-card.primary{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 8%,var(--panel-solid)),var(--panel));border-color:color-mix(in srgb,var(--accent) 26%,var(--line))}.db-card>span,.db-reading>span{display:block;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.db-card h3{margin:8px 0 7px;font-size:1rem}.db-card p{margin:0;color:var(--muted);font-size:.88rem}.db-eq{display:block;min-height:76px;margin:12px 0;padding:20px 12px;line-height:1.45;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--bg) 45%,transparent);font-family:"Cambria Math","STIX Two Math",Georgia,serif;font-size:clamp(1.02rem,2.1vw,1.3rem);text-align:center;overflow-wrap:anywhere}.db-eq.multiline{min-height:100px}.db-note,.db-warning{margin-top:14px;padding:17px 19px;border-left:3px solid var(--accent);border-radius:0 14px 14px 0;background:color-mix(in srgb,var(--accent) 5%,var(--panel));color:var(--muted);font-size:.87rem}.db-warning{border-left-color:var(--warm);background:color-mix(in srgb,var(--warm) 6%,var(--panel))}.db-note strong,.db-warning strong{color:var(--text)}.db-note p,.db-warning p{display:inline;margin:0 0 0 7px}
.db-rules{padding:80px 0;border-block:1px solid var(--line);background:color-mix(in srgb,var(--bg-elevated) 58%,transparent)}.db-rule-table{display:grid;grid-template-columns:1.05fr 1fr 1fr 1.1fr;gap:1px;margin-top:15px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--line)}.db-rule-table>div{min-width:0;padding:14px;background:var(--panel)}.db-rule-table .head{color:var(--accent);font-size:.68rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.db-rule-table strong{display:block;font-size:.86rem;overflow-wrap:anywhere}.db-rule-table span{display:block;color:var(--muted);font-size:.76rem;overflow-wrap:anywhere}
.db-addition{padding:82px 0}.db-add-chain{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin-top:14px}.db-add-chain>div:not(.db-chain-arrow){min-width:0;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.db-add-chain span{display:block;color:var(--accent);font-size:.67rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.db-add-chain strong{display:block;margin-top:5px;font-family:"Cambria Math","STIX Two Math",Georgia,serif;font-size:1rem;overflow-wrap:anywhere}.db-add-chain small{display:block;margin-top:5px;color:var(--muted);font-size:.72rem}.db-chain-arrow{color:var(--accent);font-size:1.3rem;font-weight:900}
.db-lab-section{padding:84px 0 94px;border-top:1px solid var(--line)}.db-lab-shell{display:grid;grid-template-columns:310px minmax(0,1fr);gap:14px;align-items:start}.db-controls,.db-panel{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 16px 50px rgba(0,0,0,.1)}.db-controls{position:sticky;top:calc(var(--header-h) + 16px);padding:17px}.db-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 2px;padding:0 0 13px;border:0;border-bottom:1px solid var(--line)}.db-presets legend{grid-column:1/-1;width:100%;margin-bottom:7px;color:var(--muted);font-size:.72rem;font-weight:750}.db-presets button{min-width:0;padding:9px 5px;border:1px solid var(--line);border-radius:10px;background:var(--panel-solid);color:var(--muted);font-size:.68rem;font-weight:800;cursor:pointer;overflow-wrap:anywhere}.db-presets button.is-active{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));color:var(--text);background:color-mix(in srgb,var(--accent) 10%,var(--panel-solid))}.db-controls label{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-size:.8rem;font-weight:700}.db-controls label span{min-width:0}.db-controls output{color:var(--accent);font-size:.73rem;font-variant-numeric:tabular-nums;text-align:right}.db-controls input[type="range"]{grid-column:1/-1;width:100%;accent-color:var(--accent)}.db-reset{width:100%;margin-top:14px}.db-assumption{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--bg) 44%,transparent)}.db-assumption strong{font-size:.76rem}.db-assumption p{margin:5px 0 0;color:var(--muted);font-size:.72rem;line-height:1.45}
.db-stage{display:grid;gap:14px;min-width:0}.db-panel{overflow:hidden}.db-panel-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:15px 17px;border-bottom:1px solid var(--line)}.db-panel-head>div:first-child{min-width:0}.db-panel-head span{display:block;color:var(--accent);font-size:.67rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.db-panel-head strong{display:block;margin-top:3px;font-size:.9rem;overflow-wrap:anywhere}.db-status{flex:0 0 auto;padding:6px 9px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:999px;color:var(--muted);font-size:.68rem;font-weight:800;white-space:nowrap}.db-level-svg,.db-ratio-svg{display:block;width:100%;height:auto;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 2%,transparent),transparent)}.db-axis{stroke:var(--line-strong);stroke-width:1.2}.db-grid{stroke:var(--line);stroke-width:1}.db-grid-label,.db-svg-label,.db-axis-title{fill:var(--muted);font-size:12px;font-weight:700}.db-axis-title{font-size:11px}.db-marker-pressure{fill:var(--accent)}.db-marker-intensity{fill:var(--accent-2)}.db-marker-power{fill:var(--warm)}.db-ratio-amplitude,.db-ratio-power{fill:none;stroke-width:3;stroke-linecap:round}.db-ratio-amplitude{stroke:var(--accent)}.db-ratio-power{stroke:var(--warm)}.db-ratio-marker{stroke:var(--accent-2);stroke-width:2;stroke-dasharray:6 5}.db-ratio-point-a{fill:var(--accent)}.db-ratio-point-p{fill:var(--warm)}.db-svg-legend{display:flex;flex-wrap:wrap;gap:8px 16px;padding:10px 16px 14px;border-top:1px solid var(--line);color:var(--muted);font-size:.68rem}.db-svg-legend span{display:inline-flex;align-items:center;gap:6px}.db-svg-legend i{display:inline-block;width:10px;height:10px;border-radius:999px}.db-svg-legend i.pressure{background:var(--accent)}.db-svg-legend i.intensity{background:var(--accent-2)}.db-svg-legend i.power{background:var(--warm)}
.db-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.db-metrics div{min-width:0;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.db-metrics span,.db-checks span{display:block;color:var(--muted);font-size:.67rem}.db-metrics strong{display:block;margin-top:5px;font-size:.88rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.db-metrics small{display:block;margin-top:3px;color:var(--muted);font-size:.66rem}.db-reading{padding:18px}.db-reading h3{margin:6px 0 7px;font-size:1.02rem;overflow-wrap:anywhere}.db-reading p{margin:0;color:var(--muted);font-size:.89rem}.db-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.db-checks div{padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--bg) 32%,transparent)}.db-checks strong{display:block;margin-top:4px;font-size:.76rem;overflow-wrap:anywhere}.db-cross-reference{margin:18px auto 0;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--muted);font-size:.86rem}.db-cross-reference a{color:var(--text)}.db-takeaways{padding-bottom:88px}.db-takeaway-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.db-takeaway-grid article{min-width:0;padding:16px;border-top:2px solid color-mix(in srgb,var(--accent) 40%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 3%,transparent),transparent)}.db-takeaway-grid span{color:var(--accent);font-size:.66rem;font-weight:900}.db-takeaway-grid strong{display:block;margin:6px 0 5px;font-size:.88rem}.db-takeaway-grid p{margin:0;color:var(--muted);font-size:.76rem}
@media (max-width:980px){.db-definition-grid,.db-rule-grid,.db-add-grid{grid-template-columns:1fr}.db-lab-shell{grid-template-columns:1fr}.db-controls{position:static}.db-add-chain{grid-template-columns:1fr}.db-chain-arrow{transform:rotate(90deg);justify-self:center}.db-rule-table{grid-template-columns:1fr 1fr}.db-takeaway-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.db-intro,.db-rules,.db-addition,.db-lab-section{padding-top:64px}.db-card,.db-controls{padding:15px}.db-panel-head{align-items:flex-start;flex-direction:column}.db-status{white-space:normal}.db-rule-table,.db-metrics,.db-checks,.db-takeaway-grid{grid-template-columns:1fr}.db-grid-label,.db-svg-label{font-size:22px}.db-axis-title{font-size:16px}.db-note p,.db-warning p{display:block;margin:6px 0 0}.db-eq{font-size:1rem}.db-svg-legend{gap:7px 11px}}