:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f8fafc;--foreground:#0a0f14;--muted:#64748b;--primary-navy:#001e38;--primary-navy-light:#002a4d;--accent-blue:#23a0dd;--accent-blue-hover:#1b8bc5;--deep-teal:#10628e;--guidance-accent:#6d5bd0;--guidance-text:#44337a;--near-black:#0a0f14;--card:#fff;--border:#e2e8f0;--brand-radius:12px;--brand-shadow:0 2px 8px #0000000f}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);margin:0;font-family:Work Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.page-shell{min-height:100vh}.public-nav{background:var(--primary-navy);color:#fff}.nav-inner,.footer-inner{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:0 24px;display:flex}.nav-inner{min-height:64px}.brand-link{color:#fff;align-items:center;text-decoration:none;display:inline-flex}.brand-logo{width:auto;height:48px;display:block}.nav-links{align-items:center;gap:24px;font-size:.9rem;font-weight:600;display:flex}.nav-links a,.footer-links a{color:inherit;text-decoration:none;transition:color .2s}.nav-links a:hover,.footer-links a:hover{color:var(--accent-blue)}.hero{background:radial-gradient(circle at center, #23a0dd33 0%, transparent 60%), var(--primary-navy);color:#fff;align-items:center;min-height:520px;padding:80px 24px;display:flex;overflow:hidden}.hero-inner{width:100%;max-width:1280px;margin:0 auto}.hero h1{letter-spacing:-.055em;max-width:860px;margin:12px 0 24px;font-size:clamp(2.5rem,6vw,4.75rem);font-weight:900;line-height:1}.hero-copy{color:#ffffffe6;max-width:820px;font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.7}.hero-actions{flex-wrap:wrap;gap:16px;margin:32px 0 18px;display:flex}.primary-link,.secondary-link{text-align:center;border-radius:8px;padding:13px 22px;font-weight:800;text-decoration:none;transition:background .2s,color .2s,opacity .2s;display:inline-block}.primary-link{background:var(--accent-blue);color:#fff}.primary-link:hover{background:var(--accent-blue-hover)}.secondary-link{border:1px solid var(--accent-blue);color:var(--accent-blue)}.secondary-link:hover{background:var(--accent-blue);color:#fff}.demo-note{color:#ecfeff;background:#ffffff1f;border:1px solid #ffffff38;border-radius:16px;max-width:820px;padding:14px 16px}.content-grid{gap:24px;max-width:1180px;margin:0 auto;padding:48px 20px 64px;display:grid}.passage-card,.part-two-card,.workspace,.score-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--brand-shadow);border-radius:16px}.passage-card,.part-two-card,.score-card{padding:clamp(20px,4vw,36px)}.passage-card h2,.part-two-card h2,.score-card h2{color:var(--primary-navy);margin:0;font-size:clamp(1.6rem,4vw,2.4rem)}.passage-card h3,.passage-reference h3{color:var(--primary-navy);margin-top:28px}.passage-card p,.score-card p{color:#334155;line-height:1.7}.section-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.eyebrow{color:var(--accent-blue);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:.76rem;font-weight:800}.passage-card .eyebrow,.part-two-card .eyebrow,.hero .eyebrow{color:var(--accent-blue)}.timer{color:var(--primary-navy);background:#e0f2fe;border:1px solid #bae6fd;border-radius:999px;padding:8px 14px;font-weight:800}.quoted{border-left:4px solid var(--accent-blue);padding-left:18px;font-style:italic}.prompt-box{border-radius:var(--brand-radius);color:var(--primary-navy);background:#e0f2fe;border:1px solid #bae6fd;padding:18px;line-height:1.6}.part-two-header{justify-content:space-between;align-items:start;gap:18px;display:flex}.time-note{background:var(--primary-navy);color:#fff;border-radius:999px;flex:none;margin:0;padding:9px 14px;font-weight:800}.part-two-instructions{color:#334155;gap:16px;width:100%;margin:22px 0 26px;line-height:1.65;display:grid}.part-two-instructions p{margin:0}.ai-use-guidance{border-left:4px solid var(--guidance-accent);color:var(--guidance-text);align-items:baseline;gap:10px;padding:2px 0 2px 14px;display:flex}.ai-use-guidance span{color:var(--guidance-accent);flex:none;font-weight:900}.ai-use-guidance p{font-size:1rem;line-height:1.6}.task-utility-row{border-top:1px solid var(--border);color:#475569;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-top:16px;display:flex}.time-limit{color:var(--primary-navy);background:#e0f2fe;border:1px solid #bae6fd;border-radius:999px;align-items:center;gap:10px;padding:7px 8px 7px 14px;display:inline-flex}.time-label{font-weight:850}.passage-access{align-items:center;gap:8px;display:flex}.part-two-layout{display:block}.workspace{grid-template-columns:minmax(300px,.9fr) minmax(380px,1.1fr);height:680px;display:grid;overflow:hidden}.writing-panel,.chat-panel{flex-direction:column;gap:14px;min-height:0;padding:24px;display:flex}.writing-panel{border-right:1px solid var(--border)}.panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-header .eyebrow{margin-bottom:0}.text-button{color:var(--deep-teal);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:.9rem;font-weight:850;text-decoration:underline}.text-button:hover{color:var(--accent-blue-hover)}.drawer-backdrop{z-index:20;background:#001e3847;position:fixed;inset:0}.passage-drawer{border-right:1px solid var(--border);background:#fff;flex-direction:column;width:min(90vw,560px);max-width:560px;height:100%;display:flex}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:start;gap:18px;padding:24px;display:flex}.drawer-header h3{color:var(--primary-navy);margin:0;font-size:1.55rem}.drawer-close{background:var(--primary-navy);color:#fff;border:0;border-radius:999px;padding:8px 13px;font-weight:850}.drawer-body{color:#334155;scrollbar-color:var(--accent-blue) #e2e8f0;scrollbar-width:thin;gap:18px;padding:24px;line-height:1.7;display:grid;overflow-y:auto}.drawer-body h4{color:var(--primary-navy);margin:0;font-size:1.15rem}.drawer-body p{margin:0}textarea{border:1px solid var(--border);border-radius:var(--brand-radius);resize:vertical;flex:1;min-height:360px;padding:18px;line-height:1.6}input{border:1px solid var(--border);border-radius:8px;min-width:0;padding:13px 16px}.primary-button,.chat-input-row button{background:var(--accent-blue);color:#fff;border:0;border-radius:8px;padding:13px 18px;font-weight:800}.primary-button:hover,.chat-input-row button:hover{background:var(--accent-blue-hover)}.chat-log{border:1px solid var(--border);border-radius:var(--brand-radius);scrollbar-color:var(--accent-blue) #e2e8f0;scrollbar-width:thin;background:#f8fafc;flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px;display:flex;overflow-y:auto}.empty-chat{color:var(--muted);text-align:center;max-width:320px;margin:auto;line-height:1.6}.chat-message{border-radius:var(--brand-radius);max-width:88%;padding:12px 14px;line-height:1.55}.chat-author{text-transform:uppercase;margin-bottom:4px;font-size:.75rem;font-weight:800;display:block}.chat-message p{margin:0 0 10px}.chat-message p:last-child{margin-bottom:0}.chat-message em{font-style:italic}.chat-list{margin:0 0 10px;padding-left:20px}.chat-list:last-child{margin-bottom:0}.chat-list li{margin-bottom:6px}.chat-message.student{background:#e0f2fe;border:1px solid #bae6fd;align-self:flex-end}.chat-message.assistant{border:1px solid var(--border);background:#fff;align-self:flex-start}.chat-input-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.error-text{color:#b91c1c;margin:0;font-weight:700}.score-summary{font-size:1.25rem}.dimension-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.dimension-card{border:1px solid var(--border);border-radius:var(--brand-radius);background:#f8fafc;padding:18px}.dimension-card h3{margin:0 0 8px}.dimension-question{color:var(--muted);margin:0 0 12px;font-size:.92rem}.dimension-score{color:var(--primary-navy);font-weight:800}.dimension-card li{color:#334155;margin-bottom:8px;line-height:1.55}.rollup{border-radius:var(--brand-radius);background:#e0f2fe;border:1px solid #bae6fd;margin-top:24px;padding:20px}.public-footer{background:var(--primary-navy);color:#fff}.footer-inner{min-height:88px;padding-top:24px;padding-bottom:24px}.footer-brand{align-items:center;gap:18px;font-size:.92rem;font-weight:500;display:inline-flex}.footer-logo{width:auto;height:42px;display:block}.footer-links{align-items:center;gap:18px;font-size:.9rem;font-weight:500;display:flex}.rollup-grid{grid-template-columns:1.5fr repeat(2,.7fr);gap:8px 14px;margin:16px 0;display:grid}.rollup-grid span:nth-child(-n+3){color:var(--muted);text-transform:uppercase;font-size:.8rem;font-weight:800}@media (max-width:767px){.nav-inner,.footer-inner{flex-direction:column;align-items:flex-start;gap:16px}.nav-inner{padding-top:16px;padding-bottom:16px}.nav-links{flex-wrap:wrap;gap:12px 18px}.footer-brand,.footer-links{flex-wrap:wrap}.hero{min-height:auto;padding:56px 20px}.workspace,.part-two-layout,.dimension-grid{grid-template-columns:1fr}.part-two-header{flex-direction:column}.ai-use-guidance{flex-direction:column;align-items:start;gap:4px}.passage-access,.task-utility-row{flex-direction:column;align-items:start}.workspace{height:auto}.chat-log{max-height:420px}.writing-panel{border-bottom:1px solid var(--border);border-right:0}}
