/*!
 * kwokka-craft.css  ·  Phase 1 + 2 of the de-generic redesign
 * ----------------------------------------------------------------------
 * Two jobs, one file, no build step:
 *   1. TYPE SWAP   self-hosted Fraunces (display) + EB Garamond (prose),
 *                  Caveat retained, Google Fonts pairing tell removed.
 *   2. DEPTH       warm parchment-tinted shadow + easing tokens, built in
 *                  the Open Props layered spirit (NOT the grey defaults).
 *
 * Drop-in for WordPress / WP File Manager:
 *   - Upload the 4 woff2 below to  assets/  (next to your existing
 *     assets/paper-grain.svg). Files come from the kwokka-fontsource skill
 *     package: fraunces + eb-garamond, normal + italic.
 *   - Upload Phosphor's duotone woff2 (from your kwokka-phosphor-icons
 *     package) to assets/ too. Needed by kwokka-type-icons.js.
 *   - Enqueue this file AFTER kwokka-quiz.css and kwokka-global.css so the
 *     @font-face aliases and tokens win. See the PHP snippet in chat.
 *   - Trim the Google Fonts <link> to Caveat only (edit shown in chat).
 *
 * No em dashes by house style. No :has() (LiteSpeed combiner cannot parse
 * it). Tokens sit on :root, never raise specificity, override freely.
 * ====================================================================== */
 @font-face{font-family:"Fraunces";src:url(/wp-content/plugins/kwokka-quiz/assets/fraunces-latin-standard-normal.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:optional}@font-face{font-family:"Libre Baskerville";src:url(/wp-content/plugins/kwokka-quiz/assets/fraunces-latin-standard-normal.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:optional}@font-face{font-family:"EB Garamond";src:url(/wp-content/plugins/kwokka-quiz/assets/eb-garamond-latin-wght-normal.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:optional}@font-face{font-family:"Phosphor-Duotone";src:url(/wp-content/plugins/kwokka-quiz/assets/Phosphor-Duotone.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}:root{--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-body:"EB Garamond", Georgia, serif;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-hand:"Caveat", cursive;--fraunces-opsz-display:144;--fraunces-opsz-text:24}.quiz-page h1,.results-page h1,.type-name,.result-type-name{font-variation-settings:"opsz" var(--fraunces-opsz-display),"wght" 540,"SOFT" 30,"WONK" 1;letter-spacing:-.01em}.quiz-page h2,.results-page h2{font-variation-settings:"opsz" 72,"wght" 520,"SOFT" 20,"WONK" 0}.kw-prose,.results-page .intro p,.results-page .scenario p,.results-page .sign-off p,.results-page .strength-card p,.results-page .pitfall-card p,.results-page .scenario-card p,.results-page .charity-card-story,.results-page .famous-thinker-card p,.quiz-intro p{font-family:var(--font-body);font-size:1.12rem;line-height:1.72;font-variation-settings:"wght" 450}.kw-prose em,.results-page .scenario p em,.results-page .strength-card p em{font-variation-settings:"wght" 450}.kw-prose strong{font-variation-settings:"wght" 640}:root{--kw-shadow-hsl:38 22% 16%;--kw-shadow-low:0 1px 1px  hsl(var(--kw-shadow-hsl) / .05),
    0 2px 4px -2px hsl(var(--kw-shadow-hsl) / .10);--kw-shadow-medium:0 1px 2px  hsl(var(--kw-shadow-hsl) / .06),
    0 4px 8px -2px hsl(var(--kw-shadow-hsl) / .10),
    0 8px 16px -4px hsl(var(--kw-shadow-hsl) / .07);--kw-shadow-high:0 2px 4px  hsl(var(--kw-shadow-hsl) / .06),
    0 8px 18px -4px hsl(var(--kw-shadow-hsl) / .10),
    0 18px 40px -8px hsl(var(--kw-shadow-hsl) / .12);--kw-shadow-pressed:inset 0 1px 2px hsl(var(--kw-shadow-hsl) / .14),
    inset 0 0 0 1px hsl(var(--kw-shadow-hsl) / .04);--kw-rim-gold:0 0 0 1px rgba(201, 168, 76, .35);--kw-ease-reveal:cubic-bezier(.22, .61, .36, 1);--kw-ease-pop:cubic-bezier(.34, 1.32, .64, 1);--kw-ease-soft:cubic-bezier(.4, 0, .2, 1);--kw-dur-quick:.22s;--kw-dur-base:.42s;--kw-dur-slow:.9s}.charity-card,.scenario-card,.strength-card,.pitfall-card,.famous-thinker-card,.affiliate-card,.rel-card{box-shadow:var(--kw-shadow-medium),var(--kw-rim-gold);transition:transform var(--kw-dur-base) var(--kw-ease-reveal),box-shadow var(--kw-dur-base) var(--kw-ease-reveal)}.charity-card:hover,.scenario-card:hover,.strength-card:hover,.pitfall-card:hover,.famous-thinker-card:hover,.affiliate-card:hover,.rel-card:hover{transform:translateY(-3px);box-shadow:var(--kw-shadow-high),var(--kw-rim-gold)}.question-card{box-shadow:var(--kw-shadow-medium),var(--kw-rim-gold)}@media (prefers-reduced-motion:reduce){.charity-card,.scenario-card,.strength-card,.pitfall-card,.famous-thinker-card,.affiliate-card,.rel-card{transition:none}.charity-card:hover,.scenario-card:hover,.strength-card:hover,.pitfall-card:hover,.famous-thinker-card:hover,.affiliate-card:hover,.rel-card:hover{transform:none}}body{background-color:#e6d6b2;background-image:radial-gradient(95% 60% at 50% -6%,rgb(255 249 233 / .55),transparent 60%),linear-gradient(180deg,#efe4c6 0%,#e6d6b2 55%,#d8c79a 100%);background-repeat:no-repeat}body::after{content:"";position:fixed;inset:0;z-index:990;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:280px 280px;opacity:.05;mix-blend-mode:multiply}body::before{content:"";position:fixed;inset:0;z-index:989;pointer-events:none;background:radial-gradient(120% 90% at 50% 0%,transparent 55%,rgb(74 58 28 / .07) 100%),linear-gradient(180deg,transparent 35%,rgb(74 58 28 / .12) 100%);opacity:.5}@supports (animation-timeline:scroll()){body::before{opacity:0;animation:kwokkaDusk linear both;animation-timeline:scroll(root)}@keyframes kwokkaDusk{from{opacity:0}to{opacity:1}}}html.kw-motion .kw-reveal{opacity:0;transform:translateY(18px);transition:opacity 0.7s var(--kw-ease-reveal),transform 0.7s var(--kw-ease-reveal)}html.kw-motion .kw-reveal.is-in{opacity:1;transform:none}html.kw-motion .kw-reveal .section-label,html.kw-motion .kw-reveal .section-title,html.kw-motion .kw-sweep{clip-path:inset(0 100% 0 0)}html.kw-motion .kw-reveal.is-in .section-label,html.kw-motion .kw-reveal.is-in .section-title,html.kw-motion .kw-sweep.is-in{animation:kwokkaSweep 0.9s steps(26,end) forwards}html.kw-motion .kw-reveal.is-in .section-label{animation-duration:0.55s}html.kw-motion .kw-reveal.is-in .section-title{animation-delay:0.3s}@keyframes kwokkaSweep{from{clip-path:inset(0 100% 0 0);opacity:1}to{clip-path:inset(0 -2% 0 0);opacity:1}}.kw-typing::after{content:"\258E";display:inline-block;margin-left:2px;color:#8b6914;animation:kwokkaCaret 0.85s steps(1) infinite}.kw-typed::after{content:none}@keyframes kwokkaCaret{0%,60%{opacity:1}61%,100%{opacity:0}}@keyframes kwokkaBreathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}html.kw-motion .thinker-statue{animation:kwokkaBreathe 9s ease-in-out infinite;animation-delay:var(--kw-breathe-delay,0s)}html.kw-motion .dilemma-illustration{animation:kwokkaBreathe 7.5s ease-in-out infinite;animation-delay:var(--kw-breathe-delay,0s)}html.kw-motion .kre-crest-wrap svg{animation:kwokkaBreathe 8s ease-in-out infinite;animation-delay:var(--kw-breathe-delay,0s)}html.kw-motion .kre-card-wrap svg{animation:kwokkaBreathe 8.5s ease-in-out infinite;animation-delay:var(--kw-breathe-delay,0s)}.results-page .intro p a,.results-page .scenario p a,.kre p a{position:relative;text-decoration:none;border-bottom:1px solid rgb(139 105 20 / .35)}.results-page .intro p a::after,.results-page .scenario p a::after,.kre p a::after{content:"";position:absolute;left:50%;right:50%;bottom:-1px;height:2px;background:#8b6914;transition:left var(--kw-dur-quick) var(--kw-ease-soft),right var(--kw-dur-quick) var(--kw-ease-soft)}.results-page .intro p a:hover::after,.results-page .intro p a:focus-visible::after,.results-page .scenario p a:hover::after,.results-page .scenario p a:focus-visible::after,.kre p a:hover::after,.kre p a:focus-visible::after{left:0;right:0}html.kw-motion .slide .dilemma-slide .slide-header,html.kw-motion .slide .dilemma-slide .dilemma-scenario{opacity:0;transform:translateY(10px);transition:opacity 0.45s var(--kw-ease-reveal),transform 0.45s var(--kw-ease-reveal)}html.kw-motion .slide.kw-enter .dilemma-slide .slide-header,html.kw-motion .slide.kw-enter .dilemma-slide .dilemma-scenario{opacity:1;transform:none}html.kw-motion .slide.kw-enter .dilemma-slide .dilemma-scenario{transition-delay:0.12s}@media (prefers-reduced-motion:reduce){html.kw-motion .kw-reveal,html.kw-motion .slide .dilemma-slide .slide-header,html.kw-motion .slide .dilemma-slide .dilemma-scenario{opacity:1;transform:none;transition:none}html.kw-motion .kw-reveal .section-label,html.kw-motion .kw-reveal .section-title,html.kw-motion .kw-sweep{clip-path:none;animation:none;opacity:1}html.kw-motion .thinker-statue,html.kw-motion .dilemma-illustration,html.kw-motion .kre-crest-wrap svg,html.kw-motion .kre-card-wrap svg{animation:none}body::before{opacity:.25;animation:none}}