/* What's on page (/whats-on). Sheet styles come from class-page.css (cp-*). */
.wo-hero{background:var(--pul);padding:48px 40px 36px;}
.wo-hero-in{max-width:1120px;margin:0 auto;}
.wo-hero .eyebrow{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--pu);margin-bottom:8px;}
.wo-hero h1{font-family:'Baloo 2',sans-serif;font-size:clamp(30px,5vw,46px);line-height:1.08;color:var(--nv);margin:0 0 10px;}
.wo-hero h1 em{font-style:normal;color:var(--pu);}
.wo-hero .sub{max-width:680px;font-size:16.5px;line-height:1.6;color:#4a5060;margin:0;}
.wo-filters{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--bd);padding:12px 40px;display:grid;gap:8px;}
.wo-row{max-width:1120px;width:100%;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;}
.wo-lab{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8a8fa0;min-width:44px;}
.wo-chips{display:flex;flex-wrap:wrap;gap:6px;}
.wo-chips button{border:1.5px solid var(--bd);background:#fff;border-radius:999px;padding:6px 13px;font-family:'Nunito',sans-serif;font-weight:700;font-size:13.5px;color:var(--nv);cursor:pointer;}
.wo-chips button.on{background:var(--nv);border-color:var(--nv);color:#fff;}
.wo-tagfilter{margin-left:auto;}
#woAge{border:1.5px solid var(--bd);border-radius:999px;padding:6px 12px;font-family:'Nunito',sans-serif;font-weight:700;font-size:13.5px;color:var(--nv);background:#fff;}
.wo-main{max-width:1120px;margin:0 auto;padding:22px 40px 60px;}
.wo-count{font-weight:800;color:#5b6274;margin:0 0 14px;}
.wo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;}
.wo-card{background:#fff;border:1.5px solid var(--bd);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:7px;scroll-margin-top:140px;}
.wo-card:target{border-color:var(--pu);box-shadow:0 0 0 3px var(--pul);}
.wo-top{display:flex;justify-content:space-between;align-items:center;gap:8px;}
.wo-when{font-size:12.5px;font-weight:800;color:var(--pu);}
.wo-region{font-size:11.5px;font-weight:800;background:var(--pg);color:var(--sk);border-radius:999px;padding:2px 9px;}
.wo-card h3{font-family:'Baloo 2',sans-serif;font-size:20px;line-height:1.2;color:var(--nv);margin:2px 0 2px;}
.wo-meta{display:flex;gap:7px;align-items:flex-start;font-size:14px;color:#4a5060;line-height:1.45;}
.wo-meta .ti{color:#8a8fa0;font-size:16px;margin-top:2px;}
.wo-desc{font-size:14px;line-height:1.55;color:#5b6274;margin:2px 0 0;}
.wo-tags{display:flex;flex-wrap:wrap;gap:6px;}
.wo-tag{font-size:12px;font-weight:800;border-radius:999px;padding:3px 10px;background:var(--pg);color:var(--nv);}
.wo-tag--free{background:#DDF4E7;color:#1D6B43;}.wo-tag--rainy{background:#E3F1FA;color:#2D5F86;}.wo-tag--nd{background:#ECE7FB;color:#4C40B0;}.wo-tag--book{background:#FBEBDD;color:#8E5527;}
.wo-acts{margin-top:auto;padding-top:8px;display:grid;gap:8px;}
.wo-acts .lp-btn{--cat:var(--pu);padding:12px 14px;font-size:14.5px;}
.wo-links{display:flex;gap:16px;justify-content:center;order:2;}
.wo-links a{font-weight:800;font-size:13.5px;color:var(--sk);display:inline-flex;align-items:center;gap:4px;}
.wo-guides{margin-top:44px;background:var(--pg);border-radius:20px;padding:22px 24px;}
.wo-guides h2{font-family:'Baloo 2',sans-serif;font-size:24px;color:var(--nv);margin:0 0 4px;}
.wo-guides .muted{color:#5b6274;margin:0 0 14px;}
.wo-guide-list{display:grid;gap:10px;}
.wo-guide{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border-radius:14px;padding:12px 16px;}
.wo-guide b{display:block;font-family:'Baloo 2',sans-serif;font-size:18px;color:var(--nv);}
.wo-guide span{font-size:13.5px;color:#5b6274;}
.wo-guide-acts{display:flex;gap:14px;align-items:center;}
.wo-guide-acts a{font-weight:800;font-size:14px;color:var(--sk);}
.wo-pdf{background:var(--nv);color:#fff!important;border-radius:999px;padding:8px 14px;display:inline-flex;gap:6px;align-items:center;text-decoration:none;}
@media(max-width:760px){.wo-hero{padding:32px 20px 24px;}.wo-filters{padding:10px 16px;}.wo-main{padding:16px 16px 60px;}.wo-tagfilter{margin-left:0;}.wo-filters .wo-row{flex-wrap:nowrap;overflow-x:auto;}.wo-chips{flex-wrap:nowrap;}.wo-chips button{white-space:nowrap;}}