/* WikiNative Studio notices — 26 October 2026.
   Pure white, official brand colours, Times New Roman. No decorative icons. */
body.tilcayo :is(.csup-opnotice, .cs-draft-banner, .cs-blocked, .cs-note, .co-flash, .co-loginhelp, .wnsso-box, .csrc-notice, .csrc-warn, .csrc-soon, .csrc-private, .ce-introduction, .ce-note, .ce-hint, .ce-proposal-introduction, .cs-project-guidance, .simspace-banner, .ss-ok, .ci-warning, .mw-message-box, .cdx-message, .errorbox, .warningbox, .successbox),
body.tilcayo #ci-error,
body .notice,
body :is(.ce-introduction, .ce-note, .ce-hint, .ce-proposal-introduction) {
    box-sizing: border-box;
    max-width: 100%;
    margin: 16px 0;
    padding: 18px 20px;
    border: 1px solid #92278f;
    border-radius: 4px;
    background: #ffffff;
    background-image: none;
    box-shadow: none;
    color: #92278f;
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    overflow-wrap: anywhere;
}
body.tilcayo :is(.co-flash, .csrc-notice.csrc-ok, .cs-note.cs-ok, .ss-ok, .successbox, .mw-message-box-success, .cdx-message--success),
body .notice-success { border-color: #25b29a; }
body.tilcayo :is(.cs-note.cs-warn, .cs-status-needs_manual .cs-note, .csrc-warn, .ci-warning, .warningbox, .mw-message-box-warning, .cdx-message--warning),
body .notice-warning { border-color: #ffc333; }
body.tilcayo :is(.cs-blocked, .cs-draft-blocked, .cs-note.cs-bad, .csrc-notice.csrc-err, #ci-error, .errorbox, .mw-message-box-error, .cdx-message--error),
body .notice-error { border-color: #ed1c24; }
body.tilcayo :is(.csup-opnotice, .cs-draft-banner, .cs-note, .co-flash, .co-loginhelp, .wnsso-box, .csrc-notice, .csrc-warn, .ce-introduction, .ce-note, .ce-hint, .ce-proposal-introduction, .simspace-banner, .mw-message-box, .cdx-message) a,
body :is(.notice, .ce-note, .ce-hint) a { color: #92278f; text-decoration-thickness: 1px; text-underline-offset: .18em; }
body.tilcayo :is(.csup-opnotice, .cs-draft-banner, .co-flash, .ce-note, .ce-hint, .ce-introduction) p:first-child,
body .notice p:first-child { margin-top: 0; }
body.tilcayo :is(.csup-opnotice, .cs-draft-banner, .co-flash, .ce-note, .ce-hint, .ce-introduction) p:last-child,
body .notice p:last-child { margin-bottom: 0; }
body.tilcayo .cdx-message__icon { display: none; }
body.tilcayo .cdx-message__content { margin: 0; padding: 0; }
body.tilcayo .simspace-banner strong.ss-kicker { color: #92278f; }
body.tilcayo #siteNotice { margin: 0 0 24px; }
body.tilcayo #siteNotice .csup-opnotice {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px 32px;
    margin: 0;
    padding: 20px 24px;
}
.wn-notice-copy { flex: 1; min-width: 0; }
body.tilcayo .wn-notice-title { display: block; margin: 0 0 4px; font-size: 20px; font-weight: 400; line-height: 1.25; color: #92278f; }
body.tilcayo .wn-notice-summary { margin: 0; font-size: 16px; line-height: 1.5; }
body.tilcayo .csup-opnotice .wn-notice-action {
    display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center;
    box-sizing: border-box; min-height: 44px; padding: 8px 16px;
    border: 1px solid #92278f; border-radius: 4px;
    background: #ffffff; color: #92278f; font-size: 16px; text-decoration: none;
}
body.tilcayo .csup-opnotice .wn-notice-action:hover { background: #92278f; color: #ffffff; }
body.tilcayo :is(.csup-opnotice, .wn-preview-banner, .ce-note, .ce-hint, .cs-note) :focus-visible,
body .notice :focus-visible { outline: 2px solid #92278f; outline-offset: 4px; }
/* Preview remains clearly identified, without a coloured warning slab. */
body.tilcayo .wn-preview-banner { background: #ffffff; color: #92278f; border-bottom: 1px solid #92278f; box-shadow: none; }
body.tilcayo .wn-preview-banner strong { font-weight: 400; }
body.tilcayo .wn-preview-banner a { color: #92278f !important; font-weight: 400; text-underline-offset: .2em; }
body.tilcayo .wnsso-box a.wnsso-btn,
body.tilcayo .co-loginhelp-btn { background: #92278f; color: #ffffff; border-color: #92278f; border-radius: 4px; font-weight: 400; }
body.tilcayo .ce-proposal-action { background: #92278f; color: #ffffff !important; border-radius: 4px; }
@media (max-width: 720px) {
    body.tilcayo #siteNotice .csup-opnotice { flex-direction: column; align-items: flex-start; gap: 14px; padding: 18px; }
    body.tilcayo .csup-opnotice .wn-notice-action { max-width: 100%; white-space: normal; }
    body.tilcayo :is(.ce-introduction, .ce-note, .ce-hint, .cs-draft-banner, .cs-note, .csrc-notice, .co-flash, .simspace-banner), body .notice { padding: 16px; }
}

/* Keep the content of guidance panels and onboarding callouts on palette. */
body.tilcayo :is(.ce-note, .ce-hint, .ce-introduction, .ce-proposal-introduction, .cs-draft-banner, .co-loginhelp, .wnsso-box, .simspace-banner) :where(h1, h2, h3, h4, strong, p, span, summary, label),
body :is(.notice, .wn-callout) :where(h1, h2, h3, strong, p, span) { color: #92278f; font-family: "Times New Roman", Times, serif; }
body .wn-callout { background: #ffffff; color: #92278f; border: 1px solid #92278f; border-radius: 4px; box-shadow: none; padding: 18px 20px; font: 400 16px/1.5 "Times New Roman", Times, serif; }
body .wn-callout-text { color: #92278f; font-size: 16px; font-weight: 400; }
body .wn-callout .wn-btn { min-height: 44px; padding: 8px 16px; border: 1px solid #92278f; border-radius: 4px; background: #ffffff; color: #92278f; font-size: 16px; font-weight: 400; box-shadow: none; }
body .wn-callout .wn-btn:hover { background: #92278f; color: #ffffff; }