@import url('../fonts/noto-sans-lao/font.css');
:root{color-scheme:light;--ink:#173451;--blue:var(--pmx-brand-blue,#086ba8);--yellow:var(--pmx-brand-gold,#f7c844);--line:#dde7ef;--muted:#536b80}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f5f8fb;color:var(--ink);font:17px/1.95 'Noto Sans Lao',sans-serif}a{color:var(--blue);text-underline-offset:4px}a:focus-visible,.table-wrap:focus-visible{outline:3px solid #d5a400;outline-offset:4px;border-radius:4px}img{max-width:100%}.skip-link{position:fixed;top:-100px;left:12px;background:white;padding:8px 16px;z-index:100}.skip-link:focus{top:8px}.mascot-nav{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px max(24px,calc((100vw - 1180px)/2));background:#ffffffed;backdrop-filter:blur(14px);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font:700 21px/1.3 'Noto Sans Lao',sans-serif;text-decoration:none;color:var(--ink)}.brand b{color:var(--blue)}.brand img{object-fit:contain}.home-link{font-size:14px;text-decoration:none}.mascot-hero{max-width:1180px;margin:36px auto 48px;padding:54px 56px;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:40px;border:1px solid #dbe9f1;border-radius:30px;background:radial-gradient(ellipse at 95% 15%,#fff0b9 0,transparent 48%),linear-gradient(125deg,#edf7ff,#fff)}.eyebrow,.section-number{font:700 11px/1.5 'Noto Sans Lao',sans-serif;letter-spacing:2px;color:var(--blue)}h1{font:800 clamp(36px,5vw,64px)/1.15 'Noto Sans Lao',sans-serif;letter-spacing:-2px;margin:18px 0}h1 span{color:var(--blue)}.hero-subtitle{font-size:clamp(20px,2.4vw,28px);line-height:1.8;font-weight:bold;margin:16px 0}.hero-copy>p:last-of-type{color:var(--muted);max-width:540px}.primary-link{display:inline-block;padding:11px 20px;margin-top:12px;background:#125f9f;color:#fff;border-radius:12px;text-decoration:none;font-weight:bold;font-size:15px}.primary-link:hover{background:#0b487d}.mascot-portrait{margin:0;text-align:center}.portrait-ring{width:240px;height:240px;max-width:100%;margin:0 auto 24px;display:grid;place-items:center;border-radius:50%;background:#fff;border:12px solid #e5f2fc;box-shadow:0 0 0 1px #c9e0f4,0 20px 45px #16548b17}.portrait-ring img{width:160px;height:160px;object-fit:contain;filter:drop-shadow(0 10px 10px #164a7020)}figcaption{font-size:13px;color:var(--muted)}.mascot-layout{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px;align-items:start}.contents{position:sticky;top:110px;padding:18px 0}.contents>p{font-size:13px;font-weight:bold;margin:0 0 14px;color:var(--muted)}.contents nav{display:grid;gap:6px}.contents a{font-size:14px;text-decoration:none;padding:8px 12px;border-left:2px solid var(--line)}.contents a:hover{background:#eaf3fc;border-color:var(--blue);border-radius:0 8px 8px 0}.mascot-article{min-width:0}.mascot-article>section{margin-bottom:24px;padding:36px;background:white;border:1px solid var(--line);border-radius:20px;scroll-margin-top:105px}.mascot-article h2{font-size:clamp(21px,2.4vw,27px);line-height:1.65;margin:12px 0 24px}.mascot-article h3{font-size:18px;color:var(--blue);margin:26px 0 8px}.mascot-article p{margin:0 0 18px}.concept-note{background:#fff9e7;border:1px solid #efdda6;border-radius:14px;padding:20px 24px;margin-bottom:24px;font-size:15px}.concept-note strong{color:#745300}.concept-note p{margin:8px 0 0}.table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin:20px 0}table{border-collapse:collapse;width:100%;min-width:480px;font-size:15px;text-align:left}th,td{padding:16px;border-bottom:1px solid var(--line);vertical-align:top}thead{background:#edf5fc;color:#174b7d}tbody tr:last-child>*{border-bottom:0}tbody th{font-weight:bold;min-width:135px;width:27%}.swatch{display:block;width:24px;height:24px;border:1px solid #0002;border-radius:8px;margin-bottom:8px}.blue{background:#258bd6}.yellow{background:#ffd34d}.white{background:#fff}.navy{background:#123c69}.muted{font-size:14px;color:var(--muted)}.meaning-list{list-style:none;margin:20px 0;padding:0;display:grid;gap:12px}.meaning-list li{border-left:3px solid var(--yellow);background:#f7fafc;padding:16px 18px;border-radius:0 12px 12px 0}.meaning-list strong,.meaning-list span{display:block}.meaning-list span{font-size:16px;margin-top:4px;color:var(--muted)}blockquote{margin:24px 0;padding:20px 24px;border-left:4px solid var(--yellow);background:#f0f7fd;font-weight:bold;border-radius:0 12px 12px 0}.definition{background:linear-gradient(130deg,#eaf5ff,#fffdf3)!important}.definition blockquote{background:transparent;padding:0 0 0 20px;font-weight:normal}.mascot-footer{max-width:1180px;margin:36px auto 0;border-top:1px solid var(--line);padding:24px 0 36px;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted)}
@media(max-width:1228px){.mascot-hero,.mascot-layout,.mascot-footer{margin-left:24px;margin-right:24px}.mascot-hero{padding:36px}.mascot-layout{grid-template-columns:200px minmax(0,1fr);gap:24px}}
@media(max-width:800px){.mascot-hero{grid-template-columns:1fr;padding:28px;gap:28px}.mascot-portrait{grid-row:1}.portrait-ring{width:184px;height:184px;border-width:8px;margin-bottom:12px}.portrait-ring img{width:132px;height:132px}.mascot-layout{display:block}.contents{position:static;padding:0;margin-bottom:24px}.contents nav{display:flex;overflow-x:auto;padding-bottom:10px;gap:8px}.contents a{white-space:nowrap;border:1px solid var(--line);border-radius:24px;padding:7px 12px;background:white}.mascot-article>section{padding:26px}.mascot-footer{flex-wrap:wrap}.eyebrow{font-size:10px;letter-spacing:1.5px}}
@media(max-width:420px){body{font-size:16px}.mascot-nav{padding:12px 16px}.brand{font-size:18px;gap:8px}.home-link{font-size:12px}.mascot-hero,.mascot-layout,.mascot-footer{margin-left:12px;margin-right:12px}.mascot-hero{padding:24px 20px;margin-top:20px;border-radius:22px}h1{letter-spacing:-1px}.mascot-article>section{padding:22px 18px}.concept-note{padding:18px}.table-wrap th,.table-wrap td{padding:12px}.meaning-list li{padding:14px}.mascot-footer{padding:20px 4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.mascot-nav,.contents,.primary-link,.skip-link{display:none}.mascot-layout{display:block}.mascot-hero{margin:0;padding:20px}.mascot-article>section{border:0;padding:16px 0}.table-wrap{overflow:visible}table{min-width:0}.mascot-footer{margin:0}}

/* Isolate article layout from homepage component styles. */
.pmx-mascot-page #mascot-content{width:100%;min-width:0}
.pmx-mascot-page .mascot-layout{width:calc(100% - 48px);max-width:1180px;grid-template-columns:240px minmax(0,1fr)}
.pmx-mascot-page .mascot-layout>*,.pmx-mascot-page .mascot-article>section{min-width:0;max-width:100%;box-sizing:border-box}
.pmx-mascot-page .mascot-article :is(p,h2,h3,li,blockquote,strong){white-space:normal;overflow-wrap:anywhere;word-break:normal;max-width:100%}
.pmx-mascot-page .mascot-article .section-number{position:static;display:inline-block;width:auto;height:auto;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:none!important;box-shadow:none;color:#086ba8;transform:none;line-height:1.6;white-space:normal}
@media(max-width:1228px){.pmx-mascot-page .mascot-layout{grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:800px){.pmx-mascot-page .mascot-layout{display:block}}
@media(max-width:420px){.pmx-mascot-page .mascot-layout{width:calc(100% - 24px)}}