/*
Theme Name: Watch Chain
Description: Hypnotists, Reiki and age regression in New York, set on the dial of a pocket watch. On the front page a brass watch hangs from its chain on velvet; its dial carries every place the pages cover, numbered round from the top, with a mark for each kind of session the place has and lines across the face between places whose pages link each other. Pointing at a place turns the hand to it; a choice of the kind of session keeps the places that have it. Below come the places with their pages, the practices listed on more than one page and the newest pages. A page turns each practice into a numbered card with its phone, sets its tables in rows on a phone, and keeps a case beside the text: the small dial with the hand at its place, the practices and phones, the questions it answers and the sites it links. No web fonts, one small script, dark mode.
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: watch-chain
*/

/* Enamel, brass and velvet: the watch in its case. */
:root {
	--wtc-ground: #eef1e4;
	--wtc-sheet: #fbfef2;
	--wtc-ink: #1d1a22;
	--wtc-ink-soft: #57525e;
	--wtc-link: #27418d;
	--wtc-rule: #dcd4c6;
	--wtc-rule-strong: #857c6e;
	--wtc-focus: #27418d;
	--wtc-press: #27418d;
	--wtc-on-press: #ffffff;
	--wtc-velvet: #231b31;
	--wtc-velvet-edge: #3a2f4c;
	--wtc-on-velvet: #f2eadb;
	--wtc-on-velvet-soft: #c8bed3;
	--wtc-velvet-link: #f0d48a;
	--wtc-brass: #b9913f;
	--wtc-brass-hi: #ecd592;
	--wtc-brass-lo: #7a5a1e;
	--wtc-enamel: #f7f6e8;
	--wtc-dial-ink: #1d1a22;
	--wtc-dial-rule: #827968;
	--wtc-steel: #2b4596;
	--wtc-glow: #f3e2ac;
	--wtc-rim: #8c6a24;
	--wtc-q: #7a5a1e;
	--wtc-pin-hyp: #2b4596;
	--wtc-pin-rei: #2d6b52;
	--wtc-pin-reg: #8e2f40;
	--wtc-hyp: #2b4596;
	--wtc-rei: #2d6b52;
	--wtc-reg: #8e2f40;
	--wtc-lit-hyp: #9fb4ef;
	--wtc-lit-rei: #86c9a9;
	--wtc-lit-reg: #eaa0ad;
	--wtc-on-brass: #241a08;
	--wtc-head: "Didot", "Bodoni 72", "Bodoni MT", "Libre Bodoni", Constantia, Georgia, serif;
	--wtc-text: "Palatino Linotype", Palatino, "Book Antiqua", "URW Palladio L", Georgia, serif;
	--wtc-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color-scheme: light dark;
}

