/*
Theme Name: State Tiles
Description: A theme for a directory of SEO company profiles: the front page is a tile map of the fifty states and the District, each tile shaded by how many companies its desk holds; a desk prints every company of one state in full, town by town, with the titles left unlinked
Version: 1.0.0
Requires at least: 6.0
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: state-tiles
*/

:root {
	--stl-ground: #f3efe6;
	--stl-paper: #fffdf9;
	--stl-lane: #e7e3d9;
	--stl-ink: #1d2026;
	--stl-ink-soft: #4f535b;
	--stl-link: #1a47a6;
	--stl-link-hover: #102f73;
	--stl-rule: #d6d0c3;
	--stl-rule-strong: #857d6d;
	--stl-focus: #d9480f;
	--stl-night: #1f2b3a;
	--stl-on-night: #f7f3ea;
	--stl-night-soft: #c9d1dc;
	--stl-heat-1: #f6e3b2;
	--stl-on-heat-1: #1d2026;
	--stl-heat-2: #e8b35c;
	--stl-on-heat-2: #1d2026;
	--stl-heat-3: #b3531f;
	--stl-on-heat-3: #ffffff;
	--stl-heat-4: #6c2813;
	--stl-on-heat-4: #ffffff;
	--stl-blank: #e2ded3;
	--stl-on-blank: #5a5d63;
	--stl-plate: #ece7db;
	--stl-head: "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", "Arial Narrow", Arial, sans-serif;
	--stl-body: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, serif;
	--stl-ui: system-ui, "Segoe UI", -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
	--stl-mono: ui-monospace, "Cascadia Mono", Consolas, "Liberation Mono", monospace;
}

@media (prefers-color-scheme:dark) {
	:root {
		--stl-ground: #15171b;
		--stl-paper: #1d2025;
		--stl-lane: #24282e;
		--stl-ink: #ede9e0;
		--stl-ink-soft: #b8b3a8;
		--stl-link: #93b7ff;
		--stl-link-hover: #c3d6ff;
		--stl-rule: #353a42;
		--stl-rule-strong: #8b8a86;
		--stl-focus: #ffab85;
		--stl-night: #0f1620;
		--stl-on-night: #f2eee6;
		--stl-night-soft: #b7c1ce;
		--stl-heat-1: #3e3424;
		--stl-on-heat-1: #f2ead8;
		--stl-heat-2: #7a5320;
		--stl-on-heat-2: #fff6e6;
		--stl-heat-3: #d9843e;
		--stl-on-heat-3: #15171b;
		--stl-heat-4: #f4b766;
		--stl-on-heat-4: #15171b;
		--stl-blank: #24272c;
		--stl-on-blank: #9c9a95;
		--stl-plate: #272a30;
	}
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 14px; }
body { margin: 0; background: var(--stl-ground); color: var(--stl-ink); font: 1.0625rem/1.65 var(--stl-body); overflow-wrap: break-word; }
img, video, iframe { max-width: 100%; }
img { height: auto; }
a { color: var(--stl-link); text-underline-offset: 2px; }
a:hover { color: var(--stl-link-hover); }
:focus-visible { outline: 3px solid var(--stl-focus); outline-offset: 2px; }
h1, h2, h3 { font-family: var(--stl-head); font-weight: 500; line-height: 1.2; text-wrap: balance; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); border: 0; white-space: nowrap; }
.stl-jumpin:focus { position: fixed; top: 8px; left: 8px; z-index: 10; width: auto; height: auto; margin: 0; padding: 10px 14px; clip-path: none; background: var(--stl-paper); color: var(--stl-link); }
.stl-span { width: min(100% - 32px, 77.5rem); margin-inline: auto; }

/* The line across the top */
.stl-topline { background: var(--stl-paper); border-bottom: 1px solid var(--stl-rule); }
.stl-topline-in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 24px; min-height: 60px; padding-block: 6px; }
.stl-mast { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; color: var(--stl-ink); font: 500 1.3125rem/1.2 var(--stl-head); text-decoration: none; }
.stl-mast-mark { display: grid; grid-template-columns: 11px 11px; gap: 2px; }
.stl-mast-mark i { display: block; width: 11px; height: 11px; border-radius: 2px; background: var(--stl-heat-2); }
.stl-mast-mark i:nth-child(2) { background: var(--stl-heat-4); }
.stl-mast-mark i:nth-child(3) { background: var(--stl-heat-3); }
.stl-mast-mark i:nth-child(4) { background: var(--stl-heat-1); }
.stl-topline-nav ul, .stl-baseline-nav ul { display: flex; flex-wrap: wrap; gap: 0 18px; margin: 0; padding: 0; list-style: none; }
.stl-topline-nav a, .stl-baseline-nav a { display: inline-flex; align-items: center; min-height: 44px; font: 1rem/1.3 var(--stl-ui); }

