/* The Epic of Banana-Man™ — kids' site styles (hand-rolled, no frameworks) */
:root{
  --banana:#FFD23F; --banana-deep:#F5B301; --cape:#7B2CBF; --cape-dark:#5A189A;
  --ink:#2B2118; --paper:#FFF7E6; --card:#FFFFFF; --red:#E63946; --pink:#FF8FAB;
  --sky:#8ED8FF; --sky-soft:#E3F4FF; --green:#3BB273; --line:#EAD9AE;
  --shadow:0 8px 22px rgba(120,72,0,.16);
}
*{box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
html{scroll-behavior:smooth;}
html,body{margin:0; padding:0;}
body{
  font-family:"Comic Sans MS","Chalkboard SE","Segoe UI Rounded",ui-rounded,system-ui,-apple-system,sans-serif;
  background:var(--paper); color:var(--ink); font-size:18px; line-height:1.45;
}
img{max-width:100%; height:auto;}
a{color:var(--cape-dark);}
.wrap{max-width:1080px; margin:0 auto; padding:0 16px;}
h1{font-size:clamp(27px,6vw,44px); line-height:1.12; color:#4A2C00; margin:.2em 0 .3em;}
h2{font-size:clamp(23px,4.6vw,32px); color:#4A2C00; margin:0 0 10px;}
h3{font-size:clamp(19px,3.6vw,23px); color:#4A2C00; margin:0 0 6px;}
p{margin:0 0 12px;}
.center{text-align:center;}
.dim{color:#7a6238;}
.small{font-size:15px;}

/* ---------- header ---------- */
.site-head{background:linear-gradient(180deg,#FFE066,var(--banana)); border-bottom:4px solid var(--banana-deep); position:sticky; top:0; z-index:50;}
.head-in{max-width:1080px; margin:0 auto; padding:8px 12px 10px; display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
.logo{display:flex; align-items:center; gap:11px; text-decoration:none; color:#4A2C00; margin-right:auto;}
.logo-badge{display:inline-flex; flex:0 0 auto; width:62px; height:62px; border-radius:50%; background:#FFFDF4; padding:3px; box-shadow:0 0 0 3px var(--banana-deep), 0 6px 14px rgba(120,72,0,.32);}
.logo-badge img{width:100%; height:100%; border-radius:50%; object-fit:cover; display:block;}
.wm{display:flex; flex-direction:column; line-height:1;}
.wm-top{font-size:12.5px; font-weight:800; letter-spacing:3.2px; text-transform:uppercase; color:#8a5a00;}
.wm-main{font-size:29px; font-weight:900; letter-spacing:.2px; color:#4A2C00; margin-top:2px; white-space:nowrap;}
.wm-main sup{font-size:.42em; font-weight:800; margin-left:1px;}
.wm-tag{font-size:11.5px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase; color:#7a5600; margin-top:4px;}
.main-nav{display:flex; flex-wrap:wrap; gap:6px;}
.main-nav a{
  text-decoration:none; font-weight:700; font-size:16px; color:#4A2C00;
  background:rgba(255,255,255,.65); border:2px solid rgba(255,255,255,.9); border-radius:999px;
  padding:9px 13px; min-height:44px; display:inline-flex; align-items:center;
}
.main-nav a:active{transform:scale(.96);}
.main-nav a.here{background:var(--cape); color:#fff; border-color:var(--cape);}

/* ---------- hero / mascot ---------- */
.hero{background:linear-gradient(180deg,#FFF3C4, var(--paper)); border-bottom:4px dashed var(--line);}
.hero-in{max-width:1080px; margin:0 auto; padding:18px 16px 22px; display:grid; gap:18px; align-items:center;}
@media(min-width:1024px){ .hero-in{grid-template-columns: 1fr 400px;} }
.hero-copy .tagline{font-size:clamp(17px,3vw,21px); color:#5c4303; max-width:34em;}
.countdown-chip{
  display:none; margin:0 0 12px; background:#2B2118; color:#FFE066; font-weight:800;
  padding:10px 16px; border-radius:999px; font-size:17px; width:fit-content;
}
.countdown-chip.show{display:inline-block;}
.mascot-zone{position:relative; text-align:center;}
.mascot-frame{
  position:relative; overflow:hidden; width:min(320px,78vw); aspect-ratio:3/3.4; margin:26px auto 0;
  border-radius:46% 46% 26px 26px / 34% 34% 26px 26px; border:6px solid #fff;
  box-shadow:0 14px 34px rgba(120,72,0,.28); background:var(--sky-soft); cursor:pointer;
}
.mascot-frame img{width:100%; height:100%; object-fit:cover; object-position:50% 0%; display:block;
  animation:mascot-bob 3.4s ease-in-out infinite; transform-origin:50% 92%;}
@keyframes mascot-bob{0%,100%{transform:translateY(0) rotate(-1.3deg) scale(1.045)}50%{transform:translateY(-11px) rotate(1.3deg) scale(1.045)}}
.mascot-frame.wave img{animation:mascot-wave 1.5s ease-in-out 1;}
@keyframes mascot-wave{0%{transform:rotate(0) scale(1.045)}20%{transform:rotate(-7deg) scale(1.045)}45%{transform:rotate(6deg) scale(1.045)}70%{transform:rotate(-5deg) scale(1.045)}100%{transform:rotate(0) scale(1.045)}}
.mascot-frame.jump img{animation:mascot-jump .85s ease-in-out 1;}
@keyframes mascot-jump{0%{transform:translateY(0) rotate(0) scale(1.045)}38%{transform:translateY(-38px) rotate(170deg) scale(1.045)}68%{transform:translateY(-38px) rotate(350deg) scale(1.045)}100%{transform:translateY(0) rotate(360deg) scale(1.045)}}
.mascot-bubble{
  position:absolute; left:50%; top:-8px; transform:translate(-50%,-100%) scale(.6); opacity:0; pointer-events:none;
  background:#fff; border:3px solid var(--banana-deep); color:#4A2C00; font-weight:700; font-size:17px;
  border-radius:18px; padding:10px 14px; width:max-content; max-width:86vw; box-shadow:var(--shadow);
  transition:transform .18s ease, opacity .18s ease; z-index:3;
}
.mascot-bubble::after{content:""; position:absolute; left:50%; bottom:-13px; transform:translateX(-50%);
  border:7px solid transparent; border-top:9px solid var(--banana-deep);}
.mascot-bubble.show{opacity:1; transform:translate(-50%,-100%) scale(1);}
.mascot-hint{font-size:14px; color:#7a6238; margin-top:8px;}
.speak-toggle{
  font:inherit; font-weight:700; font-size:15px; cursor:pointer; border-radius:999px; min-height:44px;
  padding:8px 16px; border:3px solid var(--line); background:#fff; color:#4A2C00;
}
.speak-toggle[aria-pressed="true"]{background:var(--green); border-color:var(--green); color:#fff;}

/* ---------- doors & cards ---------- */
main{max-width:1080px; margin:0 auto; padding:20px 16px 10px;}
section{margin:0 0 34px;}
.doors{display:grid; grid-template-columns:repeat(2,1fr); gap:12px;}
@media(min-width:760px){ .doors{grid-template-columns:repeat(4,1fr);} }
.door{
  text-decoration:none; color:var(--ink); background:var(--card); border:4px solid var(--line);
  border-radius:24px; padding:14px 10px 12px; text-align:center; box-shadow:var(--shadow);
  display:flex; flex-direction:column; align-items:center; gap:6px; min-height:150px; justify-content:center;
}
.door:active{transform:scale(.97);}
.door .door-emoji{font-size:46px; line-height:1;}
.door .door-word{font-size:clamp(20px,4.4vw,26px); font-weight:800; color:#4A2C00;}
.door .door-sub{font-size:14px; color:#7a6238; font-weight:700;}
.door.read{border-color:#FFB703;} .door.watch{border-color:var(--red);}
.door.play{border-color:var(--green);} .door.color{border-color:var(--cape);}
.cards{display:grid; gap:14px; grid-template-columns:1fr;}
@media(min-width:640px){ .cards{grid-template-columns:repeat(2,1fr);} }
@media(min-width:980px){ .cards.c3{grid-template-columns:repeat(3,1fr);} .cards.c4{grid-template-columns:repeat(4,1fr);} }
.card{background:var(--card); border:3px solid var(--line); border-radius:22px; overflow:hidden; box-shadow:var(--shadow); display:flex; flex-direction:column;}
.card .card-img{width:100%; aspect-ratio:16/10; object-fit:cover; display:block; background:var(--sky-soft);}
.card .card-img.tall{aspect-ratio:4/3.4; object-position:50% 8%;}
.card .card-body{padding:14px 16px 16px; display:flex; flex-direction:column; gap:6px; flex:1;}
.card .card-body p{margin:0; font-size:16px;}
.badge{display:inline-block; background:var(--red); color:#fff; font-weight:800; font-size:13px; border-radius:999px; padding:3px 10px; width:fit-content;}
.badge.soon{background:var(--cape);} .badge.new{background:var(--green);}
.price{font-weight:800; color:#4A2C00; font-size:19px;}
.btn{
  font:inherit; font-weight:800; font-size:17px; cursor:pointer; border-radius:999px; padding:13px 22px;
  border:3px solid var(--banana-deep); background:var(--banana); color:#4A2C00; min-height:56px;
  text-decoration:none; display:inline-flex; align-items:center; justify-content:center; text-align:center; margin-top:auto;
}
.btn:active{transform:scale(.97);}
.btn.purple{background:var(--cape); border-color:var(--cape); color:#fff;}
.btn.green{background:var(--green); border-color:var(--green); color:#fff;}
.btn.ghost{background:#fff;}
.btn:disabled{opacity:.45; cursor:default;}

/* joke of the day */
.jotd{background:linear-gradient(180deg,#FFF,#FFF9E8); border:3px dashed var(--banana-deep); border-radius:22px; padding:16px 18px; box-shadow:var(--shadow);}
.jotd .jotd-label{font-weight:800; color:#B97E00; font-size:15px; letter-spacing:.4px; text-transform:uppercase;}
.jotd .jotd-q{font-size:clamp(19px,4vw,23px); font-weight:700; color:#4A2C00; margin:6px 0 4px;}
.jotd .jotd-a{font-size:clamp(17px,3.6vw,20px); color:var(--cape-dark); font-weight:700;}

/* video facades */
.facade{position:relative; border-radius:18px; overflow:hidden; cursor:pointer; border:3px solid var(--line); background:#000;}
.facade img{width:100%; aspect-ratio:16/9; object-fit:cover; display:block; opacity:.92;}
.facade .play-badge{
  position:absolute; inset:0; display:grid; place-items:center; font-size:64px; color:#fff;
  text-shadow:0 4px 18px rgba(0,0,0,.55);
}
.facade .play-badge span{background:rgba(230,57,70,.92); border-radius:20px; padding:2px 26px 8px; display:inline-block;}
.facade iframe{width:100%; aspect-ratio:16/9; border:0; display:block;}

/* characters */
.char-grid{display:grid; gap:14px; grid-template-columns:repeat(2,1fr);}
@media(min-width:900px){ .char-grid{grid-template-columns:repeat(4,1fr);} }
.char-card{background:#fff; border:3px solid var(--line); border-radius:22px; overflow:hidden; text-align:center; box-shadow:var(--shadow); padding-bottom:12px;}
.char-card img{width:100%; aspect-ratio:1; object-fit:cover; display:block;}
.char-card h3{margin-top:10px;}
.char-card p{font-size:15px; padding:0 12px; margin:0;}
.avatar-row{display:flex; gap:12px; justify-content:center; flex-wrap:wrap;}
.avatar-row a{text-decoration:none; color:var(--ink); text-align:center; font-weight:700; font-size:15px;}
.avatar-row img{width:92px; height:92px; border-radius:50%; object-fit:cover; border:4px solid var(--banana); display:block; margin:0 auto 4px;}

/* chat / joke machine shared */
.chat-box{background:#fff; border:3px solid var(--line); border-radius:22px; box-shadow:var(--shadow); padding:14px; }
.chat-log{display:flex; flex-direction:column; gap:10px; min-height:200px;}
.bubble-row{display:flex; gap:9px; align-items:flex-end;}
.bubble-row .mini-av{width:44px; height:44px; border-radius:50%; object-fit:cover; border:3px solid var(--banana); flex:0 0 auto; background:#fff;}
.bubble{
  background:var(--sky-soft); border:2px solid #BEE6FF; border-radius:18px 18px 18px 6px;
  padding:11px 14px; font-size:18px; max-width:82%; width:fit-content; color:var(--ink);
}
.bubble.punch{background:#FFF0B8; border-color:var(--banana-deep); font-weight:700;}
.bubble.me{background:#EFE6FB; border-color:#D6BCFA; border-radius:18px 18px 6px 18px; margin-left:auto;}
.bubble-row.me{flex-direction:row-reverse;}
.typing span{display:inline-block; width:8px; height:8px; border-radius:50%; background:#7a6238; margin-right:3px; animation:ty 1s infinite;}
.typing span:nth-child(2){animation-delay:.15s} .typing span:nth-child(3){animation-delay:.3s}
@keyframes ty{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-5px)}}
.chat-actions{display:flex; flex-wrap:wrap; gap:10px; margin-top:14px;}
.chip-btn{
  font:inherit; font-weight:800; font-size:16px; cursor:pointer; border-radius:999px; padding:11px 17px; min-height:52px;
  border:3px solid var(--line); background:#FFF3D6; color:#4A2C00;
}
.chip-btn:active{transform:scale(.96);}
.chip-btn.on{background:var(--cape); border-color:var(--cape); color:#fff;}
.big-btn{
  font:inherit; font-weight:800; font-size:20px; cursor:pointer; border-radius:999px; padding:15px 26px; min-height:60px;
  border:3px solid var(--cape); background:var(--cape); color:#fff; box-shadow:var(--shadow);
}
.big-btn:active{transform:scale(.97);}
.big-btn.banana-btn{background:var(--banana); border-color:var(--banana-deep); color:#4A2C00;}

/* footer */
.site-foot{background:#2B2118; color:#FFE9B0; margin-top:26px;}
.foot-in{max-width:1080px; margin:0 auto; padding:22px 16px 26px; text-align:center;}
.foot-in a{color:#FFD23F; font-weight:700;}
.foot-nav{display:flex; flex-wrap:wrap; gap:8px 16px; justify-content:center; margin:10px 0;}
.foot-nav a{text-decoration:none; font-size:16px;}
.foot-brand{display:flex; align-items:center; justify-content:center; gap:11px; margin-bottom:8px; text-align:left;}
.foot-badge{width:52px; height:52px;}
.foot-wm .wm-top{color:#E8A90C;}
.foot-wm .wm-main{color:#FFF3C4; font-size:25px;}

/* printables (color page) */
.pages{display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin:4px 0 14px;}
.page-btn{font:inherit; cursor:pointer; background:var(--card); border:3px solid var(--line); border-radius:18px; padding:8px 8px 6px; width:160px; color:var(--ink);}
.page-btn img{width:100%; height:auto; display:block; border-radius:10px; background:#fff;}
.page-btn span{display:block; font-weight:700; font-size:15px; padding-top:6px;}
.page-btn[aria-pressed="true"]{border-color:var(--cape); transform:scale(1.04); box-shadow:0 6px 16px rgba(123,44,191,.25);}
.stage{position:relative; background:#fff; border:4px solid var(--line); border-radius:22px; overflow:hidden; box-shadow:var(--shadow);}
.stage .big{width:100%; height:auto; display:block;}
.stage .empty{padding:40px 20px; text-align:center; font-size:18px; font-weight:700; color:#6b4e00;}
.ad{position:absolute; inset:0; background:rgba(255,247,230,.97); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:22px 18px; text-align:center;}
.ad[hidden]{display:none;}
.ad img{width:min(230px,60%); height:auto; border-radius:14px; border:3px solid #fff; box-shadow:0 8px 22px rgba(120,72,0,.28);}
.ad p{margin:0; font-size:clamp(16px,3.4vw,20px); font-weight:700; color:#4A2C00; max-width:30em;}
.locked-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(96px,1fr)); gap:10px;}
.locked-item{margin:0; background:#fff; border:2px solid var(--line); border-radius:12px; padding:5px; text-align:center;}
.locked-item img{width:100%; height:auto; display:block; border-radius:7px; opacity:.85;}
.locked-item figcaption{font-size:12.5px; font-weight:700; color:#7a6238; padding-top:3px;}
.actions{display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:14px;}

/* calendar */
.cal-month{background:#fff; border:3px solid var(--line); border-radius:22px; box-shadow:var(--shadow); padding:16px; margin-bottom:20px;}
.cal-head{display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:10px;}
.cal-head img{width:74px; height:74px; border-radius:16px; object-fit:cover; object-position:22% 15%; border:3px solid var(--banana);}
.cal-grid{width:100%; border-collapse:collapse; table-layout:fixed;}
.cal-grid th{background:var(--banana); color:#4A2C00; font-size:14px; padding:6px 2px; border:2px solid var(--line);}
.cal-grid td{border:2px solid var(--line); height:64px; vertical-align:top; padding:4px 6px; font-weight:700; color:#4A2C00; background:#FFFDF6;}
.cal-grid td.blank{background:#FBF3DC;}
.cal-grid td.today{background:#FFE9A8; outline:3px solid var(--banana-deep); outline-offset:-3px;}
.cal-prompt{font-size:14px; color:var(--cape-dark); font-weight:700; margin-top:10px;}
.cal-giggles{display:none;}
.cal-giggles li{margin-bottom:7px; font-size:14.5px;}
.cal-giggles .g-day{font-weight:800; color:#B97E00;}

/* forms */
form.netlify-form{background:#fff; border:3px solid var(--line); border-radius:22px; box-shadow:var(--shadow); padding:18px;}
form.netlify-form label{font-weight:700; display:block; margin:0 0 6px; color:#4A2C00;}
form.netlify-form input, form.netlify-form textarea{
  font:inherit; width:100%; padding:13px 14px; border:3px solid var(--line); border-radius:14px; margin-bottom:14px; background:#FFFDF6;
}
form.netlify-form input:focus, form.netlify-form textarea:focus{outline:3px solid var(--banana); border-color:var(--banana-deep);}

/* confetti canvas (memory game) + generic */
.confetti-canvas{position:fixed; inset:0; pointer-events:none; z-index:99;}

@media (prefers-reduced-motion: reduce){
  .mascot-frame img{animation:none;}
  html{scroll-behavior:auto;}
}

/* ---------- print ---------- */
#printArea{display:none;}
@media print{
  body>*{display:none !important;}
  body>#printArea{display:block !important;}
  #printArea img{width:100%; height:auto;}
}
/* calendar print mode: html[data-calprint="0"|"1"] set by the calendar buttons */
@media print{
  html[data-calprint] body>*{display:none !important;}
  html[data-calprint] body>main{display:block !important;}
  html[data-calprint] main>*{display:none !important;}
  html[data-calprint="0"] main .cal-month[data-mi="0"]{display:block !important; box-shadow:none; border:none;}
  html[data-calprint="1"] main .cal-month[data-mi="1"]{display:block !important; box-shadow:none; border:none;}
  html[data-calprint] .cal-month .cal-giggles{display:block !important; page-break-before:always;}
  html[data-calprint] .cal-month .cal-grid td{height:78px;}
  html[data-calprint] .no-print{display:none !important;}
}

/* ---------- five doors (with Learn) ---------- */
@media(min-width:900px){ .doors.five{grid-template-columns:repeat(5,1fr);} }
.doors.five .door:last-child{grid-column:span 2;}
@media(min-width:900px){ .doors.five .door:last-child{grid-column:auto;} }
.door.learn{border-color:var(--sky);}

/* ---------- learn games ---------- */
.learn-stage{background:#fff; border:3px solid var(--line); border-radius:22px; box-shadow:var(--shadow); padding:18px 16px; text-align:center;}
.learn-prompt{font-size:clamp(22px,5vw,30px); font-weight:800; color:#4A2C00; margin:2px 0 6px;}
.learn-sub{font-size:16px; color:#7a6238; font-weight:700; margin:0 0 12px;}
.star-bank{font-size:24px; min-height:34px; letter-spacing:2px;}
.praise{min-height:34px; font-size:21px; font-weight:800; color:var(--green); margin:8px 0 2px;}
.praise.try{color:#B97E00;}
.pick-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:12px; max-width:560px; margin:10px auto 4px;}
@media(min-width:700px){ .pick-grid.four{grid-template-columns:repeat(4,1fr);} }
.pick-card{
  font:inherit; cursor:pointer; background:#FFFDF6; border:4px solid var(--line); border-radius:20px;
  padding:14px 8px 10px; min-height:118px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;
}
.pick-card .big-emoji{font-size:54px; line-height:1.1;}
.pick-card .pick-name{font-weight:800; font-size:17px; color:#4A2C00;}
.pick-card:active{transform:scale(.96);}
.pick-card.right{border-color:var(--green); background:#EAFBF1;}
.pick-card.wiggle{animation:wiggle .6s ease-in-out 2;}
@keyframes wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}
.num-row{display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-top:12px;}
.num-btn{
  font:inherit; font-weight:800; font-size:30px; cursor:pointer; width:86px; height:86px; border-radius:22px;
  border:4px solid var(--banana-deep); background:var(--banana); color:#4A2C00;
}
.num-btn:active{transform:scale(.94);}
.num-btn.right{background:var(--green); border-color:var(--green); color:#fff;}
.count-field{font-size:44px; line-height:1.35; letter-spacing:4px; max-width:520px; margin:8px auto; word-break:break-all;}
.letter-word{font-size:clamp(28px,7vw,40px); font-weight:800; color:#4A2C00; letter-spacing:2px;}
.letter-word .blank{color:var(--red); border-bottom:5px solid var(--red); padding:0 8px;}
.learn-pic{width:min(240px,60vw); aspect-ratio:1; object-fit:cover; border-radius:20px; border:4px solid var(--banana); margin:6px auto; display:block;}
.curriculum{display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:6px 0 4px;}
.curriculum span{background:#EFE6FB; border:2px solid #D6BCFA; color:var(--cape-dark); font-weight:700; font-size:15px; border-radius:999px; padding:7px 13px;}

/* ---------- songs ---------- */
.song{background:#fff; border:3px solid var(--line); border-radius:22px; box-shadow:var(--shadow); padding:18px; margin-bottom:20px;}
.song .lyrics{font-size:19px; line-height:1.65;}
.song .lyrics p{margin:0 0 4px; padding:3px 8px; border-radius:10px;}
.song .lyrics p.on{background:#FFF0B8; font-weight:700;}
.song .lyrics .chorus{color:var(--cape-dark); font-weight:700;}

/* ---------- stories ---------- */
.story-text{font-size:clamp(19px,4.4vw,22px); line-height:1.75; max-width:44em;}
.story-text p{margin:0 0 16px;}
.story-hero{width:100%; max-height:420px; object-fit:cover; object-position:50% 25%; border-radius:22px; border:4px solid #fff; box-shadow:var(--shadow); margin:6px 0 16px;}
.readtime{font-weight:700; color:#7a6238; font-size:15px;}

/* ---------- schools (grown-up, calm) ---------- */
.schools-main{font-size:17px;}
.schools-main h1{color:#33302A;}
.schools-main h2{color:#33302A; margin-top:26px;}
.schools-main .lead{font-size:19px; color:#4c463c;}
.schools-main ul{line-height:1.6;}
.schools-card{background:#fff; border:2px solid #E7DFC9; border-radius:16px; padding:18px 20px; margin:14px 0; box-shadow:0 4px 14px rgba(60,50,20,.07);}
.schools-main .btn{margin-top:6px;}

/* song + story printing: html[data-printdoc] selects the one printable article */
@media print{
  html[data-printdoc] body>*{display:none !important;}
  html[data-printdoc] body>main{display:block !important;}
  html[data-printdoc] main>*{display:none !important;}
  html[data-printdoc] main [data-doc].print-this{display:block !important; box-shadow:none; border:none;}
  html[data-printdoc] .no-print{display:none !important;}
}
@media print{
  html[data-printdoc] main section{display:none !important;}
  html[data-printdoc] main section.has-print{display:block !important;}
  html[data-printdoc] [data-doc]{display:none !important;}
  html[data-printdoc] [data-doc].print-this{display:block !important;}
}
@media(max-width:760px){
  .head-in{gap:6px;}
  .main-nav{flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; max-width:100%; padding-bottom:2px; -webkit-mask-image:linear-gradient(to right,#000 88%,transparent 99%); mask-image:linear-gradient(to right,#000 88%,transparent 99%);}
  .main-nav a{flex:0 0 auto;}
  .wm-tag{display:none;}
  .logo{gap:9px;}
  .logo-badge{width:58px; height:58px;}
  .wm-top{font-size:11px; letter-spacing:2.6px;}
  .wm-main{font-size:25px;}
}