@media (prefers-color-scheme:dark) {
	:root:not([data-theme="light"]) {
		--wtc-ground: #150f1a;
		--wtc-sheet: #1c1925;
		--wtc-ink: #efe4d7;
		--wtc-ink-soft: #bfb7c9;
		--wtc-link: #adc0f2;
		--wtc-rule: #343042;
		--wtc-rule-strong: #8b8398;
		--wtc-focus: #adc0f2;
		--wtc-press: #adc0f2;
		--wtc-on-press: #13111a;
		--wtc-velvet: #0c0614;
		--wtc-velvet-edge: #2a2338;
		--wtc-enamel: #e9e1cf;
		--wtc-glow: #e6cf8c;
		--wtc-rim: #c9a24f;
		--wtc-q: #c9a24f;
		--wtc-hyp: #9fb4ef;
		--wtc-rei: #86c9a9;
		--wtc-reg: #eaa0ad;
	}
}
:root[data-theme="dark"] {
	--wtc-ground: #150f1a;
	--wtc-sheet: #1c1925;
	--wtc-ink: #efe4d7;
	--wtc-ink-soft: #bfb7c9;
	--wtc-link: #adc0f2;
	--wtc-rule: #343042;
	--wtc-rule-strong: #8b8398;
	--wtc-focus: #adc0f2;
	--wtc-press: #adc0f2;
	--wtc-on-press: #13111a;
	--wtc-velvet: #0c0614;
	--wtc-velvet-edge: #2a2338;
	--wtc-enamel: #e9e1cf;
	--wtc-glow: #e6cf8c;
	--wtc-rim: #c9a24f;
	--wtc-q: #c9a24f;
	--wtc-hyp: #9fb4ef;
	--wtc-rei: #86c9a9;
	--wtc-reg: #eaa0ad;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 16px; }
body { margin: 0; background: var(--wtc-ground); color: var(--wtc-ink); font: 1.0625rem/1.65 var(--wtc-text); overflow-wrap: break-word; }
a { color: var(--wtc-link); text-decoration-thickness: 1px; text-underline-offset: 0.18em; }
a:hover { text-decoration-thickness: 2px; }
:focus-visible { outline: 3px solid var(--wtc-focus); outline-offset: 2px; }
img, video, iframe { max-width: 100%; height: auto; }
h1, h2, h3, h4 { font-family: var(--wtc-head); font-weight: 700; line-height: 1.15; margin: 0; }
button, input { font: inherit; }
[hidden] { display: none !important; }
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal; }
.wtc-skip:focus { clip: auto; clip-path: none; height: auto; width: auto; margin: 0; z-index: 10; left: 8px; top: 8px; padding: 10px 14px; background: var(--wtc-sheet); color: var(--wtc-link); }
.wtc-shell { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
.wtc-hall { display: block; padding-bottom: 56px; }
.wtc-mid { color: var(--wtc-rule-strong); margin: 0 0.4em; }

/* The marks of the three kinds of session: a round mark, a diamond and a square. */
.wtc-key { display: inline-block; flex: 0 0 auto; width: 10px; height: 10px; margin-right: 8px; vertical-align: 0.05em; }
.wtc-key-hyp { border-radius: 50%; background: var(--wtc-hyp); }
.wtc-key-rei { width: 9px; height: 9px; margin: 0 9px 0 1px; transform: rotate(45deg); background: var(--wtc-rei); }
.wtc-key-reg { width: 9px; height: 9px; background: var(--wtc-reg); }

/* The band at the top */
.wtc-band { padding: 10px 0 13px; background: var(--wtc-sheet); border-bottom: 1px solid var(--wtc-rule); box-shadow: inset 0 -3px 0 var(--wtc-brass); }
.wtc-band-in { display: flex; flex-wrap:wrap; align-items: center; gap: 10px 22px; }
.wtc-sign { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; color: var(--wtc-ink); text-decoration: none; margin-right: auto; }
.wtc-sign-mark svg { display: block; width: 28px; height: 34px; }
.wtc-sign-bow { fill: none; stroke: var(--wtc-brass); stroke-width: 2; }
.wtc-sign-case { fill: var(--wtc-brass); }
.wtc-sign-face { fill: var(--wtc-enamel); }
.wtc-sign-hand { fill: none; stroke: var(--wtc-steel); stroke-width: 1.8; stroke-linecap: round; }
.wtc-sign-name { font: 700 1.25rem/1.1 var(--wtc-head); letter-spacing: 0.01em; }
.wtc-band-links ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap:wrap; gap: 0 18px; }
.wtc-band-links a { display: inline-flex; align-items: center; min-height: 44px; font: 600 0.92rem var(--wtc-ui); color: var(--wtc-ink); text-decoration: none; }
.wtc-band-links a:hover { text-decoration: underline; }
.wtc-look { display: flex; flex: 1 1 240px; max-width: 360px; }
.wtc-look-field { flex: 1; min-width: 0; min-height: 44px; padding: 0 12px; border: 1px solid var(--wtc-rule-strong); border-right: 0; border-radius: 22px 0 0 22px; background: var(--wtc-ground); color: var(--wtc-ink); font: 0.95rem var(--wtc-ui); }
.wtc-look-go { min-height: 44px; padding: 0 18px; border: 1px solid var(--wtc-press); border-radius: 0 22px 22px 0; background: var(--wtc-press); color: var(--wtc-on-press); font: 700 0.9rem var(--wtc-ui); cursor: pointer; }

