/* Wool That Be True? — site styles. Felt palette and knit textures shared with the Everyday Wonders game. */
:root{
  --ink:#3d402e; --cream:#f6edd5; --paper:#fff6e4; --rust:#a4522f; --rust-d:#7c3b20; --green:#4f7253; --green-d:#2f4632; --moss:#394f3b; --gold:#e3a94a;
  --knit:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='12'%3E%3Crect width='22' height='12' fill='%23f6e8cb'/%3E%3Cpath d='M1 3.2c1.6 2.2 3.4 2.2 5 0s3.4-2.2 5 0 3.4 2.2 5 0 3.4-2.2 5 0' fill='none' stroke='%23e4cfae' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M1 9c1.6 2.2 3.4 2.2 5 0s3.4-2.2 5 0 3.4 2.2 5 0 3.4-2.2 5 0' fill='none' stroke='%23d9c09a' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  --knit-green:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='12'%3E%3Crect width='22' height='12' fill='%233a5240'/%3E%3Cpath d='M1 3.2c1.6 2.2 3.4 2.2 5 0s3.4-2.2 5 0 3.4 2.2 5 0 3.4-2.2 5 0' fill='none' stroke='%23324839' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M1 9c1.6 2.2 3.4 2.2 5 0s3.4-2.2 5 0 3.4 2.2 5 0 3.4-2.2 5 0' fill='none' stroke='%232d4234' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.67' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.19' filter='url(%23n)'/%3E%3C/svg%3E");
  --round:'Arial Rounded MT Bold','Nunito','Trebuchet MS',Arial,sans-serif;
  --radius:28px 24px 30px 23px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--grain),var(--knit-green);font:17px/1.55 'Trebuchet MS',Arial,sans-serif;min-height:100vh}
