:root{ --navy:#0b2447; --navy-2:#123a6b; --blue:#1d63b8; --gold:#d4a72c; --gold-2:#f0c75e; --gold-ink:#86680f; /* accessible gold for text on light surfaces (>=4.5:1) */ --ink:#182234; --muted:#5d6a80; --line:#e3e8f0; --bg:#f6f8fb; --white:#fff; --r:16px; --shadow:0 12px 32px rgba(11,36,71,.10); --font-display:'Source Serif 4',Georgia,'Times New Roman',serif; --font-body:'Hanken Grotesk','Noto Sans Khmer',system-ui,-apple-system,sans-serif; --focus:0 0 0 3px rgba(212,167,44,.6); } *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth} body{font-family:var(--font-body);color:var(--ink);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} h1,h2,h3,.serif{font-family:var(--font-display);line-height:1.15} a{text-decoration:none;color:inherit} /* Cache note: the ...1755c717 build of this file was requested at the edge before it had been deployed, so Cloudflare cached the 404 HTML against that URL and then served it as the stylesheet. This comment exists only to change the content hash, moving the file to a URL that was never poisoned. Harmless to delete once the zone cache has been purged. */ /* height:auto is what makes the width/height attributes on every safe. The attributes exist to reserve the right space before the image loads (no layout shift), but without this the attribute height wins as a presentational hint and any rule relying on aspect-ratio (.facewall) renders stretched. Rules that deliberately set their own height (.vmedia, .ph, .abt-tile) are more specific and still override this. */ img{max-width:100%;display:block;height:auto} .wrap{max-width:1160px;margin:0 auto;padding:0 24px} section{padding:68px 0} /* accessibility: visible keyboard focus + text selection */ :focus-visible{outline:none;box-shadow:var(--focus);border-radius:6px} a:focus-visible,button:focus-visible,summary:focus-visible,.cta:focus-visible,.ghost:focus-visible{outline:none;box-shadow:var(--focus)} ::selection{background:var(--gold-2);color:var(--navy)} /* editorial ruled eyebrow (magazine small-caps kicker) */ .tag{display:inline-flex;align-items:center;gap:11px;color:var(--gold-ink);font-weight:700;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;margin-bottom:14px} .tag::before{content:"";width:26px;height:1.5px;background:var(--gold)} .center .tag{justify-content:center} .sec-h{font-size:clamp(1.8rem,3.3vw,2.55rem);color:var(--navy);margin-bottom:14px;letter-spacing:-.015em;line-height:1.12} .lead{color:var(--muted);max-width:64ch;font-size:1.02rem} .center{text-align:center}.center .lead{margin:0 auto} /* utility bar */ .util{background:var(--navy);color:#b9c8e2;font-size:.8rem} .util .wrap{display:flex;justify-content:space-between;align-items:center;height:40px;gap:12px} .util a{color:#d7e2f5}.util a:hover{color:var(--gold-2)} .util .r a{margin-left:16px} /* nav */ /* Scoped to the site header, which is a direct child of body. As a bare element selector this also hit the breadcrumb and the "keep reading" trail, both of which are