/* Info Japão — tema tradicional japonês (和). Carregado só quando o tema está ligado (body.wa). */
@font-face { font-family: "Shippori Mincho"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/shippori-mincho-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Shippori Mincho"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/shippori-mincho-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Shippori Mincho"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/shippori-mincho-latin-ext-500-normal.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

body.wa {
  --wa-washi: #F6F1E6;
  --wa-washi-2: #EFE7D6;
  --wa-paper: #FFFDF8;
  --wa-ai: #1B2A4A;        /* índigo (藍) */
  --wa-ai-2: #24365E;
  --wa-shu: #C0392B;       /* vermelho torii (朱) */
  --wa-shu-2: #A32E22;
  --wa-kin: #B08D45;       /* dourado (金) */
  --wa-sumi: #23211E;      /* tinta (墨) */
  --wa-line: #E2D8C3;
  --display: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", "Times New Roman", serif;
  --accent: var(--wa-shu);
  --accent-ink: #fff;
  --green: var(--wa-ai);
  --green-2: var(--wa-ai-2);
  --ivory: var(--wa-washi);
  --ink: var(--wa-sumi);
  --line: var(--wa-line);
  background-color: var(--wa-washi);
  /* papel washi: fibras bem leves */
  background-image: radial-gradient(rgba(176,141,69,.07) 1px, transparent 1.2px), radial-gradient(rgba(27,42,74,.035) 1px, transparent 1.4px);
  background-size: 23px 23px, 37px 37px;
}
body.wa :where(a:not(.btn)) { color: var(--wa-ai); }
body.wa :where(a:not(.btn)):hover { color: var(--wa-shu); }

/* Padrão de ondas seigaiha (青海波) — usado em faixas e detalhes */
body.wa .wa-wave, body.wa .site-foot, body.wa .nl2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24' viewBox='0 0 48 24'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.07' stroke-width='1.2'%3E%3Cpath d='M0 24a24 24 0 0 1 48 0M6 24a18 18 0 0 1 36 0M12 24a12 12 0 0 1 24 0M18 24a6 6 0 0 1 12 0'/%3E%3Cpath d='M-24 12a24 24 0 0 1 48 0M-18 12a18 18 0 0 1 36 0M-12 12a12 12 0 0 1 24 0M24 12a24 24 0 0 1 48 0M30 12a18 18 0 0 1 36 0M36 12a12 12 0 0 1 24 0'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 48px 24px;
}

