/*
Theme Name: Draw Site
Description: Regenerative medicine clinics across the country, sorted by the question that separates them: what goes in the needle. On the front page a rack of tubes filled by count, a body with its draw sites and a panel that keeps only the clinics that say what the reader ticks, then the clinics state by state. On a city list each clinic gets a requisition form, the state rule is marked and a take-along sheet gathers the phones and the question to ask each clinic. No web fonts, one small script on the front page.
Version: 1.0.0
Requires at least: 6.4
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: draw-site
*/

/* A clean exam room by day, a dim lab by night; scrub blue for the way around, garnet and plasma for what is in the tube. */
:root {
	--drw-ground: #eef4f0;
	--drw-paper: #fbfdf7;
	--drw-ink: #16212b;
	--drw-ink-soft: #4a5966;
	--drw-link: #154784;
	--drw-rule: #d8e0e0;
	--drw-rule-strong: #778692;
	--drw-focus: #8a1c2e;
	--drw-band: #dce9ef;
	--drw-band-rule: #bfd0da;
	--drw-scrub: #1a436c;
	--drw-scrub-deep: #123250;
	--drw-scrub-lift: #173d60;
	--drw-on-scrub: #f4f9fd;
	--drw-on-scrub-soft: #d7e5f0;
	--drw-garnet: #841729;
	--drw-on-garnet: #fff5f3;
	--drw-plasma: #e7bd45;
	--drw-on-plasma: #231a04;
	--drw-plasma-tint: #f9eec6;
	--drw-on-tint: #2a2005;
	--drw-marrow: #a02c3b;
	--drw-fatty: #eccb5e;
	--drw-red: #8a1c2e;
	--drw-buffy: #f6efe0;
	--drw-donor: #6f8ea6;
	--drw-glass: #ffffff;
	--drw-glass-edge: #6f808d;
	--drw-body: #c8d6dd;
	--drw-body-edge: #7d92a0;
	--drw-knee: #8a1c2e;
	--drw-steel: #93a1aa;
	--drw-head: "Franklin Gothic Medium", "Franklin Gothic", "Arial Narrow", Arial, sans-serif;
	--drw-text: Cambria, "Sitka Text", "Hoefler Text", Georgia, serif;
	--drw-ui: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
	--drw-stamp: Consolas, "Lucida Console", Menlo, "Courier New", monospace;
	color-scheme: light dark;
}

@media (prefers-color-scheme:dark) {
	:root {
		--drw-ground: #0b1317;
		--drw-paper: #172129;
		--drw-ink: #e6f2f0;
		--drw-ink-soft: #b4c3cd;
		--drw-link: #9dc9f2;
		--drw-rule: #2c3a44;
		--drw-rule-strong: #7f8f9b;
		--drw-focus: #f7c95b;
		--drw-band: #15222c;
		--drw-band-rule: #2d4050;
		--drw-scrub: #34739f;
		--drw-scrub-deep: #0a1a27;
		--drw-scrub-lift: #255a87;
		--drw-on-scrub: #f7fbfe;
		--drw-on-scrub-soft: #dbe8f2;
		--drw-garnet: #ea7c8f;
		--drw-on-garnet: #2a0a10;
		--drw-plasma: #f0cb60;
		--drw-on-plasma: #231a04;
		--drw-plasma-tint: #3a3212;
		--drw-on-tint: #f8ecbf;
		--drw-marrow: #d9586b;
		--drw-fatty: #f0d271;
		--drw-red: #d24a60;
		--drw-buffy: #f2ead8;
		--drw-donor: #8fb0c8;
		--drw-glass: #203039;
		--drw-glass-edge: #a2b3bf;
		--drw-body: #3a4c58;
		--drw-body-edge: #7f96a5;
		--drw-knee: #f0cb60;
		--drw-steel: #aebbc3;
	}
}

