.practical{--tool-panel-muted: var(--text-2);--tool-panel-text: var(--text-1)}.practical-save{margin:0;color:var(--text-2);font-size:.85rem}.practical-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1rem;min-width:0}.practical .planner-panel{min-width:0;border:1px solid var(--royal-layer-border);border-radius:2px;background:var(--royal-layer-surface);padding:1rem}.practical .planner-panel h3{margin:0 0 .9rem;padding-bottom:.6rem;border-bottom:1px solid var(--rule);font-size:1.15rem;font-family:var(--font-display)}.practical .planner-panel h4{margin:1.25rem 0 .5rem}.practical .field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.practical .planner-field{display:grid;gap:.35rem;min-width:0;margin-bottom:.75rem}.practical .planner-field>span{color:var(--text-2);font-size:.9rem}.practical .planner-field input,.practical .planner-field select{box-sizing:border-box;width:100%;min-width:0}.practical input:focus-visible,.practical select:focus-visible,.practical button:focus-visible,.practical summary:focus-visible{outline:2px solid var(--royal-brass-bright);outline-offset:2px}.practical .planner-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:.65rem;margin-bottom:1rem}.practical .planner-metric{min-width:0;border-bottom:1px solid var(--rule);padding-bottom:.65rem}.practical .planner-metric>span{color:var(--text-2);font-size:.9rem}.practical .planner-metric strong{display:block;font-family:var(--font-display);font-size:1.5rem;overflow-wrap:anywhere}.practical-note{color:var(--text-2);font-size:.9rem;line-height:1.5;margin:1rem 0 0}.practical-warning{display:block;border-left:3px solid var(--royal-burgundy);padding:.65rem;background:var(--royal-layer-surface-soft)}.practical a{color:var(--royal-burgundy);text-underline-offset:.18em}html[data-ks-theme=dark] .practical a{color:var(--royal-brass-bright)}.practical-references,.practical-actions{display:flex;flex-wrap:wrap;align-items:end;gap:.65rem 1rem}.practical-references a{min-height:44px;display:flex;align-items:center}.practical-actions .planner-field{flex:1 1 12rem;margin-bottom:0}.tool-subject{display:flex;align-items:center;gap:1rem;margin:.6rem 0 1rem}.tool-subject img{object-fit:contain;flex:0 0 auto}.tool-subject a{display:block;margin-top:.3rem}.practical-flow{margin:1.25rem 0}.stacked-bar{display:flex;height:1.35rem;overflow:hidden;background:var(--royal-layer-head);border:1px solid var(--royal-layer-border)}.tone-good{background:#68835e}.tone-gold{background:#b88c48}.tone-danger{background:#8c3b43}.tone-neutral{background:#5b7d91}.practical-flow figcaption{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.6rem;font-size:.9rem}.practical-flow figcaption i{display:inline-block;width:.65rem;height:.65rem;margin-right:.4rem}.practical-steps{padding-left:1.3rem;line-height:1.6}.practical-steps li{margin:.4rem 0}.practical-chart{margin:1rem 0}.practical-chart svg{display:block;width:100%;height:auto;overflow:visible}.practical-chart text{fill:var(--text-2);font-family:inherit;font-size:12px}.chart-grid{stroke:var(--rule);stroke-width:1}.chart-axis{fill:none;stroke:var(--text-2);stroke-width:1}.chart-line{fill:none;stroke:var(--royal-burgundy);stroke-width:3}html[data-ks-theme=dark] .chart-line{stroke:var(--royal-brass-bright)}.practical-chart figcaption{font-size:.9rem;color:var(--text-2);text-align:center}.chance-targets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.chance-targets span{display:grid;gap:.2rem;padding:.5rem;background:var(--royal-layer-surface-soft)}.tool-ledger{list-style:none;padding:0;margin:.5rem 0 1rem}.tool-ledger li{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--rule);padding:.7rem 0}.tool-ledger strong{font-variant-numeric:tabular-nums;flex-shrink:0}.currency-lines>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:end;padding:1rem 0;border-bottom:1px solid var(--rule)}.currency-lines .planner-field{margin:0}.currency-lines small{grid-column:1 / -1}.hero-level-list{display:grid;max-height:32rem;overflow-y:auto;padding-right:.25rem;margin-bottom:1rem}.hero-level-list>div{display:grid;grid-template-columns:40px minmax(0,1fr) 44px;gap:.5rem;align-items:center;border-bottom:1px solid var(--rule);padding:.6rem 0}.hero-level-list .planner-field{margin:0}.hero-level-list img,.camp-instructors img{object-fit:contain}.camp-instructors{list-style:none;padding:0;display:grid;gap:.6rem}.camp-instructors li{display:grid;grid-template-columns:36px minmax(5rem,1fr) minmax(2rem,1fr) auto;align-items:center;gap:.5rem}.level-track{height:.6rem;background:var(--royal-layer-head)}.level-track>span{display:block;height:100%;background:var(--royal-brass-dark)}.camp-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;margin:1rem 0}.camp-slots>span{text-align:center;border:1px solid var(--royal-layer-border);padding:.55rem .15rem;min-width:0}.camp-slots small{display:block;font-size:.75rem;overflow-wrap:anywhere}.camp-slots .assigned{background:color-mix(in srgb,#68835e 25%,transparent)}.camp-slots .locked{opacity:.55}.mission-list{max-height:34rem;overflow-y:auto;padding-right:.3rem;margin-bottom:1rem}.mission-choice{display:flex;align-items:center;gap:.7rem;min-height:44px;border-bottom:1px solid var(--rule);padding:.7rem 0;cursor:pointer}.mission-choice input{width:20px;height:20px;flex:0 0 auto;accent-color:var(--royal-burgundy)}.mission-choice>span{flex:1;min-width:0}.mission-choice small,.milestone-ladder small{display:block;color:var(--text-2);font-size:.85rem;line-height:1.4;margin-top:.3rem}.mission-choice strong{white-space:nowrap}.mission-choice:has(input:disabled){cursor:default;opacity:.65}.milestone-ladder{display:grid;gap:.6rem;margin:1rem 0}.milestone-ladder>div{display:grid;grid-template-columns:minmax(3.5rem,.35fr) 1fr;align-items:start;gap:.7rem;padding:.75rem;border-left:3px solid var(--royal-layer-border);background:var(--royal-layer-surface-soft)}.milestone-ladder .reached{border-left-color:#68835e}.scoring-actions{display:grid;gap:.75rem;margin-top:1rem}.scoring-actions>div{border-bottom:1px solid var(--rule);padding-bottom:.75rem}.scoring-actions small{color:var(--text-2)}.scoring-actions .planner-field{margin-bottom:.3rem}@media(max-width:950px){.practical-grid{grid-template-columns:1fr}}@media(max-width:440px){.practical .field-grid{grid-template-columns:1fr}.practical .planner-panel{padding:.8rem}.camp-instructors li{grid-template-columns:32px minmax(4rem,1fr) minmax(1.5rem,1fr) auto}}
