/* Public security advisory. */
.security-advisory-control { background: var(--accent); color: #fff; }
.security-advisory-control .container { display: flex; justify-content: space-between; gap: 20px; padding-block: 9px; font: 700 .68rem/1.5 'Courier New', monospace; letter-spacing: .11em; text-transform: uppercase; }
.security-advisory-hero { padding-block: 38px 90px; }
.security-advisory-topline { display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-bottom: clamp(54px, 8vw, 105px); }
.security-advisory-timestamps { display: grid; gap: 7px; justify-items: end; text-align: right; }
.security-advisory-timestamps > * { color: var(--muted); font: .7rem/1.5 'Courier New', monospace; letter-spacing: .07em; text-transform: uppercase; }
.security-advisory-timestamps > * > span:first-child { display: inline-block; width: 7px; height: 7px; margin-right: 9px; border-radius: 50%; background: #d25732; box-shadow: 0 0 0 4px rgb(210 87 50 / 14%); }
.security-advisory-timestamps .security-advisory-watch > span:first-child { background: #4d735c; box-shadow: 0 0 0 4px rgb(77 115 92 / 14%); }
.security-advisory-timestamps .security-advisory-watch.is-delayed > span:first-child { background: #b27534; box-shadow: 0 0 0 4px rgb(178 117 52 / 14%); }
.security-advisory-timestamps .security-advisory-watch.is-unavailable > span:first-child { background: #777; box-shadow: 0 0 0 4px rgb(119 119 119 / 14%); }
.security-advisory-watch em { color: var(--accent); font-style: normal; }
.security-advisory-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: clamp(60px, 9vw, 150px); align-items: end; }
.security-advisory-hero h1 { max-width: 13ch; margin-bottom: 32px; font-size: clamp(3.2rem, 7vw, 7.6rem); line-height: .98; }
.security-advisory-hero .lead-copy { margin-bottom: 0; }
.security-advisory-status { margin: 0; border-top: 1px solid var(--ink); }
.security-advisory-status div { padding-block: 19px; border-bottom: 1px solid var(--rule); }
.security-advisory-status dt { margin-bottom: 7px; color: var(--muted); font: .65rem/1.5 'Courier New', monospace; letter-spacing: .08em; text-transform: uppercase; }
.security-advisory-status dd { display: flex; align-items: center; gap: 12px; margin: 0; font-size: .92rem; font-weight: 700; }
.security-advisory-status dd span { width: 8px; height: 8px; background: #4d735c; }
.security-advisory-status dd .is-elevated { background: #d25732; }
.security-advisory-assessment { padding-block: clamp(62px, 8vw, 112px); border-block: 1px solid #31483c; background: var(--forest); color: var(--on-forest); }
.security-advisory-assessment-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: clamp(60px, 9vw, 160px); align-items: start; }
.security-advisory-assessment .eyebrow { display: block; margin-bottom: 28px; color: #bdc8bf; }
.security-advisory-assessment h2 { max-width: 13ch; margin-bottom: 0; }
.security-advisory-assessment-grid > div:last-child { max-width: 520px; padding-top: 38px; color: #d6ddd6; }
.security-advisory-assessment-grid > div:last-child p:last-child { margin-bottom: 0; color: #aeb9b0; font-size: .92rem; }
.security-advisory-customer { padding-block: clamp(56px, 7vw, 88px); border-bottom: 1px solid var(--rule); background: var(--panel); }
.security-advisory-customer-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: clamp(60px, 9vw, 150px); align-items: end; }
.security-advisory-customer .eyebrow { display: block; margin-bottom: 22px; }
.security-advisory-customer h2 { max-width: 15ch; margin-bottom: 0; }
.security-advisory-customer p { max-width: 520px; margin: 0 0 7px; color: var(--muted); }
.security-advisory-customer a { color: var(--ink); }
.security-advisory-response { padding-block: clamp(72px, 9vw, 128px); }
.security-advisory-section-heading { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(50px, 8vw, 130px); align-items: end; margin-bottom: 58px; }
.security-advisory-section-heading .eyebrow, .security-advisory-updates .eyebrow { display: block; margin-bottom: 24px; }
.security-advisory-section-heading h2 { max-width: 12ch; margin-bottom: 0; }
.security-advisory-section-heading > p { max-width: 550px; margin-bottom: 8px; color: var(--muted); }
.security-advisory-actions { margin: 0; padding: 0; border-top: 1px solid var(--ink); list-style: none; }
.security-advisory-actions li { display: grid; grid-template-columns: 70px minmax(0, 1fr) max-content; gap: 28px; align-items: start; padding-block: 32px; border-bottom: 1px solid var(--rule); }
.security-advisory-actions h3 { margin-bottom: 10px; }
.security-advisory-actions p { max-width: 820px; margin-bottom: 0; color: var(--muted); }
.security-advisory-number, .security-advisory-state { color: var(--muted); font: .7rem/1.5 'Courier New', monospace; letter-spacing: .07em; text-transform: uppercase; }
.security-advisory-number { padding-top: 6px; color: var(--accent); }
.security-advisory-state { justify-self: end; padding-top: 8px; }
.security-advisory-updates { padding-block: clamp(68px, 8vw, 110px); border-top: 1px solid var(--rule); background: var(--panel); }
.security-advisory-updates-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: clamp(60px, 10vw, 160px); align-items: end; }
.security-advisory-updates h2 { max-width: 13ch; margin-bottom: 0; }
.security-advisory-contact { max-width: 520px; }
.security-advisory-contact > p:first-child { color: var(--muted); }
.security-advisory-contact > a { display: inline-flex; align-items: baseline; gap: 28px; font: clamp(1.45rem, 2.5vw, 2.2rem)/1.3 Georgia, 'Times New Roman', serif; text-decoration-thickness: 1px; }
.security-advisory-contact > a span { color: var(--accent); font: 1rem Arial, sans-serif; }
.security-advisory-contact > p:last-child { margin: 22px 0 0; color: var(--muted); font-size: .8rem; }
.security-advisory-revisions { padding-block: clamp(62px, 8vw, 96px); border-top: 1px solid var(--rule); }
.security-advisory-revisions-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(60px, 10vw, 160px); align-items: start; }
.security-advisory-revisions .eyebrow { display: block; margin-bottom: 22px; }
.security-advisory-revisions h2 { margin-bottom: 0; }
.security-advisory-revisions ol { margin: 0; padding: 0; border-top: 1px solid var(--ink); list-style: none; }
.security-advisory-revisions li { display: grid; grid-template-columns: minmax(180px, .55fr) 1fr; gap: 30px; padding-block: 25px; border-bottom: 1px solid var(--rule); }
.security-advisory-revisions time { color: var(--accent); font: .68rem/1.6 'Courier New', monospace; letter-spacing: .06em; text-transform: uppercase; }
.security-advisory-revisions p { margin: 0; color: var(--muted); }
.security-advisory-signature { padding-block: 58px; border-block: 1px solid var(--rule); }
.security-advisory-signature-grid { display: grid; grid-template-columns: .45fr 1fr .75fr; gap: 48px; align-items: start; }
.security-advisory-signature strong { display: block; font: 400 1.65rem/1.3 Georgia, 'Times New Roman', serif; }
.security-advisory-signature div p { margin: 3px 0 0; color: var(--muted); font-size: .92rem; }
.security-advisory-signature-grid > p { justify-self: end; margin: 4px 0 0; color: var(--accent); font: .66rem/1.7 'Courier New', monospace; letter-spacing: .07em; text-align: right; text-transform: uppercase; }
@media (max-width: 900px) {
    .security-advisory-hero-grid, .security-advisory-assessment-grid, .security-advisory-customer-grid, .security-advisory-section-heading, .security-advisory-updates-grid, .security-advisory-revisions-grid { grid-template-columns: 1fr; gap: 44px; }
    .security-advisory-status { max-width: 520px; }
    .security-advisory-assessment-grid > div:last-child { padding-top: 0; }
    .security-advisory-signature-grid { grid-template-columns: 1fr 2fr; }
    .security-advisory-signature-grid > p { grid-column: 2; justify-self: start; text-align: left; }
}
@media (max-width: 640px) {
    .security-advisory-control .container { font-size: .58rem; }
    .security-advisory-hero { padding-block: 32px 64px; }
    .security-advisory-topline { display: block; margin-bottom: 52px; }
    .security-advisory-timestamps { justify-items: start; margin-top: 14px; text-align: left; }
    .security-advisory-timestamps > * { display: block; }
    .security-advisory-hero h1 { font-size: clamp(3rem, 14.5vw, 4.5rem); }
    .security-advisory-actions li { grid-template-columns: 34px minmax(0, 1fr); gap: 16px; padding-block: 26px; }
    .security-advisory-state { grid-column: 2; justify-self: start; padding-top: 0; }
    .security-advisory-revisions li { grid-template-columns: 1fr; gap: 10px; }
    .security-advisory-signature-grid { grid-template-columns: 1fr; gap: 20px; }
    .security-advisory-signature-grid > p { grid-column: auto; }
}
