/* Deliberate final component override of the existing unlayered PSD typography. Desktop only. */
@media (min-width:769px){
 body[data-desktop-page="score-query"] .score-announcement[data-score-announcement]{--notice-title-size:clamp(1.125rem,1.6vw,1.5rem);--notice-body-size:1rem;--notice-small-size:.875rem;--notice-padding:clamp(1.25rem,2vw,2rem);--notice-space:1rem;--notice-ink:#152b43;--notice-accent:#1266a6;--notice-border:#d6e6ef;padding:var(--notice-padding);color:var(--notice-ink);font-size:var(--notice-body-size);line-height:2;font-family:"HarmonyOS Sans SC","Microsoft YaHei",sans-serif;overflow-wrap:anywhere}
 body[data-desktop-page="score-query"] .score-announcement .score-notice-title{margin:0 0 calc(var(--notice-space)*1.5);font-size:var(--notice-title-size);font-weight:700;line-height:1.6;text-align:center;letter-spacing:0;color:var(--notice-ink)}
 body[data-desktop-page="score-query"] .score-announcement p{margin:0 0 var(--notice-space);font-size:var(--notice-body-size);line-height:2;color:var(--notice-ink);text-indent:0}
 body[data-desktop-page="score-query"] .score-announcement .score-notice-copy{text-indent:2em;text-align:justify}
 body[data-desktop-page="score-query"] .score-announcement a{color:var(--notice-accent);text-underline-offset:.2em}
 body[data-desktop-page="score-query"] .score-announcement a:focus-visible{outline:2px solid var(--notice-accent);outline-offset:3px}
 body[data-desktop-page="score-query"] .score-notice-signature{margin-block:calc(var(--notice-space)*1.5);text-align:right}
 body[data-desktop-page="score-query"] .score-notice-signature p{margin:0}
 body[data-desktop-page="score-query"] .score-notice-figure{margin:calc(var(--notice-space)*1.5) 0}
 body[data-desktop-page="score-query"] .score-notice-figure a{display:block}
 body[data-desktop-page="score-query"] .score-notice-figure img{display:block;width:100%;height:auto;max-width:100%;border:0}
 body[data-desktop-page="score-query"] .score-notice-figure figcaption{margin-top:.5rem;font-size:var(--notice-small-size);line-height:1.8;text-align:center;color:#476277}
 body[data-desktop-page="score-query"] .score-notice-attachment{padding-top:var(--notice-space);margin-top:calc(var(--notice-space)*1.5);border-top:1px solid var(--notice-border);scroll-margin-top:var(--notice-space)}
 body[data-desktop-page="score-query"] .score-notice-attachment h2{margin:0;font-size:var(--notice-body-size);font-weight:700;line-height:1.8}
 body[data-desktop-page="score-query"] .score-notice-attachment .score-notice-file-info{font-size:var(--notice-small-size);color:#476277;margin-block:.5rem var(--notice-space)}
 body[data-desktop-page="score-query"] .score-notice-actions{display:flex;flex-wrap:wrap;gap:.75rem}
 body[data-desktop-page="score-query"] .score-notice-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.375rem .75rem;border:1px solid var(--notice-border);border-radius:.25rem;background:#f3f9fd;text-decoration:none;font-size:var(--notice-small-size);line-height:1.6}
 body[data-desktop-page="score-query"] .score-notice-actions a:hover{background:#e4f2fb}
}

/* The public notice is a document: let the phone scroll the whole page. */
@media (max-width:768px){
 html:has(> body.score-notice-page){height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}
 body.score-notice-page{display:block!important;height:auto;min-height:100dvh!important;overflow:auto;background:#d5effc}
 body.score-notice-page .m-view{display:block;width:100%;height:auto;min-height:100dvh;aspect-ratio:auto;container-type:inline-size;overflow:visible;padding-bottom:calc(112px + env(safe-area-inset-bottom));background:transparent}
 body.score-notice-page .m-content-logo{width:52px;margin:24px 0 16px 22px}
 body.score-notice-page .m-content-space{display:none}
 body.score-notice-page .m-content-wrap{display:block;margin:0 12px;padding:0;border-radius:14px;background:#fff;box-shadow:0 6px 24px #19598414}
 body.score-notice-page .m-card{width:100%;padding:24px 18px;overflow:visible;border:1px solid #d6e6ef;border-radius:14px;background:#fff}
 body.score-notice-page .score-announcement[data-score-announcement]{color:#152b43;font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.95;overflow-wrap:anywhere}
 body.score-notice-page .score-announcement .score-notice-title{margin:0 0 24px;color:#152b43;font-size:20px;font-weight:700;line-height:1.6;text-align:center;letter-spacing:0}
 body.score-notice-page .score-announcement p{margin:0 0 16px;color:#152b43;font-size:16px;line-height:1.95;text-indent:0;text-align:left}
 body.score-notice-page .score-announcement .score-notice-copy{text-indent:2em}
 body.score-notice-page .score-announcement a{color:#1266a6;text-underline-offset:3px}
 body.score-notice-page .score-announcement a:focus-visible{outline:2px solid #1266a6;outline-offset:3px}
 body.score-notice-page .score-notice-signature{margin:24px 0;text-align:right}
 body.score-notice-page .score-notice-signature p{margin:0;text-align:right}
 body.score-notice-page .score-notice-figure{margin:24px 0}
 body.score-notice-page .score-notice-figure a{display:block}
 body.score-notice-page .score-notice-figure img{display:block;width:100%;max-width:100%;height:auto;border:0}
 body.score-notice-page .score-notice-figure figcaption{margin-top:8px;color:#476277;font-size:14px;line-height:1.8;text-align:center}
 body.score-notice-page .score-notice-attachment{margin-top:24px;padding-top:20px;border-top:1px solid #d6e6ef;scroll-margin-top:16px}
 body.score-notice-page .score-notice-attachment h2{margin:0;color:#152b43;font-size:16px;font-weight:700;line-height:1.8}
 body.score-notice-page .score-notice-attachment .score-notice-file-info{margin:8px 0 16px;color:#476277;font-size:14px}
 body.score-notice-page .score-notice-actions{display:flex;flex-wrap:wrap;gap:12px}
 body.score-notice-page .score-notice-actions a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid #d6e6ef;border-radius:6px;background:#f3f9fd;font-size:14px;line-height:1.6;text-decoration:none}
 body.score-notice-page .m-view>.m-tabbar{position:fixed;padding-bottom:env(safe-area-inset-bottom);height:calc(92px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#d5effc 30%)}
}
