/* Nova / OTechs Daily Learning. No remote fonts or dependencies. */
:root{--ink:#152e2c;--muted:#506663;--paper:#f6f5ee;--white:#fff;--green:#075b47;--green-dark:#034335;--mint:#e2f0e8;--gold:#f2c35b;--rose:#f7e3db;--blue:#e4edf7;--line:#ccd9d0;--radius:22px;--shadow:0 12px 36px #14392c0b;--max:1180px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:17px;line-height:1.65}html[dir=rtl] body{font-family:Tahoma,'Segoe UI',Arial,sans-serif;line-height:1.9}a{color:var(--green);text-underline-offset:4px}a:hover{color:var(--green-dark)}img{max-width:100%;height:auto;display:block}svg{max-width:100%;height:auto}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}:focus-visible{outline:3px solid #a74a00}button{cursor:pointer}h1,h2,h3{font-weight:750;line-height:1.13;letter-spacing:-.035em;margin:0 0 20px}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0;line-height:1.45}h1{font-size:clamp(2.5rem,5vw,4.8rem)}h2{font-size:clamp(1.8rem,3.2vw,2.8rem)}h3{font-size:1.3rem}p{margin:0 0 18px}.wrap{max-width:var(--max);margin:auto;padding-inline:28px}.skip-link{position:absolute;inset-inline-start:16px;top:-100px;z-index:20;background:var(--white);padding:14px}.skip-link:focus{top:8px}.topbar{background:var(--white);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;gap:28px;min-height:96px}.brand{display:block;flex-shrink:0}.brand img{width:246px;height:auto}.nav-links{margin-inline-start:auto;display:flex;align-items:center;gap:22px}.nav-links a{font-size:.9rem;font-weight:650;text-decoration:none}.language{display:flex;gap:8px;align-items:center;font-size:.9rem}.language a{padding:6px 10px;border:1px solid var(--line);border-radius:8px;text-decoration:none}.language [aria-current]{background:var(--mint);border-color:var(--green)}.button,button[type=submit]{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:1px solid transparent;border-radius:12px;background:var(--green);color:white;text-decoration:none;font-weight:700;padding:13px 23px;min-height:48px}.button:hover,button[type=submit]:hover{background:var(--green-dark);color:white}.button.secondary{background:transparent;color:var(--green);border-color:var(--green)}.button.small{padding:9px 16px;font-size:.93rem}.eyebrow{display:flex;gap:10px;align-items:center;font-size:.78rem;font-weight:750;text-transform:uppercase;letter-spacing:.12em;margin-bottom:20px;color:var(--green)}.eyebrow:before{content:'';width:8px;height:8px;background:var(--green);border-radius:50%}.hero{padding-block:66px 72px;display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}.hero .lead{font-size:1.15rem;max-width:32em;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-block:28px 16px}.helper{font-size:.88rem;color:var(--muted)}.hero-art{position:relative}.photo-frame{border-radius:34px;overflow:hidden;background:var(--mint)}.photo-frame img{width:100%;aspect-ratio:5/4;object-fit:cover}.photo-credit{font-size:.73rem;color:var(--muted);margin-top:8px}.visual-note{margin-top:-55px;margin-inline:25px;position:relative;background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:20px 24px;display:flex;align-items:center;gap:17px}.visual-note svg{width:66px;flex-shrink:0}.visual-note strong{display:block}.visual-note span{font-size:.88rem;color:var(--muted)}.section{padding-block:64px}.section.white{background:var(--white);border-block:1px solid var(--line)}.section-head{display:flex;gap:24px;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.section-head h2{margin-bottom:0}.section-head p{color:var(--muted);max-width:32em;margin:0}.feature-grid,.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature{padding:29px;border-radius:var(--radius);background:var(--mint)}.feature:nth-child(2){background:var(--blue)}.feature:nth-child(3){background:var(--rose)}.feature .number{display:block;font-size:.8rem;font-weight:700;margin-bottom:25px}.feature p{font-size:.97rem;margin:0}.banner{background:var(--green);color:white;border-radius:28px;padding:38px 42px;display:flex;gap:30px;justify-content:space-between;align-items:center}.banner h2{font-size:2rem;margin-bottom:10px}.banner p{margin:0;color:#dcf0e7}.banner .button{background:var(--gold);color:#203b2a}.footer{padding-block:32px;color:var(--muted);font-size:.85rem;border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.page-heading{padding-block:48px 32px}.page-heading h1{font-size:clamp(2rem,4vw,3.3rem)}.page-heading p{color:var(--muted);max-width:46em}.crumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:.85rem;margin-bottom:23px}.dashboard{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:24px;padding-bottom:48px}.today{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.today-body{padding:30px}.today-image{width:100%;aspect-ratio:12/4;object-fit:cover}.tag{display:inline-block;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:700;background:var(--mint);color:var(--green);margin-bottom:15px}.date{font-size:.85rem;color:var(--muted);display:block;margin-bottom:12px}.side-card{background:var(--mint);border-radius:var(--radius);padding:28px;align-self:start}.side-card ol{padding-inline-start:20px;margin-bottom:0}.side-card li{padding-block:6px}.lesson-card{background:var(--white);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .15s}.lesson-card:hover{transform:translateY(-3px)}.lesson-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.lesson-card .card-body{padding:24px}.lesson-card h3 a{color:var(--ink);text-decoration:none}.lesson-card p{font-size:.94rem;color:var(--muted)}.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;background:var(--white);padding:20px;border:1px solid var(--line);border-radius:16px;margin-bottom:28px}.filters .field{flex:1;min-width:200px;margin:0}.field{margin-bottom:20px}.field label{display:block;font-weight:650;font-size:.9rem;margin-bottom:7px}.field input,.field select,.field textarea,input[type=text],input[type=password],input[type=email],input[type=search]{width:100%;min-height:48px;border:1px solid #7c9690;border-radius:10px;padding:11px 13px;background:white;color:var(--ink)}.field input:focus{border-color:var(--green)}.field .helptext,.errorlist{font-size:.85rem}.errorlist{color:#922d26;padding-inline-start:20px}.pagination{display:flex;justify-content:center;align-items:center;gap:18px;padding:34px}.empty{padding:32px;border:1px dashed #7c9690;border-radius:18px;background:var(--white)}.auth-layout{min-height:72vh;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-block:54px}.auth-story{background:var(--green);color:white;padding:42px;border-radius:28px;overflow:hidden}.auth-story h1{font-size:2.6rem}.auth-story p{color:#e4f2eb}.auth-story img{border-radius:17px;width:100%;aspect-ratio:16/9;object-fit:cover;margin-top:26px}.auth-form{max-width:420px;width:100%;margin:auto}.auth-form h2{font-size:2rem}.auth-form button{width:100%}.notice{border-inline-start:4px solid var(--green);background:var(--mint);padding:15px 19px;border-radius:8px;margin-block:20px;font-size:.9rem}.notice.error{background:#fdebe6;border-color:#922d26;color:#6d2923}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:48px;padding-bottom:56px;align-items:start}.lesson-article{min-width:0}.lesson-hero{border-radius:24px;overflow:hidden;margin-bottom:30px}.lesson-hero img{width:100%;aspect-ratio:16/6;object-fit:cover}.lesson-content{background:var(--white);padding:36px;border:1px solid var(--line);border-radius:20px;overflow-wrap:anywhere}.lesson-content h2{font-size:1.8rem;margin-top:34px}.lesson-content h3{margin-top:28px}.lesson-content table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto;margin-block:22px;font-size:.95rem}.lesson-content th,.lesson-content td{border:1px solid var(--line);padding:12px;text-align:start}.lesson-content th{background:var(--mint)}.lesson-content blockquote{margin-inline:0;background:var(--blue);border-inline-start:4px solid #34638f;padding:20px}.lesson-content img{height:auto;max-width:100%}.lesson-content pre{overflow:auto;background:#f2f4f2;padding:18px;border-radius:10px}.lesson-aside{position:sticky;top:24px;background:var(--mint);border-radius:18px;padding:24px;font-size:.9rem}.lesson-aside h2{font-size:1.12rem}.lesson-aside a{display:block;padding-block:6px}.lesson-block{margin-block:26px;border-radius:18px;overflow:hidden;border:1px solid var(--line)}.block-head{padding:16px 23px;background:var(--mint);display:flex;gap:14px;align-items:center}.block-head h2{font-size:1.2rem;margin:0}.block-body{padding:24px;background:white}.lesson-block.graph .block-head{background:var(--blue)}.lesson-block.exercise .block-head{background:#fbefcd}.lesson-block.takeaway .block-head{background:var(--rose)}.block-icon{width:26px;height:26px}.graph svg{width:100%;max-height:360px;display:block}.graph text{font-family:inherit}.figure-caption{font-size:.87rem;color:var(--muted);margin-top:14px}.exercise textarea{width:100%;min-height:120px;border:1px solid #7c9690;padding:14px;border-radius:10px;resize:vertical}.exercise label{display:block;font-weight:650;margin-bottom:10px}.exercise .helper{margin-top:9px}details{margin-top:16px;border:1px solid var(--line);border-radius:12px;padding:15px}summary{cursor:pointer;font-weight:700}.lesson-nav{display:flex;justify-content:space-between;gap:18px;margin-top:28px}.lesson-nav a{max-width:48%}.messages{margin-block:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.admin-chip{background:var(--gold);color:var(--ink);border-radius:6px;padding:4px 9px;font-size:.8rem}.page-end{padding-bottom:60px}
@media(max-width:900px){.nav{gap:16px;flex-wrap:wrap;padding-block:14px}.nav-links{gap:14px}.brand img{width:210px}.hero{gap:30px;padding-block:42px;grid-template-columns:1fr 1fr}.feature-grid,.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-layout{grid-template-columns:1fr}.lesson-aside{position:static;order:-1}.lesson-aside a{display:inline-block;margin-inline-end:18px}.auth-layout{gap:28px}.auth-story{padding:28px}.dashboard{grid-template-columns:1fr}}
@media(max-width:600px){.wrap{padding-inline:20px}.nav{gap:15px;min-height:auto}.brand img{width:194px}.nav-links{width:100%;margin:0;justify-content:space-between;flex-wrap:wrap;gap:10px}.nav-links a{font-size:.85rem}.language{margin-inline-start:auto}.hero{grid-template-columns:1fr;gap:30px;padding-block:34px 45px}h1{font-size:2.75rem}.hero .lead{font-size:1.02rem}.hero-art{margin-top:10px}.photo-frame{border-radius:24px}.visual-note{margin-inline:14px;padding:16px}.section{padding-block:42px}.section-head{display:block}.section-head p{margin-top:16px}.feature-grid,.lesson-grid{grid-template-columns:1fr}.feature{padding:25px}.banner{display:block;padding:28px}.banner .button{margin-top:22px}.auth-layout{display:flex;flex-direction:column-reverse;gap:30px;padding-block:35px}.auth-story{width:100%}.auth-story h1{font-size:2rem}.auth-form{max-width:none}.page-heading{padding-block:32px 20px}.today-body,.side-card{padding:24px}.lesson-content{padding:22px}.lesson-hero img{aspect-ratio:16/9}.lesson-aside{padding:18px}.lesson-nav{flex-direction:column}.lesson-nav a{max-width:100%}.filters{padding:17px}.filters .field{min-width:100%}.filters .button{width:100%}.block-body{padding:18px}.block-head{padding:16px 18px}.footer-inner{display:block}.footer-inner span{display:block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
