/* Shared vertical spacing system — edit these values to change every page */
:root{--sp-top:32px;--sp-logo-head:24px;--sp-head-text:8px;--sp-text-content:24px;--sp-content-btn:28px;--sp-btn-gap:10px;--sp-bottom:28px}
html,body{min-height:0!important}
body{padding-top:var(--sp-top)!important;padding-bottom:var(--sp-bottom)!important}
.g{flex:0 0 var(--sp-content-btn)!important;height:var(--sp-content-btn)!important}
.vw{flex:none!important}
h1{margin:var(--sp-logo-head) 0 var(--sp-head-text)!important}
.mt{margin-top:var(--sp-logo-head)!important}.mt h1{margin-top:0!important}
.seal,.list,.prev,.code,.ch,.seg,.box:first-of-type{margin-top:var(--sp-text-content)!important}
.btn+div[style*="height:10px"]{height:var(--sp-btn-gap)!important}
/* landing page */
.hero{padding-top:var(--sp-logo-head)!important}
.hero h1{margin-top:0!important}
:root{--sp-section:40px}
.hero{padding-bottom:var(--sp-section)!important}
section{padding-top:var(--sp-section)!important;padding-bottom:var(--sp-section)!important}
h2{margin-bottom:var(--sp-text-content)!important}
.lead{margin:var(--sp-head-text) 0 var(--sp-content-btn)!important}
/* Fit every page in one phone screen (390x844) */
.br img{width:var(--logo,180px)!important;height:var(--logo,180px)!important;border-radius:22px!important}
h1{font-size:36px!important}
.prev{height:170px!important}
.row{padding:10px 2px!important}.row b{font-size:19px!important}
.v{padding-bottom:8px!important}
/* landing (index) compact */
.hero{padding-bottom:0!important}.hero h1{font-size:34px!important}
.mini{list-style:none;padding:0;margin:var(--sp-text-content) auto 0;max-width:340px;text-align:left}
.mini li{display:flex;gap:12px;align-items:flex-start;padding:9px 0;border-bottom:1px solid rgba(212,175,55,.25)}.mini li:last-child{border-bottom:0}
.mini i{flex:none;font-style:normal;width:28px;height:28px;border-radius:50%;background:#D4AF37;color:#0A0A0A;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}
.mini b{display:block;font-size:15px}.mini span{font-size:13px;opacity:.75}
.ftr{text-align:center;font-size:12px;opacity:.6;margin-top:var(--sp-text-content);line-height:1.6}
.br img{--logo:150px}
:root{--logo:150px}
.mt h1{font-size:22px!important}.mt h1 i{font-size:40px!important}
.seal{width:180px!important;height:180px!important}.seal>div{width:144px!important;height:144px!important}
.row{padding:7px 2px!important}.row b{font-size:18px!important}
.list{margin-top:14px!important}
.ft{margin-top:14px!important}