/* PC・タブレット・スマートフォン共通の読みやすさ */
button,input,select{touch-action:manipulation}
html{scroll-behavior:auto!important;scroll-padding-top:8px}
.page-indicator span.visited{cursor:pointer;border-color:#4f9d91;color:#0a625a;background:#e9f8f4}.page-indicator span.visited:hover,.page-indicator span.visited:focus-visible{outline:3px solid #99f6e4;outline-offset:2px}.page-indicator span.active{cursor:pointer!important;background:#0f766e!important;color:#fff!important}
.page-indicator span.completed{border-color:#16834f;background:#d9f7e6;color:#075f35;box-shadow:inset 0 0 0 2px #79d5a3}.page-indicator span.completed:not(.active)::after{content:'✓';position:absolute;transform:translate(13px,-13px);display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#16834f;color:#fff;font-size:11px;font-weight:900}.page-indicator span{position:relative}
@media (min-width:621px) and (max-width:1100px){
  :root{font-size:18px}
  main{max-width:none;margin:22px auto;padding:0 24px}
  .topbar{padding:18px 24px}
  .card{padding:30px;margin:18px 0;border-radius:20px}
  .section-title h2{font-size:27px;line-height:1.35}
  .section-title span{width:42px;height:42px;font-size:18px;flex:0 0 42px}
  label,legend{font-size:19px}
  input,select{min-height:60px;padding:13px 15px;font-size:20px}
  .primary,.secondary,.ghost{min-height:58px;font-size:19px}
  .large-question,.assessment-lead,.confirmation-lead,.summary-lead,.burden-lead{font-size:23px!important;line-height:1.65}
  .question-help,.hint,.muted{font-size:17px;line-height:1.65}
  .choice-grid span,.management-choice-buttons span{min-height:66px;font-size:19px}
  .insurance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .confirmation-actions{position:sticky;bottom:0;z-index:5;padding:12px 0;background:linear-gradient(transparent,#fff 20%)}
}
@media (max-width:620px){
  :root{font-size:17px}
  main{margin:14px auto;padding:0 10px}
  .card{padding:20px 15px;margin:12px 0;border-radius:15px}
  .section-title{align-items:flex-start}
  .section-title h2{font-size:23px;line-height:1.4}
  .section-title span{flex:0 0 38px;width:38px;height:38px}
  label,legend{font-size:18px}
  input,select{min-height:58px;padding:12px;font-size:20px}
  .primary,.secondary{width:100%;min-height:58px;font-size:19px}
  .large-question,.assessment-lead,.confirmation-lead,.summary-lead,.burden-lead{font-size:21px!important;line-height:1.65}
  .question-help,.hint,.muted{font-size:16px;line-height:1.65}
  .confirmation-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .insurance-grid{grid-template-columns:1fr}
}