.learning-pills{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.learning-pills>*{font:13px var(--ui);border:1px solid #7c835f50;border-radius:100px;padding:9px 17px}.grammar-art{isolation:isolate;color:#404733;background:linear-gradient(140deg,#e1e5d5,#bec5a2);border-radius:16px;height:235px;position:relative;overflow:hidden}.art-orbit{border:1px solid #faf3e885;border-radius:50%;width:260px;height:260px;position:absolute;top:28px;left:-45px;box-shadow:0 0 0 26px #faf3e812,0 0 0 52px #faf3e81a}.art-sun{background:linear-gradient(130deg,#f4ae58,#f9ab8f);border-radius:50%;width:110px;height:110px;position:absolute;top:20px;right:23px;box-shadow:0 0 50px #f4ae5840}.art-hill{background:#7c835f60;border-radius:50%;width:300px;height:160px;position:absolute;bottom:-60px;right:-60px;transform:rotate(-20deg)}.art-window{backdrop-filter:blur(7px);background:#faf3e8a6;border:1px solid #ffffffbd;border-radius:70px 70px 14px 14px;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:43px 22% 35px;transform:rotate(-6deg);box-shadow:10px 15px 25px #3e492a20}.art-window svg{width:64px;height:64px}.art-window span{font:11px var(--ui);letter-spacing:.12em;text-align:center}.art-index{font:9px var(--ui);letter-spacing:.12em;position:absolute;bottom:14px;left:18px}.art-spark{color:var(--cream);font-size:40px;position:absolute;bottom:45px;right:24px}.grammar-art-1{background:linear-gradient(140deg,#f9dec1,#e6c5ae)}.grammar-art-1 .art-sun{background:linear-gradient(130deg,#a5af85,#7c835f)}.grammar-art-2{background:linear-gradient(140deg,#ede2d0,#d2d8c3)}.grammar-art-2 .art-window{transform:rotate(5deg)}.grammar-catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-bottom:60px;display:grid}.grammar-topic-card{color:inherit;background:#ffffff80;border:1px solid #fff;border-radius:20px;padding:10px;text-decoration:none;transition:transform .2s;box-shadow:0 12px 30px #4d563015}.grammar-topic-card>div:last-child{padding:23px 14px}.grammar-topic-card h2{font-size:25px;line-height:1.25}.grammar-topic-card p{margin:13px 0 21px;line-height:1.7}.grammar-topic-card .text-link{font-size:13px}.grammar-topic-card:hover{transform:translateY(-5px)}.reference-home .grammar-tile{min-width:0;padding:0;overflow:hidden}.reference-home .grammar-tile h3,.reference-home .grammar-tile>p{padding:0 18px}.reference-home .grammar-tile>p{padding-bottom:22px}.reference-home .grammar-tile .grammar-art{border-radius:0;height:175px}.reference-home .grammar-tile .art-window{inset:24px 22% 28px}.reference-home .grammar-tile .art-window svg{width:43px;height:43px}.reference-home .grammar-tile .art-window span{font-size:8px}.reference-home .grammar-tile .art-index{font-size:7px}.reference-home .grammar-tile .art-sun{width:80px;height:80px}.reference-home .grammar-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.tense-table-section h2,.grammar-rules h2{margin:15px 0 24px;font-size:clamp(33px,4vw,52px);line-height:1.12}.tense-legend{color:#88622e;flex-wrap:wrap;gap:22px;margin:25px 0;font-size:14px;display:flex}.tense-legend span+span{color:#56613e}.tense-matrix-wrap{border:1px solid #7c835f50;border-radius:18px;box-shadow:0 18px 45px #3b432017}.tense-matrix{border-collapse:collapse;text-align:left;width:100%;min-width:820px}.tense-matrix caption{text-align:left;caption-side:bottom;background:#faf3e8;padding:20px;font-size:14px}.tense-matrix th,.tense-matrix td{vertical-align:top;border:1px solid #7c835f25;width:25%;padding:25px 22px}.tense-matrix thead{color:#fffaf0;background:#7c835f}.tense-matrix thead th{font:26px var(--display)}.tense-matrix strong{font:700 15px var(--body);margin:15px 0 8px;display:block}.tense-matrix small{font:13px/1.65 var(--body);display:block}.tense-matrix tbody{background:#f4ae5825}.tense-matrix .continuous-row{background:#7c835f26}.tense-matrix tbody th{font:22px var(--display)}.tense-matrix td p{margin-bottom:12px;font-size:19px;line-height:1.45}.tense-matrix td small{color:#535b45}.mobile-table-hint{margin-bottom:10px;font-size:12px;display:none}.rule-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:36px;display:grid}.rule-grid article{background:#fff8;border:1px solid #fff;border-radius:17px;padding:34px}.rule-grid article>span{font:32px var(--display);color:#7c835f80}.rule-grid h3{margin:20px 0;font-size:27px}.rule-grid p{line-height:1.8}.rule-grid small{color:var(--muted);margin-top:18px;line-height:1.7;display:block}.lesson-intro{grid-template-columns:1.3fr 1fr;align-items:center;gap:65px;display:grid}.lesson-intro h1{font-size:clamp(40px,5vw,65px)}.lesson-intro .grammar-art{height:340px}.lesson-intro .art-window{inset:60px 25% 48px}.lesson-intro .art-sun{width:155px;height:155px}.lesson-intro .button{margin-top:30px}.lesson-theory{grid-template-columns:1.4fr 1fr;gap:60px;display:grid}.lesson-theory li{margin:18px 0;line-height:1.8}.method-note{color:#fffaf0;background:#7c835f;border-radius:22px;align-self:start;padding:35px}.method-note h2{margin:20px 0;font-size:32px}.method-note ol{padding-left:20px}.method-note li{margin:14px 0;line-height:1.7}.method-note a{color:inherit;text-underline-offset:5px}.construction-grid{grid-template-columns:repeat(2,1fr);gap:22px;margin-top:32px;display:grid}.construction-grid article{background:linear-gradient(135deg,#fff9,#f4ae581f);border:1px solid #fff;border-radius:18px;padding:28px}.construction-label{font:14px var(--ui);color:#6e7557}.construction-grid h3{font:21px/1.5 var(--ui);margin:20px 0}.construction-grid p{color:#90612a;font-size:19px;line-height:1.6}.lesson-tips{background:#f4ae5817;border-left:3px solid #f4ae58;margin:40px 0;padding:24px 30px}.lesson-tips li{margin:14px 0;line-height:1.8}.lesson-tips ul{padding-left:18px}.grammar-practice>p{max-width:760px;margin:16px 0;line-height:1.8}.grammar-practice h2{font-size:clamp(32px,4vw,46px)}.practice-progress{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:20px 0;padding:22px 0;display:flex}.practice-progress button,.self-check{font:14px var(--ui);color:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #7c835f;padding:8px 0}.practice-group{background:#fff6;border:1px solid #7c835f40;border-radius:18px;margin:20px 0;overflow:hidden}.practice-group>summary{cursor:pointer;font:22px var(--display);background:#7c835f14;justify-content:space-between;gap:20px;padding:25px 28px;display:flex}.practice-group>summary small{font:13px var(--ui);white-space:nowrap;align-self:center}.practice-group>p{padding:24px 28px;line-height:1.8}.exercise-list{margin:0;padding:0 28px 16px;list-style:none}.exercise-list>li{border-top:1px solid #7c835f30;padding:26px 0}.exercise-list label{align-items:baseline;gap:20px;font-size:18px;line-height:1.75;display:flex}.question-number{font:13px var(--ui);color:#68704c}.answer-row{gap:12px;margin:18px 0 10px;display:flex}.answer-row input{min-width:0;font:17px var(--body);color:var(--ink);background:#fff9;border:1px solid #7c835f50;border-radius:8px;flex:1;padding:15px}.answer-row input:focus-visible{outline-offset:3px;outline:2px solid #7c835f}.answer-row .button{white-space:nowrap}.exercise-feedback{min-height:0;font-size:14px;line-height:1.7}.exercise-feedback:not(:empty){background:#f4ae5825;border-radius:7px;margin:12px 0;padding:13px 17px}.exercise-list [data-result=correct] .exercise-feedback{color:#374829;background:#7c835f24}.exercise-solution{margin-top:12px}.exercise-solution summary{text-underline-offset:4px;cursor:pointer;color:#657046;font-size:13px;text-decoration:underline}.exercise-solution p{margin:12px 0;line-height:1.7}.self-check{margin:15px 0}.self-check[hidden]{display:none}@media (width<=1000px){.grammar-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-intro,.lesson-theory{gap:30px}.mobile-table-hint{display:block}}@media (width<=700px){.grammar-catalog{gap:16px}.grammar-art{height:185px}.grammar-topic-card h2{font-size:21px}.grammar-topic-card>div:last-child{padding:18px 6px}.grammar-topic-card p{font-size:14px}.art-window{inset:34px 20% 28px}.art-window svg{width:48px;height:48px}.art-window span{font-size:8px}.art-index{font-size:7px}.lesson-intro,.lesson-theory,.construction-grid,.rule-grid{grid-template-columns:1fr}.lesson-intro .grammar-art{height:250px}.reference-home .grammar-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-group>summary{padding:22px 18px;font-size:20px}.practice-group>p{padding:20px 18px}.exercise-list{padding:0 18px 14px}.answer-row{flex-direction:column}.answer-row .button{align-self:flex-start}.exercise-list label{gap:12px;font-size:16px}.rule-grid article{padding:26px}.lesson-tips{padding:22px}.tense-matrix th,.tense-matrix td{padding:20px}.lesson-intro h1{font-size:40px}}@media (width<=420px){.grammar-catalog{grid-template-columns:1fr}.grammar-topic-card .grammar-art{height:210px}}@media (prefers-reduced-motion:reduce){.grammar-topic-card{transition:none}.grammar-topic-card:hover{transform:none}}