*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: 1rem; }
body { margin: 0; background: var(--drw-ground); color: var(--drw-ink); font-family: var(--drw-text); font-size: 1.08rem; font-variant-numeric: lining-nums; line-height: 1.62; overflow-wrap: break-word; }
img, svg, video { max-width: 100%; height: auto; }
a { color: var(--drw-link); text-underline-offset: 0.16em; }
a:hover { text-decoration-thickness: 2px; }
:focus-visible { outline: 3px solid var(--drw-focus); outline-offset: 2px; }
h1, h2, h3 { font-family: var(--drw-head); font-weight: 600; line-height: 1.14; }

.screen-reader-text { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.drw-skip:focus { position: fixed !important; top: 8px; left: 8px; z-index: 20; width: auto; height: auto; margin: 0; padding: 0.7rem 1rem; clip: auto; white-space: normal; background: var(--drw-paper); color: var(--drw-ink); }
.drw-span { width: 100%; max-width: 78rem; margin: 0 auto; padding: 0 1rem; }
.drw-slim { max-width: 46rem; }
.drw-st { display: inline-block; padding: 0 0.38em; border: 1px solid currentColor; border-radius: 2px; font-family: var(--drw-stamp); font-size: 0.78em; font-weight: 700; line-height: 1.45; }

/* The top bar */
.drw-top { background: var(--drw-scrub-deep); color: var(--drw-on-scrub); }
.drw-top-in { display: flex; flex-wrap: wrap; align-items: center; gap: 0.3rem 1.1rem; padding-top: 0.4rem; padding-bottom: 0.4rem; }
.drw-logo { display: inline-flex; align-items: center; gap: 0.5rem; min-height: 44px; margin-right: auto; color: var(--drw-on-scrub); font-family: var(--drw-head); font-size: 1.16rem; text-decoration: none; }
.drw-logo-mark { display: block; flex: none; width: 15px; }
.drw-logo-mark svg { display: block; width: 100%; }
.drw-mk-glass { fill: var(--drw-on-scrub); }
.drw-mk-fill { fill: var(--drw-plasma); }
.drw-top-links ul { display: flex; flex-wrap: wrap; gap: 0 1rem; margin: 0; padding: 0; list-style: none; }
.drw-top-links a { display: inline-flex; align-items: center; min-height: 44px; color: var(--drw-on-scrub); font-family: var(--drw-ui); font-size: 0.95rem; }
.drw-locate { display: flex; flex: 1 1 15rem; max-width: 22rem; }
.drw-locate-box { flex: 1 1 auto; width: 100%; min-width: 0; min-height: 44px; padding: 0 0.7rem; border: 1px solid var(--drw-rule-strong); border-right: 0; border-radius: 3px 0 0 3px; background: var(--drw-paper); color: var(--drw-ink); font: 0.95rem var(--drw-ui); }
.drw-locate-box::placeholder { color: var(--drw-ink-soft); opacity: 1; }
.drw-locate-go { flex: none; min-height: 44px; min-width: 44px; padding: 0 0.85rem; white-space: nowrap; border: 1px solid var(--drw-plasma); border-radius: 0 3px 3px 0; background: var(--drw-plasma); color: var(--drw-on-plasma); font: 600 0.95rem var(--drw-ui); cursor: pointer; }

/* The first screen: the question and the rack */
.drw-lobby { background: var(--drw-band); border-bottom: 1px solid var(--drw-band-rule); }
.drw-lobby-in { display: grid; gap: 1rem; padding-top: 1.5rem; padding-bottom: 1.5rem; }
.drw-overline { margin: 0 0 0.4rem; color: var(--drw-ink-soft); font-family: var(--drw-ui); font-size: 0.93rem; font-weight: 600; }
.drw-lobby-title { margin: 0; font-size: clamp(2.2rem, 5.6vw, 3.7rem); }
.drw-lobby-lede { max-width: 38rem; margin: 0; font-size: 1.14rem; }
.drw-counts { display: flex; flex-wrap: wrap; gap: 0.2rem 1.3rem; margin: 0.8rem 0 0; padding: 0; list-style: none; font-family: var(--drw-ui); font-size: 0.95rem; }
.drw-counts-n { font-family: var(--drw-stamp); font-size: 1.32em; font-weight: 700; }
.drw-paths { display: flex; flex-wrap: wrap; align-items: center; gap: 0.3rem 1rem; margin-top: 0.9rem; font-family: var(--drw-ui); }
.drw-cta { display: inline-flex; align-items: center; min-height: 46px; padding: 0 1.05rem; border-radius: 3px; background: var(--drw-scrub); color: var(--drw-on-scrub); font-weight: 600; text-decoration: none; }
.drw-cta:hover { background: var(--drw-scrub-lift); }
.drw-path { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; }

/* The rack of tubes: each filled by how many clinics name that source */
.drw-rack-box { min-width: 0; }
.drw-syringe { display: block; width: 100%; height: auto; margin-bottom: 0.4rem; }
.drw-s-glass { fill: var(--drw-glass); stroke: var(--drw-glass-edge); stroke-width: 2; }
.drw-s-fill { fill: var(--drw-red); }
.drw-s-steel { fill: var(--drw-steel); }
.drw-s-plunger { fill: var(--drw-scrub); }
.drw-s-tick { stroke: var(--drw-glass-edge); stroke-width: 1.5; }
.drw-rack { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.4rem; margin: 0; padding: 0.5rem 0.5rem 0.3rem; border-bottom: 10px solid var(--drw-scrub); list-style: none; }
.drw-tube-link { display: block; color: var(--drw-ink); font-family: var(--drw-ui); font-size: 0.87rem; line-height: 1.24; text-align: center; text-decoration: none; }
.drw-tube-link:hover .drw-tube-name { text-decoration: underline; }
.drw-tube { display: block; width: 100%; max-width: 74px; height: auto; margin: 0 auto 0.25rem; }
.drw-t-glass { fill: var(--drw-glass); }
.drw-t-edge { fill: none; stroke: var(--drw-glass-edge); stroke-width: 2.5; }
.drw-t-cap { fill: var(--drw-scrub); }
.drw-t-blood { fill: var(--drw-red); }
.drw-t-buffy { fill: var(--drw-buffy); }
.drw-t-plasma { fill: var(--drw-plasma); }
.drw-t-marrow { fill: var(--drw-marrow); }
.drw-t-fat { fill: var(--drw-fatty); }
.drw-t-donor { fill: var(--drw-donor); }
.drw-tube-n { display: block; font-family: var(--drw-stamp); font-size: 1.3rem; font-weight: 700; line-height: 1.2; }
.drw-tube-name { display: block; min-height: 2.5em; }

/* The bench: the panel beside the racks */
.drw-bench { display: grid; gap: 1.6rem; margin-top: 1.7rem; }
.drw-panel-in { display: flow-root; padding: 0.85rem 0.95rem 1rem; border: 1px solid var(--drw-rule-strong); border-top: 8px solid var(--drw-garnet); background: var(--drw-paper); }
.drw-panel-title { margin: 0; font-size: 1.55rem; }
.drw-panel-why { margin: 0.25rem 0 0.5rem; color: var(--drw-ink-soft); font-size: 0.98rem; line-height: 1.46; }
.drw-figure { display: block; float: left; width: 42%; max-width: 10rem; height: auto; margin: 0.2rem 0.7rem 0.4rem 0; font-family: var(--drw-stamp); }
.drw-f-body { fill: var(--drw-body); stroke: var(--drw-body-edge); stroke-width: 2.5; stroke-linejoin: round; }
.drw-f-knee { fill: none; stroke: var(--drw-knee); stroke-width: 5; }
.drw-f-needle { fill: none; stroke: var(--drw-knee); stroke-width: 3.5; stroke-linecap: round; }
.drw-f-barrel { fill: none; stroke: var(--drw-knee); stroke-width: 12; }
.drw-f-spot { fill: var(--drw-scrub); }
.drw-f-num { fill: var(--drw-on-scrub); font-size: 22px; font-weight: 700; }
.drw-f-vial { fill: var(--drw-donor); }
.drw-f-vialcap { fill: var(--drw-scrub); }
.drw-picks { display: grid; gap: 0.3rem; margin: 0; padding: 0; border: 0; min-width: 0; }
.drw-picks legend { padding: 0; font-family: var(--drw-ui); font-size: 0.95rem; font-weight: 700; }
.drw-pick { display: flex; align-items: center; gap: 0.5rem; min-height: 44px; padding: 0 0.6rem; border: 1px solid var(--drw-rule-strong); border-radius: 3px; background: var(--drw-ground); font-family: var(--drw-ui); font-size: 0.97rem; cursor: pointer; }
.drw-pick input { flex: none; width: 18px; height: 18px; margin: 0; accent-color: var(--drw-scrub); }
.drw-pick:has(input:checked) { border-color: var(--drw-scrub); background: var(--drw-scrub); color: var(--drw-on-scrub); font-weight: 600; }
.drw-pick-no { flex: none; font-family: var(--drw-stamp); font-weight: 700; }
.drw-panel-row { clear: both; padding-top: 0.6rem; }
.drw-panel-k { display: block; font-family: var(--drw-ui); font-size: 0.95rem; font-weight: 700; }
.drw-panel-state { width: 100%; min-height: 44px; padding: 0 0.5rem; border: 1px solid var(--drw-rule-strong); border-radius: 3px; background: var(--drw-ground); color: var(--drw-ink); font: 0.97rem var(--drw-ui); }
.drw-panel-say { margin: 0.7rem 0 0; font-family: var(--drw-ui); font-weight: 700; line-height: 1.34; }
.drw-panel-say:empty { display: none; }
.drw-panel-clear { margin-top: 0.5rem; min-height: 44px; padding: 0 0.9rem; border: 1px solid var(--drw-rule-strong); border-radius: 3px; background: transparent; color: var(--drw-link); font: 600 0.95rem var(--drw-ui); cursor: pointer; }

/* The racks: state by state */
.drw-band-title { margin: 0; font-size: clamp(1.62rem, 3.4vw, 2.2rem); }
.drw-aside { max-width: 42rem; margin: 0.3rem 0 0.9rem; color: var(--drw-ink-soft); font-size: 1rem; line-height: 1.5; }
.drw-states { margin: 0; padding: 0; list-style: none; }
.drw-state { padding: 0.55rem 0 0.1rem; border-top: 3px solid var(--drw-scrub); }
.drw-state-name { margin: 0 0 0.25rem; font-size: 1.36rem; }
.drw-city { padding: 0.1rem 0 0.2rem; }
.drw-city-link { display: inline-flex; align-items: center; min-height: 44px; font-family: var(--drw-ui); font-size: 1rem; font-weight: 700; }
.drw-city-n { color: var(--drw-ink-soft); font-family: var(--drw-ui); font-size: 0.88rem; }
.drw-clinics { border-top: 1px solid var(--drw-rule); }
.drw-clinics-sum { display: flex; align-items: center; min-height: 44px; font-family: var(--drw-ui); font-size: 0.93rem; font-weight: 600; cursor: pointer; }
.drw-clinicrow-list { margin: 0; padding: 0; list-style: none; }
.drw-clinicrow { padding: 0.25rem 0 0.45rem; border-top: 1px dashed var(--drw-rule-strong); }
.drw-clinicrow-name { display: inline-flex; align-items: center; min-height: 44px; font-family: var(--drw-head); font-size: 1.1rem; }
.drw-clinicrow-fact { margin: 0; font-family: var(--drw-ui); font-size: 0.9rem; line-height: 1.38; }
.drw-clinicrow-k { color: var(--drw-ink-soft); font-weight: 600; }

/* What each state says */
.drw-rules { margin-top: 2.3rem; }
.drw-rules-list { display: grid; gap: 0 1.4rem; margin: 0; padding: 0; list-style: none; }
.drw-rules-list li { min-width: 0; padding: 0.2rem 0 0.35rem; border-top: 1px solid var(--drw-rule-strong); }
.drw-rules-state { display: block; color: var(--drw-ink-soft); font-family: var(--drw-ui); font-size: 0.88rem; }
.drw-rules-link { display: flex; align-items: center; min-height: 44px; line-height: 1.26; }
.drw-rest-line { margin: 0.7rem 0 0; color: var(--drw-ink-soft); font-size: 0.97rem; }

/* Clinics on more than one list */
.drw-repeat { margin-top: 2.3rem; }
.drw-repeat-list { display: grid; gap: 0.6rem; margin: 0; padding: 0; list-style: none; }
.drw-repeat-item { min-width: 0; padding: 0.5rem 0.75rem 0.4rem; border-left: 6px solid var(--drw-plasma); background: var(--drw-paper); }
.drw-repeat-name { margin: 0; font-family: var(--drw-head); font-size: 1.1rem; }
.drw-repeat-host { color: var(--drw-ink-soft); font-family: var(--drw-ui); font-size: 0.85rem; }
.drw-repeat-n { margin: 0; color: var(--drw-ink-soft); font-family: var(--drw-ui); font-size: 0.9rem; }
.drw-repeat-pages { display: flex; flex-wrap: wrap; gap: 0 0.8rem; margin: 0; padding: 0; list-style: none; }
.drw-repeat-pages a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; }

