/* Läsbarhet först: surfplatta på armlängds avstånd och dator. */
html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.step-coach{font-size:16px;line-height:1.8;color:#c3cbd5;margin:-17px 0 26px}
.preview-card{max-width:285px;display:grid;gap:14px;padding:24px;background:#1b1e23;border:1px solid #3c424c;border-radius:15px}.preview-card p{font-size:14px;color:#aeb6c2;margin:0}.preview-card .button{font-size:15px}.preview-notice{padding:15px 20px;border:1px solid #535d6c;background:#222832;border-radius:10px;font-size:14px;line-height:1.8;margin-bottom:26px;color:#d2dbe8}
.course-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:26px}.course-card{border-radius:20px;overflow:hidden}.course-visual{height:260px;background:radial-gradient(ellipse at 85% 45%,#394536 0,transparent 50%),linear-gradient(125deg,#202630,#171c24);padding:30px}.course-number{font-size:14px;color:#d1d9e3;letter-spacing:1.5px}.visual-label{font-family:'Space Grotesk';font-size:23px;line-height:1.35;letter-spacing:-.4px;max-width:280px;bottom:30px;left:30px}.contour{right:20px;top:-25px;transform:rotate(-18deg) scale(1.15)}.contour i{border-color:#b1d07d80}.contour b{font-size:85px}.course-body{padding:30px}.course-body>.kicker{font-size:13px}.course-body h3{font-size:33px;line-height:1.2;letter-spacing:-1px}.course-body p{font-size:17px;line-height:1.8}.course-start{display:flex;justify-content:space-between;align-items:center;margin-top:25px;background:var(--lime);color:#18200d;border-radius:10px;padding:16px 21px;font-size:17px;font-weight:700}.course-start>span{font-size:24px}.course-meta{font-size:14px}.new-course{background:#171a1e;border-style:solid;padding:34px;justify-content:center}.new-course h3{font-size:31px;line-height:1.25;max-width:none}.new-course p{font-size:17px;line-height:1.8}.new-course .text-link{font-size:16px}.new-course .plus{background:#282e37;width:55px;height:55px;margin-bottom:30px}.page-intro{margin-bottom:40px}.subject-strip{padding-top:25px;margin-top:30px}.student-welcome{padding-block:8px}.next-quest{border-radius:20px;border-color:#4e5967;box-shadow:0 14px 50px #0002}.next-quest .quest-copy>.kicker{font-size:13px}.quest-art{background:radial-gradient(ellipse at 55% 50%,#b4e47520,transparent 70%),repeating-radial-gradient(ellipse at 90% 50%,transparent 0,transparent 25px,#a8c98530 26px,transparent 27px)}.quest-art>span{font-size:112px}.quest-art>b{font-size:12px;letter-spacing:1.7px}.student-goals{gap:23px}.daily-goal,.next-reward{border-radius:16px;padding:29px}.student-subject{border-radius:16px}.student-subject .mini-track{height:7px}.rewards-grid{gap:20px}.reward-icon{font-size:49px}
@media(max-width:850px){.course-grid{grid-template-columns:1fr}.page-intro{align-items:flex-start}.preview-card{max-width:230px;padding:20px}.course-visual{height:230px}.new-course{display:grid;grid-template-columns:55px 1fr;gap:12px 24px;align-items:center}.new-course .plus{grid-row:1/4;margin:0}.new-course h3,.new-course p,.new-course .text-link{margin:0;max-width:none}.course-start{max-width:none}}
@media(max-width:580px){.page-intro{display:block}.page-intro h1{font-size:37px;line-height:1.15}.page-intro p{font-size:16px;line-height:1.8}.preview-card{max-width:none;grid-template-columns:1fr auto;align-items:center;margin-top:25px;padding:19px}.preview-card .kicker{grid-column:1/-1}.preview-card p{font-size:12px;grid-column:1/-1}.course-visual{height:215px;padding:24px}.visual-label{font-size:22px;left:24px;bottom:23px;max-width:220px}.course-number{font-size:12px}.contour{right:-40px;top:-55px;opacity:.7}.course-body{padding:25px}.course-body h3{font-size:30px}.course-body>.kicker{font-size:12px}.course-body p{font-size:16px}.course-start{font-size:16px;margin-top:22px}.course-meta{font-size:12px}.new-course{padding:25px;gap:12px 18px;grid-template-columns:42px 1fr}.new-course .plus{height:46px;width:42px;font-size:28px}.new-course h3{font-size:25px}.new-course p{font-size:15px}.new-course .text-link{font-size:15px}.quest-art>span{font-size:140px}.quest-copy .hero-actions{margin-top:24px}.daily-goal,.next-reward{padding:24px}.preview-notice{font-size:13px}}
body{font-size:16px}
/* Även entrén ska vara läsbar: inga 8–11 px-formulär eller mikrotexter. */
.landing{width:100%;max-width:1280px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);padding:clamp(38px,6vh,80px) 32px;min-height:calc(100svh - 180px)}
.landing-copy,.auth-panel{min-width:0}
.landing h1{font-size:clamp(44px,4.5vw,68px);line-height:1.12;letter-spacing:-2.6px}
.landing-copy>.kicker,.auth-panel>.kicker{font-size:13px;letter-spacing:1.3px;line-height:1.8}
.landing-copy>p{font-size:18px;line-height:1.85}
.landing-tags{font-size:14px;gap:20px;flex-wrap:wrap;line-height:1.7}
.auth-panel{padding:clamp(26px,3vw,42px)}
.auth-panel h2{font-size:clamp(28px,2.3vw,34px);line-height:1.3;letter-spacing:-.8px}
.auth-panel>p{font-size:16px;line-height:1.8;margin-bottom:25px}
.auth-tabs{gap:5px;padding:6px;margin-bottom:29px}
.auth-tabs button{font-size:16px;min-height:50px;padding:13px}
#auth-form label,#setup-form label{font-size:16px;line-height:1.6;margin-bottom:22px}
#auth-form input,#setup-form input{font-size:18px;min-height:58px;padding:15px 17px}
.password-wrap input{padding-right:76px!important}
.password-wrap button{font-size:14px;min-width:60px;min-height:48px;top:5px;right:6px;padding:12px}
.auth-panel .auth-bottom{font-size:14px!important;line-height:1.85!important;color:#b2b7c0!important;margin-top:26px!important}
.form-error{font-size:15px;line-height:1.8}
.header-note{font-size:12px;letter-spacing:1.5px;color:#a7adb7}
.signal-art>span{font-size:13px;letter-spacing:2px}
.signal-art>small{font-size:11px;color:#a0a9b5;letter-spacing:1.3px}
footer{font-size:13px;line-height:1.7}#sync-state{font-size:12px;max-width:280px}
.source-item,.prose{font-size:16px;line-height:1.9}
.source-details summary{min-height:48px}
.course-meta{font-size:13px;line-height:1.7}
.course-number{font-size:12px}.visual-label{font-size:15px}
.new-course p{font-size:16px}.subject-strip{font-size:14px}.subject-strip>span:first-child{font-size:12px;line-height:1.8}
.document-row{min-width:0}.document-row>div{min-width:0}
.section-title,.hero-actions,.row{flex-wrap:wrap}
.number-field input{min-width:0}
@media(max-width:1050px) and (min-width:761px){.landing{gap:30px;padding-inline:28px}.landing h1{font-size:49px}.landing-copy>p{font-size:17px}.auth-panel{padding:28px}.auth-panel h2{font-size:28px}.landing-tags{gap:12px;font-size:13px}}
@media(max-width:760px){.landing{grid-template-columns:minmax(0,1fr);padding:36px 24px 48px;gap:32px;min-height:auto}.landing h1{font-size:clamp(43px,7.5vw,60px);max-width:620px}.landing-copy>p{font-size:18px}.auth-panel{width:100%;padding:32px;max-width:620px;justify-self:center}.auth-panel>.kicker{font-size:12px}.auth-panel h2{font-size:31px}.auth-panel>p{font-size:16px}.landing-tags{font-size:14px}.header-note{font-size:11px}.landing .signal-art{display:none}}
@media(max-width:480px){.landing{padding:29px 20px 40px;gap:28px}.landing h1{font-size:43px;letter-spacing:-1.8px;margin:20px 0}.landing-copy>.kicker{font-size:12px;letter-spacing:1px}.landing-copy>p{font-size:17px;line-height:1.8}.landing-tags{font-size:13px;gap:14px;margin-top:22px}.auth-panel{padding:26px 22px}.auth-panel>.kicker{font-size:12px;letter-spacing:1px}.auth-panel h2{font-size:28px}.auth-panel>p{font-size:16px}.auth-tabs button{font-size:16px;min-height:50px}.auth-panel .auth-bottom{font-size:14px!important}#auth-form label{font-size:16px}#auth-form .button{font-size:16px;gap:12px;min-height:58px}.header-note{font-size:10px;letter-spacing:.8px;max-width:165px;text-align:right;line-height:1.8}.course-meta{font-size:12px}.document-row{flex-wrap:wrap}.document-row>button{margin-left:0}.section-title>.muted{display:block;max-width:none;text-align:left}.subject-strip>span:first-child{font-size:11px}footer{font-size:12px}#sync-state{font-size:11px;max-width:190px}}
.kicker{font-size:11px;letter-spacing:1.5px}
.nav-button{font-size:14px;padding:12px 18px}
.user-menu{font-size:14px}.xp{font-size:14px}
.back,.text-button{font-size:14px;min-height:48px}
.button{font-size:16px;min-height:56px;padding:17px 25px}
.student-page{max-width:1160px}
.student-welcome h1{font-size:48px;line-height:1.15}
.student-welcome p,.quest-copy>p,.course-hero p,.intro-text{font-size:17px;line-height:1.8}
.quest-copy{padding:38px}
.quest-copy h2{font-size:38px;line-height:1.2}
.quest-copy .hero-actions>span{font-size:13px;line-height:1.6}
.xp-title strong{font-size:34px}.xp-title span{font-size:14px}
.level-medal{font-size:36px}
.daily-goal h3,.next-reward h3{font-size:27px}
.daily-goal p,.next-reward p{font-size:15px;line-height:1.8}
.daily-steps>span{height:43px;width:43px;font-size:15px}
.student-subject h3{font-size:29px;line-height:1.25}.student-subject p{font-size:14px}
.student-footnote{font-size:13px}
.reward-card h3{font-size:23px;line-height:1.3}.reward-card p{font-size:14px}
.streak-tag span{font-size:12px;line-height:1.6}
.play-page{max-width:1180px}
.play-layout{grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:28px}
.panel h1{font-size:35px;line-height:1.3;letter-spacing:-1px}
.lesson-text{font-size:21px;line-height:1.9;max-width:65ch}
.focus-line>span{font-size:11px}.focus-line>p{font-size:18px;line-height:1.8}
.challenge-description{font-size:16px;line-height:1.8}
.option{font-size:18px;line-height:1.7;padding:19px;min-height:76px}
.option>span{height:36px;min-width:36px;font-size:14px}
.ordered>div,.order-item{font-size:17px;line-height:1.8}
.order-item{padding:18px;min-height:60px}
.matching label,.matching select{font-size:17px}
label{font-size:15px}
input:not([type=range]):not([type=checkbox]),textarea,select{font-size:17px;line-height:1.7}
.field-note{font-size:13px;line-height:1.8}
.feedback h3{font-size:27px}.feedback p,.feedback li{font-size:17px;line-height:1.85}
.model-review>p{font-size:18px;line-height:1.9}
.model-review h3{font-size:24px}
.rubric label{font-size:16px;line-height:1.8;padding:17px}
.rubric input{width:22px;height:22px}
.aside-note p{font-size:15px;line-height:1.9}.aside-note h3{font-size:27px}
.session-stat span{font-size:13px}
.play-top>span{font-size:12px}
.lab{padding:25px}.lab-badge{font-size:10px;letter-spacing:1.1px}
.lab h3{font-size:26px}.lab label{font-size:14px}.lab-caption{font-size:13px;line-height:1.8}
.lab-output{font-size:16px;line-height:1.8}
.chip,.route{font-size:14px;min-height:48px}
.force-model span{font-size:13px}.energy-flow span{font-size:11px}.energy-flow div{font-size:13px}
.cash-panel{padding:24px 28px}.cash-panel h3{font-size:34px}
.cash-panel h3 small{font-size:14px}.cash-panel>p{font-size:13px;line-height:1.8}
.cash-xp>b{font-size:19px}.cash-xp>strong{font-size:31px}
.play-page>[data-cash-course]>.cash-panel>p{font-size:12px}
.cash-pop>span,.xp-pop>span{font-size:14px;line-height:1.7}
.case-card{padding:26px;min-height:295px}.case-card h3{font-size:26px}.case-card>p{font-size:15px;line-height:1.8}
.case-top,.case-status,.topic{font-size:12px}.case-code{font-size:11px}
.mode-card p{font-size:14px}.mode-card h3{font-size:24px}.mode-card .kicker{font-size:10px}
.source-details{font-size:13px}.note{font-size:14px;line-height:1.9}
.summary>p{font-size:16px}.summary-items>div{font-size:15px}.summary-items>div>small{font-size:12px}
.summary-rewards>span,.summary-rewards>p{font-size:15px}
.reward-setting>h3{font-size:26px}
.default-reward-form p{font-size:14px}.default-reward-form>.field-note{font-size:13px}
.reward-form>p{font-size:14px}.reward-form .button{font-size:14px}
.document-row p{font-size:13px}.document-row h3{font-size:21px}
.upload-panel>p,.upload-panel input[type=file]{font-size:15px!important}
.section-title>.muted{font-size:13px}
@media(max-width:850px){.play-layout{grid-template-columns:1fr}.play-aside{display:grid;grid-template-columns:1fr}.lesson-text{font-size:20px}.student-welcome h1{font-size:40px}.quest-copy h2{font-size:33px}}
@media(max-width:580px){
  #header{height:auto;min-height:82px;flex-wrap:wrap;padding:17px 20px;gap:13px}
  #header .logo{font-size:27px;order:0}.user-menu{margin-left:auto;order:1}
  #header nav{order:2;width:100%;gap:9px;display:flex;justify-content:flex-start;border-top:1px solid #30343b;padding-top:10px}
  .nav-button{font-size:13px;padding:10px 12px;min-height:44px}
  .xp{font-size:13px}.user-name{display:none}.logout{width:36px;height:36px}
  .header-note{font-size:9px}
  .student-welcome{gap:12px}.student-welcome h1{font-size:34px;line-height:1.15;letter-spacing:-1.2px}
  .student-welcome p{font-size:15px;line-height:1.8}
  .streak-tag{max-width:80px;padding:13px 9px}.streak-tag span{font-size:10px}
  .kicker{font-size:10px;letter-spacing:1.2px}
  .level-info>.kicker{font-size:9px}.xp-title strong{font-size:29px}.xp-title span{font-size:12px}
  .quest-copy{padding:27px 23px}.quest-copy h2{font-size:33px}.quest-copy>p{font-size:16px}
  .quest-copy .button{font-size:16px;min-height:58px}.quest-copy .hero-actions>span{font-size:12px}
  .daily-goal h3,.next-reward h3{font-size:26px}.daily-goal p,.next-reward p{font-size:15px}
  .student-subject{padding:23px 19px}.student-subject h3{font-size:24px}.student-subject p{font-size:13px}.student-subject .kicker{font-size:10px}
  .subject-emblem{width:42px;height:56px}.student-subject>.arrow{width:30px;height:30px}
  .rewards-grid{grid-template-columns:1fr 1fr}.reward-card{padding:22px 17px}.reward-card h3{font-size:22px}.reward-card p{font-size:13px}.reward-card>.kicker{font-size:9px}
  .panel{padding:27px 22px}.panel h1{font-size:29px;line-height:1.35}
  .lesson-text{font-size:19px;line-height:1.9}.focus-line>p{font-size:17px}
  .challenge-description{font-size:15px}.option{font-size:17px;padding:17px;gap:13px}.option>span{min-width:31px;height:31px;font-size:13px}
  .field-note{font-size:12px}.button{font-size:15px;min-height:55px}.back,.text-button{font-size:13px}
  .play-top{gap:12px}.play-top>span{font-size:10px;letter-spacing:.4px;text-align:right}
  .matching label,.matching select,.ordered>div,.order-item{font-size:16px}
  .feedback p,.feedback li{font-size:16px}.feedback h3{font-size:25px}
  .model-review>p{font-size:17px}.rubric label{font-size:15px;padding:15px}
  .aside-note p{font-size:14px}.lab h3{font-size:25px}.lab-caption{font-size:13px}.lab-output{font-size:16px}
  .cash-panel{padding:21px}.cash-panel h3{font-size:30px}.cash-panel h3 small{font-size:12px}.cash-panel>p{font-size:12px}.cash-xp>b{font-size:16px}.cash-xp>strong{font-size:28px}
  .cash-pop,.xp-pop{flex-wrap:wrap;gap:8px 15px}.cash-pop>span,.xp-pop>span{font-size:12px}
  .case-card h3{font-size:28px}.case-card>p{font-size:16px}.case-top,.case-status,.topic{font-size:11px}
  .mode-card p{font-size:13px}.mode-card h3{font-size:23px}
  .summary-items>div>span:nth-child(2){font-size:15px}.summary-items>div>small{font-size:12px}
  .note{font-size:13px}.student-footnote{font-size:12px}.section-title>.muted{font-size:12px}
}