/* * Bump the root font-size so the bulk of the theme's rem-based sizing * scales up proportionally. The clarity theme leans heavily on * 0.875rem for body text and var(--text-sm) for sidebar / metadata — * both relative to the html root — so raising the root from the * browser default (16px) carries them along. * * Target audience for this manual skews 50+ retro-enthusiast; the * default theme size is too small for comfortable extended reading. * 18px root keeps body copy near 16px and nudges everything that * was tiny (sidebar, captions, code blocks) up a touch. */ html { font-size: 20px; } /* * The standalone header is gone (see _templates/layouts/default.html); * the logo + title now sit at the top of the left sidebar. Stack them * vertically and let the logo fill the narrow sidebar column (it was * sized for a full-width header). Both light and dark logo variants * carry .header-branding__logo. */ .header-branding { flex-direction: column !important; align-items: flex-start !important; } .header-branding__logo { width: 100% !important; height: auto !important; } /* * With the header removed, zero its height. The theme keys the sticky * sidebar offset, the content top-margin, and the mobile-drawer margins * off --header-height (defined on ) to clear a sticky header that * no longer exists. */ :root { --header-height: 0px !important; }