/* The latest lists */
.drw-latest-lists { margin-top: 2.3rem; }
.drw-shelf { display: grid; gap: 0 1.6rem; margin: 0; padding: 0; list-style: none; }
.drw-slip { min-width: 0; padding: 0.75rem 0 0.85rem; border-top: 1px solid var(--drw-rule-strong); }
.drw-slip-meta { margin: 0; color: var(--drw-ink-soft); font-family: var(--drw-ui); font-size: 0.9rem; }
.drw-slip-title { margin: 0; font-size: 1.24rem; }
.drw-slip-title a { display: inline-flex; align-items: center; min-height: 44px; }
.drw-slip-open { margin: 0; font-size: 1rem; line-height: 1.48; }
.drw-slip-n { margin: 0.2rem 0 0; color: var(--drw-ink-soft); font-family: var(--drw-ui); font-size: 0.88rem; }
.drw-none { font-weight: 600; }
.pagination { margin-top: 1.2rem; }
.nav-links { display: flex; flex-wrap: wrap; gap: 0.3rem; font-family: var(--drw-ui); }
.nav-links a, .nav-links .current { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; padding: 0 0.7rem; }
.nav-links .current { background: var(--drw-scrub); color: var(--drw-on-scrub); }

/* One list: its band */
.drw-chart { padding: 0.45rem 0 1rem; background: var(--drw-band); border-bottom: 1px solid var(--drw-band-rule); }
.drw-backpath-list { display: flex; flex-wrap: wrap; gap: 0 0.3rem; margin: 0; padding: 0; list-style: none; font-family: var(--drw-ui); font-size: 0.92rem; }
.drw-backpath-list li + li::before { content: "\203A"; margin-right: 0.3rem; color: var(--drw-ink-soft); }
.drw-backpath-list a { display: inline-flex; align-items: center; min-height: 44px; }
.drw-city-title { margin: 0.1rem 0 0.4rem; font-size: clamp(1.8rem, 4.2vw, 2.7rem); }
.drw-meta { display: flex; flex-wrap: wrap; gap: 0 1rem; margin: 0; color: var(--drw-ink-soft); font-family: var(--drw-ui); font-size: 0.93rem; }
.drw-kin { display: flex; flex-wrap: wrap; align-items: center; gap: 0.1rem 0.8rem; margin-top: 0.4rem; }
.drw-kin-k { margin: 0; font-family: var(--drw-ui); font-size: 0.93rem; font-weight: 600; }
.drw-kin-list { display: flex; flex-wrap: wrap; gap: 0 0.8rem; margin: 0; padding: 0; list-style: none; }
.drw-kin-list a { display: inline-flex; align-items: center; min-height: 44px; font-family: var(--drw-ui); font-size: 0.95rem; }

