:root{--ink:#092442;--muted:#60758b;--primary:#007ca8;--line:#dce7f1;--paper:#f5f8fc;--cyan:#00c8f0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans Khmer","Khmer OS Battambang","Leelawadee UI",Arial,sans-serif;font-size:15px;line-height:1.9}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #00bde8;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.65}h1{font-size:36px}h2{font-size:24px}h3{font-size:19px}.container{max-width:1220px;padding:0 32px;margin:auto}.topbar{background:#061a32;color:#e4f3ff;font-size:11px;padding:7px 0}.topbar .container{display:flex;justify-content:space-between}.top-note{opacity:.7}.header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{height:106px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:12px;font-family:Arial,sans-serif;font-size:24px;font-weight:800;line-height:1.05;min-width:240px}.brand-mark{width:48px;height:52px;border-radius:14px;background:var(--primary);color:white;display:grid;place-content:center;font-size:29px;position:relative}.brand-mark>span{position:absolute;bottom:4px;right:7px;font-size:10px}.brand-digital{margin-left:5px;color:var(--primary)}.brand-dot{color:#00c8f0}.brand small{display:block;font-size:10px;color:var(--muted);font-family:"Leelawadee UI",sans-serif;font-weight:400;letter-spacing:1px;margin-top:10px}nav{display:flex;justify-content:center;gap:25px;flex:1;font-size:13px;font-weight:600}nav a{padding:8px 0;position:relative;white-space:nowrap}nav a.active,nav a:hover{color:var(--primary)}nav a.active:after{content:"";width:19px;height:3px;background:var(--primary);position:absolute;bottom:0;left:calc(50% - 9px)}.header-search{font-size:30px;border-left:1px solid var(--line);padding-left:25px;line-height:1}.menu-button{display:none;border:0;background:none;font-size:25px}.intro{display:flex;justify-content:space-between;align-items:center;padding:45px 0 30px}.eyebrow{font-size:11px;letter-spacing:1.6px;color:var(--primary);font-weight:700}.intro h1{margin:9px 0 11px;font-size:34px;letter-spacing:-.6px}.intro h1 span{color:var(--primary)}.intro p,.page-heading p{color:var(--muted);margin:0;font-size:14px}.intro-badge{display:flex;gap:14px;align-items:center;font-size:40px;color:var(--primary)}.intro-badge>span{font-size:12px;line-height:1.8;color:var(--muted)}.intro-badge strong{color:var(--ink);font-size:13px}.featured{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white;min-height:390px}.hero-art{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:390px}.art-tech{background:radial-gradient(ellipse at 25% 30%,#087eaf,transparent 65%),linear-gradient(140deg,#063763,#03172e);color:#d2f5ff}.hero-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:40px 40px}.orb{position:absolute;border:1px solid #00c8f050;border-radius:50%;width:280px;height:280px}.orb-one{left:-100px;bottom:-110px}.orb-two{right:-100px;top:-70px;width:230px;height:230px}.device{width:310px;height:235px;border:1px solid #00c8f070;border-radius:16px;background:linear-gradient(130deg,#00c8f022,#041a36e6);box-shadow:0 35px 40px #00112490;transform:rotate(-9deg);position:relative}.device-top{height:35px;border-bottom:1px solid #ffffff20;display:flex;gap:6px;align-items:center;padding-left:15px}.device-top i{width:5px;height:5px;background:#69dfff;border-radius:50%}.device-content{padding:18px 26px}.device-content>span{float:right;font-size:65px;color:#00c8f0}.device-content strong{font-size:27px;line-height:1.7}.device-lines{height:7px;width:120px;background:#00c8f080;border-radius:6px;margin-top:20px;box-shadow:0 16px 0 #00c8f040}.art-caption{position:absolute;bottom:24px;left:28px;font:9px Arial;letter-spacing:3px;color:#b7e9ff}.hero-copy{padding:32px 38px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.featured-tag{font-size:10px;padding:3px 10px;border-radius:5px;background:#e5f6fc;color:#00688e;margin-bottom:17px}.category-label{font-size:11px;font-weight:700;color:var(--primary)}.hero-copy h2{font-size:27px;margin:8px 0 14px;line-height:1.7}.hero-copy p{color:var(--muted);font-size:13px;margin-bottom:15px}.meta{font-size:10px;color:var(--muted)}.meta>span{margin:0 7px;color:#97aabd}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;background:var(--primary);color:#fff;border:0;border-radius:7px;padding:11px 20px;font-size:12px;cursor:pointer}.button:hover{background:#00638a}.hero-copy .button{margin-top:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.section-heading h2{font-size:22px;margin:0}.section-heading>span{font-size:11px;color:var(--muted)}.section-heading>a{font-size:12px;color:var(--primary)}.category-section{margin-top:39px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.category-tile{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:19px 16px;transition:transform .15s,border-color .15s}.category-tile:hover{transform:translateY(-3px);border-color:#71c9e6}.tile-icon{width:39px;height:43px;display:grid;place-items:center;border-radius:10px;background:#e4f5fc;color:var(--primary);font-size:24px}.category-tile:nth-child(2) .tile-icon{background:#eaf0fb;color:#3557b9}.category-tile:nth-child(3) .tile-icon{background:#f0eafe;color:#7942b4}.category-tile:nth-child(4) .tile-icon{background:#e9f7f6;color:#127c80}.category-tile strong{display:block;font-size:13px}.category-tile small{font-size:10px;color:var(--muted)}.tile-arrow{margin-left:auto;color:var(--muted)}.latest{margin:43px 0}.heading-dot{display:inline-block;width:7px;height:7px;background:#00bde8;border-radius:50%;vertical-align:middle;margin-left:9px}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.article-card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .2s}.article-card:hover{transform:translateY(-4px)}.card-art{height:185px;position:relative;display:grid;place-items:center;overflow:hidden}.art-symbol{font-family:Arial,sans-serif;font-size:100px;line-height:1;transform:rotate(-10deg);opacity:.85}.card-art:before,.detail-art:before{content:"";position:absolute;width:190px;height:190px;border:1px solid #ffffff60;border-radius:50%;right:-40px;top:-55px;box-shadow:0 0 0 35px #ffffff12,0 0 0 70px #ffffff0a}.art-security{background:linear-gradient(145deg,#2e8fc2,#092a55);color:#e4f3fa}.art-books{background:linear-gradient(140deg,#837bc4,#3d3372);color:#f0eaff}.art-nature{background:linear-gradient(145deg,#51a9b6,#0a536a);color:#d9faff}.art-city{background:linear-gradient(140deg,#3d84b2,#112e54);color:#e2f4ff}.art-desk{background:linear-gradient(145deg,#599dc7,#28436c);color:#e0f5ff}.card-body{padding:20px 22px}.card-body h3{margin:7px 0 10px;font-size:18px}.card-body h3 a:hover{color:var(--primary)}.card-body p{color:var(--muted);font-size:12px;margin-bottom:17px}.discovery{display:flex;align-items:center;gap:25px;padding:30px;background:#e9f4fc;border:1px solid #cde4f4;border-radius:12px;margin:50px 0}.discovery-icon{font-size:65px;color:var(--primary)}.discovery h2{font-size:22px;margin:6px 0}.discovery p{color:var(--muted);font-size:12px;margin:0}.discovery .button{margin-left:auto;white-space:nowrap}footer{background:#fff;border-top:1px solid var(--line);margin-top:50px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:60px;padding-top:42px;padding-bottom:35px}.footer-brand{font:800 24px Arial;color:var(--ink)}.footer-brand span{color:var(--primary)}footer p{font-size:12px;color:var(--muted);margin-top:15px}footer h3{font-size:13px;margin-bottom:14px}.footer-grid>div>a:not(.footer-brand){display:block;font-size:11px;color:var(--muted);margin:6px 0}.footer-grid>div>a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:17px;padding-bottom:20px;font-size:10px;color:var(--muted)}.footer-spark{color:var(--primary);font-size:18px;margin-left:10px}.page-heading{padding:45px 0 25px}.page-heading h1{margin:12px 0;font-size:34px}.search-form{display:flex;gap:12px;max-width:720px;margin:10px 0 20px}.search-form input{flex:1;min-width:0;border:1px solid #cddfec;border-radius:8px;background:#fff;padding:12px 18px}.results-count{font-size:12px;color:var(--muted)}.archive-grid{margin-bottom:60px}.empty-state{text-align:center;padding:80px 20px}.empty-state p{color:var(--muted)}.empty-state>a{color:var(--primary)}.empty-state>a.button{color:#fff}.article-detail{max-width:850px;margin:35px auto}.breadcrumb{font-size:11px;color:var(--muted);margin-bottom:28px}.breadcrumb a:hover{color:var(--primary)}.article-detail h1{font-size:37px;margin:12px 0 18px}.article-lead{font-size:17px;color:var(--muted)}.detail-art{height:330px;margin:30px 0;border-radius:15px;display:grid;place-items:center;position:relative;overflow:hidden}.detail-art .art-symbol{font-size:160px}.prose{font-size:16px;line-height:2.1}.prose p{margin-bottom:25px}.prose h2{font-size:22px;margin-top:30px}.legal{max-width:840px;padding:10px 0 35px}.editorial-note{border-left:3px solid var(--primary);background:#e9f4fc;padding:18px 22px;font-size:12px;color:#48647d}.skip-link{position:absolute;top:-100px;left:20px;background:#fff;z-index:20;padding:10px}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1000px){.article-grid .article-card:nth-child(4),.article-grid .article-card:nth-child(5){grid-column:auto}}
@media(max-width:1050px){nav{gap:15px;font-size:12px}.brand{min-width:210px;font-size:22px}.header-inner{gap:15px}.header-search{padding-left:15px}.hero-copy{padding:25px}.hero-copy h2{font-size:24px}.category-tile{padding:15px 12px;gap:9px}.category-tile strong{font-size:12px}.intro-badge{display:none}}
@media(max-width:800px){.container{padding-left:22px;padding-right:22px}.header-inner{height:85px}.header-search{margin-left:auto}.menu-button{display:block}nav{display:none;position:absolute;left:0;right:0;top:119px;z-index:10;background:white;border-bottom:1px solid var(--line);padding:20px;flex-direction:column;gap:8px}nav.is-open{display:flex}nav a.active:after{left:0;bottom:4px}.top-note{display:none}.intro{padding-top:30px}.intro h1{font-size:28px}.featured{grid-template-columns:1fr 1fr}.hero-art{min-height:360px}.device{width:230px;height:220px}.device-content strong{font-size:22px}.hero-copy h2{font-size:21px}.hero-copy{padding:24px}.hero-copy p{font-size:12px}.category-grid{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery{flex-wrap:wrap;gap:15px}.discovery>div:nth-child(2){flex:1}.discovery .button{margin-left:0}.footer-grid{gap:30px;grid-template-columns:1.5fr 1fr 1.5fr}.article-detail h1{font-size:29px}}
@media(max-width:560px){.container{padding-left:18px;padding-right:18px}.topbar{font-size:10px}.brand{min-width:0;font-size:21px}.brand-mark{width:39px;height:44px;font-size:26px}.brand small{font-size:9px}.header-inner{gap:12px}.intro h1{font-size:25px}.intro p{font-size:12px}.eyebrow{font-size:9px}.featured{grid-template-columns:1fr}.hero-art{min-height:280px}.device{width:260px;height:210px}.hero-copy{padding:25px}.hero-copy h2{font-size:24px}.category-section{margin-top:30px}.section-heading h2{font-size:18px}.section-heading>span{display:none}.section-heading>a{font-size:10px}.category-grid{gap:10px}.category-tile{padding:14px 10px}.tile-icon{width:30px;height:35px;font-size:21px}.category-tile strong{font-size:11px}.tile-arrow{font-size:13px}.article-grid{grid-template-columns:1fr;gap:20px}.card-art{height:205px}.card-body h3{font-size:20px}.discovery{padding:22px}.discovery-icon{display:none}.discovery h2{font-size:20px}.discovery>div:nth-child(2){flex-basis:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:25px;padding-top:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.page-heading h1{font-size:28px}.article-detail h1{font-size:27px}.article-lead{font-size:15px}.prose{font-size:15px}.detail-art{height:240px}.search-form .button{padding:10px 14px;gap:5px}.search-form input{padding:10px 12px}.legal{padding-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Facebook Page palette: navy foundations, cyan highlights, white reading surfaces. */
.cover-image { display:block; width:100%; height:auto; object-fit:contain; position:relative; z-index:1; }
/* Uploaded covers retain their original proportions, including text at the top. */
.card-art.has-cover, .detail-art.has-cover { height:auto; display:block; }
.hero-art.has-cover { min-height:0; }
.has-cover:before { display:none; }
.prose pre { white-space:pre-wrap; overflow-wrap:anywhere; padding:16px; background:#e9f1f8; border-radius:8px; }
.prose table { display:block; overflow-x:auto; max-width:100%; border-collapse:collapse; }
.prose td, .prose th { padding:8px; border:1px solid var(--line); }
.prose a { color:var(--primary); text-decoration:underline; overflow-wrap:anywhere; }
.header-inner { position:relative; }
nav { flex-wrap:wrap; column-gap:18px; row-gap:0; }
@media(min-width:801px) { nav { max-width:750px; } }
:root {
  --navy: #061a32;
  --cyan: #00c8f0;
  --primary: #007ca8;
}
.header {
  background: linear-gradient(110deg, var(--navy), #07345b);
  border-bottom: 2px solid var(--cyan);
  color: #fff;
}
.brand-mark {
  background: linear-gradient(145deg, #007ca8, #004b85);
  border: 1px solid #00c8f080;
  box-shadow: 0 0 20px #00c8f01a;
}
.brand-digital, .brand-dot { color: var(--cyan); }
.brand small { color: #b6cce0; }
nav a.active, nav a:hover { color: var(--cyan); }
nav a.active:after { background: var(--cyan); }
.header-search { color: #c9f3ff; border-color: #ffffff26; }
.menu-button { color: #fff; }
.featured { border-color: #cddfec; box-shadow: 0 8px 30px #052c5510; }
.hero-art { box-shadow: inset 0 0 70px #00102050; }
.button {
  background: linear-gradient(110deg, #006b99, #007ca8);
  box-shadow: 0 4px 12px #007ca81a;
}
.button:hover { background: #005e88; }
.discovery {
  background: radial-gradient(ellipse at right, #084875, transparent 65%), var(--navy);
  color: #fff;
  border-color: #125b82;
}
.discovery .eyebrow, .discovery-icon { color: var(--cyan); }
.discovery p { color: #bdd4e8; }
footer {
  background: linear-gradient(120deg, var(--navy), #082c4c);
  color: #fff;
  border-top: 3px solid var(--cyan);
}
.footer-brand { color: #fff; }
.footer-brand span, .footer-spark { color: var(--cyan); }
footer p, .footer-grid>div>a:not(.footer-brand), .footer-bottom { color: #b9cde0; }
.footer-grid>div>a:hover { color: var(--cyan); }
.footer-bottom { border-color: #ffffff20; }
@media(max-width:800px) {
  nav { background: var(--navy); border-bottom-color: #125b82; top:100%; }
}

/* Compact category navigation: four groups with accessible dropdowns. */
#navigation { flex-wrap: nowrap; gap: 16px; }
.nav-group { position: relative; }
.nav-parent { display: flex; align-items: center; gap: 3px; }
.submenu-toggle { display: grid; place-items: center; width: 28px; height: 36px; padding: 0; border: 0; border-radius: 6px; color: inherit; background: transparent; cursor: pointer; font: inherit; }
.submenu-toggle:hover, .submenu-toggle[aria-expanded="true"] { color: var(--cyan); background: #ffffff12; }
.submenu-toggle span { transition: transform .15s; }
.submenu-toggle[aria-expanded="true"] span { transform: rotate(180deg); }
.nav-submenu { display: none; position: absolute; top: 100%; left: 0; min-width: 230px; padding: 10px; background: rgba(20, 55, 83, .86); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(0, 200, 240, .22); border-top: 2px solid rgba(0, 200, 240, .65); border-radius: 0 0 12px 12px; box-shadow: 0 8px 20px rgba(0, 17, 38, .12); z-index: 30; }
#navigation .nav-submenu a { display: block; padding: 10px 14px; border-radius: 6px; white-space: normal; line-height: 1.7; }
#navigation .nav-submenu a:hover, #navigation .nav-submenu a.active { background: #ffffff0d; color: var(--cyan); }
#navigation .nav-submenu a.active::after { display: none; }
.nav-group.is-open > .nav-submenu, #navigation:not(.has-dropdown-js) .nav-group:focus-within > .nav-submenu { display: block; }
#navigation a:focus-visible, .submenu-toggle:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
@media (hover: hover) and (pointer: fine) and (min-width: 801px) {
  #navigation:not(.has-dropdown-js) .nav-group:hover > .nav-submenu { display: block; }
}
@media (min-width: 801px) {
  #navigation { max-width: none; }
  .nav-group:last-child .nav-submenu { left: auto; right: 0; }
}
@media (min-width: 801px) and (max-width: 1050px) {
  #navigation { gap: 8px; }
  .submenu-toggle { width: 22px; }
}
@media (max-width: 800px) {
  #navigation { gap: 4px; max-height: calc(100dvh - 130px); overflow-y: auto; align-items: stretch; }
  .nav-parent { justify-content: space-between; }
  .nav-parent > a { flex: 1; }
  .submenu-toggle { width: 44px; height: 44px; }
  .nav-submenu { position: static; min-width: 0; margin: 0 0 8px; padding: 4px 8px; border: 0; border-left: 2px solid var(--cyan); border-radius: 0; box-shadow: none; background: #ffffff08; }
}

.brand-name { font-size: 24px; white-space: nowrap; }
.brand { min-width: 0; }
.language-switch { display: flex; align-items: center; gap: 2px; padding: 3px; border: 1px solid #ffffff30; border-radius: 8px; flex-shrink: 0; font-size: 12px; }
.language-switch a { padding: 5px 7px; border-radius: 5px; color: #fff; }
.language-switch a.selected { color: var(--navy); background: var(--cyan); font-weight: 700; }
.language-switch a:focus-visible { outline: 2px solid white; outline-offset: 2px; }
@media (min-width: 801px) and (max-width: 1200px) {
 .header-inner { gap: 10px; }
 .brand-name { font-size: 20px; }
 #navigation { gap: 8px; font-size: 12px; }
}
@media (max-width: 560px) {
 .brand-name { font-size: 16px; }
 .brand { gap: 8px; }
 .brand-mark { width: 40px; height: 44px; font-size: 26px; }
 .brand small { font-size: 9px; }
 .header-inner { gap: 8px; }
 .language-switch { margin-left: auto; font-size: 11px; }
 .language-switch a { padding: 4px; }
 .header-search { display: none; }
}

/* Display the approved KDN emblem from the original logo artwork. */
.brand-logo { display: block; position: relative; width: 60px; height: 60px; overflow: hidden; flex-shrink: 0; border-radius: 16px; }
.brand-logo img { position: absolute; width: 327%; max-width: none; height: auto; left: -114%; top: -43%; }
@media (max-width: 560px) {
 .brand-logo { width: 42px; height: 42px; border-radius: 12px; }
}