#su-global-v22{--su-blue:#0757d8;--su-blue-dark:#174bb0;--su-yellow:#ffda00;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:2147483646!important;font-family:Arial,Helvetica,sans-serif!important;pointer-events:none!important} #su-global-v22 *{box-sizing:border-box!important} #su-global-v22 .su-v22-header,#su-global-v22 .su-v22-tabs,#su-global-v22 .su-v22-menu-panel,#su-global-v22 .su-v22-account-modal,#su-global-v22 .su-v22-overlay{pointer-events:auto!important} #su-global-v22 .su-v22-header{height:45px!important;padding:0 8px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:linear-gradient(135deg,#075ddd,#064bd0)!important;border:0!important;box-shadow:0 1px 4px rgba(0,0,0,.18)!important} #su-global-v22 .su-v22-brand{height:45px!important;display:flex!important;align-items:center!important;gap:6px!important;text-decoration:none!important;border:0!important;background:transparent!important;min-width:0!important;padding:0!important;margin:0!important} #su-global-v22 .su-v22-logo{width:31px!important;height:31px!important;min-width:31px!important;max-width:31px!important;display:block!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;border-radius:5px!important;box-shadow:none!important;background:transparent!important} #su-global-v22 .su-v22-wordmark{display:grid!important;grid-template-columns:auto auto!important;column-gap:3px!important;align-items:baseline!important;line-height:1!important;white-space:nowrap!important;margin:0!important;padding:0!important} #su-global-v22 .su-v22-wordmark span,#su-global-v22 .su-v22-wordmark strong{font-size:14.5px!important;line-height:1!important;font-weight:900!important;letter-spacing:-.3px!important} #su-global-v22 .su-v22-wordmark span{color:#fff!important}.su-v22-wordmark strong{color:var(--su-yellow)!important} #su-global-v22 .su-v22-wordmark small{grid-column:1/3!important;color:rgba(255,255,255,.8)!important;font-size:5.6px!important;line-height:1!important;font-weight:700!important;margin-top:2px!important} #su-global-v22 .su-v22-actions{display:flex!important;align-items:center!important;gap:6px!important} #su-global-v22 .su-v22-account,#su-global-v22 .su-v22-menu{all:unset!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;flex:none!important;appearance:none!important;-webkit-appearance:none!important;margin:0!important;padding:0!important} #su-global-v22 .su-v22-account{width:31px!important;height:31px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.18)!important} #su-global-v22 .su-v22-account svg{width:18px!important;height:18px!important;fill:none!important;stroke:#0757d8!important;stroke-width:2.2!important;stroke-linecap:round!important;stroke-linejoin:round!important} #su-global-v22 .su-v22-menu{width:37px!important;height:31px!important;border-radius:7px!important;background:rgba(255,255,255,.18)!important} #su-global-v22 .su-v22-menu svg{width:22px!important;height:22px!important;fill:none!important;stroke:#fff!important;stroke-width:2.3!important;stroke-linecap:round!important} #su-global-v22 .su-v22-account:active,#su-global-v22 .su-v22-menu:active{transform:scale(.96)!important} #su-global-v22 .su-v22-tabs{height:39px!important;display:grid!important;grid-template-columns:1fr 1.48fr 1fr!important;background:#0753d4!important;margin:0!important;padding:0!important;box-shadow:0 1px 4px rgba(0,0,0,.14)!important} #su-global-v22 .su-v22-tabs a{position:relative!important;height:39px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;color:#fff!important;text-decoration:none!important;background:transparent!important;border:0!important;border-right:1px solid rgba(255,255,255,.12)!important;font-size:11.5px!important;font-weight:900!important;line-height:1!important;padding:0 4px!important;margin:0!important} #su-global-v22 .su-v22-tabs a:last-child{border-right:0!important}#su-global-v22 .su-v22-tabs a.is-active{background:var(--su-blue-dark)!important}#su-global-v22 .su-v22-tabs a.is-active:after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:3px!important;background:var(--su-yellow)!important} #su-global-v22 .su-v22-tabs svg{width:15px!important;height:15px!important;min-width:15px!important;fill:none!important;stroke:#fff!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}#su-global-v22 .su-v22-tabs b{font-size:11.5px!important;font-weight:900!important;color:#fff!important} body{padding-top:84px!important}.su-v22-lock{overflow:hidden!important} body.admin-bar #su-global-v22{top:32px!important}body.admin-bar{padding-top:116px!important} /* Menu */ #su-global-v22 .su-v22-overlay{position:fixed!important;inset:0!important;background:rgba(0,0,0,.28)!important;z-index:2147483645!important}.su-v22-overlay[hidden]{display:none!important} #su-global-v22 .su-v22-menu-panel{position:fixed!important;top:0!important;right:0!important;width:min(330px,88vw)!important;height:100dvh!important;background:#fff!important;transform:translateX(105%)!important;transition:transform .22s ease!important;box-shadow:-10px 0 28px rgba(0,0,0,.22)!important;overflow:auto!important;z-index:2147483647!important} #su-global-v22 .su-v22-menu-panel.is-open{transform:translateX(0)!important} #su-global-v22 .su-v22-panel-head{height:47px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 14px!important;background:linear-gradient(135deg,#075ddd,#064bd0)!important;color:#fff!important;font-size:17px!important;font-weight:900!important} #su-global-v22 .su-v22-close{all:unset!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:30px!important;line-height:1!important;cursor:pointer!important} #su-global-v22 .su-v22-links{padding:5px 12px 16px!important}.su-v22-menu-section{margin:10px 4px 3px!important;padding:8px 0 5px!important;border-bottom:1px solid #e9edf3!important;color:#0757d8!important;font-size:11px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.7px!important}#su-global-v22 .su-v22-links a{display:grid!important;grid-template-columns:26px 1fr 16px!important;align-items:center!important;gap:8px!important;min-height:58px!important;padding:9px 4px!important;margin:0!important;border:0!important;border-bottom:1px solid #e9edf3!important;color:#172033!important;text-decoration:none!important;background:#fff!important;font-weight:800!important;font-size:14px!important;line-height:1.2!important} #su-global-v22 .su-v22-links a i{font-style:normal!important;font-size:22px!important;color:#7a8795!important;text-align:right!important}.su-v22-menu-icon{width:22px!important;height:22px!important;display:flex!important;align-items:center!important;justify-content:center!important}.su-v22-menu-icon svg{width:20px!important;height:20px!important;fill:none!important;stroke:#0757d8!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important} /* Account */ #su-global-v22 .su-v22-account-modal{position:fixed!important;inset:0!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding:70px 12px 20px!important;background:rgba(0,0,0,.28)!important;z-index:2147483647!important} #su-global-v22 .su-v22-account-modal[hidden]{display:none!important} #su-global-v22 .su-v22-account-card{position:relative!important;width:min(430px,100%)!important;max-height:calc(100dvh - 90px)!important;overflow:auto!important;background:#fff!important;border-radius:16px!important;padding:18px!important;box-shadow:0 14px 40px rgba(0,0,0,.28)!important} #su-global-v22 .su-v22-account-close{position:absolute!important;top:8px!important;right:9px!important;all:unset!important;width:30px!important;height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:27px!important;color:#687587!important;cursor:pointer!important} #su-global-v22 .su-v22-account-heading{font-size:19px!important;font-weight:900!important;color:#172033!important;margin:0 28px 13px 0!important} #su-global-v22 .su-v22-auth-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;background:#edf4ff!important;border-radius:9px!important;padding:2px!important;margin-bottom:12px!important} #su-global-v22 .su-v22-auth-tabs button{all:unset!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;color:#52637a!important;font-weight:900!important;cursor:pointer!important;font-size:13px!important}.su-v22-auth-tabs button.active{background:#0757d8!important;color:#fff!important} #su-global-v22 .su-v22-auth-form{display:grid!important;gap:9px!important;margin:0!important}.su-v22-auth-form[hidden]{display:none!important} #su-global-v22 .su-v22-auth-form input{width:100%!important;height:44px!important;border:1px solid #d8e0ea!important;border-radius:9px!important;padding:0 12px!important;font-size:14px!important;outline:none!important;background:#fff!important;color:#172033!important}.su-v22-auth-form input:focus{border-color:#0757d8!important;box-shadow:0 0 0 2px rgba(7,87,216,.1)!important} #su-global-v22 .su-v22-auth-form button,#su-global-v22 .su-v22-logout{all:unset!important;width:100%!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:9px!important;background:#0757d8!important;color:#fff!important;font-weight:900!important;cursor:pointer!important;font-size:13px!important} #su-global-v22 .su-v22-auth-form button:disabled,#su-global-v22 .su-v22-logout:disabled{opacity:.7!important}.su-v22-auth-msg{font-size:12px!important;color:#5f6d7d!important;min-height:16px!important;margin-top:7px!important}.su-v22-account-note{font-size:11px!important;line-height:1.4!important;color:#7a8795!important;margin:10px 0 0!important} #su-global-v22 .su-v22-user-card{display:flex!important;align-items:center!important;gap:10px!important;padding:8px 0 13px!important;border-bottom:1px solid #edf0f5!important}.su-v22-avatar{width:42px!important;height:42px!important;border-radius:50%!important;background:#edf4ff!important;display:flex!important;align-items:center!important;justify-content:center!important}.su-v22-avatar svg{width:23px!important;height:23px!important;fill:none!important;stroke:#0757d8!important;stroke-width:2!important;stroke-linecap:round!important}.su-v22-user-card strong{display:block!important;color:#172033!important;font-size:14px!important}.su-v22-user-card small{display:block!important;color:#7a8795!important;font-size:11px!important;margin-top:2px!important} #su-global-v22 .su-v22-account-grid{display:grid!important;gap:0!important;margin:7px 0 12px!important}.su-v22-account-grid a{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:12px 2px!important;border-bottom:1px solid #edf0f5!important;text-decoration:none!important;color:#172033!important;font-weight:800!important;font-size:13px!important}.su-v22-account-grid b{font-size:20px!important;color:#7a8795!important} @media(max-width:430px){#su-global-v22 .su-v22-header{height:44px!important;padding:0 8px!important}#su-global-v22 .su-v22-brand{height:44px!important}#su-global-v22 .su-v22-logo{width:30px!important;height:30px!important;min-width:30px!important}#su-global-v22 .su-v22-wordmark span,#su-global-v22 .su-v22-wordmark strong{font-size:14px!important}#su-global-v22 .su-v22-account{width:30px!important;height:30px!important}#su-global-v22 .su-v22-menu{width:36px!important;height:30px!important}#su-global-v22 .su-v22-tabs,#su-global-v22 .su-v22-tabs a{height:39px!important}#su-global-v22 .su-v22-tabs a{font-size:11px!important}#su-global-v22 .su-v22-tabs b{font-size:11px!important}.su-v22-account-modal{padding-top:66px!important}body{padding-top:83px!important}body.admin-bar{padding-top:115px!important}} /* v18 — Current Affairs compatibility with the fixed global header. */ #su-global-v22{z-index:2147483647!important;} #su-global-v22 .su-v22-header, #su-global-v22 .su-v22-tabs{position:relative!important;z-index:2147483647!important;} #su-global-v22 .su-v22-menu-panel, #su-global-v22 .su-v22-account-modal, #su-global-v22 .su-v22-overlay{z-index:2147483647!important;} /* Never let the CA test/download/article layers cover the global header. */ body.suca-current-affairs-page #suca-app{ margin-top:84px!important; height:calc(100dvh - 84px)!important; min-height:0!important; max-height:none!important; overflow:hidden!important; } body.suca-current-affairs-page #suca-app .suca-feed{top:0!important;bottom:64px!important;height:auto!important;} body.suca-current-affairs-page #suca-app .suca-loading{top:0!important;bottom:64px!important;inset:0 0 64px 0!important;} /* Test Now: reserve the global header + bottom CA navigation. */ body.suca-current-affairs-page #suca-test.suca-test-overlay{ position:fixed!important; top:84px!important; right:0!important; bottom:64px!important; left:0!important; height:auto!important; inset:84px 0 64px 0!important; z-index:100!important; overflow:auto!important; } body.suca-current-affairs-page #suca-test.suca-test-overlay #suca-test-close{ top:10px!important; z-index:101!important; } body.suca-current-affairs-page #suca-test .suca-test-box{max-height:100%!important;overflow:auto!important;} /* Article/date/share overlays. */ body.suca-current-affairs-page #suca-app .suca-overlay, body.suca-current-affairs-page #suca-app .suca-discussion-overlay, body.suca-current-affairs-page #suca-app .suca-share-preview-overlay, body.suca-current-affairs-page #suca-app .suca-date-picker-overlay{ top:84px!important; bottom:64px!important; inset:84px 0 64px 0!important; z-index:90!important; } body.suca-current-affairs-page #suca-app .suca-modal, body.suca-current-affairs-page #suca-app .suca-download-box{ max-height:100%!important; } /* Download panel: keep its close button inside the panel and below the header. */ body.suca-current-affairs-page #suca-app .suca-download-overlay{ position:fixed!important; top:84px!important; right:0!important; bottom:64px!important; left:0!important; inset:84px 0 64px 0!important; z-index:95!important; } body.suca-current-affairs-page #suca-app .suca-download-box{ height:100%!important; max-height:100%!important; border-radius:22px 22px 0 0!important; } body.suca-current-affairs-page #suca-app .suca-close-top, body.suca-current-affairs-page #suca-app .suca-download-close, body.suca-current-affairs-page #suca-app .suca-download-close-out{ z-index:120!important; } /* Menu must remain usable even when an article/test/download layer is open. */ #su-global-v22 .su-v22-menu, #su-global-v22 .su-v22-account{position:relative!important;z-index:2147483647!important;} #su-global-v22 .su-v22-menu-panel{pointer-events:auto!important;} @media(max-width:700px){ body.suca-current-affairs-page #suca-app{margin-top:84px!important;height:calc(100dvh - 84px)!important;} body.suca-current-affairs-page #suca-test.suca-test-overlay{inset:84px 0 64px 0!important;} body.suca-current-affairs-page #suca-test.suca-test-overlay #suca-test-close{top:10px!important;left:10px!important;} body.suca-current-affairs-page #suca-app .suca-download-overlay, body.suca-current-affairs-page #suca-app .suca-overlay, body.suca-current-affairs-page #suca-app .suca-discussion-overlay, body.suca-current-affairs-page #suca-app .suca-share-preview-overlay, body.suca-current-affairs-page #suca-app .suca-date-picker-overlay{inset:84px 0 64px 0!important;} } /* v19 FINAL CA bridge — this block is intentionally last and is reinforced again from wp_footer. */ body.suca-current-affairs-page{ padding-top:0!important; --su-gh-height:84px; } body.suca-current-affairs-page #suca-app{ margin-top:var(--su-gh-height)!important; top:0!important; position:relative!important; height:calc(100dvh - var(--su-gh-height))!important; min-height:0!important; max-height:none!important; overflow:hidden!important; } body.suca-current-affairs-page #suca-app .suca-feed{ top:54px!important; bottom:64px!important; height:auto!important; } body.suca-current-affairs-page #suca-app .suca-loading{ top:54px!important; bottom:64px!important; inset:54px 0 64px!important; } /* Any Current Affairs panel moved to must start below our global header. */ body.suca-current-affairs-page > #suca-test, body.suca-current-affairs-page > .suca-download-overlay, body.suca-current-affairs-page > .suca-discussion-overlay, body.suca-current-affairs-page > .suca-share-preview-overlay, body.suca-current-affairs-page > .suca-date-picker-overlay, body.suca-current-affairs-page > .suca-overlay{ position:fixed!important; top:var(--su-gh-height)!important; right:0!important; bottom:64px!important; left:0!important; inset:var(--su-gh-height) 0 64px 0!important; margin:0!important; z-index:2147483000!important; } body.suca-current-affairs-page > #suca-test .suca-test-box{ max-height:100%!important; height:100%!important; border-radius:22px 22px 0 0!important; } body.suca-current-affairs-page > .suca-download-overlay .suca-download-box{ height:100%!important; max-height:100%!important; } /* Close controls are aligned to the panel, not above the global header. */ body.suca-current-affairs-page > .suca-discussion-close-out, body.suca-current-affairs-page > .suca-download-close-out{ position:fixed!important; top:calc(var(--su-gh-height) + 8px)!important; right:8px!important; z-index:2147483640!important; } /* If a close control is still nested, keep it below the fixed header too. */ body.suca-current-affairs-page #suca-test-close, body.suca-current-affairs-page .suca-overlay-close, body.suca-current-affairs-page .suca-close-top{ z-index:2147483001!important; } /* Global header must always win the stacking contest, while its buttons remain clickable. */ #su-global-v22{z-index:2147483647!important;pointer-events:none!important;} #su-global-v22 .su-v22-header, #su-global-v22 .su-v22-tabs, #su-global-v22 .su-v22-menu-panel, #su-global-v22 .su-v22-account-modal, #su-global-v22 .su-v22-overlay{pointer-events:auto!important;} #su-global-v22 .su-v22-menu-panel{z-index:2147483647!important;} @media(max-width:700px){ body.suca-current-affairs-page{--su-gh-height:83px!important;} body.suca-current-affairs-page #suca-app{height:calc(100dvh - var(--su-gh-height))!important;} body.suca-current-affairs-page #suca-app .suca-feed{top:54px!important;bottom:64px!important;} body.suca-current-affairs-page #suca-app .suca-loading{inset:54px 0 64px!important;} body.suca-current-affairs-page > #suca-test, body.suca-current-affairs-page > .suca-download-overlay, body.suca-current-affairs-page > .suca-discussion-overlay, body.suca-current-affairs-page > .suca-share-preview-overlay, body.suca-current-affairs-page > .suca-date-picker-overlay, body.suca-current-affairs-page > .suca-overlay{inset:83px 0 64px 0!important;} body.suca-current-affairs-page > .suca-discussion-close-out, body.suca-current-affairs-page > .suca-download-close-out{top:91px!important;right:8px!important;} } /* v22 account UX: login first, signup only after link */ #su-global-v22 .su-v22-account-modal{padding:70px 12px 20px!important;align-items:flex-start!important} #su-global-v22 .su-v22-account-card{width:min(390px,100%)!important;border-radius:18px!important;padding:20px!important} #su-global-v22 .su-v22-auth-view[hidden]{display:none!important} #su-global-v22 .su-v22-switch{text-align:center!important;margin:12px 0 2px!important;color:#6d7787!important;font-size:13px!important} #su-global-v22 .su-v22-switch button{all:unset!important;color:#0757d8!important;font-weight:900!important;cursor:pointer!important} #su-global-v22 .su-v22-auth-msg{text-align:center!important;min-height:18px!important;margin:8px 0 0!important;font-size:12px!important;font-weight:800!important;color:#0757d8!important} #su-global-v22 .su-v22-auth-form input{box-sizing:border-box!important} #su-global-v22 .su-v22-auth-form button{border:0!important;background:#0757d8!important;color:#fff!important;border-radius:10px!important;height:46px!important;font-size:14px!important;font-weight:900!important;cursor:pointer!important} #su-global-v22 .su-v22-user-card{display:flex!important;align-items:center!important;gap:10px!important;background:#f2f6fc!important;border-radius:12px!important;padding:12px!important;margin-bottom:12px!important} #su-global-v22 .su-v22-avatar{width:42px!important;height:42px!important;border-radius:50%!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important} #su-global-v22 .su-v22-avatar svg{width:25px!important;height:25px!important;fill:none!important;stroke:#0757d8!important;stroke-width:2!important} #su-global-v22 .su-v22-user-card strong,#su-global-v22 .su-v22-user-card small{display:block!important} #su-global-v22 .su-v22-user-card small{color:#718096!important;margin-top:2px!important;font-size:11px!important} #su-global-v22 .su-v22-account-grid{display:grid!important;gap:7px!important} #su-global-v22 .su-v22-account-grid a{display:flex!important;align-items:center!important;justify-content:space-between!important;text-decoration:none!important;color:#172033!important;background:#f7f9fc!important;border:1px solid #e5eaf1!important;border-radius:10px!important;padding:11px 12px!important;font-weight:800!important;font-size:13px!important} #su-global-v22 .su-v22-logout{width:100%!important;margin-top:12px!important;height:44px!important;border:0!important;border-radius:10px!important;background:#172033!important;color:#fff!important;font-weight:900!important} /* v22 — CA article close-out + guaranteed global-menu hit priority. */ #su-global-v22{z-index:2147483647!important;isolation:isolate!important;} #su-global-v22 .su-v22-header,#su-global-v22 .su-v22-tabs{position:relative!important;z-index:2147483647!important;} #su-global-v22 .su-v22-menu,#su-global-v22 .su-v22-account{position:relative!important;z-index:2147483647!important;pointer-events:auto!important;} #su-global-v22 .su-v22-menu-panel{z-index:2147483647!important;pointer-events:auto!important;} /* CA layers stay below the global header, but their external close button stays reachable. */ body.suca-current-affairs-page > #suca-modal, body.suca-current-affairs-page > #suca-test, body.suca-current-affairs-page > .suca-download-overlay, body.suca-current-affairs-page > .suca-discussion-overlay, body.suca-current-affairs-page > .suca-share-preview-overlay, body.suca-current-affairs-page > .suca-date-picker-overlay, body.suca-current-affairs-page > .suca-overlay{ z-index:2147483000!important; } /* Article's own close button is hidden; v22 puts a clean external close control below tabs. */ body.suca-current-affairs-page #suca-modal .suca-close-top, body.suca-current-affairs-page #suca-modal #suca-modal-close{display:none!important;} #su-ca-article-close-v22{ position:fixed!important; top:calc(var(--su-gh-height,83px) + 8px)!important; right:10px!important; width:44px!important; height:44px!important; display:none!important; align-items:center!important; justify-content:center!important; border:2px solid rgba(255,255,255,.95)!important; border-radius:50%!important; background:#111827!important; color:#fff!important; font-size:27px!important; font-weight:900!important; line-height:1!important; box-shadow:0 5px 18px rgba(0,0,0,.45)!important; cursor:pointer!important; z-index:2147483644!important; pointer-events:auto!important; } #su-ca-article-close-v22.is-visible{display:flex!important;} /* Existing discussion/download external closes also sit just below the tabs. */ body.suca-current-affairs-page > .suca-discussion-close-out, body.suca-current-affairs-page > .suca-download-close-out{ z-index:2147483644!important; } /* Never allow an open CA layer to disable the global header controls. */ body.suca-current-affairs-page #suca-modal.open, body.suca-current-affairs-page #suca-test.open, body.suca-current-affairs-page .suca-download-overlay.open, body.suca-current-affairs-page .suca-discussion-overlay.open, body.suca-current-affairs-page .suca-share-preview-overlay.open, body.suca-current-affairs-page .suca-date-picker-overlay.open{ pointer-events:auto!important; } /* v22 account and unified save/download/notification UX */ #su-global-v22{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:2147483647!important} #su-global-v22 .su-v22-header,#su-global-v22 .su-v22-tabs{pointer-events:auto!important} #su-global-v22 .su-v22-menu,#su-global-v22 .su-v22-account{pointer-events:auto!important;position:relative!important;z-index:2147483647!important} #su-v22-post-bookmark{position:fixed!important;right:14px!important;bottom:86px!important;z-index:2147482000!important;border:0!important;border-radius:24px!important;background:#0646d8!important;color:#fff!important;padding:11px 15px!important;font-weight:900!important;box-shadow:0 6px 20px rgba(0,0,0,.22)!important;cursor:pointer!important} #su-v22-post-bookmark.is-saved{background:#e5a900!important;color:#111!important} .su-v22-ca-bookmark{position:absolute!important;right:12px!important;top:12px!important;z-index:40!important;border:1px solid rgba(255,255,255,.3)!important;background:rgba(0,0,0,.32)!important;color:#fff!important;border-radius:50%!important;width:42px!important;height:42px!important;font-size:21px!important;cursor:pointer!important} .su-v22-dashboard-nav{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin:12px 0!important}.su-v22-dashboard-nav button{border:1px solid #e5eaf1!important;background:#f7f9fc!important;border-radius:10px!important;padding:10px!important;text-align:left!important;font-weight:800!important;color:#172033!important;cursor:pointer!important}.su-v22-dashboard-nav em{float:right!important;background:#e11d48!important;color:#fff!important;border-radius:12px!important;padding:1px 6px!important;font-size:10px!important;font-style:normal!important}.su-v22-account-content{background:#f7f9fc!important;border-radius:12px!important;padding:12px!important;min-height:80px!important}.su-v22-list{display:grid!important;gap:6px!important}.su-v22-list-item{display:flex!important;justify-content:space-between!important;gap:8px!important;padding:9px!important;background:#fff!important;border:1px solid #e5eaf1!important;border-radius:9px!important;font-size:12px!important}.su-v22-list-item a{color:#0757d8!important;font-weight:800!important;text-decoration:none!important}.su-v22-empty{color:#6b7280!important;font-size:12px!important}.su-v22-note{padding:8px!important;background:#fff!important;border-radius:9px!important;margin-bottom:6px!important}.su-v22-note.unread{border-left:4px solid #0646d8!important}.su-v22-note small{display:block!important;color:#7b8492!important;margin-top:3px!important} #su-v22-ca-test-close,#su-v22-ca-download-close,#su-v22-ca-article-close{position:fixed!important;display:none!important;align-items:center!important;justify-content:center!important;top:calc(var(--su-gh-height,83px) + 8px)!important;right:10px!important;width:44px!important;height:44px!important;border-radius:50%!important;border:2px solid #fff!important;background:#111827!important;color:#fff!important;font-size:26px!important;font-weight:900!important;z-index:2147483646!important;box-shadow:0 5px 18px rgba(0,0,0,.4)!important;cursor:pointer!important} #su-v22-ca-test-close.is-visible,#su-v22-ca-download-close.is-visible,#su-v22-ca-article-close.is-visible{display:flex!important} @media(max-width:700px){#su-v22-post-bookmark{right:10px!important;bottom:76px!important}.su-v22-dashboard-nav{grid-template-columns:1fr 1fr!important}} #su-global-v22 .su-v22-account{position:relative!important}.su-v22-notify-badge{position:absolute!important;right:-2px!important;top:-3px!important;min-width:17px!important;height:17px!important;padding:0 4px!important;border-radius:10px!important;background:#ef4444!important;color:#fff!important;font-size:9px!important;line-height:17px!important;text-align:center!important;font-style:normal!important;display:none!important}.su-v22-notify-badge.is-show{display:block!important}