/* One list: the text */
.drw-layout { display: grid; gap: 1.6rem; margin-top: 1.4rem; }
.drw-reading { min-width: 0; }
.drw-copy { max-width: 46rem; }
.drw-copy p { margin: 0 0 1.02em; }
.drw-copy ul, .drw-copy ol { padding-left: 1.3rem; }
.drw-copy img { display: block; }
.drw-copy h2 { margin: 2rem 0 0.55rem; font-size: 1.62rem; }
.drw-copy h3 { margin: 1.5rem 0 0.35rem; font-size: 1.22rem; }
.drw-copy .drw-lead { font-size: 1.22rem; line-height: 1.5; }
.drw-copy .drw-staterule { padding: 0.35rem 0.7rem; border-left: 8px solid var(--drw-garnet); background: var(--drw-paper); }
.drw-copy .drw-asked { padding-left: 0.6rem; border-left: 4px solid var(--drw-plasma); }
.drw-copy .drw-checked { padding-top: 0.6rem; border-top: 1px solid var(--drw-rule-strong); color: var(--drw-ink-soft); font-size: 0.97rem; }
.drw-compare { width: 100%; margin: 1rem 0 1.5rem; border-collapse: collapse; font-family: var(--drw-ui); font-size: 0.9rem; line-height: 1.38; }
.drw-compare th { padding: 0.45rem 0.55rem; background: var(--drw-scrub); color: var(--drw-on-scrub); font-weight: 600; text-align: left; vertical-align: bottom; }
.drw-compare td { padding: 0.5rem 0.55rem; border-bottom: 1px solid var(--drw-rule-strong); vertical-align: top; }
.drw-compare td:first-child { font-weight: 700; }
@media (max-width:699px) {
	.drw-compare, .drw-compare tbody, .drw-compare tr, .drw-compare td { display: block; width: 100%; }
	.drw-compare thead, .drw-compare tr:first-child:has(th) { display: none; }
	.drw-compare tr { margin-bottom: 0.8rem; padding: 0.3rem 0.7rem 0.45rem; border-top: 5px solid var(--drw-scrub); background: var(--drw-paper); }
	.drw-compare td { padding: 0.25rem 0; border: 0; }
	.drw-compare td::before { content: attr(data-drw-col); display: block; color: var(--drw-ink-soft); font-size: 0.86em; font-weight: 600; }
}

