:root{--paper:#f6f3eb;--ink:#25293e;--muted:#686b76;--line:#dcdcd4;--purple:#40477e;--lime:#e0e8b5;--orange:#bc5539;--white:#fffefb;--pink:#eadcd9;--blue:#dbe5ed;--green:#dce5db}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.6}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button:disabled{cursor:default;opacity:.5}button{color:inherit}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:'Manrope',sans-serif;line-height:1.16;letter-spacing:-.045em}h1{font-size:clamp(44px,5.6vw,78px);font-weight:650}h2{font-size:clamp(30px,3.3vw,45px);font-weight:650}h3{font-size:23px;font-weight:650}small{font-size:12px}p{color:var(--muted)}.topbar{height:104px;border-bottom:1px solid var(--line);max-width:1424px;margin:auto;padding:0 56px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:13px;text-decoration:none;font-family:Manrope,sans-serif;font-size:23px;line-height:1.18;font-weight:750;letter-spacing:-.04em}.brand-mark{width:48px;height:48px;border-radius:14px;background:var(--purple);color:white;display:grid;place-items:center;font-size:33px;line-height:1}.brand-sub{display:block;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:500;letter-spacing:.03em;margin-top:5px}.topbar nav{display:flex;gap:34px;font-size:13px}.topbar nav a{text-decoration:none;color:var(--muted);position:relative;padding:12px 0}.topbar nav a.active{color:var(--ink)}.topbar nav a.active:after{content:'';height:3px;position:absolute;left:0;right:0;bottom:0;background:var(--purple);border-radius:10px}.note-tag{font-size:10px;letter-spacing:.14em;border:1px solid var(--line);border-radius:5px;padding:7px 10px}.menu-toggle{display:none}.skip{position:fixed;top:-70px;background:var(--ink);color:white;padding:15px;z-index:20}.skip:focus{top:0}main{max-width:1312px;margin:auto;padding:0 36px;min-height:70vh}.hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:65px 0 54px;align-items:center}.eyebrow{display:flex;gap:9px;align-items:center;color:var(--purple);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin-bottom:21px}.eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--orange)}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--purple);font-size:1.08em}.hero p{max-width:410px;margin-top:24px;font-size:15px}.button{border:0;display:inline-flex;justify-content:center;align-items:center;gap:25px;min-height:46px;background:var(--purple);color:white;border-radius:8px;padding:12px 20px;text-decoration:none;font-size:12px;font-weight:600;transition:transform .18s,background .18s}.button:hover{background:#30365f;transform:translateY(-1px)}.button.secondary{background:transparent;border:1px solid #c9cbd1;color:var(--ink)}.hero-actions{display:flex;gap:12px;margin-top:30px}.hero-note{font-size:10px;color:var(--muted);margin-top:19px}.hero-art{position:relative;min-height:360px;background:var(--blue);border-radius:14px;overflow:hidden;background-image:linear-gradient(#c7d5e155 1px,transparent 1px),linear-gradient(90deg,#c7d5e155 1px,transparent 1px);background-size:23px 23px;padding:28px;display:flex;flex-direction:column;justify-content:center;align-items:center}.art-small{position:absolute;top:23px;left:24px;font-size:9px;letter-spacing:.12em;color:#56647c}.art-paper{background:var(--white);box-shadow:0 12px 20px #29355313;width:68%;min-height:205px;padding:27px 25px;transform:rotate(-5deg);border:1px solid #ffffffe0;position:relative}.art-paper:after{content:'✦';position:absolute;right:-43px;top:20px;color:var(--orange);font-size:44px}.art-paper span{font-size:10px;font-weight:700;letter-spacing:.08em}.art-paper strong{font-family:Georgia,serif;font-size:38px;font-weight:400;display:block;line-height:1.2;margin:11px 0}.paper-lines{display:flex;gap:7px;flex-direction:column}.paper-lines i{height:3px;background:#d7d9df;width:90%;border-radius:9px}.paper-lines i:nth-child(2){width:65%}.paper-lines i:nth-child(3){width:77%}.art-label{position:absolute;bottom:52px;right:24px;background:var(--lime);border-radius:7px;padding:9px 15px;font-size:12px;font-weight:600;box-shadow:0 4px 6px #3331;transform:rotate(5deg)}.art-controls{position:absolute;bottom:17px;display:flex;gap:6px}.art-controls button{border:1px solid #adbccc;background:#ffffff88;width:30px;height:25px;border-radius:5px;font-size:11px}.art-controls button.selected{background:var(--purple);color:white}.section-head{display:flex;justify-content:space-between;align-items:end;padding:24px 0;margin-bottom:3px;border-top:1px solid var(--line)}.section-head h2{font-size:28px}.section-head p{font-size:12px;margin-top:8px}.section-head .text-link{font-size:12px;text-decoration:none}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.course-card{border:1px solid var(--line);border-radius:12px;background:#faf8f2;overflow:hidden;text-decoration:none;transition:transform .2s,box-shadow .2s}.course-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #25293e0b}.card-art{height:132px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-art .number{position:absolute;top:15px;left:17px;font-size:10px;letter-spacing:.08em;color:#454e61}.card-art svg{height:100px;width:210px}.course-copy{padding:22px}.course-copy .tag{font-size:9px;letter-spacing:.09em;color:var(--purple);font-weight:700;text-transform:uppercase}.course-copy h3{font-size:19px;margin-top:9px}.course-copy p{font-size:12px;margin:11px 0 20px;min-height:38px}.card-foot{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.card-foot b{color:var(--purple);font-size:18px}.bottom-strip{display:flex;gap:30px;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:12px;padding:26px 30px;margin:30px 0 60px}.bottom-strip h3{font-size:18px}.bottom-strip p{font-size:12px;margin-top:7px}footer{max-width:1312px;margin:30px auto 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:28px 36px;gap:20px;font-size:10px;color:var(--muted)}footer b{font-weight:500;margin-left:7px}footer a{text-decoration:none}.page-intro{padding:42px 0 32px}.breadcrumb{font-size:11px;color:var(--muted);margin-bottom:25px}.breadcrumb a{text-decoration:none}.page-intro h1{font-size:clamp(38px,4vw,56px)}.page-intro p{font-size:14px;margin-top:17px;max-width:620px}.lesson-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:36px;margin-bottom:55px}.lesson-sidebar{position:sticky;top:20px;height:fit-content;border-top:1px solid var(--line);padding-top:15px}.lesson-sidebar .eyebrow{font-size:9px;margin:0 0 12px}.lesson-sidebar a{display:flex;padding:10px 8px;text-decoration:none;font-size:11px;border-radius:6px;margin-bottom:3px;gap:10px}.lesson-sidebar a.active{background:var(--purple);color:white}.lesson-sidebar a span{opacity:.6}.lesson-main{min-width:0}.workshop{border:1px solid var(--line);background:var(--white);border-radius:14px;overflow:hidden;margin-bottom:26px}.workshop-head{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:24px 27px;border-bottom:1px solid var(--line)}.workshop-head h2{font-size:22px}.workshop-head p{font-size:11px;margin-top:7px}.pill{font-size:9px;letter-spacing:.06em;text-transform:uppercase;padding:5px 8px;border:1px solid var(--line);border-radius:20px;white-space:nowrap}.demo-body{padding:28px;background:#f2f2ec}.demo-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:25px}.demo-tabs button,.chip{border:1px solid #cbced1;border-radius:7px;padding:9px 13px;background:var(--white);font-size:11px;line-height:1.4}.demo-tabs button.selected,.chip.selected{background:var(--purple);color:white;border-color:var(--purple)}.stage{min-height:260px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:10px;background:var(--blue);padding:30px;overflow:hidden}.stage-text{background:var(--white);max-width:530px;padding:30px;border-radius:8px;box-shadow:0 10px 20px #26304e0a}.stage-text .big{font-family:Georgia,serif;font-size:40px;display:block;margin:8px 0 15px;line-height:1.12}.stage-text p{font-size:13px}.demo-explain{display:flex;gap:15px;margin-top:18px;align-items:start}.demo-explain .step-no{background:var(--purple);color:white;border-radius:50%;font-size:10px;min-width:24px;height:24px;display:grid;place-items:center}.demo-explain p{font-size:12px;color:var(--ink)}.demo-explain strong{font-weight:650}.source-link{border:0;background:transparent;text-decoration:underline;text-decoration-color:#b2b5be;text-underline-offset:3px;font-size:10px;color:var(--muted);padding:0}.fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.fact{border:1px solid var(--line);background:var(--white);padding:22px;border-radius:10px;min-width:0}.fact.wide{grid-column:1/-1}.fact h3{font-size:16px;letter-spacing:-.025em;margin-bottom:10px}.fact p{font-size:12px;color:#555b68;white-space:pre-line;line-height:1.75}.fact .source-link{margin-top:15px}.content-title{font-size:23px;margin:28px 0 18px}.term-list{display:flex;flex-wrap:wrap;gap:7px}.term{font-size:11px;padding:5px 9px;background:var(--blue);border-radius:5px}.story-stages{display:flex;gap:8px;width:100%;align-items:end;min-height:200px;position:relative}.story-block{flex:1;min-width:0;border:1px solid #bfc7d0;border-radius:8px 8px 4px 4px;background:#ffffffc2;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:12px 7px;min-height:85px;text-align:center;transition:height .5s,background .4s,transform .4s;font-size:12px}.story-block.active{background:var(--purple);color:white;transform:translateY(-6px)}.story-block b{font-size:22px;font-family:Manrope,sans-serif;font-weight:500;margin-bottom:10px}.story-block small{font-size:10px}.play-controls{display:flex;gap:10px;align-items:center;margin-top:15px;flex-wrap:wrap}.play-controls button{border:1px solid #bdc0cb;border-radius:6px;padding:7px 12px;background:var(--white);font-size:11px}.play-controls label{font-size:11px;margin-left:auto}.play-controls input{vertical-align:middle;max-width:140px;accent-color:var(--purple)}.tree{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%}.tree-root{background:var(--purple);color:white;padding:13px 20px;border-radius:7px;font-size:13px;max-width:100%;text-align:center}.tree-branches{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;position:relative;padding-top:23px}.tree-branches:before{content:'';position:absolute;height:20px;width:1px;top:0;background:#959eb0;left:50%}.tree-leaf{background:var(--white);border:1px solid #c1c7d1;padding:12px 15px;border-radius:7px;font-size:12px;animation:appear .25s}.segmentation{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:center}.segment{font-family:Manrope,sans-serif;font-size:64px;line-height:1.2;padding:15px 22px;background:var(--white);border-radius:10px;transition:transform .3s}.segment.accent{background:var(--purple);color:white}.segment small{display:block;font:10px 'DM Sans',sans-serif;text-align:center;letter-spacing:.03em;margin-top:12px}.segment.hidden-split{margin-left:-7px;border-radius:0 10px 10px 0;padding-left:0}.lab-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:18px}.lab-buttons button{border:1px solid var(--line);background:var(--white);padding:14px 8px;border-radius:8px;font-size:11px}.lab-buttons button.selected{background:var(--purple);color:white}.match-prompt{font-size:24px;font-family:Manrope,sans-serif;line-height:1.3;max-width:640px}.choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.choices button{background:white;border:1px solid #c8cbd1;border-radius:7px;padding:11px 19px;font-size:12px;min-height:42px}.choices button.correct{background:var(--green);border-color:#819c7f}.choices button.wrong{background:#f6dcd5;border-color:#c2735f}.feedback{margin-top:18px;min-height:48px;font-size:12px;color:var(--ink)}.exercise-footer{display:flex;align-items:center;justify-content:space-between;margin-top:18px;border-top:1px solid var(--line);padding-top:17px;font-size:11px;color:var(--muted)}.searchbar{display:flex;gap:10px;margin:5px 0 24px}.searchbar input,.searchbar select{border:1px solid var(--line);border-radius:7px;background:var(--white);padding:13px 15px;font-size:12px;max-width:100%;color:var(--ink)}.searchbar input{flex:1;min-width:0}.result-count{font-size:11px;color:var(--muted);margin-bottom:18px}.sources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:45px}.source-card{background:var(--white);border:1px solid var(--line);border-radius:9px;overflow:hidden}.source-card button{border:0;padding:0;background:transparent;display:block;width:100%}.source-card img{width:100%;height:220px;object-fit:cover;object-position:50% 20%;display:block}.source-caption{padding:17px}.source-caption h3{font-size:16px}.source-caption p{font-size:11px;margin-top:7px}.uncertain{border-left:3px solid #bd7c5a;background:#f5ece1;padding:17px;border-radius:4px;margin-bottom:20px;font-size:12px}.uncertain p{color:#695748}.national-layout{display:flex;gap:16px;width:100%;justify-content:center;align-items:stretch;flex-wrap:wrap}.national-layers{display:flex;flex-direction:column;gap:9px;min-width:200px}.national-layers button{border:1px solid #aeb6c3;border-radius:7px;background:#fff8;padding:12px;font-size:12px;text-align:left}.national-layers button.selected{background:var(--purple);color:white}.national-note{max-width:390px;padding:24px;background:var(--white);border-radius:10px;flex:1;min-width:200px}.national-note h3{font-size:24px;margin-bottom:15px}.national-note p{font-size:12px}.timeline-stage{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%}.timeline-node{border:1px solid #b4bece;border-radius:9px;padding:28px 15px;text-align:center;background:#fff8;font-size:12px}.timeline-node.selected{background:var(--purple);color:white}.timeline-node b{font-size:32px;font-family:Georgia,serif;display:block;margin-bottom:15px;font-weight:400}.dialect-image{width:210px;height:173px;overflow:hidden;border:1px solid var(--line);border-radius:8px;position:relative;background:#faf7ed;margin-top:20px}.dialect-image img{position:absolute;width:1390px;max-width:none;left:-86px;top:-1127px}.empty-state{padding:50px 20px;text-align:center;font-size:14px;border:1px dashed var(--line);border-radius:9px;grid-column:1/-1}dialog{width:min(900px,95vw);max-height:94vh;border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#1d2237aa;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-top button{border:1px solid var(--line);border-radius:5px;padding:7px 12px;background:var(--white);font-size:12px}dialog p{font-size:11px;margin:12px 0}dialog img{width:100%;height:auto;display:block}.pract-top{display:flex;gap:20px;justify-content:space-between;align-items:center}.progress-track{height:4px;background:#d8dcd4;border-radius:5px;flex:1;overflow:hidden}.progress-track span{height:100%;background:var(--purple);display:block;transition:width .3s}.quiz-panel{max-width:830px;margin:0 auto 60px}.quiz-panel .stage{min-height:300px;display:block}.quiz-label{font-size:10px;letter-spacing:.1em;color:var(--purple);margin-bottom:20px}.notice{font-size:11px;margin:17px 0;color:var(--muted)}.inline-next{display:flex;justify-content:space-between;gap:20px;margin:30px 0}.outline-small{border:1px solid var(--line);background:transparent;border-radius:6px;padding:8px 11px;font-size:11px}.completion{font-family:Georgia,serif;font-size:64px;color:var(--purple);margin:20px 0}.lesson-badge{background:var(--lime);color:#455038;font-size:9px;padding:4px 7px;border-radius:5px}.source-note{font-size:12px;max-width:780px;padding:23px;border:1px solid var(--line);border-radius:9px;margin-bottom:25px;background:var(--white)}.source-note h3{font-size:16px;margin-bottom:10px}.source-note p{margin-top:8px}.source-note a{text-underline-offset:3px}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(min-width:1500px){.hero{gap:90px;padding-top:75px}.hero-art{min-height:385px}}@media(max-width:1050px){.topbar{padding:0 30px}.note-tag{display:none}.topbar nav{gap:24px}.hero{gap:30px}.hero-art{min-height:330px}.art-paper{width:80%}.lesson-layout{grid-template-columns:160px minmax(0,1fr);gap:22px}.demo-body{padding:20px}}@media(max-width:760px){.topbar{height:82px;padding:0 22px}.brand{font-size:20px}.brand-mark{width:41px;height:41px}.topbar nav{gap:17px;font-size:11px}.topbar nav a:last-child{display:none}main{padding:0 22px}.hero{grid-template-columns:1fr;gap:27px;padding:35px 0}.hero h1{font-size:56px}.hero p{font-size:14px;max-width:100%}.hero-art{min-height:300px}.hero-note{margin-top:13px}.hero-actions{margin-top:24px}.art-paper{width:58%;min-height:185px}.art-label{bottom:50px;right:14%}.section-head{padding-top:23px}.section-head h2{font-size:25px}.course-grid{grid-template-columns:repeat(2,1fr);gap:12px}.course-copy{padding:18px}.course-copy h3{font-size:18px}.card-art{height:120px}.bottom-strip{gap:20px;padding:22px;align-items:start;flex-direction:column}.lesson-layout{display:block}.lesson-sidebar{position:static;display:flex;overflow-x:auto;padding:12px 0;margin-bottom:20px;gap:7px}.lesson-sidebar .eyebrow{display:none}.lesson-sidebar a{white-space:nowrap;font-size:10px;flex-shrink:0}.lesson-sidebar a span{display:none}.workshop-head{padding:21px}.demo-tabs button{font-size:10px;padding:9px 11px}.demo-body{padding:18px}.stage{padding:22px;min-height:260px}.workshop-head .pill{display:none}.fact{padding:19px}.fact p{font-size:12px}.sources-grid{grid-template-columns:repeat(2,1fr)}.page-intro{padding:28px 0}.page-intro h1{font-size:41px}.page-intro p{font-size:13px}.breadcrumb{margin-bottom:20px}.lab-buttons{grid-template-columns:repeat(2,1fr)}footer{padding:25px 22px;flex-wrap:wrap}footer>span:nth-child(2){display:none}.timeline-stage{gap:7px}.timeline-node{padding:20px 8px;font-size:11px}.timeline-node b{font-size:24px}.story-block{padding:10px 3px}.story-block small{font-size:9px}.story-block b{font-size:19px}.searchbar{flex-wrap:wrap}.searchbar select{width:100%}.searchbar input{width:100%;flex:auto}}@media(max-width:440px){.topbar nav{display:none;position:absolute;top:74px;left:15px;right:15px;background:var(--white);border:1px solid var(--line);padding:15px;z-index:10;border-radius:10px;box-shadow:0 8px 20px #25293e20;flex-wrap:wrap;gap:20px}.topbar nav.open{display:flex}.topbar nav a:last-child{display:block}.menu-toggle{display:block;background:transparent;border:1px solid var(--line);padding:4px 10px;border-radius:5px;font-size:20px}.hero h1{font-size:48px}.art-paper{width:77%}.course-grid{grid-template-columns:1fr}.card-art{height:145px}.course-copy p{min-height:0}.fact-grid{grid-template-columns:1fr}.sources-grid{grid-template-columns:1fr}.source-card img{height:260px}.hero-actions{gap:8px}.hero-actions .button{font-size:11px;padding:11px 14px;gap:12px}.section-head .text-link{font-size:10px}.stage-text{padding:23px}.stage-text .big{font-size:31px}.segment{font-size:50px;padding:13px 18px}.match-prompt{font-size:22px}.pract-top{flex-wrap:wrap}.national-note{min-width:100%}.national-layers{width:100%}.tree-leaf{font-size:11px;padding:10px}.workshop-head h2{font-size:21px}.inline-next{font-size:11px}.story-stages{gap:4px}.story-block{font-size:9px}.play-controls label{margin:0}.demo-body .stage{padding:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.count{display:inline-block;font:10px 'DM Sans',sans-serif;color:var(--muted);vertical-align:middle;border:1px solid var(--line);padding:4px 7px;border-radius:20px;margin-left:8px;letter-spacing:0}.fragment{border-left:3px solid #c29573;background:#fcf7ef}.fragment h3:after{content:'KONTROLA V ORIGINÁLU';display:inline-block;font:8px 'DM Sans',sans-serif;letter-spacing:.05em;color:#886343;border:1px solid #dfc6ac;padding:3px 5px;vertical-align:middle;margin-left:10px;border-radius:4px}.real-art{padding:0;min-height:375px;background:#e7e0d3;background-image:none;display:block}.hero-photo{padding:0;border:0;width:100%;height:300px;display:block;background:#ded2bb;position:relative}.hero-photo img{width:100%;height:100%;object-fit:contain;padding:15px}.hero-photo>span{position:absolute;top:18px;right:18px;font-size:9px;background:#fffefbd9;padding:6px 9px;border-radius:4px}.hero-art-caption{padding:17px 24px;background:#e4ddcc}.hero-art-caption small{display:block;font-size:8px;letter-spacing:.12em;color:#6c6558}.hero-art-caption strong{font-family:Georgia,serif;font-size:23px;font-weight:400;display:block;margin:4px 0}.hero-art-caption>span{font-size:9px;color:#6c6558}.hero-art-caption .source-link{font-size:9px}.card-art>img{height:100%;width:100%;object-fit:cover}.card-art.art-literature>img{object-position:50% 57%}.card-art.art-ancient>img{object-position:50% 23%}.card-art.art-genres>img{object-position:50% 47%}.card-art .number{z-index:1;background:#fffdf2cc;border-radius:4px;padding:1px 5px}.photo-badge{position:absolute;right:13px;bottom:11px;font-size:7px;letter-spacing:.13em;background:#fffdf2dd;border-radius:3px;padding:4px 6px}.mini-word{font-family:Georgia,serif;font-size:55px;color:var(--purple);line-height:1}.mini-word>span{font-size:35px;vertical-align:5px;margin:0 8px;color:#a67856}.mini-word small{display:block;font:9px 'DM Sans',sans-serif;margin:10px 0 0;text-align:center;letter-spacing:.03em}.mini-word.national{font-size:43px}.mini-tree{text-align:center}.mini-tree b{padding:9px 23px;border-radius:6px;background:var(--purple);color:white;font-size:14px;font-weight:500}.mini-tree span{display:block;font-size:10px;border-top:1px solid #9ca57b;padding-top:10px;margin-top:18px;position:relative}.mini-tree span:before{content:'';height:13px;position:absolute;left:50%;top:-13px;border-left:1px solid #9ca57b}.mini-composition{display:flex;align-items:end;gap:8px;position:relative;padding-bottom:18px}.mini-composition i{height:35px;width:26px;background:#9aaac6;border-radius:5px 5px 0 0}.mini-composition i:nth-child(2){height:50px}.mini-composition i:nth-child(3){height:70px;background:var(--purple)}.mini-composition i:nth-child(4){height:42px}.mini-composition span{position:absolute;bottom:0;font-size:9px;left:0}.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:25px 0}.photo{margin:0;background:var(--white);border:1px solid var(--line);border-radius:10px;overflow:hidden;min-width:0}.photo-open{width:100%;display:block;padding:0;border:0;position:relative;background:#e8e4da}.photo img{width:100%;height:260px;object-fit:contain;display:block}.photo.compact img{height:230px}.photo-zoom{position:absolute;bottom:10px;right:10px;font-size:9px;padding:4px 8px;background:#fffefbdb;border-radius:4px}.photo figcaption{padding:15px;font-size:9px;line-height:1.6;color:var(--muted)}.photo figcaption strong{font-size:11px;color:var(--ink);font-weight:500;display:block;line-height:1.5;margin-bottom:5px}.photo figcaption>span{display:block}.photo figcaption a{color:inherit;text-underline-offset:3px}.photo-grid:has(>.photo:only-child){grid-template-columns:1fr}.photo-grid>.photo:only-child img{height:280px}.source-photos{grid-template-columns:repeat(3,minmax(0,1fr))}.portrait-demo{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.portrait-demo .photo img{height:310px}.portrait-demo h3{font-family:Georgia,serif;font-weight:400;font-size:42px;margin-bottom:20px}.portrait-demo p{font-size:12px}.parallel-lines{width:100%;display:flex;gap:17px;flex-direction:column}.parallel-lines>div{width:100%}.parallel-lines strong{font-size:10px;font-weight:500}.parallel-lines .story-stages{min-height:0;margin-top:10px}.parallel-block{flex:1;padding:17px 8px;text-align:center;border:1px solid #b5c0cc;background:#ffffff88;border-radius:5px;font-size:12px;transition:background .3s}.parallel-block.active{background:var(--purple);color:white}.inline-question{display:flex;justify-content:start;align-items:start;background:#e6e9e1}.inline-question>div{width:100%}.genre-stage{justify-content:start;background:#e8dcd8}.genre-decoration{font-family:Georgia,serif;font-size:150px;color:#b68c7f;margin:auto;line-height:1;position:absolute;right:15px;opacity:.3}.genre-stage .stage-text{position:relative;background:#fffaf2ed;min-width:70%}.stage-text small{font-size:9px;letter-spacing:.08em;color:var(--purple)}.mini-practice{margin-top:20px}.family-challenge{margin-top:18px;border-top:1px solid var(--line);padding-top:25px}.family-challenge p{font-size:16px;color:var(--ink)}.family-challenge .feedback{min-height:25px}.map-source{display:block;border:0;background:transparent;padding:0;color:var(--muted);text-align:left}.map-source .dialect-image{display:block}.map-source>small{font-size:9px}.timeline-node p{font-size:10px;margin-top:12px;color:inherit}.notice{line-height:1.6}@media(max-width:760px){.real-art{min-height:330px}.hero-photo{height:245px}.source-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.portrait-demo{gap:18px}.portrait-demo .photo img{height:250px}.photo.compact img{height:200px}.photo-grid>.photo:only-child img{height:230px}}@media(max-width:440px){.portrait-demo{grid-template-columns:1fr}.source-photos,.photo-grid{grid-template-columns:1fr}.portrait-demo .photo img{height:270px}.photo.compact img{height:230px}.real-art{min-height:340px}.hero-photo{height:250px}.hero-art-caption{padding:15px 20px}.fragment h3:after{display:table;margin:10px 0 0}.genre-stage .stage-text{min-width:100%}.story-block small{overflow-wrap:anywhere}.national-layers button{text-align:center}.tree-branches{gap:7px}.tree-leaf{padding:10px 11px}}
main:focus{outline:none}
.photo-dialog img{width:100%;height:calc(90vh - 115px);object-fit:contain;background:#ece7db}.lab-task{margin-top:25px;padding-top:25px;border-top:1px solid #cdd0c8}.lab-task h3{font-size:22px;margin-bottom:12px}.lab-task>p{font-size:13px}.word-puzzle{display:flex;justify-content:center;align-items:center;padding:20px 0;font-family:Georgia,serif;font-size:55px;gap:4px}.word-puzzle button{height:48px;width:35px;background:#fff9;border:1px dashed #a7afbd;border-radius:5px;color:#a1a6b1;font:24px 'DM Sans',sans-serif;margin:0 4px}.word-puzzle button:hover{background:var(--blue);color:var(--purple)}.word-puzzle button.correct{background:var(--green);border:2px solid #6c956b;color:#386b38}.word-puzzle button.wrong{background:#efdbd4;border-color:#c27760;color:#a44932}.order-list{list-style:none;margin:18px 0;padding:0;display:flex;flex-direction:column;gap:8px}.order-list li{display:flex;align-items:center;gap:12px;background:var(--white);border:1px solid var(--line);border-radius:7px;padding:10px 12px}.order-list li>span{font-size:11px;color:var(--muted)}.order-list strong{font-size:12px;flex:1;font-weight:500}.order-list button{border:1px solid #c4c8cd;background:#f9f8f4;border-radius:4px;min-width:35px;min-height:32px}.fact p{font-size:14px;line-height:1.8}.fact h3{font-size:18px}.demo-explain p{font-size:14px}.stage-text p{font-size:15px}.demo-tabs button{font-size:12px;min-height:40px}.tree-leaf{font-size:14px}.tree-root{font-size:15px}.national-note p{font-size:14px}.portrait-demo p{font-size:14px}.choices button{font-size:14px;min-height:46px}.lesson-sidebar a{font-size:12px}.source-link{font-size:11px;min-height:26px}.fact .source-link{margin-top:12px}.feedback{font-size:14px;line-height:1.6}.hero-art-caption .source-link{min-height:0}.genre-stage .stage-text{min-height:190px}.story-block small{font-size:12px}.play-controls button{min-height:40px;font-size:12px}.stage{min-height:300px}@media(max-width:760px){.fact p{font-size:14px}.demo-tabs button{font-size:12px}.demo-explain p{font-size:14px}.tree-leaf{font-size:13px}.story-block small{font-size:11px}.photo figcaption>span{font-size:10px}.lesson-sidebar a{font-size:12px}.stage{min-height:290px}}@media(max-width:440px){.word-puzzle{font-size:45px;gap:0}.word-puzzle button{width:31px;margin:0 2px}.order-list{gap:7px}.order-list li{padding:10px 8px;gap:8px}.order-list strong{font-size:12px}.story-block small{font-size:10px}.story-block{min-height:90px}.demo-tabs button{padding:9px 11px}.stage{min-height:285px}.workshop-head h2{font-size:21px}}
.map-dialog{max-width:580px}.map-dialog #source-full{position:relative;width:min(100%,440px);aspect-ratio:210/173;overflow:hidden;display:block;margin:auto;background:#f3efdf}.map-dialog #source-image{position:absolute;width:661.9%;height:auto;max-width:none;left:-40.95%;top:-651.45%;object-fit:unset}
.recall-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.recall-tools .quiz-label{margin:0}.recall-tools button{font-size:11px;min-height:36px}.recall-mode>.stage,.recall-mode>.play-controls,.recall-mode>.demo-explain,.recall-mode>.notice,.recall-mode>.step-caption{display:none}.recall-mode>.lab-task{border:0;margin:0;padding:0}.term-button{border:1px solid #c4ccd3;color:var(--purple);min-height:36px}.term-button:hover{background:#c9d9e6}.step-caption{font-size:12px;color:var(--muted);margin-top:17px}.step-caption strong{font-weight:600;color:var(--ink)}@media(max-width:440px){.recall-tools{align-items:start}.recall-tools button{max-width:180px}}
.card-art.art-literature>img{object-fit:contain;object-position:center;background:#e0ddd1}