/* Extras and the existing Attention message only. */
html body.reference-ui #main .rp-topic-extras {
 display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 6px;
 padding:8px 12px 14px;margin:0;color:#111;
 font:700 14px/1.6 Arial,Helvetica,sans-serif;
}
html body.reference-ui #main .rp-topic-extras a {text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere;}
html body.reference-ui #main .rp-topic-extras .rp-extra-purple {color:#551a8b;}
html body.reference-ui #main .rp-topic-extras .rp-extra-red {color:#e00000;}
html body.reference-ui #main .rp-topic-extras .rp-extra-unavailable {cursor:default;}
html body.reference-ui #main .rp-topic-extras a:focus-visible {outline:2px solid #329bff;outline-offset:3px;}
html body.reference-ui #main .rp-attention {
 display:flex;align-items:center;gap:12px;box-sizing:border-box;width:100%;
 border:3px solid #329bff;border-radius:6px;background:#ffffdf;
 padding:10px 14px;margin:0 0 13px;color:#111;
 font:700 14px/1.5 Arial,Helvetica,sans-serif;overflow-wrap:anywhere;
}
html body.reference-ui #main .rp-attention>span {color:#43b9e2;font-size:34px;line-height:1;flex-shrink:0;}
html body.reference-ui #main .rp-attention>div {min-width:0;}
html body.reference-ui #main .rp-attention strong {color:#e00000;}
html body.reference-ui #main .rp-attention a {color:#0000ee;text-decoration:underline;font-weight:700;}
@media(max-width:700px){
 html body.reference-ui #main .rp-topic-extras {font-size:12px;padding:8px 4px 12px;gap:3px 5px;}
 html body.reference-ui #main .rp-attention {font-size:12px;padding:8px;gap:8px;}
 html body.reference-ui #main .rp-attention>span {font-size:28px;}
}