/* Scoped article adaptation and proportional site logos. */
.site-header .logo:not(#_) { display:flex; align-items:center; justify-content:center; width:100%; min-height:111px; height:auto; padding:10px 0; }
.site-header .logo:not(#_) > img { position:static; transform:none; margin:0; width:139px !important; height:91px !important; max-width:100% !important; max-height:none !important; object-fit:contain; }
.site-header a.logo::after { right:calc(50% - 78px); top:0; }
.powered-by-link .powered-by-logo { width:auto; height:auto; max-height:64px; max-width:139px; object-fit:contain; }
.site-description .nava-article { max-width:920px; margin:0 auto; font-family:Tahoma,"Leelawadee UI",system-ui,sans-serif; font-size:17px; line-height:1.95; color:#f0e5d5; overflow-wrap:anywhere; }
.site-description .nava-article h1 { max-width:none; margin:0 0 22px; font-size:clamp(25px,3vw,34px); line-height:1.6; color:#fff4dd; text-align:left; }
.nava-article h2 { margin:0 0 18px; font-size:clamp(21px,2.3vw,27px); line-height:1.6; color:#f4cf7b; }
.nava-article p { margin:0 0 22px; }
.nava-article .eyebrow { color:#e2ba68; font-size:13px; margin-bottom:14px; }
.nava-article .intro { color:#e3d6bd; font-size:18px; }
.nava-article .toc { padding:22px; margin:28px 0 36px; border:1px solid #b292464d; border-radius:14px; background:#0b1b13; }
.nava-article .toc h2 { font-size:18px; margin-bottom:14px; }
.nava-article .toc ol { margin:0; padding-left:24px; display:grid; grid-template-columns:1fr 1fr; gap:8px 30px; }
.nava-article .toc a { display:block; padding:6px 0; color:#f3ce81; }
.nava-article .prose section { padding-bottom:28px; margin-bottom:32px; border-bottom:1px solid #b4953a40; scroll-margin-top:24px; }
.nava-article .table-wrap { width:100%; margin:24px 0; border:1px solid #a2833b80; border-radius:12px; overflow:hidden; }
.nava-article table { width:100%; table-layout:fixed; border-collapse:collapse; font-size:15px; line-height:1.8; }
.nava-article caption { padding:14px; text-align:left; color:#f4ce7d; background:#15281b; font-weight:700; }
.nava-article th,.nava-article td { padding:14px; text-align:left; vertical-align:top; border-top:1px solid #92793b50; overflow-wrap:anywhere; }
.nava-article thead { background:#172e20; }
.nava-article th { color:#fff0c7; }
.nava-article .takeaway { padding:18px 20px; border-left:3px solid #e8bc56; border-radius:0 10px 10px 0; background:#17271a; color:#f5dfb4; }
.nava-article .faq { margin-top:36px; }
.nava-article .faq-lead { color:#d3c4a7; }
.nava-article details { margin:12px 0; padding:0; border:1px solid #987d3a66; border-radius:12px; background:#0e2016; }
.nava-article summary { display:list-item; cursor:pointer; padding:18px 20px; color:#f4d18d; font-weight:700; }
.nava-article details p { padding:0 20px 20px; margin:0; }
.nava-article .responsibility { margin-top:28px; padding:20px; border:1px solid #9c803655; border-radius:12px; background:#142318; color:#ddcfb3; font-size:14px; }
.nava-article .responsibility strong { display:block; margin-bottom:6px; color:#f0d7a7; }
.nava-article :focus-visible { outline:3px solid #f2c447; outline-offset:4px; }
.nava-breadcrumb { max-width:920px; margin:0 auto 24px; font-family:Tahoma,system-ui,sans-serif; font-size:14px; }
.nava-breadcrumb ol { display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:0; list-style:none; }
.nava-breadcrumb li+li::before { content:"/"; margin-right:8px; color:#b7a781; }
.nava-breadcrumb a { color:#f2cf86; }
.nava999-popup-img { height:auto; aspect-ratio:2400/936; object-fit:contain; }
@media(max-width:767px) {
  .nava-article .toc ol { grid-template-columns:1fr; }
  .nava-article .toc { padding:18px; }
  .nava-article th,.nava-article td { padding:12px 8px; }
  .site-description .nava-article { font-size:17px; }
}