/* English copy uses natural word wrapping while keeping the shared visual system. */
html[lang="en"] { overflow-wrap: break-word; }
html[lang="en"] h1, html[lang="en"] h2, html[lang="en"] h3 { word-break: normal; text-wrap: balance; }
html[lang="en"] .english-original-name { display: block; margin: .35rem 0; color: #587156; font-size: .85rem; font-weight: 500; line-height: 1.5; }
html[lang="en"] .character-hero .english-original-name { font-size: 1rem; }
.english-home-hero { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .8fr); grid-template-areas: "copy art" "features features"; gap: 1.25rem; align-items: center; padding: clamp(1.25rem, 4vw, 2.5rem); }
.english-home-hero .home-database-copy { min-width: 0; }
.english-home-hero h1 { font-size: clamp(2rem, 4.2vw, 3.5rem); line-height: 1.12; letter-spacing: -.035em; }
.english-home-hero p { font-size: clamp(1rem, 1.7vw, 1.2rem); line-height: 1.65; }
.english-hero-cast { grid-area: art; display: flex; align-items: end; justify-content: center; gap: .2rem; min-width: 0; }
.english-hero-cast a { width: 33%; display: block; }
.english-hero-cast img { width: 100%; max-height: 250px; height: auto; object-fit: contain; filter: drop-shadow(0 12px 8px #46652124); }
.english-home-hero .home-database-features { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .7rem; }
.english-home-hero .home-database-features span { padding: .8rem; background: #ffffffc9; border: 1px solid #cbdcbb; border-radius: 1rem; text-align: center; color: #245b31; font-weight: 700; }
.english-about-yuru, .english-japanese-note { padding: clamp(1.2rem,3vw,2rem); margin: 1.5rem 0; border: 1px solid #bfd5aa; border-radius: 1.3rem; background: linear-gradient(120deg,#ffffedf5,#edfafff5); color: #285737; }
.english-about-yuru h2, .english-japanese-note h2 { margin: .3rem 0 .65rem; }
.english-about-yuru p, .english-japanese-note p { line-height: 1.75; margin: .5rem 0; }
.english-japanese-note > div { display: flex; flex-wrap: wrap; gap: 1rem; }
.english-japanese-note a { text-underline-offset: .2em; font-weight: 700; }
.english-region-nav { display: flex; flex-wrap: wrap; gap: .5rem; padding: .8rem 0; }
.english-region-nav a { border: 1px solid #bed4a7; background: #fffef0; border-radius: 2rem; padding: .55rem .85rem; font-size: .95rem; color: #255e36; text-decoration: none; font-weight: 700; }
.english-region-nav a[aria-current] { background: #267d38; color: white; }
.english-translation-notice { padding: 1rem; border-left: 4px solid #edab28; border-radius: .6rem; background: #fff9db; line-height: 1.7; }
.english-description > div { line-height: 1.85; }
.english-search-total { font-size: 1.3rem; font-weight: 800; color: #276734; }
.english-search-more a { display: inline-block; padding: .8rem 1.4rem; border-radius: 2rem; background: #247737; color: #fff; font-weight: 800; }
html[lang="en"] .character-card-link { display: flex; flex-direction: column; height: 100%; text-decoration: none; }
html[lang="en"] .character-card-image { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1.12; overflow: hidden; }
html[lang="en"] .character-card-image img { width: 100%; height: 100%; object-fit: contain; }
html[lang="en"] .character-card-copy { display: flex; flex: 1; flex-direction: column; padding: .85rem; }
html[lang="en"] .character-card-copy h2 { margin: .4rem 0; font-size: clamp(1rem,1.6vw,1.35rem); color: #205831; }
html[lang="en"] .character-card-copy > small { color: #52694b; font-size: .8rem; line-height: 1.5; }
html[lang="en"] .character-card-cta { margin-top: auto; padding-top: .7rem; font-weight: 800; color: #256a35; font-size: .85rem; }
html[lang="en"] .character-card .no-image { font-size: 1rem; }
html[lang="en"] .ranking-place.is-unranked strong { font-size: 1.05rem; }
html[lang="en"] .character-org strong, html[lang="en"] .character-facts dd { overflow-wrap: anywhere; }
html[lang="en"] .yuruverse-copy h2 { word-break: normal; line-height: 1.25; }
html[lang="en"] .yuruverse-deadline time { white-space: normal; }
html[lang="en"] .yuruverse-primary { white-space: normal; text-align: center; }
html[lang="en"] .map-discovery-route { flex-wrap: wrap; }
html[lang="en"] .map-note p { line-height: 1.6; }
html[lang="en"] .page-jump-nav strong { font-size: .95rem; }
@media(max-width:600px) {
 html[lang="en"] .home-map-first .english-home-hero { grid-template-columns: minmax(0,1fr) minmax(90px,30%); grid-template-areas: "copy art" "description description" "actions actions"; gap: .6rem; padding: .9rem .8rem; }
 html[lang="en"] .english-home-hero .home-database-copy { display: contents; }
 html[lang="en"] .home-map-first .english-home-hero h1 { grid-area: copy; font-size: clamp(1.35rem,5.6vw,1.75rem); line-height: 1.2; }
 html[lang="en"] .english-home-hero .home-database-copy > p { grid-area: description; font-size: 1rem; line-height: 1.6; margin: 0; }
 html[lang="en"] .english-home-hero .home-database-copy > p > strong { font-size: 1.2rem; }
 .english-hero-cast { justify-self: center; width: 100%; }
 .english-hero-cast img { max-height: 110px; }
 .english-home-hero .home-database-features { gap: .4rem; }
 .english-home-hero .home-database-features span { font-size: .76rem; padding: .7rem .35rem; }
 html[lang="en"] .map-discovery-heading h2 { font-size: 1.35rem; }
 html[lang="en"] .character-sort-note { flex-wrap: wrap; }
 html[lang="en"] .character-sort-note small { flex-basis: 100%; }
 html[lang="en"] .character-hero h1 { font-size: clamp(1.7rem,7vw,2.5rem); }
 html[lang="en"] .ranking-record { min-width: 0; }
 html[lang="en"] .yuruverse-primary { font-size: 1.05rem; }
}