@media screen{
 body{background:#f5f6f2}
 body>header{height:80px;min-height:80px;max-width:none;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:0 30px;background:#fff;border-bottom:1px solid #e5e6df}
 body>.ad-banner{box-sizing:border-box;width:calc(100% - 50px);max-width:1530px;height:90px;min-height:90px;margin:20px auto 26px;border:1px dashed #b9beb3;background:repeating-linear-gradient(135deg,#eceee9,#eceee9 12px,#f1f2ee 12px,#f1f2ee 24px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#73796c;font-size:11px}
 body>.ad-banner span{font-size:10px;letter-spacing:2px;font-weight:700}body>.ad-banner small{font-size:10px}
 main.layout{box-sizing:border-box;max-width:1580px;width:100%;margin:0 auto 50px;padding:0 30px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}
 .layout>aside:not(.right-ad){min-width:0}
 .layout>aside>.visit-counter{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:12px 16px;margin:0 0 18px;background:white;border:1px solid #d2e3df;border-radius:9px;color:#56716c;font-size:13px;min-height:88px}
 .visit-counter b{color:#176e5c;font-size:16px;margin-left:6px}
 .layout>aside>h1{font-size:24px;line-height:32px;margin:0 0 8px}
 .layout>aside>h1+p{font-size:13px;line-height:22px;margin:0 0 14px;min-height:22px}
 .type-directory-access{font-size:12px;line-height:20px;margin:0 0 20px!important}.type-directory-access a{color:#176e5c}
 :is(.drill-grades,.drill-terms,#grades,#terms){display:flex;gap:4px;margin:12px 0}
 :is(.drill-grades,.drill-terms,#grades,#terms) button{flex:1;border:1px solid #c8dbd5;border-radius:6px;padding:9px 3px;background:#fff;font-size:12px;line-height:17px;color:#294552}
 :is(.drill-grades,.drill-terms,#grades,#terms) [aria-pressed=true]{background:#176e5c;color:#fff}
 .menu label[for=unit],.groups label[for=drill-unit]{display:block;font-size:13px;line-height:20px;font-weight:400;margin:12px 0 6px}
 #unit,#drill-unit{box-sizing:border-box;width:100%;height:42px;margin:0;padding:8px;border:1px solid #bcd4ca;border-radius:6px;background:#fff;font-size:13px}
 .theme-card{margin-top:24px}
}
@media screen and (min-width:1280px){main.layout:has(>.right-ad){grid-template-columns:300px minmax(0,1fr) 160px;max-width:1580px}}
@media screen and (max-width:760px){body>header{height:auto;min-height:80px;padding:15px;flex-wrap:wrap}main.layout{display:block;padding:0 16px}body>.ad-banner{width:calc(100% - 32px)}.layout>aside:not(.right-ad){margin-bottom:24px}}
@media print{.visit-counter,.type-directory-access{display:none!important}}
@media screen{header .top-nav{display:flex;gap:10px;align-items:stretch}header .top-nav a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:7px 16px;border:1px solid #cbdedb;border-radius:9px;background:#fff;color:#285951;font-size:14px;font-weight:700;text-decoration:none}header .menu-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}header .menu-icon svg{width:30px;height:30px}header .top-nav .language-link{background:transparent;border:0;padding:7px 8px;min-height:0;font-weight:500;align-self:center}header .preview-tag{font-size:11px;border-radius:20px;background:#fff0da;color:#91602b;padding:7px 12px}}
@media screen and (max-width:900px){header .top-nav{order:3;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}header .top-nav a{padding:7px 8px;font-size:13px}}
@media screen and (max-width:520px){header .top-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen{#profile-dots{display:flex;flex-direction:column;gap:8px;margin:14px 0}.unit-type-choice{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;padding:15px;border:1px solid #c8dbd5;border-radius:8px;background:#fff;color:#294552;line-height:1.6;font-family:inherit}.unit-type-choice strong{font-size:15px}.unit-type-choice small{font-size:12px;font-weight:400;color:#637b85}.unit-type-choice[aria-pressed=true]{background:#e7f3ed;color:#176e5c;border:2px solid #278477}.unit-type-choice:hover{border-color:#278477;background:#f1f8f4}}
@media screen{html{scroll-behavior:auto}.layout>.menu,.layout>.groups{overflow-anchor:none}}