/* Responsive finishing pass: compact, touch-friendly layouts from small phones to tablets. */
html{scroll-padding-top:76px}body{overflow-x:hidden}.site-header{min-height:70px}.site-header nav a,.menu-toggle,.account-open{min-height:44px}.section,.hero,[id]{scroll-margin-top:76px}

@media (max-width:680px){
  html{scroll-padding-top:65px}.section,.hero,[id]{scroll-margin-top:65px}
  .shell{width:min(100% - 28px,1180px)}
  .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;min-height:64px;padding:8px 12px}
  .brand{min-width:0;gap:8px}.brand-mark{width:40px;height:40px;font-size:20px;flex:0 0 auto}.brand>span:last-child{min-width:0}.brand strong{font-size:16px;white-space:nowrap}.brand small{margin-top:2px;font-size:9px;letter-spacing:.08em;white-space:nowrap}
  .menu-toggle{display:grid;place-items:center;min-width:54px;padding:0 10px;border-radius:99px;font-size:11px}
  .site-header .account-open{display:grid;place-items:center;width:44px;min-width:44px;height:44px;margin:0;padding:0;border-radius:50%;font-size:18px}.site-header .account-open span:first-child{line-height:1}
  .site-header nav{top:calc(100% + 6px);left:10px;right:10px;max-height:calc(100dvh - 84px);padding:8px;border-radius:18px;overflow:auto;overscroll-behavior:contain}.site-header nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.site-header nav a{display:flex;align-items:center;padding:0 13px;border-radius:10px;font-size:14px}.site-header nav a:hover,.site-header nav a:focus-visible{background:var(--blush);color:var(--pink-dark)}
  .section{padding-block:54px}.section-heading{margin-bottom:24px}.section-heading h2,.quiz-copy h2{font-size:clamp(34px,11vw,46px);line-height:1.02}.section-heading>p{margin-top:13px;font-size:15px;line-height:1.6}.eyebrow{margin-bottom:9px;font-size:11px}
  .hero{gap:30px;padding-block:42px}.hero h1{font-size:clamp(46px,13vw,58px)}.hero-lede{margin:20px 0;font-size:16px;line-height:1.65}.hero-actions{display:grid;gap:10px}.hero-actions .button{width:100%}.hero-stats{justify-content:space-between;gap:8px;margin-top:28px}.hero-stats dt{font-size:23px}.hero-stats dd{font-size:10px}.hero-art{min-height:390px;border-radius:34% 34% 30% 34%}.hero-card{left:18px;top:54px;width:225px}.hero-mascot-art{right:-15px;width:225px}
  .path-grid{gap:12px}.path-card{min-height:0;padding:22px 22px 70px}.path-icon{width:68px;height:68px;margin:20px 0 16px;font-size:32px}.path-card h3{font-size:28px}.path-card p{font-size:13px}.path-card a{bottom:22px}
  .study-panel{padding:14px;border-radius:24px}.panel-toolbar{gap:14px}.tabs{border-radius:18px}.tab{min-width:0;min-height:48px;padding:7px 5px;font-size:clamp(11px,3.4vw,14px);line-height:1.3;white-space:nowrap}.switch{min-height:44px}.kana-grid{gap:5px;margin-top:17px}.kana-cell{min-height:64px;padding:4px;border-radius:12px}.kana-cell strong{font-size:25px}.kana-note{padding:14px 90px 14px 12px}.kana-note span{min-width:42px}.kana-note p{font-size:11px;line-height:1.55}.kana-study-buddy{width:78px}
  .lesson-tabs,.word-tabs,.jlpt-tabs{display:grid;grid-template-columns:repeat(5,1fr);width:100%}.lesson-tabs button,.word-tabs button,.jlpt-tabs button{min-width:0}.n5-dashboard{gap:12px}.n5-overview-card,.resource-card,.n5-lesson-head,.n5-activity-card{padding:18px}.n5-overview-card h3,.resource-card h3,.n5-lesson-head h3{font-size:25px}.n5-lesson-head{gap:16px}.lesson-head-tools{justify-items:stretch}.lesson-head-tools>button{justify-content:center}.lesson-reading-toggles{justify-content:flex-start}.n5-activity-grid{gap:10px}.n5-activity-card strong{margin:10px 0;font-size:19px}.lesson-blank{max-width:34vw}
  .resource-signin-prompt{padding:28px 20px}.resource-signin-prompt h3{font-size:27px}.resource-library-section .section-heading h2{font-size:clamp(38px,12vw,50px)}
  .kanji-progress{align-items:stretch;flex-direction:column;gap:12px;padding:15px}.kanji-progress>div:first-child{min-width:0}.kanji-grid{gap:7px}.kanji-card{min-height:144px;padding:12px 10px}.kanji-card b{font-size:38px}.kanji-card em{font-size:10px}.kanji-card small{font-size:10px}
  .workbook-banner{gap:22px;padding:20px;border-radius:24px}.workbook-banner h3{font-size:30px;line-height:1.15}.download-card{grid-template-columns:42px minmax(0,1fr) 26px;padding:9px 10px}.download-card b{font-size:12px}.download-card small{font-size:9px}.library-toolbar{padding:12px}.library-search{min-width:0}.library-search input{min-width:0;font-size:14px}.library-status{font-size:10px}.full-kanji-grid{gap:10px}.full-kanji-card{grid-template-columns:104px minmax(0,1fr);gap:12px;min-height:0;padding:13px}.kanji-visual{width:104px;height:104px}.kanji-visual img{width:94px;height:94px}.kanji-info h3{font-size:32px}.kanji-meaning{min-height:0}.kanji-card-actions{margin-top:8px}.kanji-card-actions button{min-height:34px;padding:0 8px}
  .basics-grid{gap:10px}.basic-card{padding:19px}.basic-card>p{min-height:0}.formula{padding:17px}
  .flashcard-studio{padding:15px}.flashcard-decks{gap:6px}.flashcard-decks button{min-width:0;padding-inline:5px}.flashcard-card{height:min(340px,52vh)}.flashcard-face{padding:28px 18px}.flashcard-nav{gap:8px}.flashcard-ratings{padding-top:16px}
  .jlpt-path-grid{gap:12px}.jlpt-path-card{gap:16px;padding:21px}.jlpt-path-card h3{font-size:31px;line-height:1.1}.jlpt-path-card dl{margin:15px 0 18px}.jlpt-phrase-library{padding:16px}.jlpt-phrase-grid{gap:11px}.jlpt-phrase-card{min-height:0;padding:18px}.jlpt-phrase-card h4{margin:12px 0 6px;font-size:clamp(19px,6vw,21px);line-height:1.45}.phrase-translation>div{grid-template-columns:44px minmax(0,1fr)}.phrase-translation dd{overflow-wrap:anywhere}.phrase-breakdown li{max-width:100%}
  .words-section .section-heading h2,.phrase-section .section-heading h2{font-size:clamp(38px,12vw,52px)}.word-library{padding:15px}.word-library-head{gap:14px}.word-library-head h3{font-size:29px}.word-grid{gap:10px}.word-card{min-height:0;padding:18px 18px 54px}.word-card h3{font-size:31px}.word-card strong{-webkit-line-clamp:unset}
  .phrase-toolbar{gap:8px}.search{min-height:50px}.search input{min-width:0;font-size:14px}.icon-button{width:100%}.category-filters{gap:6px;margin:14px 0 20px}.category-filter{padding:7px 11px;font-size:11px}.phrase-summary{gap:10px}.view-options{gap:12px}.phrase-grid{gap:10px}.phrase-card{min-height:0;padding:18px}.phrase-japanese{font-size:22px}.pagination,.light-pagination{gap:5px}.pagination button,.light-pagination button{min-width:38px}
  .quiz-section{gap:28px}.quiz-copy{text-align:left}.quiz-modes{display:grid;grid-template-columns:repeat(3,1fr)}.quiz-modes .chip{padding-inline:8px}.quiz-buddy-wrap{justify-content:center}.quiz-card{min-height:0;padding:23px 18px}.quiz-prompt{margin:25px 0 2px;font-size:64px}.quiz-options{gap:8px}.quiz-option{min-height:56px}
  .pricing-grid{gap:12px}.price-card{padding:22px}.price-card h3{font-size:34px}.price{margin-bottom:20px}.price strong{font-size:45px}.premium-prices{display:grid;grid-template-columns:1fr 1fr;gap:16px}.premium-prices strong{font-size:38px}.subscribe-actions{gap:8px}.subscribe-actions .button{width:100%}.popular-badge{right:18px;top:18px}
  .contact-section{padding-block:54px}.contact-shell{gap:24px}.contact-copy h2{font-size:clamp(46px,13vw,58px);line-height:1.02}.contact-copy>p:not(.eyebrow){font-size:16px}.contact-promise{padding:17px}.contact-form{padding:18px;border-radius:24px}.form-grid{gap:14px}.form-grid input,.form-grid select{min-height:52px}.form-grid textarea{min-height:150px}.form-submit{gap:12px}.form-submit .button{width:100%}
  .site-footer{padding:48px 0 28px}.footer-brand{justify-content:center;text-align:left}.footer-tagline{margin:22px auto}.social-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.social-button{min-width:0}.social-links>*:last-child{grid-column:1/-1}.footer-links{gap:10px 18px;margin:18px 0}.footer-disclaimer{font-size:11px;line-height:1.65}.copyright{margin-top:24px}
  .account-modal,.pronunciation-modal{padding:10px}.account-dialog,.pronunciation-dialog{max-height:calc(100dvh - 20px);padding:23px 16px;border-radius:22px}.account-heading{gap:10px}.account-heading .brand-mark{display:none}.account-heading h2,.pronunciation-dialog h2{font-size:27px}.account-tabs{margin:19px 0 15px}.auth-form{gap:12px}
}

