/*
Theme Name: Static Canvas
Theme URI: https://example.com/static-canvas
Author: Alex
Description: A deliberately minimal classic WordPress theme for shipping hand-written HTML pages at 1:1 fidelity. Drop an .html file into the theme's /html/ folder, assign the "HTML Canvas (1:1)" template to a page with the matching slug, and WordPress serves your markup verbatim - no block CSS, no global styles, no wpautop, no page builder. Regular pages and posts fall back to a plain, unopinionated layout.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: static-canvas
Tags: one-column, custom-menu, translation-ready
*/

/* ------------------------------------------------------------------
   NOTE: This stylesheet is NOT loaded on pages using the HTML Canvas
   template. Those pages get your CSS and nothing else, which is the
   entire point of the theme. What follows only styles the fallback
   views (blog index, single posts, ordinary pages, 404, search).
   ------------------------------------------------------------------ */

:root {
	--sc-ink: #17181a;
	--sc-muted: #5f6570;
	--sc-rule: #e3e5e9;
	--sc-link: #1f5fd0;
	--sc-bg: #ffffff;
	--sc-measure: 42rem;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	background: var(--sc-bg);
	color: var(--sc-ink);
	font: 400 1rem/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, sans-serif;
}

img,
video,
svg,
iframe {
	max-width: 100%;
	height: auto;
}

a {
	color: var(--sc-link);
}

.sc-shell {
	max-width: var(--sc-measure);
	margin: 0 auto;
	padding: 2.5rem 1.25rem 4rem;
}

.sc-masthead {
	border-bottom: 1px solid var(--sc-rule);
}

.sc-masthead__inner {
	max-width: var(--sc-measure);
	margin: 0 auto;
	padding: 1.25rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1.5rem;
	align-items: baseline;
	justify-content: space-between;
}

.sc-masthead__title {
	margin: 0;
	font-size: 1.0625rem;
	font-weight: 600;
	letter-spacing: -0.01em;
}

.sc-masthead__title a {
	color: inherit;
	text-decoration: none;
}

.sc-nav ul {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.9375rem;
}

.sc-entry + .sc-entry {
	margin-top: 3rem;
	padding-top: 3rem;
	border-top: 1px solid var(--sc-rule);
}

.sc-entry__title {
	margin: 0 0 0.35rem;
	font-size: 1.6rem;
	line-height: 1.25;
	letter-spacing: -0.02em;
}

.sc-entry__title a {
	color: inherit;
	text-decoration: none;
}

.sc-entry__meta {
	margin: 0 0 1.25rem;
	color: var(--sc-muted);
	font-size: 0.875rem;
}

.sc-colophon {
	border-top: 1px solid var(--sc-rule);
	color: var(--sc-muted);
	font-size: 0.875rem;
}

.sc-colophon__inner {
	max-width: var(--sc-measure);
	margin: 0 auto;
	padding: 1.5rem 1.25rem 3rem;
}

.sc-pagination {
	margin-top: 3rem;
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	font-size: 0.9375rem;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}