:root{font-family:Inter,system-ui,sans-serif;--sky:#76cef4;--sky2:#e7f8ff;--far:#a8c5ca;--near:#608f8d;--hill:#78c966;--hill2:#58ac4e;--lake:#55bfd5}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#17141c;background:var(--sky2);overflow-x:hidden}button,input{font:inherit}.world{position:fixed;inset:0;z-index:-2;overflow:hidden;background:linear-gradient(var(--sky),var(--sky2) 64%);transition:.8s}.sunw{position:absolute;right:7%;top:7%;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:#ffdf48;box-shadow:0 0 0 18px #ffdf4833,0 0 65px #ffcb4a88;animation:bob 5s ease-in-out infinite}.sunw b{font-size:23px;transform:rotate(-7deg)}.cloud{position:absolute;width:160px;height:52px;border-radius:60px;background:#ffffffd9;animation:cloud 43s linear infinite}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cloud:before{width:70px;height:70px;left:22px;top:-31px}.cloud:after{width:88px;height:88px;right:9px;top:-43px}.c1{left:-200px;top:18%}.c2{left:-260px;top:32%;transform:scale(.7);animation-duration:58s;animation-delay:-20s}.mount{position:absolute;bottom:20vh;clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--far)}.mount:after{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:46%;height:43%;background:#f1f7f6;clip-path:polygon(50% 0,100% 100%,70% 78%,55% 100%,35% 72%,15% 100%,0 100%)}.m1{left:-8%;width:40%;height:31vh}.m2{left:22%;width:42%;height:40vh}.m3{right:-8%;width:43%;height:37vh}.near{bottom:14vh;background:var(--near)}.n1{left:-6%;width:46%;height:27vh}.n2{left:36%;width:42%;height:34vh}.n3{right:-10%;width:44%;height:28vh}.hill{position:absolute;left:-10%;width:120%;border-radius:50% 50% 0 0/100% 100% 0 0}.h1{height:30vh;bottom:-10vh;background:var(--hill)}.h2{height:24vh;bottom:-13vh;background:var(--hill2);transform:rotate(2deg)}.lake{position:absolute;left:28%;bottom:-2vh;width:45%;height:16vh;border-radius:50% 50% 0 0/70% 70% 0 0;background:var(--lake);overflow:hidden}.lake:after{content:"";position:absolute;left:-10%;top:20%;width:120%;height:4px;background:#fff8;box-shadow:0 18px #ffffff38,0 36px #ffffff28;animation:ripple 4s ease-in-out infinite}.cow{position:absolute;left:15%;bottom:7vh;font-size:44px;animation:bob 4s ease-in-out infinite}.tree{position:absolute;bottom:7vh;width:58px;height:130px;transform-origin:50% 100%;animation:sway 3s ease-in-out infinite}.tl{left:6%}.tr{right:7%}.tree:before{content:"";position:absolute;left:24px;bottom:0;width:10px;height:68px;border-radius:6px;background:#75533a}.tree:after{content:"";position:absolute;left:0;top:0;width:58px;height:78px;border-radius:50%;background:#317e49;box-shadow:-18px 32px 0 -7px #317e49,20px 31px 0 -5px #317e49}.particles{position:absolute;inset:0}.drop{position:absolute;top:-30px;width:3px;height:24px;background:#d8efffbb;animation:rain linear infinite}.flake{position:absolute;top:-15px;border-radius:50%;background:#fff;animation:snow linear infinite}.page{width:min(1160px,calc(100% - 36px));margin:auto;padding:20px 0 40px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.logo{font-weight:950;text-decoration:none;display:flex;gap:10px;align-items:center}.badge,.loc{background:#ffffffc4;border:1px solid #fff;border-radius:14px;padding:10px 13px;backdrop-filter:blur(12px);box-shadow:0 8px 26px #26475c1a}.loc{border-radius:999px;font-weight:850}.hero{display:grid;grid-template-columns:1fr minmax(380px,520px);gap:64px;align-items:center;min-height:590px}.ey{font-size:12px;letter-spacing:.16em;font-weight:950;color:#26333d99}.copy h1{font-size:clamp(64px,8vw,112px);line-height:.82;letter-spacing:-.075em;margin:0;font-weight:1000}.copy h1 span{color:#fff;text-shadow:0 3px 24px #26384840}.intro{font-size:19px;line-height:1.55;font-weight:700;color:#202b33cc;max-width:520px}.card{border:1px solid #ffffffd9;background:#ffffffa8;border-radius:36px;overflow:hidden;box-shadow:0 30px 90px #1f374433;backdrop-filter:blur(28px)}.card.yes{background:linear-gradient(170deg,#ffffffbc,#ffed93a6)}.card.no{background:linear-gradient(170deg,#ffffffbc,#b9dcf6a6)}.visual{height:230px;position:relative;overflow:hidden}.cardsun{position:absolute;right:26px;top:24px;width:102px;height:102px;border-radius:50%;display:grid;place-items:center;background:#ffe052;box-shadow:0 0 0 15px #ffdf4d30}.cardsun b{font-size:21px}.shorts{position:absolute;width:148px;height:104px;left:34px;top:70px;transform:rotate(-7deg);animation:shorts 2.6s ease-in-out infinite;filter:drop-shadow(0 16px 14px #493b772c)}.waist{position:absolute;left:8px;right:8px;top:0;height:29px;border-radius:16px;background:#7958ff}.waist:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#ffd95b;left:50%;top:6px;transform:translateX(-50%)}.leg{position:absolute;top:24px;width:74px;height:77px;background:#6f56ee}.leg.l{left:2px;clip-path:polygon(0 0,100% 0,82% 100%,0 94%)}.leg.r{right:2px;clip-path:polygon(0 0,100% 0,100% 94%,18% 100%)}.body{padding:18px 27px 27px}.where{font-size:14px;font-weight:850;color:#453f4e99}.verdict{font-size:clamp(42px,5vw,66px);line-height:.93;letter-spacing:-.055em;font-weight:1000;margin-top:6px}.reason{font-size:17px;line-height:1.45;font-weight:650;color:#3e3947bb;margin:14px 0 20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:20px}.stat{background:#ffffff99;border:1px solid #fff;padding:11px 8px;border-radius:16px;text-align:center}.stat span{display:block;font-size:11px;font-weight:850;color:#514b5899}.stat strong{font-size:17px}.actions{display:flex;gap:10px;flex-wrap:wrap}.primary,.secondary{border:0;border-radius:999px;padding:12px 17px;font-weight:900}.primary{background:#19151e;color:#fff}.secondary{background:#ffffffc4}.loading .verdict{animation:pulse 1.2s ease-in-out infinite}.loading .shorts{animation:loadshorts .9s ease-in-out infinite}.loading .reason:after{content:"🩳  🔍  🌦️  🧠";display:block;font-size:26px;margin-top:13px;letter-spacing:.18em}.forecastsec{margin-top:72px}.head{display:flex;justify-content:space-between;align-items:end}.head h2,.science h2{font-size:clamp(30px,4vw,50px);margin:0;letter-spacing:-.045em}.forecast{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:17px}.day{background:#ffffffb0;border:1px solid #fff;border-radius:22px;padding:15px 13px;min-height:166px;backdrop-filter:blur(14px)}.dayname{font-size:12px;font-weight:900;color:#3d465399}.icon{font-size:33px;margin:11px 0}.temp{font-size:23px;font-weight:950}.dv{display:inline-flex;margin-top:13px;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:950}.day.yes .dv{background:#d9f6b5}.day.no .dv{background:#dce9ff}.science{margin:75px 0 40px;background:#ffffffae;border:1px solid #fff;border-radius:28px;padding:26px;backdrop-filter:blur(14px)}footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid #25374633;padding-top:18px;font-size:12px;font-weight:750;color:#2f3b46aa}dialog{border:0;background:transparent;width:min(590px,calc(100% - 28px))}dialog::backdrop{background:#17131f66;backdrop-filter:blur(8px)}.dialog{background:#fff7dc;border-radius:28px;padding:25px;position:relative}.close{position:absolute;right:15px;top:14px;border:0;border-radius:50%;width:38px;height:38px;font-size:22px}.search{display:flex;gap:8px}.search input{flex:1;border:2px solid #0002;border-radius:15px;padding:12px}.results{display:grid;gap:7px;margin-top:12px}.result{display:flex;justify-content:space-between;text-align:left;border:1px solid #0001;background:#fff;border-radius:14px;padding:11px}.result small{display:block;color:#0007}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,25px);opacity:0;background:#19151e;color:#fff;border-radius:999px;padding:10px 15px;font-weight:850;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.conf{position:fixed;z-index:20;width:9px;height:15px;border-radius:3px;animation:burst 1.4s forwards}body.time-evening{--sky:#7258bd;--sky2:#ffb47a;--far:#706f8f;--near:#526a73;--hill:#638d61;--hill2:#456f4d;--lake:#6f85a5}body.time-night{--sky:#111b45;--sky2:#334e78;--far:#343d5d;--near:#222d47;--hill:#285048;--hill2:#173d37;--lake:#243f60}.time-night .sunw{opacity:0}.weather-cloudy{--sky:#91b8c8;--sky2:#dce8eb}.weather-rain{--sky:#637a89;--sky2:#bccbd0;--far:#707f84;--near:#526769;--hill:#6b9066;--hill2:#507a52;--lake:#617f8b}.weather-storm{--sky:#39434f;--sky2:#78838d;--far:#4e5960;--near:#37454a}.weather-snow{--sky:#b6d5e6;--sky2:#f6fbff;--hill:#edf5f4;--hill2:#dce9e8;--lake:#b8d8df}.weather-snow .mount:after{height:58%;background:#fff}.windy .tree{animation-duration:.6s}.windy .cloud{animation-duration:24s}@keyframes cloud{to{translate:calc(100vw + 500px) 0}}@keyframes bob{50%{translate:0 8px}}@keyframes ripple{50%{transform:translateX(8%)}}@keyframes sway{50%{rotate:3deg}}@keyframes shorts{50%{transform:translateY(-8px) rotate(5deg)}}@keyframes loadshorts{25%{transform:translateY(-8px) rotate(2deg)}50%{transform:translateY(-2px) rotate(8deg) scale(1.06)}75%{transform:translateY(-9px) rotate(-2deg)}}@keyframes pulse{50%{opacity:.55}}@keyframes rain{to{translate:-10vw 110vh}}@keyframes snow{to{translate:20px 110vh;rotate:360deg}}@keyframes burst{to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}@keyframes mobile-flash{0%,86%,100%{opacity:0}88%{opacity:.28}90%{opacity:0}93%{opacity:.14}}
@media(max-width:900px){.hero{grid-template-columns:1fr}.forecast{grid-template-columns:repeat(4,1fr)}}
@media(max-width:620px){body{--mobile-time-tint:transparent}.world{background:linear-gradient(var(--mobile-time-tint),transparent 52%),linear-gradient(var(--sky),var(--sky2) 74%)}.world:after{content:"";position:absolute;inset:0;pointer-events:none;background:#fff;opacity:0}.mount,.hill,.lake,.tree,.cow{display:none}.sunw{width:76px;height:76px;right:7%;top:9%;box-shadow:0 0 0 11px #ffdf4829,0 0 34px #ffcb4a55;animation-duration:8s}.sunw b{font-size:16px}.cloud{width:126px;height:40px;opacity:.72;animation-duration:92s}.cloud:before{width:54px;height:54px;left:18px;top:-24px}.cloud:after{width:68px;height:68px;right:8px;top:-33px}.c1{top:20%}.c2{top:34%;transform:scale(.72);animation-duration:118s}.weather-clear .c2{display:none}.weather-clear .c1{opacity:.38}.weather-cloudy .sunw{opacity:.35}.weather-cloudy .cloud{background:#f2f7f8e6;opacity:.82}.weather-rain .sunw,.weather-storm .sunw,.weather-snow .sunw{opacity:0}.weather-rain .cloud{background:#7f929dbf;opacity:.78}.weather-storm .cloud{background:#4d5864d9;opacity:.9}.weather-snow .cloud{background:#f7fbffe8;opacity:.88}.weather-storm .world:after{animation:mobile-flash 7s linear infinite}.time-morning{--mobile-time-tint:#ffd49866}.time-evening{--mobile-time-tint:#ff927659}.time-night{--mobile-time-tint:#07122b66}.time-night .sunw{opacity:1;background:#f7f4dc;box-shadow:0 0 0 10px #f7f4dc1f,0 0 30px #d9e7ff4d}.time-night .sunw b{display:none}.time-night.weather-rain .sunw,.time-night.weather-storm .sunw,.time-night.weather-snow .sunw{opacity:0}.particles{opacity:.68}.drop{width:2px;height:18px}.page{width:calc(100% - 22px)}.loc{font-size:0;width:42px;height:42px}.copy h1{font-size:66px}.intro{font-size:16px}.visual{height:205px}.shorts{left:14px;top:61px;transform:scale(.78) rotate(-7deg);transform-origin:left top}.cardsun{right:14px;width:90px;height:90px}.body{padding:17px 19px 21px}.stats{grid-template-columns:repeat(2,1fr)}.forecast{grid-template-columns:repeat(2,1fr)}.search{flex-direction:column}}
@media(max-width:620px) and (prefers-reduced-motion:reduce){.sunw,.cloud,.drop,.flake,.world:after{animation:none}}
@media(max-width:620px){.time-night{--mobile-time-tint:#07122b24}.time-night .topbar .logo,.time-night .copy .ey,.time-night .copy h1,.time-night .copy .intro{color:#f7f8ff}.logo{color:inherit}.particles{opacity:.58}.particles i:nth-child(n+19){display:none}.drop{height:17px}}

/* Solid paper-card interface: intentionally independent from the animated sky. */
:root{--paper:#fff9ec;--paper-yes:#fff3b8;--paper-no:#e9f2ff;--paper-lilac:#f1edff;--ink:#211d28;--paper-line:#211d28;--paper-shadow:#211d2824}
.logo{color:var(--ink)}
.badge,.loc{background:var(--paper);border:2px solid var(--paper-line);backdrop-filter:none;box-shadow:4px 5px 0 var(--paper-shadow)}
.card{background:var(--paper);border:2px solid var(--paper-line);border-radius:28px;box-shadow:10px 12px 0 var(--paper-shadow);backdrop-filter:none}
.card.yes{background:var(--paper-yes)}
.card.no{background:var(--paper-no)}
.visual{height:190px}
.cardsun{display:none}
.shorts{left:calc(50% - 74px);top:43px}
.body{padding:12px 28px 28px}
.verdict{font-size:clamp(40px,4.5vw,60px);line-height:.96;letter-spacing:-.045em}
.reason{color:#3b3542;margin:13px 0 20px}
.stat{background:var(--paper-lilac);border:1.5px solid var(--paper-line);border-radius:14px;padding:11px 7px}
.stat span{color:#4d4656;font-size:10px;line-height:1.25;min-height:25px}
.primary,.secondary{min-height:44px;border:2px solid var(--paper-line);box-shadow:3px 4px 0 var(--paper-shadow);transition:transform .16s ease,box-shadow .16s ease}
.primary{background:var(--ink)}
.secondary{background:var(--paper);color:var(--ink)}
.primary:hover,.secondary:hover{transform:translateY(-2px);box-shadow:4px 6px 0 var(--paper-shadow)}
.day{background:var(--paper);border:2px solid var(--paper-line);border-radius:18px;box-shadow:4px 5px 0 var(--paper-shadow);backdrop-filter:none}
.day.yes{background:#f2f8d9}
.day.no{background:var(--paper-no)}
.science{background:var(--paper);border:2px solid var(--paper-line);box-shadow:7px 8px 0 var(--paper-shadow);backdrop-filter:none}
@media(max-width:620px){.topbar{margin-bottom:36px}.loc{font-size:13px;width:auto;height:auto;padding:9px 11px}.copy h1{font-size:58px;letter-spacing:-.06em}.card{box-shadow:7px 8px 0 var(--paper-shadow)}.visual{height:166px}.shorts{left:calc(50% - 74px);top:30px;transform:rotate(-7deg);transform-origin:center}.body{padding:10px 18px 21px}.verdict{font-size:44px;line-height:.98}.stats{gap:8px}.stat span{min-height:0}.forecast{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 4px 12px}.forecast::-webkit-scrollbar{display:none}.day{min-width:142px;scroll-snap-align:start}.science{box-shadow:5px 6px 0 var(--paper-shadow)}}

/* Brand logo supplied by the user. */
.topbar{gap:14px;align-items:center;margin-bottom:34px}
.logo{display:block;width:clamp(240px,25vw,315px);flex:0 1 auto;line-height:0}
.logo img{display:block;width:100%;height:auto}
@media(max-width:620px){.topbar{gap:10px;margin-bottom:30px}.logo{width:min(218px,calc(100vw - 145px))}.loc{flex:0 0 auto;margin-top:0}}

/* Fine-tuned headline spacing. */
.copy h1{line-height:.9}
@media(max-width:620px){.copy h1{line-height:.94}}

/* Animated hourly detail panel. */
.details-link{appearance:none;border:0;background:transparent;color:var(--ink);padding:0;font-weight:900;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px;cursor:pointer}
.details-link span{display:inline-block;transition:transform .18s ease}
.details-link:hover span,.details-link:focus-visible span{transform:translateX(4px)}
.details-main{display:block;margin:-8px 0 21px;font-size:14px}
.details-main[hidden]{display:none}
.day{display:flex;flex-direction:column;min-height:205px}
.day-details{margin-top:auto;padding-top:15px;text-align:left;font-size:11px}
.page{transition:filter .3s ease,transform .3s ease}
.world{transition:background .8s,filter .3s ease,transform .3s ease}
body.details-open{overflow:hidden}
body.details-open .page,body.details-open .world{filter:blur(5px);transform:scale(.995)}
.detail-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .25s ease,visibility 0s linear .25s}
.detail-overlay.open{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .25s ease}
.detail-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#17131f73;cursor:pointer}
.detail-panel{position:relative;width:min(920px,100%);max-height:min(88vh,840px);display:flex;flex-direction:column;overflow:hidden;background:var(--paper);border:2px solid var(--paper-line);border-radius:30px;box-shadow:14px 18px 0 #211d2842,0 30px 100px #17131f5c}
.detail-overlay.open .detail-panel{animation:detail-rise .62s cubic-bezier(.22,1.15,.36,1)}
.detail-grip{display:none}
.detail-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:28px 30px 17px}
.detail-header .ey{margin:0 0 4px}
.detail-header h2{font-size:clamp(28px,4vw,46px);line-height:1;letter-spacing:-.045em;margin:0}
.detail-place{margin:7px 0 0;color:#4d4656;font-size:13px;font-weight:800}
.detail-close,.detail-arrow{appearance:none;border:2px solid var(--paper-line);background:#fff;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;color:var(--ink);font-weight:950;cursor:pointer;box-shadow:2px 3px 0 var(--paper-shadow);transition:transform .16s ease,opacity .16s ease}
.detail-close{font-size:25px;line-height:1;flex:0 0 auto}
.detail-close:hover,.detail-arrow:not(:disabled):hover{transform:translateY(-2px)}
.detail-day-nav{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:10px;align-items:center;padding:0 30px 18px}
.detail-days{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:2px}
.detail-days::-webkit-scrollbar{display:none}
.detail-day{flex:1 0 auto;min-width:62px;border:1.5px solid var(--paper-line);border-radius:999px;background:#fff;padding:8px 12px;color:var(--ink);font-size:12px;font-weight:900;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}
.detail-day.active{background:var(--ink);color:#fff;transform:translateY(-1px)}
.detail-arrow:disabled{opacity:.28;cursor:default;box-shadow:none}
.detail-content{min-height:0;overflow-y:auto;padding:0 30px 28px}
.detail-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;border:2px solid var(--paper-line);border-radius:19px;padding:15px 18px;margin-bottom:13px}
.detail-summary.yes{background:#f2f8d9}
.detail-summary.no{background:var(--paper-no)}
.detail-summary div>span{display:block;font-size:12px;font-weight:800;color:#4d4656;margin-bottom:2px}
.detail-summary div>strong{font-size:18px}
.summary-weather{font-size:32px}
.time-blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.time-block{background:#fff;border:1.5px solid var(--paper-line);border-radius:19px;padding:16px;box-shadow:3px 4px 0 var(--paper-shadow);opacity:0;animation:block-reveal .42s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--delay)}
.block-heading{display:flex;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid #211d2826}
.block-time-icon{font-size:27px}
.block-heading h3{font-size:15px;line-height:1;margin:0 0 4px}
.block-heading div>span{font-size:11px;color:#5b5462;font-weight:750}
.block-weather{margin-left:auto;text-align:right}
.block-weather>span{display:block;font-size:22px}
.block-weather strong{font-size:11px}
.block-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 9px;padding-top:13px}
.block-stats div>span{display:block;font-size:10px;color:#5b5462;font-weight:800;margin-bottom:2px}
.block-stats div>strong{font-size:17px}
.block-stats small{font-size:10px}
.block-missing{font-size:13px;color:#5b5462;margin:14px 0 0}
.detail-note{font-size:11px;line-height:1.5;color:#5b5462;font-weight:750;margin:16px 2px 0}
@keyframes detail-rise{0%{opacity:0;transform:translateY(105%) scale(.97)}68%{opacity:1;transform:translateY(-10px) scale(1)}84%{transform:translateY(4px)}100%{transform:translateY(0)}}
@keyframes block-reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:620px){
  body.details-open .page,body.details-open .world{filter:blur(4px);transform:none}
  .day{min-height:198px}
  .detail-overlay{place-items:end center;padding:0}
  .detail-panel{width:100%;max-height:92dvh;border-radius:26px 26px 0 0;border-width:2px 0 0;box-shadow:0 -15px 60px #17131f52}
  .detail-grip{display:block;width:42px;height:5px;border-radius:99px;background:#211d2840;margin:9px auto 3px}
  .detail-header{padding:13px 18px 14px}
  .detail-header h2{font-size:30px}
  .detail-close{width:39px;height:39px}
  .detail-day-nav{grid-template-columns:39px minmax(0,1fr) 39px;gap:7px;padding:0 16px 14px}
  .detail-days{gap:6px}
  .detail-day{min-width:55px;padding:7px 10px}
  .detail-content{padding:0 16px calc(19px + env(safe-area-inset-bottom))}
  .detail-summary{padding:13px 14px}
  .detail-summary div>strong{font-size:16px}
  .time-blocks{grid-template-columns:1fr;gap:9px}
  .time-block{padding:14px}
  .block-stats{grid-template-columns:repeat(4,1fr);gap:6px}
  .block-stats div>strong{font-size:15px}
  .block-stats small{display:block;font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  .detail-overlay,.detail-panel,.time-block,.detail-content,.details-link span{animation:none!important;transition:none!important}
  .time-block{opacity:1}
}

/* Four-second Hosenorakel: 3.05 s calculation + .95 s verdict reveal. */
.oracle-stage{position:absolute;inset:0;isolation:isolate}
.oracle-pants{width:176px;height:176px;left:50%;top:7px;margin-left:-88px;z-index:4;transform-origin:50% 58%}
.pants-art{position:absolute;inset:0;z-index:3;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.pants-short{transform:scale(1)}
.pants-friendly{opacity:1}
.pants-thinking,.pants-surprised{opacity:0}
.pants-long{opacity:0;transform:scaleX(1.12) scaleY(.82);transform-origin:50% 24%}
.thinking-drop{position:absolute;z-index:7;right:13px;top:38px;font-size:19px;opacity:0}
.pant-extension{position:absolute;z-index:1;top:112px;width:45px;height:48px;border:3px solid #072c66;border-top:0;border-radius:0 0 15px 15px;background:linear-gradient(165deg,#1eb5f3,#0e7dd0);box-shadow:inset 8px 0 0 #42c8f633;transform-origin:50% 0;transform:scaleY(0);opacity:0}
.pant-extension:after{content:"";position:absolute;left:3px;right:3px;bottom:4px;height:7px;border-radius:0 0 8px 8px;border-top:3px solid #fff;background:#dff8ff}
.extension-l{left:29px}
.extension-r{right:29px}
.card.no .pant-extension{display:none}
.card.yes .pant-extension{transform:scaleY(0);opacity:0}
.oracle-ring{position:absolute;z-index:1;left:50%;top:50%;border-radius:50%;opacity:0;pointer-events:none}
.ring-a{width:220px;height:142px;margin:-76px 0 0 -110px;border:2px dashed #7357e8}
.ring-b{width:184px;height:116px;margin:-63px 0 0 -92px;border:2px solid #22a9ef66}
.oracle-factor{--delay:0ms;position:absolute;z-index:5;min-width:94px;display:flex;align-items:center;gap:7px;padding:7px 9px;border:1.5px solid var(--paper-line);border-radius:999px;background:#fff;box-shadow:3px 4px 0 var(--paper-shadow);opacity:0;transform:scale(.65);font-size:20px;white-space:nowrap}
.oracle-factor strong{font-size:10px;letter-spacing:.01em}
.factor-temp{--delay:160ms;--swallow-x:172px;--swallow-y:54px;left:6%;top:18px}
.factor-feels{--delay:710ms;--swallow-x:164px;--swallow-y:-52px;left:8%;bottom:20px}
.factor-rain{--delay:1260ms;--swallow-x:-172px;--swallow-y:54px;right:6%;top:18px}
.factor-wind{--delay:1810ms;--swallow-x:-164px;--swallow-y:-52px;right:8%;bottom:20px}
.oracle-spark{position:absolute;z-index:7;left:50%;top:50%;width:8px;height:26px;border-radius:99px;background:#ffd53e;opacity:0;transform-origin:50% 62px}
.spark-a{transform:translate(-4px,-64px) rotate(-55deg)}
.spark-b{transform:translate(-4px,-64px) rotate(0)}
.spark-c{transform:translate(-4px,-64px) rotate(55deg)}
.oracle-running .reason:after{content:none}
.locating .verdict{animation:pulse 1.2s ease-in-out infinite}
.oracle-running .oracle-ring{opacity:1}
.oracle-running .ring-a{animation:oracle-ring-spin 4s linear infinite}
.oracle-running .ring-b{animation:oracle-ring-breathe 1.1s ease-in-out infinite}
.oracle-running:not(.oracle-result) .oracle-factor{animation:oracle-factor-in .42s cubic-bezier(.2,.85,.25,1.35) var(--delay) both,oracle-factor-float .78s ease-in-out calc(var(--delay) + 420ms) infinite alternate}
.oracle-running:not(.oracle-result) .oracle-pants{animation:oracle-think 3.05s cubic-bezier(.45,0,.25,1) both}
.oracle-running:not(.oracle-result) .pants-friendly{animation:oracle-face-friendly 3.05s linear both}
.oracle-running:not(.oracle-result) .pants-thinking{animation:oracle-face-thinking 3.05s linear both}
.oracle-running:not(.oracle-result) .pants-surprised{animation:oracle-face-surprised 3.05s linear both}
.oracle-running:not(.oracle-result).oracle-borderline .extension-l{animation:oracle-question-left 3.05s ease-in-out both}
.oracle-running:not(.oracle-result).oracle-borderline .extension-r{animation:oracle-question-right 3.05s ease-in-out both}
.oracle-running:not(.oracle-result) .thinking-drop{animation:oracle-sweat 3.05s ease-in-out both}
.oracle-result .oracle-factor{animation:oracle-factor-swallow .34s ease-in both}
.oracle-result .oracle-ring{animation:oracle-ring-finish .45s ease-out both}
.oracle-result .verdict{animation:oracle-word .95s cubic-bezier(.18,.9,.28,1.28) both}
.oracle-result .reason{animation:oracle-copy .95s ease-out both}
.result-yes{background:var(--paper-yes)!important;animation:oracle-card-yes .95s ease-out both}
.result-no{background:var(--paper-no)!important;animation:oracle-card-no .95s ease-out both}
.result-yes .oracle-pants{animation:oracle-yes-dance .95s cubic-bezier(.18,.9,.28,1.25) both}
.result-no .oracle-pants{animation:oracle-no-settle .95s cubic-bezier(.2,.85,.28,1.2) both}
.result-yes .pant-extension{animation:oracle-zip-off .72s cubic-bezier(.3,.1,.5,1) both}
.result-yes .extension-r{animation-delay:60ms}
.result-yes .pants-friendly{animation:oracle-happy-in .34s ease-out both}
.result-yes .pants-surprised{animation:oracle-face-out .34s ease-out both}
.result-yes .pants-thinking,.result-yes .pants-long{opacity:0}
.result-no .pant-extension{display:none}
.result-no .pants-friendly,.result-no .pants-thinking{opacity:0}
.result-no .pants-surprised{animation:oracle-short-out .38s ease-in both}
.result-no .pants-long{animation:oracle-long-in .78s cubic-bezier(.2,.85,.28,1.18) both}
.oracle-result .oracle-spark{animation:oracle-spark .65s ease-out 100ms both}
.card.yes .oracle-pants{animation:shorts 3.8s ease-in-out infinite}
.card.no .oracle-pants{animation:none;transform:rotate(2deg)}
.card.yes .pants-friendly{opacity:1}.card.yes .pants-thinking,.card.yes .pants-surprised,.card.yes .pants-long{opacity:0}
.card.no .pants-friendly,.card.no .pants-thinking,.card.no .pants-surprised{opacity:0}.card.no .pants-long{opacity:1;transform:scaleX(1.16) scaleY(1)}
@keyframes oracle-factor-in{0%{opacity:0;transform:scale(.55) rotate(-7deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes oracle-factor-float{to{translate:0 -6px}}
@keyframes oracle-factor-swallow{0%{opacity:1;transform:translate(0,0) scale(1)}72%{opacity:1;transform:translate(var(--swallow-x),var(--swallow-y)) scale(.56)}100%{opacity:0;transform:translate(var(--swallow-x),var(--swallow-y)) scale(.1)}}
@keyframes oracle-ring-spin{to{transform:rotate(360deg)}}
@keyframes oracle-ring-breathe{50%{transform:scale(1.1);opacity:.42}}
@keyframes oracle-ring-finish{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.45)}}
@keyframes oracle-think{0%{opacity:0;transform:translateY(14px) rotate(-7deg) scale(.84)}12%{opacity:1;transform:translateY(0) rotate(-4deg) scale(1)}30%{transform:translateY(-5px) rotate(4deg)}44%{transform:translateY(0) rotate(-4deg)}58%{transform:translateY(-4px) rotate(3deg)}68%,72%,76%{transform:translateX(-3px) rotate(-2deg)}70%,74%,78%{transform:translateX(3px) rotate(2deg)}86%{transform:translateY(-8px) rotate(-5deg) scale(1.03)}100%{transform:translateY(1px) rotate(0) scale(1.05)}}
@keyframes oracle-face-friendly{0%,15%{opacity:1}22%,100%{opacity:0}}
@keyframes oracle-face-thinking{0%,15%{opacity:0}23%,65%{opacity:1}72%,100%{opacity:0}}
@keyframes oracle-face-surprised{0%,65%{opacity:0}73%,100%{opacity:1}}
@keyframes oracle-question-left{0%,74%{opacity:0;transform:scaleY(0)}82%{opacity:1;transform:scaleY(.92)}100%{opacity:1;transform:scaleY(.72)}}
@keyframes oracle-question-right{0%,78%{opacity:0;transform:scaleY(0)}88%{opacity:1;transform:scaleY(.42)}100%{opacity:1;transform:scaleY(.22)}}
@keyframes oracle-squint{0%,18%{height:11px;border-radius:50%}25%,84%{height:3px;border-radius:99px;transform:translateY(4px)}100%{height:7px}}
@keyframes oracle-sweat{0%,35%,100%{opacity:0;transform:translate(0,-4px)}43%,66%{opacity:1;transform:translate(4px,7px)}}
@keyframes oracle-word{0%{opacity:0;transform:translateY(20px) scale(.75)}48%{opacity:1;transform:translateY(-5px) scale(1.07)}72%{transform:translateY(2px) scale(.98)}100%{opacity:1;transform:none}}
@keyframes oracle-copy{0%,34%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:none}}
@keyframes oracle-card-yes{0%{box-shadow:10px 12px 0 var(--paper-shadow)}40%{box-shadow:10px 12px 0 #f6bd3138,0 0 0 9px #ffe25a4f}100%{box-shadow:10px 12px 0 var(--paper-shadow)}}
@keyframes oracle-card-no{0%{box-shadow:10px 12px 0 var(--paper-shadow)}44%{box-shadow:10px 12px 0 #548cd236,0 0 0 9px #acd6ff52}100%{box-shadow:10px 12px 0 var(--paper-shadow)}}
@keyframes oracle-yes-dance{0%{transform:translateY(0) rotate(0) scale(1.05)}30%{transform:translateY(-20px) rotate(-8deg) scale(1.08)}54%{transform:translateY(1px) rotate(7deg) scale(.97)}72%{transform:translateY(-8px) rotate(-4deg) scale(1.03)}100%{transform:translateY(0) rotate(-3deg) scale(1)}}
@keyframes oracle-no-settle{0%{transform:translateY(0) rotate(0) scale(1.05)}34%{transform:translateY(-7px) rotate(3deg) scale(1.03)}62%{transform:translateY(5px) rotate(-2deg) scale(.99)}100%{transform:translateY(0) rotate(2deg) scale(1)}}
@keyframes oracle-zip-off{0%{opacity:1;transform:scaleY(.72) translateY(0) rotate(0)}40%{opacity:1;transform:scaleY(.78) translateY(9px) rotate(0)}100%{opacity:0;transform:scaleY(.82) translateY(54px) rotate(-16deg)}}
.extension-r{--zip-rotate:16deg}
.result-yes .extension-r{animation-name:oracle-zip-off-right}
@keyframes oracle-zip-off-right{0%{opacity:1;transform:scaleY(.22) translateY(0) rotate(0)}40%{opacity:1;transform:scaleY(.55) translateY(9px) rotate(0)}100%{opacity:0;transform:scaleY(.8) translateY(54px) rotate(16deg)}}
@keyframes oracle-happy-in{0%{opacity:0;transform:scale(.92)}100%{opacity:1;transform:scale(1)}}
@keyframes oracle-face-out{0%{opacity:1}100%{opacity:0}}
@keyframes oracle-short-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scaleX(.88) scaleY(.72) translateY(-5px)}}
@keyframes oracle-long-in{0%{opacity:0;transform:scaleX(.88) scaleY(.58) translateY(-15px)}52%{opacity:1;transform:scaleX(1.2) scaleY(1.06) translateY(2px)}76%{transform:scaleX(1.13) scaleY(.96)}100%{opacity:1;transform:scaleX(1.16) scaleY(1)}}
@keyframes oracle-spark{0%{opacity:0;scale:.4}25%{opacity:1;scale:1}100%{opacity:0;translate:0 -24px;scale:.7}}
@keyframes shorts{50%{transform:translateY(-6px) rotate(3deg)}}
@media(max-width:620px){
  .oracle-pants{width:158px;height:158px;top:1px;margin-left:-79px;transform-origin:50% 58%}
  .oracle-factor{min-width:76px;padding:5px 7px;gap:4px;font-size:16px}
  .oracle-factor strong{font-size:9px}
  .factor-temp{--swallow-x:108px;--swallow-y:45px;left:3%;top:10px}.factor-feels{--swallow-x:105px;--swallow-y:-42px;left:3%;bottom:10px}.factor-rain{--swallow-x:-108px;--swallow-y:45px;right:3%;top:10px}.factor-wind{--swallow-x:-105px;--swallow-y:-42px;right:3%;bottom:10px}
  .ring-a{width:198px;height:126px;margin:-67px 0 0 -99px}.ring-b{width:166px;height:104px;margin:-56px 0 0 -83px}
  .pant-extension{top:101px;width:40px;height:43px}.extension-l{left:27px}.extension-r{right:27px}
  .conf{width:7px;height:12px}
}
@media(prefers-reduced-motion:reduce){
  .oracle-stage *,.oracle-result,.card.yes .oracle-pants{animation:none!important;transition:none!important}
  .oracle-running .oracle-factor{opacity:1;transform:none}
  .oracle-running .oracle-ring{opacity:.35}
  .result-yes .pant-extension,.card.yes .pant-extension{opacity:0;transform:scaleY(0)}
  .result-no .pant-extension,.card.no .pant-extension{display:none}
  .result-yes .pants-friendly,.card.yes .pants-friendly{opacity:1}
  .result-yes .pants-thinking,.result-yes .pants-surprised,.result-yes .pants-long,.card.yes .pants-thinking,.card.yes .pants-surprised,.card.yes .pants-long{opacity:0}
  .result-no .pants-friendly,.result-no .pants-thinking,.result-no .pants-surprised,.card.no .pants-friendly,.card.no .pants-thinking,.card.no .pants-surprised{opacity:0}
  .result-no .pants-long,.card.no .pants-long{opacity:1;transform:scaleX(1.16) scaleY(1)}
}

/* Hosecontent hub. */
footer a{color:inherit;font-weight:900;text-underline-offset:3px}
.content-body{min-height:100vh}
.content-page{padding-bottom:40px}
.content-topbar{margin-bottom:46px}
.content-back{display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--paper-line);border-radius:999px;background:var(--paper);box-shadow:3px 4px 0 var(--paper-shadow);padding:10px 15px;color:var(--ink);font-size:13px;font-weight:950;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}
.content-back:hover,.content-back:focus-visible{transform:translateY(-2px);box-shadow:5px 6px 0 var(--paper-shadow)}
.content-hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:52px;align-items:center;min-height:400px;margin-bottom:66px}
.content-hero-copy h1{margin:0;font-size:clamp(70px,10vw,132px);line-height:.8;letter-spacing:-.075em;font-weight:1000}
.content-hero-copy>p:last-child{max-width:680px;margin:25px 0 0;font-size:20px;line-height:1.55;font-weight:720;color:#202b33d1}
.content-mascot{position:relative;min-height:290px;display:grid;place-items:center;background:var(--paper-yes);border:2px solid var(--paper-line);border-radius:34px;box-shadow:10px 12px 0 var(--paper-shadow);transform:rotate(2deg)}
.content-mascot img{display:block;width:min(245px,90%);height:auto;filter:drop-shadow(0 15px 14px #493b772c);transform:rotate(-4deg)}
.content-mascot span{position:absolute;right:-13px;top:21px;z-index:2;border:2px solid var(--paper-line);border-radius:999px;background:#ffd84f;padding:8px 11px;font-size:11px;font-weight:1000;letter-spacing:.08em;transform:rotate(7deg)}
.content-library{margin:0 0 58px;background:var(--paper);border:2px solid var(--paper-line);border-radius:28px;box-shadow:7px 8px 0 var(--paper-shadow);padding:27px}
.content-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}
.content-heading .ey{margin:0 0 4px}
.content-heading h2{margin:0;font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:-.05em}
.content-heading>span{font-size:12px;font-weight:850;color:#4d4656}
.content-empty{display:flex;align-items:center;gap:20px;border:2px dashed #211d2840;border-radius:20px;background:#fff;padding:28px}
.content-empty>span{font-size:48px}
.content-empty h3{margin:0 0 6px;font-size:22px}
.content-empty p{margin:0;max-width:650px;color:#4d4656;font-weight:680;line-height:1.55}
@media(max-width:760px){
  .content-topbar{margin-bottom:34px}
  .content-hero{grid-template-columns:1fr;gap:28px;margin-bottom:48px}
  .content-mascot{min-height:235px;width:min(310px,100%);justify-self:center}
  .content-mascot img{width:205px}
  .content-heading{align-items:flex-start;flex-direction:column;gap:8px}
}
@media(max-width:620px){
  .content-topbar .logo{width:min(190px,calc(100vw - 170px))}
  .content-back{padding:8px 10px;font-size:11px}
  .content-hero{min-height:0}
  .content-hero-copy h1{font-size:68px}
  .content-hero-copy>p:last-child{font-size:17px;margin-top:20px}
  .content-library{padding:20px;box-shadow:5px 6px 0 var(--paper-shadow)}
  .content-empty{align-items:flex-start;padding:20px;gap:13px}
  .content-empty>span{font-size:37px}
}

/* Hosecontent cards and long-form articles. */
.content-article-card{display:grid;grid-template-columns:250px minmax(0,1fr);overflow:hidden;border:2px solid var(--paper-line);border-radius:22px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:4px 5px 0 var(--paper-shadow);transition:transform .18s ease,box-shadow .18s ease}
.content-article-card:hover,.content-article-card:focus-visible{transform:translateY(-3px);box-shadow:7px 9px 0 var(--paper-shadow)}
.content-article-visual{position:relative;display:grid;place-items:center;min-height:260px;background:var(--paper-yes);border-right:2px solid var(--paper-line);overflow:hidden}
.content-article-visual img{display:block;width:205px;height:205px;object-fit:contain;filter:drop-shadow(0 13px 12px #493b772c);transform:rotate(-4deg);transition:transform .22s ease}
.content-article-card:hover .content-article-visual img{transform:rotate(1deg) scale(1.035)}
.content-article-visual span{position:absolute;left:14px;top:14px;border:2px solid var(--paper-line);border-radius:999px;background:#ffd84f;padding:7px 9px;font-size:10px;font-weight:1000;letter-spacing:.07em}
.content-article-copy{align-self:center;padding:28px 31px}
.content-article-copy .ey{margin:0 0 7px}
.content-article-copy h3{max-width:760px;margin:0;font-size:clamp(27px,4vw,46px);line-height:1.02;letter-spacing:-.045em}
.content-article-copy>p:not(.ey){max-width:700px;margin:14px 0 19px;color:#4d4656;font-size:16px;font-weight:680;line-height:1.58}
.content-article-copy>strong{font-size:13px;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.content-article-copy>strong span{display:inline-block;transition:transform .18s ease}
.content-article-card:hover .content-article-copy>strong span{transform:translateX(4px)}

.article-page{width:min(1180px,calc(100% - 36px))}
.breadcrumbs{display:flex;align-items:center;gap:8px;overflow:hidden;margin:-15px 0 18px;color:#36434d;font-size:12px;font-weight:800;white-space:nowrap}
.breadcrumbs a{color:inherit;text-underline-offset:3px}
.breadcrumbs>span:last-child{overflow:hidden;text-overflow:ellipsis}
.article-card{overflow:hidden;margin-bottom:38px;border:2px solid var(--paper-line);border-radius:30px;background:var(--paper);box-shadow:9px 11px 0 var(--paper-shadow)}
.article-hero{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:40px;align-items:center;padding:58px 62px 47px;background:linear-gradient(145deg,var(--paper),var(--paper-yes));border-bottom:2px solid var(--paper-line)}
.article-hero-copy h1{max-width:800px;margin:0;font-size:clamp(48px,7vw,82px);line-height:.94;letter-spacing:-.06em;font-weight:1000}
.article-lead{max-width:770px;margin:23px 0 0;color:#37313d;font-size:20px;line-height:1.55;font-weight:720}
.article-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;color:#4d4656;font-size:12px;font-weight:850}
.article-meta span+span:before{content:"·";margin-right:18px}
.article-mascot{position:relative;margin:0;text-align:center}
.article-mascot img{display:block;width:min(270px,100%);height:auto;margin:auto;filter:drop-shadow(0 18px 15px #493b772c);transform:rotate(3deg)}
.article-mascot figcaption{display:inline-block;margin-top:-4px;border:1.5px solid var(--paper-line);border-radius:999px;background:#fff;padding:7px 10px;font-size:10px;font-weight:900;transform:rotate(-2deg)}
.article-layout{display:grid;grid-template-columns:220px minmax(0,750px);justify-content:center;gap:52px;padding:52px 62px 68px}
.article-toc{position:sticky;top:24px;align-self:start;border:1.5px solid var(--paper-line);border-radius:18px;background:#fff;padding:18px;box-shadow:3px 4px 0 var(--paper-shadow)}
.article-toc .ey{margin:0 0 10px}
.article-toc ol{display:grid;gap:9px;margin:0;padding-left:20px;color:#4d4656;font-size:12px;font-weight:800;line-height:1.35}
.article-toc a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
.article-content{min-width:0;font-size:18px;line-height:1.75}
.article-content>p{margin:0 0 23px}
.article-content h2{scroll-margin-top:24px;margin:56px 0 17px;font-size:clamp(29px,4vw,43px);line-height:1.04;letter-spacing:-.045em}
.article-content a{color:#075b9a;font-weight:750;text-decoration-thickness:1.5px;text-underline-offset:3px}
.article-content ul{display:grid;gap:9px;margin:0 0 26px;padding-left:25px}
.article-content blockquote{margin:31px 0;padding:20px 23px;border:2px solid var(--paper-line);border-radius:18px;background:var(--paper-yes);box-shadow:4px 5px 0 var(--paper-shadow);font-size:clamp(22px,3vw,31px);line-height:1.22;font-weight:950;letter-spacing:-.025em}
.article-summary{margin:31px 0;padding:21px 23px;border:2px solid var(--paper-line);border-radius:18px;background:var(--paper-lilac)}
.article-summary strong{display:block;margin-bottom:6px;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.article-summary p{margin:0;font-size:16px;line-height:1.62;font-weight:680}
.article-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:55px 0;padding:27px 29px;border:2px solid var(--paper-line);border-radius:22px;background:var(--paper-yes);box-shadow:5px 6px 0 var(--paper-shadow)}
.article-cta .ey{margin:0 0 4px}
.article-cta h2{margin:0;font-size:clamp(29px,4vw,42px)}
.article-cta p:not(.ey){max-width:520px;margin:9px 0 0;font-size:15px;line-height:1.5;font-weight:680}
.article-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:#fff!important;text-decoration:none!important;white-space:nowrap}
.article-faq{scroll-margin-top:24px;margin-top:54px}
.article-faq>.ey{margin:0 0 5px}
.article-faq>h2{margin:0 0 19px}
.article-faq details{margin:10px 0;border:1.5px solid var(--paper-line);border-radius:16px;background:#fff}
.article-faq summary{position:relative;padding:17px 48px 17px 18px;font-size:16px;font-weight:900;cursor:pointer;list-style:none}
.article-faq summary::-webkit-details-marker{display:none}
.article-faq summary:after{content:"+";position:absolute;right:17px;top:50%;translate:0 -50%;font-size:24px;line-height:1}
.article-faq details[open] summary:after{content:"−"}
.article-faq details p{margin:0;padding:0 18px 18px;color:#4d4656;font-size:15px;line-height:1.6;font-weight:650}
.article-sources{margin-top:55px;padding-top:28px;border-top:1px solid #211d2833}
.article-sources h2{margin:0 0 12px;font-size:23px;letter-spacing:-.025em}
.article-sources ul{gap:6px;margin:0;color:#4d4656;font-size:13px;line-height:1.5}
.article-sources a{font-weight:700}

@media(max-width:860px){
  .content-article-card{grid-template-columns:210px minmax(0,1fr)}
  .content-article-visual{min-height:235px}
  .content-article-visual img{width:175px;height:175px}
  .article-hero{grid-template-columns:minmax(0,1fr) 230px;padding:46px 40px 39px}
  .article-layout{grid-template-columns:1fr;padding:43px 40px 56px}
  .article-toc{position:static;display:none}
}
@media(max-width:620px){
  .content-article-card{grid-template-columns:1fr}
  .content-article-visual{min-height:200px;border-right:0;border-bottom:2px solid var(--paper-line)}
  .content-article-visual img{width:170px;height:170px}
  .content-article-copy{padding:22px 20px 24px}
  .content-article-copy h3{font-size:29px}
  .content-article-copy>p:not(.ey){font-size:14px}
  .article-page{width:calc(100% - 20px)}
  .breadcrumbs{margin-top:-8px}
  .article-card{border-radius:23px;box-shadow:6px 7px 0 var(--paper-shadow)}
  .article-hero{grid-template-columns:1fr;gap:20px;padding:35px 20px 28px}
  .article-hero-copy h1{font-size:43px;line-height:.97}
  .article-lead{font-size:17px;margin-top:17px}
  .article-meta{margin-top:18px}
  .article-meta span+span:before{content:none;margin:0}
  .article-mascot img{width:180px}
  .article-mascot figcaption{font-size:9px}
  .article-layout{padding:29px 20px 42px}
  .article-content{font-size:16px;line-height:1.72}
  .article-content>p{margin-bottom:20px}
  .article-content h2{margin-top:43px;font-size:30px}
  .article-content blockquote{padding:17px 18px;font-size:22px}
  .article-summary{padding:18px}
  .article-summary p{font-size:14px}
  .article-cta{align-items:stretch;flex-direction:column;margin:44px 0;padding:21px}
  .article-button{width:100%}
}