/*
Theme Name: UDN University Theme
Description: Green and gold university theme, multilingual-ready.
Version: 1.8.11
Requires PHP: 7.4
*/
:root{--green:#07513f;--dark:#043b31;--gold:#c4a16a;--cream:#f7f5ef}*{box-sizing:border-box}body{margin:0;font:16px/1.65 var(--udn-font-localized,Arial,sans-serif);color:#17332d}a{color:var(--green)}.wrap{max-width:1160px;margin:auto;padding:0 20px}.top{background:var(--dark);color:white;padding:8px 0}.top a{color:white;margin-right:14px;text-decoration:none}.top .active{color:var(--gold);font-weight:bold}.head{border-bottom:1px solid #ddd;background:white}.head .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:12px;padding-bottom:12px}.brand{display:flex;align-items:center;gap:14px;color:var(--dark);font-weight:800;text-decoration:none}.brand img{width:70px;height:70px;object-fit:contain}.brand small{display:block;color:#96713d;font-size:11px}.menu{display:flex;gap:20px;list-style:none;padding:0;flex-wrap:wrap}.menu a{text-decoration:none;font-weight:bold}.hero{background:linear-gradient(110deg,#043b31f2,#07513fdb),url('assets/logo.png') center/contain no-repeat;color:white;padding:90px 0}.hero h1{font-size:clamp(32px,5vw,54px);line-height:1.16;max-width:820px}.gold{color:var(--gold)}.btn{display:inline-block;background:var(--gold);padding:12px 22px;border-radius:7px;text-decoration:none;color:var(--dark);font-weight:bold}.section{padding:60px 0}.cream{background:var(--cream)}.cards,.udn-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.udn-card,.card{padding:22px;border:1px solid #e4e9e5;border-radius:12px;background:white}.entry{max-width:900px;margin:50px auto;padding:0 20px;min-height:45vh}.foot{background:var(--dark);color:white;padding:45px 0}.foot a{color:white}.foot .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.foot h3{color:var(--gold)}.foot ul{list-style:none;padding:0}@media(max-width:800px){.head .wrap{display:block}.cards,.udn-directory{grid-template-columns:1fr 1fr}}@media(max-width:550px){.cards,.udn-directory,.foot .cols{grid-template-columns:1fr}.hero{padding:55px 0}}

/* UDN home layout v0.2 */
:root{--green:#07513f;--dark:#043b31;--gold:#c4a16a;--cream:#f7f5ef}
html{scroll-behavior:smooth}body{font-family:var(--udn-font-localized,Montserrat,Arial,sans-serif)}.head{position:relative;z-index:5}.head .wrap{max-width:1280px}.wrap{max-width:1240px}.top{background:#063e34}.top .wrap{display:flex;justify-content:space-between;align-items:center}.top .wrap span:last-child{float:none!important}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:590px;display:flex;align-items:center;background:linear-gradient(100deg,rgba(3,38,33,.9),rgba(4,55,43,.48)),var(--hero-image,linear-gradient(120deg,#0a624e,#06382f));background-position:center;background-size:cover;padding:90px 0}.hero-slides{position:absolute;inset:0;z-index:-2}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1s}.hero-slide.is-active{opacity:1}.hero:has(.hero-slides):before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,35,29,.91),rgba(2,35,29,.55))}.hero-content{width:100%;position:relative}.hero h1{font-size:clamp(34px,4.3vw,62px);max-width:850px;letter-spacing:-.025em}.hero-desc{max-width:660px;font-size:19px;line-height:1.65}.kicker{font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#a8814d}.hero .kicker{color:#e3bf83}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{background:var(--gold);border:1px solid var(--gold);border-radius:5px}.btn-outline{background:transparent;color:white;border-color:#ffffffb0}.slide-controls{display:flex;gap:8px;margin-top:48px}.slide-dot{height:11px;width:11px;border-radius:50%;border:1px solid #fff;background:transparent;cursor:pointer}.slide-dot.active{background:var(--gold);border-color:var(--gold)}.section{padding:76px 0}.section-heading{margin-bottom:28px;max-width:760px}.section-heading h2{font-family:var(--udn-font-localized,Georgia,serif);font-size:clamp(29px,3vw,42px);line-height:1.2;color:var(--dark);margin:10px 0 16px}.section-heading p{color:#586961}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.feature-card{display:flex;flex-direction:column;justify-content:space-between;min-height:170px;background:white;padding:25px;border:1px solid #e5e8e3;border-radius:12px;text-decoration:none;box-shadow:0 5px 20px #092d2210}.feature-card h3{font-family:var(--udn-font-localized,Georgia,serif);color:var(--dark);font-size:20px;margin:14px 0}.feature-mark{color:var(--gold);font-size:30px}.program-card{min-height:205px;transition:transform .2s,box-shadow .2s}.program-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #092d2222}.program-card>span:last-child{color:#8c713e;font-size:13px;font-weight:700}.heading-row{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:20px}.text-link{font-weight:700;text-decoration:none}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.card{box-shadow:0 5px 20px #092d2210;min-height:200px}.card h3{font-family:var(--udn-font-localized,Georgia,serif);font-size:21px;line-height:1.35}.card h3 a{text-decoration:none}.card p{color:#61716a}.address-block{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.address-block p{font-size:19px}.foot{padding-top:60px}.menu a:hover,.foot a:hover{color:var(--gold)}
@media(max-width:950px){.feature-grid,.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:490px}.head .wrap{flex-wrap:wrap}.head nav{width:100%}}@media(max-width:600px){.feature-grid,.cards{grid-template-columns:1fr}.section{padding:52px 0}.hero{padding:60px 0;min-height:460px}.hero h1{font-size:32px}.hero-desc{font-size:16px}.heading-row{align-items:start;flex-direction:column}.brand img{width:54px;height:54px}.brand{font-size:12px}.menu{gap:10px}.menu a{font-size:13px}}

/* UDN 0.3: correct native WordPress menu nesting */
.head .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:nowrap}
.head .brand{flex:0 0 auto;max-width:385px;min-width:0}
.head .brand span{font-size:13px;line-height:1.35}
.head .brand img{flex:none;width:60px;height:60px}
.head .udn-primary-nav{flex:1;min-width:0}
.head .udn-primary-nav>ul.menu{display:flex;align-items:center;justify-content:flex-end;gap:clamp(10px,1.5vw,23px);flex-wrap:wrap;list-style:none;margin:0;padding:0}
.head .udn-primary-nav ul{list-style:none}
.head .udn-primary-nav .menu>li{position:relative;margin:0;padding:0}
.head .udn-primary-nav .menu>li>a{display:block;padding:15px 0;white-space:nowrap;font-size:14px;color:#07513f;text-decoration:none}
.head .udn-primary-nav .sub-menu{display:none;position:absolute;top:100%;left:0;z-index:1000;min-width:245px;max-width:330px;padding:8px 0;margin:0;background:#fff;border-top:3px solid #c4a16a;border-radius:0 0 8px 8px;box-shadow:0 12px 30px #001c1633}
.head .udn-primary-nav .sub-menu li{position:relative;margin:0;padding:0}
.head .udn-primary-nav .sub-menu a{display:block;padding:9px 16px;line-height:1.4;font-size:13px;color:#07513f;text-decoration:none;white-space:normal}
.head .udn-primary-nav .sub-menu a:hover,.head .udn-primary-nav .sub-menu a:focus{background:#f7f5ef;color:#805b25}
.head .udn-primary-nav li:hover>.sub-menu,.head .udn-primary-nav li:focus-within>.sub-menu{display:block}
.head .udn-primary-nav .sub-menu .sub-menu{top:0;left:100%}
.udn-menu-toggle{display:none;border:1px solid #d9e4df;background:white;color:#07513f;border-radius:6px;padding:8px 12px;font-size:24px;cursor:pointer}
@media(max-width:1100px){.head .wrap{flex-wrap:wrap}.head .udn-primary-nav{flex-basis:100%}.head .udn-primary-nav>ul.menu{justify-content:center}}
@media(max-width:760px){.head .wrap{display:flex;flex-wrap:wrap}.head .brand{max-width:calc(100% - 65px)}.udn-menu-toggle{display:block;margin-left:auto}.head .udn-primary-nav{display:none;flex-basis:100%;width:100%}.head .udn-primary-nav.is-open{display:block}.head .udn-primary-nav>ul.menu{display:block}.head .udn-primary-nav .menu>li>a{padding:10px 4px;white-space:normal}.head .udn-primary-nav .sub-menu{display:block;position:static;min-width:0;max-width:none;box-shadow:none;border:0;border-left:2px solid #c4a16a;border-radius:0;padding:0 0 0 12px;margin:0 0 6px 12px}.head .udn-primary-nav .sub-menu .sub-menu{position:static}.head .udn-primary-nav .sub-menu a{padding:7px 4px}}

/* UDN v0.4 — official-style utility navigation */
.udn-utility-bar{background:#06234a;color:#fff;padding:0;position:relative;z-index:20}
.udn-utility-bar .udn-utility-inner{display:flex;align-items:stretch;justify-content:flex-end;gap:0;max-width:1280px;min-height:37px;padding:0 20px}
.udn-utility-links{display:flex;align-items:stretch;justify-content:flex-end;flex-wrap:wrap;min-width:0}
.udn-utility-links a{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;margin:0;border-right:1px solid rgba(255,255,255,.16);color:#fff;text-decoration:none;font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap}
.udn-utility-links a:hover,.udn-utility-links a:focus-visible{background:rgba(255,255,255,.13);color:#fff}
.udn-utility-links .udn-external{font-size:11px;opacity:.75}
.udn-utility-links .udn-utility-search{font-size:22px;padding:2px 12px}
.udn-utility-languages{display:flex;align-items:stretch;flex:none}
.udn-utility-languages a{display:flex;align-items:center;justify-content:center;margin:0;padding:7px 8px;color:#fff;font-size:12px;font-weight:700;text-decoration:none}
.udn-utility-languages a.active{background:#f1f2f4;color:#06234a;border-radius:3px 3px 0 0}
.udn-utility-languages a:hover{background:#c4a16a;color:#06234a}
@media(max-width:850px){.udn-utility-bar .udn-utility-inner{flex-wrap:wrap;justify-content:center;padding:0 8px}.udn-utility-links{justify-content:center}.udn-utility-links a{padding:7px 8px;font-size:11px}.udn-utility-languages{justify-content:center}}
@media(max-width:480px){.udn-utility-links a{font-size:10px;padding:6px}.udn-utility-links .udn-external{display:none}}

/* UDN v0.5 — typography, accessibility and palette refinement */
:root{--green:#07513f;--dark:#053e34;--gold:#c69c59;--cream:#faf8f4}
body{font-family:var(--udn-font-localized,Montserrat,Arial,sans-serif);font-size:16px;line-height:1.7}
.udn-utility-bar{background:#061f45}
.udn-utility-languages a.active{color:#061f45}
.head .udn-primary-nav .menu>li>a{font-size:15px;line-height:1.5;font-weight:700}
.head .udn-primary-nav .sub-menu{min-width:285px;max-width:390px;border-top-color:var(--gold);padding:7px 0}
.head .udn-primary-nav .sub-menu a{font-family:var(--udn-font-localized,Montserrat,Arial,sans-serif);font-size:16px;font-weight:600;line-height:1.55;padding:12px 18px}
.head .udn-primary-nav .sub-menu a:hover,.head .udn-primary-nav .sub-menu a:focus-visible{background:#f7f4ed;color:#07513f}
.head .udn-primary-nav a:focus-visible,.udn-utility-links a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.hero h1,.section-heading h2,.feature-card h3,.card h3{font-family:var(--udn-font-localized,Lora,Georgia,serif);letter-spacing:-.018em}
.hero h1{font-size:clamp(34px,3.4vw,54px);line-height:1.2;max-width:790px;font-weight:700}
.hero-desc{font-family:var(--udn-font-localized,Montserrat,Arial,sans-serif);font-size:17px;line-height:1.8}
.hero .kicker{font-size:12px;letter-spacing:.11em}
.section-heading h2{font-size:clamp(30px,3.1vw,44px);line-height:1.22}
.feature-card h3{font-size:21px;line-height:1.35}
@media(max-width:760px){.head .udn-primary-nav .sub-menu{min-width:0;max-width:none}.head .udn-primary-nav .sub-menu a{font-size:16px;padding:11px 8px}.hero h1{font-size:clamp(30px,7vw,42px)}}


/* UDN v0.6 — airy typography and image-only slider */
body{font-weight:400}
.brand{font-weight:600}
.head .udn-primary-nav .menu>li>a{font-weight:500}
.head .udn-primary-nav .sub-menu a{font-weight:400;font-size:16px;line-height:1.65}
.section-heading h2{font-weight:400;letter-spacing:-.012em}
.feature-card h3,.card h3{font-weight:400}
.kicker{font-weight:500}
.hero{padding:0;min-height:clamp(340px,39vw,570px);background:var(--hero-image,linear-gradient(120deg,#07513f,#043b31)) center/cover no-repeat}
.hero:has(.hero-slides):before{display:none}
.hero-slide{transition:opacity .8s ease}
.udn-slider-ui{position:absolute;inset:0;z-index:2;pointer-events:none}
.slide-arrow{pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(3,30,28,.28);color:#fff;cursor:pointer;transition:background .2s,transform .2s;font-size:19px;font-weight:400;line-height:1;backdrop-filter:blur(3px)}
.slide-arrow:hover,.slide-arrow:focus-visible{background:rgba(3,30,28,.7);outline:2px solid #fff;outline-offset:2px}
.slide-prev{left:clamp(12px,3vw,44px)}.slide-next{right:clamp(12px,3vw,44px)}
.udn-slider-ui .slide-controls{pointer-events:auto;position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:10px;margin:0;align-items:center}
.udn-slider-ui .slide-dot{width:9px;height:9px;background:rgba(255,255,255,.5);border:1px solid #fff;border-radius:50%;padding:0;cursor:pointer}
.udn-slider-ui .slide-dot.active{background:#fff;border-color:#fff}
.udn-slider-ui .slide-dot:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:600px){.hero{min-height:300px;padding:0}.slide-arrow{width:36px;height:36px;font-size:16px}.udn-slider-ui .slide-controls{bottom:15px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.slide-arrow{transition:none}}

/* UDN v0.7: brand palette and restored editorial hero */
:root{--green:#07513f;--dark:#063e34;--gold:#c4a16a}
.udn-utility-bar{background:#063e34!important}
.udn-utility-languages a.active{color:#063e34!important}
.foot{background:#063e34}
.hero{display:flex;align-items:center;padding:70px 0;min-height:clamp(460px,43vw,650px)}
.hero:has(.hero-slides):before{display:block;background:linear-gradient(90deg,rgba(2,34,30,.75),rgba(2,34,30,.14))}
.hero-content{z-index:1;padding-left:72px;padding-right:72px}
.hero h1{font-family:var(--udn-font-localized,Lora,Georgia,serif);font-weight:400!important;font-size:clamp(32px,3.4vw,53px);line-height:1.18;max-width:740px}
.hero .kicker{font-weight:500;letter-spacing:.10em}
.hero-desc{font-weight:400;max-width:620px;font-size:17px}
.hero .btn{font-weight:500}
.udn-slider-ui{z-index:3}
.udn-slider-ui .slide-controls{bottom:18px}
.section-heading h2,.feature-card h3,.card h3{font-weight:400}
.udn-news-grid{align-items:stretch}
.udn-news-card{padding:0;overflow:hidden;display:flex;flex-direction:column}
.udn-news-image{display:block;aspect-ratio:16/10;overflow:hidden;background:#f0f3f0}
.udn-news-image img{display:block;width:100%;height:100%;object-fit:cover}
.udn-news-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#9baaa4;font:400 28px var(--udn-font-localized,Lora,Georgia,serif)}
.udn-news-body{padding:18px 20px 22px}
.udn-news-body time{font-size:12px;color:#8a7556}
.udn-news-body h3{font-size:19px;margin:10px 0;line-height:1.4}
.udn-news-body p{font-size:13px;line-height:1.65;margin:0}
.udn-news-empty{grid-column:1/-1}
@media(max-width:700px){.hero-content{padding-left:56px;padding-right:56px}.hero{min-height:480px;padding:60px 0}.hero h1{font-size:clamp(27px,6vw,39px)}.hero-desc{font-size:15px}}

/* UDN news detail v0.8 */
.udn-article-page{background:#faf9f6;padding:56px 0 80px}
.udn-article{max-width:1050px}
.udn-article-heading{max-width:900px;margin:0 auto 30px}
.udn-article-back{display:inline-block;margin-bottom:18px;color:#936b37;text-decoration:none;font-size:14px}
.udn-article h1{font-family:var(--udn-font-localized,Georgia,"Times New Roman",serif);font-size:clamp(30px,4vw,49px);font-weight:400;line-height:1.22;letter-spacing:-.015em;color:#063e34;margin:0 0 22px}
.udn-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:#718079;font-size:13px}
.udn-article-category{border:1px solid #d9e0dc;padding:3px 10px;border-radius:20px;color:#07513f}
.udn-article-views{margin-left:auto}
.udn-article-cover{max-width:1000px;margin:28px auto 38px}
.udn-article-cover img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;border-radius:8px}
.udn-article-content{max-width:840px;margin:0 auto;color:#263e37;font:400 17px/1.85 var(--udn-font-localized,Montserrat,Arial,sans-serif);overflow-wrap:anywhere}
.udn-article-content p{margin:0 0 1.3em}
.udn-article-content h2,.udn-article-content h3{font-family:var(--udn-font-localized,Georgia,serif);font-weight:400;color:#063e34;line-height:1.3}
.udn-article-content img{max-width:100%;height:auto;border-radius:6px}
.udn-article-content figure{max-width:100%}
.udn-article-bottom{max-width:840px;margin:48px auto 0;padding-top:18px;border-top:1px solid #dce2dc;display:flex;justify-content:space-between;gap:20px;color:#72827a;font-size:13px}
.udn-related{max-width:1050px;margin-top:76px}
.udn-related>h2{font:400 35px/1.3 var(--udn-font-localized,Georgia,serif);color:#063e34}
.udn-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.udn-related-card{background:white;border:1px solid #e4e7e4;border-radius:10px;overflow:hidden;box-shadow:0 6px 18px #102e2110}
.udn-related-card>a{color:inherit;text-decoration:none;display:block}
.udn-related-card img{width:100%;height:180px;object-fit:cover;display:block}
.udn-related-copy{padding:18px}
.udn-related-copy time{font-size:12px;color:#718079}
.udn-related-copy h3{font:400 20px/1.4 var(--udn-font-localized,Georgia,serif);color:#063e34;margin:10px 0}
.udn-related-copy p{font-size:13px;color:#65736d;line-height:1.6}
@media(max-width:700px){.udn-article-page{padding:30px 0 50px}.udn-article-content{font-size:16px}.udn-related-grid{grid-template-columns:1fr}.udn-article-views{margin-left:0}}

/* UDN v0.9 homepage and footer */
.site-header nav a,.main-navigation a{font-weight:600}
.udn-split-layout{display:grid;grid-template-columns: minmax(210px, 270px) minmax(0,1fr);gap:36px;align-items:start}
.udn-side-intro h2{font-family:var(--udn-font-localized,Georgia,serif);font-size:clamp(30px,3vw,40px);font-weight:400;color:#063e34;margin:0 0 14px}
.udn-side-intro p{font-size:14px;line-height:1.8;color:#687b75;margin:18px 0}
.udn-gold-line{height:2px;width:42px;background:#c79a5b}
.udn-plain-link{color:#063e34;text-decoration:none;font-size:14px}
.udn-map-wrap{min-width:0;overflow:hidden;border-radius:4px;background:#e8e8e8}
.udn-map-wrap iframe{display:block;width:100%;min-height:440px}
.section.cream>.wrap>.section-heading{max-width:300px}
.section.cream>.wrap:has(>.feature-grid){display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px;align-items:start}
.section.cream>.wrap:has(>.feature-grid) .feature-grid{min-width:0}
.section:not(.cream)>.wrap:has(>.programs-grid){display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px;align-items:start}
.feature-card{min-width:0}
.feature-mark svg{display:block;color:#c89a5b}
.section .section-heading h2{font-weight:400}
.udn-footer{background:#063e34;color:#fff;padding:52px 0 18px}
.udn-footer-grid{display:grid;grid-template-columns:2fr 1.15fr 1.1fr 1.5fr;gap:40px}
.udn-footer h3{font:600 15px/1.4 var(--udn-font-localized,Montserrat,Arial,sans-serif);color:#fff;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid #ffffff35}
.udn-footer a{color:#f5f5f2;text-decoration:none}
.udn-footer a:hover{color:#d3a66c}
.udn-footer p,.udn-footer address{font:400 13px/1.8 var(--udn-font-localized,Montserrat,Arial,sans-serif);color:#d3e2dc;font-style:normal}
.udn-footer-brand-title{display:flex;align-items:center;gap:12px}
.udn-footer-brand-title .custom-logo{max-width:65px;height:auto}
.udn-footer-brand-title strong{display:block;font:400 20px/1.25 var(--udn-font-localized,Georgia,serif)}
.udn-footer-brand-title small{display:block;color:#d3a66c;font-size:11px;margin-top:4px}
.udn-footer-links{display:flex;flex-direction:column;gap:12px;font-size:13px}
.udn-footer-grid>div:last-child>a{display:block;margin:12px 0;font-size:13px}
.udn-footer-social{display:flex;gap:10px;margin-top:20px}
.udn-footer-social a{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border:1px solid #ffffff80;border-radius:50%}
.udn-footer-bottom{border-top:1px solid #ffffff35;margin-top:45px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#d3e2dc;font-size:12px}
.udn-footer-bottom>div{display:flex;gap:24px}
@media(max-width:1000px){.udn-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section.cream>.wrap:has(>.feature-grid),.section:not(.cream)>.wrap:has(>.programs-grid){grid-template-columns:1fr}.section.cream>.wrap>.section-heading{max-width:none}}
@media(max-width:700px){.udn-split-layout{grid-template-columns:1fr}.udn-map-wrap iframe{min-height:300px;height:300px}.udn-footer-grid{grid-template-columns:1fr;gap:28px}.udn-footer-bottom{flex-direction:column}.udn-footer-bottom>div{flex-wrap:wrap}}

/* UDN v1.0 — reference-matched editorial homepage and accessible typography */
:root{--cream:#faf9f6}
.udn-utility-bar .udn-utility-inner{max-width:1280px;min-height:30px}
.udn-utility-links a{font-family:var(--udn-font-localized,Montserrat,Arial,sans-serif);font-size:12px;font-weight:600;padding:6px 11px;line-height:1.35}
.udn-utility-languages a{font-family:var(--udn-font-localized,Montserrat,Arial,sans-serif);font-size:12px;font-weight:600;padding:6px 9px}
.head .wrap{max-width:1280px;gap:20px;padding-top:10px;padding-bottom:10px}
.head .brand{max-width:405px;gap:12px}
.head .brand img{width:54px;height:54px}
.head .brand span{font-family:var(--udn-font-localized,Georgia,serif);font-weight:600;font-size:15px;line-height:1.2}
.head .brand small{font-family:var(--udn-font-localized,Montserrat,Arial,sans-serif);font-weight:600;font-size:10px;letter-spacing:.02em}
.head .udn-primary-nav>ul.menu{gap:clamp(10px,1.15vw,19px);flex-wrap:nowrap}
.head .udn-primary-nav .menu>li>a{font-family:var(--udn-font-localized,Montserrat,Arial,sans-serif);font-size:14px;font-weight:600;line-height:1.45;padding:15px 0}
.head .udn-primary-nav .sub-menu a{font-size:16px;font-weight:500;line-height:1.5}
.section.cream>.wrap:has(>.feature-grid),.section:not(.cream)>.wrap:has(>.programs-grid){grid-template-columns:minmax(0,270px) minmax(0,1fr);gap:18px;align-items:stretch}
.section.cream>.wrap:has(>.feature-grid)>.section-heading,.section:not(.cream)>.wrap:has(>.programs-grid)>.section-heading{min-width:0;max-width:270px;margin:0}
.section.cream>.wrap:has(>.feature-grid)>.section-heading h2,.section:not(.cream)>.wrap:has(>.programs-grid)>.section-heading h2{font-family:var(--udn-font-localized,Lora,Georgia,serif);font-size:clamp(30px,3vw,43px);font-weight:400;line-height:1.14;overflow-wrap:normal;hyphens:auto;letter-spacing:-.025em}
.section.cream>.wrap:has(>.feature-grid)>.section-heading p{font-size:13px;line-height:1.75}
.section.cream>.wrap:has(>.feature-grid)>.feature-grid,.section:not(.cream)>.wrap:has(>.programs-grid)>.programs-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.section.cream .feature-card{min-height:265px;padding:18px 15px 16px;display:flex;flex-direction:column;align-items:stretch}
.section.cream .feature-card h3{font-family:var(--udn-font-localized,Lora,Georgia,serif);font-size:17px;font-weight:400;line-height:1.3;margin:0 0 10px;order:0}
.section.cream .feature-card .feature-mark{order:1;flex:1;display:flex;justify-content:center;align-items:center;min-height:80px}
.section.cream .feature-card .feature-mark svg{width:52px;height:52px}
.section.cream .feature-card .feature-description{order:2;font-family:var(--udn-font-localized,Montserrat,Arial,sans-serif);font-size:11.5px;line-height:1.65;color:#78818a;margin:0;min-height:38px}
.programs-grid .program-card{min-height:250px;padding:18px 15px;display:flex;flex-direction:column;justify-content:flex-start;gap:0}
.programs-grid .program-card .feature-mark{flex:0 0 auto;margin-bottom:8px}
.programs-grid .program-card .feature-mark svg{width:29px;height:29px}
.programs-grid .program-card h3{font:400 17px/1.3 var(--udn-font-localized,Lora,Georgia,serif);margin:0 0 9px;overflow-wrap:normal;hyphens:auto}
.programs-grid .program-card .program-description{font:400 11.5px/1.6 var(--udn-font-localized,Montserrat,Arial,sans-serif);color:#7b8490;margin:0 0 15px;flex:1}
.programs-grid .program-card>span:last-child{font:600 11.5px/1.5 var(--udn-font-localized,Montserrat,Arial,sans-serif);color:#07513f;margin-top:auto}
.udn-footer h3{font-size:17px}
.udn-footer p,.udn-footer address{font-size:15px}
.udn-footer-links,.udn-footer-grid>div:last-child>a{font-size:15px}
.udn-footer-bottom{font-size:14px}
.udn-footer-brand-title small{font-size:13px}
@media(max-width:1150px){.head .wrap{flex-wrap:wrap}.head .udn-primary-nav{flex-basis:100%}.head .udn-primary-nav>ul.menu{justify-content:center}.section.cream>.wrap:has(>.feature-grid),.section:not(.cream)>.wrap:has(>.programs-grid){grid-template-columns:minmax(0,240px) minmax(0,1fr)}.section.cream>.wrap:has(>.feature-grid)>.feature-grid,.section:not(.cream)>.wrap:has(>.programs-grid)>.programs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.head .udn-primary-nav>ul.menu{display:block}.section.cream>.wrap:has(>.feature-grid),.section:not(.cream)>.wrap:has(>.programs-grid){grid-template-columns:1fr}.section.cream>.wrap:has(>.feature-grid)>.section-heading,.section:not(.cream)>.wrap:has(>.programs-grid)>.section-heading{max-width:none}.section.cream>.wrap:has(>.feature-grid)>.feature-grid,.section:not(.cream)>.wrap:has(>.programs-grid)>.programs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section.cream .feature-card,.programs-grid .program-card{min-height:235px}}
@media(max-width:480px){.section.cream>.wrap:has(>.feature-grid)>.feature-grid,.section:not(.cream)>.wrap:has(>.programs-grid)>.programs-grid{grid-template-columns:1fr}.section.cream .feature-card,.programs-grid .program-card{min-height:210px}}

/* UDN v1.1 — readable, closer desktop navigation */
@media (min-width:1151px) {
  .head .wrap {max-width:1380px;gap:12px;justify-content:flex-start;padding-top:9px;padding-bottom:9px}
  .head .brand {flex:0 0 auto;gap:10px;margin-right:4px}
  .head .brand img {width:62px;height:62px}
  .head .udn-primary-nav {flex:1 1 auto;min-width:0}
  .head .udn-primary-nav>ul.menu {justify-content:flex-start;gap:clamp(11px,1.35vw,23px);flex-wrap:nowrap}
  .head .udn-primary-nav .menu>li>a {font-size:clamp(14px,1vw,16px);font-weight:600;letter-spacing:-.015em;white-space:nowrap}
}
.udn-utility-links a {font-size:14px;font-weight:600;padding:9px 13px}
.udn-utility-languages a {font-size:14px;font-weight:600}
@media (min-width:761px) and (max-width:1150px) {
  .head .wrap {gap:12px}
  .head .udn-primary-nav>ul.menu {justify-content:flex-start;gap:16px;flex-wrap:wrap}
  .head .udn-primary-nav .menu>li>a {font-size:15px;font-weight:600}
}
@media (max-width:850px) {
  .udn-utility-links a {font-size:13px;padding:8px 9px}
}
@media (max-width:760px) {
  .head .udn-primary-nav .menu>li>a {font-size:16px;font-weight:600}
}

/* v1.2 — submenu toggles and accessible back-to-top */
.head .udn-primary-nav li.menu-item-has-children,
.head .udn-primary-nav li.page_item_has_children{position:relative}
.head .udn-primary-nav li.menu-item-has-children > a,
.head .udn-primary-nav li.page_item_has_children > a{display:inline-flex;align-items:center}
.head .udn-primary-nav .udn-submenu-toggle{
 display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;
 width:28px;height:32px;margin-left:3px;padding:0;border:0;background:transparent;
 color:#07513f;cursor:pointer;border-radius:5px
}
.head .udn-primary-nav .udn-submenu-toggle svg{transition:transform .2s ease}
.head .udn-primary-nav .udn-submenu-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.head .udn-primary-nav .udn-submenu-toggle:hover{background:#f5f0e7}
.head .udn-primary-nav .udn-submenu-toggle:focus-visible{outline:2px solid #c4a16a;outline-offset:2px}
.head .udn-primary-nav li.udn-submenu-open > .sub-menu{display:block!important}
.udn-back-to-top{
 position:fixed;right:24px;bottom:24px;z-index:10000;
 width:48px;height:48px;border:1px solid #c4a16a;border-radius:50%;
 display:flex;align-items:center;justify-content:center;
 background:#063e34;color:white;font-size:25px;line-height:1;
 cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.18);
 opacity:0;visibility:hidden;transform:translateY(12px);
 transition:opacity .2s,transform .2s,visibility .2s
}
.udn-back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.udn-back-to-top:hover{background:#0b5b49}
.udn-back-to-top:focus-visible{outline:3px solid #c4a16a;outline-offset:3px}
@media(max-width:760px){
 .head .udn-primary-nav li.menu-item-has-children > a{max-width:calc(100% - 45px)}
 .head .udn-primary-nav .udn-submenu-toggle{width:42px;height:42px;margin-left:5px}
 .head .udn-primary-nav .sub-menu{display:none!important}
 .head .udn-primary-nav li:hover > .sub-menu,
 .head .udn-primary-nav li:focus-within > .sub-menu{display:none!important}
 .head .udn-primary-nav li.udn-submenu-open > .sub-menu{display:block!important}
 .udn-back-to-top{right:16px;bottom:18px;width:44px;height:44px}
}
@media(prefers-reduced-motion:reduce){
 .udn-back-to-top,.head .udn-primary-nav .udn-submenu-toggle svg{transition:none}
}


/* v1.3: alignment to language switcher, visible dropdown arrows, restored card layouts */
@media (min-width:1151px) {
 .head .wrap{max-width:1280px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:30px!important}
 .head .brand{margin-right:0!important;flex:0 0 auto!important}
 .head .udn-primary-nav{flex:1 1 auto!important;min-width:0!important}
 .head .udn-primary-nav>ul.menu{justify-content:flex-end!important;gap:clamp(14px,1.4vw,23px)!important;flex-wrap:nowrap!important}
}
.udn-utility-links a{font-weight:500!important}
.head .udn-primary-nav .menu>li{display:flex!important;align-items:center!important}
.head .udn-primary-nav .menu>li>a{font-weight:600}
.head .udn-primary-nav .menu>li>.udn-submenu-toggle{display:inline-flex!important;flex:0 0 22px!important;width:22px!important;height:30px!important;margin-left:2px!important;padding:0!important;color:#07513f!important;background:transparent!important;border:0!important;border-radius:4px!important;vertical-align:middle!important;cursor:pointer!important}
.head .udn-primary-nav .menu>li>.udn-submenu-toggle svg{width:13px;height:13px}
.head .udn-primary-nav .menu>li>.udn-submenu-toggle:focus-visible{outline:2px solid #c4a16a}
.head .udn-primary-nav li.udn-submenu-open>.sub-menu{display:block!important}
@media (min-width:1151px) {
 .section.cream>.wrap:has(>.feature-grid),.section:not(.cream)>.wrap:has(>.programs-grid){display:grid!important;grid-template-columns:minmax(0,270px) minmax(0,1fr)!important;column-gap:18px!important;align-items:stretch!important}
 .section.cream>.wrap:has(>.feature-grid)>.feature-grid,.section:not(.cream)>.wrap:has(>.programs-grid)>.programs-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
 .section.cream .feature-card{min-height:265px!important}
 .programs-grid .program-card{min-height:250px!important}
}
@media (max-width:760px){
 .head .udn-primary-nav .menu>li{flex-wrap:wrap}
 .head .udn-primary-nav .menu>li>a{flex:1}
 .head .udn-primary-nav .menu>li>.udn-submenu-toggle{width:42px!important;height:42px!important;flex-basis:42px!important}
 .head .udn-primary-nav .menu>li>.sub-menu{width:100%!important}
}

/* v1.4: reliable dropdown chevrons rendered by CSS independently of JS */
@media(min-width:761px){
.head .udn-primary-nav .menu > li.menu-item-has-children > a::after,
.head .udn-primary-nav .menu > li.page_item_has_children > a::after,
.head .udn-primary-nav .menu > li:has(> .sub-menu) > a::after{
 content:""!important;display:inline-block!important;position:static!important;
 width:6px!important;height:6px!important;margin-left:9px!important;margin-bottom:3px!important;
 border-right:1.6px solid currentColor!important;border-bottom:1.6px solid currentColor!important;
 border-top:0!important;border-left:0!important;background:none!important;
 transform:rotate(45deg)!important;vertical-align:middle!important;opacity:.8!important;
}
.head .udn-primary-nav .menu > li > .udn-submenu-toggle{display:none!important}
.head .udn-primary-nav .menu > li > a{white-space:nowrap}
}
@media(max-width:760px){
.head .udn-primary-nav .menu > li > .udn-submenu-toggle{display:inline-flex!important}
}


/* v1.5 — homepage sections: readable titles, no overlap, matching udn.kz proportions */
@media(min-width:1101px){
  body.home main#main-content>.section>.wrap:has(>.feature-grid){
    max-width:1280px!important;
    display:grid!important;
    grid-template-columns:minmax(0,285px) minmax(0,1fr)!important;
    gap:22px!important;
    align-items:stretch!important;
  }
  body.home main#main-content>.section>.wrap:has(>.feature-grid)>.section-heading{
    max-width:none!important;min-width:0!important;
    margin:0!important;align-self:start!important;
  }
  body.home main#main-content>.section>.wrap:has(>.feature-grid)>.feature-grid{
    display:grid!important;min-width:0!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px!important;
  }
}
body.home main#main-content>.section>.wrap:has(>.feature-grid)>.section-heading h2{
  font-family:var(--udn-font-localized,Lora,Georgia,serif)!important;
  font-size:clamp(31px,3vw,43px)!important;
  line-height:1.16!important;
  font-weight:400!important;
  letter-spacing:-.018em!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  hyphens:auto!important;
  max-width:100%!important;
  margin:12px 0 18px!important;
}
body.home main#main-content>.section>.wrap:has(>.feature-grid)>.section-heading p{
  font-size:13px!important;line-height:1.75!important;
}
body.home .section .feature-grid>.feature-card{
  min-width:0!important;
  overflow:visible!important;
  border-radius:12px!important;
}
body.home .section.cream .feature-grid>.feature-card{
  min-height:265px!important;
}
body.home .section:not(.cream) .feature-grid>.program-card{
  min-height:265px!important;
}
body.home .section .feature-grid>.feature-card h3{
  overflow-wrap:break-word!important;
  word-break:normal!important;
  hyphens:auto!important;
}
body.home .section .feature-grid>.feature-card p{
  overflow-wrap:break-word!important;
}
@media(min-width:761px) and (max-width:1100px){
  body.home main#main-content>.section>.wrap:has(>.feature-grid){
    display:grid!important;
    grid-template-columns:minmax(0,260px) minmax(0,1fr)!important;
    gap:24px!important;
  }
  body.home main#main-content>.section>.wrap:has(>.feature-grid)>.feature-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;
  }
  body.home main#main-content>.section>.wrap:has(>.feature-grid)>.section-heading{max-width:none!important}
}
@media(max-width:760px){
  body.home main#main-content>.section>.wrap:has(>.feature-grid){
    display:block!important;
  }
  body.home main#main-content>.section>.wrap:has(>.feature-grid)>.section-heading{
    max-width:none!important;margin-bottom:24px!important;
  }
  body.home main#main-content>.section>.wrap:has(>.feature-grid)>.feature-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;
  }
}
@media(max-width:480px){
  body.home main#main-content>.section>.wrap:has(>.feature-grid)>.feature-grid{
    grid-template-columns:1fr!important;
  }
}

/* v1.6: educational programs heading with deliberate line breaks */
body.home .section .udn-program-heading{font-family:var(--udn-font-localized,Lora,Georgia,serif)!important;font-weight:400!important;line-height:1.15!important;font-size:clamp(29px,2.8vw,42px)!important;letter-spacing:-.018em!important;white-space:normal!important;overflow:visible!important;word-break:normal!important;hyphens:none!important;margin:16px 0 18px!important;}
body.home .section .udn-program-underline{display:block;width:40px;height:2px;background:#c69b60;margin-top:12px;}
body.home .section .section-heading:has(.udn-program-heading){min-width:0!important;overflow:visible!important;}
body.home .section .section-heading:has(.udn-program-heading) .kicker{font-size:11px!important;letter-spacing:.10em!important;line-height:1.5!important;display:block!important;white-space:normal!important;}


/* v1.7 — larger mission cards and typography, aligned with header content */
@media (min-width:1151px){
 body.home .section.cream>.wrap:has(>.feature-grid){
  max-width:1380px!important;
  grid-template-columns:minmax(0,290px) minmax(0,1fr)!important;
  column-gap:24px!important;
  padding-left:20px!important;padding-right:20px!important;
 }
 body.home .section.cream>.wrap:has(>.feature-grid)>.feature-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
 }
}
body.home .section.cream .feature-grid>.feature-card{
 min-height:310px!important;
 padding:24px 19px 21px!important;
 border-radius:13px!important;
 display:flex!important;
 flex-direction:column!important;
}
body.home .section.cream .feature-grid>.feature-card h3{
 font-family:var(--udn-font-localized,Lora,Georgia,serif)!important;
 font-size:19px!important;
 font-weight:400!important;
 line-height:1.38!important;
 letter-spacing:-.012em!important;
 margin:0!important;
 min-height:53px!important;
}
body.home .section.cream .feature-grid>.feature-card .feature-mark{
 flex:1 1 auto!important;
 min-height:95px!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
}
body.home .section.cream .feature-grid>.feature-card .feature-mark svg{
 width:60px!important;height:60px!important;
}
body.home .section.cream .feature-grid>.feature-card .feature-description{
 font-family:var(--udn-font-localized,Montserrat,Arial,sans-serif)!important;
 font-size:13.5px!important;
 font-weight:400!important;
 line-height:1.7!important;
 min-height:68px!important;
 color:#63716e!important;
 margin:0!important;
}
@media(max-width:760px){
 body.home .section.cream .feature-grid>.feature-card{min-height:265px!important;padding:19px!important}
 body.home .section.cream .feature-grid>.feature-card h3{font-size:18px!important;min-height:0!important}
 body.home .section.cream .feature-grid>.feature-card .feature-description{font-size:13px!important;min-height:0!important}
}

/* v1.8 — larger education-program cards, matching mission section */
@media (min-width:1151px){
 body.home .section:not(.cream)>.wrap:has(>.programs-grid){
  max-width:1380px!important;
  grid-template-columns:minmax(0,290px) minmax(0,1fr)!important;
  column-gap:24px!important;
  padding-left:20px!important;padding-right:20px!important;
 }
 body.home .section:not(.cream)>.wrap:has(>.programs-grid)>.programs-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
 }
}
body.home .section .programs-grid>.program-card{
 min-height:310px!important;
 min-width:0!important;
 padding:24px 19px 21px!important;
 border-radius:13px!important;
 display:flex!important;
 flex-direction:column!important;
 align-items:flex-start!important;
 text-decoration:none!important;
}
body.home .section .programs-grid>.program-card .feature-mark{
 display:flex!important;align-items:center!important;justify-content:flex-start!important;
 min-height:68px!important;margin-bottom:12px!important;
}
body.home .section .programs-grid>.program-card .feature-mark svg{width:48px!important;height:48px!important}
body.home .section .programs-grid>.program-card h3{
 font-family:var(--udn-font-localized,Lora,Georgia,serif)!important;font-size:19px!important;
 font-weight:400!important;line-height:1.38!important;
 margin:0 0 12px!important;min-height:0!important;
 overflow-wrap:break-word!important;
}
body.home .section .programs-grid>.program-card .program-description{
 font-family:var(--udn-font-localized,Montserrat,Arial,sans-serif)!important;font-size:13.5px!important;
 font-weight:400!important;line-height:1.7!important;
 color:#63716e!important;margin:0 0 22px!important;
 overflow-wrap:break-word!important;
}
body.home .section .programs-grid>.program-card>span:last-child{
 margin-top:auto!important;font-size:13.5px!important;font-weight:500!important;
 color:#07513f!important;
}
@media(max-width:760px){
 body.home .section .programs-grid>.program-card{min-height:265px!important;padding:19px!important}
 body.home .section .programs-grid>.program-card h3{font-size:18px!important}
 body.home .section .programs-grid>.program-card .program-description{font-size:13px!important}
}
/* Editable hero text per slide */
.udn-slide-copy[hidden]{display:none!important}
.udn-slide-copy h1{font-weight:400}
body.home .section.cream .feature-grid>a.udn-mission-link{position:relative;cursor:pointer;text-decoration:none;color:inherit;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease}
body.home .section.cream .feature-grid>a.udn-mission-link:hover,body.home .section.cream .feature-grid>a.udn-mission-link:focus-visible{transform:translateY(-5px);box-shadow:0 16px 34px rgba(5,55,41,.16);border-color:#c4a16a;background:linear-gradient(145deg,#fff,#faf7ed)}
body.home .section.cream .feature-grid>a.udn-mission-link:focus-visible{outline:3px solid #b58a44;outline-offset:3px}
body.home .section.cream .feature-grid .udn-mission-more{order:3;display:flex;justify-content:space-between;align-items:center;font:700 11px/1.4 var(--udn-font-localized,Montserrat,Arial,sans-serif);color:#88652d;margin-top:12px}
body.home .section.cream .feature-grid .udn-mission-more span{font-size:18px;transition:transform .2s}
body.home .section.cream .feature-grid>a.udn-mission-link:hover .udn-mission-more span{transform:translate(3px,-3px)}
@media(prefers-reduced-motion:reduce){body.home .section.cream .feature-grid>a.udn-mission-link,body.home .section.cream .feature-grid .udn-mission-more span{transition:none}}

/* v1.8.9 — rich emerald behind the text, gradually lighter to the right */
body.home .hero::before { display:none!important; }
body.home .hero .hero-slides { position:absolute; inset:0; z-index:-2; isolation:isolate; }
body.home .hero .hero-slides .hero-slide { z-index:0; }
body.home .hero .hero-slides::after {
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(0,43,28,.98) 0%,
      rgba(0,55,34,.95) 20%,
      rgba(0,65,39,.84) 40%,
      rgba(0,76,44,.62) 58%,
      rgba(0,86,48,.34) 78%,
      rgba(0,94,53,.12) 100%),
    linear-gradient(0deg,rgba(0,35,22,.20),transparent 32%);
}
@media(max-width:700px){
  body.home .hero .hero-slides::after {
    background:linear-gradient(90deg,rgba(0,43,28,.96) 0%,rgba(0,65,39,.86) 45%,rgba(0,86,48,.64) 100%);
  }
}

/* v1.8.8 — editorial news archive */
.udn-news-archive{background:#faf9f6;padding:0 0 76px;color:#06234a}
.udn-news-archive>.wrap{max-width:1280px}
.udn-news-banner{min-height:185px;background:#062958;color:#fff;border-radius:0 0 10px 10px;padding:35px 42px;display:flex;align-items:end;justify-content:space-between;gap:32px;position:relative;overflow:hidden}
.udn-news-banner:after{content:"";position:absolute;right:35px;top:-42px;width:210px;height:210px;border:1px solid #ffffff30;border-radius:50%;pointer-events:none}
.udn-news-banner h1{font:400 clamp(34px,4vw,55px)/1.2 var(--udn-font-localized,Lora,Georgia,serif);margin:8px 0 0;color:#fff}
.udn-news-eyebrow{font-size:12px;color:#dfad6c}
.udn-news-banner p{max-width:270px;font-size:13px;line-height:1.6;border-left:1px solid #ffffff65;padding-left:18px;margin:0 0 9px;position:relative;z-index:1}
.udn-news-filters{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #dbe3e9;border-radius:9px;padding:12px;margin:26px 0}
.udn-news-filters input{min-width:0;flex:1;padding:12px 13px;border:1px solid #dce2e7;border-radius:5px;font:inherit;font-size:13px}
.udn-news-filters select{width:220px;max-width:40%;padding:12px 9px;border:1px solid #dce2e7;border-radius:5px;background:#fff;color:#06234a}
.udn-news-filters button{background:#062958;color:#fff;border:0;border-radius:5px;padding:12px 20px;cursor:pointer}
.udn-news-list-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.udn-news-list-card{min-width:0;background:#fff;border:1px solid #dce3e8;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 16px #09213a0a}
.udn-news-list-photo{display:block;aspect-ratio:1.8;overflow:hidden;background:#edf3f7}
.udn-news-list-photo>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.udn-news-list-photo:hover>img{transform:scale(1.04)}
.udn-news-list-fallback{width:100%;height:100%;display:grid;place-items:center}
.udn-news-list-fallback img{width:70px;height:70px;object-fit:contain;filter:grayscale(1);opacity:.55}
.udn-news-list-content{padding:18px 17px;flex:1}
.udn-news-list-category{display:inline-block;border:1px solid #dce3e8;border-radius:30px;padding:3px 10px;font-size:11px;color:#062958}
.udn-news-list-content h2{font:600 19px/1.4 var(--udn-font-localized,Lora,Georgia,serif);margin:22px 0 14px;overflow-wrap:anywhere}
.udn-news-list-content h2 a{color:#06234a;text-decoration:none}
.udn-news-list-content h2 a:hover{color:#07513f}
.udn-news-list-content p{font-size:13px;line-height:1.6;color:#78849a;margin:0}
.udn-news-list-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;border-top:1px solid #e4e9ed;background:#fbfcfd;padding:12px 13px;font-size:11px;color:#7a8698}
.udn-news-list-meta span{white-space:nowrap;border:1px solid #dce3e8;border-radius:20px;padding:2px 6px;color:#062958}
.udn-news-pagination{margin:36px auto;text-align:center}
.udn-news-pagination ul{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;list-style:none;padding:0}
.udn-news-pagination a,.udn-news-pagination span{display:inline-block;padding:8px 12px;border-radius:5px;text-decoration:none;color:#062958}
.udn-news-pagination .current{background:#062958;color:white}
.udn-news-no-results{padding:35px;text-align:center;background:white;border-radius:8px}
@media(max-width:1050px){.udn-news-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.udn-news-list-grid{grid-template-columns:1fr}.udn-news-banner{padding:28px 20px;display:block}.udn-news-banner p{margin-top:16px}.udn-news-filters{flex-wrap:wrap}.udn-news-filters input{flex-basis:calc(100% - 90px)}.udn-news-filters select{width:100%;max-width:none}.udn-news-list-photo{aspect-ratio:16/9}}


/* v1.8.10 — consistent Kazakh glyphs across headings, navigation and body text. */
body.udn-lang-kk{--udn-font-localized:"UDN Noto Sans",Arial,sans-serif}
body.udn-lang-kk button,
body.udn-lang-kk input,
body.udn-lang-kk select,
body.udn-lang-kk textarea{font-family:var(--udn-font-localized)}
body.udn-lang-kk .hero h1{
  font-size:clamp(28px,3vw,48px);
  font-weight:500!important;
  line-height:1.24;
  letter-spacing:0;
  max-width:800px;
}
body.udn-lang-kk .head .brand span{font-weight:600;line-height:1.35}
body.udn-lang-kk .hero-desc{line-height:1.75}

/* v1.8.11 — move the desktop logo and university name slightly left. */
@media (min-width:1151px){
  .head .brand{position:relative;left:-16px}
}