:root {
      --nw-red:#d0021b; --nw-red-d:#a30015; --nw-ink:#121417; --nw-ink2:#3b4149; --nw-mute:#6f7782;
      --nw-line:#e3e6ea; --nw-soft:#f4f5f7; --nw-blue:#0b5394;
      --nw-font:'Khmer','Helvetica Neue',Arial,system-ui,sans-serif;
      --t-ink:var(--nw-ink); --t-ink2:var(--nw-ink2); --t-mute:var(--nw-mute); --t-line:var(--nw-line);
      --t-soft:var(--nw-soft); --t-card:#fff; --t-accent:var(--nw-red); --t-r:4px; --t-head:var(--nw-font);
    }
    *, *::before, *::after { box-sizing:border-box; }
    html { scroll-behavior:smooth; scroll-padding-top:70px; }
    body { margin:0; background:#fff; color:var(--nw-ink); font-family:var(--nw-font); font-size:16px; line-height:1.6; overflow-x:clip; }
    img { max-width:100%; display:block; }
    a { color:inherit; }
    h1, h2, h3 { line-height:1.25; margin:0; font-weight:800; letter-spacing:-.01em; }
    .nw-wrap { max-width:1240px; margin:0 auto; padding:0 18px; }
    .nw-label { display:inline-block; font-size:11.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase;
                color:var(--nw-red); }

    /* ---- top bar, brand row, menu bar ---- */
    .nw-top { background:var(--nw-red); color:#fff; font-size:13px; }
    .nw-top .nw-wrap { display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:34px; }
    .nw-top a { color:#fff; text-decoration:none; }
    .nw-top .nw-r { display:flex; gap:16px; align-items:center; }
    .nw-brand { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:16px; padding-bottom:16px; }
    .nw-logo { display:flex; align-items:center; gap:12px; text-decoration:none; }
    .nw-logo img { height:46px; width:auto; }
    .nw-logo b { font-size:clamp(1.6rem,3.4vw,2.4rem); font-weight:900; letter-spacing:-.03em; }
    .nw-logo b span { color:var(--nw-red); }
    .nw-social { display:flex; gap:8px; }
    .nw-social a { width:34px; height:34px; border-radius:50%; background:var(--nw-soft); display:inline-flex;
                   align-items:center; justify-content:center; text-decoration:none; color:var(--nw-ink2); }
    .nw-social a:hover { background:var(--nw-red); color:#fff; }
    .nw-bar { background:var(--nw-ink); position:sticky; top:0; z-index:100; }
    .nw-bar .nw-wrap { display:flex; align-items:center; min-height:48px; position:relative; }
    .nw-nav { display:flex; align-items:center; flex-wrap:wrap; }
    .tm-link { color:#fff; text-decoration:none; font-size:14px; font-weight:700; padding:14px 14px; background:none; border:0;
               cursor:pointer; display:inline-flex; align-items:center; gap:6px; font-family:inherit; border-bottom:3px solid transparent; }
    .tm-link:hover { border-bottom-color:var(--nw-red); background:rgba(255,255,255,.06); }
    .tm-link img { width:18px; height:12px; object-fit:cover; }
    .tm-caret { font-size:9px; }
    .tm-dd { position:relative; }
    .tm-dd-menu { position:absolute; left:0; top:100%; min-width:220px; background:#fff; border-top:3px solid var(--nw-red);
                  box-shadow:0 14px 34px rgba(0,0,0,.16); display:none; z-index:120; }
    .tm-dd:hover .tm-dd-menu, .tm-dd.open .tm-dd-menu, .tm-dd:focus-within .tm-dd-menu { display:block; }
    .tm-dd-menu a { display:flex; align-items:center; gap:8px; padding:11px 16px; text-decoration:none; color:var(--nw-ink);
                    font-weight:600; border-bottom:1px solid var(--nw-line); }
    .tm-dd-menu a:hover { background:var(--nw-soft); color:var(--nw-red); }
    .tm-dd-menu img { width:18px; height:12px; object-fit:cover; }
    .tm-lang { margin-left:auto; } .tm-lang .tm-dd-menu { left:auto; right:0; min-width:150px; }
    .nw-burger { display:none; background:none; border:0; color:#fff; font-size:20px; padding:12px 6px; cursor:pointer; }
    /* the scrolling line of latest headlines */
    .nw-ticker { border-bottom:1px solid var(--nw-line); background:#fff; }
    .nw-ticker .nw-wrap { display:flex; align-items:center; gap:14px; min-height:42px; overflow:hidden; }
    .nw-ticker b { flex:0 0 auto; background:var(--nw-red); color:#fff; font-size:12px; font-weight:800; text-transform:uppercase;
                   letter-spacing:.06em; padding:4px 10px; }
    .nw-tick { flex:1; overflow:hidden; white-space:nowrap; mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent); }
    .nw-tick span { display:inline-block; padding-left:100%; animation:nw-run 40s linear infinite; }
    .nw-tick a { text-decoration:none; font-weight:600; margin-right:46px; }
    .nw-tick a::before { content:'●'; color:var(--nw-red); font-size:9px; margin-right:8px; vertical-align:2px; }
    .nw-tick:hover span { animation-play-state:paused; }
    @keyframes nw-run { to { transform:translateX(-100%); } }

    /* ---- posts and lists ---- */
    .yk-coll-head { border-bottom:3px solid var(--nw-ink); padding-bottom:10px; }
    .yk-coll-head h1 { font-weight:900; }
    .yk-art-head h1 { font-weight:900; font-size:clamp(1.9rem,4.4vw,3rem); }
    .yk-card { border:0; border-radius:0; border-bottom:1px solid var(--nw-line); padding-bottom:12px; }
    .yk-card:hover { box-shadow:none; transform:none; } .yk-card:hover h3 { color:var(--nw-red); }
    .yk-card-body { padding:12px 0 0; }
    .yk-tag { text-transform:uppercase; font-weight:800; font-size:11.5px; letter-spacing:.06em; }
    .yk-count { border-radius:2px; }

    /* ---- footer ---- */
    .nw-foot { background:var(--nw-ink); color:#c4c9d1; margin-top:50px; padding:40px 0 22px; font-size:14.5px; }
    .nw-foot-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:30px; }
    .nw-foot h4 { color:#fff; font-size:13px; text-transform:uppercase; letter-spacing:.08em; margin:0 0 12px;
                  border-left:3px solid var(--nw-red); padding-left:10px; }
    .nw-foot b.nw-fb { color:#fff; font-size:1.6rem; font-weight:900; display:block; }
    .nw-foot-links a, .nw-foot-links span { display:block; color:#c4c9d1; text-decoration:none; padding:3px 0; }
    .nw-foot-links a:hover { color:#fff; }
    .nw-copy { border-top:1px solid #2b3038; margin-top:28px; padding-top:14px; font-size:13px; color:#8a919b; }

    @media (max-width:900px) {
      .nw-burger { display:inline-flex; }
      .nw-nav { display:none; position:absolute; left:0; right:0; top:100%; flex-direction:column; align-items:stretch; background:var(--nw-ink); padding-bottom:10px; }
      .nw-nav.open { display:flex; }
      .tm-lang { margin-left:0; }
      .tm-dd-menu { position:static; box-shadow:none; border-top:0; }
      .nw-foot-grid { grid-template-columns:1fr; }
      .nw-brand .nw-social { display:none; }
      .nw-top .nw-date { display:none; }
    }