img,video{max-width:100%;height:auto;display:block}
a{color:var(--rust-d)}
h1,h2,h3{font-family:var(--round);line-height:1.12;margin:0}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.wrap{width:min(1160px,92vw);margin:0 auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* header */
.top{position:sticky;top:0;z-index:20;background:var(--grain),var(--knit-green);box-shadow:0 3px 0 #22352699,0 8px 18px #0003;border-bottom:2px dashed #8fa58a66}
.top .wrap{display:flex;align-items:center;gap:18px;min-height:68px}
.brand img{width:150px;height:auto;filter:drop-shadow(0 2px 2px #0005)}
.nav{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}
.nav a{color:#fff4dc;text-decoration:none;font:800 15px var(--round);padding:8px 14px;border-radius:18px;transition:background .2s,transform .2s}
.nav a:hover,.nav a[aria-current=page]{background:#ffffff1c;transform:translateY(-1px)}
.menu-btn{display:none;margin-left:auto;background:none;border:2px dashed #fff4dc88;color:#fff4dc;border-radius:14px;padding:6px 12px;font:800 15px var(--round)}
@media (max-width:760px){
  .menu-btn{display:block}
  .nav{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;background:var(--grain),var(--knit-green);padding:10px 4vw 18px;border-bottom:2px dashed #8fa58a66}
  .nav.open{display:flex}
  .brand img{width:120px}
}

/* buttons */
.plush{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:18px;background:var(--grain),linear-gradient(#738c60,#4d714c);box-shadow:inset 0 2px 2px #c0d49a99,inset 0 -3px 4px #2c4a3377,0 5px 0 #344c32,0 8px 9px #29392d33;color:#fff6df;font:800 17px var(--round);padding:14px 26px;min-height:52px;text-decoration:none;text-shadow:0 2px 2px #2b462b66;cursor:pointer;transition:transform .15s,box-shadow .15s}
.plush:before{content:'';position:absolute;inset:6px;border:1.5px dashed #d6e6ba90;border-radius:13px;pointer-events:none}
.plush:hover{transform:translateY(-3px) rotate(-.5deg)}
.plush:active{transform:translateY(3px);box-shadow:inset 0 2px 2px #c0d49a99,0 2px 0 #344c32}
.plush.rust{background:var(--grain),linear-gradient(#c06a42,#99482a);box-shadow:inset 0 2px 2px #f2b08a99,inset 0 -3px 4px #5e2a1677,0 5px 0 #6d321b,0 8px 9px #3a1d1133}
.plush.cream{background:var(--grain),linear-gradient(#fff8e8,#ead9b6);color:#4d5a3f;text-shadow:none;box-shadow:inset 0 2px #fffef380,0 5px 0 #a88858,0 8px 9px #74624322}
.plush.cream:before{border-color:#b9a27caa}
.plush[disabled]{opacity:.6;cursor:not-allowed;transform:none}

/* felt panel */
.panel{position:relative;padding:34px 36px;border-radius:var(--radius);background:var(--grain),var(--knit),linear-gradient(165deg,#fff6e4,#e4cfaa);box-shadow:inset 0 0 0 7px #d7b483,inset 0 0 0 10px #f6e7c8,inset 0 0 0 13px #b88958,0 7px 0 #8d6840,0 16px 36px #142b2455}
.panel:before{content:'';position:absolute;inset:11px;border:2px dashed #b7a382aa;border-radius:22px;pointer-events:none}
.panel>*{position:relative}
.tag{display:inline-block;color:#8e4b32;font:800 12px var(--round);letter-spacing:2.3px;text-transform:uppercase;margin-bottom:10px}
.section{padding:72px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px;color:#fff4dc}
.section-head h2{font-size:clamp(30px,4.4vw,46px);text-shadow:0 2px 0 #213326,0 5px 10px #0004}
.section-head p{margin:6px 0 0;color:#e3dcc3;max-width:560px}
.section-head a{color:#ffd99a;font:800 16px var(--round);white-space:nowrap}

/* hero */
.hero{position:relative;min-height:min(92vh,860px);display:grid;place-items:center;overflow:hidden;text-align:center;color:#fff6e4;isolation:isolate}
.hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,#0000 30%,#13221899 100%),linear-gradient(#0000 55%,#1d2e22cc)}
.hero-inner{padding:60px 4vw 90px;max-width:900px}
.hero h1 img{width:min(640px,86vw);margin:0 auto;filter:drop-shadow(0 6px 10px #0007);animation:brand-in 1s cubic-bezier(.2,1.2,.4,1)}
.hero h1{animation:wool-float 9s ease-in-out infinite;transform-origin:center}
.hero.motion-paused h1,.hero.motion-paused h1 img{animation-play-state:paused}
@keyframes wool-float{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(2px,-4px) rotate(.25deg)}50%{transform:translate(0,-7px) rotate(0)}75%{transform:translate(-2px,-3px) rotate(-.25deg)}}
.hero .tagline{font:900 clamp(22px,3.2vw,34px) var(--round);margin:18px 0 8px;text-shadow:0 2px 0 #2b3a28,0 4px 14px #000a}
.hero .sub{font-size:clamp(16px,1.8vw,19px);max-width:600px;margin:0 auto 28px;text-shadow:0 2px 8px #000c}
.hero .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.motion-toggle{position:absolute;right:16px;bottom:16px;background:#1d2e22aa;color:#fff4dc;border:1.5px dashed #fff4dc88;border-radius:14px;padding:6px 12px;font:700 13px var(--round);cursor:pointer}
@keyframes brand-in{from{opacity:0;transform:translateY(-24px) rotate(-3deg)}to{opacity:1;transform:none}}

/* episode cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:22px}
.card{all:unset;cursor:pointer;display:block;position:relative;border-radius:22px;background:var(--grain),var(--knit);padding:9px 9px 14px;box-shadow:0 5px 0 #8d6840,0 12px 22px #0004;transition:transform .2s}
.card:hover{transform:translateY(-5px) rotate(-.6deg)}
.card:nth-child(even):hover{transform:translateY(-5px) rotate(.6deg)}
.card:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.card img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:15px;box-shadow:inset 0 0 0 1px #0002}
.card .meta{padding:10px 6px 0}
.card .code{font:800 11px var(--round);letter-spacing:1.6px;color:#8e4b32;text-transform:uppercase}
.card h3{font-size:16px;margin-top:4px;color:#3d402e}
.card .new{position:absolute;top:-8px;right:-6px;background:var(--grain),#e3a94a;color:#4a2c13;font:900 12px var(--round);padding:6px 11px;border-radius:16px;transform:rotate(8deg);box-shadow:0 3px 0 #9c6b25}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.chip{border:2px dashed #fff4dc77;background:#ffffff10;color:#fff4dc;font:800 15px var(--round);padding:8px 16px;border-radius:20px;cursor:pointer}
.chip[aria-pressed=true]{background:var(--grain),#f6edd5;color:#3d402e;border-style:solid;border-color:#d7b483}
.search{flex:1;min-width:200px;max-width:340px;padding:10px 16px;border-radius:20px;border:2px solid #d7b483;background:var(--grain),#fffaed;font:16px 'Trebuchet MS',Arial,sans-serif;color:var(--ink)}
.empty{color:#e3dcc3;text-align:center;padding:40px 0}

/* modal */
dialog{border:none;padding:0;background:none;max-width:min(860px,94vw);width:100%}
dialog::backdrop{background:#101b14cc;backdrop-filter:blur(3px)}
.modal{display:grid;grid-template-columns:minmax(200px,300px) 1fr;gap:28px;align-items:center}
.modal img{border-radius:18px;aspect-ratio:9/16;object-fit:cover;width:100%;box-shadow:0 8px 20px #0004}
.modal h3{font-size:clamp(24px,3vw,32px);margin:4px 0 14px;color:#4b5f3f}
.modal .when{font:800 13px var(--round);color:#7c6c51;margin-bottom:12px}
.watch{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.watch a{font-size:15px;padding:11px 18px;min-height:44px}
.close{position:absolute;top:18px;right:20px;z-index:2;width:42px;height:42px;border-radius:50%;border:2px solid #b4834e;background:radial-gradient(circle at 32% 28%,#fff6e2,#efd0a2 46%,#c89062);color:#6b3f24;font:900 20px var(--round);cursor:pointer;box-shadow:0 3px 0 #7c5430}
@media (max-width:640px){.modal{grid-template-columns:1fr}.modal img{max-width:220px;margin:0 auto}}

/* true or false */
.tof{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}
.tof .panel{text-align:center;min-height:360px;display:flex;flex-direction:column;justify-content:center}
.claim{font:700 clamp(23px,2.8vw,31px)/1.25 Georgia,serif;margin:6px 0 26px;color:#3e4b35}
.answers{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.answers .plush{min-width:150px}
.verdict{font:900 clamp(30px,4vw,42px) var(--round);margin-bottom:8px}
.verdict.good{color:#4f7253;animation:hop .8s ease-in-out 2}
.verdict.bad{color:#ac6346;animation:wobble .6s ease-in-out 2}
.reveal{background:var(--grain),#fff8e3;border:1px dashed #c2ad81;border-radius:15px;padding:16px 18px;margin:12px 0 20px;text-align:left}
.score{font:800 14px var(--round);color:#7c6c51;margin-top:18px}
.tof-side{color:#fff4dc}
.tof-side h2{font-size:clamp(30px,4.4vw,46px);text-shadow:0 2px 0 #213326}
.tof-side p{color:#e3dcc3;margin-top:12px}
.tof-side img{border-radius:20px;margin-top:20px;box-shadow:0 10px 24px #0005;width:100%;max-height:330px;object-fit:cover}
@keyframes hop{0%,100%{transform:none}35%{transform:translateY(-12px) rotate(-3deg)}70%{transform:translateY(-4px) rotate(2deg)}}
@keyframes wobble{0%,100%{transform:none}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}
@media (max-width:860px){.tof{grid-template-columns:1fr}}
.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:50}
.confetti i{position:absolute;top:-30px;width:12px;height:18px;border-radius:5px;background:var(--grain),var(--c);border:1px dashed #fff7d9aa;animation:fall var(--s) cubic-bezier(.2,.5,.6,1) forwards;animation-delay:var(--d)}
@keyframes fall{to{transform:translate(var(--x),110vh) rotate(var(--r))}}

/* shop */
.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px}
.product{display:flex;flex-direction:column;padding:16px 16px 24px}
.product img{border-radius:16px;aspect-ratio:4/3;object-fit:cover;object-position:top;width:100%;margin-bottom:16px;box-shadow:0 4px 10px #0002}
.product h3{font-size:22px;color:#4b5f3f;margin-bottom:8px}
.product p{font-size:15px;color:#5f5844}
.product ul{font-size:14px;color:#5f5844;padding-left:20px;margin:0 0 16px}
.product .foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.price{font:900 18px var(--round);color:#8e4b32}
.ribbon{position:absolute;top:22px;left:-8px;background:var(--grain),var(--rust);color:#fff4dc;font:900 12px var(--round);letter-spacing:1.4px;text-transform:uppercase;padding:6px 14px;border-radius:0 12px 12px 0;box-shadow:0 3px 0 var(--rust-d);z-index:2}

/* about */
.about{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.about .panel p{font-size:17px}
.about img{border-radius:22px;box-shadow:0 10px 26px #0005}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;text-align:center}
.facts div{background:var(--grain),#fff8e3;border:1px dashed #c2ad81;border-radius:15px;padding:12px 6px}
.facts b{display:block;font:900 26px var(--round);color:#4f7253}
.facts span{font-size:13px;color:#7c6c51}
@media (max-width:860px){.about{grid-template-columns:1fr}}

/* footer */
.foot-band{background:var(--grain),#24372a;color:#e3dcc3;padding:40px 0 30px;border-top:2px dashed #8fa58a66;margin-top:40px}
.foot-band .wrap{display:flex;gap:24px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.socials{display:flex;gap:10px;flex-wrap:wrap}
.socials a{display:inline-flex;align-items:center;gap:8px;color:#fff4dc;text-decoration:none;font:800 14px var(--round);padding:9px 14px;border-radius:16px;border:1.5px dashed #fff4dc66}
.socials a:hover{background:#ffffff14}
.socials svg{width:18px;height:18px;fill:currentColor}
.small{font-size:13px;color:#b9b39b}
.small a{color:#ffd99a}
.legal{max-width:760px;margin:50px auto}
.legal h1{font-size:40px;color:#4b5f3f;margin-bottom:16px}
.legal h2{font-size:22px;color:#4b5f3f;margin:24px 0 8px}

/* newsletter */
.signup{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:470px;margin:0 auto}
.signup input[type=email]{flex:1 1 220px;min-height:52px;padding:12px 16px;border-radius:16px;border:2px solid #d6c6a5;background:var(--grain),#fffaed;font:16px 'Trebuchet MS',Arial,sans-serif;color:var(--ink);box-shadow:inset 0 2px 4px #826e2520}
.signup .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form-note{flex-basis:100%;font-size:12px;color:#7c6c51;margin:4px 0 0;text-align:center}
.skip{background:none;border:none;color:#8e4b32;font:700 13px var(--round);text-decoration:underline;text-underline-offset:3px;margin-top:14px;cursor:pointer}
.club{text-align:center}
.club h2{color:#4b5f3f;font-size:clamp(28px,3.6vw,38px);margin-bottom:10px}
.club p{max-width:540px;margin:0 auto 20px;color:#5f5844}
.optin{flex-basis:100%;display:flex;gap:9px;align-items:flex-start;justify-content:center;font-size:14px;color:#5f5844;text-align:left;margin-top:6px;cursor:pointer}
.optin input{width:18px;height:18px;margin-top:2px;accent-color:#4f7253;flex-shrink:0}
.optin.left,.answers.left{justify-content:flex-start}
.hero h1 img.logo-hidden{position:absolute;opacity:0;pointer-events:none}
.hero h1 .logo-wave{display:block;margin-left:auto;margin-right:auto;filter:drop-shadow(0 6px 10px #0007);animation:brand-in 1s cubic-bezier(.2,1.2,.4,1)}

/* episode deep-dive pages */
.episode-page .back{color:#ffd99a;font:800 15px var(--round);text-decoration:none;display:inline-block;margin-bottom:22px}
.ep-head{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:36px;align-items:start;color:#fff4dc}
.ep-media video,.ep-media img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:22px;background:#1d2e22;box-shadow:0 0 0 6px #f6e7c8,0 0 0 9px #b88958,0 14px 30px #0006}
.ep-intro .tag{color:#ffd99a}
.ep-intro h1{font-size:clamp(32px,4.6vw,52px);text-shadow:0 2px 0 #213326,0 6px 14px #0005;margin:4px 0 14px}
.ep-intro .dek{font-size:clamp(17px,1.8vw,20px);color:#efe6cc;max-width:640px}
.claim-card{margin:22px 0;padding:24px 28px;color:var(--ink)}
.claim-text{font:700 clamp(20px,2.3vw,26px)/1.3 Georgia,serif;color:#3e4b35;margin:0 0 14px}
.verdict-chip{display:inline-block;font:900 18px var(--round);padding:8px 18px;border-radius:18px;transform:rotate(-2deg);box-shadow:0 4px 0 #0002;background:var(--grain),#f4d287;color:#5a3c12}
.verdict-chip.good{background:var(--grain),#cfe0a8;color:#2f4a26}
.verdict-chip.bad{background:var(--grain),#efc0a4;color:#7c3b20}
.verdict-note{margin:12px 0 0;color:#5f5844;font-size:15px}
.ep-body{display:grid;grid-template-columns:1fr 330px;gap:30px;margin-top:40px;align-items:start}
.ep-article{padding:40px 46px}
.ep-article h2{font-size:clamp(23px,2.6vw,29px);color:#4b5f3f;margin:28px 0 12px}
.ep-article h2:first-child{margin-top:0}
.ep-article p{font-size:18px;line-height:1.7;color:#3f3a2c;max-width:68ch}
.ep-stills{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0}
.ep-stills img{border-radius:16px;aspect-ratio:9/16;object-fit:cover;width:100%;box-shadow:0 6px 14px #0003}
.ep-side{display:flex;flex-direction:column;gap:22px;position:sticky;top:90px}
.ep-box{padding:24px 26px}
.timeline{list-style:none;margin:6px 0 0;padding:0;border-left:3px dashed #c9a46e}
.timeline li{position:relative;padding:0 0 14px 18px}
.timeline li:before{content:'';position:absolute;left:-8px;top:5px;width:13px;height:13px;border-radius:50%;background:var(--grain),#a4522f;box-shadow:0 0 0 3px #f6e7c8}
.timeline b{display:block;font:900 15px var(--round);color:#8e4b32}
.timeline span{font-size:15px;color:#4f4a3a}
.facts-list{margin:6px 0 0;padding-left:20px;color:#4f4a3a;font-size:15px}
.facts-list li{margin-bottom:8px}
.ep-sources{border-top:2px dashed #c2ad81;margin-top:30px;padding-top:6px}
.ep-sources ul{padding-left:20px;font-size:15px}
.ep-sources li{margin-bottom:6px}
.ep-sources span,.small-note{color:#7c6c51;font-size:13px}
.ep-nav{display:flex;justify-content:space-between;gap:20px;margin-top:40px;flex-wrap:wrap}
.ep-nav a{color:#ffd99a;font:800 16px var(--round);text-decoration:none;max-width:48%}
.m-more{margin-top:12px;display:inline-block;font:800 15px var(--round);color:#8e4b32}
@media (max-width:960px){.ep-body{grid-template-columns:1fr}.ep-side{position:static}}
@media (max-width:700px){.ep-head{grid-template-columns:1fr}.ep-media{max-width:300px;margin:0 auto}.ep-article{padding:30px 22px}.ep-article p{font-size:17px}}

/* Woolipedia */
.wp-hero{text-align:center;color:#fff4dc;margin-bottom:26px}
.wp-hero h1{font-size:clamp(44px,7vw,78px);text-shadow:0 3px 0 #213326,0 8px 18px #0006}
.wp-hero p{color:#e3dcc3;max-width:620px;margin:10px auto 0;font-size:18px}
.basket{max-width:760px;margin:0 auto 44px;text-align:center}
.fact-big{min-height:220px;display:flex;flex-direction:column;justify-content:center;padding:40px 46px}
.fact-big.pop{animation:fact-pop .45s cubic-bezier(.2,1.3,.4,1)}
.fact-text{font:700 clamp(21px,2.6vw,28px)/1.35 Georgia,serif;color:#3e4b35;margin:4px 0 12px}
.fact-from{font-size:14px;color:#7c6c51;margin:0}
.basket-actions{margin-top:22px}
#shake.shake{animation:basket-shake .5s ease-in-out}
@keyframes fact-pop{from{opacity:0;transform:scale(.94) rotate(-1.2deg)}to{opacity:1;transform:none}}
@keyframes basket-shake{20%{transform:rotate(-6deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-3deg)}80%{transform:rotate(2deg)}}
.wp-search{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:10px}
.wp-search .search{max-width:560px;width:100%;font-size:18px;padding:14px 20px}
.wp-search .chips{justify-content:center;margin:0}
.wp-count{color:#e3dcc3;text-align:center;font:700 14px var(--round);margin:4px 0 22px}
mark{background:#f4d287;color:inherit;border-radius:4px;padding:0 2px}
.fact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;margin-bottom:30px}
.fact-card{position:relative;display:block;text-decoration:none;color:#3f3a2c;padding:24px 20px 18px;border-radius:18px 22px 16px 24px;background:var(--grain),#fff6e4;box-shadow:0 5px 0 #a88858,0 10px 18px #0003;transform:rotate(-.8deg);transition:transform .2s}
.fact-card:nth-child(even){transform:rotate(.9deg)}
.fact-card:hover{transform:translateY(-4px) rotate(0)}
.fact-card.c1{background:var(--grain),#f3e3c0}.fact-card.c2{background:var(--grain),#e8efd6}.fact-card.c3{background:var(--grain),#f6dfcf}
.fact-card p{margin:0;font-size:16px;line-height:1.5}
.fact-card small{display:block;margin-top:10px;color:#8e4b32;font:800 12px var(--round)}
.pin{position:absolute;top:-8px;left:50%;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f2a27c,#a4522f 60%,#6d321b);box-shadow:0 3px 3px #0004}
.wp-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:22px}
.wp-item{display:grid;grid-template-columns:96px 1fr;gap:18px;padding:16px 20px;text-decoration:none;color:inherit;transition:transform .2s;align-items:center}
.wp-item:hover{transform:translateY(-3px)}
.wp-item img{width:96px;aspect-ratio:9/16;object-fit:cover;border-radius:12px}
.wp-item h3{font-size:19px;color:#4b5f3f;margin:2px 0 6px}
.wp-item p{font-size:14px;color:#5f5844;margin:0}
.wp-item .v.good{color:#4f7253}.wp-item .v.bad{color:#a4522f}.wp-item .v.maybe{color:#9c6b25}
/* episode page: Woolipedia layout */
.ep-main{display:flex;flex-direction:column;gap:30px;min-width:0}
.ep-still{float:right;width:min(210px,40%);margin:4px 0 14px 22px}
.ep-still.right{float:left;margin:4px 22px 14px 0}
.ep-still img{border-radius:16px;aspect-ratio:9/16;object-fit:cover;width:100%;box-shadow:0 6px 14px #0003}
.ep-article:after{content:'';display:block;clear:both}
.ep-facts h2{color:#fff4dc;font-size:clamp(26px,3vw,34px);margin-bottom:18px;text-shadow:0 2px 0 #213326}
.ep-facts .more-link a{color:#ffd99a;font:800 15px var(--round)}
.infobox dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:8px 0 0;font-size:15px}
.infobox dt{font:800 13px var(--round);color:#8e4b32;text-transform:uppercase;letter-spacing:.8px;padding-top:2px}
.infobox dd{margin:0;color:#3f3a2c}
.infobox{padding:24px 26px}
.verdict-chip.small{font-size:14px;padding:4px 12px}
.verdict-chip.maybe{background:var(--grain),#f4d287;color:#5a3c12}
.deep{padding:0;overflow:hidden}
.deep summary{cursor:pointer;list-style:none;padding:24px 34px;display:flex;flex-direction:column}
.deep summary::-webkit-details-marker{display:none}
.deep summary span{font:900 22px var(--round);color:#4b5f3f}
.deep summary span:after{content:' ＋';color:#a4522f}
.deep[open] summary span:after{content:' －'}
.deep summary small{color:#7c6c51;font-size:14px}
.deep-body{padding:0 34px 30px}
.deep-body h3{font-size:20px;color:#4b5f3f;margin:20px 0 8px}
.deep-body p{font-size:16px;line-height:1.65;color:#3f3a2c}
@media (max-width:640px){.ep-still,.ep-still.right{float:none;width:70%;margin:10px auto}.wp-list{grid-template-columns:1fr}}
.claim-card .tag{color:#8e4b32}