/* The front page */
.stl-lobby { padding-block: 28px 24px; }
.stl-lobby-h { max-width: 18ch; margin: 0; font-size: clamp(2.125rem, 1.5rem + 2.6vw, 3.5rem); line-height: 1.05; }
.stl-lobby-say { max-width: 40rem; margin: 14px 0 0; font-size: 1.1875rem; color: var(--stl-ink); }
.stl-lobby-count { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; font: 600 0.9375rem/1.3 var(--stl-ui); }
.stl-lobby-count li { padding: 6px 12px; background: var(--stl-paper); border: 1px solid var(--stl-rule-strong); border-radius: 999px; }
.stl-pins { display: grid; gap: 12px; align-content: start; }
.stl-pins-h { margin: 0; font: 600 0.875rem/1.3 var(--stl-ui); letter-spacing: 0.06em; text-transform: uppercase; color: var(--stl-ink-soft); }
.stl-pin { padding: 14px 16px; background: var(--stl-paper); border: 1px solid var(--stl-rule); border-left: 6px solid var(--stl-heat-3); border-radius: 4px; }
.stl-pin-h { margin: 0; font-size: 1.1875rem; }
.stl-pin-at { margin: 4px 0 0; font: 600 0.875rem/1.3 var(--stl-ui); color: var(--stl-ink-soft); }
.stl-pin-say { margin: 8px 0 0; font-size: 1rem; line-height: 1.55; }
.stl-pin-go { display: flex; flex-wrap: wrap; gap: 0 16px; margin: 6px 0 0; font: 1rem/1.3 var(--stl-ui); }
.stl-pin-go a { display: inline-flex; align-items: center; min-height: 44px; }
.stl-pin-site { font-weight: 600; }

.stl-atlas { padding-block: 26px 36px; background: var(--stl-paper); border-block: 1px solid var(--stl-rule); }
.stl-atlas-in { display: grid; gap: 28px; }
.stl-lobby-in { display: grid; gap: 22px; }
.stl-atlas-h { margin: 0; font-size: 1.75rem; }
.stl-atlas-key { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 10px 0 16px; padding: 0; list-style: none; font: 0.9375rem/1.3 var(--stl-ui); color: var(--stl-ink-soft); }
.stl-atlas-key li { display: inline-flex; align-items: center; gap: 6px; }
.stl-key-chip { width: 18px; height: 18px; border-radius: 3px; border: 1px solid var(--stl-rule-strong); background: var(--stl-heat-1); }
.stl-key-chip.stl-heat-2 { background: var(--stl-heat-2); }
.stl-key-chip.stl-heat-3 { background: var(--stl-heat-3); }
.stl-key-chip.stl-heat-4 { background: var(--stl-heat-4); }

/* The tiles. A phone reads them as a list, the fullest state first. */
.stl-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin: 0; padding: 0; list-style: none; }
.stl-tiles-blank { display: none; }
.stl-tile { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 6px 10px; border-radius: 4px; background: var(--stl-heat-1); color: var(--stl-on-heat-1); font: 1rem/1.2 var(--stl-ui); text-decoration: none; }
.stl-tile:hover { color: var(--stl-on-heat-1); box-shadow: inset 0 0 0 2px var(--stl-ink); }
.stl-heat-2.stl-tile { background: var(--stl-heat-2); color: var(--stl-on-heat-2); }
.stl-heat-3.stl-tile { background: var(--stl-heat-3); color: var(--stl-on-heat-3); }
.stl-heat-4.stl-tile { background: var(--stl-heat-4); color: var(--stl-on-heat-4); }
.stl-tile-code { font: 700 0.875rem/1 var(--stl-ui); letter-spacing: 0.04em; }
.stl-tile-name { flex: 1 1 auto; min-width: 0; }
.stl-tile-n { font-weight: 700; font-variant-numeric: tabular-nums; }
.stl-tile-none { background: var(--stl-blank); color: var(--stl-on-blank); }
.stl-tile-lit { outline: 3px solid var(--stl-ink); outline-offset: 2px; }

