/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.grid{display:grid}.table{display:table}}:root{--blue:#1769a6;--navy:#17324d;--cream:#fffaf0;--gold:#d49a2d;--ink:#26333e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#f4efe6;margin:0;font-family:Arial,sans-serif;line-height:1.58}button,input,textarea{font:inherit}button{cursor:pointer}.home{background:radial-gradient(circle at 10% 18%,#d5eaf7,#0000 28%),radial-gradient(circle at 92% 8%,#f7e5b9,#0000 26%),#fffaf1;min-height:100vh;padding:clamp(18px,4vw,56px)}.hero{background:#fff;border-radius:28px;grid-template-columns:.88fr 1.35fr;max-width:1140px;margin:auto;display:grid;overflow:hidden;box-shadow:0 18px 45px #17324d20}.hero img{object-fit:cover;object-position:center;width:100%;height:285px}.hero div{padding:34px}.kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-size:.76rem;font-weight:900}.hero h1,.reading-hero h1,.complete h1{margin:.2em 0;font-family:Georgia,serif;font-size:clamp(2.35rem,5vw,4.6rem);line-height:1}.hero p{font-size:1.15rem}.video-card{background:var(--navy);color:#fff;border-radius:26px;grid-template-columns:1fr 1.2fr;align-items:center;gap:28px;max-width:1140px;margin:28px auto;padding:30px;display:grid}.video-card h2,.directions h2{margin:.2em 0;font-family:Georgia,serif;font-size:2rem}.video-wrap{aspect-ratio:16/9;background:#000;border-radius:16px;overflow:hidden}.video-wrap iframe{border:0;width:100%;height:100%}.watch-check{cursor:pointer;background:#ffffff18;border:1px solid #ffffff40;border-radius:10px;align-items:center;gap:10px;margin-top:18px;padding:12px;font-weight:800;display:flex}.watch-check input{width:22px;height:22px}.story-section{max-width:1140px;margin:auto}.directions{background:#fff;border-radius:20px;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.directions h2{margin:0}.directions p{margin:.4em 0 0}.directions>strong{background:var(--blue);color:#fff;white-space:nowrap;border-radius:99px;padding:12px 18px}.locked-note{text-align:center;background:#fff0c9;border:2px solid #e1b44d;border-radius:12px;margin:18px 0;padding:14px;font-weight:800}.picker{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:22px;margin-top:22px;display:grid}.picker article{background:#fff;border:3px solid #0000;border-radius:22px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 9px 24px #25374618}.picker article.chosen{border-color:var(--blue)}.picker article.done{border-color:#3d8669}.story-choice{text-align:left;width:100%;height:100%;color:inherit;background:0 0;border:0;flex:1;grid-template-columns:190px minmax(0,1fr);padding:0;display:grid}.story-choice:disabled{cursor:not-allowed;filter:grayscale(.82);opacity:.58}.story-choice img{object-fit:cover;object-position:center;width:100%;height:240px;min-height:240px}.story-choice div{padding:20px}.story-choice span{color:var(--blue);text-transform:uppercase;font-size:.75rem;font-weight:900}.story-choice h3{margin:.25em 0;font-family:Georgia,serif;font-size:1.55rem}.story-choice strong{color:var(--blue)}.name-form{align-items:end;gap:10px;padding:0 20px 20px;display:flex}.name-form label{flex:1;font-weight:800}.name-form input{border:2px solid #d8c9b0;border-radius:9px;width:100%;padding:10px;display:block}.name-form button,.complete button,footer button:last-of-type,.teacher button{background:var(--blue);color:#fff;border:0;border-radius:9px;padding:11px 15px;font-weight:800}.complete{background:linear-gradient(145deg,#dbeef8,#fff2c8,#e4f0e6);place-items:center;min-height:100vh;padding:20px;display:grid}.complete section{text-align:center;background:#fff;border-radius:28px;max-width:600px;padding:48px}.seal{color:#fff;background:#3d8669;border-radius:50%;place-items:center;width:68px;height:68px;margin:auto;font-size:2rem;display:grid}.quest{min-height:100vh;padding-bottom:100px}.top{background:var(--navy);color:#fff;justify-content:space-between;padding:13px max(20px,4vw);display:flex}.top button{color:#fff;background:0 0;border:0}.progress{grid-template-columns:1fr auto;gap:7px;max-width:1120px;margin:15px auto;padding:0 20px;font-size:.85rem;font-weight:800;display:grid}.progress:after{content:"";background:#ded3c0;border-radius:10px;grid-column:1/-1;height:8px}.progress i{background:linear-gradient(90deg,var(--blue),var(--gold));z-index:1;border-radius:10px;grid-area:2/1/auto/-1;height:8px}.reading-hero{background:var(--navy);color:#fff;border-radius:26px;grid-template-columns:1.2fr 1fr;max-width:1100px;margin:18px auto 26px;display:grid;overflow:hidden}.reading-hero>div{padding:42px}.reading-hero p{text-transform:uppercase;letter-spacing:.1em;color:#f4d17c;font-weight:800}.reading-hero img{object-fit:cover;object-position:center;width:100%;height:350px}.grid{grid-template-columns:1.08fr .92fr;gap:26px;max-width:1100px;margin:auto;padding:0 18px;display:grid}.intro,.text,.questions fieldset,.written{background:#fff;border-radius:18px;padding:24px;box-shadow:0 7px 22px #25374616}.intro{border-left:7px solid var(--blue);margin-bottom:20px}.intro>b{color:var(--blue);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.text h2,.questions h2{font-family:Georgia,serif;font-size:2rem}.source-title{text-align:center;border-bottom:2px solid #e6dccb;margin-bottom:20px;padding-bottom:18px}.source-title h2{margin:0}.source-title p{white-space:pre-line;margin:.2em 0}.source-title span{font-weight:800}.preface{background:#eef7fc;border-radius:12px;padding:16px;font-weight:700}.full-story p{margin:0 0 1.15em}.paragraph-number{float:left;background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:25px;height:25px;margin:2px 9px 2px 0;font-size:.72rem;display:grid}.footnotes{border-top:1px solid #ded3c0;margin-top:26px;padding-top:12px;font-size:.88rem}.footnotes p{margin:.35em 0}.text>small{color:#69635c;border-top:1px solid #e2d7c6;margin-top:15px;padding-top:12px;display:block}.questions{min-width:0}.questions fieldset{border:0;margin:0 0 18px;display:block}.questions legend{float:left;align-items:center;gap:10px;width:100%;margin:0 0 16px;font-weight:900;line-height:1.35;display:flex}.questions legend b,.written label>b{background:var(--blue);color:#fff;border-radius:50%;flex:none;place-items:center;width:29px;height:29px;display:grid}.prompt-line{display:block}.questions fieldset>.question-excerpt,.questions fieldset>label:first-of-type{clear:both}.questions fieldset label{cursor:pointer;border:2px solid #e4d9c7;border-radius:10px;align-items:flex-start;gap:9px;width:100%;min-height:56px;margin-top:8px;padding:14px 12px;line-height:1.45;display:flex}.questions fieldset label.selected{background:#edf7f1;border-color:#3d8669}.questions input{opacity:0;position:absolute}.questions label>span{background:#eee4d4;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-weight:900;display:grid}.question-excerpt{border-left:5px solid var(--gold);background:#fff7df;border-radius:9px;margin:14px 0;padding:14px 15px;font-size:.94rem}.question-excerpt strong{color:var(--blue)}.question-excerpt p{margin:.45em 0 0}.written label{grid-template-columns:29px 1fr;align-items:center;gap:10px;font-weight:900;display:grid}.written textarea{resize:vertical;border:2px solid #dfd3bf;border-radius:10px;grid-column:1/-1;width:100%;padding:12px;font-weight:400}footer{z-index:3;background:#fff;border-top:1px solid #ddd1bf;justify-content:flex-end;align-items:center;gap:12px;padding:13px max(20px,5vw);display:flex;position:fixed;bottom:0;left:0;right:0}footer button:first-child{background:0 0;border:0;margin-right:auto}footer button:disabled{opacity:.45;cursor:not-allowed}footer span{font-size:.8rem}.error{color:#a71930;font-weight:800}@media (width<=820px){.hero,.video-card,.reading-hero,.grid,.picker{grid-template-columns:1fr}.hero img{height:185px}.story-choice{grid-template-columns:140px 1fr}.directions{align-items:flex-start;gap:15px}.reading-hero img{max-height:245px}footer{flex-wrap:wrap;position:static}.quest{padding-bottom:0}}@media (width<=500px){.story-choice{grid-template-columns:1fr}.story-choice img{height:190px;min-height:0}.directions{display:block}.directions>strong{margin-top:14px;display:inline-block}.name-form{flex-direction:column;align-items:stretch}}.quiz-directions{color:#5b6269;margin-top:-10px;font-size:.9rem;font-weight:700}.written label{grid-template-columns:29px minmax(0,1fr);align-items:start}.questions .written label>span{place-items:initial;background:0 0;border-radius:0;width:auto;min-width:0;height:auto;display:block}.written textarea{margin-top:6px}.teacher{color:#26333e;background:#f4efe6;min-height:100vh;padding:clamp(22px,5vw,64px)}.teacher>header{max-width:1100px;margin:auto}.teacher h1{margin:.2em 0;font:700 clamp(2.2rem,5vw,4.5rem)/1 Georgia,serif}.teacher>form{background:#fff;border-radius:20px;max-width:520px;margin:32px auto;padding:28px;box-shadow:0 8px 28px #17324d18}.teacher form label{font-weight:900}.teacher form input{border:2px solid #d8cdbb;border-radius:10px;width:100%;margin:8px 0 16px;padding:12px;display:block}.teacher>section{max-width:1100px;margin:28px auto}.tools{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.result{background:#fff;border-radius:20px;margin-bottom:24px;overflow:hidden;box-shadow:0 8px 26px #17324d18}.result>header{color:#fff;background:#17324d;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.result h2{margin:0;font:700 1.8rem Georgia,serif}.result time,.result header small,.row small{opacity:.78;font-size:.78rem;display:block}.result>header>strong{text-align:center;font-size:1.7rem}.row{border-bottom:1px solid #e5dccd;grid-template-columns:1.3fr 1fr auto;align-items:center;gap:18px;padding:18px 22px;display:grid}.row span>b{display:block}.row span>small{color:#1769a6;opacity:1;font-weight:800}.row .yes{color:#2f7c5a}.row .no{color:#b33b3b}.response{background:#fff7df;border-left:5px solid #d49a2d;border-radius:10px;margin:20px;padding:20px}.response p{white-space:pre-wrap}.teacher button{color:#fff;background:#1769a6;border:0;border-radius:9px;padding:11px 15px;font-weight:800}@media (width<=700px){.row{grid-template-columns:1fr}.tools{flex-direction:column;align-items:flex-start;gap:10px}}
