#account-announcement{width:min(560px,calc(100% - 24px));box-sizing:border-box;padding:28px;max-height:90svh;overflow:auto;text-align:left;color:#edf6ff;background:radial-gradient(ellipse at top right,#29557577,transparent 65%),#091a2e;border:1px solid #658399;box-shadow:0 24px 100px #000a}
#account-announcement .announcement-tag{color:#ffe175;font-size:14px;letter-spacing:1px;font-weight:700}
#account-announcement h2{font-size:clamp(30px,7vw,42px);line-height:1.1;margin:12px 0}
#account-announcement .announcement-lead{font-size:17px;line-height:1.5;margin:0 0 20px;color:#bfeef0}
#account-announcement ol{list-style:none;padding:0;margin:0;counter-reset:account-step;display:grid;gap:16px}
#account-announcement li{position:relative;padding-left:44px;counter-increment:account-step}
#account-announcement li::before{content:counter(account-step,decimal-leading-zero);position:absolute;left:0;top:0;font-size:18px;font-weight:800;color:#ffe175}
#account-announcement h3{font-size:17px;line-height:1.4;margin:0 0 5px}
#account-announcement li p{font-size:16px;line-height:1.5;margin:0;color:#c9daea}
#account-announcement .announcement-new{font-size:14px;line-height:1.5;color:#c9daea;border-top:1px solid #53708766;padding-top:16px;margin:20px 0 0}
#account-announcement .announcement-dismiss{display:flex;align-items:center;gap:12px;font-size:16px;margin:22px 0;cursor:pointer}
#account-announcement .announcement-dismiss input{width:22px;height:22px;padding:0;margin:0;accent-color:#ffe175;flex:none}
#account-announcement .announcement-actions{display:flex;flex-wrap:wrap;gap:10px}
#account-announcement .announcement-actions button{flex:1 1 180px;min-height:48px;margin:0;font-size:16px;white-space:normal}
#account-announcement :focus-visible{outline:3px solid #ffe175;outline-offset:3px}
#announcement-storage-note{font-size:14px;line-height:1.5;color:#ffcf9f}
#announcement-storage-note:empty{display:none}
@media(max-width:480px){#account-announcement{padding:24px 20px}#account-announcement li{padding-left:36px}}
