/*
    Style extensions/overrides for 'small'-sized screens/devices.

    Based on/copy of the original "style.css".
    Overrides certain values from that base CSS when applied.

    When will this be applied? That's controlled elsewhere on the site, with a line like
    <link rel="stylesheet" media="screen and (min-width: NNNNpx)" href="NAME-OF-THIS-FILE.css"/>

    -- Sascha Offe (created 2026-10-03 [later than the others; recent style decisions made it necessary])
*/

:root
{
    --header-masthead-site-description-font-size: 2em;
}

/* ---------------- Header & General Layout ---------------- */

header#masthead .site-description
{
	font-size: 1em;
    padding-top: 0.5em;
}

/* Necessary for an appropriate size/scale of the SVGs on smartphones */
header#masthead .site-description img
{
    height: 1em;
}