/* The face: the title and the watch on velvet */
.wtc-face { display: grid; gap: 8px 40px; margin-top: 20px; padding: 0 18px 26px; border-radius: 14px; background: radial-gradient(120% 90% at 70% 10%, var(--wtc-velvet-edge), var(--wtc-velvet) 70%); color: var(--wtc-on-velvet); overflow: hidden; }
.wtc-face a { color: var(--wtc-velvet-link); }
.wtc-face-head { padding-top: 26px; min-width: 0; }
.wtc-face-more { min-width: 0; }
.wtc-kicker { margin: 0 0 12px; font: 700 0.78rem/1.3 var(--wtc-ui); letter-spacing: 0.16em; text-transform: uppercase; color: var(--wtc-brass-hi); }
.wtc-face-title { font-size: clamp(2.1rem, 6.4vw, 3.6rem); line-height: 1.04; letter-spacing: -0.005em; max-width: 13em; }
.wtc-face-lede { margin: 10px 0 0; max-width: 34em; font-size: 1.12rem; color: var(--wtc-on-velvet-soft); }
.wtc-reckon { list-style: none; margin: 24px 0 0; padding: 0; display: flex; flex-wrap:wrap; gap: 14px 30px; font: 0.95rem/1.3 var(--wtc-ui); color: var(--wtc-on-velvet-soft); }
.wtc-reckon li { padding-left: 12px; border-left: 2px solid var(--wtc-brass); }
.wtc-reckon-n { display: block; font: 700 2rem/1 var(--wtc-head); color: var(--wtc-on-velvet); }
.wtc-ways { display: flex; flex-wrap:wrap; gap: 10px 14px; margin-top: 26px; }
.wtc-way-main, .wtc-way { display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; border-radius: 22px; font: 700 0.95rem var(--wtc-ui); text-decoration: none; }
.wtc-face .wtc-way-main, .wtc-way-main { background: var(--wtc-brass-hi); color: var(--wtc-on-brass); }
.wtc-face .wtc-way { border: 1px solid var(--wtc-brass); color: var(--wtc-on-velvet); }
.wtc-way-main:hover, .wtc-way:hover { text-decoration: underline; }
.wtc-watch { margin: 0; min-width: 0; display: grid; justify-items: center; }
.wtc-watch-art { width: min(100%, 250px); }
.wtc-watch-art svg { display: block; width: 100%; height: auto; overflow: visible; }
.wtc-reading { margin: 12px 0 0; width: 100%; max-width: 420px; min-height: 3.2em; padding: 10px 14px; border: 1px solid var(--wtc-velvet-edge); border-left: 3px solid var(--wtc-brass); border-radius: 6px; background: rgba(0, 0, 0, 0.18); font: 0.92rem/1.45 var(--wtc-ui); color: var(--wtc-on-velvet); }
.wtc-legend { display: grid; gap: 4px; width: 100%; max-width: 420px; margin-top: 12px; font: 0.82rem/1.45 var(--wtc-ui); color: var(--wtc-on-velvet-soft); }
.wtc-legend-row { display: flex; align-items: center; }
.wtc-legend-say { margin-top: 4px; }
.wtc-face .wtc-key-hyp { background: var(--wtc-lit-hyp); }
.wtc-face .wtc-key-rei { background: var(--wtc-lit-rei); }
.wtc-face .wtc-key-reg { background: var(--wtc-lit-reg); }

/* The watch itself */
.wtc-stop-hi { stop-color: var(--wtc-brass-hi); }
.wtc-stop-mid { stop-color: var(--wtc-brass); }
.wtc-stop-lo { stop-color: var(--wtc-brass-lo); }
.wtc-link-face { fill: none; stroke: var(--wtc-brass); stroke-width: 3.4; }
.wtc-link-edge { fill: var(--wtc-brass-lo); }
.wtc-bow { fill: none; stroke: var(--wtc-brass); stroke-width: 7; }
.wtc-crown { fill: var(--wtc-brass); }
.wtc-crown-cut { stroke: var(--wtc-brass-lo); stroke-width: 1.6; }
.wtc-stem { fill: var(--wtc-brass-lo); }
.wtc-case { stroke: var(--wtc-brass-lo); stroke-width: 2; }
.wtc-bezel { fill: none; stroke: var(--wtc-brass-lo); stroke-width: 2.5; }
.wtc-enamel { fill: var(--wtc-enamel); stroke: var(--wtc-brass-hi); stroke-width: 1; }
.wtc-ticks { fill: none; stroke: var(--wtc-dial-ink); stroke-width: 1.4; }
.wtc-ring { fill: none; stroke: var(--wtc-dial-rule); stroke-width: 0.8; stroke-dasharray: 2 3; }
.wtc-tie { fill: none; stroke: var(--wtc-brass-lo); stroke-width: 1; opacity: 0.55; transition: stroke 0.2s, opacity 0.2s; }
.wtc-tie.is-lit { stroke: var(--wtc-steel); stroke-width: 2.4; opacity: 1; }
.wtc-pip { fill: none; stroke: var(--wtc-dial-rule); stroke-width: 1; }
.wtc-pip-hyp.is-have { fill: var(--wtc-pin-hyp); stroke: var(--wtc-pin-hyp); }
.wtc-pip-rei.is-have { fill: var(--wtc-pin-rei); stroke: var(--wtc-pin-rei); }
.wtc-pip-reg.is-have { fill: var(--wtc-pin-reg); stroke: var(--wtc-pin-reg); }
.wtc-mark { cursor: pointer; }
.wtc-mark-hit { fill: transparent; }
.wtc-mark-no { font: 600 19px var(--wtc-head); fill: var(--wtc-dial-ink); }
.wtc-spot { transition: opacity 0.2s; }
.wtc-spot.is-pointed .wtc-mark-hit, .wtc-dial-small .wtc-spot.is-pointed .wtc-mark-no { fill: var(--wtc-glow); }
.wtc-spot.is-pointed .wtc-mark-no { fill: var(--wtc-steel); font-weight: 800; }
.wtc-dial-small .wtc-spot.is-pointed .wtc-mark-no { fill: var(--wtc-steel); paint-order: stroke; stroke: var(--wtc-glow); stroke-width: 10px; stroke-linejoin: round; }
.wtc-spot.is-off { opacity: 0.2; }
.wtc-hand { transform-box: fill-box; transform-origin: 50% 50%; transform: rotate(var(--wtc-turn, 0deg)); transition: transform 0.8s cubic-bezier(0.34, 1.45, 0.55, 1); }
.wtc-hand-room { fill: none; }
.wtc-hand-steel { fill: var(--wtc-steel); }
.wtc-hand-moon { fill: none; stroke: var(--wtc-steel); stroke-width: 2.4; }
.wtc-cap { fill: var(--wtc-brass); stroke: var(--wtc-brass-lo); stroke-width: 1; }
.wtc-cap-pin { fill: var(--wtc-steel); }
.wtc-dial-hung .wtc-swing { transform-box: fill-box; transform-origin: 50% 0; animation: wtc-settle 4.6s ease-in-out 0.3s 1 both; }
.wtc-watch:hover .wtc-swing, .wtc-watch:focus-within .wtc-swing { animation-play-state: paused; }
@keyframes wtc-settle {
	0% { transform: rotate(5deg); }
	22% { transform: rotate(-3.6deg); }
	44% { transform: rotate(2.2deg); }
	64% { transform: rotate(-1.1deg); }
	82% { transform: rotate(0.5deg); }
	100% { transform: rotate(0deg); }
}
@media (prefers-reduced-motion:reduce) {
	.wtc-dial-hung .wtc-swing { animation: none; }
	.wtc-hand, .wtc-tie, .wtc-spot { transition: none; }
	html { scroll-behavior: auto; }
}

