/* Word Salad "Karol batch 9-page" redesign skin (5 Nov 2026). Visual layer only: palette, fonts, components.
   Owned by /opt/codycross/wordsalad/ws_skin.css, applied by ws_skin.py in the word-salad build hook. No text sizes below 14px. */
:root{
  --navy-950:#060a1c;--navy-900:#0b1230;--navy-800:#141c48;
  --k-red:#ef233c;--k-red-lt:#ff5b6e;--k-blue-d:#102a7a;
  --k-gold:#ffd23f;--k-gold-d:#c98a00;--k-green:#22c55e;--k-green-d:#15803d;
  --k-pink:#ec4899;--k-pink-d:#a3195b;--k-purple:#8b5cf6;--k-purple-d:#5b2fc9;--k-teal:#06b6d4;--k-teal-d:#0e6e82;
  --bg:#060a1c;--surf:#0b1230;--surf2:#141c48;--deep:#0b1230;
  --ink:#f3f6ff;--mut:#d7deff;--faint:#aab3e0;--line:rgba(255,255,255,.1);--line2:rgba(255,255,255,.16);
  --gold:#ffd23f;--gold2:#fff0b0;--gold-deep:#c98a00;--mag:#ec4899;--vio:#8b5cf6;--cyan:#06b6d4;--lime:#a3e635;
  --font-d:"Fraunces",Georgia,serif;--font-s:"Fraunces",Georgia,serif;--font-u:"Sora",system-ui,sans-serif;--font-b:"Sora",system-ui,sans-serif;--font-m:"JetBrains Mono",ui-monospace,monospace;
  --hi:none;--shadow:0 24px 44px -26px rgba(139,92,246,.4)
}
body{background:var(--navy-950);font-family:var(--font-b)}
.grain{display:none}
.wrap{max-width:1040px}
/* nav */
.nav{background:rgba(6,10,28,.93);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{font-family:var(--font-d);font-weight:800;letter-spacing:-.01em}
.brand b{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#fff}
.gem{transform:none;border-radius:9px;background:linear-gradient(140deg,var(--k-red-lt),var(--k-red) 50%,var(--k-blue-d));box-shadow:none;display:inline-flex;align-items:center;justify-content:center}
.gem::after{content:"\2605";position:static;inset:auto;background:none;color:#fff;font-size:12px;line-height:1}
.tab{font-family:var(--font-b);font-weight:700;color:var(--mut);border-radius:999px}
.tab.on{color:var(--navy-950);background:linear-gradient(120deg,var(--k-gold),#fff0b0);box-shadow:0 8px 18px -8px rgba(255,210,63,.55)}
.nav-cta{font-family:var(--font-m);color:#fff;background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:999px;box-shadow:none}
/* breadcrumb row */
.crumb{font-family:var(--font-m);font-weight:700;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-top:16px}
.crumb a{color:#8aa6ff}.crumb .sep{color:#6b75a8;opacity:1}.crumb .cur{color:var(--k-pink)}
/* hero */
.hero{background:radial-gradient(1100px 600px at 85% -15%,rgba(236,72,153,.22),transparent 60%),radial-gradient(900px 560px at -10% 100%,rgba(139,92,246,.25),transparent 60%),linear-gradient(180deg,var(--navy-900),var(--navy-950));padding:30px 0 40px}
.aurora{filter:blur(90px);opacity:.55}
.b1{background:var(--k-pink);width:420px;height:420px;left:auto;right:-100px;top:-180px}
.b2{background:var(--k-purple);width:360px;height:360px;right:auto;left:-100px;top:auto;bottom:-220px}
.b3,.b4{display:none}
h1.head{font-family:var(--font-d);font-weight:800;font-size:clamp(28px,4.4vw,42px);line-height:1.15;letter-spacing:-.02em;text-shadow:none}
/* PEAK SEO Monster 17.3: H1 accent = italic Fraunces in solid #FFF4C9 (no gradient / background-clip text) over the unchanged dark hero */
h1.head .ital,h1.head .ital.grad-text{font-family:var(--font-d);font-style:italic;font-weight:700;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#FFF4C9;-webkit-text-fill-color:#FFF4C9}
.sub{color:var(--mut);font-weight:600;font-size:15px;line-height:1.8;max-width:660px}
.slab,.eyebrow{font-family:var(--font-m);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--k-gold);font-size:14px}
.grad-text{background:linear-gradient(100deg,var(--k-pink),var(--k-purple) 60%,var(--k-teal));-webkit-background-clip:text;background-clip:text;color:transparent}
.gold-text{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#fff}
/* sections */
.sec{padding:34px 0}
.sh{font-family:var(--font-d);font-weight:800;font-size:clamp(22px,3vw,28px);letter-spacing:-.01em;line-height:1.2;gap:10px}
.sh .grad-text{font-family:var(--font-d);font-style:italic;background:linear-gradient(100deg,var(--k-pink),var(--k-gold) 55%,var(--k-purple));-webkit-background-clip:text;background-clip:text;color:transparent}
.st{font-family:var(--font-m);color:var(--faint)}
/* glowing gradient cards: palette per colour class */
.c-gold{--c1:#c98a00;--c2:#ffd23f;--acc:#ffd23f;--acc2:#ffe58a;--tx:#1d1400}
.c-lime{--c1:#15803d;--c2:#4ade80;--acc:#4ade80;--acc2:#a7f3c0;--tx:#06210f}
.c-cyan{--c1:#0e6e82;--c2:#0e7490;--acc:#06b6d4;--acc2:#7ee6f5;--tx:#fff}
.c-mag{--c1:#a3195b;--c2:#db2777;--acc:#ec4899;--acc2:#ffb3d6;--tx:#fff}
.c-vio{--c1:#5b2fc9;--c2:#7c3aed;--acc:#8b5cf6;--acc2:#d0bcff;--tx:#fff}
.c-coral{--c1:#a2001d;--c2:#dc2626;--acc:#ff5b6e;--acc2:#ffc9cf;--tx:#fff}
:is(.cblock,.catgroup,.step,.faqc,.fact,.rangecard):is(.c-gold,.c-lime,.c-cyan,.c-mag,.c-vio,.c-coral){background:linear-gradient(150deg,var(--c1),var(--c2));border:0;box-shadow:0 18px 32px -18px var(--c1);color:var(--tx)}
.cblock,.catgroup,.step,.faqc,.fact{border-radius:15px}
.cblock::after,.step::after,.faqc::after,.fact::after{display:none}
.cblock:hover,.rangecard:hover{transform:translateY(-4px)}
.cblock,.rangecard{transition:transform .15s}
:is(.c-gold,.c-lime) :is(h2,h3,p,.q,.a,.n,.k,.nm,.pc,.rc-nm,.rc-meta,.ws-latest-h,.em,b,span:not(.qm):not(.num)){color:var(--tx);text-shadow:none}
.cblock p,.step p,.faqc .a{text-shadow:none;font-weight:600;font-size:14px;line-height:1.65}
.modegrid .cblock h3,.catgroup h3{font-family:var(--font-b);font-weight:800;font-size:16px;text-shadow:none}
/* category packs */
.catitem{background:rgba(6,10,28,.24);border:1px solid rgba(255,255,255,.16);border-radius:10px}
:is(.c-gold,.c-lime) .catitem{background:rgba(255,255,255,.3);border-color:rgba(0,0,0,.14)}
.catitem .nm{font-family:var(--font-b)}
.catitem .pc{font-family:var(--font-m);font-weight:800;background:rgba(6,10,28,.3);border-color:transparent;color:#fff}
:is(.c-gold,.c-lime) .catitem .pc{background:rgba(6,10,28,.18)}
/* range cards */
.rangecard .rc-nm{font-family:var(--font-b);font-weight:800;text-shadow:none}
.rangecard .rc-meta{font-family:var(--font-m);font-weight:700}
.rangecard .rc-ic,.rangecard .rc-arrow{background:rgba(6,10,28,.3);border:0}
/* stat card */
.fact .n{font-family:var(--font-d);font-weight:900;text-shadow:none}
.fact .k{font-family:var(--font-m);font-weight:800;letter-spacing:.08em}
/* steps */
.step h3{font-family:var(--font-b);font-weight:800;font-size:15px;line-height:1.35;text-shadow:none}
.step .num{width:32px;height:32px;border-radius:50%;background:rgba(6,10,28,.3);color:#fff;font-family:var(--font-m);font-size:14px;box-shadow:none}
/* tips */
.tipitem{border-radius:10px;border:0;border-left:3px solid var(--tc,var(--k-teal));background:rgba(255,255,255,.04)}
.tiplist .tipitem:nth-child(4n+1){--tc:var(--k-teal)}.tiplist .tipitem:nth-child(4n+2){--tc:var(--k-purple)}.tiplist .tipitem:nth-child(4n+3){--tc:var(--k-pink)}.tiplist .tipitem:nth-child(4n+4){--tc:var(--k-gold)}
.tipitem h3{font-family:var(--font-b);font-weight:800;font-size:15px;color:var(--tc,var(--k-teal))}
.tiplist .tipitem:nth-child(4n+2) h3{color:#b9a2ff}
.tipitem p{color:var(--mut);font-weight:600;font-size:14px;line-height:1.6}
/* FAQ */
.faqc .q{font-family:var(--font-b);font-weight:800;font-size:15px;line-height:1.4;text-shadow:none}
.faqc .q .qm{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.22);color:#fff;box-shadow:none;font-family:var(--font-b);font-size:14px}
:is(.c-gold,.c-lime) .qm{background:rgba(6,10,28,.18);color:var(--tx)}
/* divider */
.divider .dg{width:9px;height:9px;border-radius:0;background:linear-gradient(135deg,var(--k-pink),var(--k-teal));box-shadow:0 0 14px rgba(236,72,153,.6)}
.divider .ln,.divider .ln.r{background:var(--line);max-width:300px}
/* finder */
@keyframes kringpulse{0%,100%{box-shadow:0 0 0 0 rgba(236,72,153,.5)}50%{box-shadow:0 0 0 10px rgba(236,72,153,0)}}
.hsearch .sbox{background:var(--navy-900);border-radius:16px;padding:14px;box-shadow:0 24px 48px -24px rgba(236,72,153,.4);animation:kringpulse 3.4s infinite}
.hsearch .sbox::before{padding:3px;border-radius:16px;background:linear-gradient(120deg,var(--k-pink),var(--k-gold),var(--k-purple))}
.hsearch .ic{background:linear-gradient(140deg,var(--k-purple),var(--k-pink));border-radius:12px;box-shadow:none}
.hsearch input,.ws-num input,.ws-month select,.ws-dateform input{font-family:var(--font-m);font-weight:700}
.ws-num input,.ws-month select{background:var(--navy-950);border:2px solid var(--line);border-radius:12px}
.ws-num input:focus,.ws-month select:focus{border-color:var(--k-gold);outline:0}
.hsearch .go{font-family:var(--font-m);font-weight:800;font-size:15px;color:var(--navy-950);background:linear-gradient(120deg,var(--k-gold),#fff0b0);border-radius:12px;box-shadow:0 10px 20px -8px rgba(255,210,63,.55)}
/* buttons */
.jb{font-family:var(--font-m);font-weight:700;color:#fff;background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:999px;box-shadow:none}
.jb:hover{background:rgba(255,255,255,.16);color:#fff}
.jb.gold{color:var(--navy-950);background:linear-gradient(120deg,var(--k-gold),#fff0b0);border-color:transparent;border-radius:11px;box-shadow:0 10px 20px -8px rgba(255,210,63,.55)}
.c-gold .jb,.c-gold .jb.gold{color:#1a1200;background:rgba(6,10,28,.15);border:1px solid rgba(6,10,28,.3);box-shadow:none}
/* puzzle cards */
.nbacard{background:var(--navy-900);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 44px -26px rgba(139,92,246,.4)}
.nbacard .nc-head h2,.nbacard .nc-head h3,.nbacard h3{font-family:var(--font-d);font-weight:800;font-size:19px;text-shadow:none}
.nbacard .nc-meta{color:var(--navy-950);background:linear-gradient(120deg,var(--k-gold),#fff0b0);border:0;font-family:var(--font-m);font-weight:800}
.ws-theme-lab{color:var(--k-gold)}
.nbacard .wsans-lab,.nbacard h3.wsans-lab,.nbacard h4.wsans-lab{color:#5fd8ec;font-family:var(--font-m);font-weight:800}
.wstile{border-radius:12px;background:linear-gradient(145deg,#a3e635,#65c814);color:#0c2404;font-family:var(--font-d);font-weight:800;box-shadow:0 8px 16px -8px rgba(101,200,20,.6)}
.wstile.blank{background:none;box-shadow:none}
.wschip,.nbacard .wschip{font-family:var(--font-d);font-weight:700;color:#fff;background:rgba(255,255,255,.06);border:1.5px solid var(--k-purple);border-radius:10px;box-shadow:none}
.nc-details .lab,.nc-details h3.lab,.nc-details h4.lab{color:var(--k-gold)}
/* collection navigation pills */
.jumpnav a{font-family:var(--font-m);font-weight:800;color:#fff;background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:10px}
.jumpnav a:hover{background:rgba(255,255,255,.16)}
/* PEAK SEO Monster 17.4: number chips 16px/700, selected chip solid #FFE17B on #0B1430 text, unselected chips keep a visible outline */
.apv-chips a{font-size:16px;font-weight:700;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.42)}
.apv-chips a[aria-current=true]{color:#0B1430;background:#FFE17B;border-color:#FFE17B;font-weight:700;box-shadow:none}
.apv-chips a:focus-visible{outline:3px solid #FFE17B;outline-offset:2px}
.apv-msg{border-left:4px solid var(--k-gold);background:rgba(255,210,63,.1);border-radius:10px;color:#ffe9a8;font-weight:600}
/* daily recent rows + month cells */
.daylist>*:nth-child(5n+1),.monthgrid>*:nth-child(5n+1){--c1:#c98a00;--c2:#ffd23f;--tx:#1d1400}
.daylist>*:nth-child(5n+2),.monthgrid>*:nth-child(5n+2){--c1:#0e6e82;--c2:#0e7490;--tx:#fff}
.daylist>*:nth-child(5n+3),.monthgrid>*:nth-child(5n+3){--c1:#a3195b;--c2:#db2777;--tx:#fff}
.daylist>*:nth-child(5n+4),.monthgrid>*:nth-child(5n+4){--c1:#5b2fc9;--c2:#7c3aed;--tx:#fff}
.daylist>*:nth-child(5n+5),.monthgrid>*:nth-child(5n+5){--c1:#15803d;--c2:#4ade80;--tx:#06210f}
.daychip,.monthcard{background:linear-gradient(150deg,var(--c1),var(--c2));border:0;border-radius:12px;box-shadow:0 12px 22px -14px var(--c1)}
.daychip:hover,.monthcard:hover{background:linear-gradient(150deg,var(--c1),var(--c2));transform:translateY(-3px)}
.daychip .dc-date{font-family:var(--font-m);font-weight:800;color:var(--tx)}
.daychip .dc-theme{font-family:var(--font-b);font-weight:700;color:var(--tx)}
.monthcard .mc-ym{font-family:var(--font-b);font-weight:800;color:var(--tx)}
.monthcard .mc-n{font-family:var(--font-m);font-weight:700;color:var(--tx);opacity:.9}
/* finder results */
.ws-result{background:var(--navy-900);border:1px solid var(--line);border-radius:14px}
.ws-result a,.ws-mismatch a{color:var(--k-gold)}
.ws-badge{color:var(--navy-950);background:linear-gradient(120deg,var(--k-gold),#fff0b0);font-family:var(--font-m);font-weight:800}
/* latest-daily card */
.ws-latest-h{font-family:var(--font-b)}
/* homepage disclosures */
details.cc-more{border-color:var(--line)}
/* footer */
.foot{background:var(--navy-950);border-top:5px solid;border-image:linear-gradient(90deg,var(--k-pink),var(--k-gold),var(--k-purple),var(--k-gold),var(--k-pink)) 1;padding:40px 0 26px}
.foot::before{display:none}
.foot .fb{font-family:var(--font-d);font-size:17px}
.foot .fh5{font-family:var(--font-m);font-weight:700;letter-spacing:.1em;color:var(--k-gold)}
.foot .fh5::before{display:none}
.foot p,.foot a.fl{color:rgba(255,255,255,.78)}
.foot a.fl:hover{color:#fff}
.copyr{font-family:var(--font-b);color:rgba(255,255,255,.62)}
:focus-visible{outline:3px solid var(--k-gold);outline-offset:2px}
@media(max-width:560px){.wsgrid{gap:8px}.hero{padding:22px 0 30px}.sh{display:block}.sh>.em{margin-right:6px}}
@media(prefers-reduced-motion:reduce){.hsearch .sbox,.blob{animation:none}}
/* PEAK SEO Monster 17.4 small-text floor (5 Nov 2026) */
.crumb,.crumb a,.crumb .cur,.crumb .sep{font-size:14px}
.crumb a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}
.nav .brand{min-height:44px;display:inline-flex;align-items:center}
.ws-count,.nc-meta,.nbacard .nc-meta,.fact .k,.k,.slab,.rangecard .rc-meta,.catitem .pc,.ws-theme-lab,.wsans-lab,.nbacard .wsans-lab{font-size:14px}
.jb,.ws-num .jb,button{font-size:14px}
.hsearch .go{font-size:15px}
.wschip,.nbacard .wschip,.ws-answer{font-size:16px}
.modecard h3{margin:0 0 8px}