
.depth-main{padding-top:1.1rem;padding-bottom:4rem;max-width:1120px}
.depth-crumb{display:flex;gap:.55rem;align-items:center;color:#5d6b60;font-size:.86rem;margin:.2rem 0 1.4rem}
.depth-crumb a{color:#335b45;text-decoration-thickness:1px;text-underline-offset:3px}
.depth-intro{display:grid;grid-template-columns:1fr;gap:1rem;align-items:center;padding:clamp(.5rem,2vw,1.2rem) 0 1.1rem}
.depth-eyebrow,.depth-step{font-size:.72rem;letter-spacing:.12em;font-weight:750;color:#8c552f;margin:0 0 .55rem}
.depth-intro h1{max-width:13ch;font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.25rem,5vw,4rem);line-height:1.02;letter-spacing:-.035em;color:#20382b;margin:0}
.depth-lead{max-width:42rem;color:#49574d;font-size:1.08rem;line-height:1.65;margin:1rem 0 0}
.depth-illustration{margin:1rem 0;background:#eee9dc;border:1px solid #d4d0c1;border-radius:2px;padding:.7rem .7rem .45rem;max-width:680px}.depth-illustration-inline{margin:1.25rem 0 0}
.depth-illustration img{display:block;width:100%;height:auto;aspect-ratio:12/7;object-fit:cover}
.depth-illustration figcaption{color:#536154;font-size:.78rem;line-height:1.4;padding:.55rem .25rem 0}
.depth-workspace{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(0,1.2fr);gap:1rem;align-items:start}
.depth-input-card,.depth-results{border:1px solid #c9cfc4;border-radius:4px;background:#fffefa;padding:clamp(1rem,2.2vw,1.55rem);box-shadow:0 10px 30px rgba(31,48,36,.055)}
.depth-card-heading h2,.depth-results-head h2,.depth-section-heading h2,.depth-related h2{font-family:Georgia,'Times New Roman',serif;font-size:1.65rem;line-height:1.12;color:#20382b;margin:.1rem 0 .5rem}
.depth-card-heading>p:last-child{color:#59645b;line-height:1.5;margin:0 0 1.2rem;font-size:.93rem}
.depth-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem .75rem}
.depth-field{display:block;min-width:0;color:#273a2e;font-weight:700;font-size:.88rem}
.depth-field>span{display:flex;justify-content:space-between;gap:.4rem;align-items:baseline;margin-bottom:.4rem}
.depth-field small{font-size:.72rem;color:#687268;font-weight:500}
.depth-wide{grid-column:1/-1}
.depth-input-pair{display:flex;min-width:0;border:1px solid #9da99c;background:#fff;border-radius:3px;overflow:hidden;min-height:46px}
.depth-input-pair input{flex:1 1 0;min-width:0;width:auto;border:0;background:transparent;padding:.65rem .7rem;color:#20382b;font:inherit;font-weight:650;font-size:1rem;outline:none}
.depth-input-pair input:focus-visible,.depth-input-pair select:focus-visible{outline:3px solid #8eaa86;outline-offset:-3px}
.depth-input-pair select,.depth-unit-label{flex:0 0 auto;border:0;border-left:1px solid #d6dbd2;background:#f2f3ed;color:#334638;padding:0 .68rem;font:inherit;font-size:.84rem;font-weight:650;display:flex;align-items:center}
.depth-input-pair select{width:auto;max-width:50%}
.depth-field>select{width:100%;min-height:46px;border:1px solid #9da99c;border-radius:3px;background:#fff;color:#20382b;padding:0 .7rem;font:inherit;font-weight:600}
.depth-price>span{display:flex;align-items:center;padding:0 .65rem;background:#f2f3ed;border-right:1px solid #d6dbd2;color:#425448;font-weight:700}
.depth-quick-result{display:flex;flex-direction:column;gap:.24rem;border-left:3px solid #476b51;background:#e9ede4;padding:.7rem .8rem;margin:-.15rem 0 1rem}.depth-quick-result span{font-size:.69rem;text-transform:uppercase;letter-spacing:.08em;font-weight:750;color:#53664f}.depth-quick-result strong{font-size:.97rem;line-height:1.4;color:#20382b;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.depth-quick-result small{font-size:.72rem;color:#5f6b60;line-height:1.35}
.depth-intro .depth-quick-result{margin:.15rem 0 0;max-width:42rem}.depth-intro .depth-quick-result strong{font-size:1.04rem}
.depth-price-note{font-size:.78rem;line-height:1.45;color:#657066;margin:.7rem 0 1rem}
.depth-form-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}
.depth-form-actions button{min-height:44px;border:1px solid #294b39;background:#294b39;color:white;padding:.65rem 1rem;border-radius:3px;font:inherit;font-weight:700;cursor:pointer}
.depth-form-actions button:hover{background:#1f3c2c}
.depth-form-actions .depth-reset{background:transparent;color:#385343;border-color:#9da99c}
#depth-error{flex-basis:100%;font-size:.85rem;color:#9a332c;min-height:1.2em}
.depth-results{background:#f4f4ed}
.depth-results-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.depth-results-head h2{margin-bottom:.3rem}
.depth-example-tag{margin:.3rem 0 0;padding:.35rem .5rem;border:1px solid #c1c8ba;background:#e9ede4;color:#53654f;font-size:.72rem;white-space:nowrap;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.depth-result-note{margin:.35rem 0 1rem;color:#626d61;font-size:.85rem;line-height:1.5}
.depth-scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.depth-scenario{min-width:0;background:#fffefa;border:1px solid #ccd2c6;padding:.85rem .9rem;border-top:4px solid #a46639}
.depth-scenario-b{border-top-color:#476b51}
.depth-scenario header>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:750;color:#687466}
.depth-scenario h3{font-family:Georgia,'Times New Roman',serif;color:#20382b;font-size:1.7rem;margin:.2rem 0 .65rem;overflow-wrap:anywhere}
.depth-scenario dl{margin:0}
.depth-scenario dl>div{display:flex;justify-content:space-between;gap:.6rem;align-items:baseline;border-top:1px solid #e4e6df;padding:.48rem 0}
.depth-scenario dt{font-size:.77rem;line-height:1.3;color:#5c685d}
.depth-scenario dd{margin:0;text-align:right;color:#24382b;font-size:.92rem;font-weight:750;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.depth-difference{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#244131;color:#fff;padding:.9rem 1rem;margin-top:.8rem}
.depth-difference p{margin:0 0 .24rem;color:#d5e0d4;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.depth-difference strong{font-size:1.08rem;line-height:1.4;font-variant-numeric:tabular-nums}
.depth-difference>span{font-size:.8rem;line-height:1.4;color:#e2e9df;text-align:right;max-width:13rem}
.depth-input-caveat{font-size:.78rem;line-height:1.45;color:#5b665c;margin:.75rem 0 0}
.depth-explainer,.depth-faq{margin-top:3.2rem}
.depth-section-heading{max-width:47rem;margin-bottom:1.15rem}
.depth-section-heading>p:last-child{margin:.2rem 0;color:#5b665c;line-height:1.55}
.depth-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.depth-method-grid article{border-top:2px solid #8b684d;background:#f5f3ea;padding:1rem}
.depth-method-index{display:inline-grid;place-items:center;width:1.7rem;height:1.7rem;border:1px solid #8b684d;border-radius:50%;color:#725235;font-weight:750;font-size:.8rem}
.depth-method-grid h3{font-family:Georgia,'Times New Roman',serif;color:#20382b;font-size:1.17rem;margin:.65rem 0 .45rem}
.depth-method-grid p{font-size:.91rem;color:#505d52;line-height:1.6;margin:0}
.depth-method-grid strong{color:#283b2d}
.depth-worked-example{margin:1rem 0 0;background:#e9ede4;border-left:4px solid #476b51;padding:1rem 1.1rem}
.depth-worked-example figcaption{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:750;color:#53664f}
.depth-worked-example p{font-size:.94rem;line-height:1.65;color:#3f4f42;margin:.55rem 0 0}
.depth-units-note{font-size:.82rem;line-height:1.55;color:#5b665c;margin:1rem 0}
.depth-units-note a{color:#2f5b43;text-underline-offset:2px}
.depth-faq-list{border-top:1px solid #c9cfc4}
.depth-faq-list details{border-bottom:1px solid #c9cfc4;padding:.85rem .1rem}
.depth-faq-list summary{color:#293d30;font-weight:700;cursor:pointer;line-height:1.45}
.depth-faq-list details p{color:#58645a;line-height:1.6;max-width:70ch;margin:.6rem 0 0}
.depth-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:3rem}
.depth-related h2{grid-column:1/-1;margin:0 0 .3rem}
.depth-related>a{display:flex;flex-direction:column;gap:.4rem;border:1px solid #c9cfc4;background:#fffefa;padding:1rem;text-decoration:none;color:#263a2d}
.depth-related>a:hover{border-color:#476b51;background:#f2f4ed}
.depth-related strong{font-family:Georgia,'Times New Roman',serif;font-size:1.08rem}
.depth-related span{font-size:.86rem;line-height:1.45;color:#5c685d}
.depth-footer{border-top:1px solid #d4d8cf;padding:1rem 0 2rem;color:#687168;font-size:.8rem}
@media(max-width:800px){.depth-intro{grid-template-columns:1fr;gap:.8rem}.depth-workspace{grid-template-columns:1fr}.depth-method-grid{grid-template-columns:1fr}.depth-method-grid article{padding:.9rem 1rem}}
@media(max-width:520px){.depth-main{padding-top:.8rem}.depth-crumb{margin-bottom:1rem}.depth-intro h1{font-size:clamp(2.15rem,11vw,3rem)}.depth-lead{font-size:1rem}.depth-intro .depth-quick-result{padding:.62rem .68rem}.depth-intro .depth-quick-result strong{font-size:.96rem}.depth-input-card,.depth-results{padding:.9rem}.depth-field-grid{gap:.8rem .55rem}.depth-field{font-size:.82rem}.depth-field small{font-size:.68rem}.depth-scenario-grid{gap:.45rem}.depth-scenario{padding:.72rem .58rem}.depth-scenario h3{font-size:1.38rem}.depth-scenario dt{font-size:.7rem}.depth-scenario dd{font-size:.79rem}.depth-scenario dl>div{gap:.3rem}.depth-difference{align-items:flex-start;flex-direction:column;gap:.35rem;padding:.8rem}.depth-difference>span{text-align:left;max-width:none}.depth-difference strong{font-size:.98rem}.depth-related{grid-template-columns:1fr}.depth-related h2{grid-column:auto}.depth-example-tag{font-size:.64rem;padding:.3rem .4rem}}
