/* Same restrained typography and white page; no settings panel or new card family. */
#view-loading{display:none}
.loading body{position:fixed;inset:0;width:100%;overflow:hidden}
.loading main,.loading footer,.loading .skip-link{visibility:hidden}
.loading #view-loading{display:flex;position:fixed;inset:82px 0 0;z-index:40;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#fff;color:#62665e;font-size:12px;text-align:center;padding:24px}
#view-loading p{margin:0}
#view-loading a{min-height:44px;padding:12px;color:inherit;text-decoration:underline;text-underline-offset:4px}
@media(max-width:540px){.loading #view-loading{top:76px}}
/* The region is a skip-link/fragment destination, not a giant selected control.
   Interactive descendants retain their own keyboard focus indicators. */
#work:focus-visible{outline:none}
#pile:focus{outline:none}
.unified-header{position:relative;z-index:50;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 24px;padding:12px 0;border:0;background:transparent}
.unified-wordmark{font-family:'Shantell Sans','DM Sans',sans-serif;font-size:20px;font-weight:500;letter-spacing:-.042em;text-decoration:none;color:#262626;white-space:nowrap}
#switch-home{min-height:44px}
#view-switch{display:none;position:relative;align-items:center}
.js #view-switch{display:flex}
#view-switch button{font-family:'DM Sans',Arial,sans-serif;font-size:13px;line-height:1.4;min-width:44px;min-height:44px;border:0;color:#343a30;cursor:pointer}
#view-trigger{display:grid;place-items:center;width:48px;height:48px;padding:13px;border-radius:50%;background:#f2f4ef;box-shadow:0 2px 8px #292d2812}
#view-trigger svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
#view-trigger:hover svg,#view-trigger:focus-visible svg{stroke-width:2.3}
#view-trigger:focus-visible{outline:none;box-shadow:0 0 14px 4px #56634d80}
#view-options{position:absolute;right:0;top:56px;width:184px;max-width:calc(100vw - 32px);padding:8px;border-radius:22px;background:#f2f4ef;box-shadow:0 8px 30px #292d2820;z-index:60}
#view-options[hidden]{display:none}
#view-options button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;text-align:left;border-radius:11px;background:transparent}
#view-options button[aria-pressed=true]{font-weight:600;background:#ffffff80;box-shadow:inset 0 1px 0 #ffffffaa,0 1px 4px #25342b12}
#view-options button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;visibility:hidden}
#view-options button[aria-pressed=true] svg{visibility:visible}
#view-options button:hover{background:#ffffffa3}
#view-options button:focus-visible{outline:2px solid #56634d;outline-offset:-3px}
body:has(#focus[open]) #view-switch{visibility:hidden}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 #view-trigger,#view-options{border:1px solid #ffffffba;background:radial-gradient(ellipse at 22% 2%,#ffffffd9 0,#ffffff58 32%,transparent 62%),linear-gradient(155deg,#ffffffa3 0%,#f7f9f3a3 45%,#dbe5d68c 100%);backdrop-filter:blur(22px) saturate(1.55) brightness(1.04);-webkit-backdrop-filter:blur(22px) saturate(1.55) brightness(1.04);box-shadow:inset 0 1px 1px #ffffffed,inset 0 -1px 1px #8e9c891f,0 1px 2px #ffffffb0,0 7px 20px #1c2e241a,0 20px 44px #1c2e240d}
 #view-trigger{box-shadow:inset 0 1px 1px #ffffffed,inset 0 -1px 1px #8e9c891f,0 1px 2px #ffffffb0,0 5px 15px #1c2e2418}
}
@media(prefers-reduced-transparency:reduce){#view-trigger,#view-options{background:#f2f4ef;border:1px solid #dbe0d6;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 2px 8px #292d2812}}
.fixture-note{font-size:12px;line-height:1.6;color:#62665e;text-align:center;padding:12px 0;max-width:650px;margin:0 auto}
.reading-disclosure{margin:16px auto 32px;max-width:700px;font-size:13px;line-height:1.6}
.reading-disclosure summary{cursor:pointer;min-height:44px;padding:12px 0}
.reading-item{padding:20px 0;overflow-wrap:anywhere}
.reading-item h3{font-family:'Shantell Sans','DM Sans',sans-serif;font-size:26px;font-weight:500;letter-spacing:-.042em;margin:10px 0}
.reading-item p{margin:8px 0}
.inline-graphic{display:inline-block;white-space:nowrap;font-family:'Apple Color Emoji','Segoe UI Emoji',sans-serif;font-size:.84em;line-height:1;vertical-align:-.07em;transform:rotate(-9deg)}
.inline-graphic:nth-of-type(2){transform:rotate(10deg)}
.inline-graphic img,.inline-graphic svg{display:inline-block;width:auto;max-width:1.4em;height:1.15em;vertical-align:-.18em}
.inline-graphic.child-graphic{position:relative;display:inline-block;width:1.3em;height:0;line-height:0;vertical-align:baseline;transform:none}
.inline-graphic.child-graphic img{position:absolute;left:38%;bottom:-1.25em;display:block;width:auto;max-width:none;height:clamp(64px,3.8em,96px);transform:translateX(-50%) rotate(-7deg)}
.landing-intro p{position:relative;isolation:isolate}
.about-copy{position:relative;z-index:1}
.dog-run{white-space:nowrap}
.inline-graphic.dog-graphic{position:relative;display:inline-block;width:2.8em;height:0;line-height:0;vertical-align:baseline;transform:none}
.inline-graphic.dog-graphic img{position:absolute;left:50%;bottom:-1.4em;display:block;width:auto;max-width:none;height:clamp(64px,3.8em,96px);transform:translateX(-50%);pointer-events:none}
.pond-run{white-space:nowrap}
.fresh-pond-mark{position:relative;display:inline-block;width:1.8em;height:0;line-height:0;vertical-align:baseline}
.fresh-pond-mark img{position:absolute;left:50%;bottom:-.65em;display:block;width:2.15em;height:auto;max-width:none;transform:translateX(-50%);pointer-events:none}
@media(max-width:540px){.inline-graphic.child-graphic img{bottom:-.1em}}
[data-mode=board] .unified-header{margin-bottom:0}
[data-mode=board] .unified-wordmark:focus-visible{outline:2px solid #343f30;outline-offset:4px}
@media(max-width:540px){.unified-header{min-height:76px;margin:0 16px;gap:8px}.unified-wordmark{font-size:17px}#view-switch button{padding:10px 6px;min-width:44px}.fixture-note{padding-inline:8px}#focus #view-switch{left:12px}}
@media(forced-colors:active){#view-options button[aria-pressed=true]{color:Highlight}#view-trigger:focus-visible{outline:2px solid Highlight;outline-offset:2px}#view-options button:focus-visible{outline-color:Highlight}}

.unified-wordmark{font-family:'Sigmar','Shantell Sans',sans-serif;font-weight:400;letter-spacing:-.025em;text-transform:uppercase;text-shadow:2px 2px 0 #b6b9b3}
.reading-item h3{font-family:'Sigmar','Shantell Sans',sans-serif;font-weight:400;letter-spacing:-.035em;text-transform:uppercase;text-shadow:2px 3px 0 #b6b9b3}
/* Keep the alternate presentation available by URL without exposing a view switch. */
.js #view-switch{display:none}