/* Generated: local-fonts + main + responsive + mobile-fixes + portal + khmer. Rebuild after editing any of them. */ @font-face { font-family: "Battambang"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/battambang-400-khmer.woff2") format("woff2"); unicode-range: U+1780-17FF, U+19E0-19FF, U+200C-200D, U+25CC; } @font-face { font-family: "Battambang"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/battambang-400-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122, U+FEFF, U+FFFD; } @font-face { font-family: "Battambang"; font-style: normal; font-weight: 600 700; font-display: swap; src: url("../fonts/battambang-700-khmer.woff2") format("woff2"); unicode-range: U+1780-17FF, U+19E0-19FF, U+200C-200D, U+25CC; } @font-face { font-family: "Battambang"; font-style: normal; font-weight: 600 700; font-display: swap; src: url("../fonts/battambang-700-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122, U+FEFF, U+FFFD; } @font-face { font-family: "Kantumruy Pro"; font-style: normal; font-weight: 400 600; font-display: swap; src: url("../fonts/kantumruy-pro-khmer.woff2") format("woff2"); unicode-range: U+1780-17FF, U+19E0-19FF, U+200C-200D, U+25CC; } @font-face { font-family: "Kantumruy Pro"; font-style: normal; font-weight: 400 600; font-display: swap; src: url("../fonts/kantumruy-pro-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0100-02FF, U+2000-206F, U+20AC, U+2122, U+FEFF, U+FFFD; } @font-face { font-family: "Inter"; font-style: normal; font-weight: 400 600; font-display: swap; src: url("../fonts/inter-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0100-02FF, U+2000-206F, U+20AC, U+2122, U+FEFF, U+FFFD; } :root{--khmerline-gold:#18735b;--khmerline-gold-light:#2f9d7f;--khmerline-gold-dark:#0f5a47;--khmerline-brown:#4E3000;--khmerline-deep-brown:#2B1800;--khmerline-background:#fff;--khmerline-background-soft:#FAF8F3;--khmerline-background-beige:#F5F0E7;--khmerline-text:#181818;--khmerline-text-secondary:#555;--khmerline-text-muted:#777;--khmerline-border:#DED8CE;--khmerline-border-light:#ECE7DE;--khmerline-breaking:#D71920;--container:1220px} [data-theme=dark]{--khmerline-background:#111;--khmerline-background-soft:#181818;--khmerline-background-beige:#1D1A16;--khmerline-text:#F4F4F4;--khmerline-text-secondary:#BDBDBD;--khmerline-text-muted:#929292;--khmerline-border:#333;--khmerline-border-light:#292929;--khmerline-gold:#C88A17;--khmerline-gold-light:#D69A2A} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--khmerline-background);color:var(--khmerline-text);font-family:"Kantumruy Pro",Inter,Arial,sans-serif;font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--khmerline-gold)}img{max-width:100%;height:auto}button,input,textarea{font:inherit}.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;z-index:9999;padding:10px 14px;background:var(--khmerline-deep-brown);color:#fff;transform:translateY(-150%)}.skip-link:focus{transform:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--khmerline-gold-light);outline-offset:3px}.site-header{background:var(--khmerline-background);border-bottom:1px solid var(--khmerline-gold)}.site-header.is-sticky{position:sticky;top:0;z-index:100}.header-main{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;min-height:104px}.custom-logo{display:block;max-height:78px;width:auto}.text-logo{font:700 28px/1 Inter,sans-serif;letter-spacing:-1.5px;color:var(--khmerline-deep-brown)}.text-logo span{color:var(--khmerline-gold-light)}[data-theme=dark] .text-logo{color:#fff}.header-clock{display:flex;gap:18px;align-items:center;color:var(--khmerline-text-secondary);font-size:15px;border-left:1px solid var(--khmerline-border);padding-left:30px}.header-clock strong{font:600 19px/1 Inter,sans-serif;color:var(--khmerline-gold)}.header-actions{display:flex;gap:6px}.icon-button{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;background:transparent;color:var(--khmerline-text);cursor:pointer}.icon-button:hover{color:var(--khmerline-gold)}.icon-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.menu-toggle{display:none}.primary-navigation{border-top:1px solid var(--khmerline-border-light);border-bottom:1px solid var(--khmerline-border)}.nav-menu{display:flex;justify-content:center;gap:30px;margin:0;padding:0;list-style:none;white-space:nowrap}.nav-menu a{display:block;padding:12px 0;font-family:Battambang,sans-serif;font-size:15px}.nav-menu .current-menu-item>a,.nav-menu a:hover{color:var(--khmerline-gold);box-shadow:inset 0 -2px var(--khmerline-gold)}.breaking-line{border-bottom:1px solid var(--khmerline-border-light)}.breaking-inner{display:flex;align-items:center;min-height:48px}.live-label{flex:none;color:var(--khmerline-breaking);font-weight:600;margin-right:20px}.live-label i{display:inline-block;width:8px;height:8px;margin-right:7px;background:var(--khmerline-breaking);border-radius:50%}.breaking-scroll{display:flex;overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.breaking-scroll a{padding:0 20px;border-left:1px solid var(--khmerline-border);font-size:15px}.breaking-scroll time{color:var(--khmerline-gold);margin-right:6px}.site-main{padding:44px 0 72px}.homepage-section{padding:0 0 54px;margin:0 0 52px;border-bottom:1px solid var(--khmerline-border)}.section-title{position:relative;margin:0 0 26px;color:var(--khmerline-gold);font:600 27px/1.4 Battambang,sans-serif}.section-title:after{content:"";display:block;width:42px;height:2px;margin-top:7px;background:var(--khmerline-gold)}.lead-grid,.latest-popular{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,2fr);gap:0}.lead-primary,.latest-column{padding-right:46px}.lead-secondary,.popular-column{padding-left:46px;border-left:1px solid var(--khmerline-border)}.khmerline-category{display:inline-block;color:var(--khmerline-gold);font-size:14px;font-weight:600}.lead-primary h1{margin:12px 0 18px;font:600 clamp(34px,3.6vw,46px)/1.42 Battambang,sans-serif;letter-spacing:-.5px}.lead-excerpt{max-width:720px;color:var(--khmerline-text-secondary);font-size:18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-meta,.article-meta{display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--khmerline-text-muted);font-size:14px;margin-top:18px}.lead-image{display:block;margin-top:24px}.lead-secondary article{padding:0 0 26px;margin:0 0 26px;border-bottom:1px solid var(--khmerline-border-light)}.lead-secondary article:last-child{border:0;margin:0}.lead-secondary h3{margin:8px 0;font:600 23px/1.55 Battambang,sans-serif}.timeline-list article{display:grid;grid-template-columns:76px 1fr;gap:20px;padding:17px 0;border-bottom:1px solid var(--khmerline-border-light)}.timeline-list article>time,.text-list time{color:var(--khmerline-gold);font:500 15px/1.8 Inter,sans-serif}.timeline-list h3{margin:2px 0;font:500 20px/1.6 Battambang,sans-serif}.more-link{display:inline-block;margin-top:25px;color:var(--khmerline-gold);font-weight:600}.popular-list{margin:0;padding:0;list-style:none}.popular-list li{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;padding:18px 0;border-bottom:1px solid var(--khmerline-border-light)}.popular-list span{display:grid;place-items:center;width:32px;height:32px;background:var(--khmerline-gold);color:#fff;font:600 16px Inter,sans-serif}.popular-list a{font-family:Battambang,sans-serif;line-height:1.6}.category-grid{display:grid;grid-template-columns:repeat(4,1fr)}.category-column{padding:0 26px;border-left:1px solid var(--khmerline-border)}.category-column:first-child{padding-left:0;border:0}.category-column:last-child{padding-right:0}.category-column article{padding:14px 0;border-bottom:1px solid var(--khmerline-border-light)}.category-column h3{margin:0 0 7px;font:500 17px/1.6 Battambang,sans-serif}.category-column time{color:var(--khmerline-gold);font-size:13px}.members-section{padding:54px 0;background:var(--khmerline-background-beige)}.section-description{margin:-16px 0 30px;color:var(--khmerline-text-secondary)}.members-grid{display:grid;grid-template-columns:repeat(4,1fr)}.member-item{padding:0 28px;border-left:1px solid var(--khmerline-border)}.member-item:first-child{padding-left:0;border:0}.member-item:nth-child(4n+1){border-left:0}.member-item img{width:auto;max-height:42px;margin-bottom:12px}.member-item h3{margin:0 0 10px;font:600 20px Battambang,sans-serif}.member-item div{color:var(--khmerline-text-secondary);font-size:15px}.member-item>a{display:inline-block;margin-top:16px;color:var(--khmerline-gold)}.prefooter{display:flex;justify-content:space-between;gap:30px;padding-top:34px;padding-bottom:34px}.social-links,.useful-links{display:flex;flex-wrap:wrap;gap:12px 25px;font-size:14px}.social-links a{color:var(--khmerline-gold)}.site-footer{background:linear-gradient(120deg,var(--khmerline-deep-brown),#543200);color:#f8f2e8;padding:30px 0}.footer-inner{display:flex;align-items:center;gap:28px}.footer-brand img{max-height:42px;width:auto}.footer-inner p{margin:0;margin-right:auto;font-size:14px}.footer-inner ul{display:flex;gap:18px;margin:0;padding:0;list-style:none;font-size:13px}.back-to-top{width:42px;height:42px;border:1px solid #ffffff55;background:transparent;color:#fff;cursor:pointer}.breadcrumbs{margin:0 0 36px;font-size:13px;color:var(--khmerline-text-muted)}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.breadcrumbs li+li:before{content:"/";margin-right:8px}.single-article,.page-article{max-width:780px;margin-inline:auto}.article-header{padding-bottom:28px;border-bottom:1px solid var(--khmerline-border)}.article-header h1,.page-article h1{margin:12px 0 18px;font:600 clamp(34px,4.2vw,50px)/1.42 Battambang,sans-serif}.article-intro{font-size:20px;color:var(--khmerline-text-secondary)}.summary-box{margin:32px 0;padding:20px 24px;background:var(--khmerline-background-beige);border-top:3px solid var(--khmerline-gold)}.summary-box h2{margin:0 0 10px;font:600 22px Battambang,sans-serif;color:var(--khmerline-gold)}.summary-box ul{margin:0;padding-left:24px}.live-updates{margin:36px 0}.live-updates article{position:relative;margin-left:6px;padding:0 0 26px 28px;border-left:1px solid var(--khmerline-gold)}.live-updates article:before{content:"";position:absolute;left:-5px;top:8px;width:9px;height:9px;background:var(--khmerline-gold);border-radius:50%}.live-updates time{color:var(--khmerline-gold);font-size:14px}.live-updates h3{margin:5px 0}.live-updates p{margin:4px 0}.article-featured{margin:32px 0}.khmerline-entry-content{font-size:19px;line-height:1.85}.khmerline-entry-content p{margin:0 0 1.55em}.khmerline-entry-content h2,.khmerline-entry-content h3{font-family:Battambang,sans-serif;line-height:1.5;margin:1.6em 0 .65em}.khmerline-entry-content blockquote{margin:2em 0;padding:12px 25px;border-left:3px solid var(--khmerline-gold);background:var(--khmerline-background-soft);font-size:1.08em}.khmerline-entry-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.khmerline-entry-content td,.khmerline-entry-content th{padding:10px;border:1px solid var(--khmerline-border)}.khmerline-entry-content iframe,.khmerline-entry-content ins{max-width:100%}.wp-caption-text{color:var(--khmerline-text-muted);font-size:14px}.sources-corrections,.author-box{margin:38px 0;padding:22px 0;border-top:1px solid var(--khmerline-border);border-bottom:1px solid var(--khmerline-border)}.author-box{display:flex;gap:18px}.author-box img{border-radius:50%;width:72px;height:72px}.author-box h2,.author-box p{margin:0}.related-stories{margin-top:48px}.text-list article{display:grid;grid-template-columns:72px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid var(--khmerline-border-light)}.text-list h3{margin:0;font:500 18px/1.6 Battambang,sans-serif}.comments-area{margin-top:48px}.archive-layout{max-width:960px}.archive-header{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--khmerline-gold)}.archive-header h1{margin:0;font:600 34px Battambang,sans-serif}.archive-item{display:grid;grid-template-columns:auto 1fr;gap:24px;padding:26px 0;border-bottom:1px solid var(--khmerline-border)}.archive-item h2{margin:5px 0;font:600 25px/1.55 Battambang,sans-serif}.archive-thumb img{width:180px;height:120px;object-fit:cover}.archive-excerpt{margin-top:10px;color:var(--khmerline-text-secondary)}.pagination{display:flex;flex-wrap:wrap;gap:7px;margin-top:35px}.pagination .page-numbers{display:grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border:1px solid var(--khmerline-border)}.pagination .current{background:var(--khmerline-gold);color:#fff;border-color:var(--khmerline-gold)}.search-overlay{position:fixed;inset:0;z-index:1000;padding:10vh 20px;background:#000b}.search-panel{position:relative;max-width:720px;margin:auto;padding:45px;background:var(--khmerline-background);color:var(--khmerline-text)}.search-close{position:absolute;right:10px;top:10px}.search-form{display:flex;gap:10px}.search-form label{flex:1}.search-field{width:100%;height:52px;padding:0 16px;border:1px solid var(--khmerline-border);background:var(--khmerline-background);color:var(--khmerline-text)}.search-form button{padding:0 24px;border:0;background:var(--khmerline-gold);color:#fff}.error-page{max-width:760px;text-align:center}.error-code{margin:0;color:var(--khmerline-gold);font:700 96px/1 Inter,sans-serif}.error-page section{margin-top:60px;text-align:left} @media(max-width:1024px){.header-clock span{display:none}.nav-menu{justify-content:flex-start;overflow-x:auto}.category-grid{grid-template-columns:repeat(2,1fr);gap:40px 0}.category-column:nth-child(odd){padding-left:0;border-left:0}.members-grid{grid-template-columns:repeat(2,1fr);gap:36px 0}.member-item:nth-child(odd){padding-left:0;border-left:0}} @media(max-width:768px){body{font-size:16px}.container{width:min(100% - 32px,var(--container))}.header-main{min-height:72px;gap:14px}.custom-logo{max-height:52px}.header-clock{display:none}.header-actions{margin-left:auto}.menu-toggle{display:grid}.primary-navigation .container{width:100%}.primary-navigation{display:none}.primary-navigation.is-open{display:block}.nav-menu{flex-direction:column;gap:0;padding:8px 16px;max-height:70vh;overflow-y:auto}.nav-menu a{padding:10px}.breaking-inner{width:100%;padding-left:16px}.lead-grid,.latest-popular{grid-template-columns:1fr}.lead-primary,.latest-column{padding-right:0}.lead-secondary,.popular-column{padding:36px 0 0;margin-top:36px;border-left:0;border-top:1px solid var(--khmerline-border)}.site-main{padding:34px 0 54px}.homepage-section{padding-bottom:40px;margin-bottom:40px}.lead-primary h1{font-size:30px}.category-grid{grid-template-columns:1fr;gap:36px}.category-column,.category-column:nth-child(n){padding:0 0 30px;border:0;border-bottom:1px solid var(--khmerline-border)}.members-grid{grid-template-columns:1fr}.member-item,.member-item:nth-child(n){padding:0 0 28px;border:0;border-bottom:1px solid var(--khmerline-border)}.prefooter,.footer-inner{align-items:flex-start;flex-direction:column}.footer-inner p{margin-right:0}.footer-inner ul{flex-wrap:wrap}.article-header h1,.page-article h1{font-size:32px}.khmerline-entry-content{font-size:18px}.archive-item h2{font-size:22px}.search-panel{padding:38px 22px}.search-form{flex-direction:column}.search-form button{height:48px}} @media(max-width:430px){.container{width:calc(100% - 32px)}.text-logo{font-size:23px}.icon-button{width:40px;height:40px}.header-actions{gap:0}.section-title{font-size:24px}.lead-primary h1{font-size:28px}.timeline-list article{grid-template-columns:60px 1fr;gap:12px}.lead-secondary h3{font-size:20px}.article-meta{display:grid;grid-template-columns:1fr 1fr}.archive-item{grid-template-columns:1fr}.archive-thumb img{width:100%;height:auto}.search-form{width:100%}.error-code{font-size:72px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}} /* Defensive constraints for small screens, long Khmer text, and plugin content. */ body{font-family:Inter,Arial,sans-serif}h1,h2,h3,h4,h5,h6,.section-title,.nav-menu a,.lead-primary h1,.lead-secondary h3,.timeline-list h3,.article-header h1,.archive-item h2,.text-list h3,.article-sidebar-list h3{font-family:Inter,Arial,sans-serif} html { max-width: 100%; overflow-x: clip; } body { max-width: 100%; overflow-x: hidden; } img, video, canvas, svg { max-width: 100%; height: auto; } button, input, textarea, select { max-width: 100%; } .header-main { position: relative; grid-template-columns: auto minmax(0, 1fr) auto; gap: clamp(22px, 3vw, 52px); min-height: 92px; } .header-main .branding { min-width: 0; } .header-main .text-logo { display: block; max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--khmerline-deep-brown); font-size: clamp(22px, 2vw, 30px); letter-spacing: -1px; } [data-theme="dark"] .header-main .text-logo { color: var(--khmerline-text); } [data-theme="dark"] body, [data-theme="dark"] .site-main, [data-theme="dark"] .single-article, [data-theme="dark"] .page-article, [data-theme="dark"] .archive-item { color: #f2f2f2; } [data-theme="dark"] .article-header h1, [data-theme="dark"] .entry-content, [data-theme="dark"] .entry-content p, [data-theme="dark"] .entry-content li, [data-theme="dark"] .entry-content h1, [data-theme="dark"] .entry-content h2, [data-theme="dark"] .entry-content h3, [data-theme="dark"] .entry-content h4, [data-theme="dark"] .entry-content h5, [data-theme="dark"] .entry-content h6, [data-theme="dark"] .entry-content strong, [data-theme="dark"] .entry-content b, [data-theme="dark"] .entry-content span:not(.khmerline-category), [data-theme="dark"] .archive-item h2, [data-theme="dark"] .article-sidebar-list h3 { color: #f2f2f2 !important; } [data-theme="dark"] .article-intro, [data-theme="dark"] .article-meta, [data-theme="dark"] .post-meta, [data-theme="dark"] .archive-excerpt, [data-theme="dark"] .wp-caption-text, [data-theme="dark"] figcaption { color: #bdbdbd !important; } [data-theme="dark"] .entry-content a, [data-theme="dark"] .khmerline-category, [data-theme="dark"] .more-link { color: var(--khmerline-gold-light) !important; } [data-theme="dark"] .entry-content blockquote, [data-theme="dark"] .entry-content blockquote p { color: #e6e6e6 !important; } .header-main .primary-navigation { min-width: 0; border: 0; } .header-main .nav-menu { justify-content: center; gap: clamp(14px, 1.8vw, 30px); overflow-x: auto; scrollbar-width: none; } .header-main .nav-menu::-webkit-scrollbar { display: none; } .header-main .nav-menu a { padding: 30px 0 27px; } .header-actions { flex: none; } h1, h2, h3, h4, h5, h6, .nav-menu a, .breaking-scroll a, .khmerline-entry-content > * { overflow-wrap: anywhere; } .khmerline-entry-content pre { max-width: 100%; overflow-x: auto; } .khmerline-entry-content iframe, .khmerline-entry-content embed, .khmerline-entry-content object, .khmerline-entry-content ins { max-width: 100%; } .khmerline-entry-content > iframe, .khmerline-entry-content > embed, .khmerline-entry-content > object, .khmerline-entry-content > ins { display: block; margin: 24px auto; } .khmerline-entry-content ins iframe { display: block; max-width: 100%; margin-right: auto; margin-left: auto; } .article-featured { text-align: center; } .article-featured img, .entry-content img { display: block; width: auto; max-width: 100%; height: auto; max-height: 78vh; margin-right: auto; margin-left: auto; object-fit: contain; } .entry-content figure, .entry-content .wp-block-image { max-width: 100%; margin-right: auto; margin-left: auto; } .entry-content .alignwide, .entry-content .alignfull { width: 100%; max-width: 100%; margin-right: 0; margin-left: 0; } /* Single article: narrow left news rail and readable main column. */ .single-layout { display: grid; grid-template-columns: minmax(210px, 270px) minmax(0, 780px); justify-content: center; gap: clamp(32px, 5vw, 68px); align-items: start; } .single-layout-main, .single-layout .single-article { min-width: 0; width: 100%; } .article-sidebar { position: sticky; top: 28px; padding-right: 28px; border-right: 1px solid var(--khmerline-border); } .site-header.is-sticky + .site-main .article-sidebar { top: 150px; } .article-sidebar .section-title { font-size: 22px; margin-bottom: 14px; } .article-sidebar-list article { padding: 14px 0; border-bottom: 1px solid var(--khmerline-border-light); } .article-sidebar-list time { display: block; margin-bottom: 4px; color: var(--khmerline-gold); font: 500 13px/1.4 Inter, Arial, sans-serif; } .article-sidebar-list h3 { margin: 0; font: 500 16px/1.65 Battambang, sans-serif; } /* Clean article content: bullets, numbers, and blockquotes. */ .entry-content { color: var(--khmerline-text); } .entry-content ul, .entry-content ol { margin: 12px 0 16px 0 !important; padding-left: 22px !important; line-height: 1.75 !important; } .entry-content li { margin: 8px 0 !important; } .entry-content ul { list-style: disc !important; } .entry-content ol { list-style: decimal !important; } .entry-content ul > li::marker, .entry-content ol > li::marker { color: var(--khmerline-brown); font-weight: 900; } .entry-content blockquote { margin: 16px 0 !important; padding: 14px 14px 14px 16px !important; border-left: 4px solid var(--khmerline-gold) !important; background: color-mix(in srgb, var(--khmerline-gold-light) 10%, transparent) !important; border-radius: 12px !important; color: var(--khmerline-text) !important; } .entry-content blockquote::before, .entry-content blockquote::after { content: none !important; } .entry-content blockquote p { margin: 0 !important; line-height: 1.75 !important; } /* Category archives: visual grid on larger screens. */ .category .archive-layout { max-width: var(--container); } .category .archive-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px 28px; } .category .archive-item { display: block; min-width: 0; padding: 0 0 24px; } .category .archive-thumb { display: block; margin-bottom: 16px; overflow: hidden; background: var(--khmerline-background-soft); } .category .archive-thumb img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; } .category .archive-item h2 { font-size: 21px; } .category .archive-excerpt { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .category .pagination { grid-column: 1 / -1; } @media (max-width: 1024px) { .category .archive-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 768px) { .container { width: min(var(--container), calc(100% - 32px)); } .header-main { grid-template-columns: minmax(0, 1fr) auto; min-height: 68px; gap: 10px; } .header-main .text-logo { max-width: min(52vw, 220px); font-size: 22px; } .header-main .primary-navigation { position: absolute; top: 100%; right: 0; left: 0; z-index: 110; background: var(--khmerline-background); border-bottom: 1px solid var(--khmerline-gold); } .header-main .nav-menu a { padding: 10px; } .branding, .breaking-scroll, .lead-grid, .latest-popular, .lead-primary, .lead-secondary, .latest-column, .popular-column { min-width: 0; } .primary-navigation, .primary-navigation .container, .nav-menu { max-width: 100%; } .khmerline-entry-content > iframe, .khmerline-entry-content > embed, .khmerline-entry-content > object, .khmerline-entry-content > ins { margin-top: 18px; margin-bottom: 18px; } .article-featured img, .entry-content img { max-height: 68vh; } .site-main { padding-bottom: 20px; } .homepage-section:last-child { margin-bottom: 0; padding-bottom: 22px; } .prefooter { gap: 12px; padding-top: 18px; padding-bottom: 18px; } .social-links, .useful-links { gap: 6px 18px; line-height: 1.55; } .site-footer { padding: 20px 0; } .footer-inner { position: relative; gap: 10px; } .footer-brand img { max-height: 34px; } .footer-inner p { line-height: 1.5; } .footer-inner ul { gap: 6px 16px; } .single-layout { display: flex; flex-direction: column; gap: 42px; } .single-layout-main { order: 1; } .article-sidebar { position: static; order: 2; width: 100%; padding: 30px 0 0; border-right: 0; border-top: 1px solid var(--khmerline-border); } .category .archive-list { display: block; } .category .archive-item.has-post-thumbnail { display: grid; grid-template-columns: minmax(108px, 36%) minmax(0, 1fr); gap: 14px; padding: 16px 0; } .category .archive-thumb { margin: 0; } .category .archive-thumb img { height: 100%; min-height: 104px; aspect-ratio: 4 / 3; } .category .archive-item h2 { margin-top: 2px; font-size: 17px; line-height: 1.5; } .category .archive-item .khmerline-category, .category .archive-excerpt { display: none; } .category .archive-item .post-meta { margin-top: 7px; font-size: 12px; } .back-to-top { position: absolute; right: 0; top: 0; } } @media (max-width: 430px) { .prefooter { padding-top: 14px; padding-bottom: 14px; } .useful-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; gap: 5px 14px; font-size: 13px; } .footer-inner { padding-right: 54px; } } :root { --khmerline-gold: #18735b; --khmerline-gold-light: #2f9d7f; --khmerline-gold-dark: #0f5a47; --khmerline-brown: #17171a; --khmerline-deep-brown: #0c0c0e; --khmerline-background-soft: #f7f7f8; --khmerline-background-beige: #ecf7ff; --khmerline-border: #dedee2; --khmerline-border-light: #ececef; --container: 1280px; } body, button, input, textarea { font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; } h1, h2, h3, .section-title, .nav-menu a, .lead-primary h1, .lead-secondary h3, .timeline-list h3, .popular-list a, .category-column h3, .archive-header h1, .archive-item h2, .article-header h1, .page-article h1, .khmerline-entry-content h2, .khmerline-entry-content h3 { font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; } .site-header { border-bottom: 1px solid var(--khmerline-border-light); box-shadow: 0 8px 30px rgb(18 18 22 / 4%); } .site-header.is-sticky { top: 0; } .admin-bar .site-header.is-sticky { top: 32px; } .header-main { min-height: 82px; gap: 40px; } .branding { line-height: 1; } .ezetimes-wordmark { display: inline-flex; align-items: baseline; font-size: 31px; font-weight: 900; letter-spacing: -2.1px; color: var(--khmerline-text); } .ezetimes-wordmark span { color: var(--khmerline-gold); } .footer-brand .ezetimes-wordmark { color: #fff; } .primary-navigation { border: 0; min-width: 0; } .nav-menu { justify-content: flex-start; gap: 32px; } .nav-menu a { padding: 28px 0 25px; font-size: 14px; font-weight: 750; letter-spacing: .01em; } .breaking-line { background: var(--khmerline-background-soft); } .site-main { padding-top: 34px; } .homepage-section { margin-bottom: 44px; padding-bottom: 44px; } .section-title { display: flex; align-items: center; gap: 14px; font-size: 23px; font-weight: 850; letter-spacing: -.04em; color: var(--khmerline-text); } .section-title::after { flex: 1; width: auto; height: 1px; margin: 0; background: var(--khmerline-border); } .lead-grid { grid-template-columns: minmax(0, 1.75fr) minmax(320px, .9fr); gap: 30px; } .lead-primary { padding-right: 0; } .lead-image { margin: 0 0 20px; overflow: hidden; border-radius: 16px; } .lead-image img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; transition: transform .35s ease; } .lead-image:hover img { transform: scale(1.02); } .lead-primary h1 { margin: 8px 0 12px; font-size: clamp(30px, 3.3vw, 48px); line-height: 1.08; letter-spacing: -.045em; } .lead-excerpt { font-size: 16px; line-height: 1.65; } .post-meta { margin-top: 12px; } .lead-secondary { padding-left: 30px; border-left: 1px solid var(--khmerline-border-light); } .lead-secondary article { display: grid; grid-template-columns: 116px minmax(0, 1fr); gap: 15px; padding-bottom: 20px; margin-bottom: 20px; } .secondary-thumb { overflow: hidden; border-radius: 10px; } .secondary-thumb img { display: block; width: 100%; height: 100%; min-height: 94px; object-fit: cover; } .lead-secondary h3 { margin: 5px 0 0; font-size: 18px; line-height: 1.28; letter-spacing: -.025em; } .lead-secondary .post-meta { font-size: 12px; } .khmerline-category { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .latest-popular { grid-template-columns: minmax(0, 2fr) minmax(280px, .75fr); } .latest-column { padding-right: 32px; } .popular-column { padding-left: 32px; } .latest-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 20px; } .timeline-list.latest-card-grid article { display: block; padding: 0; border: 0; } .latest-thumb { display: block; margin-bottom: 11px; overflow: hidden; border-radius: 10px; background: var(--khmerline-background-soft); } .latest-thumb img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; } .timeline-list.latest-card-grid h3 { margin: 5px 0 7px; font-size: 17px; font-weight: 750; line-height: 1.35; letter-spacing: -.02em; } .timeline-list.latest-card-grid time { font-size: 12px; color: var(--khmerline-text-muted); } .popular-list li { grid-template-columns: 30px 1fr; gap: 10px; padding: 15px 0; } .popular-list span { width: 26px; height: 26px; border-radius: 50%; font-size: 12px; } .popular-list a { font-size: 14px; font-weight: 700; line-height: 1.4; } .category-grid { gap: 22px; } .category-column, .category-column:first-child, .category-column:last-child { padding: 0; border: 0; } .category-column-title { margin: 0 0 14px; padding-bottom: 10px; border-bottom: 3px solid var(--khmerline-gold); font-size: 18px; font-weight: 850; letter-spacing: -.025em; } .category-column article { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 11px; padding: 12px 0; } .category-mini-thumb { overflow: hidden; border-radius: 8px; } .category-mini-thumb img { display: block; width: 100%; height: 68px; object-fit: cover; } .category-column h3 { margin: 0 0 4px; font-size: 14px; font-weight: 720; line-height: 1.32; letter-spacing: -.015em; } .category-column time { font-size: 11px; color: var(--khmerline-text-muted); } .category-column .more-link { margin-top: 12px; font-size: 13px; } .archive-layout { max-width: var(--container); } .archive-header { margin-bottom: 26px; padding-bottom: 16px; border-bottom-width: 3px; } .archive-header h1 { font-size: clamp(30px, 4vw, 46px); font-weight: 900; letter-spacing: -.045em; } .archive-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px 22px; } .archive-item, .category .archive-item { display: block; min-width: 0; padding: 0; border: 0; } .archive-thumb, .category .archive-thumb { display: block; margin: 0 0 12px; overflow: hidden; border-radius: 11px; background: var(--khmerline-background-soft); } .archive-thumb img, .category .archive-thumb img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; transition: transform .3s ease; } .archive-thumb:hover img { transform: scale(1.035); } .archive-item h2, .category .archive-item h2 { margin: 5px 0 7px; font-size: 17px; font-weight: 780; line-height: 1.35; letter-spacing: -.025em; } .archive-item .post-meta { margin-top: 7px; font-size: 11px; } .archive-excerpt { display: none; } .archive-list + .pagination, .archive-list .pagination { grid-column: 1 / -1; } .site-footer { background: #101014; } @media (max-width: 1100px) { .archive-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } .category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lead-secondary article { grid-template-columns: 96px minmax(0, 1fr); } } @media (max-width: 768px) { .admin-bar .site-header.is-sticky { top: 46px; } .header-main { min-height: 66px; } .header-main .ezetimes-wordmark { font-size: 24px; } .header-main .primary-navigation { border-bottom-color: var(--khmerline-border); } .nav-menu { gap: 0; } .nav-menu a { padding: 12px 10px; } .lead-grid, .latest-popular { display: block; } .lead-secondary, .popular-column { padding: 28px 0 0; margin-top: 28px; border-left: 0; border-top: 1px solid var(--khmerline-border); } .lead-secondary article { grid-template-columns: 112px minmax(0, 1fr); } .latest-column { padding-right: 0; } .archive-list, .category .archive-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 14px; } .category .archive-item.has-post-thumbnail { display: block; padding: 0; } .category .archive-thumb { margin-bottom: 10px; } .category .archive-thumb img { min-height: 0; aspect-ratio: 4 / 3; } .category .archive-item .khmerline-category { display: inline-block; } .category .archive-item h2, .archive-item h2 { font-size: 15px; } .category-grid { grid-template-columns: 1fr; gap: 30px; } .category-column, .category-column:nth-child(n) { padding: 0; border-bottom: 0; } } @media (max-width: 480px) { .container { width: calc(100% - 24px); } .site-main { padding-top: 24px; } .lead-primary h1 { font-size: 28px; } .latest-card-grid { grid-template-columns: 1fr; } .timeline-list.latest-card-grid article { display: grid; grid-template-columns: 118px minmax(0, 1fr); gap: 12px; } .latest-thumb { margin: 0; } .latest-thumb img { height: 94px; aspect-ratio: auto; } .archive-list, .category .archive-list { gap: 22px 12px; } .archive-item h2, .category .archive-item h2 { font-size: 14px; line-height: 1.34; } .archive-item .khmerline-category { font-size: 9px; } .archive-item .post-meta { font-size: 10px; } } /* Ezetimes 2.0 portal homepage — inspired by modern personalized news portals. */ body.home { background: #f4f5f7; } .site-header { background: #fff; box-shadow: 0 2px 14px rgb(18 18 22 / 5%); } .header-main { display: grid; grid-template-columns: auto minmax(260px, 700px) auto; min-height: 72px; gap: 30px; } .portal-search { width: 100%; } .portal-search .search-form { display: grid; grid-template-columns: 1fr auto; align-items: center; width: 100%; overflow: hidden; border: 1px solid #d9dce2; border-radius: 999px; background: #fff; box-shadow: 0 3px 12px rgb(15 23 42 / 8%); } .portal-search .search-form label { min-width: 0; } .portal-search .search-field { width: 100%; min-height: 46px; padding: 0 18px; border: 0; outline: 0; background: transparent; color: var(--khmerline-text); font-size: 15px; } .portal-search .search-form button { min-height: 38px; margin-right: 4px; padding: 0 19px; border: 0; border-radius: 999px; background: var(--khmerline-gold); color: #fff; font-weight: 750; cursor: pointer; } .header-actions #search-open { display: none; } .portal-nav-row { display: flex; align-items: center; gap: 8px; min-height: 44px; } .portal-discover { flex: 0 0 auto; padding: 8px 15px; border-radius: 999px; background: var(--khmerline-background-beige); color: var(--khmerline-gold-dark); font-size: 13px; font-weight: 800; } .portal-nav-row .primary-navigation { flex: 1; } .portal-nav-row .nav-menu { gap: 8px; } .portal-nav-row .nav-menu a { padding: 9px 15px; border-radius: 999px; font-size: 13px; } .portal-nav-row .nav-menu a:hover, .portal-nav-row .current-menu-item > a { background: var(--khmerline-background-beige); color: var(--khmerline-gold-dark); } .portal-utilities { display: flex; align-items: center; gap: 10px; white-space: nowrap; font-size: 12px; font-weight: 700; } .portal-utilities a { color: var(--khmerline-text-muted); } .home .site-main { padding-top: 22px; } .home .homepage-section { padding-bottom: 28px; margin-bottom: 28px; } .portal-section-bar { display: flex; align-items: center; justify-content: space-between; min-height: 38px; gap: 20px; margin-bottom: 16px; } .portal-section-bar h2 { margin: 0; font-size: 18px; font-weight: 850; letter-spacing: -.03em; } .portal-pills { display: flex; align-items: center; gap: 8px; font-size: 12px; } .portal-pills span, .portal-pills a { padding: 7px 12px; border: 1px solid var(--khmerline-border); border-radius: 999px; } .portal-pills span { border-color: var(--khmerline-gold); background: var(--khmerline-background-beige); color: var(--khmerline-gold-dark); font-weight: 750; } .portal-hero-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(230px, .95fr) minmax(250px, .85fr); gap: 12px; } .portal-hero-grid > * { min-width: 0; } .portal-main-card, .portal-side-cards article, .portal-trending-card, .home .timeline-list.latest-card-grid article, .home .popular-column, .home .category-column { overflow: hidden; border: 1px solid #e0e2e7; border-radius: 12px; background: #fff; box-shadow: 0 2px 8px rgb(15 23 42 / 5%); } .portal-main-card { position: relative; min-height: 360px; background: linear-gradient(145deg, #8fd3ff, #18735b 58%, #064b8a); } .portal-main-card .portal-card-image { position: absolute; inset: 0; } .portal-main-card .portal-card-image::after { content: ""; position: absolute; inset: 30% 0 0; background: linear-gradient(transparent, rgb(3 12 28 / 88%)); } .portal-main-card .portal-card-image img { width: 100%; height: 100%; object-fit: cover; } .portal-card-overlay { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; padding: 70px 24px 22px; color: #fff; background: linear-gradient(transparent, rgb(3 12 28 / 90%)); } .portal-card-overlay a { color: #fff; } .portal-card-overlay .khmerline-category a { color: #a9d9ff; } .portal-card-overlay h1 { max-width: 830px; margin: 7px 0 8px; font-size: clamp(25px, 2.25vw, 34px); line-height: 1.1; letter-spacing: -.04em; } .portal-card-overlay .post-meta { color: rgb(255 255 255 / 78%); } .portal-side-cards { display: grid; grid-template-rows: repeat(2, 1fr); gap: 12px; } .portal-side-cards article { display: grid; grid-template-rows: minmax(96px, 1fr) auto; min-height: 174px; } .portal-side-cards .portal-card-image { overflow: hidden; } .portal-side-cards img { width: 100%; height: 100%; min-height: 108px; max-height: 138px; object-fit: cover; } .portal-side-copy { padding: 12px 14px 13px; } .portal-side-copy h3 { margin: 4px 0 7px; font-size: 16px; line-height: 1.25; letter-spacing: -.02em; } .portal-side-copy .post-meta { margin-top: 0; font-size: 10px; } .portal-trending-card { padding: 15px 16px 8px; } .portal-trending-card > h2 { margin: 0 0 8px; padding-bottom: 12px; border-bottom: 1px solid var(--khmerline-border-light); font-size: 17px; } .portal-trending-card ol { margin: 0; padding: 0; list-style: none; } .portal-trending-card li { display: grid; grid-template-columns: 26px 1fr; gap: 9px; padding: 12px 0; border-bottom: 1px solid var(--khmerline-border-light); } .portal-trending-card li > span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--khmerline-gold); color: #fff; font-size: 11px; font-weight: 800; } .portal-trending-card h3 { margin: 3px 0 0; font-size: 13px; line-height: 1.3; } .portal-trending-card .khmerline-category { font-size: 9px; } .home .latest-popular { align-items: start; gap: 14px; } .home .latest-column { padding-right: 0; } .home .latest-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .home .timeline-list.latest-card-grid article { padding: 0 0 13px; } .home .latest-thumb { margin: 0 0 11px; border-radius: 0; } .home .timeline-list.latest-card-grid article > div { padding: 0 13px; } .home .timeline-list.latest-card-grid h3 { font-size: 15px; } .home .popular-column { padding: 16px 18px; border-left: 1px solid #e0e2e7; } .home .popular-column .section-title { margin-bottom: 4px; font-size: 18px; } .home .category-grid { gap: 12px; } .home .category-column { padding: 15px; } .home .category-column-title { margin: -15px -15px 10px; padding: 13px 15px 11px; border-bottom-width: 2px; } html[data-theme="dark"] body.home { background: #111318; } html[data-theme="dark"] .site-header, html[data-theme="dark"] .portal-search .search-form, html[data-theme="dark"] .portal-main-card, html[data-theme="dark"] .portal-side-cards article, html[data-theme="dark"] .portal-trending-card, html[data-theme="dark"] .home .timeline-list.latest-card-grid article, html[data-theme="dark"] .home .popular-column, html[data-theme="dark"] .home .category-column { background: #1b1e25; border-color: #30343d; } @media (max-width: 1100px) { .portal-hero-grid { grid-template-columns: minmax(0, 1.65fr) minmax(240px, .8fr); } .portal-trending-card { grid-column: 1 / -1; } .portal-trending-card ol { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; } .portal-trending-card li { border-bottom: 0; } .home .latest-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 768px) { .site-header.is-sticky, .admin-bar .site-header.is-sticky { position: relative; top: auto; } .header-main { grid-template-columns: 1fr auto; min-height: 0; gap: 10px; padding-top: 13px; padding-bottom: 11px; } .header-main .ezetimes-wordmark { font-size: 23px; } .portal-search { grid-column: 1 / -1; grid-row: 2; } .portal-search .search-form { min-height: 44px; box-shadow: 0 2px 8px rgb(15 23 42 / 7%); } .portal-search .search-field { min-height: 42px; padding-inline: 15px; font-size: 14px; } .header-actions #search-open, .header-actions .menu-toggle { display: none !important; } .portal-nav-row { width: 100%; min-height: 43px; padding: 0 16px; overflow-x: auto; overflow-y: hidden; border-top: 1px solid var(--khmerline-border-light); scrollbar-width: none; } .portal-discover { padding: 7px 13px; font-size: 12px; } .portal-nav-row::-webkit-scrollbar { display: none; } .portal-nav-row .primary-navigation { position: static !important; display: block !important; flex: 0 0 auto; width: max-content; max-width: none; max-height: none; visibility: visible; opacity: 1; background: transparent; border: 0; transform: none !important; } .portal-nav-row .nav-menu { display: flex !important; flex-direction: row !important; flex-wrap: nowrap; width: max-content; max-width: none; max-height: none; margin: 0; padding: 0; overflow: visible; } .portal-nav-row .nav-menu > li { flex: 0 0 auto; } .portal-nav-row .nav-menu a { padding: 8px 13px; white-space: nowrap; font-size: 12px; } .portal-utilities { display: none; } .breaking-line { display: none; } .home .site-main { padding-top: 18px; } .home .homepage-section { padding-bottom: 22px; margin-bottom: 22px; } .portal-section-bar { margin-bottom: 11px; } .portal-section-bar h2 { font-size: 19px; } .portal-pills { display: none; } .portal-hero-grid { grid-template-columns: 1fr; } .portal-main-card { min-height: 340px; border-radius: 13px; } .portal-card-overlay { padding: 82px 18px 17px; } .portal-card-overlay h1 { margin: 6px 0 7px; font-size: clamp(24px, 7vw, 30px); line-height: 1.12; } .portal-card-overlay .post-meta { margin-top: 7px; font-size: 11px; } .portal-side-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; } .portal-side-cards article { min-width: 0; } .portal-trending-card ol { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 520px) { .home .container { width: 100%; max-width: 100%; padding-right: 12px; padding-left: 12px; } .home .portal-hero-grid, .home .portal-main-card, .home .portal-side-cards, .home .portal-side-cards article, .home .portal-trending-card { width: 100%; max-width: 100%; } .portal-search .search-form button { display: none; } .portal-side-cards { grid-template-columns: 1fr; } .portal-side-cards article { display: grid; grid-template-columns: 118px minmax(0, 1fr); grid-template-rows: none; min-height: 112px; } .portal-side-cards .portal-card-image { height: 100%; min-height: 112px; } .portal-side-cards img { width: 100%; height: 100%; min-height: 112px; max-height: none; object-fit: cover; } .portal-side-copy { display: flex; flex-direction: column; justify-content: center; padding: 11px 12px; } .portal-side-copy h3 { margin: 3px 0 5px; font-size: 14px; line-height: 1.27; } .portal-side-copy h3, .portal-trending-card h3 { overflow-wrap: anywhere; } .portal-side-copy .post-meta { display: none; } .portal-trending-card { padding: 14px; } .portal-trending-card ol { grid-template-columns: 1fr; } .portal-trending-card li { padding: 10px 0; } .home .latest-card-grid { grid-template-columns: 1fr; } .home .timeline-list.latest-card-grid article { display: grid; grid-template-columns: 118px minmax(0, 1fr); padding: 0; } .home .timeline-list.latest-card-grid article > div { padding: 12px; } .home .section-title { margin-bottom: 15px; font-size: 20px; } .home .popular-column { margin-top: 14px; padding: 14px; } .home .category-grid { gap: 14px; } .home .category-column { padding: 13px; } } /* Collapse ad slots that the ad server left empty (no blank "Advertisement" boxes). */ .ezt-ad:has(.ezt-ad-inner>div[id^="div-gpt-ad"][style*="display: none"]){display:none!important} .ezt-mobile-footer:has(.ezt-ad-inner>div[id^="div-gpt-ad"][style*="display: none"]){display:none!important}body.ezt-footer-visible:has(.ezt-mobile-footer .ezt-ad-inner>div[id^="div-gpt-ad"][style*="display: none"]){padding-bottom:0!important} /* Latest News bento grid */ .latest-header{border-bottom:0;margin-bottom:22px;padding-bottom:0}.latest-kicker{display:inline-block;margin-bottom:8px;padding:5px 12px;border-radius:999px;background:rgba(24,115,91,.12);color:var(--khmerline-gold);font:700 12px/1 Inter,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}.latest-header h1{margin:0 0 6px;font-size:clamp(30px,5vw,46px);line-height:1.1}.latest-header p{margin:0;color:var(--khmerline-text-secondary)} .latest-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(190px,auto);gap:16px;margin:0 0 36px} .bento-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--khmerline-border-light);border-radius:20px;background:var(--khmerline-background);box-shadow:0 4px 16px rgba(15,23,42,.06);transition:transform .2s ease,box-shadow .2s ease} .bento-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(15,23,42,.12)} .bento-img{display:block;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#d6efe5,#e6f5ef)}.bento-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.bento-card:hover .bento-img img{transform:scale(1.04)} .bento-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px}.bento-body .khmerline-category{align-self:flex-start;padding:3px 10px;border-radius:999px;background:rgba(24,115,91,.12);font-size:11px;font-weight:700;text-decoration:none}.bento-body h2{margin:0;font-size:17px;line-height:1.35}.bento-body h2 a{color:inherit;text-decoration:none}.bento-body time{font-size:12px;color:var(--khmerline-text-muted)} .bento-1{grid-column:span 2;grid-row:span 2}.bento-1 .bento-img{flex:1;aspect-ratio:auto;min-height:260px}.bento-1 .bento-body h2{font-size:clamp(21px,2.4vw,28px)} .bento-card.no-image .bento-body{justify-content:center;min-height:150px;background:linear-gradient(135deg,rgba(24,115,91,.08),transparent)} @media(max-width:1024px){.latest-bento{grid-template-columns:repeat(2,1fr)}.bento-1{grid-column:span 2;grid-row:auto}.bento-1 .bento-img{aspect-ratio:16/9;min-height:0}} @media(max-width:600px){.latest-bento{grid-template-columns:1fr;gap:12px}.bento-1{grid-column:auto}.bento-card{border-radius:16px}} [data-theme=dark] .bento-card{background:#1b1e25;border-color:#30343d} /* Site pages (About, Contact, Advertise, Editorial, Privacy) */ .page-article{max-width:860px;margin-inline:auto}.page-article .entry-content{font-size:17px;line-height:1.75}.page-article .entry-content h2{margin:34px 0 10px;font-size:24px} .ez-lead{font-size:20px;line-height:1.6;color:var(--khmerline-text-secondary)} .ez-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:26px 0} .ez-card{padding:20px;border:1px solid var(--khmerline-border-light);border-radius:18px;background:var(--khmerline-background);box-shadow:0 4px 14px rgba(15,23,42,.05)}.ez-card h3{margin:0 0 8px;font-size:18px;color:var(--khmerline-gold)}.ez-card p{margin:0;font-size:15px;line-height:1.6} .ez-note{margin:22px 0;padding:18px 20px;border-left:4px solid var(--khmerline-gold);border-radius:0 12px 12px 0;background:rgba(24,115,91,.08);font-size:18px} .ez-list{padding-left:22px}.ez-list li{margin:8px 0} .ez-btn{display:inline-block;padding:12px 22px;border-radius:999px;background:var(--khmerline-gold);color:#fff!important;font-weight:700;text-decoration:none!important}.ez-btn:hover{filter:brightness(1.08)} [data-theme=dark] .ez-card{background:#1b1e25;border-color:#30343d} .bento-card:not(.bento-1) .bento-img{aspect-ratio:16/9} /* Privacy policy layout */ .ez-policy .ez-updated{display:inline-block;margin-top:6px;padding:3px 10px;border-radius:999px;background:rgba(24,115,91,.12);color:var(--khmerline-gold);font-size:13px;font-weight:700} .ez-toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}.ez-toc a{padding:7px 14px;border:1px solid var(--khmerline-border-light);border-radius:999px;background:var(--khmerline-background);color:inherit;font-size:14px;text-decoration:none}.ez-toc a:hover{border-color:var(--khmerline-gold);color:var(--khmerline-gold)} .ez-sec{margin:0 0 16px;padding:22px 24px;border:1px solid var(--khmerline-border-light);border-radius:18px;background:var(--khmerline-background);box-shadow:0 4px 14px rgba(15,23,42,.04);scroll-margin-top:110px} .page-article .ez-sec h2{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-size:21px}.ez-sec h2 span{display:inline-grid;flex:none;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--khmerline-gold);color:#fff;font:700 14px/1 Inter,Arial,sans-serif} .ez-sec p:last-child,.ez-sec .ez-list:last-child{margin-bottom:0}.ez-sec .ez-note{margin:0} @media(max-width:600px){.ez-sec{padding:18px 16px;border-radius:14px}} [data-theme=dark] .ez-sec,[data-theme=dark] .ez-toc a{background:#1b1e25;border-color:#30343d} /* Privacy quick links: same look as the top menu (pill, blue text and underline on hover, soft shadow) */ .ez-toc{gap:6px;padding:6px;border:1px solid var(--khmerline-border-light);border-radius:999px;background:var(--khmerline-background);box-shadow:0 2px 10px rgba(15,23,42,.05)} .ez-toc a{padding:9px 15px;border:0;border-radius:999px;background:transparent;font-size:13px;font-weight:600;transition:color .15s,box-shadow .15s,background .15s} .ez-toc a:hover,.ez-toc a:focus-visible{background:var(--khmerline-background);color:var(--khmerline-gold);box-shadow:inset 0 -2px var(--khmerline-gold),0 6px 16px rgba(15,23,42,.14);outline:0} @media(max-width:600px){.ez-toc{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.ez-toc::-webkit-scrollbar{display:none}.ez-toc a{flex:0 0 auto;white-space:nowrap}} [data-theme=dark] .ez-toc{background:#1b1e25;border-color:#30343d}[data-theme=dark] .ez-toc a:hover,[data-theme=dark] .ez-toc a:focus-visible{background:#262a33} /* Unified archive cards: categories, tags, authors, search and Latest. Small, clean, consistent grid. */ .archive-layout .archive-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px} .archive-layout .archive-list .archive-item{display:flex;flex-direction:column;min-width:0;padding:0;overflow:hidden;border:1px solid var(--khmerline-border-light);border-radius:16px;background:var(--khmerline-background);box-shadow:0 2px 10px rgba(15,23,42,.05);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease} .archive-layout .archive-list .archive-item:hover{transform:translateY(-3px);border-color:rgba(24,115,91,.35);box-shadow:0 12px 26px rgba(15,23,42,.12)} .archive-layout .archive-list .archive-thumb{margin:0;border-radius:0;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#d6efe5,#e6f5ef)} .archive-layout .archive-list .archive-thumb img{display:block;width:100%;height:100%;min-height:0;aspect-ratio:16/10;object-fit:cover} .archive-layout .archive-list .archive-card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 14px 14px} .archive-layout .archive-list .archive-item .khmerline-category{display:inline-block;padding:3px 10px;border-radius:999px;background:rgba(24,115,91,.12);color:var(--khmerline-gold);font-size:10.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;line-height:1.5} .archive-layout .archive-list .archive-item h2{margin:0;font-size:15.5px;font-weight:750;line-height:1.38;letter-spacing:-.02em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden} .archive-layout .archive-list .archive-item h2 a{color:inherit} .archive-layout .archive-list .archive-item .post-meta{margin-top:auto;padding-top:2px;font-size:11.5px;color:var(--khmerline-text-muted)} .archive-layout .archive-list .archive-excerpt{display:none} .archive-layout .archive-list .archive-item.ezt-ad,.archive-layout .archive-list .ezt-ad-native-card{align-self:stretch} @media(max-width:1100px){.archive-layout .archive-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}} @media(max-width:768px){.archive-layout .archive-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.archive-layout .archive-list .archive-item,.category .archive-layout .archive-list .archive-item.has-post-thumbnail{display:flex;border-radius:14px;padding:0}.archive-layout .archive-list .archive-card-body{padding:10px 11px 12px;gap:5px}.archive-layout .archive-list .archive-item h2{font-size:14px;line-height:1.35}.archive-layout .archive-list .archive-item .khmerline-category{display:inline-block;font-size:9.5px;padding:2px 8px}.archive-layout .archive-list .archive-item .post-meta{font-size:10.5px}} [data-theme=dark] .archive-layout .archive-list .archive-item{background:#1b1e25;border-color:#30343d} /* Knongsrok Healthy: Khmer identity layer (loads last). */ /* Knongsrok Health identity and category experience. */ .site-header { border-bottom: 0; box-shadow: 0 8px 28px rgba(18, 55, 47, .06); } .header-main { min-height: 88px; } .branding { display: flex; align-items: center; } .bundled-logo, .custom-logo-link { display: block; line-height: 0; } .bundled-logo img { display: block; width: clamp(160px, 17vw, 220px); height: auto; } .bundled-logo .logo-dark { display: none; } [data-theme="dark"] .bundled-logo .logo-light { display: none; } [data-theme="dark"] .bundled-logo .logo-dark { display: block; } .custom-logo { max-height: 62px; } .nav-menu { gap: clamp(18px, 2.2vw, 34px); } .nav-menu a { color: var(--khmerline-text-secondary); font-size: 16px; font-weight: 600; } .nav-menu .current-menu-item > a, .nav-menu .current-category-ancestor > a, .nav-menu a:hover { color: var(--khmerline-gold); box-shadow: inset 0 -3px var(--khmerline-gold); } .breaking-line { background: var(--khmerline-background-soft); } .breaking-inner { min-height: 44px; } .site-footer { background: linear-gradient(125deg, #0d342a, #174b3e); color: #f4fbf8; } .footer-brand img { width: 150px; max-height: 56px; object-fit: contain; } .search-panel { border-radius: 20px; box-shadow: 0 28px 70px #0005; } .search-field, .search-form button { border-radius: 10px; } .health-category-layout { max-width: 1180px; } .health-category-page .breadcrumbs { margin-bottom: 24px; } .health-category-header { position: relative; overflow: hidden; margin-bottom: 22px; padding: 28px 34px; border: 1px solid color-mix(in srgb, var(--category-accent) 22%, var(--khmerline-border)); border-radius: 20px; background: linear-gradient(115deg, color-mix(in srgb, var(--category-accent) 10%, var(--khmerline-background)), var(--khmerline-background)); } .health-category-header::after { content: ""; position: absolute; right: -70px; top: -110px; width: 270px; height: 270px; border: 45px solid color-mix(in srgb, var(--category-accent) 10%, transparent); border-radius: 50%; pointer-events: none; } .health-category-eyebrow { position: relative; z-index: 1; margin: 0 0 8px; color: var(--category-accent); font-weight: 700; } .health-category-header h1 { position: relative; z-index: 1; margin: 0; color: var(--khmerline-text); font: 700 clamp(30px, 4vw, 44px)/1.35 Battambang, sans-serif; } .health-category-description { position: relative; z-index: 1; max-width: 720px; margin-top: 8px; color: var(--khmerline-text-secondary); font-size: 16px; } .health-category-description p { margin: 0; } .health-topic-chips { display: flex; gap: 10px; overflow-x: auto; margin: 0 0 34px; padding: 4px 0 10px; scrollbar-width: thin; } .health-topic-chips a { flex: none; padding: 8px 16px; border: 1px solid var(--khmerline-border); border-radius: 999px; background: var(--khmerline-background); font-size: 14px; } .health-topic-chips a:hover { border-color: var(--category-accent); background: color-mix(in srgb, var(--category-accent) 8%, var(--khmerline-background)); color: var(--category-accent); } .category-latest { margin-top: 10px; } .category-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 26px; padding-bottom: 16px; border-bottom: 1px solid var(--khmerline-border); } .category-section-heading span { color: var(--category-accent); font-size: 13px; font-weight: 700; } .category-section-heading h2 { margin: 2px 0 0; font: 700 30px/1.35 Battambang, sans-serif; } .category-section-heading p { margin: 0; color: var(--khmerline-text-muted); font-size: 15px; } .health-category-page .pagination { margin: 34px 0 0; } .health-category-page .pagination .current { border-color: var(--category-accent); background: var(--category-accent); } .medical-note { display: grid; grid-template-columns: auto 1fr; gap: 16px; margin-top: 54px; padding: 22px 24px; border: 1px solid var(--khmerline-border); border-left: 4px solid var(--category-accent); border-radius: 12px; background: var(--khmerline-background-soft); } .medical-note strong { color: var(--category-accent); } .medical-note p { margin: 0; color: var(--khmerline-text-secondary); font-size: 15px; } @media (max-width: 960px) { } @media (max-width: 768px) { .header-main { min-height: 70px; } .bundled-logo img { width: 150px; } .health-category-header { padding: 30px 24px; border-radius: 18px; } .health-category-header::after { right: -145px; } .health-category-description { font-size: 16px; } .category-section-heading { align-items: flex-start; flex-direction: column; gap: 6px; } .category .medical-note { grid-template-columns: 1fr; gap: 5px; margin-top: 38px; } } @media (min-width: 961px) and (max-width: 1200px) { } @media (max-width: 560px) { } /* ---- Khmer typography: generous line-height, no letter-spacing, Khmer-first fonts ---- */ body{font-family:"Kantumruy Pro",Battambang,Inter,Arial,sans-serif} h1,h2,h3,h4,h5,h6,.section-title,.archive-header h1,.nav-menu a,.portal-main-card h1,.latest-header h1{font-family:Battambang,"Kantumruy Pro",Inter,sans-serif} h1,h2,h3,h4,h5,h6,.section-title{line-height:1.55!important;letter-spacing:0!important} h1,h2,h3,h4,h5,h6,a,p,span,li,time,button,input,label,strong,.khmerline-category,.latest-kicker,.ez-card h3{letter-spacing:0!important;text-transform:none!important} h1,h2,h3{font-weight:700} .portal-main-card h1{line-height:1.45!important} .archive-layout .archive-list .archive-item h2,.bento-body h2,.portal-side-copy h3,.portal-trending-card h3,.timeline-list h3,.category-column h3,.text-list h3,.popular-list a,.article-sidebar-list h3{line-height:1.6!important} .archive-layout .archive-list .archive-item h2{font-size:16px} .entry-content,.article-intro{line-height:1.95} .post-meta,.article-meta,.bento-body time,.archive-item .post-meta{line-height:1.7} .khmerline-category,.latest-kicker{font-size:12px!important;line-height:1.7!important} .ez-lead{line-height:1.9} @media(max-width:768px){.archive-layout .archive-list .archive-item h2{font-size:14.5px}} /* healthy logo + footer identity */ .breaking-line{background:var(--khmerline-background-soft)} .site-footer{background:linear-gradient(125deg,#0d342a,#174b3e);color:#f4fbf8} .portal-discover{font-weight:700} .medical-note{grid-template-columns:auto 1fr} /* ---- Phone header: logo and search on one row, no dark-mode button ---- */ @media (max-width: 768px) { .header-main { display: flex; align-items: center; gap: 10px; min-height: 0; padding-top: 10px; padding-bottom: 10px; } .header-main .branding { flex: 0 0 auto; } .header-main .bundled-logo img { width: 108px; } .header-main .custom-logo { width: auto; max-height: 46px; } .header-main .portal-search { flex: 1 1 auto; min-width: 0; grid-column: auto; grid-row: auto; } .portal-search .search-form { min-height: 42px; } .portal-search .search-field { min-height: 40px; padding-inline: 14px; font-size: 14px; } .portal-search .search-form button { display: block !important; width: 34px; height: 34px; min-height: 34px; margin-right: 4px; padding: 0; font-size: 0; background: var(--khmerline-gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") center / 17px no-repeat; } .header-actions { display: none !important; } } /* ---- Sticky header on phones ---- */ @media (max-width: 768px) { .site-header.is-sticky, .admin-bar .site-header.is-sticky { position: sticky !important; top: 0; z-index: 60; } .admin-bar .site-header.is-sticky { top: 46px; } } /* ---- Footer: links live inside the green footer bar ---- */ .site-footer { padding: 26px 0; } .site-footer .footer-inner { flex-wrap: wrap; row-gap: 16px; } .site-footer .useful-links { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 22px; margin: 0; } .site-footer .useful-links a { color: #e6f4ef; font-size: 14px; font-weight: 600; } .site-footer .useful-links a:hover { color: #fff; box-shadow: inset 0 -2px #fff; } .site-footer .social-links { display: flex; gap: 6px 16px; margin: 0; } .site-footer .social-links a { color: #e6f4ef; font-size: 14px; } .site-footer .social-links:empty { display: none; } @media (max-width: 900px) { .site-footer .footer-inner { flex-direction: row; flex-wrap: wrap; align-items: center; column-gap: 14px; } .site-footer .footer-brand { order: 1; flex: 0 0 auto; } .site-footer .footer-brand img { width: 104px; max-height: none; height: auto; } .site-footer .footer-inner p { order: 2; flex: 1 1 0; min-width: 0; margin: 0; font-size: 13px; line-height: 1.6; } .site-footer .useful-links { order: 4; flex: 1 1 100%; } .site-footer .social-links { order: 5; flex: 1 1 100%; } } /* ---- Titles in small lists and columns: at most 3 lines ---- */ .category-column h3, .article-sidebar-list h3, .text-list h3, .portal-trending-card h3, .portal-side-copy h3, .timeline-list h3, .popular-list a { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } /* ---- Article content styles (replace KS Brand Clean UI): lists, quotes, media ---- */ .entry-content ul, .entry-content ol { margin: 14px 0 18px; padding-left: 24px; line-height: 1.9; } .entry-content ul { list-style: disc; } .entry-content ol { list-style: decimal; } .entry-content li { margin: 8px 0; } .entry-content ol > li::marker { color: var(--khmerline-gold); font-weight: 700; } .entry-content blockquote { margin: 18px 0; padding: 14px 16px 14px 18px; border-left: 4px solid var(--khmerline-gold); border-radius: 12px; background: rgba(24, 115, 91, .08); } .entry-content blockquote::before, .entry-content blockquote::after { content: none; } .entry-content blockquote p { margin: 0; line-height: 1.85; } .entry-content img { max-width: 100%; height: auto; } .entry-content [class*="video-container"] { max-width: 100%; width: 100%; } .entry-content iframe[src*="doubleclick.net"], .entry-content iframe[src*="googlesyndication.com"], .entry-content iframe[id^="google_ads_iframe"] { display: block; max-width: 100%; margin: 0 auto; } [data-theme="dark"] .entry-content blockquote { background: rgba(47, 157, 127, .12); } /* ---- Khmer fonts first everywhere (Inter has no Khmer glyphs, so Khmer text/digits fell back to a system font) ---- */ :root { --font-khmer-body: "Kantumruy Pro", Battambang, Inter, Arial, sans-serif; --font-khmer-head: Battambang, "Kantumruy Pro", Inter, Arial, sans-serif; } body, button, input, select, textarea, time, .post-meta, .article-meta, .khmerline-category, .nav-menu a, .more-link, .pagination, .breadcrumbs, .search-field, .article-sidebar-list time { font-family: var(--font-khmer-body) !important; } h1, h2, h3, h4, h5, h6, .section-title, .article-header h1, .archive-item h2, .text-list h3, .article-sidebar-list h3, .lead-primary h1, .lead-secondary h3, .timeline-list h3, .portal-main-card h1, .latest-header h1, .bento-body h2, .category-column h3, .popular-list a, .article-sidebar-list h3 a { font-family: var(--font-khmer-head) !important; } /* ---- Article sidebar: wide enough for a 300x250 ad on desktop ---- */ @media (min-width: 1100px) { .single-layout { grid-template-columns: 340px minmax(0, 780px) !important; } } .article-sidebar .ks-sidebar-ad-block { padding: 12px 0 !important; overflow: hidden; max-width: 100%; } .article-sidebar .ks-sidebar-ad-inner { display: flex !important; justify-content: center; } @media (min-width: 769px) and (max-width: 1099px) { .article-sidebar .ks-sidebar-ad-block { display: none !important; } } /* ---- Privacy policy page (.hk-policy): styles live in the theme because WordPress strips