@font-face{font-family:"Alegreya Sans";font-style:italic;font-weight:400;font-display:swap;src:url(/palette/fonts/alegreya-sans-italic-400-latin-ext.9e6a08b69e.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:"Alegreya Sans";font-style:italic;font-weight:400;font-display:swap;src:url(/palette/fonts/alegreya-sans-italic-400-latin.5dd7c3e61c.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:"Alegreya Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/palette/fonts/alegreya-sans-normal-400-latin-ext.c76008bc2a.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:"Alegreya Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/palette/fonts/alegreya-sans-normal-400-latin.b2a5a35a25.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:"Alegreya Sans";font-style:normal;font-weight:500;font-display:swap;src:url(/palette/fonts/alegreya-sans-normal-500-latin-ext.578e520318.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:"Alegreya Sans";font-style:normal;font-weight:500;font-display:swap;src:url(/palette/fonts/alegreya-sans-normal-500-latin.55b61d22cc.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:"Alegreya Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/palette/fonts/alegreya-sans-normal-700-latin-ext.8f289f338a.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:"Alegreya Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/palette/fonts/alegreya-sans-normal-700-latin.5acd19a588.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:"Alegreya Sans";font-style:normal;font-weight:800;font-display:swap;src:url(/palette/fonts/alegreya-sans-normal-800-latin-ext.53602e2a2e.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:"Alegreya Sans";font-style:normal;font-weight:800;font-display:swap;src:url(/palette/fonts/alegreya-sans-normal-800-latin.93e1e6c3b5.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:"Shrikhand";font-style:normal;font-weight:400;font-display:swap;src:url(/palette/fonts/shrikhand-normal-400-latin-ext.395f7a17dd.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:"Shrikhand";font-style:normal;font-weight:400;font-display:swap;src:url(/palette/fonts/shrikhand-normal-400-latin.ae958e0da5.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root {
  --canvas: #FBF5EC; --card: #FFFFFF; --ink: #2A1730; --text: #3E2C42; --muted: #6F5D72; --line: rgba(42, 23, 48, .15);
  --rose: #E8A0A6; --ochre: #F0C35A; --plum: #7A2E66; --teal: #5FA39B; --lav: #C8B6E2; --sand: #EAD5B4;
  --head: #7A2E66; --cta: #8E2F7A; --cta-ink: #FFFFFF; --cta-h: #74245F;
  --field-o: .42; --shadow: 0 26px 52px -32px rgba(70, 24, 64, .5); --r: 22px;
  --fd: "Shrikhand", Georgia, serif; --fb: "Alegreya Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f: var(--rose);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --canvas: #1C1320; --card: #2A1D30; --ink: #F8ECF4; --text: #E4D6E0; --muted: #B7A3B4; --line: rgba(255, 255, 255, .14);
    --rose: #A4525F; --ochre: #A9832C; --plum: #9C4A88; --teal: #3D7E77; --lav: #66558A; --sand: #7C6849;
    --head: #F2B9D9; --cta: #B44C9F; --cta-ink: #FFFFFF; --cta-h: #9A3D88;
    --field-o: .34; --shadow: 0 26px 52px -30px rgba(0, 0, 0, .75);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --canvas: #1C1320; --card: #2A1D30; --ink: #F8ECF4; --text: #E4D6E0; --muted: #B7A3B4; --line: rgba(255, 255, 255, .14);
  --rose: #A4525F; --ochre: #A9832C; --plum: #9C4A88; --teal: #3D7E77; --lav: #66558A; --sand: #7C6849;
  --head: #F2B9D9; --cta: #B44C9F; --cta-ink: #FFFFFF; --cta-h: #9A3D88;
  --field-o: .34; --shadow: 0 26px 52px -30px rgba(0, 0, 0, .75);
  color-scheme: dark;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 100px; }
body { margin: 0; background: var(--canvas); color: var(--text); font: 400 1.125rem/1.62 var(--fb); }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--ink); text-decoration-color: var(--plum); text-decoration-thickness: 2px; text-underline-offset: 3px; }
a:hover { color: var(--plum); }
:root[data-theme="dark"] a:hover { color: var(--head); }
h1, h2, h3 { color: var(--ink); }
button, input, select { font: inherit; color: inherit; }
:focus-visible { outline: 3px solid var(--teal); outline-offset: 2px; border-radius: 6px; }
.wsh-defs { position: absolute; width: 0; height: 0; overflow: hidden; }
.wsh-wrap { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.wsh-i { width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none; vertical-align: -.12em; }
.wsh-skip { position: absolute; left: -999px; top: 8px; z-index: 50; background: var(--card); padding: 8px 14px; border-radius: 10px; }
.wsh-skip:focus { left: 12px; }
.wsh-js .wsh-nojs { display: none; }
html:not(.wsh-js) .wsh-jsonly { display: none; }
.wsh-head { position: sticky; top: 0; z-index: 30; background: var(--canvas); }
.wsh-head__bar { max-width: 1200px; margin: 0 auto; padding: 12px 24px; display: flex; align-items: center; gap: 18px; min-height: 68px; }
.wsh-head__stroke { display: grid; grid-template-columns: 3fr 2fr 4fr 2fr; height: 7px; overflow: hidden; }
.wsh-head__stroke i:nth-child(1) { background: var(--rose); } .wsh-head__stroke i:nth-child(2) { background: var(--ochre); } .wsh-head__stroke i:nth-child(3) { background: var(--plum); } .wsh-head__stroke i:nth-child(4) { background: var(--teal); }
.wsh-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--ink); flex: none; }
.wsh-logo__m { width: 38px; height: 38px; flex: none; }
.wsh-m1 { fill: var(--rose); } .wsh-m2 { fill: var(--ochre); } .wsh-m3 { fill: var(--plum); }
.wsh-logo__t { font: 400 1.5rem/1 var(--fd); color: var(--head); white-space: nowrap; }
.wsh-logo__t small { font: 800 .72rem/1 var(--fb); letter-spacing: .22em; text-transform: uppercase; color: var(--muted); vertical-align: .35em; margin-left: 4px; }
.wsh-nav { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.wsh-nav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; }
.wsh-nav a { display: block; padding: 6px 10px; text-decoration: none; font-weight: 700; font-size: 1.04rem; color: var(--text); white-space: nowrap; border-radius: 6px; }
.wsh-nav a:hover, .wsh-nav a[aria-current="page"] { color: var(--ink); background: linear-gradient(transparent 58%, color-mix(in srgb, var(--ochre) 70%, transparent) 58% 90%, transparent 90%); }
.wsh-theme { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 12px 16px 12px 18px; border: 1.5px solid var(--line); background: var(--card); cursor: pointer; color: var(--ink); }
.wsh-theme .wsh-i { width: 20px; height: 20px; }
.wsh-theme span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.wsh-head__end { display: flex; align-items: center; gap: 8px; flex: none; }
.wsh-paid { display: inline-flex; align-items: center; gap: 8px; background: var(--cta); color: var(--cta-ink); font: 800 1.02rem/1 var(--fb); letter-spacing: .02em; padding: 12px 20px; border-radius: 14px 22px 15px 24px; text-decoration: none; white-space: nowrap; box-shadow: 0 10px 22px -12px var(--cta); transition: background .15s, transform .15s; }
.wsh-paid:hover { background: var(--cta-h); color: var(--cta-ink); transform: translateY(-1px); }
.wsh-paid--lg { font-size: 1.12rem; padding: 15px 26px; }
.wsh-ad { display: inline-block; font: 800 .68rem/1 var(--fb); letter-spacing: .08em; text-transform: uppercase; color: var(--muted); border: 1px solid var(--line); border-radius: 6px; padding: 4px 6px; vertical-align: middle; }
.wsh-onl { font-weight: 800; text-decoration: none; padding: 9px 14px; border-radius: 12px 18px 12px 18px; border: 1.5px solid var(--plum); color: var(--ink); white-space: nowrap; }
.wsh-burger { display: none; width: 44px; height: 44px; border-radius: 12px; border: 1.5px solid var(--line); background: var(--card); align-items: center; justify-content: center; cursor: pointer; color: var(--ink); }
.wsh-burger .wsh-i { width: 22px; height: 22px; }
.wsh-hero, .wsh-pagehead { position: relative; overflow: hidden; padding: 48px 0 44px; }
.wsh-paint { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.wsh-hero__fields { position: absolute; inset: -40px -60px; pointer-events: none; display: grid; grid-template-rows: 34fr 30fr 36fr; gap: 14px; }
.wsh-hero__fields i { display: block; filter: url(#wsh-rough); opacity: var(--field-o); }
.wsh-hero__fields i:nth-child(1) { background: var(--rose); margin: 0 6% 0 -4%; }
.wsh-hero__fields i:nth-child(2) { background: var(--ochre); margin: 0 -3% 0 10%; }
.wsh-hero__fields i:nth-child(3) { background: var(--plum); margin: 0 12% 0 -2%; opacity: calc(var(--field-o) * .7); }
.wsh-pagehead--teal .wsh-hero__fields i:nth-child(1) { background: var(--teal); }
.wsh-pagehead--ochre .wsh-hero__fields i:nth-child(1) { background: var(--ochre); } .wsh-pagehead--ochre .wsh-hero__fields i:nth-child(2) { background: var(--rose); }
.wsh-pagehead--lav .wsh-hero__fields i:nth-child(1) { background: var(--lav); } .wsh-pagehead--lav .wsh-hero__fields i:nth-child(2) { background: var(--sand); } .wsh-pagehead--lav .wsh-hero__fields i:nth-child(3) { background: var(--teal); }
.wsh-pagehead--rose .wsh-hero__fields i:nth-child(3) { background: var(--teal); }
.wsh-hero__g { position: relative; display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); gap: 40px; align-items: center; }
.wsh-hero__card { position: relative; background: var(--card); border-radius: 30px 24px 34px 26px; padding: 34px 38px 30px; box-shadow: var(--shadow); }
.wsh-kick { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font: 800 .84rem/1.3 var(--fb); letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.wsh-kick .wsh-i { width: 20px; height: 20px; color: var(--plum); }
.wsh-hero h1, .wsh-pagehead h1 { margin: 0 0 16px; font: 400 clamp(2.35rem, 4.5vw, 3.85rem)/1.06 var(--fd); color: var(--head); letter-spacing: .005em; }
.wsh-pagehead h1 { font-size: clamp(2rem, 3.8vw, 3.1rem); }
.wsh-lede { font-size: 1.24rem; line-height: 1.58; margin: 0 0 14px; max-width: 34em; }
.wsh-by { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 0 0 20px; font-size: .96rem; color: var(--muted); }
.wsh-by span { display: inline-flex; align-items: center; gap: 6px; }
.wsh-by .wsh-i { color: var(--teal); }
.wsh-chipsfacts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0 0 16px; }
.wsh-chipsfacts div { border-radius: 14px; overflow: hidden; background: var(--canvas); border: 1px solid var(--line); padding: 0 0 10px; }
.wsh-chipsfacts div::before { content: ""; display: block; height: 12px; background: var(--rose); }
.wsh-chipsfacts div:nth-child(2)::before { background: var(--ochre); } .wsh-chipsfacts div:nth-child(3)::before { background: var(--teal); } .wsh-chipsfacts div:nth-child(4)::before { background: var(--plum); }
.wsh-chipsfacts dt { font: 400 1.45rem/1.2 var(--fd); color: var(--ink); padding: 8px 12px 0; }
.wsh-chipsfacts dd { margin: 0; padding: 0 12px; font-size: .9rem; line-height: 1.3; color: var(--muted); }
.wsh-addr { display: flex; gap: 8px; align-items: center; margin: 0; font-weight: 700; }
.wsh-addr .wsh-i { color: var(--plum); }
.wsh-hero__art { position: relative; min-height: 560px; }
.wsh-fig { margin: 0; }
.wsh-fig img { border-radius: 18px; background: #fff; }
.wsh-fig figcaption { font-size: .82rem; color: var(--muted); margin: 6px 4px 0; line-height: 1.35; }
.wsh-fig--draw img { box-shadow: var(--shadow); border: 1px solid var(--line); }
.wsh-fig--photo img { border: 8px solid #fff; box-shadow: var(--shadow); }
.wsh-fig--back { position: absolute; left: 0; bottom: 6px; width: 62%; transform: rotate(-3deg); z-index: 1; }
.wsh-fig--back figcaption { background: var(--card); border-radius: 10px; padding: 4px 8px; display: inline-block; }
.wsh-fig--front { position: absolute; right: 0; top: 0; width: 64%; transform: rotate(1.6deg); z-index: 2; }
.wsh-fig--front figcaption { position: relative; z-index: 3; float: right; background: var(--card); border-radius: 10px; padding: 4px 8px; }
.wsh-tool { position: relative; background: var(--card); border-radius: 26px 20px 28px 22px; box-shadow: var(--shadow); padding: 24px 26px 22px; border: 1px solid var(--line); }
.wsh-tool__h h2 { margin: 0 0 4px; font: 400 1.5rem/1.2 var(--fd); color: var(--ink); }
.wsh-tool__h p { margin: 0 0 16px; color: var(--muted); font-size: 1.02rem; line-height: 1.45; }
.wsh-field { display: grid; gap: 4px; font-size: .9rem; font-weight: 800; color: var(--muted); }
.wsh-field input, .wsh-field select { width: 100%; min-height: 44px; padding: 8px 12px; border-radius: 12px; border: 1.5px solid var(--line); background: var(--canvas); color: var(--ink); font-weight: 700; font-size: 1.04rem; }
.wsh-sec--tool { padding: 8px 0 34px; }
.wsh-open__g { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.25fr); gap: 30px; align-items: center; }
.wsh-dabs { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
.wsh-dab { position: relative; }
.wsh-dab input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.wsh-dab span { display: grid; place-items: center; height: 46px; border-radius: 58% 42% 55% 45% / 45% 58% 42% 55%; background: color-mix(in srgb, var(--d) 30%, var(--card)); font-weight: 800; font-size: .92rem; color: var(--ink); cursor: pointer; transition: transform .15s; }
.wsh-dab--rose { --d: var(--rose); } .wsh-dab--ochre { --d: var(--ochre); } .wsh-dab--plum { --d: var(--plum); } .wsh-dab--teal { --d: var(--teal); }
.wsh-dab input:checked + span { background: var(--d); transform: scale(1.08) rotate(-3deg); box-shadow: 0 0 0 2px var(--ink); }
.wsh-dab--plum input:checked + span { color: #fff; }
.wsh-dab input:focus-visible + span { outline: 3px solid var(--teal); outline-offset: 3px; }
.wsh-time { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; margin: 16px 0 12px; font-weight: 800; color: var(--muted); }
.wsh-range { -webkit-appearance: none; appearance: none; width: 100%; height: 14px; border-radius: 9px 4px 10px 3px; background: linear-gradient(90deg, var(--ochre), var(--rose) 45%, var(--plum) 75%, var(--teal)); cursor: pointer; }
.wsh-range::-webkit-slider-thumb { -webkit-appearance: none; width: 26px; height: 26px; border-radius: 50%; background: var(--card); border: 4px solid var(--ink); }
.wsh-range::-moz-range-thumb { width: 20px; height: 20px; border-radius: 50%; background: var(--card); border: 4px solid var(--ink); }
.wsh-time__o { font: 400 1.25rem/1 var(--fd); color: var(--ink); min-width: 4.4em; text-align: right; }
.wsh-now { border: 1.5px solid var(--plum); background: transparent; color: var(--ink); border-radius: 12px 18px 12px 18px; padding: 8px 16px; font-weight: 800; cursor: pointer; }
.wsh-open__say { margin: 0; font: 500 1.42rem/1.55 var(--fb); color: var(--ink); }
.wsh-open__say strong { font: 400 1.5rem/1.3 var(--fd); color: var(--head); display: block; margin-bottom: 4px; }
.wsh-hl { padding: .02em .32em; border-radius: .35em .7em .45em .8em; -webkit-box-decoration-break: clone; box-decoration-break: clone; color: var(--ink); }
.wsh-hl--floor { background: color-mix(in srgb, var(--plum) 32%, transparent); }
.wsh-hl--legends { background: color-mix(in srgb, var(--ochre) 55%, transparent); }
.wsh-hl--deli { background: color-mix(in srgb, var(--rose) 55%, transparent); }
.wsh-hl--box { background: color-mix(in srgb, var(--teal) 40%, transparent); }
.wsh-hl--shut { background: transparent; color: var(--muted); text-decoration: underline dashed var(--muted); text-underline-offset: 4px; }
.wsh-bands { margin-top: 22px; --lab: 170px; }
.wsh-bands__rows { position: relative; display: grid; gap: 8px; }
.wsh-band { display: grid; grid-template-columns: var(--lab) minmax(0, 1fr); gap: 12px; align-items: center; }
.wsh-band b { font-weight: 800; font-size: .96rem; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wsh-band__track { position: relative; height: 26px; border-radius: 12px 6px 14px 5px; background: color-mix(in srgb, var(--line) 60%, transparent); }
.wsh-seg { position: absolute; top: 2px; bottom: 2px; border-radius: 10px 4px 12px 5px; }
.wsh-band[data-zone="floor"] .wsh-seg { background: var(--plum); }
.wsh-band[data-zone="legends"] .wsh-seg { background: var(--ochre); }
.wsh-band[data-zone="deli"] .wsh-seg { background: var(--rose); }
.wsh-band[data-zone="box"] .wsh-seg { background: var(--teal); }
.wsh-bands__now { position: absolute; top: -6px; bottom: -6px; width: 3px; margin-left: -1.5px; border-radius: 2px; background: var(--ink); left: calc(var(--lab) + 12px + (100% - var(--lab) - 12px) * var(--p, .5)); transition: left .2s ease; pointer-events: none; }
.wsh-bands__ticks { position: relative; height: 22px; margin: 6px 0 0 calc(var(--lab) + 12px); font-size: .8rem; font-weight: 700; color: var(--muted); }
.wsh-bands__ticks span { position: absolute; left: var(--x); transform: translateX(-50%); white-space: nowrap; }
.wsh-scroll { overflow-x: auto; margin: 22px 0 0; border-radius: 18px; }
.wsh-table { width: 100%; border-collapse: separate; border-spacing: 0; background: var(--card); border-radius: 18px; overflow: hidden; font-size: 1rem; line-height: 1.45; border: 1px solid var(--line); }
.wsh-table caption { caption-side: top; text-align: left; font-size: .92rem; color: var(--muted); padding: 0 4px 8px; }
.wsh-table th, .wsh-table td { padding: 10px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.wsh-table tr:last-child > * { border-bottom: 0; }
.wsh-table thead th { background: color-mix(in srgb, var(--ochre) 30%, var(--card)); font-weight: 800; color: var(--ink); }
.wsh-table tbody th { font-weight: 800; color: var(--ink); }
.wsh-table--week { min-width: 720px; }
.wsh-table--late { min-width: 620px; }
.wsh-sec { position: relative; padding: 34px 0; overflow-x: clip; }
.wsh-sec--first { padding-top: 46px; }
.wsh-sec--fl::before, .wsh-sec--fr::before { content: ""; position: absolute; top: 14px; bottom: 14px; width: 66%; background: var(--f); opacity: var(--field-o); filter: url(#wsh-rough); pointer-events: none; }
.wsh-sec--fl::before { left: -3%; } .wsh-sec--fr::before { right: -3%; }
.wsh-sec--rose { --f: var(--rose); } .wsh-sec--ochre { --f: var(--ochre); } .wsh-sec--plum { --f: var(--plum); } .wsh-sec--teal { --f: var(--teal); } .wsh-sec--lav { --f: var(--lav); } .wsh-sec--sand { --f: var(--sand); }
.wsh-sec--plum::before { opacity: calc(var(--field-o) * .55) !important; }
.wsh-sec > .wsh-wrap { position: relative; }
.wsh-h2 { margin: 0 0 22px; font: 400 clamp(1.85rem, 3vw, 2.6rem)/1.12 var(--fd); color: var(--ink); }
.wsh-h2 span { background: linear-gradient(transparent 64%, color-mix(in srgb, var(--card) 80%, transparent) 64% 94%, transparent 94%); }
.wsh-h3 { font: 400 1.4rem/1.25 var(--fd); margin: 0 0 14px; }
.wsh-card { background: var(--card); border-radius: 24px 20px 26px 18px; padding: 28px 32px; box-shadow: var(--shadow); }
.wsh-card--after { margin-top: 22px; }
.wsh-card--before { margin-bottom: 22px; }
.wsh-dist .wsh-strokes { columns: 2 330px; column-gap: 34px; display: block; }
.wsh-dist .wsh-strokes li { break-inside: avoid; margin-bottom: 3px; }
.wsh-text p { margin: 0 0 1em; font-size: 1.16rem; line-height: 1.68; }
.wsh-text p:last-child { margin-bottom: 0; }
.wsh-text--cols { columns: 2 22em; column-gap: 44px; }
.wsh-text--cols p { break-inside: avoid; }
.wsh-two { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr); gap: 32px; align-items: center; }
.wsh-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; align-items: start; }
.wsh-split + .wsh-scroll { margin-top: 26px; }
.wsh-side { display: grid; gap: 10px; justify-items: start; }
.wsh-more { margin: 14px 0 0; }
.wsh-side .wsh-more { margin: 0; }
.wsh-more a { display: inline-flex; align-items: center; gap: 8px; font-weight: 800; text-decoration: none; color: var(--ink); padding: 9px 16px; border-radius: 12px 18px 12px 18px; background: var(--card); border: 1.5px solid var(--plum); }
.wsh-more a:hover { background: color-mix(in srgb, var(--ochre) 30%, var(--card)); color: var(--ink); }
.wsh-list { list-style: none; margin: 0 0 6px; padding: 0; display: grid; gap: 12px; }
.wsh-list li { position: relative; padding-left: 34px; font-size: 1.12rem; line-height: 1.6; }
.wsh-list li::before { content: ""; position: absolute; left: 2px; top: 7px; width: 20px; height: 15px; border-radius: 58% 42% 55% 45% / 45% 58% 42% 55%; background: var(--rose); transform: rotate(-8deg); }
.wsh-list li:nth-child(2n)::before { background: var(--ochre); } .wsh-list li:nth-child(3n)::before { background: var(--teal); }
.wsh-faq { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; }
.wsh-faq__i { background: var(--card); border-radius: 20px 16px 22px 14px; padding: 18px 22px; box-shadow: var(--shadow); }
.wsh-faq dt { font-weight: 800; font-size: 1.16rem; color: var(--ink); line-height: 1.35; }
.wsh-faq dd { margin: 6px 0 0; font-size: 1.06rem; }
.wsh-adtop { padding: 0 0 18px; }
.wsh-adtop__in { display: flex; gap: 28px; align-items: center; justify-content: space-between; background: var(--card); border: 2px dashed color-mix(in srgb, var(--plum) 55%, transparent); border-radius: 22px; padding: 22px 28px; }
.wsh-adtop__in > div { max-width: 52em; }
.wsh-adtop__h, .wsh-endad__h { margin: 0 0 4px; font: 400 1.32rem/1.3 var(--fd); color: var(--ink); }
.wsh-adtop p, .wsh-endad p { margin: 0 0 8px; }
.wsh-rg { display: flex; gap: 10px; align-items: flex-start; font-size: .92rem; line-height: 1.45; color: var(--muted); margin: 8px 0 0 !important; }
.wsh-age { flex: none; display: inline-grid; place-items: center; min-width: 40px; height: 28px; border-radius: 8px; background: var(--ink); color: var(--canvas); font: 800 .82rem/1 var(--fb); }
.wsh-endad { background: var(--card); border: 2px dashed color-mix(in srgb, var(--plum) 55%, transparent); border-radius: 22px; padding: 26px; }
.wsh-endad__d { font-size: .94rem; color: var(--muted); }
.wsh-endad .wsh-paid { margin: 6px 0 12px; }
.wsh-swatches { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 8px; }
.wsh-sw { display: grid; grid-template-rows: 44px auto; text-align: left; padding: 0; border-radius: 14px; overflow: hidden; border: 1.5px solid var(--line); background: var(--card); cursor: pointer; color: var(--ink); }
.wsh-sw i { display: block; background: var(--s); }
.wsh-sw span { padding: 8px 10px 10px; font-weight: 800; font-size: .95rem; line-height: 1.2; }
.wsh-sw--rose { --s: var(--rose); } .wsh-sw--ochre { --s: var(--ochre); } .wsh-sw--plum { --s: var(--plum); } .wsh-sw--teal { --s: var(--teal); } .wsh-sw--lav { --s: var(--lav); } .wsh-sw--sand { --s: var(--sand); }
.wsh-sw--off i { background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--s) 45%, transparent) 0 6px, transparent 6px 12px); }
.wsh-sw--off span { color: var(--muted); }
.wsh-sw[aria-pressed="true"] { border-color: var(--ink); box-shadow: 0 0 0 2px var(--ink); }
.wsh-gf__out { margin-top: 16px; min-height: 140px; padding: 16px 18px; border-radius: 16px; background: var(--canvas); }
.wsh-gf__out p { margin: 0 0 6px; }
.wsh-gf__t { font: 400 1.4rem/1.25 var(--fd); color: var(--ink); }
.wsh-coins { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 4px; }
.wsh-coins span { display: grid; place-items: center; min-width: 52px; height: 52px; padding: 0 6px; border-radius: 50%; background: var(--ochre); color: var(--ink); font-weight: 800; font-size: .92rem; }
.wsh-dist__top { display: flex; gap: 12px; align-items: end; flex-wrap: wrap; }
.wsh-dist__top .wsh-field { flex: 1 1 200px; }
.wsh-btn { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 10px 16px; border-radius: 12px 18px 12px 18px; border: 1.5px solid var(--plum); text-decoration: none; font-weight: 800; color: var(--ink); background: var(--card); }
.wsh-dist__out { margin: 14px 0 6px; font-size: 1.12rem; }
.wsh-dist__out p { margin: 0; }
.wsh-dist__out b { font: 400 1.4rem/1 var(--fd); color: var(--head); }
.wsh-strokes { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 3px; }
.wsh-strokes li { display: grid; grid-template-columns: 128px minmax(0, 1fr) 70px; gap: 10px; align-items: center; font-size: .96rem; cursor: pointer; padding: 2px 4px; border-radius: 8px; }
.wsh-strokes li:hover { background: var(--canvas); }
.wsh-strokes__n { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wsh-strokes__b { display: block; height: 12px; width: var(--w); background: color-mix(in srgb, var(--rose) 75%, transparent); border-radius: 8px 3px 9px 4px; }
.wsh-strokes__k { text-align: right; font-variant-numeric: tabular-nums; color: var(--muted); font-weight: 700; }
.wsh-strokes li.wsh-on { font-weight: 800; color: var(--ink); background: var(--canvas); }
.wsh-strokes li.wsh-on .wsh-strokes__b { background: var(--plum); height: 16px; }
.wsh-dist__c { margin: 10px 0 0; font-size: .84rem; color: var(--muted); }
.wsh-bud__f { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.wsh-bud__strip { display: flex; gap: 4px; min-height: 52px; margin: 16px 0 10px; }
.wsh-bud__strip span { flex: 1; display: grid; place-items: center; border-radius: 10px 4px 12px 5px; font-weight: 800; font-size: .86rem; color: var(--ink); background: color-mix(in srgb, var(--h) 70%, var(--card)); text-align: center; line-height: 1.15; padding: 4px 2px; }
.wsh-bud__out p { margin: 0 0 6px; font-size: 1.04rem; }
.wsh-bud__out b { font: 400 1.25rem/1.1 var(--fd); color: var(--head); }
.wsh-pagehead { padding: 40px 0 36px; }
.wsh-pagehead__g { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: 36px; align-items: center; }
.wsh-pagehead--art .wsh-pagehead__g { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); }
.wsh-pagehead__art .wsh-fig { transform: rotate(1.4deg); }
.wsh-back { display: inline-flex; align-items: center; gap: 6px; font-weight: 800; text-decoration: none; margin-bottom: 10px; }
.wsh-toc { padding: 0 0 4px; }
.wsh-toc .wsh-wrap { display: flex; align-items: center; gap: 12px; }
.wsh-toc span { font-weight: 800; font-size: .9rem; color: var(--muted); flex: none; }
.wsh-toc ul { list-style: none; margin: 0; padding: 2px; display: flex; gap: 6px; overflow-x: auto; min-width: 0; }
.wsh-toc a { display: block; white-space: nowrap; padding: 6px 12px; border-radius: 10px 14px 10px 14px; background: var(--card); border: 1px solid var(--line); text-decoration: none; font-weight: 700; font-size: .96rem; }
.wsh-chips { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.wsh-chips a { display: grid; gap: 6px; height: 100%; padding: 0 0 20px; border-radius: 18px; overflow: hidden; text-decoration: none; color: var(--ink); background: var(--card); box-shadow: var(--shadow); }
.wsh-chips a::before { content: ""; display: block; height: 40px; background: var(--c); margin-bottom: 8px; }
.wsh-chips a > * { padding: 0 20px; }
.wsh-chips .wsh-i { width: 22px; height: 22px; box-sizing: content-box; padding: 0 20px; }
.wsh-chips__k { font-size: .84rem; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; color: var(--muted); }
.wsh-chips__t { font: 400 1.3rem/1.25 var(--fd); }
.wsh-chip--rose { --c: var(--rose); } .wsh-chip--ochre { --c: var(--ochre); } .wsh-chip--plum { --c: var(--plum); } .wsh-chip--teal { --c: var(--teal); } .wsh-chip--lav { --c: var(--lav); } .wsh-chip--sand { --c: var(--sand); }
.wsh-sec--rel { padding: 30px 0 46px; }
.wsh-hold { text-align: center; }
.wsh-hold h1 { font: 400 2.4rem/1.1 var(--fd); }
.wsh-foot { position: relative; overflow: hidden; padding: 56px 0 30px; margin-top: 10px; }
.wsh-foot__field { position: absolute; inset: 0 -60px 0 -60px; background: linear-gradient(180deg, color-mix(in srgb, var(--lav) 40%, transparent), color-mix(in srgb, var(--sand) 45%, transparent)); filter: url(#wsh-rough); opacity: .9; pointer-events: none; }
.wsh-foot .wsh-wrap { position: relative; }
.wsh-foot__g { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr); gap: 36px; }
.wsh-foot h2 { font: 400 1.25rem/1.2 var(--fd); margin: 6px 0 12px; }
.wsh-foot ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.wsh-foot__brand { display: flex; align-items: center; gap: 10px; font: 400 1.4rem/1 var(--fd); color: var(--head); margin: 0 0 12px; }
.wsh-foot__brand small { font: 800 .72rem/1 var(--fb); letter-spacing: .22em; text-transform: uppercase; color: var(--muted); }
.wsh-foot__fine { margin-top: 30px; padding-top: 18px; border-top: 1px solid var(--line); font-size: .92rem; color: var(--muted); }
.wsh-foot__fine p { margin: 0 0 6px; }
@media (max-width: 1080px) {
  .wsh-nav a { padding: 6px 7px; font-size: .98rem; }
}
@media (max-width: 1000px) {
  .wsh-burger { display: inline-flex; }
  .wsh-nav { position: absolute; left: 0; right: 0; top: 100%; display: none; flex-direction: column; align-items: stretch; gap: 10px; padding: 14px 16px 18px; background: var(--canvas); box-shadow: 0 18px 30px -18px rgba(0, 0, 0, .4); }
  .wsh-nav.is-open { display: flex; }
  .wsh-nav ul { flex-direction: column; }
  .wsh-nav a { padding: 10px 6px; font-size: 1.12rem; }
  .wsh-theme { width: auto; padding: 0 16px; gap: 8px; align-self: flex-start; }
  .wsh-theme span { position: static; width: auto; height: auto; clip: auto; font-weight: 800; }
  .wsh-head__end { margin-left: auto; }
}
@media (max-width: 900px) {
  .wsh-hero__g, .wsh-two, .wsh-split, .wsh-open__g, .wsh-pagehead--art .wsh-pagehead__g { grid-template-columns: minmax(0, 1fr); }
  .wsh-hero__art { min-height: 0; display: grid; gap: 22px; justify-items: center; }
  .wsh-fig--back, .wsh-fig--front { position: static; width: min(100%, 420px); transform: none; }
  .wsh-fig--front { order: -1; }
  .wsh-fig--front figcaption { text-align: left; }
  .wsh-chips, .wsh-faq { grid-template-columns: minmax(0, 1fr); }
  .wsh-foot__g { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .wsh-adtop__in { flex-direction: column; align-items: flex-start; }
  .wsh-sec--fl::before, .wsh-sec--fr::before { width: 92%; }
}
@media (max-width: 560px) {
  body { font-size: 1.08rem; }
  .wsh-wrap, .wsh-head__bar { padding-left: 16px; padding-right: 16px; }
  .wsh-head__bar { min-height: 60px; padding-top: 8px; padding-bottom: 8px; gap: 10px; }
  .wsh-logo__t { font-size: 1.28rem; }
  .wsh-logo__t small { display: none; }
  .wsh-logo__m { width: 32px; height: 32px; }
  .wsh-paid--head { padding: 10px 13px; font-size: .94rem; }
  .wsh-head__end .wsh-ad { display: none; }
  .wsh-onl { padding: 8px 10px; font-size: .92rem; }
  .wsh-hero, .wsh-pagehead { padding-top: 26px; }
  .wsh-hero__card { padding: 24px 18px 20px; border-radius: 24px; }
  .wsh-chipsfacts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wsh-card { padding: 22px 18px; }
  .wsh-tool { padding: 20px 14px 16px; }
  .wsh-dabs span { height: 40px; font-size: .82rem; }
  .wsh-open__say { font-size: 1.22rem; }
  .wsh-bands { --lab: 92px; }
  .wsh-band b { font-size: .82rem; }
  .wsh-bands__ticks span:nth-child(2n) { display: none; }
  .wsh-bud__f { grid-template-columns: minmax(0, 1fr); }
  .wsh-strokes li { grid-template-columns: 100px minmax(0, 1fr) 62px; font-size: .9rem; }
  .wsh-text p { font-size: 1.1rem; }
}
@media (max-width: 360px) {
  .wsh-logo__t { font-size: 1.12rem; }
}
@media (prefers-reduced-motion: reduce) {
  .wsh-paid, .wsh-dab span, .wsh-bands__now { transition: none; }
}