.depth-lesson{color:var(--color-text-primary);margin-top:1.5rem}.depth-eyebrow{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-accent-cyan);margin-bottom:.65rem}.depth-lesson header h1{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.035em;margin-bottom:.65rem}.depth-lesson header>p:last-child{color:var(--color-text-secondary);line-height:1.8;max-width:80ch}.depth-toolbar{position:sticky;top:76px;z-index:20;display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;padding:.8rem 0;margin:1.25rem 0;background:var(--color-bg-primary);border-bottom:1px solid var(--color-bg-tertiary)}.depth-toolbar button,.depth-path-controls button{padding:.65rem .9rem;min-height:44px;border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-control);background:var(--color-bg-secondary);font-size:.875rem;cursor:pointer}.depth-toolbar button:disabled{opacity:.4;cursor:default}.depth-toolbar .depth-primary{background:var(--color-accent-cyan);color:var(--color-bg-primary);font-weight:600;border-color:transparent}.depth-toolbar>span{font-family:var(--font-mono);font-size:.875rem;margin-left:auto}.depth-toolbar a{color:var(--color-accent);text-decoration:underline;font-size:.875rem}.depth-lesson :focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.depth-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;background:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);padding:1.25rem;border-radius:.75rem}.depth-lesson label{display:block;font-size:.875rem}.depth-lesson :is(select,.ui-select){width:100%;display:block;margin-top:.5rem;border:1px solid var(--color-bg-tertiary);background:var(--color-bg-primary);color:var(--color-text-primary);padding:.6rem;border-radius:var(--radius-control)}.depth-controls output{float:right;font-family:var(--font-mono);color:var(--color-accent-cyan)}.depth-controls input[type=range]{display:block;width:100%;height:24px;margin-top:.65rem;accent-color:var(--color-accent-cyan)}.depth-controls>p{grid-column:1 / -1;font-size:.875rem;color:var(--color-text-secondary);line-height:1.7}.depth-models{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin:1.25rem 0}.depth-model{border:1px solid var(--color-bg-tertiary);border-top-width:3px;border-radius:.6rem;background:var(--color-bg-secondary);padding:1rem}.depth-model-title{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;justify-content:space-between}.depth-model-title label{font-size:.8125rem}.depth-model-title :is(select,.ui-select){padding:.25rem .5rem}.depth-model>p{color:var(--color-text-secondary);font-size:.8125rem;line-height:1.7;margin-top:.8rem}.depth-layer-strip{display:flex;flex-wrap:wrap;gap:.25rem;margin:1rem 0;min-height:2rem}.depth-layer-strip span{border:1px solid var(--color-bg-tertiary);border-radius:.25rem;padding:.3rem;font-family:var(--font-mono);font-size:.75rem}.depth-model dl>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.depth-model dt{font-size:.8125rem;color:var(--color-text-secondary)}.depth-model dd{font-family:var(--font-mono);font-size:.875rem}.depth-model .depth-error{color:var(--color-accent-red)}.depth-plots{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.depth-panel{min-width:0;border:1px solid var(--color-bg-tertiary);border-radius:.75rem;background:var(--color-bg-secondary);padding:1.25rem}.depth-panel h2{font-size:1.2rem;font-weight:600;margin-bottom:.75rem}.depth-panel>p{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.8}.depth-chart-scroll{overflow-x:auto;margin:1.25rem 0}.depth-chart{width:100%;min-width:460px;color:var(--color-text-secondary);display:block}.depth-gradients{margin-top:1rem}.depth-gradient-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin-top:1.5rem}.depth-gradient-grid h3{font-size:.875rem;margin-bottom:1rem}.depth-gradient-row{display:grid;grid-template-columns:2rem 1fr 4rem;gap:.5rem;align-items:center;margin-bottom:.65rem;font-size:.75rem}.depth-gradient-row output{text-align:right;font-family:var(--font-mono)}.depth-gradient-track{background:var(--color-bg-primary);height:9px;border-radius:2px;overflow:hidden}.depth-gradient-track>span{display:block;height:100%}.depth-panel .depth-small{font-size:.875rem;margin-top:1rem}.depth-path{margin-top:1rem;scroll-margin-top:11rem}.depth-path-heading{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:start}.depth-path-heading label{min-width:180px}.depth-path-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.5rem}.depth-path-controls label{display:flex;align-items:center;gap:.6rem;padding:.5rem}.depth-path-controls input{accent-color:var(--color-accent-cyan)}.depth-path-scroll{overflow:hidden;border-radius:.5rem;background:var(--color-bg-primary);margin-top:1rem}.depth-path-svg{width:100%;max-height:560px;display:block;touch-action:none;cursor:grab;color:var(--color-text-primary)}.depth-path-svg:active{cursor:grabbing}.depth-path-readout{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;font-size:.8125rem;color:var(--color-text-secondary);margin:1rem 0}.depth-try{padding:1.25rem;border-left:2px solid var(--color-accent-cyan);background:var(--color-bg-secondary);margin:2rem 0}.depth-try p{color:var(--color-text-secondary);line-height:1.8;margin-top:.6rem}@media(max-width:1050px){.depth-models,.depth-gradient-grid{grid-template-columns:1fr 1fr}.depth-plots{grid-template-columns:1fr}}@media(max-width:650px){.depth-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.depth-toolbar>span{margin-left:0}.depth-models,.depth-gradient-grid{grid-template-columns:1fr}.depth-panel{padding:1rem}.depth-path-svg{min-height:340px}}@media(max-width:650px){.depth-path-svg text{font-size:24px}}.depth-reading[data-astro-cid-a34wc563]{color:var(--color-text-primary)}details[data-astro-cid-a34wc563]{margin:1rem 0;border:1px solid var(--color-bg-tertiary);border-radius:.6rem;background:var(--color-bg-secondary)}summary[data-astro-cid-a34wc563]{padding:1.1rem 1.25rem;cursor:pointer;font-weight:500}summary[data-astro-cid-a34wc563]:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}details[data-astro-cid-a34wc563]>div[data-astro-cid-a34wc563]{padding:0 1.25rem 1.25rem}p[data-astro-cid-a34wc563]{color:var(--color-text-secondary);font-size:1rem;line-height:1.8;max-width:90ch;margin:1rem 0}a[data-astro-cid-a34wc563]{color:var(--color-accent);text-decoration:underline}details[data-astro-cid-a34wc563] pre{overflow-x:auto;font-size:.875rem;line-height:1.8;padding:1rem}
