.actions button[type=submit]{background:orangered;color:#fff}.actions button[type=submit]:hover{background:#000;color:#fff}.actions{display:flex;flex-wrap:wrap;gap:.75rem}.actions button{border:1px solid #ddd;background:#f7f7f7;padding:.7rem 1rem;border-radius:10px;cursor:pointer;font-weight:700}.actions button:hover{background:#efefef}
.calc-jump-list{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:0}.calc-jump-list a{display:inline-block;padding:.5rem 1rem;background:orangered;color:#fff;border-radius:.4rem;text-decoration:none;font-weight:600;transition:background .2s ease}.calc-jump-list a:hover{background:#000}
.calc-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem}
.calc-card{grid-column:span 6;border:1px solid #ddd;border-radius:14px;background:#fff;padding:1rem}.calc-card.full-width{grid-column:1/-1}.calc-card h2{margin-top:0;margin-bottom:.35rem}
.calc-form{display:grid;gap:.9rem}
.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
.field{display:grid;gap:.35rem}.field label{font-weight:700}.field input,.field select,.actions button{font:inherit}.field input,.field select{width:100%;padding:.7rem .8rem;border:1px solid #ddd;border-radius:10px}
.result-box{margin-top:1rem;border:5px solid orangered;border-radius:12px;padding:1rem;background:#f8f8f8}.result-box h3{margin-top:0;margin-bottom:.75rem}
.result-list{list-style:none;padding:0;margin:0;display:grid;gap:.35rem}.result-list strong{display:inline-block;min-width:140px}
.small-note{margin-top:.75rem;font-size:.92rem;color:#666}
@media(max-width:900px){.calc-card{grid-column:span 12}}
@media(max-width:640px){.field-grid{grid-template-columns:1fr}.calc-card{padding:.9rem}}
ol{counter-reset:item;list-style-type:none;padding-left:0}ol li{counter-increment:item;position:relative;padding-left:30px}ol li:before{content:counter(item) ". ";position:absolute;left:0;color:darkslategray;font-weight:700}
.no-bullets li{line-height:2;font-size:1.4rem}
div.important{display:grid;justify-self:center;padding:1.5rem;background-color:whitesmoke;margin-top:2rem;border:1px solid gray;max-width:60ch}
.monospace-text{font-family:"Courier New",Courier,monospace;font-size:1.1rem}
.depthChart{column-count:1;column-width:120px;text-align:center}
@media screen and (min-width:768px){.depthChart{column-count:2;column-width:100px;text-align:left}}
@media screen and (min-width:1024px){.depthChart{column-count:3;column-width:100px;text-align:left}}
ul.notes{list-style-type:none}.notes li{line-height:1.2;font-size:1.2rem;margin-bottom:1rem;margin-left:1rem}