/* Shared MAXIMA Grammar TRY design, scoped to Story/Phonics screen UI. */
.try-ui-app{--green:#174d3b;--green2:#21684f;--soft:#eef5f1;--soft2:#f7faf8;--line:#dfe8e3;--text:#26362f;--muted:#748078;--ink:var(--text);--paper:var(--soft2);--cream:var(--soft2);--shadow:0 10px 28px rgba(23,77,59,.07);margin:0;color:var(--text);font-family:Arial,"Noto Sans KR",sans-serif;background:radial-gradient(circle at top right,rgba(33,104,79,.10),transparent 30%),linear-gradient(180deg,#eef5f1 0%,#f8faf9 42%,#fff 100%)}
.try-ui-app .try-page-top{box-sizing:border-box;max-width:1120px;min-height:54px;margin:24px auto 16px;padding:0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:0;background:transparent}
.try-ui-app .try-brand,.try-ui-app #brand.try-brand{display:flex;align-items:baseline;gap:8px;color:var(--green);text-decoration:none;letter-spacing:normal;font-size:19px;white-space:nowrap;margin-right:auto}
.try-ui-app .try-brand strong{font-size:19px;font-weight:900;letter-spacing:.08em}
.try-ui-app .try-brand span{font-size:13px;color:var(--muted);font-weight:800;letter-spacing:normal}
.try-ui-app .try-page-top nav{display:contents}
.try-ui-app .try-home-btn{order:10;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 13px!important;font-size:12px!important;font-weight:900!important;color:var(--green);background:#fff!important;border:1px solid var(--line)!important;border-radius:999px!important;box-shadow:var(--shadow)!important;text-decoration:none;white-space:nowrap}
.try-ui-app .try-page-top>div:not(#clock){font-size:13px;color:var(--muted)}
.try-ui-app .try-page-top button:not(.try-home-btn),.try-ui-app .try-page-top label{font-size:12px;padding:8px 13px;min-height:38px;margin:0;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.try-ui-app .try-hero{box-sizing:border-box;max-width:1120px;margin:0 auto 16px;background:linear-gradient(135deg,#174d3b,#21684f);padding:18px 18px 16px;border-radius:20px;color:#fff;box-shadow:0 10px 26px rgba(23,77,59,.16)}
.try-ui-app .try-hero-eyebrow{font-size:10px;font-weight:900;letter-spacing:.04em;color:rgba(255,255,255,.74)}
.try-ui-app .try-hero h1{font-size:clamp(25px,6vw,34px);font-weight:900;line-height:1.15;letter-spacing:normal;margin:7px 0 8px;color:#fff}
.try-ui-app .try-hero p{font-size:12px;line-height:1.55;max-width:620px;margin:0;color:rgba(255,255,255,.82)}
.try-ui-app main{box-sizing:border-box;max-width:1120px;margin:20px auto 0;padding:0 0 64px}
.try-ui-app #sync,.try-ui-app #sync-status{max-width:1120px;margin:12px auto;font-size:12px;padding:0;color:var(--muted)}
.try-ui-app:not(.try-worksheet-view) #app{font-size:16px;line-height:1.6}
.try-ui-app:not(.try-worksheet-view) #app h1{font-size:clamp(25px,4vw,34px);line-height:1.25;letter-spacing:normal;font-weight:900;margin:18px 0}
.try-ui-app:not(.try-worksheet-view) #app h2{font-size:23px;line-height:1.35}
.try-ui-app:not(.try-worksheet-view) #app p{font-size:16px;line-height:1.65}
.try-ui-app:not(.try-worksheet-view) :is(#app,#review) :is(button,input,select){box-sizing:border-box;font-family:inherit;border:1px solid var(--line);border-radius:12px;padding:11px 14px;min-height:46px;box-shadow:none;transform:none;color:var(--text)}
.try-ui-app:not(.try-worksheet-view) :is(#app,#review) button{font-weight:800;background:#fff;cursor:pointer}
.try-ui-app:not(.try-worksheet-view) :is(#app,#review) button.primary{background:var(--green);color:#fff;border-color:var(--green)}
.try-ui-app:not(.try-worksheet-view) :is(#app,#review) button:hover:not(:disabled){border-color:#91bbaa;background:var(--soft)}
.try-ui-app:not(.try-worksheet-view) :is(#app,#review) button.primary:hover:not(:disabled){background:var(--green2)}
.try-ui-app :is(button,a,input,select):focus-visible{outline:3px solid #91bbaa;outline-offset:3px}
.try-ui-app:not(.try-worksheet-view) #app :is(.panel,.card,.lesson-card){background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:24px}
.try-ui-app:not(.try-worksheet-view) #app .hero{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;gap:28px;box-shadow:var(--shadow)}
.try-ui-app:not(.try-worksheet-view) #app .hero-art{transform:none}
.try-ui-app:not(.try-worksheet-view) #app .hero-art>div{background:var(--soft);border-radius:14px;padding:14px}
.try-ui-app:not(.try-worksheet-view) #app .hero-art .big{font-size:48px}
.try-ui-app:not(.try-worksheet-view) #app .hero-art img{height:90px}
.try-ui-app:not(.try-worksheet-view) #app .eyebrow{font-size:11px;font-weight:900;letter-spacing:.05em;color:var(--green)}
.try-ui-app:not(.try-worksheet-view) #app .map span{background:#fff;border:1px solid var(--line);font-size:12px;border-radius:999px;padding:7px 12px}
.try-ui-app:not(.try-worksheet-view) #app .map .active{background:var(--green);color:#fff;border-color:var(--green)}
.try-ui-app:not(.try-worksheet-view) #app .map .done{background:var(--soft);color:var(--green)}
.try-ui-app:not(.try-worksheet-view) #app .progress{background:#dfe8e3;height:8px}
.try-ui-app:not(.try-worksheet-view) #app .progress i{background:var(--green)}
.try-ui-app:not(.try-worksheet-view) #app .question-prompt{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:18px;font-size:clamp(20px,3vw,25px);line-height:1.6;color:var(--green)}
.try-ui-app:not(.try-worksheet-view) #app :is(.options,.junior-choices) button{background:var(--soft2);font-size:20px;line-height:1.5;text-align:center;padding:16px;min-width:0}
.try-ui-app:not(.try-worksheet-view) #app button.good{background:#eef7ef;border-color:#5c9475!important;color:#174d3b}
.try-ui-app:not(.try-worksheet-view) #app button.bad{background:#fff9f1;border-color:#c79039!important;color:#805a24}
.try-ui-app:not(.try-worksheet-view) #app .feedback:not(:empty){background:var(--soft);border:1px solid var(--line);border-left:4px solid var(--green);border-radius:14px;padding:16px;font-size:16px}
.try-ui-app .try-old-teacher-intro{display:none!important}
.try-ui-app.try-teacher #review{background:#f7f9fc;border:1px solid #d7e3ee;border-radius:20px;padding:22px;box-shadow:none}
.try-ui-app.try-teacher .filters{gap:12px;align-items:end}
.try-ui-app.try-teacher .filters label{font-size:14px;font-weight:900;margin:0;display:flex;flex-direction:column;gap:8px}
.try-ui-app.try-teacher .filters :is(input,select){background:#fff;border-color:#c4d8d0!important;margin:0;min-width:170px}
.try-ui-app.try-teacher .toolbar{margin:18px 0;gap:8px}
.try-ui-app.try-teacher .toolbar button.active{background:#18355a!important;color:#fff!important;border-color:#18355a!important}
.try-ui-app.try-teacher #load{background:#008762;color:#fff}
.try-ui-app.try-teacher .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0}
.try-ui-app.try-teacher .stat{background:#fff;border:1px solid #d9e5ed;border-radius:14px;padding:16px;font-size:12px;color:#748078}
.try-ui-app.try-teacher .stat strong{display:block;font-size:26px;font-weight:900;color:var(--green)}
.try-ui-app.try-teacher .lesson-card{background:#fff;border:1px solid #d8e5ee;border-radius:16px;padding:16px 18px;margin:14px 0}
.try-ui-app.try-teacher .notice{background:#eef5f1;border-radius:12px;padding:12px 16px;font-size:13px}
.try-ui-app :is(.review-dialog,.wrong-dialog){border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 60px #174d3b26;font-family:Arial,"Noto Sans KR",sans-serif}
.try-ui-app .review-dialog :is(button,.primary),.try-ui-app .wrong-dialog button{border-radius:12px;font-family:inherit;box-shadow:none}
.try-ui-app footer{max-width:1120px;margin:0 auto;padding:16px 0 28px;color:var(--muted);font-size:12px}
.try-ui-app.try-worksheet-view .try-hero{display:none}
@media(max-width:1170px){.try-ui-app :is(.try-page-top,.try-hero,main,#sync,#sync-status,footer){margin-left:24px;margin-right:24px}}
@media(max-width:600px){.try-ui-app :is(.try-page-top,.try-hero,main,#sync,#sync-status,footer){margin-left:12px;margin-right:12px}.try-ui-app .try-page-top{margin-top:16px;gap:8px}.try-ui-app .try-brand{flex:1 1 65%}.try-ui-app .try-home-btn{order:0}.try-ui-app .try-hero{padding:15px 14px;border-radius:17px}.try-ui-app main{padding-bottom:40px}.try-ui-app:not(.try-worksheet-view) #app :is(.panel,.card,.lesson-card,.hero){padding:18px;border-radius:17px}.try-ui-app:not(.try-worksheet-view) #app .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.try-ui-app:not(.try-worksheet-view) #app .options{grid-template-columns:1fr}.try-ui-app.try-teacher #review{padding:14px}.try-ui-app.try-teacher .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.try-ui-app.try-teacher .filters label{flex:1 1 170px}.try-ui-app.try-teacher .filters :is(input,select){width:100%;min-width:0}.try-ui-app.try-teacher #load{width:100%}}
@media print{.try-ui-app{background:#fff}.try-ui-app .try-page-top,.try-ui-app .try-hero{display:none!important}.try-ui-app main{margin:0!important;padding:0!important;max-width:none}.try-ui-app.try-worksheet-view{font-family:system-ui,sans-serif}}
@media screen{
.try-ui-app :is(.review-dialog,.wrong-dialog){width:min(1120px,calc(100vw - 32px));max-width:1120px;max-height:calc(100dvh - 32px);padding:22px;color:var(--text);background:#f7f9fc;overflow:auto}
.try-ui-app :is(.review-dialog,.wrong-dialog)::backdrop{background:rgba(15,35,28,.65)}
.try-ui-app :is(.review-dialog,.wrong-dialog) :is(.slide,.wrong-slide){min-height:0;background:#fff;border:1px solid #d8e5ee;border-radius:18px;padding:24px;text-align:center}
.try-ui-app :is(.review-dialog,.wrong-dialog) h2{font-size:clamp(23px,3vw,30px);line-height:1.45;letter-spacing:normal;color:#174d3b}
.try-ui-app :is(.review-dialog,.wrong-dialog) :is(.row,.toolbar){gap:10px;flex-wrap:wrap}
.try-ui-app :is(.review-dialog,.wrong-dialog) button{min-height:44px;padding:11px 16px;font-size:14px;font-weight:900;border:1px solid #c8d8e5;border-radius:12px;background:#fff;color:#213e58;box-shadow:none}
.try-ui-app :is(.review-dialog,.wrong-dialog) button.primary{background:#174d3b;color:#fff;border-color:#174d3b}
.try-ui-app :is(.review-dialog,.wrong-dialog) .teacher-search-page{background:#eef5f1;border:1px solid #dfe8e3;border-radius:14px;overflow:hidden}
@media(max-width:600px){.try-ui-app :is(.review-dialog,.wrong-dialog){width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:14px}.try-ui-app :is(.review-dialog,.wrong-dialog) :is(.slide,.wrong-slide){padding:16px}}
}
@media screen{.try-ui-app{min-height:100vh;background-attachment:fixed}.try-ui-app #brand.try-brand span{color:#748078!important;font-size:13px!important;font-weight:800!important}.try-ui-app.try-teacher .stat b{display:block;font-size:26px;font-weight:900;color:#174d3b}.try-ui-app.try-teacher .filters label{text-align:left}.try-ui-app.try-teacher #load{background:#008762!important;color:#fff!important}.try-ui-app #story-clock{max-width:1120px;margin:12px auto;box-sizing:border-box}.try-ui-app .try-page-top .try-home-btn{min-height:38px!important}.try-ui-app.try-teacher #review>p:empty{display:none}}
@media screen{.try-ui-app .review-dialog #next,.try-ui-app .wrong-dialog #wrong-next{background:#174d3b;color:#fff;border-color:#174d3b}.try-ui-app .review-dialog .answer{background:#eef5f1;border:1px solid #c4d8d0;border-left:4px solid #174d3b;border-radius:14px;padding:16px;color:#174d3b}.try-ui-app.try-teacher .review-dialog .slide{overflow:visible}}
/* Assigned Story TRY review uses the same presentation shell in TRY CHECK. */
@media screen{dialog.class-review{box-sizing:border-box;width:min(1120px,calc(100vw - 32px));max-width:1120px;max-height:calc(100dvh - 32px);border:1px solid #dfe8e3;border-radius:20px;padding:22px;background:#f7f9fc;color:#26362f;font-family:Arial,"Noto Sans KR",sans-serif;box-shadow:0 20px 60px #174d3b26;overflow:auto}dialog.class-review::backdrop{background:rgba(15,35,28,.65)}dialog.class-review .review-toolbar,dialog.class-review .review-nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:0 0 16px;font-size:14px}dialog.class-review .review-nav{margin:16px 0 0}dialog.class-review button{min-height:44px;padding:11px 16px;font:900 14px Arial,"Noto Sans KR",sans-serif;border:1px solid #c8d8e5;border-radius:12px;background:#fff;color:#213e58;box-shadow:none}dialog.class-review #review-next{background:#174d3b;color:white;border-color:#174d3b}dialog.class-review .review-slide{background:#fff;border:1px solid #d8e5ee;border-radius:18px;padding:24px;min-height:0;color:#26362f}dialog.class-review .review-slide h1{font-size:clamp(23px,3vw,30px);line-height:1.45;letter-spacing:normal;color:#174d3b}dialog.class-review .review-slide h2{background:#eef5f1;border:1px solid #c4d8d0;border-left:4px solid #174d3b;border-radius:14px;padding:16px;color:#174d3b;font-size:25px}dialog.class-review .review-choices p{padding:12px 16px;border:1px solid #dfe8e3;border-radius:12px;background:#f7faf8;font-size:18px}dialog.class-review .teacher-search-page{background:#eef5f1;border:1px solid #dfe8e3;border-radius:14px;overflow:hidden}@media(max-width:600px){dialog.class-review{width:calc(100vw - 16px);padding:14px}dialog.class-review .review-slide{padding:16px}}}

/* Worksheet print navigation fix */
@media print{nav[aria-label="Class TRY navigation"]{display:none!important}}