@media (max-width:380px){
  .site-header{grid-template-columns:minmax(0,1fr) 48px 42px;gap:5px;padding-inline:9px}.brand-mark{width:36px;height:36px;font-size:18px}.brand strong{font-size:14px}.brand small{font-size:8px}.menu-toggle{min-width:48px;padding:0 7px}.site-header .account-open{width:42px;min-width:42px;height:42px}
  .shell{width:min(100% - 20px,1180px)}.section{padding-block:46px}.hero h1{font-size:43px}.hero-stats dt{font-size:21px}.hero-stats dd{font-size:9px}.hero-art{min-height:360px}.hero-card{left:12px;width:205px}.hero-mascot-art{right:-22px;width:205px}
  .tab{font-size:10px}.kana-cell strong{font-size:23px}.kana-note{padding-right:70px}.kana-study-buddy{width:66px}
  .kanji-grid{grid-template-columns:repeat(2,1fr)}.kanji-card{min-height:132px}.full-kanji-card{grid-template-columns:88px minmax(0,1fr);gap:9px;padding:10px}.kanji-visual{width:88px;height:88px}.kanji-visual img{width:82px;height:82px}.kanji-info h3{font-size:29px}.kanji-reading{font-size:9px}.kanji-card-actions button{font-size:7px;padding-inline:6px}
  .premium-prices{grid-template-columns:1fr}.popular-badge{position:static;display:inline-flex;margin-bottom:8px}.phrase-summary{align-items:flex-start}.view-options{flex-direction:column;gap:4px}.pagination button,.light-pagination button{min-width:34px;height:38px}.social-links{grid-template-columns:1fr}.social-links>*:last-child{grid-column:auto}
}