@media (min-width:600px) {
	.wtc-shell { padding: 0 28px; }
	.wtc-face { padding: 0 30px 30px; }
	.wtc-watch-art { width: min(100%, 340px); }
}
@media (min-width:980px) {
	.wtc-face { grid-template-columns: minmax(0, 1fr) minmax(0, 430px); grid-template-rows: auto 1fr; grid-template-areas: "head watch" "more watch"; align-items: start; padding: 0 44px 40px; }
	.wtc-face-head { grid-area: head; padding-top: 56px; }
	.wtc-face-more { grid-area: more; }
	.wtc-watch { grid-area: watch; }
	.wtc-watch-art { width: 100%; max-width: 400px; }
}

/* Section heads */
.wtc-sect { font-size: clamp(1.55rem, 3.6vw, 2.15rem); margin: 0 0 6px; }
.wtc-hint { margin: 0 0 18px; max-width: 46em; font: 0.92rem/1.5 var(--wtc-ui); color: var(--wtc-ink-soft); }

/* The places on the dial */
.wtc-places { padding: 38px 0 10px; }
.wtc-kinds { margin: 0 0 22px; padding: 14px; background: var(--wtc-sheet); border: 1px solid var(--wtc-rule); border-radius: 10px; }
.wtc-kinds-set { min-width: 0; border: 0; margin: 0; padding: 0; display: flex; flex-wrap:wrap; gap: 8px; }
.wtc-kinds-legend { padding: 0; margin-bottom: 8px; font: 700 0.9rem var(--wtc-ui); }
.wtc-kinds-pick { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 14px; border: 1px solid var(--wtc-rule-strong); border-radius: 22px; font: 0.9rem var(--wtc-ui); cursor: pointer; }
.wtc-kinds-pick input { width: 18px; height: 18px; margin: 0; accent-color: var(--wtc-press); }
.wtc-kinds-pick .wtc-key { margin-right: 0; }
.wtc-kinds-pick:has(input:checked) { border-color: var(--wtc-press); box-shadow: inset 0 0 0 1px var(--wtc-press); font-weight: 700; }
.wtc-kinds-n { font-size: 0.8rem; color: var(--wtc-ink-soft); }
.wtc-kinds-say { margin: 10px 0 0; font: 700 0.92rem var(--wtc-ui); }
.wtc-kinds-say:empty { display: none; }
.wtc-place-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
.wtc-place { padding: 14px 16px 10px; background: var(--wtc-sheet); border: 1px solid var(--wtc-rule); border-radius: 12px; transition: border-color 0.2s, box-shadow 0.2s; }
.wtc-place:target, .wtc-place.is-picked { border-color: var(--wtc-rim); box-shadow: 0 0 0 2px var(--wtc-rim), 0 10px 24px -18px rgba(0, 0, 0, 0.5); }
.wtc-place-head { margin: 0; display: flex; align-items: center; flex-wrap:wrap; gap: 4px 12px; }
.wtc-place-no { flex: 0 0 auto; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: var(--wtc-enamel); box-shadow: inset 0 0 0 3px var(--wtc-brass), inset 0 0 0 4px var(--wtc-brass-lo); font: 700 1.05rem var(--wtc-head); color: var(--wtc-dial-ink); }
.wtc-place-name { font: 700 1.35rem/1.15 var(--wtc-head); }
.wtc-place-n { margin-left: auto; font: 0.82rem var(--wtc-ui); color: var(--wtc-ink-soft); }
.wtc-place-kinds { list-style: none; margin: 10px 0 0; padding: 0; border-top: 1px solid var(--wtc-rule); }
.wtc-place-kinds li { border-bottom: 1px solid var(--wtc-rule); }
.wtc-place-page { display: flex; align-items: center; flex-wrap:wrap; min-height: 44px; padding: 4px 0; font: 600 0.95rem/1.3 var(--wtc-ui); text-decoration: none; }
.wtc-place-page:hover .wtc-place-kind { text-decoration: underline; }
.wtc-place-count { margin-left: auto; padding-left: 10px; font-weight: 400; font-size: 0.82rem; color: var(--wtc-ink-soft); }
.wtc-place-ties { margin: 6px 0 0; font: 0.85rem/1.5 var(--wtc-ui); color: var(--wtc-ink-soft); }
.wtc-place-ties a { display: inline-flex; align-items: center; min-height: 44px; }
.wtc-place-ties-k { font-weight: 700; margin-right: 8px; color: var(--wtc-ink); }

