/* 가독성·터치 보정: 보조 문구도 최소 12px, 모바일 터치 대상은 44px 이상.
   (다른 스타일보다 구체적으로 써서 나중에 로드돼도 이기도록 html body 접두사를 붙임) */
html body .menu-group-title{font-size:12px}
html body .menu-pill{font-size:12px;padding:2px 6px}
html body .sidebar-account p{font-size:12px}
html body .sidebar-account-kicker{font-size:12px}
html body .sidebar-account-links{font-size:13px}
html body .sidebar-account-links a{display:inline-flex;align-items:center;min-height:36px;padding:0 4px}
html body .feedback-controls button{font-size:12px;min-height:40px}
html body .account-content .crumb,html body .account-content .p-head .crumb{font-size:12px}
html body .account-footer,html body .account-footer span{font-size:12px}
html body .student-path-kicker{font-size:12px}
html body .student-start-footer small,html body .growth-task small{font-size:12px}
html body .top-menu-intro small{font-size:12px}
html body .sp-kind{font-size:12px}
html body small{font-size:12px}
html body .sidebar-toggle{min-width:44px;min-height:44px}
html body .menu-more>summary{min-height:44px;display:flex;align-items:center}
@media(max-width:760px){
  html body .sidebar-account-links a{min-height:44px;padding:0 10px}
  html body main summary,html body .growth-panel summary,html body .account-content summary{min-height:44px;display:flex;align-items:center}
  html body .breadcrumb a,html body .dino-site-logo{display:inline-flex;align-items:center;min-height:44px}
  html body .btn.sm,html body .btn.ghost.sm,html body button.sp-change,html body button.sp-clear{min-height:44px}
  html body .member-links a{display:inline-flex;align-items:center;min-height:44px}
}
html body .dino-topnav summary,html body .dino-topnav .dino-top-home,html body .dino-topnav .dino-top-home b{font-size:12px}
html body .lv-next,html body .rec-sub,html body .rec-tag{font-size:12px}
@media(max-width:760px){
  html body main p>a:only-child,html body .today-foot a,html body .growth-panel p>a:only-child{display:inline-block;padding:13px 8px;margin:-6px -2px}
  html body .today-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}
}
@media(max-width:620px){html body .account-content>.p-head{padding-right:104px}}
html body .rec-types>summary{cursor:pointer;list-style:none;min-height:44px;display:flex;align-items:center}
html body .rec-types>summary::-webkit-details-marker{display:none}
html body .rec-types>summary:after{content:'⌄';margin-left:auto;font-size:18px;color:#5d8869}
html body .rec-types[open]>summary:after{content:'⌃'}
/* 가족·보호자 화면: 부모가 가장 먼저 보고 싶은 '연결된 자녀'를 위로, 설명·안내는 아래로 */
html body.account-parents .account-content{display:flex;flex-direction:column}
html body.account-parents .account-content>*{order:5}
html body.account-parents .account-content>nav.mobile-links{order:0}
html body.account-parents .account-content>.pw-first{order:1}
html body.account-parents .account-content>.p-head{order:2}
html body.account-parents .account-content>.badges-wrap{order:3}
html body.account-parents .account-content>.btnrow{order:4}
html body.account-parents .account-content>nav.student-record-tabs{order:8}
html body.account-parents .account-content>.pw-guide{order:9}
html body.account-parents .account-content>p.student-note:not(.pw-first){order:10}
html body.account-parents .account-content>.btnrow{margin:14px 0}
/* 홈·도움말·문제 풀이 화면의 라벨류도 최소 12px (일괄 치환 대신 눈에 띄는 것만 지정) */
html body .hero-features span,html body .eyebrow,html body .hero-art-note,html body .subtle,
html body .eg-meta,html body .world-meta,html body .eg-label,html body .example-label,html body .example-step,
html body .guide-demo-label,html body .demo-crumb,html body .demo-selected,html body .demo-choice,
html body .practice-kicker,html body .option-group-title,html body .steplabel,html body .pill,html body .ap-jump,
html body .student-next small{font-size:12px}
html body .ap-jump{min-height:40px}