:root{--blue:#165fa3;--green:#197340;--yellow:#ffda62;--ink:#193e37}body{background:#faf9f2;color:var(--ink);font-family:Arial,EWSSinhala,sans-serif}[hidden]{display:none!important}small[lang=si]{display:block;letter-spacing:0;line-height:1.9;font-weight:400}h1,h2,h3,h4{letter-spacing:-.025em}.grammar-hero{max-width:1250px;margin:30px auto;padding:45px 48px;display:grid;grid-template-columns:1.5fr 1fr;gap:30px;background:#eaf4ed;border-radius:28px;position:relative;overflow:hidden;border:1px solid #c7ddcb}.unit-badge{font-weight:800;font-size:12px;letter-spacing:.08em;color:#18573c}.grammar-hero h1{font-size:clamp(45px,7vw,80px);line-height:1.05;margin:20px 0}.grammar-hero h1 em{color:#197340;font-style:normal}.grammar-hero h1 small{display:block;font-size:clamp(22px,3vw,32px);margin-top:18px;letter-spacing:-.025em;color:#165fa3;line-height:1.3}.grammar-hero p[lang=si]{background:transparent;border:0;padding:0;font-size:18px;line-height:2;color:#18573c}.grammar-hero>div>p:not([lang]){max-width:580px;color:#3c554d}.hero-chips{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.hero-chips span{background:#fff;padding:5px 11px;border-radius:20px;font-size:12px;font-weight:700}.hero-art{position:relative;min-height:300px}.hero-art>img{position:absolute;left:20%;top:100px;width:180px;height:160px}.word-tile{position:absolute;background:#fff;border:1px solid #d7e3d8;padding:15px 25px;border-radius:13px;box-shadow:0 7px #d8e7da;font-size:24px;font-weight:800;line-height:1.3;z-index:1}.word-tile small{display:block;font-size:12px;font-weight:400}.t1{top:5px;left:5%;color:#165fa3;transform:rotate(-9deg)}.t2{top:60px;right:0;color:#197340;transform:rotate(9deg)}.t3{bottom:5px;left:0;color:#874c93;transform:rotate(-5deg)}.art-note{position:absolute;bottom:0;right:0;font-size:13px;color:#425d47;font-weight:700}.unit-heading{max-width:1250px;margin:32px auto 20px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:20px}.unit-heading h2{font-size:28px;margin:8px 0}.unit-heading h2 small{font-size:18px}.kicker{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--accent,#165fa3);text-transform:uppercase}.unit-status{background:#197340;color:#fff;padding:8px 15px;border-radius:12px;font-size:14px;flex-shrink:0}.study-layout{max-width:1250px;margin:0 auto 50px;display:grid;grid-template-columns:265px minmax(0,1fr);gap:26px;scroll-margin-top:15px}.lesson-sidebar{background:#fff;border:1px solid #d5e1d7;border-radius:16px;padding:22px;height:fit-content}.lesson-sidebar h3{margin:0 0 20px;font-size:20px}.lesson-sidebar h3 small{font-size:14px}.search-label{font-size:12px;font-weight:700}.lesson-sidebar input{width:100%;min-width:0;padding:11px;border:1px solid #92ac9a;border-radius:7px;margin-top:6px;background:#f9fcf9}.lesson-tabs{display:flex;flex-direction:column;gap:5px;margin:12px -10px}.lesson-tabs a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;text-decoration:none;color:#345248;font-size:14px;line-height:1.4}.lesson-tabs a small{font-size:11px}.lesson-tabs a[aria-selected=true]{background:#e8f3ec;color:#124b30;box-shadow:inset 3px 0 #197340;font-weight:700}.tab-number{font-size:11px;color:#476658;font-weight:700;background:#f1f4ef;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;flex-shrink:0}.lesson-tabs a[aria-selected=true] .tab-number{background:#197340;color:#fff}.done{margin-left:auto;font-size:12px}.progress-label{font-weight:700;font-size:13px}progress{width:100%;height:9px;accent-color:#197340}.tiny{font-size:12px!important;line-height:1.8!important;color:#496456!important}.lesson-sidebar>a{display:block;font-size:13px;margin-top:20px}.lesson-area{min-width:0}.reading-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f0eee2;border:1px solid #e1decc;border-radius:10px;padding:10px 18px;margin-bottom:14px;font-size:12px;font-weight:700}.reading-toolbar select,.reference-zoom{padding:7px;border:1px solid #9cb1a2;border-radius:6px;background:#fff;margin-left:8px}.paper{position:relative;isolation:isolate;background:#fff;border:1px solid #d7e0d7;border-radius:16px;box-shadow:0 8px 30px #23493208;padding:34px 42px;overflow:hidden;font-size:calc(16px * var(--text-scale,1))}.paper:before{content:"";position:absolute;z-index:-1;top:480px;left:20%;width:60%;height:340px;background:url(/assets/embedded-ee06f559c56a1d2a-restored-20261031.webp) center/contain no-repeat;opacity:.035;pointer-events:none}.paper-top{display:flex;justify-content:space-between;gap:10px;font-size:10px;font-weight:800;letter-spacing:.1em;border-bottom:2px solid var(--accent);padding-bottom:14px;color:var(--accent)}.lesson-title{display:flex;gap:20px;align-items:center;margin-top:26px}.big-number{font-size:48px;line-height:1;font-weight:800;background:#f6f1dc;padding:18px 13px;border-radius:15px;color:var(--accent)}.lesson-title h2{font-size:clamp(27px,4vw,42px);margin:7px 0 0;line-height:1.15;color:var(--accent);overflow-wrap:anywhere}.lesson-title p[lang=si]{background:none;border:0;padding:0;margin:10px 0;font-size:1.05em;color:#335648}.pronunciation{display:inline-block;font-size:.83em;padding:7px 12px;background:#fff5d2;border-radius:8px;margin:10px 0 22px}.paper h3{font-size:1.2em;margin:25px 0 15px;line-height:1.5;color:var(--accent)}.paper h3 small{font-size:.75em;color:#3d6550}.definition{background:#edf6f0;padding:5px 22px 15px;border-radius:14px;border-left:4px solid var(--accent)}.definition h3{margin-top:14px}.definition-en{font-size:1.13em;font-weight:600;line-height:1.65}.paper p[lang=si]{font-size:.94em;line-height:2.05;margin:12px 0;background:none;border:0;padding:0;color:#27573f}.group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.group{border:1px solid #dde5e0;background:#fafcfb;border-radius:11px;padding:15px;overflow-wrap:anywhere}.group:nth-child(3n+1){border-top:3px solid #4b8ac1}.group:nth-child(3n+2){border-top:3px solid #6aa879}.group:nth-child(3n){border-top:3px solid #cfad43}.group h4{font-size:.92em;margin:0 0 8px;line-height:1.65}.group p{font-size:.86em;margin:8px 0}.group p[lang=si]{font-size:.82em}.remember{background:#fff8dc;border:1px solid #e8d27e;padding:18px 22px;border-radius:12px;margin:25px 0}.remember strong{font-size:.95em;color:#705311}.remember p{font-size:.9em;line-height:1.8;margin:10px 0}.vocabulary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #d9dfeb;border-radius:12px;overflow:hidden}.word{padding:15px;background:#f2f5fc;overflow-wrap:anywhere}.word+.word{border-left:1px solid #d9dfeb}.word strong{display:block;font-size:.95em;color:#165fa3}.word span{display:block;font-size:.86em;margin:4px 0}.word small{font-size:.78em}.example{margin:13px 0;padding:18px 22px;border-radius:12px;border:1px solid #c9dcea;background:#f1f7fd}.example:nth-of-type(2){background:#f1f8ef;border-color:#c8ddc3}.example:nth-of-type(3){background:#faf3fc;border-color:#dfcee4}.step{font-size:.63em;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#425b54}.english-example{font-size:1.24em;margin:10px 0 4px;line-height:1.6}.english-example b{color:var(--accent)}.explain{font-size:.81em;color:#465d54;margin:6px 0}.practice{border-top:2px dashed #c9d9ca;margin-top:26px}.question{display:block;margin:14px 0;padding:15px;border:1px solid #d5e3d7;border-radius:10px;font-size:.94em;line-height:1.85;background:#fafcf9}.question select{display:block;width:100%;white-space:normal;min-width:0;max-width:100%;padding:12px;margin-top:10px;border:1px solid #8fa89a;border-radius:8px;background:#fff;color:#193e37;font-size:.9em}.question.correct{border:2px solid #197340}.question.incorrect{border:2px solid #b64f23}.quiz-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 12px}.quiz-actions button,.mark-complete{background:#197340;color:#fff;border:0;padding:12px 18px;border-radius:9px;font-weight:700;cursor:pointer;font-size:.88em}.quiz-actions .secondary{background:#f0f3ed;color:#284f39;border:1px solid #a4b8a7}.feedback{font-weight:700;font-size:.95em}.answer-guide,.references{margin:18px 0;border:1px solid #c9d7d0;border-radius:10px;padding:16px;background:#fcfdfb}.answer-guide summary,.references summary{font-size:.92em;font-weight:700;cursor:pointer;line-height:1.7}.answer-guide li{font-size:.88em;line-height:2;margin:12px 0}.answer-guide ol{padding-left:22px}.references>p{font-size:.85em}.references figure{margin:20px 0}.reference-scroll{overflow:auto;border:1px solid #d9dfd7;max-height:85vh}.reference-scroll img{display:block;width:var(--ref-width,100%);max-width:none;height:auto;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.references figcaption{font-size:.65em;margin-top:8px;color:#4f6359}.references label{font-size:.8em}.paper-footer{display:flex;align-items:center;gap:10px;border-top:1px solid #dae4da;margin-top:35px;padding-top:18px;font-size:.69em;font-weight:700}.paper-footer small{font-weight:400}.lesson-actions{padding:20px 0 0;display:flex;gap:15px;flex-wrap:wrap;align-items:center;justify-content:space-between}.lesson-actions nav{display:flex;justify-content:space-between;gap:30px;font-size:13px}.lesson-actions a{text-decoration:none;font-weight:700}.mark-complete[aria-pressed=true]{background:#e2efe3;color:#195b30;border:1px solid #7da98a}.learning-note{max-width:950px;margin:40px auto;padding:28px;background:#fff4d1;border-radius:18px}.learning-note h2{font-size:25px}.learning-note h2 small{font-size:17px}.learning-note details{font-size:13px;margin-top:25px}.paper,.reference-scroll{-webkit-touch-callout:none}.paper input,.paper select{user-select:auto}.lesson h2:focus{outline:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b78300;outline-offset:3px}@media(min-width:1450px){.study-layout{grid-template-columns:275px minmax(0,1fr);max-width:1320px}.grammar-hero,.unit-heading{max-width:1320px}}@media(max-width:850px){.grammar-hero{margin:16px;padding:30px;grid-template-columns:1fr}.hero-art{display:none}.unit-heading{margin:24px 16px;padding:0}.study-layout{display:block;margin:0 16px 35px}.lesson-sidebar{padding:18px;margin-bottom:20px}.lesson-sidebar h3{margin-bottom:10px}.lesson-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:12px -7px}.lesson-tabs a{font-size:13px;padding:9px 7px;gap:7px}.lesson-sidebar progress,.progress-label{max-width:100%}.lesson-sidebar>a{margin-top:10px}.paper{padding:25px}.learning-note{margin:25px 16px}.reading-toolbar{flex-wrap:wrap}}@media(max-width:480px){.grammar-hero{padding:26px 20px;border-radius:19px}.grammar-hero h1{font-size:44px}.grammar-hero h1 small{font-size:23px}.grammar-hero p[lang=si]{font-size:16px}.hero-chips{gap:5px}.hero-chips span{font-size:11px}.unit-heading{align-items:flex-start;gap:10px}.unit-heading h2{font-size:22px}.unit-heading h2 small{font-size:15px}.unit-status{font-size:11px;padding:6px 8px}.unit-status small{font-size:9px}.study-layout{margin:0 10px 30px}.lesson-sidebar{padding:15px}.paper{padding:20px 16px;border-radius:12px}.big-number{font-size:30px;padding:14px 9px}.lesson-title{gap:12px}.lesson-title h2{font-size:28px}.lesson-title .kicker{font-size:9px}.paper-top{font-size:8px;letter-spacing:.04em}.group-grid{grid-template-columns:1fr}.definition{padding:5px 15px 10px}.vocabulary{grid-template-columns:1fr}.word{padding:12px 15px;display:grid;grid-template-columns:1fr 1fr;gap:4px}.word small{grid-column:1/-1}.word+.word{border-left:0;border-top:1px solid #d9dfeb}.word span{margin:0}.example{padding:15px}.reading-toolbar{font-size:11px;padding:10px}.remember{padding:15px}.lesson-actions{align-items:stretch}.lesson-actions>button{width:100%}.lesson-actions nav{width:100%}.question{padding:12px}.learning-note{padding:20px}.reader-header nav{flex-wrap:wrap}}@media print{html,body{display:none!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.ews-short-practice{padding:20px;background:#f1f8eb;border-radius:14px;margin:24px 0}.ews-short-practice li{padding:12px 0}.ews-short-practice details{border:1px solid #b6cfad;border-radius:9px;padding:12px;background:#fff}.ews-short-practice summary{cursor:pointer;font-weight:700}.ews-short-practice h3 small{display:block;line-height:1.8}