/* A clinic: its words, then a requisition form */
.drw-clinic { margin: 2.2rem 0; }
.drw-copy .drw-clinic-name { display: flex; align-items: flex-start; gap: 0.55rem; margin-top: 0; font-size: 1.5rem; }
.drw-clinic-name::before { content: attr(data-drw-n) / ""; flex: none; min-width: 1.6em; border-radius: 2px; background: var(--drw-scrub); color: var(--drw-on-scrub); font-family: var(--drw-stamp); font-size: 0.8em; font-weight: 700; line-height: 1.6em; text-align: center; }
.drw-clinic-name a { display: inline-flex; align-items: center; min-height: 44px; }
.drw-req { margin-top: 0.7rem; border: 1px solid var(--drw-rule-strong); border-top: 6px solid var(--drw-scrub); background: var(--drw-paper); font-family: var(--drw-ui); font-size: 0.95rem; line-height: 1.42; }
.drw-copy .drw-req-line { margin: 0; padding: 0.42rem 0.75rem; border-bottom: 1px solid var(--drw-rule); overflow-wrap: anywhere; }
.drw-req-line:last-child { border-bottom: 0; }
.drw-req-line a { display: inline-flex; align-items: center; min-height: 44px; }
.drw-req-line[data-drw-kind="phone"], .drw-req-line[data-drw-kind="website"] { padding-top: 0; padding-bottom: 0; }
.drw-req-line[data-drw-kind="nextask"] { background: var(--drw-plasma-tint); color: var(--drw-on-tint); font-weight: 600; }

