/* The broader Duo showcase leads with Japanese learning. */
.duo-apps-page .duo-guide-hero { background: #dcebf9; }
.duo-apps-page h1 { font-size: clamp(2.25rem, 3.8vw, 3.5rem); max-width: 22ch; }
.duo-apps-hero-art { width: min(100%, 350px); height: auto; justify-self: center; }
.duo-apps-adapted { padding: 16px 20px; background: #eee5f9; border-radius: 18px; }
.duo-apps-children { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.duo-apps-child { padding: 32px; background: #f0ebfa; border-radius: 32px; scroll-margin-top: 24px; }
.duo-apps-child + .duo-apps-child { background: #fff0d7; }
.duo-apps-icon { width: 80px; height: 80px; border-radius: 22px; margin-bottom: 20px; }
.duo-apps-kids-link { text-align: center; margin: 32px 0 48px; }
.duo-apps-page .duo-guide-app { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); }
.duo-apps-page .duo-guide-screenshot { align-self: center; }
.japanese-page .duo-guide-teaser { width: 100%; margin: 32px 0 48px; }
.duo-guide-teaser-jlpt-icon { width: 120px; height: 120px; object-fit: contain; }
@media (max-width: 900px) {
    .duo-apps-page .duo-guide-app { grid-template-columns: 1fr; }
    .duo-apps-hero-art { max-width: 240px; }
}
@media (max-width: 600px) {
    .duo-apps-children { grid-template-columns: 1fr; }
    .duo-apps-child { padding: 26px 22px; }
}