.practice-graph,.gear-finder{border:1px solid var(--color-divider);background:var(--color-bg)}.practice-graph{padding:clamp(20px,4vw,36px)}.practice-graph-heading{justify-content:space-between;align-items:start;gap:24px;display:flex}.practice-graph h2,.gear-finder h2{margin:4px 0 8px;font-size:clamp(30px,4vw,44px)}.practice-graph-heading p,.gear-finder>div>p{max-width:620px;color:var(--color-text-muted);margin:0}.practice-graph-controls,.gear-finder-options{flex-wrap:wrap;gap:10px 24px;margin:28px 0 16px;display:flex}.practice-graph-controls fieldset,.gear-finder-options{border:0;min-width:0;padding:0}.practice-graph-controls legend{font:10px var(--font-mono);color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}.practice-graph-controls label,.gear-finder-options label{min-height:44px;color:var(--color-text-muted);cursor:pointer;align-items:center;gap:7px;font-size:13px;display:inline-flex}.practice-graph-controls input,.gear-finder-options input{accent-color:var(--color-primary)}.practice-graph-canvas{border:1px solid var(--color-divider);background:var(--color-surface);overflow-x:auto}.practice-graph-canvas svg{width:100%;min-width:560px;display:block}.practice-graph-grid{stroke:var(--color-divider);stroke-dasharray:3 5;stroke-width:1px}.practice-graph-axis,.practice-graph-date-tick text{fill:var(--color-text-faint);font:10px var(--font-mono);letter-spacing:.08em}.practice-graph-date-tick line{stroke:var(--color-text-faint);stroke-width:.6px}.practice-graph-line{fill:none;stroke:var(--color-primary);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.practice-graph-area{opacity:1}.practice-graph-point{fill:var(--color-bg);stroke:var(--color-primary);stroke-width:2px;cursor:pointer;transition:r .16s,fill .16s}.practice-graph-point:hover,.practice-graph-point:focus{fill:var(--color-primary);outline:none}.practice-graph-callout rect{fill:var(--color-surface-2);stroke:var(--color-primary)}.practice-graph-callout text{fill:var(--color-text-muted);font:9px var(--font-mono);letter-spacing:.04em}.practice-graph-callout text:last-child{fill:var(--color-primary);font-size:10px;font-weight:700}.practice-graph-summary{color:var(--color-text-muted);margin:12px 0 0;font-size:13px}.practice-graph-empty{border:1px dashed var(--color-border);background:var(--color-surface);justify-items:start;gap:16px;padding:24px;display:grid}.practice-graph-empty svg{width:100%;max-height:150px}.practice-graph-empty path{fill:none;stroke:var(--color-primary);stroke-width:2px;stroke-dasharray:8 8;animation:2.4s linear infinite graph-pulse}.practice-graph-empty circle{fill:var(--color-primary)}.practice-graph-empty p{color:var(--color-text-muted);margin:0}.gear-finder{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:32px;padding:clamp(20px,4vw,36px);display:grid}.gear-finder-options label{border:1px solid var(--color-border);background:var(--color-surface);padding:9px 12px;transition:border-color .16s,color .16s,transform .16s}.gear-finder-options legend{font:10px var(--font-mono);color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;flex-basis:100%;margin-bottom:-4px}.gear-finder-options label:hover,.gear-finder-options label.is-selected{border-color:var(--color-primary);color:var(--color-text);transform:translateY(-1px)}.gear-finder-result{border-left:1px solid var(--color-divider);padding-left:32px}.gear-finder-result>p:not(.dh-eyebrow):not(.small-copy){color:var(--color-text-muted);line-height:1.6}@keyframes graph-pulse{to{stroke-dashoffset:-32px}}@media (width<=720px){.practice-graph-heading,.gear-finder{grid-template-columns:1fr;display:grid}.practice-graph-heading .text-link{justify-self:start}.gear-finder-result{border-left:0;border-top:1px solid var(--color-divider);padding:24px 0 0}}@media (prefers-reduced-motion:reduce){.practice-graph-line,.practice-graph-area,.practice-graph-point,.gear-finder-options label{transition:none}.practice-graph-empty path{animation:none}}.stat-cell[data-astro-cid-lcdefpme]{background:var(--color-bg);padding:32px 24px}@media (width<=768px){#equipment-matcher[data-astro-cid-lcdefpme]{padding:64px 20px!important}}
