/* A single centered label and two equally sized icon slots for every button. */
.btn,.btn.small,.hero-actions .btn,.guide-banner .btn,.last-cta .btn,.telegram-button,.member-edit .btn,.file-download .btn,.download-action .btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:52px;min-height:52px;padding:0 22px;min-width:172px;gap:0;line-height:20px;text-align:center;vertical-align:middle;letter-spacing:0;border-radius:0!important}
.btn>.button-content{display:grid;grid-template-columns:20px minmax(0,1fr) 20px;align-items:center;justify-items:center;column-gap:12px;width:100%;height:100%;font-size:12px;font-weight:600;line-height:20px}
.btn .button-label{display:block;font:inherit;font-size:12px;line-height:20px;text-align:center;white-space:nowrap;letter-spacing:0;margin:0;padding:0;color:inherit}
.btn .button-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:17px;font-weight:400;line-height:20px;margin:0;padding:0;color:inherit;flex-shrink:0}
.btn .button-icon svg{display:block;width:19px;height:19px;margin:0;flex-shrink:0}.btn .button-icon:empty{visibility:hidden}
.btn.small,.member-edit .btn,.member-actions .btn,.nav .btn.small{height:42px;min-height:42px;min-width:128px;padding:0 15px}
.btn.small>.button-content,.member-edit .btn>.button-content{font-size:11px;grid-template-columns:16px minmax(0,1fr)16px;column-gap:8px}.btn.small .button-label,.member-edit .btn .button-label{font-size:11px}.btn.small .button-icon,.member-edit .btn .button-icon{width:16px;height:18px;font-size:15px}
.nav .btn.small{min-width:108px;height:40px;min-height:40px;padding:0 12px}.nav .btn.small>.button-content{font-size:10px;grid-template-columns:12px minmax(0,1fr)12px;column-gap:5px}.nav .btn.small .button-label{font-size:10px}.nav .btn.small .button-icon{width:12px;height:18px;font-size:14px}
.telegram-button{width:100%;height:56px;min-height:56px;padding:0 22px}.telegram-button .button-label{font-size:13px}.telegram-button>.button-content{font-size:13px;grid-template-columns:22px minmax(0,1fr)22px}.telegram-button .button-icon{width:22px;height:22px}
#auth-form>button[type=submit]{display:flex;width:100%;height:52px;min-height:52px;margin-top:28px;min-width:0}#post-form>button[type=submit]{display:flex;min-width:230px;margin:28px auto 0}.upload-panel #post-form>button{width:auto}.permission-box .btn{display:flex;max-width:300px;min-width:0;margin:22px auto 0}.permission-box{text-align:center}.permission-box h3{margin-top:0}.surface>.signout,.surface>#logout{display:flex;margin:24px auto 0}.auth-switch{text-align:center;margin-bottom:0}.account-grid>section.surface>h2,.account-grid>section.surface>.panel-label,.account-grid>section.surface>p{text-align:center}.account-grid .grade-info{text-align:center}.account-grid .grade-info>div>p{text-align:center}
.support-intro{align-items:center;justify-content:center;text-align:center;padding:44px 36px}.support-kicker{justify-content:center}.contact-symbol{margin-left:auto;margin-right:auto}.support-intro h2,.support-intro p{width:100%;text-align:center}.support-channel{align-items:center;text-align:center;padding:44px 36px}.support-channel>p{margin-left:auto;margin-right:auto}.support-channel>.panel-label,.support-channel h3{text-align:center}.contact-facts{text-align:left}.contact-facts>div{grid-template-columns:1fr 1fr;gap:24px}.contact-facts>div>span{text-align:right}.contact-facts>div>strong{text-align:left}.support-faq>div:first-child{text-align:center}.support-faq>div:first-child .eyebrow{justify-content:center}
.hero-content{text-align:center}.hero .eyebrow{justify-content:center}.hero-actions{justify-content:center;align-items:center;gap:20px}.hero-actions>.text-link{height:52px;min-height:52px;min-width:136px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;gap:16px;line-height:20px;box-sizing:border-box}.hero-actions>.btn{min-width:210px}.hero-spec{justify-content:center}.last-cta{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:28px}.last-cta>div{text-align:center}.last-cta .eyebrow{justify-content:center}.last-cta h2{margin-bottom:15px}.last-cta>.btn{margin:0 auto;min-width:230px}.guide-banner>div:first-child{text-align:center}.guide-banner>div:first-child .eyebrow{justify-content:center}.guide-banner .btn{min-width:230px;margin-left:auto;margin-right:auto}
.page-heading{text-align:center}.page-heading .eyebrow{justify-content:center}.page-heading p{margin-left:auto;margin-right:auto}.support-contact{align-items:stretch}.page-heading h1,.page-heading p{width:100%}.grade-info h2{line-height:1.5}.membership-row .grade-mark{justify-content:center}.surface>h2,.surface>.panel-label{text-align:center}.surface>p:not(.muted){text-align:center}.board-toolbar h2,.board-toolbar>strong{text-align:left}.tabs{justify-content:center;gap:32px}.tabs button{padding-left:8px;padding-right:8px;min-width:110px;text-align:center}.admin-summary>div{text-align:center}.admin-summary>div>span,.admin-summary strong{text-align:center}.admin-summary strong{display:flex;align-items:baseline;justify-content:center;gap:8px}.admin-summary small{margin-left:0}.file-download .btn{min-width:250px}.file-download h3{text-align:left}.member-edit{align-items:end}.member-edit>button[type=submit]{min-width:0;width:100%;height:40px;min-height:40px;padding:0 10px}.member-edit>.approve{width:100%;height:42px;min-height:42px;margin:0;min-width:0}.member-edit>.approve .button-label{font-size:10px}.member-row>.btn{align-self:center}.guide-notice{text-align:center}
@media(max-width:1200px){.hero-actions>.btn{min-width:190px}.hero-actions>.text-link{min-width:116px;padding-inline:10px}.hero-actions{gap:12px}}
@media(max-width:1000px){.hero-actions{flex-wrap:wrap}.hero-actions>.btn{min-width:205px}.hero-actions>.text-link{min-width:135px}.tabs{gap:15px 22px}.support-intro,.support-channel{padding:36px 28px}}
@media(max-width:720px){.btn,.hero-actions .btn,.guide-banner .btn,.last-cta .btn,.file-download .btn{height:50px;min-height:50px;min-width:168px;padding:0 16px}.btn>.button-content{font-size:11px;grid-template-columns:18px minmax(0,1fr)18px;gap:9px}.btn .button-label{font-size:11px}.btn .button-icon{width:18px;height:20px;font-size:16px}.btn .button-icon svg{width:18px;height:18px}.nav .btn.small{min-width:98px;height:36px;min-height:36px;padding:0 10px}.nav .btn.small .button-label{font-size:10px}.nav .btn.small .button-icon{width:12px;font-size:13px}.hero-actions{flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.hero-actions>.btn{min-width:192px}.hero-actions>.text-link{height:50px;min-height:50px;min-width:112px;padding:0 10px;font-size:10px;gap:11px}.hero .eyebrow{font-size:7px}.hero-description{text-align:center}.hero-spec{gap:12px;flex-wrap:wrap}.guide-banner .btn,.last-cta .btn{min-width:220px}.last-cta{align-items:center;text-align:center;gap:27px}.last-cta h2{font-size:26px}.last-cta p{max-width:300px;margin:auto}.support-intro,.support-channel{padding:32px 24px}.support-intro h2{font-size:28px}.contact-symbol{margin-top:26px;margin-bottom:22px}.telegram-button{height:54px;min-height:54px;padding:0 15px;min-width:0}.telegram-button .button-label{font-size:12px}.telegram-button>.button-content{grid-template-columns:20px minmax(0,1fr)20px;font-size:12px;gap:8px}.telegram-button .button-icon{width:20px;height:20px}.contact-facts>div{grid-template-columns:85px minmax(0,1fr);gap:18px}.contact-facts>div>span{text-align:left}.contact-facts>div>strong{text-align:right}.support-faq{gap:26px}.page-heading h1{line-height:1.5}.surface>.panel-label{margin-bottom:22px}.account-grid .grade-info{padding:28px 24px}.permission-box .btn{width:100%;max-width:none}.surface>#logout{width:100%;height:42px;min-height:42px}.file-download .btn{width:100%;min-width:0}.file-download>div{min-width:0}.file-download h3{overflow-wrap:anywhere}#post-form>button[type=submit],.upload-panel #post-form>button{width:100%;min-width:0;margin-top:24px}.member-edit>button[type=submit]{height:42px;min-height:42px}.member-row>.btn{align-self:stretch;width:100%;height:44px;min-height:44px;min-width:0}.tabs{gap:10px 14px;justify-content:center}.tabs button{min-width:0;padding-inline:2px;font-size:10px}.admin-summary>div{padding-inline:8px}.admin-summary strong{gap:4px}.admin-summary>div>span{font-size:8px;letter-spacing:0}}
@media(max-width:360px){.hero-actions{flex-direction:column;gap:8px}.hero-actions>.btn,.hero-actions>.text-link{width:100%;min-width:0}.hero-actions>.text-link{height:40px;min-height:40px}.hero h1{font-size:34px}.nav .btn.small{min-width:90px}.nav .btn.small>.button-content{grid-template-columns:10px minmax(0,1fr)10px;gap:4px}}

.account-grid{align-items:stretch}.account-grid>section.surface{display:flex;flex-direction:column}.account-grid>section.surface>.auth-switch{margin-top:auto;padding-top:26px}@media(max-width:720px){.account-grid{align-items:start}.account-grid>section.surface>.auth-switch{margin-top:26px;padding-top:22px}}


.hero-actions>.text-link>.button-content{display:grid;grid-template-columns:18px minmax(0,1fr)18px;align-items:center;justify-items:center;column-gap:9px;width:100%;height:100%;font-size:11px;line-height:20px}.hero-actions>.text-link .button-label{font-size:11px;line-height:20px;text-align:center;white-space:nowrap}.hero-actions>.text-link .button-icon{display:flex;align-items:center;justify-content:center;width:18px;height:20px;font-size:16px;line-height:20px}.hero-actions>.text-link .button-icon:empty{visibility:hidden}@media(max-width:720px){.hero-actions>.text-link .button-label{font-size:10px}.hero-actions>.text-link>.button-content{grid-template-columns:14px minmax(0,1fr)14px;column-gap:7px}.hero-actions>.text-link .button-icon{width:14px;font-size:14px}}