/* Before you sign up */
.drw-before { max-width: 46rem; margin-top: 1.9rem; padding: 0.9rem 1rem; border-top: 3px solid var(--drw-rule-strong); background: var(--drw-paper); font-size: 0.98rem; }
.drw-before p { margin: 0 0 0.6em; }
.drw-before-title { margin: 0 0 0.4rem; font-size: 1.22rem; }
.drw-others { max-width: 46rem; margin-top: 1.7rem; }
.drw-others-title { margin: 0 0 0.45rem; font-size: 1.36rem; }
.drw-others-list { margin: 0; padding: 0; list-style: none; }
.drw-others-list li { padding: 0.2rem 0; border-top: 1px solid var(--drw-rule); }
.drw-others-city { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; font-weight: 700; }
.drw-others-part { display: flex; align-items: center; min-height: 44px; line-height: 1.3; }

/* The take-along sheet */
.drw-carry { min-width: 0; }
.drw-sheet-in { padding: 0.8rem 0.9rem 0.9rem; border: 1px solid var(--drw-rule-strong); border-top: 8px solid var(--drw-plasma); background: var(--drw-paper); }
.drw-sheet-title { margin: 0; font-size: 1.32rem; }
.drw-sheet-for { margin: 0 0 0.35rem; color: var(--drw-ink-soft); font-family: var(--drw-ui); font-size: 0.92rem; }
.drw-sheet-part { padding: 0.5rem 0 0.2rem; border-top: 1px solid var(--drw-rule-strong); }
.drw-sheet-k { margin: 0 0 0.15rem; font-family: var(--drw-ui); font-size: 0.9rem; font-weight: 700; }
.drw-sheet-clinics { margin: 0; padding: 0; list-style: none; }
.drw-sheet-clinic { padding: 0.15rem 0 0.5rem; }
.drw-sheet-clinic + .drw-sheet-clinic { border-top: 1px dashed var(--drw-rule-strong); }
.drw-sheet-name { display: flex; align-items: center; gap: 0.45rem; min-height: 44px; font-family: var(--drw-ui); font-size: 0.98rem; font-weight: 700; line-height: 1.22; }
.drw-sheet-no { flex: none; min-width: 1.5em; font-family: var(--drw-stamp); font-size: 0.85em; text-align: center; }
.drw-sheet-tels { display: flex; flex-wrap: wrap; gap: 0 0.8rem; }
.drw-sheet-tel { display: inline-flex; align-items: center; min-height: 44px; font-family: var(--drw-ui); font-size: 0.95rem; }
.drw-sheet-ask { display: block; font-size: 0.95rem; line-height: 1.36; }
.drw-sheet-links { margin: 0; padding: 0; list-style: none; font-size: 0.97rem; }
.drw-sheet-links li { padding: 0.05rem 0; }
.drw-sheet-links a { display: flex; align-items: center; min-height: 44px; line-height: 1.28; }
.drw-sheet-host { display: block; padding-bottom: 0.3rem; color: var(--drw-ink-soft); font-family: var(--drw-ui); font-size: 0.82rem; }