@media (min-width: 700px) {
	.stl-tiles { grid-template-columns: repeat(11, minmax(0, 1fr)); gap: 5px; }
	.stl-tiles > li { aspect-ratio: 1; }
	.stl-tiles-blank { display: block; }
	.stl-tiles .stl-tile { flex-direction: column; justify-content: center; gap: 2px; width: 100%; height: 100%; min-height: 0; padding: 2px; text-align: center; }
	.stl-tiles .stl-tile-name { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
	.stl-tiles .stl-tile-code { font-size: clamp(0.75rem, 0.35rem + 0.9vw, 1.0625rem); }
	.stl-tiles .stl-tile-n { font-size: clamp(0.8125rem, 0.45rem + 0.8vw, 1.0625rem); }
	.stl-at-ak { grid-row: 1; grid-column: 1; } .stl-at-me { grid-row: 1; grid-column: 11; }
	.stl-at-vt { grid-row: 2; grid-column: 10; } .stl-at-nh { grid-row: 2; grid-column: 11; }
	.stl-at-wa { grid-row: 3; grid-column: 1; } .stl-at-id { grid-row: 3; grid-column: 2; } .stl-at-mt { grid-row: 3; grid-column: 3; } .stl-at-nd { grid-row: 3; grid-column: 4; } .stl-at-mn { grid-row: 3; grid-column: 5; } .stl-at-il { grid-row: 3; grid-column: 6; }
	.stl-at-wi { grid-row: 3; grid-column: 7; } .stl-at-mi { grid-row: 3; grid-column: 8; } .stl-at-ny { grid-row: 3; grid-column: 9; } .stl-at-ri { grid-row: 3; grid-column: 10; } .stl-at-ma { grid-row: 3; grid-column: 11; }
	.stl-at-or { grid-row: 4; grid-column: 1; } .stl-at-nv { grid-row: 4; grid-column: 2; } .stl-at-wy { grid-row: 4; grid-column: 3; } .stl-at-sd { grid-row: 4; grid-column: 4; } .stl-at-ia { grid-row: 4; grid-column: 5; } .stl-at-in { grid-row: 4; grid-column: 6; }
	.stl-at-oh { grid-row: 4; grid-column: 7; } .stl-at-pa { grid-row: 4; grid-column: 8; } .stl-at-nj { grid-row: 4; grid-column: 9; } .stl-at-ct { grid-row: 4; grid-column: 10; }
	.stl-at-ca { grid-row: 5; grid-column: 1; } .stl-at-ut { grid-row: 5; grid-column: 2; } .stl-at-co { grid-row: 5; grid-column: 3; } .stl-at-ne { grid-row: 5; grid-column: 4; } .stl-at-mo { grid-row: 5; grid-column: 5; } .stl-at-ky { grid-row: 5; grid-column: 6; }
	.stl-at-wv { grid-row: 5; grid-column: 7; } .stl-at-va { grid-row: 5; grid-column: 8; } .stl-at-md { grid-row: 5; grid-column: 9; } .stl-at-de { grid-row: 5; grid-column: 10; }
	.stl-at-az { grid-row: 6; grid-column: 2; } .stl-at-nm { grid-row: 6; grid-column: 3; } .stl-at-ks { grid-row: 6; grid-column: 4; } .stl-at-ar { grid-row: 6; grid-column: 5; } .stl-at-tn { grid-row: 6; grid-column: 6; } .stl-at-nc { grid-row: 6; grid-column: 7; }
	.stl-at-sc { grid-row: 6; grid-column: 8; } .stl-at-dc { grid-row: 6; grid-column: 9; }
	.stl-at-ok { grid-row: 7; grid-column: 4; } .stl-at-la { grid-row: 7; grid-column: 5; } .stl-at-ms { grid-row: 7; grid-column: 6; } .stl-at-al { grid-row: 7; grid-column: 7; } .stl-at-ga { grid-row: 7; grid-column: 8; }
	.stl-at-hi { grid-row: 8; grid-column: 1; } .stl-at-tx { grid-row: 8; grid-column: 4; } .stl-at-fl { grid-row: 8; grid-column: 9; }
}

.stl-atlas-side { display: grid; gap: 22px; align-content: start; }
.stl-abroad-h, .stl-noplace-h { margin: 0 0 8px; font-size: 1.375rem; }
.stl-abroad-h a { display: inline-flex; align-items: center; min-height: 44px; color: var(--stl-ink); }
.stl-abroad-list a { display: inline-flex; align-items: center; min-height: 44px; }
.stl-abroad-list { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; font: 0.9375rem/1.3 var(--stl-ui); }
.stl-abroad-list li { display: inline-flex; align-items: center; gap: 6px; padding: 0 10px; min-height: 44px; background: var(--stl-ground); border: 1px solid var(--stl-rule); border-radius: 4px; }
.stl-abroad-n, .stl-towns-n, .stl-town-n { font: 700 0.875rem/1 var(--stl-ui); font-variant-numeric: tabular-nums; color: var(--stl-ink-soft); }
.stl-noplace { padding: 14px 16px; background: var(--stl-ground); border: 1px dashed var(--stl-rule-strong); border-radius: 4px; }
.stl-noplace-say { margin: 0; font-size: 1rem; }
.stl-noplace-go { display: inline-flex; align-items: center; min-height: 44px; font: 600 1rem/1.3 var(--stl-ui); }

.stl-howfiled { padding-block: 30px 40px; }
.stl-howfiled-h { margin: 0 0 14px; font-size: 1.5rem; }
.stl-howfiled-steps { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; counter-reset: stl-step; }
.stl-howfiled-steps li { position: relative; padding: 12px 14px 12px 56px; background: var(--stl-paper); border: 1px solid var(--stl-rule); border-radius: 4px; counter-increment: stl-step; }
.stl-howfiled-steps li::before { content: counter(stl-step); position: absolute; top: 12px; left: 14px; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 3px; background: var(--stl-heat-3); color: var(--stl-on-heat-3); font: 700 1rem/1 var(--stl-ui); }

/* A desk */
.stl-deskhead { padding-block: 26px 28px; background: var(--stl-night); color: var(--stl-on-night); }
.stl-crumb { margin: 0 0 10px; font: 0.9375rem/1.4 var(--stl-ui); }
.stl-deskhead .stl-crumb, .stl-sheethead .stl-crumb { color: var(--stl-night-soft); }
.stl-deskhead a, .stl-sheethead a { color: var(--stl-on-night); }
.stl-crumb a { display: inline-flex; align-items: center; min-height: 44px; }
.stl-deskhead-h { max-width: 24ch; margin: 0; font-size: clamp(2rem, 1.45rem + 2.2vw, 3.25rem); line-height: 1.08; }
.stl-deskhead-say { max-width: 44rem; margin: 12px 0 0; font-size: 1.0625rem; color: var(--stl-on-night); }
.stl-deskcount { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 0; padding: 0; list-style: none; font: 600 0.9375rem/1.3 var(--stl-ui); }
.stl-deskcount li { padding: 5px 12px; border: 1px solid var(--stl-night-soft); border-radius: 999px; }
.stl-deskgrid { display: grid; gap: 22px; padding-block: 24px 40px; }
.stl-deskside { display: grid; gap: 14px; align-content: start; }
.stl-towns { background: var(--stl-paper); border: 1px solid var(--stl-rule); border-radius: 4px; }
.stl-towns-h { display: flex; align-items: center; min-height: 44px; padding: 6px 14px; font: 600 1rem/1.3 var(--stl-ui); cursor: pointer; }
.stl-towns-list { display: flex; flex-wrap: wrap; gap: 0 14px; margin: 0; padding: 0 14px 10px; list-style: none; font: 0.9375rem/1.3 var(--stl-ui); }
.stl-towns-list li { display: inline-flex; align-items: center; gap: 5px; }
.stl-towns-list a { display: inline-flex; align-items: center; min-height: 44px; }
.stl-deskside-back { margin: 0; font: 1rem/1.3 var(--stl-ui); }
.stl-deskside-back a { display: inline-flex; align-items: center; min-height: 44px; }
.stl-deskcol { min-width: 0; }
.stl-town { margin: 0 0 26px; }
.stl-deskmap { margin-top: 30px; padding: 18px; background: var(--stl-paper); border: 1px solid var(--stl-rule); border-radius: 4px; }
.stl-deskmap-h { margin: 0 0 12px; font-size: 1.375rem; }
.stl-town-h { display: flex; align-items: baseline; gap: 10px; margin: 0; padding: 10px 0 8px; font-size: 1.625rem; border-bottom: 3px solid var(--stl-heat-3); }

/* One profile in a list */
.stl-dossier { padding: 18px 0 8px; border-bottom: 1px solid var(--stl-rule); }
.stl-dossier-h { margin: 0; font-size: 1.3125rem; }
.stl-dossier-at { display: flex; flex-wrap: wrap; align-items: center; gap: 0 16px; margin: 4px 0 0; font: 0.9375rem/1.3 var(--stl-ui); }
.stl-dossier-place { font-weight: 600; color: var(--stl-ink-soft); }
a.stl-dossier-place { color: var(--stl-link); }
.stl-dossier-at a { display: inline-flex; align-items: center; min-height: 44px; }
.stl-dossier-text { max-width: 46rem; }
.stl-dossier-text p { margin: 10px 0; }
.stl-dossier-text hr { border: 0; border-top: 1px solid var(--stl-rule); }
.stl-sitelink { display: inline-block; max-width: 100%; margin-top: 4px; padding: 4px 10px; background: var(--stl-plate); border-radius: 3px; font: 0.9375rem/1.5 var(--stl-mono); word-break: break-all; }
.stl-sitelink a { display: inline-block; padding-block: 8px; }

.stl-footnote { max-width: 46rem; margin: 26px 0 0; padding: 16px 18px; background: var(--stl-lane); border-left: 6px solid var(--stl-rule-strong); border-radius: 4px; }
.stl-footnote-h { margin: 0 0 6px; font-size: 1.1875rem; }
.stl-footnote p { margin: 0; font-size: 1rem; }

/* One profile on its own page */
.stl-sheethead { padding-block: 22px 26px; background: var(--stl-night); color: var(--stl-on-night); }
.stl-sheethead-h { max-width: 32ch; margin: 0; font-size: clamp(1.75rem, 1.3rem + 1.8vw, 2.75rem); line-height: 1.12; }
.stl-sheethead-at { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 18px; margin: 12px 0 0; font: 1rem/1.3 var(--stl-ui); }
.stl-sheethead-place { font-weight: 600; }
.stl-sheethead-at a { display: inline-flex; align-items: center; min-height: 44px; }
.stl-sheethead-site { padding: 0 14px; background: var(--stl-heat-2); color: var(--stl-on-heat-2); border-radius: 4px; font-weight: 600; text-decoration: none; }
.stl-sheethead a.stl-sheethead-site { color: var(--stl-on-heat-2); }
.stl-sheetgrid { display: grid; gap: 24px; padding-block: 24px 36px; }
.stl-sheetcol { min-width: 0; }
.stl-sheettext { font-size: 1.125rem; }
.stl-filedcard { align-self: start; padding: 16px 18px; background: var(--stl-paper); border: 1px solid var(--stl-rule); border-top: 6px solid var(--stl-heat-3); border-radius: 4px; }
.stl-filedcard-h { margin: 0 0 12px; font-size: 1.25rem; }
.stl-badge { display: grid; gap: 2px; padding: 14px 16px; border-radius: 4px; background: var(--stl-heat-1); color: var(--stl-on-heat-1); font-family: var(--stl-ui); text-decoration: none; }
.stl-badge:hover { color: var(--stl-on-heat-1); box-shadow: inset 0 0 0 2px var(--stl-ink); }
.stl-heat-2.stl-badge { background: var(--stl-heat-2); color: var(--stl-on-heat-2); }
.stl-heat-3.stl-badge { background: var(--stl-heat-3); color: var(--stl-on-heat-3); }
.stl-heat-4.stl-badge { background: var(--stl-heat-4); color: var(--stl-on-heat-4); }
.stl-badge-code { font: 700 2.25rem/1 var(--stl-ui); letter-spacing: 0.04em; }
.stl-badge-name { font-size: 1.125rem; font-weight: 600; }
.stl-badge-n { font-size: 0.9375rem; }
.stl-filedcard-say { margin: 12px 0 0; font-size: 1rem; }
.stl-filedcard-go { display: inline-flex; align-items: center; min-height: 44px; font: 600 1rem/1.3 var(--stl-ui); }
.stl-filedcard-sub { margin: 10px 0 4px; font-size: 1.0625rem; }
.stl-filedcard-near { margin: 0; padding: 0; list-style: none; font: 0.9375rem/1.35 var(--stl-ui); }
.stl-filedcard-near a { display: flex; align-items: center; min-height: 44px; padding-block: 4px; border-top: 1px solid var(--stl-rule); }
.stl-sheetreplies { padding-bottom: 36px; }

/* Plain pages, lists, search */
.stl-plainlist { padding-block: 28px 40px; }
.stl-plain-h { margin: 0 0 16px; font-size: clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem); }
.stl-plainrun { margin: 16px 0 0; padding: 0 18px; background: var(--stl-paper); border: 1px solid var(--stl-rule); border-radius: 4px; }
.stl-nothing { margin: 16px 0; font-size: 1.125rem; }
.stl-finder { display: flex; flex-wrap: wrap; gap: 8px; }
.stl-finder-box { flex: 1 1 10rem; min-width: 0; min-height: 44px; padding: 6px 10px; background: var(--stl-paper); color: var(--stl-ink); border: 1px solid var(--stl-rule-strong); border-radius: 4px; font: 1rem/1.3 var(--stl-ui); }
.stl-finder-box::placeholder { color: var(--stl-ink-soft); opacity: 1; }
.stl-finder-go { min-height: 44px; min-width: 44px; padding: 6px 16px; background: var(--stl-night); color: var(--stl-on-night); border: 0; border-radius: 4px; font: 600 1rem/1.2 var(--stl-ui); cursor: pointer; }
.stl-leaf { padding-block: 28px 40px; }
.stl-leaf-in { width: min(100% - 32px, 45rem); margin-inline: auto; padding-block: 28px 40px; }
.stl-leaf .stl-leaf-in { padding-block: 0; }
.stl-homeward { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; }
.stl-leaftext img { display: block; margin-block: 6px; }
.stl-pagesplit { font-weight: 600; }
.pagination { margin-top: 24px; }
.pagination .nav-links { display: flex; flex-wrap: wrap; gap: 6px; }
.pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 12px; background: var(--stl-paper); border: 1px solid var(--stl-rule); border-radius: 4px; font: 600 1rem/1 var(--stl-ui); text-decoration: none; }
.pagination .page-numbers.current { background: var(--stl-night); color: var(--stl-on-night); border-color: var(--stl-night); }
.stl-notes { max-width: 45rem; margin-top: 32px; }
.stl-notes-h, .comment-reply-title { font-size: 1.3125rem; }
.stl-notes-list { padding-left: 1.2em; }
.comment-form label { display: block; font-weight: 600; }
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea { width: 100%; min-height: 44px; padding: 6px 10px; background: var(--stl-paper); color: var(--stl-ink); border: 1px solid var(--stl-rule-strong); border-radius: 4px; font: inherit; }
.comment-form .submit { min-height: 44px; padding: 6px 18px; background: var(--stl-night); color: var(--stl-on-night); border: 0; border-radius: 4px; font: 600 1rem/1.2 var(--stl-ui); cursor: pointer; }