/* The practices on more than one page */
.wtc-again { padding: 34px 0 6px; margin-top: 26px; border-top: 1px solid var(--wtc-rule); }
.wtc-again-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px 22px; }
.wtc-again-item { padding: 12px 0 0; border-top: 3px double var(--wtc-brass); }
.wtc-again-name { margin: 0; font: 700 1.2rem/1.25 var(--wtc-head); }
.wtc-again-host { display: block; margin-top: 2px; font: 400 0.8rem var(--wtc-ui); color: var(--wtc-ink-soft); }
.wtc-again-n { margin: 4px 0 0; font: 700 0.82rem var(--wtc-ui); color: var(--wtc-ink-soft); }
.wtc-again-pages { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-wrap:wrap; gap: 0 16px; }
.wtc-again-pages a { display: inline-flex; align-items: center; min-height: 44px; font: 0.9rem var(--wtc-ui); }

/* The newest pages */
.wtc-newest { padding: 34px 0 0; border-top: 1px solid var(--wtc-rule); margin-top: 26px; }
.wtc-entries { list-style: none; margin: 0; padding: 0; max-width: 860px; }
.wtc-entry { padding: 18px 0; border-bottom: 1px solid var(--wtc-rule); }
.wtc-entry-meta { margin: 0 0 4px; display: flex; flex-wrap:wrap; align-items: center; gap: 4px 14px; font: 0.82rem var(--wtc-ui); color: var(--wtc-ink-soft); }
.wtc-entry-kind { display: inline-flex; align-items: center; font-weight: 700; color: var(--wtc-ink); }
.wtc-entry-title { font-size: 1.32rem; }
.wtc-entry-title a { display: inline-flex; align-items: center; min-height: 44px; color: var(--wtc-ink); text-decoration-color: var(--wtc-rule-strong); }
.wtc-entry-title a:hover { color: var(--wtc-link); }
.wtc-entry-open { margin: 4px 0 0; color: var(--wtc-ink-soft); }
.wtc-entry-n { margin: 6px 0 0; font: 0.84rem var(--wtc-ui); color: var(--wtc-ink-soft); }
.wtc-none-yet { padding: 18px; background: var(--wtc-sheet); border: 1px dashed var(--wtc-rule-strong); }
.pagination .nav-links { display: flex; flex-wrap:wrap; gap: 8px; margin-top: 22px; font: 0.95rem var(--wtc-ui); }
.pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 12px; border: 1px solid var(--wtc-rule-strong); border-radius: 22px; text-decoration: none; }
.pagination .page-numbers.current { background: var(--wtc-press); border-color: var(--wtc-press); color: var(--wtc-on-press); }

