/* Compact navigation and reader views. */
#nav{gap:18px}
#nav button{font-size:16px}
#nav .search{width:170px;min-width:140px}
#nav .lab-nav{white-space:nowrap}
.news-pager{display:flex;gap:14px;align-items:center;justify-content:center;margin:14px 0}
.news-pager button{border:1px solid #b9cec0;background:#fff;color:#155d4c;border-radius:5px;padding:6px 14px}
.news-pager button:disabled{opacity:.45;cursor:not-allowed}
.news-pager span{color:#65756d;font-size:14px}
.learn{display:block;margin:18px 0;padding:22px;background:#edf3e8;border:1px solid #d2e0cf;border-radius:8px}
.glossary-intro{display:flex;align-items:end;justify-content:space-between;gap:24px}
.glossary-intro h1,.vacancies h1{font:800 29px/1.4 'Noto Serif Devanagari',serif;margin:5px 0;color:#163b32}
.glossary-intro p,.vacancies-head p{font-size:16px;margin:4px 0;color:#61746a}
.glossary-intro label{font-size:14px;min-width:220px;color:#3e6254}
.glossary-intro input{display:block;margin-top:4px;border:1px solid #b9cabb;border-radius:5px;padding:8px 10px;width:100%}
.glossary-featured,.term-group>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.glossary-featured button,.term-group button{border:1px solid #c2d5c4;background:#fff;color:#145d4c;border-radius:4px;padding:5px 10px;font-size:15px}
.glossary-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:10px;margin-top:18px}
.term-group,.vacancy-group{margin:0;padding:0;border:1px solid #ceddd0;border-radius:6px;background:#fff}
.term-group summary,.vacancy-group summary{font-size:17px;padding:11px 13px;cursor:pointer}
.term-group summary span,.vacancy-group summary span{float:right;font-size:13px;font-weight:400;color:#6c8074}
.term-group>div{padding:0 13px 14px}
.vacancies{margin:18px 0}
.vacancies-head{display:flex;align-items:end;justify-content:space-between;gap:15px}
.vacancy-note{margin:9px 0 12px;padding:8px 12px;background:#eff3e9;color:#52665c;font-size:14px;border-left:3px solid #8da88e}
.vacancy-group{margin:10px 0}
.vacancy-row{display:grid;grid-template-columns:2fr 1.1fr 1fr auto;gap:12px;align-items:center;padding:9px 13px;border-top:1px solid #e2e9e1;font-size:14px}
.vacancy-row strong,.vacancy-row small,.vacancy-row span,.vacancy-row b{display:block}
.vacancy-row small,.vacancy-row span{color:#687a70;font-size:12px;line-height:1.4}
.vacancy-row a{white-space:nowrap;color:#0d674e;font-weight:700}
.vacancy-empty{padding:0 13px;color:#687a70}
@media(min-width:801px){
 .top{padding:5px 0}
 .brandrow{padding:10px 0}
 .logo{font-size:43px;line-height:1.2}
 .brandnote{font-size:14px}
 #nav{padding:6px 0}
 #grid{margin-top:12px}
 #grid>.card{padding-bottom:10px}
 #grid .thumb,#grid .editorial-art{height:150px;margin-bottom:8px}
 #grid .thumb>.editorial-art{height:auto;margin:0}
 #grid .card h3{font-size:19px;line-height:1.45;margin:5px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 #grid .card p{font-size:15px;line-height:1.45;margin:5px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 footer{padding-top:10px;padding-bottom:10px;font-size:13px}
}
@media(max-width:800px){
 .glossary-intro,.vacancies-head{align-items:stretch;flex-direction:column}
 .glossary-groups{grid-template-columns:repeat(2,minmax(0,1fr))}
 .vacancy-row{grid-template-columns:1fr 1fr}
 .vacancy-row>div:first-child{grid-column:1/-1}
 .vacancy-row a{grid-column:2}
}
@media(max-width:480px){.glossary-groups{grid-template-columns:1fr}.learn{padding:16px}}
