/* Calculator-only G2: preserve 48px keys and guidance, compact initial mobile workspace. */
@media (max-width:700px) {
 .p0-page[data-calculator="calculator"] {padding:8px 12px 12px!important}
 .p0-page[data-calculator="calculator"] h1 {margin:8px 0 6px!important}
 .p0-page[data-calculator="calculator"] .breadcrumb {margin-bottom:6px!important}
 .p0-page[data-calculator="calculator"] .p0-workspace {margin:8px 0 16px}
 .p0-page[data-calculator="calculator"] .p0-workspace>.p0-input {padding:12px!important}
 .p0-page[data-calculator="calculator"] .p0-input>p:first-child {margin-bottom:6px}
 .p0-page[data-calculator="calculator"] #display {min-height:48px;padding:4px 12px;margin-bottom:10px}
 .p0-page[data-calculator="calculator"] .keys {gap:6px}
 .p0-page[data-calculator="calculator"] .keys button {min-height:48px;padding:6px 8px}
}

/* N1: keep the current value on one line; overflow remains selectable and scrollable. */
.p0-page[data-calculator="calculator"] #display {white-space:nowrap;overflow-wrap:normal;word-break:normal;overflow-x:auto;max-width:100%}
@media (max-width:700px) {
 .p0-page[data-calculator="calculator"] h1 {margin-top:4px!important}
 .p0-page[data-calculator="calculator"] .p0-workspace {margin-top:4px}
 .p0-page[data-calculator="calculator"] .p0-workspace>.p0-input {padding:10px!important}
 .p0-page[data-calculator="calculator"] #display {font-size:22px}
}