/* A page: the head */
.wtc-top { background: var(--wtc-sheet); border-bottom: 1px solid var(--wtc-rule); padding: 16px 0 22px; }
.wtc-backway-list { list-style: none; margin: 0 0 8px; padding: 0; display: flex; flex-wrap:wrap; font: 0.86rem var(--wtc-ui); }
.wtc-backway-list li + li::before { content: "\203A"; margin: 0 8px; color: var(--wtc-rule-strong); align-self: center; }
.wtc-backway-list li { display: inline-flex; }
.wtc-backway-list a { display: inline-flex; align-items: center; min-height: 44px; color: var(--wtc-ink-soft); }
.wtc-top-title { font-size: clamp(2rem, 5vw, 3.1rem); line-height: 1.08; max-width: 19em; }
.wtc-top-meta { margin: 12px 0 0; display: flex; flex-wrap:wrap; gap: 8px; font: 0.84rem var(--wtc-ui); color: var(--wtc-ink-soft); }
.wtc-top-bit { padding: 3px 12px; border: 1px solid var(--wtc-rule); border-radius: 14px; }
.wtc-sibs { margin-top: 16px; display: flex; flex-wrap:wrap; align-items: center; gap: 8px 12px; }
.wtc-sibs-k { margin: 0; font: 700 0.78rem var(--wtc-ui); letter-spacing: 0.12em; text-transform: uppercase; color: var(--wtc-ink-soft); }
.wtc-sibs-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap:wrap; gap: 8px; }
.wtc-sib { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border: 1px solid var(--wtc-rule-strong); border-radius: 22px; font: 700 0.92rem var(--wtc-ui); text-decoration: none; }
.wtc-sib:hover { border-color: var(--wtc-link); text-decoration: underline; }

