:root{--ink:#122f42;--muted:#526b7b;--green:#165ddd;--accent:#087f79;--primary-hover:#104ab4;--canvas:#f7fbff;--cream:var(--canvas);--surface:#fff;--subtle:#f3f8fc;--light:#e8f3ff;--line:#d9e6ee;--accent-soft:#d9f3ef;--peach:var(--accent-soft);--word-highlight:#c5f1df;--sentence-highlight:#dceaff;--focus:#3173bd;--warning-bg:#fff3e9;--warning-border:#b76b31;--shadow:#153b6817;--heading-font:Arial,Helvetica,sans-serif;--reading-font:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{max-width:1180px;margin:auto;padding:0 32px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:92px;display:flex}.brand{letter-spacing:-1.4px;font-family:Georgia,serif;font-size:29px;font-weight:700}.top-note,.muted,.back-link{color:var(--muted);font-size:14px}.back-link:hover{text-decoration:underline}.eyebrow{color:var(--accent);letter-spacing:2px;margin:0 0 19px;font-size:12px;font-weight:700}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;min-height:545px;display:grid}.hero h1,.story-heading h1{letter-spacing:-3px;margin:0 0 22px;font:clamp(48px,5.5vw,78px)/1.04 Georgia,serif}.hero h1 em{color:var(--accent);font-weight:400}.intro{max-width:510px;color:var(--muted);margin-bottom:32px;font-size:19px;line-height:1.65}.button{background:var(--green);color:#fff;border:0;border-radius:6px;align-items:center;gap:32px;padding:16px 23px;font-size:14px;font-weight:700;display:inline-flex}.button:hover{background:var(--primary-hover)}.hero-art{background:var(--accent-soft);border-radius:120px 120px 12px 12px;height:370px;position:relative;overflow:hidden}.sun{background:var(--word-highlight);border-radius:50%;width:82px;height:82px;position:absolute;top:58px;right:90px}.hill{background:var(--accent-soft);border-radius:50% 50% 0 0;width:125%;height:230px;position:absolute;bottom:-95px}.hill-one{background:var(--accent-soft);bottom:-55px;left:-60%}.hill-two{right:-48%}.house{background:var(--surface);border:4px solid var(--green);border-radius:3px;width:150px;height:130px;position:absolute;bottom:70px;left:38%}.roof{background:var(--accent);border-left:4px solid var(--green);border-top:4px solid var(--green);width:120px;height:120px;position:absolute;top:-66px;left:11px;transform:rotate(45deg)}.door{background:var(--accent);border-radius:18px 18px 0 0;width:38px;height:75px;position:absolute;bottom:0;left:57px}.window{background:var(--word-highlight);border:3px solid var(--green);width:24px;height:28px;position:absolute;top:24px;left:17px}.trees{color:var(--accent);letter-spacing:18px;font-size:75px;position:absolute;bottom:34px;left:10%}.section{padding:30px 0 80px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.section h2,.panel h2,.side-panel h2{margin:0 0 8px;font:36px Georgia,serif}.story-card{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:130px 1fr 30px;align-items:center;gap:30px;padding:24px;transition:transform .2s,box-shadow .2s;display:grid}.story-card:hover{box-shadow:0 14px 35px var(--shadow);transform:translateY(-3px)}.story-icon{background:var(--accent-soft);height:130px;color:var(--accent);border-radius:8px;place-items:center;font:80px Georgia,serif;display:grid}.pill{background:var(--light);color:var(--green);border-radius:20px;padding:6px 11px;font-size:12px;font-weight:700;display:inline-block}.story-card h3{margin:12px 0 8px;font:26px Georgia,serif}.story-card p{color:var(--muted);margin:0 0 10px}.card-arrow{color:var(--accent);font-size:27px}footer{border-top:1px solid var(--line);color:var(--muted);padding:28px 0 40px;font-size:13px}.story-heading{max-width:760px;padding:65px 0 38px}.story-heading h1{font-size:clamp(42px,5vw,68px)}.story-heading>p:last-child{color:var(--muted);font-size:18px;line-height:1.5}.tabs{border-bottom:1px solid var(--line);gap:8px;margin-bottom:30px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;padding:15px 20px;font-weight:700}.tabs button.active{color:var(--green);border-color:var(--green)}.panel,.reading-panel,.side-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:60px;padding:34px}.panel-head{margin-bottom:28px}.panel-head p{color:var(--muted);line-height:1.5}.word-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.word-card{background:var(--subtle);border:1px solid var(--line);border-radius:8px;padding:22px}.word-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.word-card h3{margin:0;font:25px Georgia,serif}.word-card p{margin:12px 0}.word-card small{color:var(--muted);font-style:italic;line-height:1.5}.translation-note{font-size:14px;color:var(--accent)!important}.save-button{border:1px solid var(--line);color:var(--green);white-space:nowrap;background:0 0;border-radius:5px;padding:8px 11px;font-size:12px;font-weight:700}.save-button:hover{background:var(--light)}.next{margin-top:27px}.reader-grid{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:22px;display:grid}.reading-panel{padding:45px 55px}.reader-toolbar{color:var(--muted);letter-spacing:1.5px;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;margin-bottom:27px;padding-bottom:22px;font-size:12px;font-weight:700;display:flex}.switch{letter-spacing:0;cursor:pointer;align-items:center;gap:7px;font-size:13px;font-weight:400;display:flex}.switch input{accent-color:var(--green)}.paragraph p:first-child{margin:0 0 26px;font:20px/1.85 Georgia,serif}.inline-word{border:0;border-bottom:2px dotted var(--accent);background:var(--subtle);color:inherit;font:inherit;padding:0 2px;display:inline}.inline-word:hover,.inline-word:focus-visible{background:var(--word-highlight)}.translation{color:var(--ink);background:var(--subtle);border-left:3px solid var(--peach);margin:-12px 0 27px;padding:15px 18px;font:16px/1.7 Arial,sans-serif}.side-panel{padding:25px;position:sticky;top:20px}.side-panel h2{font-size:28px}.side-panel p{color:var(--muted);line-height:1.6}.side-panel .example{color:var(--ink);font-style:italic}.saved-count{border-top:1px solid var(--line);color:var(--muted);margin-top:24px;padding-top:18px;font-size:12px}.review{max-width:840px}.question{border:0;border-top:1px solid var(--line);margin:0;padding:24px 0}.question legend{padding-top:24px;font-size:18px;font-weight:700}.question legend span{color:var(--accent);margin-right:12px;font:20px Georgia,serif}.choices{gap:9px;margin:15px 0;display:grid}.choice{text-align:left;background:var(--subtle);border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:14px 16px}.choice:hover{border-color:var(--green)}.choice.selected{border-color:var(--green);background:var(--light)}.choice.correct{box-shadow:inset 4px 0 var(--green)}.feedback{color:var(--green);font-size:13px}.result{background:var(--light);border-radius:7px;margin:22px 0;padding:18px;font-weight:700}.text-button{color:var(--green);background:0 0;border:0;padding:8px 0;font-weight:700}@media (max-width:760px){.shell{padding:0 18px}.topbar{height:72px}.top-note{display:none}.hero{grid-template-columns:1fr;gap:34px;padding:54px 0}.hero h1{font-size:54px}.hero-art{border-radius:90px 90px 8px 8px;height:250px}.section-heading{align-items:start}.section-heading>.muted{display:none}.story-card{grid-template-columns:80px 1fr;gap:16px;padding:15px}.story-icon{height:90px;font-size:50px}.story-card h3{font-size:21px}.card-arrow{display:none}.word-grid,.reader-grid{grid-template-columns:1fr}.panel,.reading-panel{margin-bottom:35px;padding:24px}.side-panel{margin-top:-15px;position:static}.reader-toolbar{flex-direction:column;align-items:flex-start}.tabs button{padding:13px 10px;font-size:13px}.story-heading{padding:45px 0 25px}.paragraph p:first-child{font-size:19px}}.edition-picker{gap:12px;margin:0 0 26px;display:flex}.edition-picker button{text-align:left;border:1px solid var(--line);min-width:210px;color:var(--ink);background:#fff;border-radius:9px;padding:16px 18px;font-size:15px}.edition-picker button.active{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:var(--light)}.edition-picker strong{color:var(--green);margin-top:5px;font-size:13px;display:block}.source-note{font-size:13px!important;line-height:1.5!important}.source-note a{color:var(--green);text-decoration:underline}@media (max-width:760px){.edition-picker{gap:8px}.edition-picker button{flex:1;min-width:0;padding:13px 10px;font-size:13px}}.reading-panel{max-width:none;padding:32px 38px}.word-note{background:var(--light);border:1px solid var(--line);border-radius:9px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:15px;padding:15px 20px;display:flex}.word-note .eyebrow{margin:0 0 5px;display:block}.word-note h2{margin:0 0 5px;font:25px Georgia,serif}.word-note p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.word-note .usage-explanation{margin-top:7px}.alignment-help{color:var(--muted);margin:0 0 20px;font-size:13px}.bilingual-reader{border-top:1px solid var(--line)}.column-headings,.bilingual-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;display:grid}.column-headings{color:var(--muted);letter-spacing:1.5px;padding:17px 0 9px;font-size:11px;font-weight:700}.bilingual-row{border-top:1px solid var(--line);align-items:start;padding:18px 0}.bilingual-row p{min-width:0;margin:0}.bilingual-row .translation{background:var(--subtle);border-left:3px solid var(--peach);color:var(--ink);padding:14px 17px;font:16px/1.8 Arial,sans-serif}.english-only .column-headings,.english-only .bilingual-row{grid-template-columns:minmax(0,1fr)}.english-only .bilingual-row p{max-width:75ch}.aligned-word{border:0;border-bottom:1px dotted var(--accent);color:inherit;font:inherit;text-align:inherit;background:0 0;border-radius:2px;padding:0 1px;display:inline}.aligned-word:hover,.aligned-word:focus-visible,.aligned-word.aligned-active{background:var(--word-highlight);box-shadow:0 0 0 2px var(--word-highlight);outline:none}.aligned-word.inline-word{border-bottom:2px dotted var(--accent);background:var(--subtle)}.aligned-word.inline-word.aligned-active{background:var(--word-highlight)}.usage-tag{background:var(--light);color:var(--green);border-radius:12px;margin-top:8px;padding:5px 8px;font:700 11px Arial,sans-serif;display:inline-block}.word-note h2 .usage-tag{vertical-align:middle;margin:0 0 0 6px}.usage-explanation{color:var(--muted);font-size:13px;line-height:1.5}.tabs{flex-wrap:wrap}@media (max-width:760px){.reading-panel{padding:22px 18px}.column-headings{display:none}.bilingual-row{grid-template-columns:1fr;gap:10px;padding:20px 0}.bilingual-row .translation{margin:0}.word-note{flex-direction:column;align-items:flex-start}.tabs{gap:0}.tabs button{padding:12px 8px}}.sentence-link{cursor:pointer;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;transition:background-color .12s}.sentence-link.sentence-active{background:var(--sentence-highlight);box-shadow:0 2px 0 var(--focus)}.sentence-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sentence-key{background:var(--sentence-highlight)}.word-key{background:var(--word-highlight)}.sentence-key,.word-key{border-radius:3px;padding:2px 4px}.word-popover{z-index:1000;background:var(--surface);border:1px solid var(--line);box-shadow:0 12px 45px var(--shadow);overscroll-behavior:contain;color:var(--ink);border-radius:12px;padding:20px;font:15px/1.55 Arial,sans-serif;position:fixed;overflow:auto}.word-popover h2{margin:0;font:28px Georgia,serif}.word-popover p{margin:10px 0}.word-popover .example{color:var(--muted);font-style:italic}.word-popover:focus{outline:2px solid var(--green);outline-offset:2px}.popover-heading{justify-content:space-between;align-items:center;display:flex}.popover-heading .eyebrow{margin:0}.popover-close{color:var(--muted);background:0 0;border:0;padding:3px 7px;font-size:28px;line-height:1}button:disabled{cursor:default;opacity:.55}.storage-warning{background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:8px;padding:14px;line-height:1.5}.saved-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.review-summary{flex-wrap:wrap;gap:15px;margin-bottom:25px;display:flex}.review-summary span{background:var(--light);color:var(--muted);border-radius:7px;padding:13px 18px;font-size:14px}.review-summary strong{color:var(--green);margin-bottom:3px;font-size:24px;display:block}.vocabulary-review{max-width:850px;margin-left:auto;margin-right:auto}.flashcard{background:var(--subtle);border:1px solid var(--line);text-align:center;border-radius:12px;padding:30px}.flashcard-top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:35px;display:flex}.flashcard-top label{color:var(--muted);font-size:13px}.flashcard select{border:1px solid var(--line);max-width:100%;color:var(--ink);background:#fff;border-radius:5px;margin-left:6px;padding:7px}.flashcard h3{overflow-wrap:anywhere;margin:12px 0 22px;font:clamp(28px,4vw,42px)/1.25 Georgia,serif}.flashcard .eyebrow{margin-bottom:10px}.flashcard-answer{border-top:1px solid var(--line);margin-top:22px;padding-top:10px}.answer-translation{font-size:22px;line-height:1.5}.flashcard .example{font-style:italic;line-height:1.6}.rating-buttons{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px;display:grid}.rating{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:7px;padding:14px 10px}.rating strong,.rating span{display:block}.rating span{margin-top:8px;font-size:12px}.rating.again{background:var(--warning-bg);border-color:var(--warning-border)}.rating.good,.rating.easy{background:var(--accent-soft)}.rating:hover{outline:2px solid var(--green)}.review-empty{text-align:center;background:var(--light);border-radius:10px;padding:35px}.review-empty h3{margin:0 0 15px;font:30px Georgia,serif}.review-empty p{line-height:1.6}.review-explainer{color:var(--muted);margin:24px 0;font-size:14px;line-height:1.6}.review-explainer summary{cursor:pointer;color:var(--green);font-weight:700}.review-footer{border-top:1px solid var(--line);padding-top:22px}.review-footer p{line-height:1.5}@media (max-width:600px){.flashcard{padding:20px 15px}.flashcard-top{flex-direction:column;align-items:flex-start;margin-bottom:28px}.rating-buttons{grid-template-columns:repeat(2,1fr)}.review-summary{gap:8px}.review-summary span{flex:1;padding:12px}.word-popover{padding:16px}.tabs button{font-size:12px}}.site-nav{color:var(--green);align-items:center;gap:26px;font-size:14px;display:flex}.site-nav a:hover{text-underline-offset:5px;text-decoration:underline}.language-picker{background:var(--light);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:25px;margin:0 0 20px;padding:28px 30px;display:flex}.language-picker h2{margin:0 0 8px;font:29px Georgia,serif}.language-picker p{margin-bottom:0;line-height:1.5}.language-fields{align-items:center;gap:14px;display:flex}.language-fields label{color:var(--green);flex-direction:column;gap:10px;font-size:13px;font-weight:700;display:flex}.language-fields select{width:180px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:6px;padding:12px 14px}.language-arrow{color:var(--accent);padding-top:25px}.story-list{gap:18px;display:grid}.story-icon-cendrillon{background:var(--accent-soft);color:var(--accent)}.library-note{color:var(--muted);margin-top:22px;font-size:13px;line-height:1.6}.pair-caption{background:var(--light);letter-spacing:.2px;border-radius:15px;padding:8px 12px;display:inline-block;color:var(--green)!important;font:700 12px Arial,sans-serif!important}.about-hero{border-bottom:1px solid var(--line);padding:80px 0 55px}.about-hero h1{letter-spacing:-2px;margin:0 0 30px;font:clamp(44px,6vw,72px)/1.08 Georgia,serif}.about-hero h1 em{color:var(--accent);font-weight:400}.about-hero .intro{max-width:700px}.about-content{max-width:800px;margin:0 auto;padding:55px 0 35px}.about-content section{margin:0 0 55px}.about-content h2{letter-spacing:-.5px;margin:0 0 20px;font:34px/1.2 Georgia,serif}.about-content p{color:var(--muted);margin:0 0 18px;font-size:17px;line-height:1.8}.about-content .eyebrow{color:var(--accent);margin-bottom:15px;font-size:12px;line-height:1.5}.about-callout{background:var(--light);border-left:4px solid var(--accent);border-radius:4px 12px 12px 4px;margin:0 0 55px;padding:30px 34px}.about-callout p:last-child{margin-bottom:0}.about-steps{color:var(--muted);padding-left:22px;font-size:17px;line-height:1.8}.about-steps li{padding:0 0 14px 6px}.about-steps strong{color:var(--ink)}.about-ending{border-top:1px solid var(--line);padding-top:35px}.about-content .about-affiliation{color:var(--muted);font-size:12px;line-height:1.6}.bilingual-row.verse p{white-space:pre-line}@media (max-width:900px){.language-picker{flex-direction:column;align-items:flex-start}.language-fields{width:100%}.language-fields label{flex:1}.language-fields select{width:100%}}@media (max-width:600px){.site-nav{gap:18px;font-size:13px}.language-picker{padding:22px 18px}.language-fields{gap:10px}.language-fields label{min-width:0;font-size:12px}.language-fields select{padding:12px 8px}.language-arrow{display:none}.about-hero{padding:50px 0 30px}.about-content{padding-top:35px}.about-content h2{font-size:29px}.about-content p,.about-steps{font-size:16px}.about-callout{padding:23px}.about-content section{margin-bottom:38px}}.usage-filter{color:var(--green);flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;font-weight:600;display:flex}.usage-filter select{font:inherit;border:1px solid var(--line);background:var(--surface);border-radius:8px;max-width:100%;padding:10px 14px}.word-source{color:var(--muted);margin:8px 0 14px;font-size:.8rem;line-height:1.5}.recall-exercise{border-bottom:1px solid var(--line);margin-bottom:36px;padding-bottom:32px}.recall-label{margin:22px 0 8px;font-weight:600;line-height:1.6;display:block}.recall-exercise textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--line);background:var(--surface);width:100%;min-height:200px;color:var(--ink);font:inherit;border-radius:10px;padding:16px;line-height:1.7;display:block}.recall-exercise textarea:focus{outline:3px solid var(--sentence-highlight);outline-offset:2px}.recall-comparison{background:var(--light);border-radius:12px;margin-top:20px;padding:20px}.recall-words{flex-wrap:wrap;gap:12px 22px;margin:20px 0;display:flex}.recall-words label{align-items:center;gap:6px;display:flex}.recall-comparison li{margin-bottom:12px;line-height:1.7}body{-webkit-font-smoothing:antialiased;font-family:Arial,Helvetica,sans-serif}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.shell{max-width:1240px;padding:0 40px}.topbar{border-bottom:1px solid var(--line);height:94px}.brand{letter-spacing:-1.4px;align-items:center;font:800 28px Arial,Helvetica,sans-serif;display:flex}.brand:before{content:"";border:3px solid var(--accent);width:25px;height:29px;box-shadow:inset 5px 0 0 var(--accent-soft);border-radius:3px 9px 9px 3px;margin-right:10px;display:inline-block}.brand span{color:var(--accent)}.site-nav{color:var(--ink);gap:28px;font-weight:600}.eyebrow{letter-spacing:1.7px;color:var(--accent);font-size:11px;line-height:1.6}.hero h1,.story-heading h1{font:750 clamp(44px,5.3vw,70px)/1.08 var(--heading-font);letter-spacing:-2.8px}.hero h1 em{color:var(--green);font-style:normal;font-weight:inherit;display:block}.intro{color:var(--muted);max-width:480px;font-size:18px;line-height:1.7}.button{box-shadow:0 6px 14px var(--shadow);border-radius:100px;gap:25px;padding:16px 25px;font-size:14px}.button:hover{transform:translateY(-1px)}.section h2,.panel h2,.side-panel h2,.about-content h2,.language-picker h2{font-family:var(--heading-font);letter-spacing:-1px;font-weight:700}.section-heading{margin-bottom:28px}.section-heading h2{font-size:34px}.story-card{box-shadow:0 5px 20px var(--shadow);border-radius:20px;gap:24px;padding:22px}.story-card:hover{border-color:var(--accent);box-shadow:0 14px 30px var(--shadow)}.story-card h3{font:700 25px/1.25 var(--heading-font);letter-spacing:-.6px}.story-icon{background:var(--green);color:#fff;width:112px;height:140px;box-shadow:inset 7px 0 0 #ffffff24,4px 5px 0 var(--line);border-radius:6px 12px 12px 6px;font-size:56px}.story-icon-la-hormiguita{background:var(--accent);color:#fff}.story-icon-cendrillon{color:#fff;background:#355a9c}.story-card p{font-size:15px;line-height:1.5}.card-arrow{color:var(--accent)}.pill{background:var(--light);color:var(--green);letter-spacing:.2px;font-size:11px}.language-picker{background:var(--surface);box-shadow:0 5px 20px var(--shadow);border-radius:18px;margin-bottom:52px;padding:25px 30px}.language-picker h2{font-size:24px}.language-picker .eyebrow{margin-bottom:7px}.language-fields select{background:var(--canvas);border-color:var(--line);border-radius:10px;font-size:14px}.story-heading{max-width:100%;padding-top:52px;padding-bottom:30px}.story-heading h1{max-width:900px;margin-bottom:26px;font-size:clamp(36px,4.7vw,59px)}.story-heading>p{max-width:820px}.edition-picker{gap:10px;margin:0 0 24px}.edition-picker button{border-radius:14px;min-width:215px;transition:background .15s,border-color .15s}.edition-picker button.active{background:var(--light);border-color:var(--green)}.edition-picker strong{font-size:15px}.pair-caption{margin:0 0 12px}.tabs{gap:6px;margin-top:28px}.tabs button{border-radius:8px 8px 0 0;padding:14px 16px}.tabs button:hover{background:var(--light)}.panel,.reading-panel{box-shadow:0 5px 24px var(--shadow);border-radius:18px}.word-card{background:var(--subtle);border-radius:12px}.word-card h3,.word-popover h2,.flashcard h3,.review-empty h3{font-family:var(--heading-font);font-weight:650}.save-button{border-color:var(--line);border-radius:8px;font-size:12px}.usage-tag{color:var(--accent);background:var(--accent-soft);font-size:11px}.translation-note{color:var(--accent)!important}.bilingual-row p:first-child{font:20px/1.85 var(--reading-font)}.bilingual-row .translation{background:var(--subtle);border-left:3px solid var(--accent-soft);color:var(--ink);border-radius:0 10px 10px 0}.word-popover{background:var(--surface);border:1px solid var(--line);box-shadow:0 14px 45px var(--shadow)}.aligned-word.inline-word{background:var(--accent-soft);border-bottom-color:var(--accent)}.aligned-word:hover,.aligned-word:focus-visible,.aligned-word.aligned-active{background:var(--word-highlight);box-shadow:0 0 0 2px var(--word-highlight)}.sentence-link.sentence-active{background:var(--sentence-highlight)}.recall-exercise textarea{background:var(--surface);border-color:var(--line);color:var(--ink)}.about-hero h1{font:750 clamp(42px,5.5vw,68px)/1.1 var(--heading-font);letter-spacing:-2.4px}.about-hero h1 em{color:var(--accent);font-style:normal}.about-content{max-width:920px}.about-content h2{font-size:32px}.about-content p,.about-steps{color:var(--muted)}footer{margin-top:20px}.story-artwork{background:linear-gradient(140deg,var(--light),var(--accent-soft));isolation:isolate;border-radius:36px;height:430px;position:relative;overflow:hidden}.art-orbit{border:1px solid var(--surface);opacity:.7;border-radius:50%;width:440px;height:440px;position:absolute;top:-90px;right:-140px}.orbit-two{width:330px;height:330px;top:-35px;right:-80px}.art-book{background:var(--green);color:#fff;width:215px;height:290px;box-shadow:inset 9px 0 0 #ffffff1f,12px 16px 0 #fffa,18px 24px 30px var(--shadow);border-radius:6px 15px 15px 6px;flex-direction:column;padding:25px 23px;display:flex;position:absolute;top:48px;left:calc(50% - 100px);transform:rotate(-9deg)}.book-series{letter-spacing:1.5px;opacity:.85;font-size:8px;line-height:1.7}.book-symbol{color:#a9ecdb;margin:15px 0 6px;font:60px/1 Georgia,serif}.art-book strong{letter-spacing:-1px;font:700 28px/1.08 Georgia,serif}.book-language{margin-top:auto;font-size:10px;line-height:1.5}.book-lines{background:#a9ecdb;border-radius:4px;width:30px;height:4px;margin-top:12px}.art-note{background:var(--surface);border:1px solid var(--line);box-shadow:0 12px 30px var(--shadow);border-radius:14px;align-items:center;gap:10px;max-width:290px;padding:15px;display:flex;position:absolute}.art-note strong{font-size:12px;line-height:1.5;display:block}.art-note div>span{color:var(--muted);font-size:10px;line-height:1.6;display:block}.note-icon{background:var(--light);width:34px;height:34px;color:var(--green);border-radius:10px;flex-shrink:0;place-items:center;font-size:19px;font-weight:700;display:grid}.note-words{bottom:63px;left:18px;transform:rotate(-3deg)}.note-pair{top:28px;right:15px;transform:rotate(4deg)}.art-spark{color:var(--accent);font-size:45px;position:absolute}.spark-one{top:58px;left:30px}.spark-two{bottom:104px;right:35px}.art-caption{text-align:center;width:100%;color:var(--accent);font-size:11px;font-weight:600;position:absolute;bottom:22px}.art-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.how-it-works{background:var(--surface);border:1px solid var(--line);border-radius:22px;margin:20px 0 50px;padding:30px}.how-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.how-heading h2{font:700 clamp(23px,2.8vw,32px)/1.2 var(--heading-font);letter-spacing:-1px;margin:0}.how-heading .eyebrow{margin-bottom:10px}.how-hint{color:var(--muted);white-space:nowrap;margin-bottom:3px;font-size:11px}.how-intro{color:var(--muted);max-width:790px;font-size:15px;line-height:1.7}.workflow-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:25px 0 0;padding:0;list-style:none;display:grid}.workflow-step{background:var(--subtle);text-align:left;width:100%;height:100%;color:var(--ink);border:1px solid #0000;border-radius:14px;flex-direction:column;padding:18px;display:flex}.workflow-step:hover,.workflow-step.active{border-color:var(--accent);background:var(--light)}.step-top{justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:14px;display:flex}.step-icon{color:var(--accent);font-size:25px;font-weight:650}.step-number{color:var(--muted);font-size:11px}.workflow-step strong{margin-bottom:6px;font-size:18px}.step-title{color:var(--muted);font-size:11px;line-height:1.5}.workflow-step small{color:var(--accent);margin-top:12px;font-size:10px;font-weight:650}.workflow-detail{border:1px solid var(--line);background:var(--light);border-radius:12px;margin-top:12px;padding:18px 20px;font-size:14px;line-height:1.7}.workflow-detail>div{justify-content:space-between;align-items:center;gap:20px;display:flex}.workflow-detail>div button{color:var(--ink);background:0 0;border:0;font-size:24px}.workflow-detail p{margin:5px 0}.how-footer{justify-content:space-between;align-items:start;gap:16px;margin-top:22px;font-size:12px;display:flex}.how-footer>a{white-space:nowrap;color:var(--green);padding-top:3px;font-weight:650}.level-guide{max-width:760px;font-size:13px;line-height:1.7}.level-guide summary{cursor:pointer;color:var(--green);font-weight:650}.level-guide>div{background:var(--subtle);border-radius:12px;margin-top:12px;padding:16px}.level-guide p{margin:0 0 12px!important;font-size:13px!important;line-height:1.7!important}.level-guide a{color:var(--green);text-underline-offset:3px;text-decoration:underline}.how-compact{margin:0 0 25px;padding:22px 25px}.how-compact .how-heading h2{font-size:23px}.how-compact .workflow-steps{margin-top:18px}.how-compact .workflow-step{padding:12px 16px}.how-compact .step-top{margin-bottom:6px}.how-compact .step-title,.how-compact .workflow-step small{display:none}.how-compact .workflow-step strong{font-size:14px}.workflow-detailed .workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.workflow-detailed .workflow-steps>li{background:var(--subtle);border-radius:16px;flex-direction:column;padding:22px;display:flex}.workflow-detailed .workflow-step{pointer-events:none;background:0 0;height:auto;padding:0}.workflow-detailed p{margin:18px 0 0!important;font-size:14px!important;line-height:1.7!important}#how-it-works{scroll-margin-top:28px}.workflow-detailed{margin-bottom:28px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.button:hover,.story-card:hover{transform:none}}@media (max-width:1050px){.shell{padding:0 28px}.hero{gap:25px}.hero h1{font-size:57px}.story-artwork{height:405px}.note-pair{max-width:225px;right:8px}.note-words{max-width:230px;padding:12px;left:12px}.how-heading{flex-direction:column;align-items:start;gap:12px}}@media (max-width:760px){.shell{padding:0 20px}.topbar{height:82px}.brand{font-size:25px}.brand:before{width:21px;height:25px;margin-right:7px}.site-nav{gap:16px;font-size:12px}.site-nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;gap:25px;min-height:0;padding:42px 0}.hero h1{letter-spacing:-2px;font-size:50px}.hero .intro{margin-bottom:25px;font-size:16px;line-height:1.65}.story-artwork{width:100%;max-width:520px;height:355px;margin:0 auto}.art-book{width:185px;height:250px;padding:20px;top:36px;left:calc(50% - 83px)}.art-book strong{font-size:25px}.book-symbol{margin:10px 0;font-size:45px}.note-pair{max-width:225px;padding:10px;top:20px;right:10px}.note-words{max-width:250px;padding:12px;bottom:46px;left:10px}.spark-one{top:70px;left:20px}.spark-two{bottom:100px;right:20px}.art-caption{font-size:10px;bottom:16px}.language-picker{margin-bottom:30px;padding:22px}.language-picker h2{font-size:24px}.language-picker .muted{font-size:13px}.how-it-works{margin-bottom:30px;padding:22px 18px}.how-heading h2{font-size:26px}.how-heading .eyebrow{font-size:9px}.workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}.workflow-step{padding:15px}.how-footer{flex-direction:column;gap:14px}.how-compact{padding:18px}.how-compact .workflow-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.how-compact .workflow-step{padding:10px 6px}.how-compact .step-top{gap:2px}.how-compact .step-number{font-size:8px}.how-compact .step-icon{font-size:19px}.how-compact .workflow-step strong{font-size:12px}.story-heading{padding:35px 0 24px}.story-heading h1{letter-spacing:-1.5px;font-size:36px}.edition-picker button{min-width:0;padding:14px 12px}.edition-picker strong{font-size:13px}.panel,.reading-panel{padding:22px 18px}.section{padding-top:20px;padding-bottom:40px}.section h2{font-size:28px}.story-card{grid-template-columns:80px minmax(0,1fr);gap:20px;padding:18px}.story-icon{width:75px;height:110px;font-size:42px}.story-card h3{font-size:21px}.story-card p{font-size:13px}.story-card .muted{font-size:11px}.pill{padding:5px 8px;font-size:10px}.workflow-detailed .workflow-steps{grid-template-columns:1fr}.workflow-detailed .workflow-steps>li{padding:22px}.about-hero{padding-top:45px}.about-hero h1{letter-spacing:-1.5px;font-size:42px}.about-content h2{font-size:28px}}.workflow-detail{position:relative}.workflow-detail:before{content:"";background:var(--light);border-left:1px solid var(--line);border-top:1px solid var(--line);width:12px;height:12px;position:absolute;top:-7px;left:30px;transform:rotate(45deg)}.art-note{color:var(--ink)}.story-audio{background:var(--subtle);border:1px solid var(--line);border-radius:14px;margin:0 0 26px;padding:22px}.audio-heading{justify-content:space-between;align-items:start;gap:15px;display:flex}.audio-heading .eyebrow{margin-bottom:6px;font-size:10px}.audio-heading h2{font:700 23px/1.25 var(--heading-font);letter-spacing:-.7px;margin:0}.audio-disclosure,.audio-hint{color:var(--muted);margin:12px 0;font-size:12px;line-height:1.7}.audio-voice{align-items:center;gap:10px;margin:16px 0;font-size:12px;display:flex}.story-audio select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;max-width:100%;padding:8px}.audio-voice select{max-width:calc(100% - 55px)}.audio-controls{flex-wrap:wrap;align-items:center;gap:9px;margin:18px 0;display:flex}.audio-controls .button{padding:12px 18px;font-size:12px}.audio-controls label{align-items:center;gap:8px;font-size:12px;display:flex}.audio-status{color:var(--accent);font-size:12px;font-weight:650}.audio-error,.word-audio p{color:#9c2727;font-size:12px;line-height:1.6}.audio-seek{align-items:center;gap:12px;font-size:12px;display:flex}.audio-seek input{accent-color:var(--green);flex:1}.word-audio{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.word-audio small{color:var(--muted);font:10px/1.5 Arial,sans-serif}.word-audio p{width:100%;margin:0}.pronounce-button{background:var(--light);color:var(--green);border:1px solid var(--line);border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;font-weight:650;display:inline-flex}.pronounce-button:hover{border-color:var(--green)}.flashcard>.word-audio{justify-content:center}.sentence-audio{box-shadow:0 2px 0 var(--green)!important}@media (max-width:600px){.story-audio{padding:17px}.audio-heading h2{font-size:20px}.audio-heading .pill{white-space:nowrap}.audio-controls{gap:8px}.audio-controls .save-button{padding:9px;font-size:11px}.audio-controls label{width:100%}.audio-controls .button{padding:12px 15px}.audio-voice{flex-direction:column;align-items:start}.audio-voice select{width:100%;max-width:100%}}.reader-options{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.sentence-preview{background:var(--subtle);max-height:140px;font:15px/1.7 var(--reading-font);border-radius:8px;padding:12px;overflow:auto}.sentence-play{margin:5px 0;padding:12px 16px;font-size:13px}.sentence-link[role=button]{appearance:none}@media (max-width:600px){.reader-options{gap:12px}.reader-options .switch{font-size:12px}}.bilingual-row p:first-child,.bilingual-row .translation{font-size:16px;line-height:1.65}.bilingual-row{padding:14px 0}.aligned-word{line-height:inherit;text-underline-offset:3px}.edition-picker{flex-wrap:wrap}.edition-picker button{flex:1;min-width:150px}.vocab-preparation{background:var(--light);border-left:4px solid var(--green);border-radius:8px;margin-bottom:25px;padding:22px}.vocab-preparation p,.history-sources{line-height:1.6}.history-sources{border-top:1px solid var(--line);margin-top:28px;padding-top:22px;font-size:14px}.history-sources h2{font-size:24px}.history-sources a{text-decoration:underline}.history-sources li{margin:10px 0}.factual-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;padding-top:12px;display:grid}.english-only .factual-columns{grid-template-columns:minmax(0,1fr)}.factual-column{min-width:0;font:16px/1.65 var(--reading-font)}.factual-column p{max-width:75ch;margin:0 0 16px}.factual-column section{margin:0 0 28px}.factual-column h3{font:700 21px/1.35 var(--heading-font);color:var(--ink);margin:28px 0 16px}.factual-column ul{margin:0;padding-left:22px}.factual-column li{margin-bottom:20px;padding-left:3px}.history-topic{font-family:var(--heading-font);margin-bottom:6px;font-size:15px;display:block}.factual-translation{background:var(--subtle);border-left:3px solid var(--accent-soft);border-radius:0 10px 10px 0;padding:16px 18px}.factual-column .sentence-link{line-height:inherit}@media (max-width:760px){.factual-columns{grid-template-columns:1fr;gap:22px}.factual-column h3{font-size:20px}.factual-translation{padding:14px}}.page-intro{max-width:800px;padding:55px 0 30px}.page-intro h1{font:normal clamp(36px,5vw,58px)/1.12 var(--heading-font);letter-spacing:-1.5px;margin:0 0 20px}.page-intro p,.path-completion p{color:var(--muted);line-height:1.65}.collection-filters{flex-wrap:wrap;gap:20px;margin-bottom:24px;display:flex}.collection-filters label,.feedback-form label{flex-direction:column;gap:9px;font-size:14px;font-weight:700;display:flex}.collection-filters select,.feedback-form input,.feedback-form select,.feedback-form textarea{font:inherit;color:var(--ink);border:1px solid var(--line);background:var(--surface);border-radius:7px;max-width:100%;padding:11px}.collection-filters select{max-width:min(500px,85vw)}.feedback-form{max-width:850px}.feedback-form label{margin-bottom:22px}.feedback-form textarea{resize:vertical}.feedback-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--subtle);border-radius:8px;padding:18px;font:14px/1.65 Arial,sans-serif}.reading-path{counter-reset:path;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:0;list-style:none;display:grid}.reading-path li{counter-increment:path;border:1px solid var(--line);border-radius:10px;padding:22px}.reading-path h3:before{content:counter(path) ". ";color:var(--accent)}.path-completion{border-top:1px solid var(--line);margin-top:28px;padding:24px 0}.site-nav{flex-wrap:wrap;row-gap:10px}.topbar{gap:20px;height:auto;min-height:92px;padding-top:20px;padding-bottom:20px}.site-nav a{white-space:nowrap}.panel>p{line-height:1.65}@media (max-width:760px){.topbar{flex-direction:column;align-items:flex-start}.site-nav{gap:14px}.collection-filters{flex-direction:column}.reading-path{grid-template-columns:1fr}.page-intro{padding-top:35px}.saved-actions{flex-wrap:wrap;row-gap:12px}.feedback-form input,.feedback-form textarea{font-size:16px}}.topbar{z-index:60;flex-wrap:wrap;gap:16px;height:auto;min-height:76px;padding:14px 0;position:relative}.interface-language{align-items:center;gap:8px;min-width:0;margin-inline-start:auto;font-size:12px;display:flex}.interface-language select{border:1px solid var(--line);background:var(--surface);max-width:250px;color:var(--ink);font:inherit;border-radius:9px;padding:9px 10px}.site-menu{position:relative}.site-menu>summary{cursor:pointer;border:1px solid var(--line);border-radius:9px;padding:9px 12px;font-size:13px;list-style:none}.site-menu .site-nav{inset-inline-end:0;background:var(--surface);border:1px solid var(--line);min-width:210px;box-shadow:0 14px 35px var(--shadow);border-radius:12px;flex-direction:column;align-items:stretch;gap:0;padding:8px;display:flex;position:absolute;top:calc(100% + 8px)}.site-menu .site-nav a{border-radius:6px;padding:12px}.site-menu .site-nav a:hover{background:var(--light)}.hero{gap:32px;min-height:390px;padding:32px 0}.hero h1{letter-spacing:-1.8px;font-size:clamp(38px,4.8vw,62px)}.hero h1 em{display:block}.hero .intro{margin:18px 0 24px;font-size:17px;line-height:1.55}.story-artwork{min-height:340px}.language-dropdown{margin-bottom:14px;padding:14px 18px;display:block}.language-dropdown>summary,.how-dropdown>summary{cursor:pointer;color:var(--green);font-size:14px;font-weight:700}.language-dropdown .language-fields{padding-top:12px}.how-dropdown{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin:0 0 14px;padding:13px 18px}.how-dropdown .how-footer{margin-top:12px}.simple-workflow{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:20px 0;padding:0;list-style:none;display:grid}.simple-workflow li{font-size:13px;line-height:1.6}.simple-workflow p{color:var(--muted)}.story-heading{padding:22px 0 12px}.story-heading h1{letter-spacing:-1px;margin:0 0 14px;font-size:clamp(26px,3.5vw,42px);line-height:1.15}.edition-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.edition-picker{flex:0 auto;gap:8px;margin:0}.edition-picker button{border-radius:10px;flex:0 auto;min-width:0;max-width:230px;padding:9px 12px;font-size:13px;line-height:1.35}.edition-picker strong{margin-top:3px;font-size:11px;font-weight:500}.edition-info{font-size:12px;position:relative}.edition-info>summary{cursor:pointer;border:1px solid var(--line);color:var(--green);background:var(--surface);border-radius:18px;padding:8px 11px;list-style:none}.edition-info-content{inset-inline-end:0;z-index:70;background:var(--surface);border:1px solid var(--line);width:min(420px,85vw);box-shadow:0 10px 30px var(--shadow);border-radius:12px;padding:16px;line-height:1.6;display:none;position:absolute;top:calc(100% + 5px)}.edition-info[open]>.edition-info-content{display:block}.edition-info-content p:first-child{margin-top:0}.edition-info-content p:last-child{margin-bottom:0}@media (hover:hover){.edition-info:hover>.edition-info-content{display:block}.edition-info:after{content:"";inset-inline:0;height:8px;position:absolute;top:100%}}.tabs{align-items:stretch;gap:4px;margin:12px 0 16px}.tab-item{max-width:100%;display:inline-flex;position:relative}.tabs button{white-space:normal;text-align:start;padding:10px 12px;font-size:12px}.tabs button:disabled{color:#6b7280;cursor:not-allowed;opacity:1;background:#eef0f2;border-color:#0000}.tab-tooltip{z-index:80;top:100%;color:#fff;pointer-events:none;background:#243344;border-radius:8px;width:210px;padding:10px 12px;font-size:12px;line-height:1.4;display:none;position:absolute;inset-inline-start:0}.tab-item:hover .tab-tooltip,.tab-item:focus-within .tab-tooltip{display:block}.reading-panel,.panel{padding:24px 28px}.reader-toolbar{letter-spacing:0;flex-direction:row;align-items:center;margin-bottom:8px;padding-bottom:12px;font-size:11px}.reader-settings{position:relative}.reader-settings>summary{cursor:pointer;color:var(--green);white-space:nowrap;font-size:12px}.reader-options{inset-inline-end:0;background:var(--surface);border:1px solid var(--line);z-index:40;width:270px;box-shadow:0 8px 24px var(--shadow);border-radius:10px;padding:15px;position:absolute;top:calc(100% + 10px)}.reader-options .switch{width:100%;font-size:13px;line-height:1.5}.compact-panel-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.vocab-preparation{margin-bottom:16px;padding:14px 16px}.vocab-preparation h2{margin:0;font-size:22px}.vocab-preparation p{margin:8px 0 0;font-size:14px}.word-card{padding:18px}.usage-filter{font-size:12px}body:has(.audio-dock){padding-bottom:125px;scroll-padding-bottom:125px}.audio-dock.story-audio{inset-inline:16px;bottom:max(10px,env(safe-area-inset-bottom));z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:14px;width:auto;max-width:1000px;margin:0 auto;padding:10px 14px;position:fixed;box-shadow:0 5px 30px #183b4c26}.audio-main{align-items:center;gap:10px;min-width:0;display:flex}.audio-play,.audio-skip{border:1px solid var(--line);background:var(--light);color:var(--green);border-radius:8px;flex-shrink:0;min-height:40px;padding:9px 11px;font-size:13px}.audio-play{background:var(--green);color:#fff;border-color:var(--green);font-weight:700}.audio-play:disabled,.audio-skip:disabled{opacity:.45;cursor:not-allowed}.audio-dock .audio-seek{flex-wrap:nowrap;flex:1;gap:10px;min-width:100px;margin:0;font-size:11px;display:flex}.audio-time{white-space:nowrap;font-variant-numeric:tabular-nums}.audio-dock .audio-seek input{width:100%;min-width:30px}.audio-dock select{padding:6px;font-size:12px}.audio-speed{align-items:center;gap:5px;font-size:11px;display:flex}.audio-more{position:relative}.audio-more>summary{cursor:pointer;color:var(--green);letter-spacing:2px;border-radius:6px;padding:10px;list-style:none}.audio-more-panel{inset-inline-end:0;background:var(--surface);border:1px solid var(--line);width:min(320px,85vw);max-height:50vh;box-shadow:0 8px 35px var(--shadow);border-radius:12px;flex-direction:column;gap:12px;padding:18px;font-size:13px;line-height:1.5;display:flex;position:absolute;bottom:calc(100% + 18px);overflow:auto}.audio-more-panel p{margin:0}.audio-dock .audio-status{text-align:center;margin:3px 0 0;font-size:10px;font-weight:400;display:block}.audio-dock .audio-error{max-height:50px;margin:6px 0 0;overflow:auto}.device-label{color:var(--muted);flex:1;font-size:12px}[lang=en],[lang=es],[lang=fr],[lang=uk],[lang=ru]{unicode-bidi:plaintext}.bilingual-row{direction:ltr}.bilingual-row p,.bilingual-row .translation{text-align:start;direction:ltr}.word-grid{direction:ltr}.word-card{direction:var(--interface-direction,ltr)}html[dir=rtl]{--interface-direction:rtl}.choice{text-align:start}@media (max-width:760px){.interface-language{gap:4px}.interface-language>span{display:none}.interface-language select{max-width:185px;padding:8px 6px;font-size:12px}.topbar{flex-wrap:nowrap;gap:8px;min-height:66px}.brand{font-size:25px}.site-menu>summary{padding:8px;font-size:12px}.hero{grid-template-columns:1fr;min-height:0;padding:30px 0}.hero h1{font-size:42px}.hero .story-artwork{display:none}.simple-workflow{grid-template-columns:1fr 1fr;gap:12px}.story-heading{padding:20px 0 10px}.story-heading h1{font-size:29px}.edition-row{gap:8px}.edition-picker{flex-wrap:wrap}.edition-picker button{flex:0 auto;max-width:190px;padding:8px 10px;font-size:12px}.edition-picker strong{font-size:10px}.edition-info-content{inset-inline:0 auto}.panel,.reading-panel{padding:18px 16px}.reader-toolbar{gap:10px}.reader-toolbar>span{max-width:65%}.tabs{gap:3px}.tabs button{padding:9px 8px;font-size:11px}.audio-dock.story-audio{padding:8px 10px;inset-inline:8px}.audio-main{flex-wrap:wrap;gap:6px}.audio-play{padding:9px}.audio-play span{display:none}.audio-skip{padding:9px}.audio-dock .audio-seek{flex-basis:100%;order:5;gap:8px}.audio-speed{margin-inline-start:auto}.audio-speed>span{display:none}.audio-time{font-size:10px}.compact-panel-head{flex-direction:column;align-items:flex-start}body:has(.audio-dock){padding-bottom:140px}.tab-tooltip{width:160px;font-size:11px}.tab-item:last-child .tab-tooltip{inset-inline:auto 0}}@media (max-width:380px){.brand{font-size:21px}.interface-language select{max-width:150px}.shell{padding-inline:12px}.simple-workflow{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}.reader-options>p{color:var(--muted);margin:0;font-size:12px;font-weight:400;line-height:1.5}html:has(.audio-dock){scroll-padding-bottom:140px}@media (max-width:760px){.edition-picker{grid-template-columns:repeat(var(--edition-count,3),minmax(0,1fr));width:100%;display:grid}.edition-picker button{overflow-wrap:anywhere;max-width:none;padding:8px}.edition-info{font-size:11px}.edition-info>summary{padding:6px 9px}.reader-toolbar{padding-bottom:10px}.reader-toolbar>span{font-size:10px}.reader-settings summary{font-size:11px}.topbar{flex-direction:row;align-items:center}.topbar .brand{flex-shrink:0;font-size:22px}.interface-language{flex:1;min-width:0;margin-inline-start:0}.interface-language select{width:100%;min-width:0;max-width:100%}.site-menu{flex-shrink:0}.site-menu>summary{padding:7px;font-size:0}.site-menu>summary:after{content:"☰";font-size:18px;line-height:1}}.language-visible{flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:16px;padding:18px;display:flex}.language-visible h2{font:700 17px/1.4 var(--heading-font);color:var(--green);flex-basis:100%;margin:0}.language-visible>p{flex-basis:100%;margin:0;font-size:12px}.language-visible .language-fields{flex:1;padding:0}.language-visible select{max-width:100%}.reader-options-inline{letter-spacing:0;flex-wrap:wrap;align-items:center;gap:14px;display:flex}.reader-options-inline .switch{white-space:normal;font-size:12px}.reader-toolbar{flex-wrap:wrap}.reader-toolbar>span{letter-spacing:0}.grammar-switch{color:#7046a6}.grammar-switch input{accent-color:#7046a6}.grammar-reader-link{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0;font-size:11px;line-height:1.4;display:flex}.grammar-reader-link a{color:#7046a6;white-space:nowrap;text-decoration:underline}.grammar-mark{color:inherit;font:inherit;cursor:pointer;text-underline-offset:3px;background:#f0e7fa;border:0;border-bottom:2px solid #8154b7;border-radius:2px;padding:0 1px;display:inline}.grammar-mark:hover,.grammar-mark:focus-visible{outline-offset:1px;background:#dfcff3;outline:2px solid #8154b7}.grammar-mark.inline-word{border-bottom:2px dotted var(--green);box-shadow:inset 0 -3px #d7c0f1}.grammar-quote{background:#f0e7fa;border-inline-start:3px solid #8154b7;padding:10px;line-height:1.5}.grammar-note{border-top:1px solid var(--line);padding:10px 0}.grammar-note>strong{color:#7046a6;font-size:12px}.grammar-note p{font-size:13px;line-height:1.5}.study-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.study-actions .save-button{padding:12px 16px}.study-actions button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:760px){.reader-toolbar{align-items:flex-start;gap:10px}.reader-options-inline{gap:8px 12px;width:100%}.reader-options-inline .switch{font-size:11px}.grammar-reader-link{font-size:10px}.grammar-reader-link span{max-width:100%;display:block}.language-visible{padding:15px;display:block}.language-visible .language-fields{flex-wrap:wrap;padding-top:12px;display:flex}.language-visible h2{margin-bottom:8px;font-size:15px}.language-visible select{max-width:100%}}.bilingual-row p[dir=rtl],.bilingual-row .translation[dir=rtl]{text-align:right;direction:rtl}.grammar-guide{padding:32px 0 56px}.grammar-guide-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.grammar-guide h1{font:700 clamp(28px,4vw,44px)/1.15 var(--heading-font);letter-spacing:-1px;margin:8px 0 12px}.grammar-guide-heading .eyebrow{margin:0}.grammar-intro{max-width:760px;color:var(--muted);margin:0 0 28px;font-size:14px;line-height:1.7}.grammar-reference-layout{grid-template-columns:205px minmax(0,1fr);align-items:start;gap:34px;display:grid}.grammar-contents{border-top:3px solid var(--green);padding-top:16px;position:sticky;top:24px}.grammar-contents>p{text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);margin:0 0 12px;font-size:11px;font-weight:700}.grammar-contents ol{counter-reset:grammar-toc;padding:0;list-style:none}.grammar-contents li{counter-increment:grammar-toc;margin:0 0 6px}.grammar-contents li>a{align-items:baseline;gap:10px;padding:7px 0;font-size:12px;line-height:1.4;display:flex}.grammar-contents li>a:before{content:counter(grammar-toc,decimal-leading-zero);color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.grammar-contents a:hover{color:#7046a6;text-decoration:underline}.grammar-reader-help{color:var(--green);margin-top:16px;font-size:11px;line-height:1.6;display:block}.grammar-reference-body{min-width:0}.grammar-reading-key{border-inline-start:3px solid #8154b7;margin:0 0 32px;padding:0 0 0 18px;scroll-margin-top:24px}.grammar-reading-key h2{color:#7046a6;margin:0 0 10px;font-size:16px}.grammar-reading-key p{color:var(--muted);margin:7px 0;font-size:13px;line-height:1.7}.grammar-section{border-top:1px solid var(--line);margin-bottom:42px;padding-top:26px;scroll-margin-top:24px}.grammar-section>header>.eyebrow{letter-spacing:1.8px;color:var(--green);margin:0 0 8px;font-size:10px}.grammar-section>header>h2{font:700 clamp(23px,3vw,30px)/1.2 var(--heading-font);letter-spacing:-.6px;margin:0 0 12px}.grammar-section>header>p:not(.eyebrow){color:var(--muted);max-width:760px;margin:0 0 14px;font-size:14px;line-height:1.65}.grammar-key{color:var(--muted);font-size:12px;line-height:1.7}.grammar-topic-jump{flex-wrap:wrap;gap:6px 14px;margin:14px 0 22px;display:flex}.grammar-topic-jump a{color:#7046a6;text-underline-offset:3px;font-size:11px;line-height:1.6;text-decoration:underline}.grammar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.grammar-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:18px;scroll-margin-top:24px}.grammar-card.grammar-wide{grid-column:1/-1}.grammar-card h3,.grammar-topic h3{color:#7046a6;margin:0 0 10px;font-size:17px;line-height:1.35}.grammar-card p{margin:9px 0;font-size:13px;line-height:1.65}.grammar-form{color:var(--green);font-weight:700;line-height:1.6;font-size:12px!important}.grammar-example{border-inline-start:2px solid #d7c0f1;padding-inline-start:12px;font-style:italic}.grammar-caution,.grammar-meaning{color:var(--muted)}.grammar-further{color:var(--muted);margin-top:18px!important;font-size:11px!important;line-height:1.7!important}.grammar-further a{color:var(--green);text-underline-offset:3px;text-decoration:underline}.grammar-topic{border-top:1px solid var(--line);max-width:840px;padding:26px 0 30px;scroll-margin-top:24px}.grammar-topic:first-child{border-top:0;padding-top:6px}.grammar-topic h3{font-size:23px}.grammar-topic>p{max-width:78ch;margin:12px 0;font-size:14px;line-height:1.8}.grammar-explanations{gap:14px;margin:18px 0;display:grid}.grammar-wide .grammar-explanations{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 26px}.grammar-explanation{min-width:0}.grammar-explanation h4{margin:0 0 8px;font-size:14px;font-weight:700}.grammar-topic .grammar-explanation p{margin:8px 0;font-size:14px;line-height:1.75}.grammar-extra{border-inline-start:2px solid var(--line);padding-inline-start:12px}.grammar-table-scroll{border-block:1px solid var(--line);max-width:100%;margin:20px 0;scroll-margin-top:24px;overflow-x:auto}.grammar-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px;line-height:1.6}.grammar-table caption{text-align:left;padding:10px 0;font-weight:700}.grammar-table th,.grammar-table td{border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:break-word;padding:10px 12px}.grammar-table thead th{background:var(--light);color:var(--green);letter-spacing:.2px;font-size:11px;font-weight:700}.grammar-table tbody th{width:24%;font-weight:600}.grammar-table tbody tr:last-child>*{border-bottom:0}.grammar-table tbody tr:nth-child(2n){background:color-mix(in srgb,var(--light) 45%,transparent)}.grammar-card:target,.grammar-topic:target{outline-offset:5px;outline:2px solid #8154b7}.grammar-back{color:var(--green);margin:20px 0 0;font-size:11px;text-decoration:underline;display:inline-block}.grammar-editorial-note{color:var(--muted);border-top:1px solid var(--line);padding-top:20px;font-size:12px;line-height:1.7}.grammar-anchor-alias{scroll-margin-top:24px;display:block}@media (max-width:900px){.grammar-reference-layout{grid-template-columns:165px minmax(0,1fr);gap:22px}.grammar-grid,.grammar-wide .grammar-explanations{grid-template-columns:1fr}.grammar-contents li>a{font-size:11px}}@media (max-width:650px){.grammar-guide{padding-top:22px}.grammar-guide-heading{align-items:flex-start;gap:12px}.grammar-guide-heading .save-button{white-space:normal;flex-shrink:0;padding:9px;font-size:11px}.grammar-reference-layout{display:block}.grammar-contents{margin-bottom:28px;padding-top:12px;position:static}.grammar-contents ol{grid-template-columns:1fr 1fr;gap:2px 14px;margin:0;display:grid}.grammar-contents li>a{padding:5px 0}.grammar-reader-help{margin-top:10px}.grammar-reading-key{padding-inline-start:12px}.grammar-card{padding:16px}.grammar-section{margin-bottom:30px}.grammar-topic h3{font-size:21px}.grammar-table th,.grammar-table td{padding:9px 7px;font-size:12px}.grammar-table tbody th{width:25%}.grammar-topic>p{font-size:14px}.grammar-topic-jump{gap:7px 12px}.grammar-card h3{font-size:17px}}@page{size:A4;margin:14mm}@media print{body:has(.grammar-guide){color:#111;background:#fff;padding:0;font-family:Arial,sans-serif}.grammar-guide .print-guide,.grammar-contents,.grammar-topic-jump,.grammar-back{display:none!important}body:has(.grammar-guide) .topbar{display:none!important}body:has(.grammar-guide) .shell{max-width:none;margin:0;padding:0}.grammar-guide{padding:0}.grammar-guide-heading{display:block}.grammar-guide h1{letter-spacing:-.4px;margin:0 0 3mm;font:700 21pt/1.15 Arial,sans-serif}.grammar-guide .eyebrow{margin:0 0 2mm;font-size:8pt}.grammar-intro{color:#333;margin:0 0 5mm;font-size:9pt;line-height:1.5}.grammar-reference-layout{display:block}.grammar-reference-body{max-width:none}.grammar-reading-key{margin:0 0 6mm;padding-left:3mm}.grammar-reading-key h2{font-size:11pt}.grammar-reading-key p{color:#333;font-size:9pt;line-height:1.5}.grammar-section:first-of-type{break-before:auto}.grammar-section>header{break-after:avoid}.grammar-section>header h2{margin:0 0 3mm;font:700 17pt/1.2 Arial,sans-serif}.grammar-section>header>p:not(.eyebrow){color:#333;margin:0 0 4mm;font-size:9.5pt;line-height:1.5}.grammar-key{font-size:9pt;line-height:1.5}.grammar-grid{columns:2;column-gap:4mm;display:block}.grammar-card{break-inside:avoid;box-shadow:none;background:#fff;border:1px solid #bbb;border-radius:2mm;margin:0 0 4mm;padding:3mm}.grammar-card.grammar-wide{column-span:all;break-inside:auto}.grammar-wide .grammar-explanations{grid-template-columns:1fr 1fr;gap:4mm}.grammar-card h3{margin:0 0 2mm;font-size:11pt}.grammar-card p{margin:2mm 0;font-size:9pt;line-height:1.5}.grammar-form{font-size:9pt!important}.grammar-card .grammar-explanation{break-inside:avoid}.grammar-explanation h4{break-after:avoid;font-size:10pt}.grammar-topic{break-inside:auto;max-width:none;padding:4mm 0 5mm}.grammar-topic h3{break-after:avoid;margin:0 0 3mm;font-size:15pt}.grammar-topic>p,.grammar-topic .grammar-explanation p{max-width:none;margin:2.5mm 0;font-size:10pt;line-height:1.55}.grammar-topic .grammar-explanation{break-inside:avoid}.grammar-table-scroll{break-inside:auto;margin:4mm 0;overflow:visible}.grammar-table{font-size:9pt;line-height:1.45}.grammar-table th,.grammar-table td{border-color:#ccc;padding:2mm;font-size:9pt}.grammar-table thead th{background:#edf4f5;font-size:8.5pt}.grammar-table tr{break-inside:avoid}.grammar-table thead{display:table-header-group}.grammar-further{color:#333;font-size:8pt!important;line-height:1.5!important}.grammar-further a{color:#215c62}.grammar-caution,.grammar-meaning{color:#333}.grammar-topic:target,.grammar-card:target{outline:none}.grammar-editorial-note{font-size:8pt}.grammar-explanations{gap:3mm;margin:3mm 0}.grammar-section{break-before:auto;margin-bottom:4mm;padding-top:4mm}.grammar-section>header{break-inside:avoid;break-after:avoid}.grammar-topic-list{columns:2;column-gap:5mm}.grammar-topic{break-inside:auto;padding:3mm 0 4mm}.grammar-topic h3{margin-bottom:2mm;font-size:12pt}.grammar-topic>p,.grammar-topic .grammar-explanation p{margin:2mm 0;font-size:9.2pt;line-height:1.5}.grammar-topic .grammar-form{font-size:8.5pt!important}.grammar-explanation h4{font-size:9.5pt}.grammar-topic .grammar-further{font-size:7.8pt!important}.grammar-table th,.grammar-table td{padding:1.7mm;font-size:8.5pt}.grammar-table thead th{font-size:8pt}.grammar-table-scroll{margin:3mm 0}.grammar-topic .grammar-explanations{display:block}.grammar-topic .grammar-explanation{margin-bottom:3mm}.grammar-grid{column-gap:4mm}.grammar-editorial-note{margin-top:4mm}.grammar-card.grammar-wide{break-inside:avoid}.grammar-card h3{break-after:avoid}}.reading-notes{color:#214852;background:#f1f8f8;border:1px solid #c9e1e2;border-radius:12px;margin:16px 0 22px;padding:18px 22px}.reading-notes h2{margin:0 0 8px;font-size:1rem}.reading-notes p{margin:6px 0 10px;font-size:.9rem;line-height:1.55}.reading-notes ul{margin:12px 0 0;padding-left:20px}.reading-notes li{margin-bottom:12px;font-size:.9rem}.reading-notes li:last-child,.reading-notes li:last-child p{margin-bottom:0}