:root{
  --gold:#B87900;
  --yellow:#FFE500;
  --gold-dark:#8A5A00;
  --ink:#101010;
  --text:#222;
  --muted:#5b6268;
  --line:#b9c3ca;
  --soft:#f4f7f9;
  --card:#fff;
  --black:#050505;
  --danger:#e31b23;
  --green:#12a83a;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body,button,input,select,textarea{font-family:'Lexend',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}
body{margin:0;background:var(--soft)!important;color:var(--text)!important;font-size:13px;line-height:1.6}
a{color:inherit}
img{max-width:100%}

/* Shared shell */
.site-header,#hdr,header{background:var(--gold)!important;color:#fff!important;border:0!important;box-shadow:0 1px 0 rgba(0,0,0,.15)!important;position:relative!important;z-index:20}
.site-header .header-inner,#hdr .wrap,header .wrap{max-width:720px!important;margin:0 auto!important;min-height:42px!important;padding:4px 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
.brand{display:flex!important;align-items:center!important;gap:7px!important;text-decoration:none!important;color:#fff!important;font-weight:800!important;white-space:nowrap!important}
.brand img,.brand-mark,.brand-logo,.brand-logo-img{width:32px!important;height:32px!important;object-fit:contain!important;border-radius:5px!important;background:#111!important;display:block!important}
.brand-name,.brand>span{font-size:12px!important;letter-spacing:-.2px!important}
.nav,.nav-links,.site-header .nav{display:flex!important;align-items:center!important;gap:10px!important}
.nav a,.nav-links a,.site-header .nav a{font-size:9px!important;color:#fff!important;text-decoration:none!important;padding:4px 3px!important;font-weight:600!important}
.nav a:hover,.nav-links a:hover,.nav-links .on{color:var(--yellow)!important}

.page,.wrap,main>.wrap,.doc>.wrap{width:min(720px,calc(100% - 20px))!important;margin-inline:auto!important}
main{padding:10px 0 18px!important}
.page-hero,.hero{background:#fff!important;border:1px solid var(--line)!important;border-radius:3px!important;box-shadow:0 1px 2px rgba(0,0,0,.08)!important;padding:16px 12px!important;margin:0 auto 10px!important;text-align:center!important}
.hero h1,.page-hero h1{font-size:20px!important;line-height:1.25!important;margin:7px 0 8px!important;color:#111!important;font-weight:800!important}
.hero p,.page-hero p{font-size:11px!important;line-height:1.65!important;color:#454b50!important;margin:6px auto!important;max-width:650px!important}
.kicker,.eyebrow{display:inline-block!important;background:var(--yellow)!important;color:#111!important;border-radius:2px!important;padding:2px 7px!important;font-size:9px!important;font-weight:800!important;letter-spacing:.3px!important;text-transform:uppercase!important}
.crumb{font-size:9px!important;color:#666!important;margin:0 0 5px!important;text-align:left!important}
.crumb a{color:var(--gold-dark)!important}
.stamp{display:inline-flex!important;align-items:center!important;gap:5px!important;font-size:9px!important;color:#555!important;margin-top:5px!important}
.dot,.eyebrow-dot{width:6px!important;height:6px!important;background:var(--yellow)!important;border-radius:50%!important;display:inline-block!important}
mark{background:var(--yellow)!important;color:#111!important;padding:0 3px!important}
.hero-logo{width:82px!important;height:82px!important;object-fit:contain!important;margin:8px auto!important;display:block!important;background:#111!important;border-radius:5px!important}

.btns{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:6px!important;margin:8px 0!important}
.btn,.download-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;border-radius:3px!important;border:1px solid #111!important;padding:6px 12px!important;font-size:10px!important;font-weight:800!important;text-decoration:none!important;cursor:pointer!important;transition:none!important;box-shadow:none!important}
.btn-primary,.download-btn,.btn-dl{background:#111!important;color:var(--yellow)!important}
.btn-secondary,.btn-dark{background:var(--yellow)!important;color:#111!important}
.btn:hover,.download-btn:hover{transform:none!important}
.badges{display:flex!important;justify-content:center!important;gap:4px!important;flex-wrap:wrap!important;margin-top:7px!important}
.badge{border:1px solid var(--line)!important;background:#fff!important;border-radius:2px!important;padding:2px 6px!important;font-size:8px!important;color:#333!important}

.section{margin:9px 0!important}
.section-title,.prose h2,.details h2,.panel h2{background:var(--yellow)!important;color:#111!important;border:0!important;border-radius:3px!important;padding:5px 8px!important;margin:9px 0 6px!important;font-size:12px!important;line-height:1.35!important;font-weight:800!important;text-align:left!important}
.section-title:before{display:none!important}
.section-sub{font-size:10px!important;color:#555!important;margin:3px 2px 7px!important}
.grid,.check-grid,.version-grid,.v-grid,.steps,.specs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
.card,.v-card,.step,.version-item,.spec,.details,.panel,.callout,.contact{background:var(--card)!important;border:1px solid #9da6ad!important;border-radius:3px!important;box-shadow:0 1px 2px rgba(0,0,0,.08)!important;padding:10px!important;color:#333!important}
.card h3,.v-card h3,.step h3,.version-item h3,.spec h3{font-size:10px!important;line-height:1.35!important;color:#111!important;margin:3px 0 4px!important;font-weight:800!important}
.card p,.v-card p,.step p,.version-item p,.spec p,.details p,.panel p{font-size:9px!important;line-height:1.55!important;color:#4e555b!important;margin:3px 0!important}
.icon,.v-ico{font-size:15px!important;width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:3px!important;background:#fff9b8!important;border:1px solid #ead000!important;color:#111!important;margin-bottom:4px!important}

.notice{background:#fff!important;border:1px solid var(--line)!important;border-left:4px solid var(--gold)!important;border-radius:3px!important;padding:7px 9px!important;margin:7px 0!important;font-size:9px!important;line-height:1.55!important;color:#454b50!important}
.notice strong{color:#111!important}
.notice.warn{border-left-color:var(--danger)!important}

.quick-table,.tech-table,.tbl-wrap table,.specs table{width:100%!important;border-collapse:collapse!important;background:#fff!important;font-size:9px!important}
.quick-table,.tech-table,.tbl-wrap{border:1px solid var(--line)!important;border-radius:3px!important;overflow:hidden!important;background:#fff!important}
th,td{padding:5px 7px!important;border-bottom:1px solid var(--line)!important;text-align:left!important;vertical-align:top!important;color:#333!important}
th{background:#eef2f4!important;color:#111!important;font-weight:800!important;font-size:8px!important}
tbody tr:last-child td{border-bottom:0!important}

/* Document pages */
.doc{padding:0!important}
.doc-grid{display:block!important}
.toc{position:static!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:3px!important;padding:7px 9px!important;margin-bottom:8px!important;box-shadow:0 1px 2px rgba(0,0,0,.06)!important}
.toc h4{background:var(--yellow)!important;color:#111!important;font-size:10px!important;letter-spacing:.2px!important;margin:-7px -9px 6px!important;padding:5px 8px!important;font-weight:800!important}
.toc ol{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:2px 12px!important;list-style:none!important;padding:0!important;margin:0!important;counter-reset:t!important}
.toc li{margin:0!important}
.toc a{display:block!important;color:#4c545a!important;text-decoration:none!important;font-size:8.5px!important;line-height:1.45!important;padding:2px 0!important}
.toc a::before{counter-increment:t!important;content:counter(t,decimal-leading-zero)!important;color:var(--gold)!important;margin-right:4px!important;font-size:8px!important}
.prose{max-width:none!important;background:transparent!important}
.prose section{background:#fff!important;border:1px solid #aab3ba!important;border-radius:3px!important;box-shadow:0 1px 2px rgba(0,0,0,.06)!important;padding:10px!important;margin:0 0 8px!important}
.prose section:last-of-type{margin-bottom:0!important}
.prose h2{display:block!important}
.prose h2 span{font-family:'Lexend',sans-serif!important;color:#111!important;font-size:9px!important;letter-spacing:0!important;margin-right:4px!important}
.prose h3{font-size:10px!important;color:#111!important;background:#fff9b8!important;padding:4px 6px!important;border-radius:2px!important;margin:8px 0 5px!important}
.prose p,.prose li{font-size:9px!important;line-height:1.6!important;color:#4a5157!important}
.prose ul,.prose ol{margin:4px 0 8px!important;padding-left:18px!important;display:block!important}
.prose li{margin:3px 0!important}
.prose strong{color:#111!important}
.prose a{color:#0057a8!important;border-bottom:1px dotted #0057a8!important}
.callout{border-left:4px solid var(--gold)!important;margin-bottom:7px!important}
.tbl-wrap{margin:6px 0!important}
.v-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.v-card{padding:9px!important}
.strip{background:var(--yellow)!important;color:#111!important;border-radius:3px!important;padding:12px!important;margin:8px 0!important;text-align:center!important;border:1px solid #d6bf00!important}
.strip h2{background:transparent!important;margin:0 0 4px!important;padding:0!important;text-align:center!important;font-size:13px!important}
.strip p{font-size:9px!important;color:#333!important}

/* Download page */
.app-card{background:#fff!important;border:1px solid var(--line)!important;border-radius:3px!important;padding:10px!important;box-shadow:0 1px 2px rgba(0,0,0,.08)!important}
.app-top{display:flex!important;align-items:center!important;gap:8px!important}
.app-icon{width:58px!important;height:58px!important;border-radius:5px!important;background:#111!important}
.app-name{font-size:13px!important;color:#111!important;margin:0!important}
.app-meta{font-size:8px!important;color:#666!important;display:flex!important;gap:7px!important;flex-wrap:wrap!important}
.app-description,.download-copy{font-size:9px!important;color:#4e555b!important}
.download-btn{margin-top:6px!important}
.status{color:#111!important}

/* FAQ / details */
details{background:#fff!important;border:1px solid #d5b900!important;border-radius:3px!important;margin:5px 0!important;padding:0!important;overflow:hidden!important}
details summary{cursor:pointer!important;background:#fff!important;color:#111!important;font-size:9px!important;font-weight:800!important;padding:6px 8px!important;list-style:none!important}
details summary::-webkit-details-marker{display:none!important}
details summary:after{content:'+';float:right!important;font-size:12px!important}
details[open] summary:after{content:'−'}
details p{padding:0 8px 8px!important;margin:0!important;font-size:9px!important;line-height:1.55!important;color:#4b5258!important}

footer,.footer{background:var(--black)!important;color:#bbb!important;border-top:3px solid var(--gold)!important;margin-top:12px!important;padding:14px 0 10px!important}
.footer-inner,footer .wrap{max-width:720px!important;margin:0 auto!important;width:calc(100% - 20px)!important}
.f-top,.footer-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding-bottom:8px!important;border-bottom:1px solid #333!important}
.f-brand{display:flex!important;align-items:center!important;gap:6px!important;margin-bottom:4px!important}
footer .brand-logo-img{width:26px!important;height:26px!important}
footer h4{font-family:'Lexend',sans-serif!important;color:#fff!important;font-size:8px!important;letter-spacing:.3px!important;margin:0 0 4px!important;text-transform:uppercase!important}
footer p,footer li,footer a,.keyword-row,.f-bot{font-size:7px!important;line-height:1.5!important}
footer ul{list-style:none!important;padding:0!important;margin:0!important;display:grid!important;gap:2px!important}
footer a{color:#bbb!important;text-decoration:none!important}
footer a:hover{color:var(--yellow)!important}
.keyword-row{margin:7px 0!important;color:#777!important}
.f-bot,.footer-bottom{padding-top:7px!important;display:flex!important;justify-content:space-between!important;gap:8px!important;flex-wrap:wrap!important;color:#777!important}

@media(max-width:560px){
 body{font-size:12px!important}
 .site-header .header-inner,#hdr .wrap,header .wrap{min-height:38px!important}
 .nav a,.nav-links a{font-size:7px!important}
 .brand-name,.brand>span{font-size:10px!important}
 .brand img,.brand-mark,.brand-logo,.brand-logo-img{width:27px!important;height:27px!important}
 .hero h1,.page-hero h1{font-size:17px!important}
 .grid,.check-grid,.version-grid,.v-grid,.steps,.specs{grid-template-columns:1fr 1fr!important}
 .toc ol{grid-template-columns:1fr!important}
 .f-top,.footer-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:380px){
 .nav,.nav-links{gap:4px!important}
 .nav a,.nav-links a{font-size:6.5px!important}
 .grid,.check-grid,.version-grid,.v-grid,.steps,.specs{grid-template-columns:1fr!important}
}

/* ===== FULL-WIDTH DESKTOP / 100% VIEWPORT UPDATE ===== */
html,body{width:100%!important;min-width:0!important}
body{background:#fff!important;font-size:16px!important;line-height:1.7!important;overflow-x:hidden!important}

.site-header .header-inner,#hdr .wrap,header .wrap{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  min-height:58px!important;
  padding:8px clamp(14px,2vw,34px)!important;
}

.page,.wrap,main>.wrap,.doc>.wrap{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:clamp(14px,2vw,34px)!important;
  padding-right:clamp(14px,2vw,34px)!important;
}

main{width:100%!important;padding:16px 0 30px!important}

.hero,.page-hero{
  width:100%!important;
  max-width:none!important;
  padding:34px clamp(18px,4vw,60px)!important;
  margin:0 0 18px!important;
  border-radius:8px!important;
}
.hero h1,.page-hero h1{font-size:clamp(30px,3.2vw,52px)!important;line-height:1.18!important;margin:10px auto 14px!important}
.hero p,.page-hero p{font-size:16px!important;line-height:1.75!important;max-width:1100px!important}
.kicker,.eyebrow{font-size:11px!important;padding:5px 10px!important}
.brand-name,.brand>span{font-size:16px!important}
.brand img,.brand-mark,.brand-logo,.brand-logo-img{width:42px!important;height:42px!important}
.nav a,.nav-links a,.site-header .nav a{font-size:13px!important;padding:6px 7px!important}
.nav,.nav-links,.site-header .nav{gap:16px!important}

.section{margin:16px 0!important;padding:8px 0!important}
.section-title,.prose h2,.details h2,.panel h2{font-size:20px!important;padding:10px 14px!important;margin:14px 0 10px!important;border-radius:6px!important}
.section-sub{font-size:15px!important;line-height:1.7!important}
.notice{font-size:14px!important;line-height:1.7!important;padding:12px 15px!important;margin:10px 0!important}

.grid,.check-grid,.version-grid,.v-grid,.steps,.specs{gap:14px!important}
.card,.v-card,.step,.version-item,.spec,.details,.panel,.callout,.contact{padding:18px!important;border-radius:8px!important}
.card h3,.v-card h3,.step h3,.version-item h3,.spec h3{font-size:17px!important}
.card p,.v-card p,.step p,.version-item p,.spec p,.details p,.panel p{font-size:14px!important;line-height:1.7!important}
.icon,.v-ico{width:38px!important;height:38px!important;font-size:20px!important}

.quick-table,.tech-table,.tbl-wrap table,.specs table{font-size:14px!important}
th,td{padding:10px 12px!important}
th{font-size:12px!important}

.btn,.download-btn{font-size:14px!important;padding:11px 18px!important;min-height:44px!important}
.badge{font-size:12px!important;padding:5px 9px!important}

.prose section{padding:18px!important;margin-bottom:14px!important;border-radius:8px!important}
.prose h3{font-size:16px!important;padding:7px 9px!important}
.prose p,.prose li{font-size:14px!important;line-height:1.75!important}
.prose h2 span{font-size:12px!important}
.toc{padding:12px 14px!important}
.toc h4{font-size:12px!important;padding:8px 10px!important;margin:-12px -14px 9px!important}
.toc a{font-size:12px!important}
.toc a::before{font-size:10px!important}

.app-card{padding:18px!important;border-radius:8px!important}
.app-icon{width:82px!important;height:82px!important}
.app-name{font-size:18px!important}
.app-meta{font-size:12px!important}
.app-description,.download-copy{font-size:14px!important;line-height:1.7!important}

.strip{padding:18px!important;border-radius:7px!important}
.strip h2{font-size:20px!important}
.strip p{font-size:14px!important}

details{margin:8px 0!important;border-radius:7px!important}
details summary{font-size:14px!important;padding:11px 14px!important}
details p{font-size:14px!important;line-height:1.7!important;padding:0 14px 14px!important}

footer,.footer{padding:30px 0 22px!important;margin-top:24px!important}
.footer-inner,footer .wrap{width:100%!important;max-width:none!important;margin:0!important;padding-left:clamp(14px,2vw,34px)!important;padding-right:clamp(14px,2vw,34px)!important}
.f-top,.footer-grid{gap:24px!important}
footer h4{font-size:12px!important}
footer p,footer li,footer a,.keyword-row,.f-bot{font-size:11px!important;line-height:1.65!important}
footer .brand-logo-img{width:36px!important;height:36px!important}

@media(max-width:900px){
  .nav,.nav-links{gap:9px!important}
  .nav a,.nav-links a,.site-header .nav a{font-size:11px!important}
  .grid,.check-grid,.steps,.content-columns,.keyword-topics{grid-template-columns:1fr 1fr!important}
}
@media(max-width:700px){
  .site-header .header-inner,#hdr .wrap,header .wrap{min-height:54px!important}
  .brand-name,.brand>span{font-size:14px!important}
  .brand img,.brand-mark,.brand-logo,.brand-logo-img{width:36px!important;height:36px!important}
  .nav a,.nav-links a,.site-header .nav a{font-size:10px!important;padding:4px!important}
  .hero,.page-hero{padding:26px 16px!important}
  .hero h1,.page-hero h1{font-size:30px!important}
  .hero p,.page-hero p{font-size:15px!important}
  .grid,.check-grid,.steps,.content-columns,.keyword-topics{grid-template-columns:1fr!important}
}
@media(max-width:440px){
  .nav a:nth-child(n+4){display:none!important}
  .hero h1,.page-hero h1{font-size:26px!important}
  .hero p,.page-hero p{font-size:14px!important}
  .version-grid{grid-template-columns:1fr 1fr!important}
}