/* Important declarations in the first layer beat historical compact desktop
   styles. Desktop density and terminal/output zoom preferences stay intact. */
@layer mobile_readability {
@media screen and (max-width:1024px), screen and (pointer:coarse) {
    html { font-size:100% !important; -webkit-text-size-adjust:100%; text-size-adjust:100%;
        --gui-text-body:16px; --gui-text-control:16px; --gui-text-secondary:14px;
        --gui-text-heading:18px; --gui-text-page-title:24px; --gui-font-scale:100%; }
    body { font-size:16px !important; line-height:1.5 !important; }
    body :is(p,td,input,select,textarea,option,button,summary) { font-size:16px !important; line-height:1.45 !important; }
    body :is(label,small,th,.muted-copy,.field-label,.eyebrow,.status-pill,.status-badge,.legend-row__label,
        .gui-metric-card__label,.gui-metric-card__meta,.footer-pill__label,.footer-pill__meta) {
        font-size:14px !important; line-height:1.4 !important;
    }
    body :is(button,summary,label,td,th,.status-pill,.status-badge) span { font-size:inherit !important; }
    body :is(h2,h3,h4,h5,h6,.chart-card__head h3) { font-size:18px !important; line-height:1.35 !important; }
    body h1 { font-size:24px !important; line-height:1.25 !important; }
    body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,button,summary.toolbar-select) {
        min-height:44px !important; height:auto !important;
    }
    body .workspace-footer :is(strong,time,.footer-pill__label,.footer-pill__meta) { font-size:14px !important; }
    /* Keep prose readable without changing SVG axis labels or raw CLI output. */
    body :is(.agentic-chat-prose p,.agentic-chat-prose li) { font-size:16px !important; }
    body .landing-hero h1 { font-size:clamp(32px,6vw,58px) !important; }
}
}