@import url("recovered-base.css");
@import url("recovered-pages.css");
@import url("accounts.css");

@font-face{font-family:"Noto Serif Georgian";src:url("../fonts/noto-serif-georgian-georgian-wdth-normal.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Noto Serif Georgian";src:url("../fonts/noto-serif-georgian-latin-wdth-normal.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-024F}
@font-face{font-family:"Noto Sans Georgian";src:url("../fonts/noto-sans-georgian-georgian-wdth-normal.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Noto Sans Georgian";src:url("../fonts/noto-sans-georgian-latin-wdth-normal.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-024F}

body{min-width:320px}
[hidden]{display:none!important}
.topbar-in{gap:clamp(12px,2vw,24px)}
.topbar .nav{gap:clamp(10px,1.4vw,20px);font-size:clamp(12px,.95vw,14.5px);white-space:nowrap}
.icon{width:1.1em;height:1.1em;fill:currentColor;flex:none}
.skip-link{position:fixed;z-index:1000;left:16px;top:12px;padding:10px 15px;background:var(--ink);color:var(--bg);transform:translateY(-160%);border-radius:var(--r-sm)}
.skip-link:focus{transform:none}
.brand-mark{width:34px;height:34px;color:var(--ink)}
.nav-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:var(--r-sm);background:transparent;color:var(--ink);padding:10px;margin-left:auto}
.nav-toggle span:not(.sr-only){display:block;height:1.5px;background:currentColor;margin:5px 0}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.theme-toggle .moon{display:block}.theme-toggle .sun{display:none}
[data-theme="dark"] .theme-toggle .moon{display:none}[data-theme="dark"] .theme-toggle .sun{display:block}
.sample-wrap{max-width:var(--measure);margin:16px auto 0;padding:0 var(--gutter)}
.sample-note{display:flex;gap:12px;align-items:center;padding:11px 15px;border:1px dashed color-mix(in srgb,var(--wine) 45%,transparent);border-radius:var(--r-sm);background:var(--surface);font-size:13px;color:var(--muted)}
.sample-note b{color:var(--wine)}

.page-hero{padding-block:var(--s8) var(--s7)}
.page-hero h1{margin-top:var(--s4);font-size:46px}
.page-hero .lede{margin-top:var(--s4)}
.page-hero .search-panel{margin-top:var(--s6)}
.page-hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s6)}
.page-hero-icon{width:56px;height:56px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--olive);color:var(--on-dark)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:var(--s5);margin-bottom:var(--s5)}
.search-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s3);padding:var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
.search-panel label{grid-column:1/-1;font-size:13px;font-weight:600}
.search-panel input,.material-controls input,.material-controls select{height:44px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font:inherit}
.search-panel input{width:100%}
.results-count{margin:var(--s4) 0 var(--s3);font-size:13px;color:var(--muted)}
.resume-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--s4);margin-bottom:var(--s5);padding:var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);color:var(--ink)}
.resume-card strong,.resume-card span{display:block}.resume-card span span{font-size:13px;color:var(--muted);margin-top:4px}
.tile-count{display:block;margin-top:6px;font-size:12px;color:var(--muted)}
.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}
.course-body p{margin-top:var(--s2);color:var(--muted);font-size:14px}.course-foot{justify-content:space-between}
.grade-chips{margin-bottom:var(--s5)}
.lesson-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:var(--s7);align-items:start}
.viewer h2{font-size:28px;margin-bottom:var(--s4)}
.player{position:relative;aspect-ratio:16/9;background:#1b1a16;border-radius:var(--r-lg);overflow:hidden}
.player--short{aspect-ratio:9/16;max-width:320px}
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.player-start{position:absolute;inset:0;border:0;background:transparent;color:var(--on-dark);cursor:pointer}
.player-start img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}
.player-start .play{display:flex}
.player-soon{height:100%;display:grid;place-items:center;text-align:center;padding:var(--s5);background:var(--olive);color:var(--on-dark)}
.player-soon svg{width:54px;height:54px;margin:0 auto var(--s3)}
.viewer-summary{margin-top:var(--s4);color:var(--muted)}
.lesson{grid-template-columns:38px minmax(0,1fr) auto;text-decoration:none}
.lesson[aria-current="page"]{background:var(--band);box-shadow:inset 0 0 0 1px var(--wine)}
.lesson-state{font-size:11px;color:var(--muted)}
.material-controls{display:flex;gap:var(--s3);align-items:center;margin-bottom:var(--s5);flex-wrap:wrap}
.material-controls .grow{flex:1;min-width:260px}.material-controls input{width:100%}
.materials-table .trow{grid-template-columns:52px minmax(0,1fr) 120px 132px}
.material-action[disabled]{opacity:.55;cursor:not-allowed}
.learn-feature{display:grid;grid-template-columns:1fr 1fr;gap:var(--s7);align-items:start}
.episode-list .ep{grid-template-columns:46px minmax(0,1fr) auto;color:#F1EFE8;text-decoration:none}
.episode-list .ep strong,.episode-list .ep small{display:block}.episode-list .ep small{margin-top:4px;color:rgba(241,239,232,.55);font-size:12px}
.short-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}
.short-card{color:var(--ink)}.short-card h3{margin-top:var(--s3);font-size:18px}.short-card p{margin-top:5px;color:var(--muted);font-size:13px}
.lost{min-height:calc(100svh - 78px);display:grid;place-items:center;padding:var(--s8) var(--gutter)}
.lost-card{width:100%;max-width:580px;min-width:0;padding:var(--s7);text-align:center}.lost-card svg{width:72px;height:72px;margin:0 auto var(--s4);color:var(--wine)}
.lost-card p{margin:var(--s3) 0 var(--s5);color:var(--muted)}

@media(max-width:900px){
  :root{--gutter:24px}.topbar-in{height:68px;gap:var(--s3)}.nav-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:var(--gutter);right:var(--gutter);padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--lift-3);flex-direction:column;align-items:stretch;gap:0}.nav.is-open{display:flex}.nav a{min-height:44px;display:flex;align-items:center;padding:8px 10px}.topbar-end{margin-left:0}.topbar-end .btn{display:none}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.course-grid,.short-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-layout,.learn-feature{grid-template-columns:1fr}
}
@media(max-width:560px){
  :root{--gutter:16px}.brand-name{font-size:14px}.page-hero{padding-block:var(--s7)}.page-hero h1{font-size:38px}.page-hero-row,.section-head{display:block}.page-hero-icon{margin-top:var(--s4)}
  .grid-4,.grid-3,.course-grid,.short-grid{grid-template-columns:1fr}.search-panel{grid-template-columns:1fr}.search-panel label{grid-column:auto}.materials-table .thead{display:none}.materials-table .trow{grid-template-columns:44px 1fr}.materials-table .trow>:nth-child(3){display:none}.materials-table .trow>:last-child{grid-column:2}.footer-top{align-items:flex-start}.footer-nav{flex-wrap:wrap;justify-content:flex-end}.footer-base{flex-direction:column}
}

@media(min-width:901px) and (max-width:1160px){
  .topbar .nav{display:none;position:absolute;top:100%;left:var(--gutter);right:var(--gutter);padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--lift-3);flex-direction:column;align-items:stretch;gap:0}
  .topbar .nav.is-open{display:flex}
  .topbar .nav a{min-height:44px;display:flex;align-items:center;padding:8px 10px}
  .nav-toggle{display:block}
}