@media (min-width:681px) and (max-width:980px){
  .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;min-height:68px;padding:10px 20px}.menu-toggle{display:grid;place-items:center;min-width:58px;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--ink);font-size:12px;font-weight:800}.site-header .account-open{margin:0}.site-header nav{display:none;position:absolute;top:calc(100% + 6px);left:18px;right:18px;padding:10px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.site-header nav.open{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.site-header nav a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:10px;font-size:14px}.site-header nav a:hover,.site-header nav a:focus-visible{background:var(--blush);color:var(--pink-dark)}
  .section{padding-block:76px}.section-heading{margin-bottom:30px}.hero{gap:36px;padding-block:58px}.path-card{min-height:300px}.kana-grid{gap:7px}.n5-dashboard{grid-template-columns:repeat(2,1fr)}.jlpt-phrase-card{min-height:0;padding-bottom:20px}.word-card{min-height:220px}.site-footer{padding-top:56px}
}

@media(max-width:680px){
  img,video,canvas{max-width:100%;height:auto}
  button,a,input,select,textarea{max-width:100%}
  .jlpt-phrase-card h4.clickable-phrase{overflow-wrap:normal}
  .phrase-word-unit{max-width:100%}
}
@media(max-width:760px){.account-page .site-header nav{display:none}.account-page-main{padding:32px 0 64px}.account-page-heading{align-items:stretch;flex-direction:column}.account-page-heading h1{font-size:48px}.account-page-card{padding:34px 22px}.account-summary-card{grid-template-columns:1fr;padding:26px;text-align:center}.account-summary-card .member-avatar{margin:auto}.account-summary-card .member-stats{grid-template-columns:1fr 1fr}.account-page-grid{grid-template-columns:1fr}.account-panel,.account-plan-panel{grid-column:auto;padding:26px 22px}.account-plan-panel .member-actions{flex-direction:column}.account-plan-panel .button{width:100%}}
@media(max-width:430px){.account-page-heading h1{font-size:40px}.account-summary-card h2{font-size:30px}.account-summary-card .member-stats{grid-template-columns:1fr}.account-page .account-dialog{width:100%;height:100dvh;max-height:none;border-radius:0}.account-page .account-modal{padding:0}}