/* MobilePlus 0.1.2 — global CSS injected across all themes
   - Improve mobile readability (font sizing / line height / tap targets)
   - Bring back coloured notice boxes (.info, .warning, .error)
   - Fix print layout border (community discussion #1047)
*/

/* 1) Mobile-friendly base typography */
/* html { */
    /* scales from ~16px on small phones up to ~18px on larger screens */
/*    font-size: clamp(16px, 2.2vw + 0.5rem, 18px);
}
body {
    line-height: 1.6;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
.content, .main {
    word-wrap: break-word;
    overflow-wrap: anywhere;
} */
/* a, button, .button {
    min-height: 44px;
} */

/* 2) Notice boxes */
:root {
    --info:    #4098ff;
    --warning: #feaa0b;
    --error:   #e91f10;
}
.info, .warning, .error {
    color: #222;
    display: block;
    border-left: 0.25rem solid;
    padding: 1rem;
    margin: 1rem 0;
    border-radius: 0.25rem;
    background: #f9f9f9;
}
.info    { border-left-color: var(--info); }
.warning { border-left-color: var(--warning); }
.error   { border-left-color: var(--error); }

/* 3) Print fix from discussion #1047 – remove page border on print */
@media print {
    .page { border: none !important; }
}

/* 4) Optional: tables scroll on narrow screens */
.content table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    border-collapse: collapse;
}