/* PKI Enterprise v21.1.1 — Typography Alignment */
:root{--pki-v2110-navy:#0c2442;--pki-v2110-text:#566579;--pki-v2110-muted:#778391;--pki-v2110-line:#dce3e8;--pki-v2110-accent:#174f79;--pki-v2110-bg:#f8fbfd}
body.pki-v2110-native-page{background:#fff;color:var(--pki-v2110-navy);overflow-x:hidden}
body.pki-v2110-native-page .pki-v2110-kc{overflow:hidden;background:#fff}
body.pki-v2110-native-page .pki-v2110-container{width:min(100% - 64px,1480px);margin-inline:auto}

/* Native hero: independent from legacy .pki-kc-hero rules. */
body.pki-v2110-native-page .pki-v2110-hero{padding:76px 0 0;background:linear-gradient(115deg,#f7fbfe 0%,#fff 67%,#f7fbfd 100%);color:var(--pki-v2110-navy);border:0;box-shadow:none}
body.pki-v2110-native-page .pki-v2110-eyebrow{margin:0 0 34px;color:#747f8b;font-size:14px;font-weight:700;line-height:1.2;letter-spacing:.16em;text-transform:uppercase}
body.pki-v2110-native-page .pki-v2110-hero h1{max-width:920px;margin:0;color:var(--pki-v2110-navy);font-family:Arial,"Noto Sans Thai",sans-serif;font-size:clamp(48px,3.55vw,58px);font-weight:700;line-height:1.02;letter-spacing:-.048em;text-shadow:none}
body.pki-v2110-native-page .pki-v2110-intro{max-width:1150px;margin:34px 0 0;color:var(--pki-v2110-text);font-size:18px;line-height:1.65}

/* Search appears as minimal text controls, not boxed buttons. */
body.pki-v2110-native-page .pki-v2110-search{display:flex;align-items:flex-end;gap:44px;max-width:760px;margin:42px 0 0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
body.pki-v2110-native-page .pki-v2110-search input[type="search"]{flex:0 1 310px;width:310px;min-width:0;height:58px;padding:0 0 12px;border:0;border-bottom:3px solid var(--pki-v2110-accent);border-radius:0;background:transparent;color:var(--pki-v2110-navy);font:500 16px/1.3 Arial,"Noto Sans Thai",sans-serif;box-shadow:none;outline:0}
body.pki-v2110-native-page .pki-v2110-search input[type="search"]::placeholder{color:var(--pki-v2110-navy);opacity:1}
body.pki-v2110-native-page .pki-v2110-search input[type="search"]:focus{border-bottom-color:#092f58}
body.pki-v2110-native-page .pki-v2110-search button{height:58px;padding:0 0 12px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#6f7781;font:400 16px/1.3 Arial,"Noto Sans Thai",sans-serif;box-shadow:none;cursor:pointer;white-space:nowrap}
body.pki-v2110-native-page .pki-v2110-search button:hover,
body.pki-v2110-native-page .pki-v2110-search button:focus-visible{color:var(--pki-v2110-navy);border-bottom-color:var(--pki-v2110-line);outline:0}

/* Plain category navigation with subtle separators. */
body.pki-v2110-native-page .pki-v2110-category-nav{background:#fff;border:0;border-top:1px solid rgba(220,227,232,.72);border-bottom:1px solid rgba(220,227,232,.72);box-shadow:none}
body.pki-v2110-native-page .pki-v2110-category-row{display:flex;align-items:center;gap:0;min-height:92px;overflow-x:auto;scrollbar-width:thin}
body.pki-v2110-native-page .pki-v2110-category-nav a{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;padding:12px 34px;color:#172536;text-decoration:none;font-size:15px;font-weight:500;line-height:1.3;white-space:nowrap;border:0;border-radius:0;background:transparent;box-shadow:none}
body.pki-v2110-native-page .pki-v2110-category-nav a:first-child{padding-left:0}
body.pki-v2110-native-page .pki-v2110-category-nav a.is-active{color:var(--pki-v2110-navy);font-weight:700;background:transparent}
body.pki-v2110-native-page .pki-v2110-category-nav a:hover,
body.pki-v2110-native-page .pki-v2110-category-nav a:focus-visible{color:var(--pki-v2110-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px;outline:0}
body.pki-v2110-native-page .pki-v2110-category-nav small{color:#7c8792;font-size:13px;font-weight:600}
body.pki-v2110-native-page .pki-v2110-divider{width:1px;height:28px;flex:0 0 1px;background:var(--pki-v2110-line)}

/* Keep established content sections below, with clean spacing. */
body.pki-v2110-native-page .pki-v210-category-index{padding-top:86px}
body.pki-v2110-native-page .pki-v210-category-preview{padding-top:68px}

@media (max-width:1100px){
 body.pki-v2110-native-page .pki-v2110-container{width:min(100% - 48px,1480px)}
 body.pki-v2110-native-page .pki-v2110-hero{padding-top:64px}
 body.pki-v2110-native-page .pki-v2110-hero h1{font-size:clamp(44px,5.6vw,54px)}
 body.pki-v2110-native-page .pki-v2110-category-nav a{padding-inline:26px;font-size:15px}
}
@media (max-width:720px){
 body.pki-v2110-native-page .pki-v2110-container{width:calc(100% - 40px)}
 body.pki-v2110-native-page .pki-v2110-hero{padding-top:48px}
 body.pki-v2110-native-page .pki-v2110-eyebrow{margin-bottom:24px;font-size:12px}
 body.pki-v2110-native-page .pki-v2110-hero h1{font-size:clamp(36px,10vw,44px);line-height:1.03}
 body.pki-v2110-native-page .pki-v2110-intro{margin-top:26px;font-size:16px;line-height:1.65}
 body.pki-v2110-native-page .pki-v2110-search{gap:28px;margin-top:30px;overflow-x:auto}
 body.pki-v2110-native-page .pki-v2110-search input[type="search"]{flex-basis:245px;width:245px;height:54px;font-size:15px}
 body.pki-v2110-native-page .pki-v2110-search button{height:54px;font-size:15px}
 body.pki-v2110-native-page .pki-v2110-category-row{min-height:76px}
 body.pki-v2110-native-page .pki-v2110-category-nav a{padding-inline:22px;font-size:14px}
 body.pki-v2110-native-page .pki-v2110-divider{height:24px}
 body.pki-v2110-native-page .pki-v210-category-index{padding-top:60px}
}