/* The text */
.wtc-frame { padding-top: 28px; }
.wtc-read { min-width: 0; }
.wtc-text { max-width: 720px; }
.wtc-text > * + * { margin-top: 1.05em; }
.wtc-text p { margin: 0; }
.wtc-text .wtc-lead { font-size: 1.2rem; line-height: 1.6; }
.wtc-text h2 { font-size: clamp(1.45rem, 3vw, 1.85rem); margin-top: 1.9em; }
.wtc-text .wtc-part { padding-top: 0.6em; border-top: 1px solid var(--wtc-rule); }
.wtc-text h3 { font-size: 1.22rem; margin-top: 1.6em; }
.wtc-text .wtc-query { display: flex; gap: 12px; align-items: baseline; }
.wtc-query::before { content: "Q" / ""; flex: 0 0 auto; width: 28px; height: 28px; display: inline-grid; place-items: center; border-radius: 50%; border: 1.5px solid var(--wtc-q); color: var(--wtc-q); font: 700 0.85rem/1 var(--wtc-head); transform: translateY(-2px); }
.wtc-text ul, .wtc-text ol { padding-left: 1.3em; }
.wtc-text li + li { margin-top: 0.45em; }
.wtc-text blockquote { margin-left: 0; padding-left: 16px; border-left: 3px solid var(--wtc-brass); }
.wtc-chit { margin-top: 22px; padding: 18px 18px 16px; background: var(--wtc-sheet); border: 1px solid var(--wtc-rule); border-radius: 12px; box-shadow: 0 10px 24px -22px rgba(0, 0, 0, 0.6); }
.wtc-chit > * + * { margin-top: 0.85em; }
.wtc-text .wtc-chit-name { display: flex; align-items: center; gap: 14px; margin-top: 0; font-size: 1.32rem; }
.wtc-chit-name::before { content: attr(data-wtc-n) / ""; flex: 0 0 auto; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: var(--wtc-enamel); box-shadow: inset 0 0 0 3px var(--wtc-brass), inset 0 0 0 4px var(--wtc-brass-lo); color: var(--wtc-dial-ink); font: 700 1.05rem var(--wtc-head); }
.wtc-chit a[href^="tel:"], .wtc-chit a[href^="TEL:"] { display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; margin: 2px 0; border-radius: 22px; background: var(--wtc-press); color: var(--wtc-on-press); font: 700 0.92rem var(--wtc-ui); text-decoration: none; white-space: nowrap; }
.wtc-chit a[href^="tel:"]:hover { text-decoration: underline; }
.wtc-table { width: 100%; border-collapse: collapse; font: 0.92rem/1.5 var(--wtc-ui); }
.wtc-table th, .wtc-table td { padding: 9px 12px; border-bottom: 1px solid var(--wtc-rule); text-align: left; vertical-align: top; }
.wtc-table th { background: var(--wtc-sheet); border-bottom: 2px solid var(--wtc-brass); font-size: 0.78rem; letter-spacing: 0.06em; text-transform: uppercase; }
.wtc-table td:first-child { font-weight: 700; }
.wp-block-table { margin: 0; overflow-x: auto; }
@media (max-width:699px) {
	.wtc-table, .wtc-table tbody, .wtc-table tr, .wtc-table td { display: block; width: 100%; }
	.wtc-table thead { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
	.wtc-table thead tr, .wtc-table thead th { display: block; width: 1px; height: 1px; padding: 0; overflow: hidden; }
	.wtc-table tr { margin-top: 12px; padding: 6px 14px; background: var(--wtc-sheet); border: 1px solid var(--wtc-rule); border-radius: 10px; }
	.wtc-table td { padding: 6px 0; }
	.wtc-table td + td { border-top: 1px dotted var(--wtc-rule); }
	.wtc-table tr td:last-child { border-bottom: 0; }
	.wtc-table td[data-wtc-col]::before { content: attr(data-wtc-col); display: block; font: 700 0.7rem/1.4 var(--wtc-ui); letter-spacing: 0.08em; text-transform: uppercase; color: var(--wtc-ink-soft); }
	.wtc-table td:first-child { font-size: 1.05rem; }
}
.wtc-text table:not(.wtc-table) { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.wtc-text .wtc-close { margin-top: 1.6em; padding-top: 12px; border-top: 1px solid var(--wtc-rule); font-size: 0.95rem; font-style: italic; color: var(--wtc-ink-soft); }
.wtc-text-parts { margin-top: 24px; font: 0.95rem var(--wtc-ui); }

/* The case beside the text */
.wtc-side { margin-top: 36px; padding: 18px 18px 8px; border-radius: 14px; background: radial-gradient(130% 70% at 50% 0%, var(--wtc-velvet-edge), var(--wtc-velvet) 70%); color: var(--wtc-on-velvet); box-shadow: inset 0 0 0 2px var(--wtc-brass-lo); font: 0.92rem/1.45 var(--wtc-ui); }
.wtc-side a { color: var(--wtc-velvet-link); }
.wtc-side-dial { text-align: center; }
.wtc-side-art { width: 200px; margin: 0 auto; }
.wtc-side-art svg { display: block; width: 100%; height: auto; }
.wtc-side-at { margin: 10px 0 0; color: var(--wtc-on-velvet-soft); }
.wtc-side-back { display: flex; align-items: center; justify-content: center; min-height: 44px; font-weight: 700; }
.wtc-side-part { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--wtc-velvet-edge); }
.wtc-side-k { margin: 0 0 6px; font: 700 0.76rem var(--wtc-ui); letter-spacing: 0.14em; text-transform: uppercase; color: var(--wtc-brass-hi); }
.wtc-side-who { list-style: none; margin: 0; padding: 0; }
.wtc-side-prac { padding: 4px 0 8px; border-bottom: 1px dotted var(--wtc-velvet-edge); }
.wtc-side-name { display: flex; align-items: center; gap: 10px; min-height: 44px; font-weight: 700; color: var(--wtc-on-velvet); }
.wtc-side .wtc-side-name { color: var(--wtc-on-velvet); }
.wtc-side-no { flex: 0 0 auto; width: 26px; height: 26px; display: inline-grid; place-items: center; border-radius: 50%; background: var(--wtc-enamel); box-shadow: inset 0 0 0 2px var(--wtc-brass); color: var(--wtc-dial-ink); font: 700 0.8rem var(--wtc-head); }
.wtc-side-host { display: block; font-size: 0.8rem; color: var(--wtc-on-velvet-soft); overflow-wrap: anywhere; }
.wtc-side-prac .wtc-side-host { margin: 0 0 4px 36px; }
.wtc-side-tels { display: flex; flex-wrap:wrap; gap: 6px; margin: 2px 0 4px 36px; }
.wtc-side-tel { display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; border: 1px solid var(--wtc-brass); border-radius: 22px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.wtc-side-tel:hover { text-decoration: underline; }
.wtc-side-asks, .wtc-side-cites, .wtc-side-to { list-style: none; margin: 0; padding: 0; }
.wtc-side-asks a, .wtc-side-to a { display: flex; align-items: center; min-height: 44px; padding: 4px 0; }
.wtc-side-cites li { padding: 4px 0; }
.wtc-side-cites a { display: inline-flex; align-items: center; min-height: 44px; }
.wtc-side-cites .wtc-side-host { margin-top: -8px; }
.wtc-side .wtc-key-hyp { background: var(--wtc-lit-hyp); }
.wtc-side .wtc-key-rei { background: var(--wtc-lit-rei); }
.wtc-side .wtc-key-reg { background: var(--wtc-lit-reg); }
@media (min-width:1020px) {
	.wtc-frame-side { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 52px; align-items: start; }
	.wtc-side { margin-top: 0; position: sticky; top: 16px; max-height: calc(100vh - 32px); overflow-y: auto; scrollbar-width: thin; }
}

/* The note, the same kind elsewhere, comments, the pages either side */
.wtc-heed { max-width: 720px; margin-top: 36px; padding: 18px 20px; background: var(--wtc-sheet); border: 1px solid var(--wtc-rule); border-top: 3px solid var(--wtc-brass); border-radius: 10px; font: 0.92rem/1.6 var(--wtc-ui); }
.wtc-heed-title { font-size: 1.2rem; }
.wtc-heed p { margin: 8px 0 0; }
.wtc-afield { max-width: 720px; margin-top: 32px; }
.wtc-afield-title { font-size: 1.3rem; }
.wtc-afield-list { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-wrap:wrap; gap: 8px; }
.wtc-afield-list li { display: inline-flex; align-items: center; gap: 8px; padding: 0 14px; border: 1px solid var(--wtc-rule-strong); border-radius: 22px; }
.wtc-afield-list a { display: inline-flex; align-items: center; min-height: 44px; font: 700 0.92rem var(--wtc-ui); }
.wtc-afield-n { font: 0.8rem var(--wtc-ui); color: var(--wtc-ink-soft); }
.wtc-reply { max-width: 720px; margin-top: 40px; padding-top: 18px; border-top: 1px solid var(--wtc-rule); font-family: var(--wtc-ui); }
.wtc-reply-list { padding-left: 1.2em; }
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea { width: 100%; min-height: 44px; padding: 8px 10px; border: 1px solid var(--wtc-rule-strong); border-radius: 6px; background: var(--wtc-sheet); color: var(--wtc-ink); }
.comment-form .submit { min-height: 44px; padding: 0 18px; border: 0; border-radius: 22px; background: var(--wtc-press); color: var(--wtc-on-press); font-weight: 700; cursor: pointer; }
.wtc-flanks { display: grid; gap: 12px; margin-top: 40px; }
.wtc-flank { display: block; padding: 14px 16px; background: var(--wtc-sheet); border: 1px solid var(--wtc-rule); border-radius: 10px; font: 700 0.98rem/1.4 var(--wtc-head); color: var(--wtc-ink); text-decoration: none; }
.wtc-flank:hover { border-color: var(--wtc-brass); text-decoration: underline; }
.wtc-flank-k { display: block; font: 0.78rem var(--wtc-ui); letter-spacing: 0.08em; text-transform: uppercase; color: var(--wtc-ink-soft); }
.wtc-flank-on { text-align: right; }
@media (min-width:720px) { .wtc-flanks { grid-template-columns: 1fr 1fr; } }

/* Pages, the lost address */
.wtc-narrow { max-width: 820px; padding-top: 32px; }
.wtc-loose-title, .wtc-astray-title { margin-bottom: 18px; }
.wtc-astray p { margin: 0 0 16px; }
.wtc-astray .wtc-way-main { background: var(--wtc-press); color: var(--wtc-on-press); }

/* The foot */
.wtc-foot { background: var(--wtc-velvet); color: var(--wtc-on-velvet); padding: 34px 0 30px; border-top: 3px solid var(--wtc-brass); font: 0.92rem/1.55 var(--wtc-ui); }
.wtc-foot a { color: var(--wtc-on-velvet); }
.wtc-foot-k { margin: 0 0 10px; font: 700 0.76rem var(--wtc-ui); letter-spacing: 0.14em; text-transform: uppercase; color: var(--wtc-brass-hi); }
.wtc-foot-row { display: grid; gap: 0 18px; padding: 8px 0; border-bottom: 1px solid var(--wtc-velvet-edge); }
.wtc-foot-kind { margin: 0; display: flex; align-items: center; min-height: 44px; font-weight: 700; color: var(--wtc-on-velvet-soft); }
.wtc-foot-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap:wrap; gap: 0 18px; }
.wtc-foot-list a { display: inline-flex; align-items: center; min-height: 44px; }
.wtc-foot .wtc-key-hyp { background: var(--wtc-lit-hyp); }
.wtc-foot .wtc-key-rei { background: var(--wtc-lit-rei); }
.wtc-foot .wtc-key-reg { background: var(--wtc-lit-reg); }
.wtc-foot-end { display: grid; gap: 8px; margin-top: 18px; }
.wtc-foot-name { margin: 0; font: 700 1.15rem var(--wtc-head); }
.wtc-foot-say, .wtc-foot-year { margin: 0; color: var(--wtc-on-velvet-soft); }
.wtc-foot-links ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap:wrap; gap: 0 18px; }
.wtc-foot-links a { display: inline-flex; align-items: center; min-height: 44px; }
@media (min-width:860px) {
	.wtc-foot-row { grid-template-columns: 220px minmax(0, 1fr); align-items: start; }
}

/* Print: the page without the bands; the case after the text. */
@media print {
	.wtc-band, .wtc-foot, .wtc-flanks, .wtc-reply, .wtc-skip, .wtc-kinds, .wtc-side-dial { display: none; }
	body { background: #fff; color: #000; }
	.wtc-frame-side { display: block; }
	.wtc-side { position: static; max-height: none; overflow: visible; background: #fff; color: #000; box-shadow: none; border: 1px solid #999; }
	.wtc-side a, .wtc-side-name, .wtc-side .wtc-side-name { color: #000; }
	.wtc-face { background: #fff; color: #000; }
}