.drw-around { display: grid; gap: 0.6rem; margin: 2rem 0 0; }
.drw-around-page { display: block; padding: 0.75rem 0.9rem; border-left: 8px solid var(--drw-scrub); background: var(--drw-paper); }
.drw-around-k { display: block; color: var(--drw-ink-soft); font-family: var(--drw-ui); font-size: 0.86rem; }

/* Comments, side pages, a wrong address */
.drw-notes { max-width: 46rem; margin-top: 2rem; }
.drw-notes input:not([type="submit"]):not([type="checkbox"]), .drw-notes textarea { width: 100%; min-height: 44px; padding: 0.4rem 0.6rem; border: 1px solid var(--drw-rule-strong); background: var(--drw-paper); color: var(--drw-ink); font: inherit; }
.drw-notes input[type="submit"] { min-height: 44px; padding: 0 1rem; border: 0; background: var(--drw-scrub); color: var(--drw-on-scrub); font: 600 1rem var(--drw-ui); cursor: pointer; }
.drw-lost, .drw-info { padding-top: 1.4rem; }
.drw-lost-title { margin-bottom: 0.7rem; }
.drw-slip-loose { list-style: none; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 0.3rem 1rem 0.6rem 0; }
.alignright { float: right; margin: 0.3rem 0 0.6rem 1rem; }
.wp-caption-text, figcaption { color: var(--drw-ink-soft); font-size: 0.92rem; }

