@font-face{font-family:Golos;src:url('assets/fonts/golos.woff') format('woff');font-display:swap}
@font-face{font-family:Dela;src:url('assets/fonts/dela.woff') format('woff');font-display:swap}
:root{font-family:Golos,sans-serif;color:#151515;background:#fff;--green:#299b36;--rust:#8d4023;--blue:#00658a}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,select{font:inherit}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--green);outline-offset:5px}button,a,select{-webkit-tap-highlight-color:transparent}
.site-header{max-width:1180px;margin:auto;padding:25px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-family:Dela,sans-serif;color:var(--green);font-size:27px;line-height:1}.site-header nav{display:flex;align-items:center;gap:28px;font-size:15px}.site-header nav a:hover{color:var(--green)}
.home{max-width:1180px;margin:auto;padding:24px 36px 64px}.hero{display:grid;grid-template-columns:1fr .92fr;gap:60px;align-items:center;padding:22px 0 66px}.hero h1{font-family:Dela,sans-serif;letter-spacing:-.065em;line-height:1.2;font-size:clamp(76px,10vw,132px);margin:0 0 20px;color:var(--green);font-weight:400}.hero .language{font-size:29px;color:var(--rust);margin:0 0 14px}.hero .author{font-size:21px;margin:0 0 10px}.hero .lesson{font-size:21px;margin:0 0 38px}.hero-art{display:block;max-height:600px;max-width:100%;width:auto;margin:auto;box-shadow:0 8px 30px #00000012}.primary{display:inline-flex;align-items:center;gap:42px;background:var(--green);color:white;padding:17px 22px;border-radius:3px;font-size:19px}.primary:hover{background:#227e2d}.primary .arrow{font-size:26px;line-height:1}
.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin:0 0 20px;padding-top:26px;border-top:1px solid #151515}.section-heading h2{font-size:24px;font-weight:500;margin:0}.section-heading span{font-size:14px;color:#626966}.downloads{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:50px}.download{min-width:0}.download-art{background:#f5f6f5;height:265px;display:flex;align-items:center;justify-content:center;padding:22px;overflow:hidden}.download-art img{max-height:100%;max-width:100%;width:auto;height:auto;box-shadow:0 2px 10px #0000000b}.download-line{padding:17px 0;display:flex;gap:14px;align-items:center;justify-content:space-between}.download-name{font-size:20px}.download-meta{font-size:13px;color:#626966;display:block;margin-top:6px}.download-arrow{font-size:26px}.download:hover .download-name{color:var(--green)}.booklet-downloads{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.file-link{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #dce0dc;gap:20px}.file-link:hover{color:var(--green)}.file-link .label{font-size:20px}.file-link .details{font-size:14px;color:#626966}.source-link{display:inline-flex;gap:24px;align-items:center;margin-top:25px;color:var(--rust)}.footer{max-width:1180px;margin:auto;padding:20px 36px 35px;display:flex;justify-content:space-between;color:#626966;font-size:13px}
.reader-body{background:#e9ecea;overflow-anchor:none}.reader-bar{position:sticky;top:0;z-index:10;min-height:70px;background:#ffffffed;backdrop-filter:blur(12px);border-bottom:1px solid #dce0dc;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px max(22px,calc((100vw - 1150px)/2))}.reader-bar .brand{font-size:25px}.reader-tools{display:flex;align-items:center;gap:12px}.reader-tools button,.reader-tools select{border:1px solid #cbd2cc;border-radius:3px;background:white;min-height:35px;padding:4px 10px;color:#151515}.reader-tools button{cursor:pointer;min-width:35px}.reader-tools button:hover{border-color:var(--green);color:var(--green)}.page-count{font-size:13px;white-space:nowrap;color:#626966}.reader-download{font-size:14px;color:var(--blue)}.page-scroll{overflow-x:auto;padding:30px 18px 60px;overscroll-behavior-x:contain}.pages{width:var(--reader-width,840px);max-width:100%;margin:auto;display:flex;flex-direction:column;gap:30px}.pages.zoomed{max-width:none}.lesson-page{position:relative;width:100%;background:#fff;aspect-ratio:419.52757/595.2756;box-shadow:0 3px 12px #00000012;scroll-margin-top:95px;overflow:hidden}.lesson-page>svg{display:block;width:100%;height:auto;background:#fff}.lesson-page svg text{user-select:text}.page-link{position:absolute;left:-9999px}.page-link:focus{left:8px;top:8px;background:white;padding:8px;z-index:2}.no-js{padding:20px;background:white;text-align:center}
@media(min-width:1450px){.hero{gap:95px}}@media(max-width:700px){.site-header{padding:22px}.site-header nav{gap:17px;font-size:14px}.home{padding:0 22px 40px}.hero{gap:22px;padding:22px 0 42px;grid-template-columns:1.05fr .95fr}.hero h1{font-size:clamp(45px,11vw,76px);margin-bottom:17px}.hero .language{font-size:20px;margin-bottom:10px}.hero .author{font-size:14px;margin-bottom:8px}.hero .lesson{font-size:15px;margin-bottom:23px}.primary{padding:12px 14px;font-size:15px;gap:18px}.primary .arrow{font-size:20px}.hero-art{max-height:340px}.downloads{gap:18px;margin-bottom:35px}.download-art{height:185px;padding:12px}.download-name{font-size:18px}.download-meta{font-size:12px}.booklet-downloads{gap:0 18px}.file-link .label{font-size:18px}.file-link .details{font-size:12px}.footer{padding:15px 22px 30px}.reader-bar{padding:12px 14px;gap:14px;min-height:64px}.reader-bar .brand{font-size:22px}.reader-tools{gap:7px}.reader-tools button,.reader-tools select{padding:4px 7px;min-height:34px}.reader-download{display:none}.page-scroll{padding:16px 10px 36px}.pages{gap:20px}.lesson-page{scroll-margin-top:80px}}
@media(max-width:380px){.hero{grid-template-columns:1fr;gap:30px}.hero-art{max-height:340px}.hero h1{font-size:72px}.hero .author{font-size:18px}.hero .lesson{font-size:18px}.reader-tools{gap:4px}.page-count{display:none}.download-art{height:155px}}
@media print{.reader-bar,.page-link{display:none}.reader-body,.page-scroll{background:white;padding:0}.pages{width:100%;max-width:none;gap:0}.lesson-page{break-after:page;box-shadow:none}}

@font-face{font-family:"Zhiza Sans";src:url("assets/fonts/golos.woff")}
@font-face{font-family:"Zhiza Sans";font-weight:700;src:url("assets/fonts/golos-bold.woff")}
@font-face{font-family:"Dela Gothic One";src:url("assets/fonts/dela.woff")}
@font-face{font-family:Literata;src:url("assets/fonts/literata.woff")}
@font-face{font-family:Literata;font-weight:700;src:url("assets/fonts/literata-bold.woff")}
@font-face{font-family:Literata;font-style:italic;src:url("assets/fonts/literata-italic.woff")}