/* USA English Academy: a stage in the dark with one warm light, and a school notebook to work in. */
@font-face{font-family:"Fraunces";src:url(/assets/fonts/fraunces-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Fraunces";src:url(/assets/fonts/fraunces-latin-700-italic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:"Nunito";src:url(/assets/fonts/nunito-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Nunito";src:url(/assets/fonts/nunito-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--navy:#1d2a44;--night:#111a2e;--light:#ffd84d;--paper:#fdfcf5;--line:#a9c7e8;--margin:#e2574c;--ink:#1c2233;--soft:#4c556b;--head:"Fraunces",Georgia,serif;--body:"Nunito",system-ui,sans-serif;--w:60rem;--pad:clamp(1.1rem,4vw,2.5rem)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:400 1.12rem/1.6 var(--body);color:var(--ink);background:var(--paper)}
h1,h2{font-family:var(--head);font-weight:700;line-height:1.08;margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(2.4rem,6.5vw,4.6rem)}h2{font-size:clamp(1.8rem,4vw,2.6rem)}
p{margin:0 0 1em}a{color:inherit}
:focus-visible{outline:3px solid var(--margin);outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:.5rem;top:.5rem;background:#fff;padding:.5rem 1rem;z-index:9}
.wrap{max-width:var(--w);margin-inline:auto;padding-inline:var(--pad);position:relative}
.lead{font-size:clamp(1.15rem,1.8vw,1.35rem);max-width:36rem}
.top{background:var(--night);color:#fff}
.top .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem 1.5rem;padding-block:.8rem}
.brand{font:700 1.4rem var(--head);text-decoration:none}
.top nav{display:flex;gap:1.3rem}.top nav a{text-decoration:none;border-bottom:2px solid transparent}.top nav a:hover{border-color:var(--light)}
.stage{position:relative;overflow:hidden;background:var(--night);color:#fff;padding-block:clamp(4rem,11vw,8rem) clamp(3.5rem,8vw,6rem)}
.stage.small{padding-block:clamp(2.5rem,6vw,4rem)}
.spot{position:absolute;top:-10%;left:50%;width:min(70rem,160vw);height:140%;transform:translateX(-50%);background:conic-gradient(from 152deg at 50% 0,transparent 0,rgba(255,216,77,.22) 12deg,rgba(255,216,77,.42) 28deg,rgba(255,216,77,.22) 44deg,transparent 56deg,transparent 360deg)}
.stage h1{max-width:15ch}
.stage h1,.stage .lead,.stage .prog{text-shadow:0 2px 14px rgba(17,26,46,.9)}
.btn{display:inline-block;font:700 1.15rem var(--body);text-decoration:none;background:var(--light);color:var(--night);padding:.9rem 1.6rem;border-radius:999px}
.btn.dark{background:var(--navy);color:#fff}
.prog{font:700 1.3rem var(--head);color:var(--light);margin:0}
.page{background-color:var(--paper);background-image:linear-gradient(to right,transparent 0 3.2rem,var(--margin) 3.2rem calc(3.2rem + 2px),transparent calc(3.2rem + 2px)),repeating-linear-gradient(to bottom,transparent 0 2.2rem,var(--line) 2.2rem calc(2.2rem + 1px))}
.page>.wrap,.sect.page>.wrap{padding-left:calc(3.2rem + 1.4rem)}
.sect{padding-block:clamp(3rem,7vw,5rem)}
div.page{padding-block:clamp(2rem,5vw,3.5rem)}
.how{padding-left:1.3rem;margin:0 0 1.5rem;display:grid;gap:.5rem;font-size:1.15rem}
.note{border-left:4px solid var(--light);padding-left:1rem;color:var(--soft);max-width:38rem}
.week{margin-bottom:2.75rem}
.week h2{color:var(--navy);margin-bottom:.15em}
.aim{font:700 italic 1.25rem var(--head);color:var(--margin)}
.days{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.days label{display:grid;grid-template-columns:1.9rem 4.6rem 1fr;gap:.2rem .7rem;align-items:start;background:rgba(255,255,255,.88);border:1.5px solid #cdd7e6;border-radius:10px;padding:.8rem 1rem;cursor:pointer}
.days input{width:1.5rem;height:1.5rem;margin:.15rem 0 0;accent-color:var(--navy)}
.num{font:700 1.05rem var(--head);color:var(--navy)}
.days li.done label{background:#fff7cf;border-color:var(--light)}
.days li.done .what{color:var(--soft)}
@media (max-width:34rem){.days label{grid-template-columns:1.9rem 1fr}.what{grid-column:2}.page>.wrap,.sect.page>.wrap{padding-left:calc(1.6rem + .9rem)}.page{background-image:linear-gradient(to right,transparent 0 1.6rem,var(--margin) 1.6rem calc(1.6rem + 2px),transparent calc(1.6rem + 2px)),repeating-linear-gradient(to bottom,transparent 0 2.2rem,var(--line) 2.2rem calc(2.2rem + 1px))}}
.reset button{font:inherit;background:none;border:0;text-decoration:underline;color:var(--soft);cursor:pointer;padding:0}
.foot{background:var(--night);color:#d5dbe8;padding-block:2.2rem 1.4rem;font-size:.98rem}.copy{opacity:.7;font-size:.86rem}