/* The foot */
.stl-baseline { padding-block: 18px 26px; background: var(--stl-paper); border-top: 1px solid var(--stl-rule); font-family: var(--stl-ui); }
.stl-baseline-in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 24px; }
.stl-baseline-year { margin: 0; font-size: 0.9375rem; color: var(--stl-ink-soft); }

@media (max-width: 639px) {
	.stl-baseline-nav ul { display: grid; grid-template-columns: 1fr 1fr; }
}

@media (min-width: 960px) {
	.stl-atlas-in { grid-template-columns: minmax(0, 1fr) 20rem; gap: 36px; }
	.stl-howfiled-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.stl-deskgrid { grid-template-columns: 18.5rem minmax(0, 1fr); gap: 40px; }
	.stl-deskside { position: sticky; top: 14px; max-height: calc(100vh - 28px); overflow: auto; }
	.stl-towns::details-content { content-visibility: visible; display: block; }
	.stl-towns-h { list-style: none; }
	.stl-towns-h::-webkit-details-marker { display: none; }
	.stl-towns-list { display: block; }
	.stl-towns-list li { display: flex; }
	.stl-sheetgrid { grid-template-columns: minmax(0, 1fr) 20rem; gap: 40px; }
	.stl-filedcard { position: sticky; top: 14px; }
}

@media print {
	.stl-topline, .stl-baseline, .stl-deskside, .stl-filedcard, .stl-notes, .stl-atlas-side, .pagination { display: none; }
	.stl-deskhead, .stl-sheethead { background: none; color: #000000; }
	.stl-deskhead a, .stl-sheethead a { color: #000000; }
}