/* r23: mobile calculator uses comfortable spacing and natural document height. */
@media(max-width:700px){
 #calc{padding-block:32px!important}
 #calc .calc-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin:0 0 20px}
 #calc .calc-kicker{margin-bottom:10px}
 #calc .strategy-promo{min-height:76px;padding:14px 16px;gap:12px;border-radius:18px}
 #calc .strategy-gift{flex-basis:36px;width:36px;height:36px;border-radius:11px}
 #calc .strategy-gift svg{width:26px;height:26px}
 #calc .strategy-link{margin-top:6px}
 #calc .calc-r7-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start;border:0;border-radius:0;background:none;box-shadow:none}
 #calc #calc-form,#calc #calc-result{padding:20px 18px;height:auto;min-height:0;margin:0;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,var(--panel-top),var(--panel-bottom));box-shadow:inset 0 1px 0 var(--panel-edge),0 16px 42px -30px var(--lift-shadow);outline:none}
 #calc #calc-form:focus-visible,#calc #calc-result:focus-visible{outline:3px solid var(--cobalt);outline-offset:4px}
 #calc #calc-form{display:grid;gap:20px}
 #calc #calc-profile-pane,#calc #calc-volume-pane{display:block}
 #calc .calc-fields{row-gap:16px}
 #calc .calc-fields select{margin-top:8px;min-height:48px;height:48px;padding:10px 30px 10px 10px;font-size:16px}
 #calc .calc-mode-note:empty,#calc #copy-status:empty{display:none}
 #calc .calc-mode-note:not(:empty){margin:14px 0 0}
 #calc .volume-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:0}
 #calc .calc-number{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:center}
 #calc .calc-number>label{font-size:13px;line-height:1.5}
 #calc .stepper{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;margin:0}
 #calc .stepper button,#calc .stepper input{height:48px;min-height:48px}
 #calc .calc-toolbar{display:flex;align-items:center;gap:12px;margin:0;padding-top:16px;border-top:1px solid var(--line)}
 #calc .calc-toolbar .text-disclosure{margin-top:0;min-height:44px;font-size:13px}
 #calc #calc-reset{position:static;inset:auto;margin:0 0 0 auto;flex:0 0 44px;width:44px;height:44px}
 #calc #calc-result{display:grid;gap:16px;border-top:2px solid var(--cobalt)}
 #calc .result-main{gap:14px;margin:0}
 #calc .result-person{flex:0 0 56px}
 #calc .result-person>.elena-art{width:56px}
 #calc .result-eyebrow{font-size:13px;line-height:1.5;padding-right:24px}
 #calc .result-help{top:12px;right:10px}
 #calc .calc-cta-row{margin:0;gap:10px}
 #calc .calc-cta-row .btn,#calc .calc-copy{min-height:48px}
 #calc .calc-detail-links{margin:0;padding-top:16px;gap:8px 14px;border-top:1px solid var(--line)}
 #calc .calc-detail-links button{font-size:12px;min-height:44px;padding-block:0}
 #calc #copy-status{margin:0}
}
@media(max-width:380px){
 #calc #calc-form,#calc #calc-result{padding:18px 14px}
 #calc .calc-fields{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}
 #calc .calc-fields>label{grid-column:1/-1;padding-left:0}
 #calc .calc-fields>[data-company]{grid-column:1;padding-left:0}
 #calc .calc-fields>[data-tax]{grid-column:2;padding-left:0}
 #calc .calc-fields>label.calc-wide,#calc .calc-fields>#chief-profiles{grid-column:1/-1;padding-left:0}
 #calc .calc-number{grid-template-columns:minmax(0,1fr);gap:8px}
 #calc .stepper{grid-template-columns:48px minmax(0,1fr) 48px}
 #calc .stepper button{width:48px}
 #calc .result-main{gap:12px}
 #calc .result-person{flex-basis:48px}
 #calc .result-person>.elena-art{width:48px}
}