:root{--ink:#23312c;--muted:#65736d;--green:#245744;--light:#edf3e8;--cream:#faf8f1;--line:#dce2d8;--peach:#e9b896}*{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}.brand span{color:#bb7453}.top-note,.muted,.back-link{color:var(--muted);font-size:14px}.back-link:hover{text-decoration:underline}.eyebrow{color:#a26042;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:#b47152;font-weight:400}.intro{color:#596a60;max-width:510px;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:#163e31}.hero-art{background:#d6e5d8;border-radius:120px 120px 12px 12px;height:370px;position:relative;overflow:hidden}.sun{background:#f9e6ae;border-radius:50%;width:82px;height:82px;position:absolute;top:58px;right:90px}.hill{background:#9bbba4;border-radius:50% 50% 0 0;width:125%;height:230px;position:absolute;bottom:-95px}.hill-one{background:#b2ccb3;bottom:-55px;left:-60%}.hill-two{right:-48%}.house{background:#f5edda;border:4px solid #506a53;border-radius:3px;width:150px;height:130px;position:absolute;bottom:70px;left:38%}.roof{background:#bd7659;border-top:4px solid #506a53;border-left:4px solid #506a53;width:120px;height:120px;position:absolute;top:-66px;left:11px;transform:rotate(45deg)}.door{background:#667f6a;border-radius:18px 18px 0 0;width:38px;height:75px;position:absolute;bottom:0;left:57px}.window{background:#f8dca4;border:3px solid #506a53;width:24px;height:28px;position:absolute;top:24px;left:17px}.trees{color:#3c674e;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{transform:translateY(-3px);box-shadow:0 14px 35px #263b3015}.story-icon{color:#915e42;background:#e9d5be;border-radius:8px;place-items:center;height:130px;font:80px Georgia,serif;display:grid}.pill{color:#396249;background:#eaf0e5;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:#a26042;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{border:1px solid var(--line);background:#fff;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{border:1px solid var(--line);background:#fafbf7;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:#9c6247!important}.save-button{color:var(--green);white-space:nowrap;background:0 0;border:1px solid #a6bdac;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{color:inherit;font:inherit;background:#f9eee4;border:0;border-bottom:2px dotted #a8684d;padding:0 2px;display:inline}.inline-word:hover,.inline-word:focus-visible{background:#eac4a6}.translation{color:#755a4d;border-left:3px solid var(--peach);background:#fbf5ed;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:#3e5146;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:#ac7356;margin-right:12px;font:20px Georgia,serif}.choices{gap:9px;margin:15px 0;display:grid}.choice{text-align:left;border:1px solid var(--line);color:var(--ink);background:#fafbf7;border-radius:6px;padding:14px 16px}.choice:hover{border-color:#779a7c}.choice.selected{border-color:var(--green);background:#edf4eb}.choice.correct{box-shadow:inset 4px 0 #5c8b64}.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:#edf4eb}.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{border:1px solid var(--line);background:#f4f7f0;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 p:first-child{font:19px/1.8 Georgia,serif}.bilingual-row .translation{border-left:3px solid var(--peach);color:#5c4c44;background:#fbf5ed;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{color:inherit;font:inherit;text-align:inherit;background:0 0;border:0;border-bottom:1px dotted #a8684d;border-radius:2px;padding:0 1px;display:inline}.aligned-word:hover,.aligned-word:focus-visible,.aligned-word.aligned-active{background:#f3dba8;outline:none;box-shadow:0 0 0 2px #f3dba8}.aligned-word.inline-word{background:#f9eee4;border-bottom:2px dotted #a8684d}.aligned-word.inline-word.aligned-active{background:#f3dba8}.usage-tag{color:#346047;background:#eaf0e5;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:#68756d;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:#dcecf7;box-shadow:0 2px #88b3cd}.sentence-link:focus-visible{outline-offset:2px;outline:2px solid #4e88ae}.sentence-key{background:#dcecf7}.word-key{background:#f3dba8}.sentence-key,.word-key{border-radius:3px;padding:2px 4px}.word-popover{z-index:1000;overscroll-behavior:contain;color:var(--ink);background:#fffdf8;border:1px solid #a8b8a6;border-radius:12px;padding:20px;font:15px/1.55 Arial,sans-serif;position:fixed;overflow:auto;box-shadow:0 12px 45px #23312c30}.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-offset:2px;outline:2px solid #597f65}.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:#fff0d8;border:1px solid #d3a658;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{border:1px solid var(--line);text-align:center;background:#fafbf7;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{max-width:100%;color:var(--ink);background:#fff;border:1px solid #a6bdac;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{color:var(--ink);background:#fff;border:1px solid #bbccba;border-radius:7px;padding:14px 10px}.rating strong,.rating span{display:block}.rating span{margin-top:8px;font-size:12px}.rating.again{background:#f9e9e2;border-color:#d7af9a}.rating.good{background:#e8f1e3}.rating.easy{background:#e1edf5}.rating:hover{outline:2px solid var(--green)}.review-empty{text-align:center;background:#f4f7f0;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{border:1px solid var(--line);background:#f0f4e9;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 .eyebrow{margin-bottom:12px}.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);background:#fff;border:1px solid #a6bdac;border-radius:6px;padding:12px 14px}.language-arrow{color:#9c6247;padding-top:25px}.story-list{gap:18px;display:grid}.story-icon-la-hormiguita{color:#53703c;background:#dce7ca}.story-icon-cendrillon{color:#667aa2;background:#e2e7f2}.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:#a86e50;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:#53645a;margin:0 0 18px;font-size:17px;line-height:1.8}.about-content .eyebrow{color:#a26042;margin-bottom:15px;font-size:12px;line-height:1.5}.about-callout{background:#edf2e7;border-left:4px solid #b28059;border-radius:4px 12px 12px 4px;margin:0 0 55px;padding:30px 34px}.about-callout p:last-child{margin-bottom:0}.about-steps{color:#53645a;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;background:#fffdf7;border:1px solid #c9c8bb;border-radius:8px;max-width:100%;padding:10px 14px}.word-source{color:#656c5c;margin:8px 0 14px;font-size:.8rem;line-height:1.5}.recall-exercise{border-bottom:1px solid #deddd0;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;color:#273b2e;width:100%;min-height:200px;font:inherit;background:#fffdf8;border:1px solid #aeb7a1;border-radius:10px;padding:16px;line-height:1.7;display:block}.recall-exercise textarea:focus{outline-offset:2px;outline:3px solid #b4c9de}.recall-comparison{background:#f3f2e8;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}