:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202526;background:#fbfaf7;font-size:16px}
*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}button{cursor:pointer}
[hidden]{display:none!important}.flag{height:5px;background:linear-gradient(to right,#242424 0 33.33%,#d23d38 33.33% 66.66%,#f2c947 66.66%)}
.site-header{border-bottom:1px solid #e6e2da;background:white}.header-inner{max-width:1180px;margin:auto;padding:14px 24px;display:flex;justify-content:space-between;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:-.02em}.brand img{width:53px;height:53px;object-fit:contain}.header-link{text-decoration:none;color:#575a58;font-size:.9rem}.header-link:hover,.link:hover{color:#c13c36}
.container{max-width:1180px;margin:0 auto;padding:42px 24px 90px}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#bb3733}h1{font-size:clamp(2.4rem,6vw,4.7rem);line-height:1.08;letter-spacing:-.055em;margin:12px 0 15px;max-width:850px}p.lead{color:#575d5b;font-size:1.08rem;line-height:1.65;max-width:680px;margin:0 0 32px}.rule{height:1px;background:#e2dfd8;margin:28px 0 26px}
.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:22px}.search{flex:1;min-width:240px;border:1px solid #cecac2;border-radius:11px;background:white;padding:13px 16px;outline-offset:3px}.filters{display:flex;gap:6px;flex-wrap:wrap}.filter{border:1px solid #d8d5ce;border-radius:8px;background:white;padding:11px 15px;font-weight:700}.filter[aria-pressed=true]{background:#242424;color:white;border-color:#242424}.count{color:#656966;font-size:.92rem;margin:0 0 18px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{background:#fff;border:1px solid #e4e1da;border-radius:15px;padding:23px;text-decoration:none;display:flex;flex-direction:column;min-height:174px;transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #25252512}.card-number{color:#a5a5a0;font-size:.85rem;font-weight:700}.card h2{font-size:1.22rem;line-height:1.3;margin:22px 0 10px;letter-spacing:-.025em}.card-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;color:#6d716f;font-size:.9rem}.badge{color:#8e2a26;background:#fff0eb;border-radius:5px;padding:3px 7px;font-weight:800;font-size:.82rem}.empty{padding:36px;background:#fff;border:1px solid #e4e1da;border-radius:12px}
.back{display:inline-block;text-decoration:none;color:#666;margin-bottom:26px}.back:hover{color:#bb3733}.lesson-head h1{font-size:clamp(2.15rem,5vw,4rem);margin-bottom:12px}.lesson-meta{display:flex;gap:10px;align-items:center;color:#707471;font-size:.95rem}.lesson-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,1fr);gap:36px;margin-top:38px}.dialogue{background:white;border:1px solid #e4e1da;border-radius:18px;overflow:hidden}.dialogue-intro{padding:22px 30px;border-bottom:1px solid #ece8e0;font-weight:750}.turn{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:15px 26px;border-bottom:1px solid #f0ede8;align-items:start}.turn:last-child{border-bottom:0}.turn:nth-child(odd){background:#fcfbf8}.turn-number{font-size:.8rem;color:#9a9b97;padding-top:4px}.turn strong{display:block;color:#a93833;font-size:.88rem;margin-bottom:5px}.turn p{margin:0;line-height:1.58;font-size:1.07rem}.side{position:sticky;top:25px;align-self:start;background:#fff;border:1px solid #e4e1da;border-radius:15px;padding:22px}.side h2{font-size:1.05rem;margin:0 0 8px}.side p{color:#646967;line-height:1.55;margin:0 0 17px}.side button{width:100%;border:1px solid #dad6cd;background:#fff;border-radius:8px;padding:11px;margin-bottom:9px;text-align:left}.side button:hover{border-color:#bb3733}.lesson-nav{display:flex;justify-content:space-between;gap:12px;margin-top:27px}.lesson-nav a{padding:12px 16px;border:1px solid #d5d2cb;border-radius:9px;text-decoration:none;background:white}.lesson-nav a:hover{border-color:#bb3733}
footer{border-top:1px solid #e3dfd7;background:#242424;color:#f4f1eb;padding:36px 24px}.footer-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.5fr 1fr;gap:30px}footer h2{margin:0 0 10px;font-size:1.18rem}footer p{margin:0;line-height:1.7;color:#c7c5c0}footer a{color:white;text-underline-offset:3px}footer .contact{display:flex;flex-direction:column;gap:8px}
@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.lesson-layout{grid-template-columns:1fr}.side{position:static}.container{padding-top:30px}}@media(max-width:600px){.grid{grid-template-columns:1fr}.header-link{font-size:.82rem}.brand img{width:43px;height:43px}.brand span{font-size:.9rem}.turn{padding:14px 17px;grid-template-columns:28px minmax(0,1fr);gap:8px}.dialogue-intro{padding:18px}.footer-inner{grid-template-columns:1fr}.lesson-nav{flex-direction:column}.lesson-nav a{text-align:center}}
@media print{.site-header,.side,.back,.lesson-nav,footer,.flag{display:none!important}body{background:white}.container{padding:0}.lesson-layout{display:block;margin-top:18px}.dialogue{border:0}.turn{break-inside:avoid;padding:7px 0}.turn p{font-size:11pt}.lesson-head h1{font-size:22pt}}