.planning-options{display:flex;align-items:end;gap:1rem;flex-wrap:wrap}.planning-options label{margin:0}.planning-options input[type=number]{max-width:8rem}.planning-options input[type=checkbox]{width:1.2rem;height:1.2rem;vertical-align:middle}.planning-baseline{display:flex;gap:2rem;align-items:center}.planning-baseline>div:first-child{display:grid;min-width:10rem}.planning-baseline strong{font-size:3rem;line-height:1.15}.planning-variants{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.planning-variants .card{margin:0;display:flex;flex-direction:column;gap:.5rem;min-width:0}.planning-variants h2{font-size:1.25rem;margin:.25rem 0}.planning-recommended{outline:2px solid #9b2434}.planning-end{font-size:2.8rem;font-weight:750;line-height:1.15}.planning-end small{display:block;font-size:.9rem;font-weight:500}.planning-loads{flex:1;min-width:0}.planning-loads>div{display:grid;grid-template-columns:2rem minmax(2rem,1fr) auto;gap:.4rem;align-items:center;font-size:.8rem;margin:.4rem 0}.planning-load-track{height:.65rem;background:#e0e6ef;border-radius:4px;overflow:hidden}.planning-load-track i{height:100%;display:block;background:#253957}.planning-changes{font-size:.85rem}.planning-changes small{display:block;font-weight:400}.planning-variants details{margin:.5rem 0}.planning-variants>section>button{margin-top:auto}.tutorial-banner.tutorial-collapsed{align-items:center;padding:.5rem .8rem}.tutorial-collapsed p,.tutorial-collapsed .tutorial-extra{display:none}.tutorial-collapsed h2{font-size:1.1rem;margin:0}.tutorial-step-list{display:flex;gap:.4rem;flex-wrap:wrap;margin:.3rem 0}.tutorial-step-list span{padding:.15rem .5rem;background:#e5eaf1;border-radius:3px;font-size:.75rem}.tutorial-step-list .current{background:#253957;color:white}.tutorial-picker .tutorial-practiced{box-shadow:inset 0 0 0 2px #496347}.tutorial-picker .tutorial-practiced small:last-child{color:#31502f;font-weight:700}@media(max-width:1000px){.planning-variants{grid-template-columns:1fr}.planning-baseline{flex-wrap:wrap;gap:.5rem}.planning-baseline .planning-loads{min-width:15rem}.planning-end{font-size:2.5rem}.planning-options>label:first-child{width:100%}}