/* Tres accesos a gramática, kanji y comparación. */
.home-explore[data-home-explore-three] {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px;
  margin:30px 0 28px; scroll-margin-top:24px;
}
[data-home-explore-three] .explore-card {
  position:relative; isolation:isolate; overflow:hidden; box-sizing:border-box;
  border:1px solid #627154; border-radius:22px; padding:0;
  display:flex; flex-direction:column; min-height:550px;
  background:#1d2c24; color:#e0e5d8;
}
[data-home-explore-three] .explore-art {
  height:200px; flex:none; background-size:cover; background-position:center 40%;
  position:relative;
}
[data-home-explore-three] .explore-art::after {
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,transparent 60%,#1d2c2466 82%,#1d2c24 100%);
}
[data-home-explore-three] .explore-grammar .explore-art {background-image:url('/assets/home-grammar-20261004.webp');}
[data-home-explore-three] .explore-kanji .explore-art {background-image:url('/assets/home-kanji-20261004.webp');}
[data-home-explore-three] .explore-compare .explore-art {
  background-image:url('/assets/home-comparator-sue-mi-20261022.webp');
  background-size:100% auto; background-position:center 22%;
}
[data-home-explore-three] .explore-copy {
  flex:1; display:flex; flex-direction:column; padding:16px 26px 26px; min-width:0;
}
[data-home-explore-three] .explore-card h2 {
  margin:0 0 18px; font-size:clamp(25px,2.1vw,31px); line-height:1.18;
  letter-spacing:-.5px; color:#f2dfb5; font-weight:700; text-wrap:balance;
}
[data-home-explore-three] .explore-card .explore-description {
  margin:0 0 14px; font-size:16px; line-height:1.6; color:#e0e5d8;
}
[data-home-explore-three] .explore-levels {gap:8px; margin:0 0 16px;}
[data-home-explore-three] .explore-levels a {min-width:42px; padding:7px 10px; font-size:14px; min-height:42px;}
[data-home-explore-three] .explore-search-hint,
[data-home-explore-three] .explore-secondary-note {font-size:14px; line-height:1.6; color:#c4cfbd; margin:0 0 20px;}
[data-home-explore-three] .explore-actions {gap:8px 18px; margin-top:auto;}
[data-home-explore-three] .button {min-height:46px; padding:12px 16px; font-size:14px;}
[data-home-explore-three] .explore-phrase {min-height:36px; font-size:14px;}
[data-home-explore-three] .explore-level-note {font-size:12px; margin:14px 0 0; line-height:1.5;}
[data-home-explore-three] .explore-secondary {margin-top:auto; align-self:flex-start;}
[data-home-explore-three] .compare-access {font-size:13px; color:#c4cfbd; margin:0 0 24px;}
[data-home-explore-three] .compare-action {margin-top:auto; align-self:flex-start;}
[data-home-explore-three] a:focus-visible {outline:3px solid #f2d59d; outline-offset:4px;}
@media(max-width:1050px) and (min-width:781px) {
  .home-explore[data-home-explore-three] {gap:16px;}
  [data-home-explore-three] .explore-copy {padding:12px 20px 22px;}
  [data-home-explore-three] .explore-art {height:170px;}
  [data-home-explore-three] .explore-levels {gap:5px;}
  [data-home-explore-three] .explore-levels a {min-width:36px; padding:6px;}
}
@media(max-width:780px) {
  .home-explore[data-home-explore-three] {grid-template-columns:minmax(0,1fr); gap:18px; margin:22px 0;}
  [data-home-explore-three] .explore-card {min-height:0;}
  [data-home-explore-three] .explore-art {height:220px;}
  [data-home-explore-three] .explore-copy {padding:12px 24px 26px;}
  [data-home-explore-three] .explore-card h2 {font-size:28px;}
  [data-home-explore-three] .explore-compare .explore-art {background-size:cover; background-position:center 25%;}
}
@media(max-width:380px) {
  [data-home-explore-three] .explore-art {height:180px;}
  [data-home-explore-three] .explore-copy {padding:10px 20px 24px;}
  [data-home-explore-three] .explore-card h2 {font-size:26px;}
  [data-home-explore-three] .explore-levels {gap:5px;}
  [data-home-explore-three] .explore-levels a {min-width:37px; padding:6px;}
}