/* Advertising has its own space and never covers the authenticator. */
.header-controls{display:flex;align-items:center;gap:20px}.header .language-switch{display:flex;gap:2px;padding:3px;background:#edf2e8;border:1px solid #dfe7d8;border-radius:7px}.language-switch a{padding:5px 7px;font-size:10px;border-radius:4px}.language-switch a[aria-current]{color:#196749;background:white;box-shadow:0 1px 4px #213b2012;font-weight:700}.brand-icon{letter-spacing:-2px}.header>.brand{white-space:nowrap}.ad-slot{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:7px}.ad-label{font-size:8px;letter-spacing:1.4px;color:#a2ac9b;line-height:1.5}.top-ad,.wide-ad{width:728px;max-width:100%;height:auto;margin:24px auto 0}.ad-frame{width:100%;height:90px;border:1px dashed #cdd9c3;background:repeating-linear-gradient(135deg,#f3f6ef,#f3f6ef 9px,#f6f8f2 9px,#f6f8f2 18px);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;overflow:hidden}.ad-placeholder{font-size:12px;color:#819276}.ad-size{font-size:10px;color:#a1ad98}.ad-frame>a{width:100%;height:100%;display:grid;place-items:center}.ad-frame img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.banner-container{padding:0 22px 35px}.wide-ad{margin-top:0}.rectangle-ad{width:300px;max-width:100%;margin:0 auto 30px}.rectangle-ad .ad-frame{height:250px}.admin-page{max-width:880px;padding-top:45px;padding-bottom:60px}.admin-page h1{text-align:left;font-size:40px;letter-spacing:-1.5px;margin:15px 0}.admin-intro{color:#778571;line-height:1.8}.admin-notice{padding:20px;background:#edf4e6;border:1px solid #dbe7d1;border-radius:10px;font-size:13px;line-height:1.8;margin:25px 0}.admin-notice p{margin-bottom:0}.admin-card{background:white;border:1px solid #dfe6d9;border-radius:12px;padding:24px;margin:20px 0}.admin-card h2{font-size:21px;margin:0 0 20px}.admin-card label{margin-top:18px}.admin-card input[type=text],.admin-card input[type=url],.admin-card select{display:block;width:100%;font-size:13px;padding:12px;border:1px solid #dbe3d5;border-radius:6px;margin-top:8px;background:#fcfdfa}.admin-card p,.admin-card li{font-size:12px;color:#7d8c73;line-height:1.9}.admin-card-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.admin-card-heading h2{margin:0}.admin-card-heading .toggle-label{margin:0;display:flex;align-items:center;gap:6px}.toggle-label input{accent-color:#196749;width:17px;height:17px}.admin-reset{display:block;background:none;color:#657b5b;border:0;margin:18px auto;font-size:12px}.admin-page code{overflow-wrap:anywhere}.header{gap:20px}.hero{padding-top:40px}html[lang=vi] h1{line-height:1.2;font-size:58px}html[lang=vi] .eyebrow{letter-spacing:1px}html[lang=vi] .side-panel h2{line-height:1.3}html[lang=vi] .step-label{letter-spacing:.7px}html[lang=vi] .privacy-strip{font-size:10px;line-height:1.7;text-align:center}html[lang=vi] .settings summary span{white-space:nowrap}html[lang=vi] footer{flex-wrap:wrap}html[lang=vi] .header nav{gap:20px}
@media(max-width:950px){.header-note{display:none}.header nav{gap:20px}.header-controls{gap:0}}
@media(max-width:760px){.header{flex-wrap:wrap;height:auto;min-height:92px;padding-top:15px;padding-bottom:12px;gap:12px}.header>.brand{font-size:23px}.header>nav{order:3;width:100%;justify-content:center;gap:25px}.header>nav a:last-child{display:block}.header-controls{margin-left:auto}.header .language-switch{width:auto;gap:2px}.header .language-switch a:last-child{display:block}.top-ad,.wide-ad{display:flex;width:320px;max-width:calc(100% - 32px);margin-top:20px}.ad-frame{height:100px}.wide-ad{margin-top:0}.banner-container{padding-bottom:28px}.top-ad{margin-bottom:0}.hero{padding-top:30px}html[lang=vi] h1{font-size:41px;letter-spacing:-1.7px}html[lang=vi] .eyebrow{font-size:8px}html[lang=vi] .card-heading h2{font-size:20px}html[lang=vi] .card-heading{align-items:flex-start}html[lang=vi] .local-badge{white-space:normal;max-width:95px;text-align:center;line-height:1.5}html[lang=vi] .settings summary{flex-wrap:wrap}html[lang=vi] .settings summary span{margin-left:0}.admin-card{padding:18px}.admin-card-heading{display:block}.admin-card-heading .toggle-label{margin-top:16px}.admin-page h1{font-size:32px}html[lang=vi] .admin-page h1{font-size:32px}.rectangle-ad{margin-bottom:28px}footer nav{flex-wrap:wrap}}

@media(max-width:480px){html[lang=vi] h1{font-size:32px;letter-spacing:-1px}.hero .intro{line-height:1.8}.hero h1{margin-top:22px}}

/* Keep the authenticator close to the heading. */
.hero h1{margin-bottom:24px}.hero .workspace{margin-top:0}
@media(max-width:760px){.hero h1{margin-bottom:22px}}