/* The foot of every page */
.drw-foot { margin-top: 3rem; padding: 1.3rem 0 1.2rem; background: var(--drw-scrub-deep); color: var(--drw-on-scrub); }
.drw-foot a { color: var(--drw-on-scrub); }
.drw-foot-k { margin: 0 0 0.5rem; font-family: var(--drw-head); font-size: 1.24rem; }
.drw-foot-rows { display: grid; gap: 0 1.6rem; }
.drw-foot-row { min-width: 0; padding: 0.3rem 0; border-top: 1px solid var(--drw-scrub-lift); }
.drw-foot-state { margin: 0; color: var(--drw-on-scrub-soft); font-family: var(--drw-ui); font-size: 0.9rem; }
.drw-foot-list { display: flex; flex-wrap: wrap; gap: 0 1rem; margin: 0; padding: 0; list-style: none; }
.drw-foot-list a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; }
.drw-foot-end { margin-top: 0.9rem; padding-top: 0.75rem; border-top: 1px solid var(--drw-scrub-lift); }
.drw-foot-name { margin: 0; font-family: var(--drw-head); }
.drw-foot-say, .drw-foot-year { margin: 0.25rem 0 0; color: var(--drw-on-scrub-soft); font-size: 0.95rem; }
.drw-foot-links ul { display: flex; flex-wrap: wrap; gap: 0 1rem; margin: 0.25rem 0 0; padding: 0; list-style: none; }
.drw-foot-links a { display: inline-flex; align-items: center; min-height: 44px; }

@media (min-width:700px) {
	.drw-shelf { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.drw-rules-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.drw-repeat-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.drw-around { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.drw-around-on { grid-column: 2; }
	.drw-foot-rows { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width:980px) {
	.drw-lobby-in { grid-template-columns: minmax(0, 1fr) minmax(0, 29rem); column-gap: 2.4rem; align-items: start; }
	.drw-lobby-head { grid-column: 1; grid-row: 1; }
	.drw-lobby-more { grid-column: 1; grid-row: 2; }
	.drw-rack-box { grid-column: 2; grid-row: 1 / span 2; }
	.drw-rules-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.drw-foot-rows { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width:1020px) {
	/* The panel stays in view while the clinics pass beside it. */
	.drw-bench { grid-template-columns: 24rem minmax(0, 1fr); gap: 2.2rem; align-items: start; }
	.drw-panel { position: sticky; top: 0.8rem; max-height: calc(100vh - 1.6rem); overflow-y: auto; }
	/* The sheet is taller than a screen: its top stays in view and the page's end brings up the rest, nothing cut inside a box. */
	.drw-layout-sheet { grid-template-columns: minmax(0, 1fr) 21rem; align-items: start; }
	.drw-layout-sheet .drw-reading { grid-column: 1; grid-row: 1; }
	.drw-layout-sheet .drw-carry { position: sticky; top: 0.8rem; grid-column: 2; grid-row: 1; }
}

@media print {
	:root { --drw-ground: #fff; --drw-paper: #fff; --drw-ink: #000; --drw-ink-soft: #222; --drw-link: #000; --drw-rule: #999; --drw-rule-strong: #666; --drw-band: #fff; --drw-scrub: #fff; --drw-on-scrub: #000; --drw-plasma-tint: #fff; --drw-on-tint: #000; --drw-scrub-deep: #fff; --drw-on-scrub-soft: #222; }
	.drw-top, .drw-foot, .drw-kin, .drw-around, .drw-notes, .drw-syringe, .drw-rack-box, .drw-panel { display: none; }
}