/* Shared responsive safeguards. Keep reading and form controls within the viewport. */
.fr-author-link { display: inline-flex; align-items: center; gap: 10px; min-width: 0; color: inherit; text-decoration: none; }
.fr-author-link:hover .fr-name { text-decoration: underline; }
.fm-level,.fm-achievement{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font:600 11px/1.5 var(--fm-font,system-ui);background:var(--brand-soft,#edf4ff);color:var(--text,#172338);max-width:100%;overflow-wrap:anywhere;white-space:normal}
.acct .adm-navigation .adm-tabs{overflow:visible;mask-image:none;-webkit-mask-image:none}
.acct .adm-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0}.acct .adm-shortcuts a{display:flex;align-items:center;gap:8px;padding:12px;border-radius:12px;border:1px solid var(--a-border);background:var(--a-surface);font-size:13px;font-weight:600;min-width:0;overflow-wrap:anywhere}.acct .adm-shortcuts a[aria-current]{background:var(--a-brand-soft);color:var(--a-brand-ink)}@media(max-width:760px){.acct .adm-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.acct progress{border-radius:999px;overflow:hidden}.acct progress::-webkit-progress-bar{background:var(--a-surface-2);border-radius:999px}.acct progress::-webkit-progress-value{background:var(--a-brand);border-radius:999px}.acct progress::-moz-progress-bar{background:var(--a-brand);border-radius:999px}@media(min-width:360px)and(max-width:640px){main.acct .achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}main.acct .achievement{padding:12px}main.acct .achievement h3{font-size:14px}}
.fm-notices{position:relative;flex:none}.fm-notice-bell{position:relative}.fm-notice-count{position:absolute;top:-3px;right:-5px;border-radius:99px;min-width:18px;padding:2px 4px;background:#dc2626;color:#fff;font-size:10px;font-weight:800;line-height:1.2}.fm-notice-panel{position:absolute;right:0;top:calc(100% + 12px);width:min(390px,calc(100vw - 24px));max-height:min(600px,75dvh);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--border,#dce3ee);border-radius:18px;background:var(--surface,#fff);color:var(--text,#102030);box-shadow:0 18px 50px #0003;padding:16px;z-index:1100}.fm-notice-panel[hidden],.fm-notice-count[hidden]{display:none!important}.fm-notice-heading,.fm-notice-actions{display:flex;gap:12px;justify-content:space-between;align-items:center}.fm-notice-heading{padding-bottom:10px}.fm-notice-actions{border-top:1px solid var(--border,#dce3ee);padding-top:12px;font-size:12px;flex-wrap:wrap}.fm-notice-actions button{border:0;background:none;color:var(--brand-ink,#1d4ed8);font:inherit;cursor:pointer;padding:8px 0}.fm-notification-list{list-style:none;margin:0;padding:0}.fm-notification-list li{padding:14px 10px;display:flex;align-items:start;gap:12px;border-bottom:1px solid var(--border,#dce3ee);border-radius:8px;min-width:0}.fm-notification-list li>div,.fm-notification-list li>a{min-width:0;flex:1}.fm-notification-list a{display:block;font-size:14px;line-height:1.6;text-decoration:none;color:inherit;overflow-wrap:anywhere}.fm-notification-list small{display:block;color:var(--text-muted,#64748b);font-size:11px;margin-top:5px}.fm-notification-list .is-unread{background:var(--brand-soft,#edf4ff);box-shadow:inset 3px 0 #2563eb}.fm-notification-page{max-width:900px}.fm-notice-panel [data-notice-state]{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
@media(max-width:960px){
 html,body{max-width:100%;overflow-x:clip}main,section,article,aside,form,fieldset{min-width:0}p,h1,h2,h3,h4,small,summary,label,button{overflow-wrap:anywhere}img,video,canvas{max-width:100%}input,textarea,select{max-width:100%;min-width:0}fieldset{margin-inline:0}pre{max-width:100%;overflow:auto}a{overflow-wrap:anywhere}
 .fm-bar__in{min-width:0;gap:8px}.fm-brand,.fm-tools{flex-shrink:0}.fm-crumb{min-width:0;max-width:32vw}.fm-crumb>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fm-tools{gap:6px}.fm-user__head>div{min-width:0;overflow-wrap:anywhere}.fm-app__in{min-width:0;gap:10px}.fm-app__name{min-width:0}.fm-app__name b,.fm-app__name small{white-space:normal;overflow-wrap:anywhere}.fm-app__act{min-width:0;flex-wrap:wrap}.fm-app__nav{max-width:100%}.fm-app__scroll{flex-wrap:wrap;overflow:visible;max-width:100%}.fm-app__nav a{white-space:normal;min-height:40px}.fm-apps__grid>li,.fm-app-link__txt{min-width:0}.fm-app-link__txt b,.fm-app-link__txt small{white-space:normal;overflow-wrap:anywhere}.fm-notice-panel{position:fixed;top:calc(var(--fm-bar-h,64px) + 8px);right:12px;left:12px;width:auto;max-height:calc(100dvh - 155px)}
 main.acct .page-head{gap:14px;flex-wrap:wrap;align-items:flex-start}main.acct .page-head>div{min-width:0}main.acct .page-head>form{max-width:100%}main.acct .grant-form{grid-template-columns:1fr;gap:14px}.acct .two,.acct .grid{min-width:0}.acct .input{min-width:0;max-width:100%}.acct .field{min-width:0}.acct .table-scroll{max-width:100%;overflow:auto}.acct .hero-card,.acct .facts,.acct .c-act{flex-wrap:wrap}.acct .hero-card__txt{min-width:0}.acct .plans-table .input.sm{max-width:100%}.acct .panel h2{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.acct .panel h2 svg{flex-shrink:0}.acct .qr-short{overflow-wrap:anywhere;flex-wrap:wrap}.pg-hero h1{font-size:clamp(30px,7vw,52px)}.fm-notification-list li{flex-wrap:wrap}.fm-notification-list li>div{flex-basis:70%}
}
@media(max-width:480px){.fm-tools .fm-icon-btn{width:36px;height:36px}.fm-crumb{max-width:70px}.acct .acct-body{padding-top:20px}main.acct .page-head h1{font-size:27px}main.acct .grant-form .btn{width:100%}.fm-app__btn{max-width:100%;text-align:center}.acct .btn{white-space:normal;text-align:center}main.acct .access-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.acct .input,.acct input,.acct select,.acct textarea{font-size:16px}.fm-notification-page .panel{padding:12px}}
@media(max-width:360px){.fm-brand__txt{display:none}.fm-crumb{display:none}.fm-tools{margin-left:auto}}
@media(max-width:960px){
 .fm-chat{position:static!important;display:flex;justify-content:flex-end;padding:12px 16px 18px;width:100%;max-width:100%;background:var(--surface,#fff)}
 .fm-chat__fab{min-height:44px;border-radius:14px;box-shadow:none}
 .fm-chat__panel{position:fixed;right:12px;left:12px;bottom:calc(78px + env(safe-area-inset-bottom));width:auto;max-width:none;height:min(640px,calc(100dvh - 155px));z-index:1200}
}
@media(max-width:960px){
 main.acct .acct-nav__in{min-width:0;align-items:flex-start;gap:10px}
 main.acct .acct-nav__links{min-width:0;flex:1;flex-wrap:wrap;overflow:visible;gap:4px}
 main.acct .acct-nav__in>form{flex:none}
 main.acct .acct-nav__links a{white-space:normal;min-height:40px}
 main.acct .acct-nav__in{align-items:center;padding-block:10px}
 main.acct .acct-nav__links{display:none}
 main.acct .acct-nav__mobile{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;font-size:12px;color:var(--a-muted)}
 main.acct .acct-nav__mobile select{width:100%;min-height:44px;padding:8px 32px 8px 12px;border:1px solid var(--a-border);border-radius:12px;background:var(--a-surface);color:var(--text);font:600 16px/1.4 var(--fm-font)}
 main.acct .acct-nav .out{padding:10px;border:1px solid var(--a-border);border-radius:12px;min-height:44px}
 main.acct .acct-nav .out span{display:inline}
}
/* Stack competing actions before the reading column becomes too narrow. */
@media(max-width:760px){
 main.acct .row-between>div:first-child{flex:1 1 240px;min-width:0}
 main.acct .onb-list{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}
 main.acct .aff-code-form,main.acct .aff-pay-form{flex-wrap:wrap}
 main.acct .aff-code-form .field{flex:1 1 220px;min-width:0}
 main.acct .coupon-share code{min-width:0;flex-basis:100%}
 main.acct .adm-tabs__group{flex-wrap:wrap;max-width:100%}
}
@media(max-width:480px){
 main.acct .hero-card__txt{flex-basis:100%}
 main.acct .coupon-card__body{width:100%}
 main.acct .device-list li{flex-wrap:wrap;align-items:flex-start}
 main.acct .device-list__txt{flex-basis:calc(100% - 62px)}
 main.acct .device-list li>form{flex-basis:100%}
 main.acct .ticket .row-btns .field{min-width:0;flex:1 1 100%}
 main.acct .help-start>.btn{width:100%}
}