/* Screen-specific reconstruction from the 1672×941 LayerLab references. */
.layout{grid-template-columns:240px minmax(0,1fr)}.main{padding-left:24px;padding-right:24px}.sidebar{padding-top:28px}.brand{font-size:23px;padding:0 12px}.nav button{height:58px;font-size:19px}.sidebar-foot{padding:0 18px}
.nav button{font-size:18px;padding:0 17px;gap:15px;white-space:nowrap}
#app[data-page="cms"] .page-head,#app[data-page="admin"] .page-head,#app[data-page="media-qa"] .page-head{min-height:68px;margin-bottom:10px}
.result-layout{display:grid;gap:9px}.result-scores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:165px;padding:19px}.result-score{display:flex;align-items:flex-start;gap:16px;padding:0 18px;border-right:1px solid #dce7f7}.result-score:last-child{border:0}.result-icon{display:grid;place-items:center;flex:none;width:72px;height:72px;border-radius:50%;background:#e4f7ed;color:#1c9a5e;font-size:37px;font-weight:700}.result-icon svg{width:38px;height:38px;stroke:currentColor;stroke-width:1.8;fill:none}.result-icon.color-1{background:#e9f4ff;color:#2877ed}.result-icon.color-2{background:#f0eaff;color:#7652d9}.result-icon.color-3{background:#e4f7ed;color:#1c9a5e}.result-score h2{font-size:21px;margin:2px 0 0}.result-score strong{display:block;font-size:43px;line-height:1.1;margin:7px 0}.result-score strong small{font-size:28px;font-weight:600}.result-score p{margin:0;color:#6b7e9f;font-size:15px}.result-lists{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.result-list{min-height:304px;padding:8px 12px}.result-list.good{border-color:#cdeedb}.result-list.warn{border-color:#f8dfc2}.result-list.neutral{border-color:#d7e3f5}.result-list-head{background:#f1fbf6;border-radius:12px 12px 4px 4px;height:65px;padding:0 13px;display:flex;align-items:center;justify-content:space-between}.result-list.warn .result-list-head{background:#fff8ed}.result-list.neutral .result-list-head{background:#f5f8fc}.result-list-head h2{font-size:20px}.result-list-head span{font-size:20px;font-weight:750;color:#229b60}.result-list.warn .result-list-head span{color:#cb8525}.result-list.neutral .result-list-head span{color:#627896}.result-word{min-height:42px;display:grid;grid-template-columns:56px minmax(0,1fr) minmax(80px,.8fr);align-items:center;padding:2px 13px;font-size:17px}.result-word img{width:42px;height:38px;object-fit:contain}.result-word span{color:#627799}.result-bottom{display:grid;grid-template-columns:.9fr 1fr;gap:12px}.result-bottom>section{min-height:270px}.result-bottom h2{font-size:20px;margin-bottom:12px}.result-bottom strong{font-size:26px}.result-bottom p{color:#627799;line-height:1.5}.result-recommend{background:#f0f6ff;border-radius:14px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;margin-top:23px}.review-timeline{display:flex;justify-content:space-around;position:relative;margin:22px 0}.review-timeline:before{content:"";position:absolute;top:23px;left:10%;right:10%;border-top:2px solid #ccdbf3}.review-timeline>div{display:grid;justify-items:center;gap:9px;z-index:1}.review-timeline span{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#e9eef8;color:#35517d;font-weight:700}.review-timeline span.active{background:#1764ef;color:white}.review-timeline small{color:#657b9b}
@media(max-width:1200px){.result-score{padding:0 8px}.result-score p{display:none}.result-icon{width:52px;height:52px;font-size:25px}.result-score strong{font-size:32px}}@media(max-width:780px){.result-scores,.result-lists,.result-bottom{grid-template-columns:1fr}.result-score{border-right:0;border-bottom:1px solid #dce7f7;padding:12px}.result-score:last-child{border:0}.result-list{min-height:0}.result-bottom>section{min-height:0}}
.parent-hero{min-height:112px;padding:18px 23px;display:flex;align-items:center;gap:16px;margin-bottom:14px}.parent-avatar{width:62px;height:62px;border-radius:50%;background:#eee5fb;color:#6d42ba;display:grid;place-items:center;font-size:25px;font-weight:800}.parent-hero h2{font-size:30px;margin:0 0 4px}.parent-hero p{margin:0;color:#5e7399}.parent-week{margin-left:auto;border:1px solid #cbdcf6;border-radius:50px;padding:10px 18px;font-weight:700}.parent-story{min-height:261px}.parent-story>h2{font-size:23px}.parent-story>p{margin:5px 0 17px;color:#62799e}.parent-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}.parent-stat{min-height:146px;border-radius:13px;padding:15px;position:relative}.parent-stat-icon{display:grid;place-items:center;background:#fff9;width:40px;height:40px;border-radius:50%;font-size:26px;color:#1972d6}.parent-stat-icon svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2}.parent-stat strong{position:absolute;top:19px;left:63px;font-size:27px}.parent-stat strong small{font-size:16px}.parent-stat b{display:block;font-size:15px;margin-top:5px}.parent-stat p{font-size:15px;line-height:1.35;color:#5f7498;margin:10px 0 0}.parent-middle{display:grid;grid-template-columns:1.1fr 1fr;gap:14px;margin-top:14px}.parent-middle>section{min-height:247px}.parent-middle h2{font-size:21px}.parent-middle p{color:#657a9d;margin:4px 0 0}.parent-calendar{display:grid;grid-template-columns:repeat(7,1fr);margin-top:20px;border:1px solid #dce7f7;border-radius:13px;overflow:hidden}.parent-calendar>div{min-height:110px;display:grid;justify-items:center;align-content:center;gap:5px;border-right:1px solid #dce7f7}.parent-calendar>div:last-child{border:0}.parent-calendar small{color:#6b80a0}.parent-calendar span{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#eaf0f8;color:#8698b5;font-size:20px}.parent-calendar span.done{background:#1764ef;color:#fff}.parent-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}.parent-example{border:1px solid #dce7f7;border-radius:12px;display:flex;align-items:center;gap:10px;min-height:139px;padding:12px}.parent-example img{width:47%;height:108px;object-fit:contain}.parent-example h3{font-size:22px}.parent-example p{margin:3px 0 9px}.parent-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:14px}.parent-bottom section{min-height:165px}.parent-bottom h2{font-size:20px}.parent-bottom p{line-height:1.55;color:#617697}.parent-bottom .btn{margin-top:8px}
@media(max-width:1250px){.parent-stats{grid-template-columns:repeat(3,1fr)}.parent-middle{grid-template-columns:1fr}}@media(max-width:700px){.parent-hero{flex-wrap:wrap}.parent-week{margin-left:0}.parent-stats{grid-template-columns:repeat(2,1fr)}.parent-bottom{grid-template-columns:1fr}.parent-examples{grid-template-columns:1fr}.parent-calendar>div{min-height:82px}}
/* LayerLab reference 15: two-column content editor. Text and controls remain native. */
.cms-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 2px 13px;gap:14px}.cms-toolbar>div{display:flex;align-items:center;gap:12px}.cms-toolbar strong{font-size:28px}.cms-toolbar span:not(.pill){color:#6c7e9b}.cms-layout{display:grid;grid-template-columns:1.08fr .95fr;gap:17px}.cms-left,.cms-right{display:grid;align-content:start;gap:11px}.cms-layout .panel{border-radius:12px}.cms-layout .panel-pad{padding:17px 20px}.cms-layout h2{font-size:21px;margin:0 0 12px}.cms-basic-grid{display:grid;grid-template-columns:186px 1fr;gap:22px}.cms-figure{height:180px;border:1px solid #cbdcf6;border-radius:12px;background:#f8fbff;display:grid;place-items:center;position:relative;overflow:hidden}.cms-figure img{height:150px;width:100%;object-fit:contain}.cms-figure span{position:absolute;bottom:3px;font-size:11px;background:#ffffffdb;color:#7890b3;padding:2px 6px;border-radius:5px}.cms-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cms-fields label,.cms-edit label{display:block;font-size:14px;font-weight:750}.cms-fields .field,.cms-edit .field{margin-top:5px;height:41px;min-height:41px;padding:9px 12px}.cms-audios{margin-top:10px}.cms-audios .btn{min-height:37px;padding:7px}.cms-code-line{display:flex;align-items:center;gap:11px;border:1px solid #cbdcf6;border-radius:10px;padding:9px 11px;margin-top:9px}.cms-code-line span{background:#e9f1ff;border-radius:20px;color:#2864c3;padding:5px 11px;font-size:12px;font-weight:800}.cms-code-line strong{font-size:17px}.cms-code-line small{color:#62799e;font-size:14px}.cms-edit form{display:grid;gap:11px}.cms-edit form p{font-size:13px;margin:0}.cms-edit form .btn{justify-self:start}.asset-status{display:grid;gap:5px}.asset-status>div{height:42px;border:1px solid #d3e2f7;border-radius:9px;display:grid;grid-template-columns:1fr 1fr 70px;align-items:center;gap:10px;padding:4px 9px}.asset-status>div b{font-size:15px}.asset-status>div span{color:#149358;background:#e5f7eb;border-radius:20px;padding:4px 9px;justify-self:start;font-size:12px;font-weight:800}.asset-status>div span:not(:has(+button:not(:disabled))){color:#ab6b2f}.asset-status .btn{min-height:30px;padding:4px 8px;font-size:12px}.cms-preview{border:1px solid #d8e6f8;border-radius:11px;display:grid;grid-template-columns:34% 1fr;gap:14px;padding:9px;align-items:center}.cms-preview img{height:115px;width:100%;object-fit:contain;background:#f8fbff;border-radius:9px}.cms-preview strong{font-size:26px}.cms-preview p{margin:5px 0}.cms-preview small{color:#657b9c}.cms-draft{border-left:3px solid #2ba65d;padding:5px 12px;margin:8px 0}.cms-draft span{float:right;color:#7284a2;font-size:12px}.cms-draft p{margin:3px 0}.cms-list{max-height:240px;overflow:auto}.cms-list .data-table{font-size:13px}.cms-list .data-table th,.cms-list .data-table td{padding:7px}.cms-list tr[data-cms-word]{cursor:pointer}.cms-list tr.selected td{background:#edf5ff}.cms-right>.panel:last-child .field{margin-bottom:9px}
/* LayerLab reference 16: dense operations dashboard with real pipeline counts. */
.admin-status{display:grid;grid-template-columns:150px repeat(5,minmax(0,1fr));gap:8px;margin-bottom:11px;min-height:151px}.admin-status>div:first-child{padding:13px 4px}.admin-status h2{font-size:21px}.admin-status p{font-size:16px;font-weight:800}.admin-status-card{border:1px solid #d3e2f6;border-radius:11px;padding:11px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:44px 1fr;align-items:center}.admin-status-card>span{grid-row:1 / 3;align-self:start;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#edf5ff;color:#1764ef;font-size:24px}.admin-status-card svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:2}.admin-status-card b{font-size:15px}.admin-status-card strong{font-size:27px}.admin-pipeline{margin-bottom:11px}.admin-pipeline>.row{margin-bottom:15px}.admin-pipeline h2{font-size:22px}.admin-pipeline p{margin:2px 0}.admin-columns{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.admin-column{background:#eef6ff;border:1px solid #d8e7f9;border-radius:10px;min-height:223px;padding:6px}.admin-column:nth-child(3){background:#fff8ed}.admin-column:nth-child(5),.admin-column:nth-child(6){background:#ebfbf4}.admin-column-head{display:flex;align-items:center;justify-content:space-between;padding:7px 4px 10px;font-size:14px}.admin-column-head span{background:#e0ebfb;border-radius:50%;padding:5px 9px}.admin-column-items{display:grid;gap:6px}.admin-column-items>div{min-height:51px;background:white;border-radius:7px;padding:9px;font-size:13px;overflow:hidden;text-overflow:ellipsis}.admin-column-items p{color:#7a8ba6;text-align:center;margin:35px 0;font-size:13px}.admin-bottom{display:grid;grid-template-columns:1.15fr 1fr;gap:10px}.admin-bottom>section{min-height:297px}.admin-bottom h2{font-size:21px}.admin-issue-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.admin-issue-cards>div{border-radius:8px;padding:10px;background:#f1f6fe;display:flex;justify-content:space-between}.admin-issue-cards strong{font-size:20px;color:#1464df}.admin-issue-list,.admin-activity{margin-top:12px;display:grid;gap:5px}.admin-issue-list>div,.admin-activity>div{display:grid;grid-template-columns:100px 1fr 100px;gap:7px;padding:8px;border-bottom:1px solid #e4ecf8;font-size:13px}.admin-issue-list small,.admin-activity small,.admin-activity time{color:#7386a5}.admin-activity>div{grid-template-columns:150px 95px 1fr 85px}
/* LayerLab reference 18: QA list and always-visible card preview. */
.media-top{display:flex;align-items:center;gap:9px;margin-bottom:10px}.media-top span{padding:7px 14px;background:#eaf2ff;color:#1b579a;border-radius:20px;font-size:14px;font-weight:750}.media-layout{display:grid;grid-template-columns:1.68fr 1fr;gap:12px}.media-table,.media-right>.panel{border-radius:12px}.media-table{min-height:690px;padding:12px 10px}.media-filters{margin:0 7px 12px}.media-filters .tabs{background:white}.media-filters .tabs button{font-size:14px;white-space:nowrap;padding:10px 13px}.media-filters .field{max-width:265px}.media-table .data-table{font-size:14px}.media-table .data-table th,.media-table .data-table td{padding:11px 8px;white-space:normal}.media-table .data-table td:nth-child(4){max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-table .data-table tr[data-media-word]{cursor:pointer}.media-table .data-table tr.selected td{background:#ecf4ff}.media-table .pill{font-size:11px;padding:5px 7px;white-space:nowrap}.media-count{margin:16px 7px;font-size:13px}.media-right{display:grid;gap:10px;align-content:start}.media-right>.panel{padding:14px 16px}.media-right h2{font-size:19px}.media-preview-card{border:1px solid #d6e5f8;border-radius:12px;display:grid;grid-template-columns:1fr 41%;gap:10px;margin-top:9px;min-height:200px;padding:14px}.media-preview-card h3{font-size:47px;margin:3px 0 3px}.media-preview-card b{font-size:20px}.media-preview-card p{font-size:18px;margin:12px 0 2px}.media-preview-card small{color:#667b9d}.media-preview-card img{width:100%;height:180px;object-fit:contain}.media-audio>div{display:grid;grid-template-columns:1fr 90px 70px;align-items:center;gap:7px;background:#f3f7ff;border-radius:9px;margin-top:7px;padding:6px 10px}.media-audio .btn{min-height:31px;padding:3px 8px}.media-audio>div>span:last-child{font-size:12px;color:#5b77a3}.media-check>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.media-check span{padding:9px;background:#ecf8f0;border-radius:8px;color:#198751;font-size:14px}.media-check span.missing{background:#fff0e6;color:#bb6d2b}.media-flag{display:flex;justify-content:space-between;align-items:center;border:1px solid #f1d2bd;border-radius:8px;padding:6px;margin-top:8px}.media-flag .btn{min-height:31px;padding:4px 8px}
@media(max-width:1280px){.cms-layout,.media-layout,.admin-bottom{grid-template-columns:1fr}.admin-status{grid-template-columns:repeat(3,1fr)}.admin-columns{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.cms-toolbar,.cms-toolbar>div{flex-wrap:wrap}.cms-basic-grid,.cms-two,.admin-status,.admin-columns,.media-check>div{grid-template-columns:1fr}.admin-status-card{min-height:80px}.cms-figure{height:220px}.media-preview-card{grid-template-columns:1fr}.media-preview-card img{height:160px}.media-filters{flex-wrap:wrap}}
/* LayerLab reference 06 and 08: practice selector and picture game proportions. */
#app[data-page="drill"] .main>.panel{min-height:735px}.drill-intro{min-height:125px;border-bottom:1px solid #dce8f7;padding:6px 9px 15px}.drill-intro>div:last-child{border-left:1px solid #dbe7f8;padding-left:22px;min-width:340px}.drill-intro small{color:#637a9f;font-weight:750}.drill-intro p{margin:10px 0}.drill-intro>div:last-child p{color:#2866c8;font-weight:750}.drill-selection{grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.drill-selection>.option-card{min-height:430px!important;padding:15px;display:flex;flex-direction:column;align-items:flex-start}.drill-selection>.option-card>b{font-size:16px;line-height:1.35;min-height:44px}.drill-selection>.option-card p{margin:5px 0}.drill-symbol{font-size:49px;height:105px;width:100%;display:grid;place-items:center}.drill-footer{min-height:116px;background:#ecf5ff}
#app[data-page="code-game"] .main>.grid.g2{grid-template-columns:minmax(0,2.35fr) minmax(310px,.85fr);gap:12px}#app[data-page="code-game"] .main>.grid.g2>section{min-height:740px}#app[data-page="code-game"] .main>.grid.g2>section:first-child>.grid.g3{gap:10px}#app[data-page="code-game"] .main>.grid.g2>section:first-child>.grid.g3>.option-card{min-height:190px;display:grid;justify-items:center;align-content:center;gap:5px;font-size:16px}#app[data-page="code-game"] .letter-art-small{width:130px}#app[data-page="code-game"] .main>.grid.g2>section:last-child>.grid{gap:8px}#app[data-page="code-game"] .main>.grid.g2>section:last-child>.grid .answer-choice{min-height:52px;padding:10px 13px}
@media(max-width:1300px){.drill-selection{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){#app[data-page="code-game"] .main>.grid.g2{grid-template-columns:1fr}.drill-intro{flex-wrap:wrap}.drill-intro>div:last-child{border:0;padding:0;min-width:0}}@media(max-width:700px){.drill-selection{grid-template-columns:repeat(2,minmax(0,1fr))}.drill-selection>.option-card{min-height:240px!important}}
/* LayerLab reference 09: airy rain scene behind dynamic words and answer buttons. */
#app[data-page="rain"] .rain-stage{background:linear-gradient(180deg,#eef8ff 0%,#f5fbff 51%,#dff4f6 100%);border-color:#cce3f5}#app[data-page="rain"] .rain-stage:after{content:"";position:absolute;inset:auto 0 0;height:185px;pointer-events:none;z-index:0;background:radial-gradient(ellipse 170px 80px at 4% 100%,#cbeedc 0 95%,transparent 96%),radial-gradient(ellipse 160px 55px at 28% 107%,#dcf2e5 0 95%,transparent 96%),radial-gradient(ellipse 190px 70px at 73% 107%,#d4ecdf 0 95%,transparent 96%),radial-gradient(ellipse 180px 80px at 98% 103%,#cbeedc 0 95%,transparent 96%),linear-gradient(180deg,transparent 49%,#d6eff9 50%,#d2edf5 61%,#e5f6fa 62%)}#app[data-page="rain"] .rain-stage>.row.between:first-child{background:#fff;border:1px solid #d7e6f7;border-radius:11px;min-height:58px;padding:0 17px;font-size:18px}#app[data-page="rain"] .rain-word-area{height:395px}#app[data-page="rain"] .rain-options{max-width:1080px}#app[data-page="rain"] .rain-options .option-card{min-height:105px;font-size:27px!important}
@media(max-width:1100px){.layout{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding-left:7px;padding-right:7px}.brand{font-size:0}.nav button{font-size:0}}
@media(max-width:700px){.layout{display:block}.main{padding:20px 13px 85px}.page-head{min-height:0!important}.media-top{flex-wrap:wrap}}
.drill-intro{padding-left:88px;position:relative}.drill-intro:before{content:"";position:absolute;left:19px;top:30px;width:50px;height:58px;background:linear-gradient(135deg,#36ba6c,#198e4f);clip-path:polygon(0 100%,5% 55%,35% 12%,100% 0,87% 65%,43% 92%)}.drill-selection>.option-card{position:relative}.drill-selection>.option-card:nth-child(3),.drill-selection>.option-card:nth-child(6){border-color:#8ed6a9;background:#f8fefa}.drill-selection>.option-card:after{position:absolute;bottom:15px;left:11px;right:11px;display:block;background:#eef5ff;color:#41639b;border-radius:13px;padding:7px 4px;white-space:pre;text-align:center;font-size:11px;font-weight:700;content:"meaning    transfer"}.drill-selection>.option-card:nth-child(2):after,.drill-selection>.option-card:nth-child(4):after,.drill-selection>.option-card:nth-child(6):after{content:"listening    spelling"}.drill-selection>.option-card:nth-child(3):after,.drill-selection>.option-card:nth-child(5):after{content:"spelling    meaning"}.drill-selection>.option-card:nth-child(7):after{content:"transfer    meaning"}
.drill-symbol{color:transparent;flex:none;height:115px;background-image:url('/alphabet-flow/assets/drill-reference.png');background-size:1672px 941px;background-repeat:no-repeat;background-position:-290px -412px}.drill-selection>.option-card:nth-child(2) .drill-symbol{background-position:-480px -412px}.drill-selection>.option-card:nth-child(3) .drill-symbol{background-position:-670px -412px}.drill-selection>.option-card:nth-child(4) .drill-symbol{background-position:-860px -412px}.drill-selection>.option-card:nth-child(5) .drill-symbol{background-position:-1050px -412px}.drill-selection>.option-card:nth-child(6) .drill-symbol{background-position:-1240px -412px}.drill-selection>.option-card:nth-child(7) .drill-symbol{background-position:-1430px -412px}
.drill-symbol{height:150px;background:none;position:relative}.drill-symbol:before{content:"";position:absolute;top:20px;left:0;right:0;height:94px;background-image:url('/alphabet-flow/assets/drill-reference.png');background-size:1672px 941px;background-repeat:no-repeat;background-position:-290px -430px}.drill-selection>.option-card:nth-child(2) .drill-symbol:before{background-position:-480px -430px}.drill-selection>.option-card:nth-child(3) .drill-symbol:before{background-position:-670px -430px}.drill-selection>.option-card:nth-child(4) .drill-symbol:before{background-position:-860px -430px}.drill-selection>.option-card:nth-child(5) .drill-symbol:before{background-position:-1050px -430px}.drill-selection>.option-card:nth-child(6) .drill-symbol:before{background-position:-1240px -430px}.drill-selection>.option-card:nth-child(7) .drill-symbol:before{background-position:-1430px -430px}
.drill-symbol:before{left:-8px;right:-8px;background-position:-310px -430px}.drill-selection>.option-card:nth-child(2) .drill-symbol:before{background-position:-500px -430px}.drill-selection>.option-card:nth-child(3) .drill-symbol:before{background-position:-690px -430px}.drill-selection>.option-card:nth-child(4) .drill-symbol:before{background-position:-880px -430px}.drill-selection>.option-card:nth-child(5) .drill-symbol:before{background-position:-1070px -430px}.drill-selection>.option-card:nth-child(6) .drill-symbol:before{background-position:-1260px -430px}.drill-selection>.option-card:nth-child(7) .drill-symbol:before{background-position:-1450px -430px}
.drill-symbol:before{background-position:-300px -430px}.drill-selection>.option-card:nth-child(2) .drill-symbol:before{background-position:-490px -430px}.drill-selection>.option-card:nth-child(3) .drill-symbol:before{background-position:-680px -430px}.drill-selection>.option-card:nth-child(4) .drill-symbol:before{background-position:-870px -430px}.drill-selection>.option-card:nth-child(5) .drill-symbol:before{background-position:-1060px -430px}.drill-selection>.option-card:nth-child(6) .drill-symbol:before{background-position:-1250px -430px}.drill-selection>.option-card:nth-child(7) .drill-symbol:before{background-position:-1440px -430px}
.drill-selection>.option-card:nth-child(6) .drill-symbol:before{box-shadow:inset 8px 0 #f8fefa}.drill-selection>.option-card:nth-child(7) .drill-symbol:before{box-shadow:inset 8px 0 white}
.remediation-card{max-width:1120px;margin:auto;min-height:660px}
.remediation-card>h2{font-size:32px;margin:16px 0 8px}
.remediation-steps{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 8px}
.remediation-steps span{font-size:13px;white-space:normal;min-width:135px}
.remediation-image{display:flex;align-items:center;justify-content:center;height:min(31vh,285px);max-width:680px;margin:12px auto}
.remediation-image img{width:auto;max-width:100%;height:100%;max-height:100%;object-fit:contain;flex:none}
.remediation-word{font-size:46px;margin:8px 0 4px}
.remediation-meaning{font-size:29px;color:#218651;margin:4px 0 10px}
.remediation-form{display:grid;gap:12px;max-width:590px;margin:14px auto 0}
.remediation-form .field{font-size:24px;min-height:62px}
.remediation-form .btn{justify-self:center;min-width:230px}
.remediation-done{min-height:480px;display:grid;align-content:center;justify-items:center;gap:20px}
.remediation-done h2{font-size:32px}
@media(max-width:700px){.remediation-card{padding:16px}.remediation-steps span{min-width:0;flex:1 1 42%;font-size:11px}.remediation-word{font-size:36px}.remediation-meaning{font-size:24px}.remediation-image{height:280px}}