/* ===== Faixa de cotação ===== */
body.wa .wa-ticker { background: var(--wa-sumi); color: #EDE6D6; font-size: 12.5px; position: relative; z-index: 31; }
body.wa .tk-in { display: flex; align-items: center; gap: 12px; height: 32px; overflow: hidden; }
body.wa .tk-label { flex: none; color: #F3D7A0; text-decoration: none; font-weight: 700; letter-spacing: .04em; white-space: nowrap; }
body.wa .tk-label:hover { color: #fff; }
body.wa .tk-track { flex: 1; overflow: hidden; }
body.wa .tk-move { display: inline-flex; gap: 26px; white-space: nowrap; }
body.wa .tk-i b { color: #fff; font-weight: 700; }
body.wa .tk-i em { font-style: normal; font-size: 11px; margin-left: 4px; }
body.wa .tk-i em.up { color: #7FD49A; }
body.wa .tk-i em.dn { color: #FF9C8F; }
body.wa .tk-when { color: #A99F8B; }
@media (max-width: 860px) {
  body.wa .tk-move { animation: wa-tick 28s linear infinite; padding-left: 100%; }
  body.wa .tk-track { mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
}
@keyframes wa-tick { from { transform: translateX(0); } to { transform: translateX(-100%); } }

/* ===== Topo ===== */
body.wa .topbar { background: rgba(255,253,248,.94); color: var(--wa-sumi); backdrop-filter: saturate(1.2) blur(8px); border-bottom: 1px solid var(--wa-line); box-shadow: none; }
body.wa .topbar .main-nav a { color: var(--wa-sumi); }
body.wa .topbar .main-nav a.on { color: var(--wa-shu); box-shadow: inset 0 -2px 0 var(--wa-shu); }
body.wa .topbar .bl-a { color: var(--wa-ai); }
body.wa .topbar .bl-f { color: var(--wa-shu); }
body.wa .topbar .icon-btn { color: var(--wa-sumi); border-color: var(--wa-line); background: var(--wa-paper); }
body.wa .lang-switch { background: var(--wa-washi-2); }
body.wa .lang-switch a { color: var(--wa-sumi); }
body.wa .lang-switch a.on { background: var(--wa-ai); color: #fff; }

/* Botões */
body.wa .btn-accent { --bg: var(--wa-shu); --bd: var(--wa-shu); --fg: #fff; }
body.wa .btn-accent:hover { --bg: var(--wa-shu-2); --bd: var(--wa-shu-2); color: #fff; }

/* ===== Destaque (hero) com fotos dos pontos turísticos ===== */
body.wa .wa-hero { position: relative; color: #fff; background: var(--wa-ai); overflow: hidden; min-height: clamp(460px, 74vh, 680px); display: flex; flex-direction: column; justify-content: flex-end; }
body.wa .wa-slides { position: absolute; inset: 0; }
body.wa .wa-slide { position: absolute; inset: 0; margin: 0; opacity: 0; animation-duration: 40s; animation-iteration-count: infinite; animation-name: wa-fade5; }
body.wa .wa-n4 .wa-slide { animation-duration: 32s; animation-name: wa-fade4; }
body.wa .wa-n6 .wa-slide { animation-duration: 48s; animation-name: wa-fade6; }
body.wa .wa-n1 .wa-slide { animation: none; opacity: 1; }
body.wa .wa-s1 { animation-delay: 8s; } body.wa .wa-s2 { animation-delay: 16s; } body.wa .wa-s3 { animation-delay: 24s; } body.wa .wa-s4 { animation-delay: 32s; } body.wa .wa-s5 { animation-delay: 40s; }
body.wa .wa-slide img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.06); animation: wa-zoom 8s ease-out infinite alternate; }
body.wa .wa-slide figcaption { position: absolute; right: 12px; bottom: 10px; z-index: 3; font-size: 11px; color: rgba(255,255,255,.82); text-shadow: 0 1px 3px rgba(0,0,0,.6); max-width: 70%; text-align: right; }
body.wa .wa-slide figcaption a { color: inherit; text-decoration: none; }
body.wa .wa-slide figcaption a:hover { text-decoration: underline; }
body.wa .wa-slide figcaption strong { display: block; font-size: 13px; font-family: var(--display); font-weight: 500; letter-spacing: .03em; }
@keyframes wa-fade4 { 0% { opacity: 0; } 4% { opacity: 1; } 25% { opacity: 1; } 30% { opacity: 0; } 100% { opacity: 0; } }
@keyframes wa-fade5 { 0% { opacity: 0; } 3% { opacity: 1; } 20% { opacity: 1; } 24% { opacity: 0; } 100% { opacity: 0; } }
@keyframes wa-fade6 { 0% { opacity: 0; } 3% { opacity: 1; } 16.7% { opacity: 1; } 20% { opacity: 0; } 100% { opacity: 0; } }
@keyframes wa-zoom { from { transform: scale(1.04); } to { transform: scale(1.12); } }
/* a 1ª foto já aparece antes da animação começar (sem tela vazia) */
body.wa .wa-s0 { animation-delay: -1s; }
body.wa .wa-hero::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(20,28,48,.15) 0%, rgba(20,28,48,.08) 35%, rgba(20,28,48,.72) 78%, rgba(20,28,48,.9) 100%), linear-gradient(90deg, rgba(20,28,48,.55), transparent 60%); }
body.wa .wa-hero-in { position: relative; z-index: 2; padding-top: 40px; padding-bottom: 34px; }
body.wa .wa-kicker { display: inline-flex; align-items: center; gap: 10px; font-size: 12px; letter-spacing: .28em; text-transform: uppercase; font-weight: 700; color: #F3D7A0; margin: 0 0 12px; }
body.wa .wa-kicker::before { content: ""; width: 14px; height: 14px; border-radius: 50%; background: var(--wa-shu); box-shadow: 0 0 0 3px rgba(192,57,43,.25); }
body.wa .wa-hero h1 { font-family: var(--display); font-weight: 500; font-size: clamp(34px, 7vw, 64px); line-height: 1.12; margin: 0 0 14px; max-width: 16ch; letter-spacing: .005em; text-shadow: 0 2px 18px rgba(0,0,0,.35); }
body.wa .wa-hero h1 em { font-style: normal; color: #F3D7A0; }
body.wa .wa-hero .lead2 { font-size: clamp(15.5px, 2.1vw, 19px); color: #F1ECE2; max-width: 46ch; margin: 0 0 22px; text-shadow: 0 1px 8px rgba(0,0,0,.4); }
body.wa .wa-hero .hero2-actions .btn-line { color: #fff; --bg: rgba(255,255,255,.08); --fg: #fff; --bd: rgba(255,255,255,.6); backdrop-filter: blur(4px); }
body.wa .wa-hero .hero2-partners-wrap { position: relative; z-index: 2; padding-bottom: 40px; }
/* selo vertical em japonês, como um carimbo/placa */
body.wa .wa-seal { position: absolute; z-index: 2; right: clamp(14px, 4vw, 48px); top: clamp(20px, 6vh, 56px); writing-mode: vertical-rl; font-family: var(--display); font-size: clamp(18px, 2.4vw, 26px); letter-spacing: .3em; color: #fff; padding: 14px 8px; border: 1.5px solid rgba(255,255,255,.55); background: rgba(192,57,43,.82); box-shadow: 0 8px 30px rgba(0,0,0,.25); }

/* ===== Folhas / pétalas / neve caindo ===== */
body.wa .wa-fall { position: absolute; inset: 0; z-index: 2; pointer-events: none; overflow: hidden; }
body.wa .wa-fall i { position: absolute; top: -40px; font-style: normal; font-size: 18px; opacity: .85; animation: wa-drop linear infinite; }
body.wa .wa-fall-aki i { color: #E0603E; text-shadow: 0 0 1px rgba(0,0,0,.2); }
body.wa .wa-fall-haru i { color: #F7C4D2; }
body.wa .wa-fall-fuyu i { color: #fff; font-size: 14px; }
body.wa .wa-fall i:nth-child(1) { left: 6%; animation-duration: 13s; animation-delay: -2s; font-size: 20px; }
body.wa .wa-fall i:nth-child(2) { left: 17%; animation-duration: 17s; animation-delay: -9s; }
body.wa .wa-fall i:nth-child(3) { left: 29%; animation-duration: 15s; animation-delay: -5s; font-size: 14px; }
body.wa .wa-fall i:nth-child(4) { left: 41%; animation-duration: 19s; animation-delay: -12s; }
body.wa .wa-fall i:nth-child(5) { left: 53%; animation-duration: 14s; animation-delay: -7s; font-size: 22px; }
body.wa .wa-fall i:nth-child(6) { left: 64%; animation-duration: 18s; animation-delay: -1s; font-size: 15px; }
body.wa .wa-fall i:nth-child(7) { left: 74%; animation-duration: 16s; animation-delay: -10s; }
body.wa .wa-fall i:nth-child(8) { left: 83%; animation-duration: 20s; animation-delay: -4s; font-size: 13px; }
body.wa .wa-fall i:nth-child(9) { left: 91%; animation-duration: 15s; animation-delay: -14s; font-size: 19px; }
body.wa .wa-fall i:nth-child(10) { left: 97%; animation-duration: 21s; animation-delay: -6s; font-size: 14px; }
@keyframes wa-drop {
  0% { transform: translate(0, 0) rotate(0deg); }
  50% { transform: translate(-40px, 52vh) rotate(180deg); }
  100% { transform: translate(20px, 105vh) rotate(360deg); }
}

/* ===== Atalhos rápidos ===== */
body.wa .quick a { background: var(--wa-paper); border-color: var(--wa-line); border-radius: 6px; box-shadow: 0 10px 28px rgba(35,33,30,.08); border-top: 3px solid var(--wa-shu); }
body.wa .quick .q-ic { background: var(--wa-washi-2); color: var(--wa-shu); border-radius: 50%; }

/* ===== Seções ===== */
body.wa .sec-head h2, body.wa .h-display, body.wa .page-title, body.wa .nl2 h2 { font-family: var(--display); font-weight: 500; color: var(--wa-sumi); }
body.wa .eyebrow2 { color: var(--wa-shu); }
body.wa .eyebrow2::before { background: var(--wa-shu); height: 1px; width: 30px; }
body.wa .sec { position: relative; }
body.wa .card, body.wa .link-card, body.wa .job-card, body.wa .post-card, body.wa .ftw > *, body.wa .fx { border-radius: 8px; border-color: var(--wa-line); background: var(--wa-paper); }
body.wa .empty-box { background: var(--wa-paper); border-color: var(--wa-line); border-radius: 8px; }

/* ===== Palavra do dia / Província do dia ===== */
body.wa .wa-daily { display: grid; gap: 14px; margin: 28px 0 8px; }
@media (min-width: 820px) { body.wa .wa-daily { grid-template-columns: 1fr 1.25fr; } }
body.wa .wa-card { position: relative; background: var(--wa-paper); border: 1px solid var(--wa-line); border-radius: 8px; padding: 22px 22px 20px; overflow: hidden; }
body.wa .wa-card::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 4px; background: linear-gradient(90deg, var(--wa-shu), var(--wa-kin)); }
body.wa .wa-card .wa-tag { font-size: 11.5px; letter-spacing: .22em; text-transform: uppercase; font-weight: 700; color: var(--wa-shu); margin: 0 0 10px; }
body.wa .wa-word { display: flex; gap: 18px; align-items: center; }
body.wa .wa-kanji { font-family: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif; font-size: clamp(34px, 6vw, 46px); line-height: 1.15; color: var(--wa-ai); flex: none; max-width: 60%; word-break: keep-all; }
body.wa .wa-romaji { font-weight: 700; color: var(--wa-kin); margin: 0; letter-spacing: .03em; }
body.wa .wa-mean { font-family: var(--display); font-size: 20px; margin: 2px 0 6px; color: var(--wa-sumi); }
body.wa .wa-tip { color: #5d574d; font-size: 14px; margin: 0; }
body.wa .wa-pref { display: grid; gap: 4px 18px; grid-template-columns: auto 1fr; align-items: start; }
body.wa .wa-pref-name { grid-row: span 3; writing-mode: vertical-rl; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif; font-size: 40px; color: #fff; background: var(--wa-ai); padding: 14px 10px; border-radius: 4px; letter-spacing: .15em; line-height: 1; }
body.wa .wa-pref h3 { font-family: var(--display); font-weight: 500; font-size: 24px; margin: 0; color: var(--wa-sumi); }
body.wa .wa-dish { margin: 0; font-size: 15px; }
body.wa .wa-dish b { color: var(--wa-shu); }
body.wa .wa-fact { margin: 4px 0 0; color: #5d574d; font-size: 14px; }
body.wa .wa-pref a.wa-more { display: inline-block; margin-top: 8px; font-weight: 700; font-size: 14px; }

/* Faixa "província": chips */
body.wa .prefs-t { color: var(--wa-ai); }
body.wa .pref-chip { background: var(--wa-ai); color: #fff; border-radius: 4px; }
body.wa .pref-chip:hover { background: var(--wa-shu); color: #fff; }
body.wa .pref-chip.soon { background: var(--wa-washi-2); color: #7a7264; }

/* Newsletter e rodapé em índigo com ondas */
body.wa .nl2 { background-color: var(--wa-ai); border-radius: 8px; }
body.wa .nl2::before { background: rgba(192,57,43,.35); }
body.wa .nl2 h2 { color: #fff; }
body.wa .site-foot { background-color: var(--wa-sumi); }
body.wa .site-foot .bl-a { color: #fff; }
body.wa .site-foot a { color: #EDE6D6; }
body.wa .site-foot a:hover { color: #F3D7A0; }

/* Entrada suave do texto do destaque */
body.wa .wa-hero-in > * { animation: wa-in .9s ease-out both; }
body.wa .wa-hero-in > *:nth-child(2) { animation-delay: .12s; }
body.wa .wa-hero-in > *:nth-child(3) { animation-delay: .24s; }
body.wa .wa-hero-in > *:nth-child(4) { animation-delay: .36s; }
@keyframes wa-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

/* Caixa "Chegou agora?" (guia para recém-chegados) no estilo 和 */
body.wa a.newcomer-cta { background-color: var(--wa-ai); color: #EDE6D6; border-radius: 8px; border-left: 4px solid var(--wa-kin); }
body.wa a.newcomer-cta:hover { color: #fff; }
body.wa .newcomer-cta .g-txt strong { color: #F3D7A0; font-family: var(--display); font-weight: 500; font-size: 1.15rem; }
body.wa .newcomer-cta .g-txt span { color: #EDE6D6; }
body.wa .newcomer-cta .g-ic { background: #F3D7A0; color: var(--wa-ai); }
body.wa .newcomer-cta .g-go { background: var(--wa-shu); border-radius: 4px; }

/* ===== Slider lento dos anúncios (um por vez, 9 s cada; para quando o mouse/dedo está em cima) ===== */
body.wa .wa-ads { margin: 22px 0 6px; }
body.wa .wa-ads-stage { display: grid; }
body.wa .wa-ad { grid-area: 1 / 1; opacity: 0; visibility: hidden; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }
body.wa .wa-ads .ad-banner { height: 100%; border-radius: 8px; border-color: var(--wa-line); background: linear-gradient(100deg, var(--wa-paper) 0%, #FBF4E6 100%); border-left: 4px solid var(--wa-shu); }
body.wa .wa-ads-n1 .wa-ad { opacity: 1; visibility: visible; }
body.wa .wa-ads-n2 .wa-ad { animation-name: wa-ad2; animation-duration: 18s; }
body.wa .wa-ads-n3 .wa-ad { animation-name: wa-ad3; animation-duration: 27s; }
body.wa .wa-ads-n4 .wa-ad { animation-name: wa-ad4; animation-duration: 36s; }
body.wa .wa-ads-n5 .wa-ad { animation-name: wa-ad5; animation-duration: 45s; }
body.wa .wa-ads-n6 .wa-ad { animation-name: wa-ad6; animation-duration: 54s; }
body.wa .wa-ads .wa-ad-1 { animation-delay: 9s; } body.wa .wa-ads .wa-ad-2 { animation-delay: 18s; } body.wa .wa-ads .wa-ad-3 { animation-delay: 27s; } body.wa .wa-ads .wa-ad-4 { animation-delay: 36s; } body.wa .wa-ads .wa-ad-5 { animation-delay: 45s; }
body.wa .wa-ads .wa-ad-0 { animation-delay: -.5s; }
body.wa .wa-ads:hover .wa-ad, body.wa .wa-ads:focus-within .wa-ad, body.wa .wa-ads:hover .wa-ads-dots i, body.wa .wa-ads:focus-within .wa-ads-dots i { animation-play-state: paused; }
@keyframes wa-ad2 { 0% { opacity: 0; visibility: visible; } 4% { opacity: 1; } 48% { opacity: 1; } 52% { opacity: 0; visibility: hidden; } 100% { opacity: 0; visibility: hidden; } }
@keyframes wa-ad3 { 0% { opacity: 0; visibility: visible; } 3% { opacity: 1; } 31% { opacity: 1; } 34% { opacity: 0; visibility: hidden; } 100% { opacity: 0; visibility: hidden; } }
@keyframes wa-ad4 { 0% { opacity: 0; visibility: visible; } 2.5% { opacity: 1; } 23% { opacity: 1; } 25.5% { opacity: 0; visibility: hidden; } 100% { opacity: 0; visibility: hidden; } }
@keyframes wa-ad5 { 0% { opacity: 0; visibility: visible; } 2% { opacity: 1; } 18.5% { opacity: 1; } 20.5% { opacity: 0; visibility: hidden; } 100% { opacity: 0; visibility: hidden; } }
@keyframes wa-ad6 { 0% { opacity: 0; visibility: visible; } 2% { opacity: 1; } 15% { opacity: 1; } 17% { opacity: 0; visibility: hidden; } 100% { opacity: 0; visibility: hidden; } }
body.wa .wa-ads-dots { display: flex; justify-content: center; gap: 7px; margin-top: 9px; }
body.wa .wa-ads-dots i { width: 7px; height: 7px; border-radius: 50%; background: var(--wa-line); animation: inherit; animation-iteration-count: infinite; }
body.wa .wa-ads-n2 .wa-ads-dots i { animation-name: wa-dot2; animation-duration: 18s; }
body.wa .wa-ads-n3 .wa-ads-dots i { animation-name: wa-dot3; animation-duration: 27s; }
body.wa .wa-ads-n4 .wa-ads-dots i { animation-name: wa-dot4; animation-duration: 36s; }
body.wa .wa-ads-n5 .wa-ads-dots i { animation-name: wa-dot5; animation-duration: 45s; }
body.wa .wa-ads-n6 .wa-ads-dots i { animation-name: wa-dot6; animation-duration: 54s; }
@keyframes wa-dot2 { 0%, 50% { background: var(--wa-shu); } 50.1%, 100% { background: var(--wa-line); } }
@keyframes wa-dot3 { 0%, 33% { background: var(--wa-shu); } 33.1%, 100% { background: var(--wa-line); } }
@keyframes wa-dot4 { 0%, 25% { background: var(--wa-shu); } 25.1%, 100% { background: var(--wa-line); } }
@keyframes wa-dot5 { 0%, 20% { background: var(--wa-shu); } 20.1%, 100% { background: var(--wa-line); } }
@keyframes wa-dot6 { 0%, 16.6% { background: var(--wa-shu); } 16.7%, 100% { background: var(--wa-line); } }
@media (prefers-reduced-motion: reduce) {
  body.wa .wa-ad { animation: none !important; opacity: 1; visibility: visible; grid-area: auto; }
  body.wa .wa-ads-stage { gap: 10px; }
  body.wa .wa-ads-dots { display: none; }
}

/* Quem pediu menos animação no aparelho vê tudo parado */
@media (prefers-reduced-motion: reduce) {
  body.wa .wa-fall { display: none; }
  body.wa .wa-slide, body.wa .wa-slide img, body.wa .wa-hero-in > *, body.wa .tk-move { animation: none !important; }
  body.wa .wa-s0 { opacity: 1; }
  body.wa .wa-slide:not(:first-child) { display: none; }
  body.wa .tk-move { padding-left: 0; }
  body.wa .tk-track { overflow-x: auto; }
}
@media (max-width: 700px) {
  body.wa .wa-seal { display: none; }
  body.wa .wa-slide figcaption { font-size: 10px; top: 8px; bottom: auto; right: 10px; }
  body.wa .wa-slide figcaption strong { font-size: 11.5px; }
  body.wa .wa-word { flex-wrap: wrap; gap: 6px 16px; }
  body.wa .wa-kanji { max-width: 100%; }
  body.wa .wa-hero { min-height: 560px; }
}