/* Mujō Archive · styles for the pieces the plugin renders or injects.
   Page layout is GenerateBlocks; this only covers shortcodes, the gate form, the Files index,
   toasts, the breach, inline redactions and the staff / B6 themes. Uses the GP global colours. */
:root {
  --mujo-ash: var(--ash, #E6E2DA); --mujo-sumi: var(--sumi, #141312);
  --mujo-brass: var(--brass, #B08D57); --mujo-brass-deep: var(--brass-deep, #9A7642);
  --mujo-verm: var(--vermilion, #D2402A); --mujo-ink-soft: var(--grey-ink, #5F594F); --mujo-dark-soft: var(--grey-on-dark, #8E887E);
  --mujo-rule: rgba(20, 19, 18, .22); --mujo-rule-strong: rgba(20, 19, 18, .55);
  --mujo-text: var(--gp-font--hubot-sans, "Hubot Sans", system-ui, sans-serif);
  --mujo-data: var(--gp-font--martian-mono, "Martian Mono", ui-monospace, monospace);
  --mujo-ritual: var(--gp-font--shippori-mincho, "Shippori Mincho", serif);
  --mujo-ease: cubic-bezier(.16, 1, .3, 1);
}

/* ---------- themes: staff = lights off, B6 = deeper ---------- */
body.mujo-theme-staff { --ash: #141312; --sumi: #E6E2DA; --grey-ink: #8E887E; --grey: #8E887E; --brass-deep: #B08D57; --mujo-rule: rgba(230,226,218,.16); --mujo-rule-strong: rgba(230,226,218,.42); }
body.mujo-theme-classified { --ash: #0B0A09; --sumi: #E6E2DA; --grey-ink: #8E887E; --grey: #8E887E; --brass-deep: #B08D57; --mujo-rule: rgba(176,141,87,.22); --mujo-rule-strong: rgba(176,141,87,.55); }
[data-mujo-logo="dark"] { display: none; }
body.mujo-theme-staff [data-mujo-logo="light"], body.mujo-theme-classified [data-mujo-logo="light"] { display: none; }
body.mujo-theme-staff [data-mujo-logo="dark"], body.mujo-theme-classified [data-mujo-logo="dark"] { display: block; }

/* ---------- inline: Kaimyō, numerals, redactions ---------- */
.mujo-kanji { font-family: var(--mujo-ritual); font-weight: 600; }
[data-mujo-num] { font-family: var(--mujo-data); font-variation-settings: "wdth" 87.5; font-size: .9em; }
[data-mujo-redact] { user-select: none; letter-spacing: -.02em; }
[data-mujo-redact][data-lifted] { user-select: auto; letter-spacing: 0; color: var(--brass-deep, #9A7642); border-bottom: 1px solid currentColor; }

/* ---------- shared parts ---------- */
.mujo-ui { font-family: var(--mujo-text); color: var(--sumi); }
.mujo-colhead { display: flex; justify-content: space-between; gap: 16px; margin: 0 0 16px; padding-bottom: 8px; border-bottom: 1px solid var(--mujo-rule); font: 400 11px/1.5 var(--mujo-data); font-variation-settings: "wdth" 87.5; text-transform: uppercase; letter-spacing: .08em; color: var(--grey-ink); }
.mujo-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 14px 20px; background: var(--sumi); color: var(--ash); border: 1px solid var(--sumi); border-radius: 0; font: 500 13px/1.2 var(--mujo-text); font-variation-settings: "wdth" 118; letter-spacing: .1em; text-transform: uppercase; cursor: pointer; transition: all .2s ease 0s; }
.mujo-btn:hover, .mujo-btn:focus-visible { background: var(--ash); color: var(--sumi); }
.mujo-field { display: grid; gap: 8px; }
.mujo-field > span { font: 400 11px/1.4 var(--mujo-data); font-variation-settings: "wdth" 87.5; text-transform: uppercase; letter-spacing: .08em; color: var(--grey-ink); }
.mujo-field input, .mujo-field select { appearance: none; width: 100%; border: 0; border-bottom: 1px solid var(--sumi); border-radius: 0; background: transparent; font: 400 17px/1.4 var(--mujo-text); color: var(--sumi); padding: 8px 0 10px; }
.mujo-field input:focus { outline: none; border-bottom-color: var(--brass-deep); background: rgba(154,118,66,.08); }
.mujo-field input[readonly] { color: var(--grey-ink); }
.mujo-slip { position: relative; display: grid; gap: 24px; padding: 40px; border: 1px solid var(--mujo-rule-strong); border-top: 0; }
.mujo-slip::before { content: ""; position: absolute; left: -1px; right: -1px; top: -1px; height: 3px; background: radial-gradient(circle at 1.5px 1.5px, var(--sumi) 1.1px, transparent 1.4px) 0 0 / 6px 3px repeat-x; }
.mujo-slip__head { display: flex; justify-content: space-between; gap: 16px; margin: 0; padding-bottom: 8px; border-bottom: 1px solid var(--mujo-rule-strong); font: 400 11px/1.5 var(--mujo-data); font-variation-settings: "wdth" 87.5; text-transform: uppercase; letter-spacing: .08em; color: var(--grey-ink); }
.mujo-slip__head [data-mujo-kaimyo] { text-transform: none; letter-spacing: 0; color: var(--sumi); }
.mujo-slip .mujo-btn { justify-self: start; }

/* ---------- the gate (WP password form) ---------- */
.mujo-gate { max-width: var(--gb-container-width, 1280px); margin: 0 auto; padding: 4em 40px 8em; }
.mujo-gate__head { display: grid; grid-template-columns: repeat(12, 1fr); gap: 24px; align-items: end; margin-bottom: 4em; }
.mujo-gate__head .mujo-colhead { grid-column: 1 / -1; margin-bottom: 3em; }
.mujo-gate__title { grid-column: 1 / span 8; margin: 0; font: 300 84px/1 var(--mujo-text); font-variation-settings: "wdth" 125; text-transform: uppercase; color: var(--sumi); }
.mujo-gate__title b { display: block; font-weight: 600; }
.mujo-gate__intro { grid-column: 9 / -1; margin: 0; font: 400 20px/1.5 var(--mujo-ritual); color: var(--sumi); }
.mujo-gate__grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 24px; align-items: start; }
.mujo-gate__copy { grid-column: 1 / span 5; color: var(--sumi); }
.mujo-gate__copy p { margin: 0 0 16px; max-width: 40ch; }
.mujo-gate__hint { font-size: 14px; color: var(--grey-ink); }
.mujo-gate__hint a { color: var(--sumi); }
.mujo-gate .mujo-slip { grid-column: 7 / -1; }
.mujo-gate__msg { margin: 0; min-height: 1.5em; font: 400 19px/1.4 var(--mujo-ritual); }
.mujo-gate__staff { grid-column: 7 / -1; margin: 0; font: 400 12px/1.4 var(--mujo-data); }
.mujo-gate__staff a { color: var(--grey-ink); text-underline-offset: 4px; }
@media (max-width: 1024px) { .mujo-gate__title { font-size: 64px; } .mujo-gate .mujo-slip, .mujo-gate__staff { grid-column: 6 / -1; } }
@media (max-width: 767px) { .mujo-gate { padding: 3em 24px 5em; } .mujo-gate__title { font-size: 44px; } .mujo-gate__title, .mujo-gate__intro, .mujo-gate__copy, .mujo-gate .mujo-slip, .mujo-gate__staff { grid-column: 1 / -1; } .mujo-slip { padding: 32px 24px 24px; } }

/* ---------- sample visit terminal ---------- */
.mujo-screen { position: relative; display: grid; grid-template-rows: auto 1fr auto; height: clamp(480px, 72vh, 720px); background: var(--mujo-sumi); color: var(--mujo-ash); padding: 24px 40px 40px; box-shadow: inset 0 0 0 1px rgba(230,226,218,.12); }
.mujo-screen::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(to bottom, rgba(230,226,218,.025) 0 1px, transparent 1px 3px); }
.mujo-screen__bar { display: flex; justify-content: space-between; gap: 16px; margin: 0; font: 400 11px/1.5 var(--mujo-data); font-variation-settings: "wdth" 87.5; text-transform: uppercase; letter-spacing: .08em; color: var(--mujo-dark-soft); border-bottom: 1px solid rgba(230,226,218,.18); padding-bottom: 8px; }
.mujo-screen__state { color: var(--mujo-brass); }
.mujo-screen__log { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; min-height: 0; -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 22%); mask-image: linear-gradient(to bottom, transparent 0, #000 22%); }
.mujo-screen .visit__log { display: grid; gap: 14px; padding-block: 24px; }
.mujo-screen .vl { margin: 0; display: grid; grid-template-columns: 5.5rem 1fr; column-gap: 16px; align-items: baseline; }
.mujo-screen .vl__who { font: 400 11px/1.4 var(--mujo-data); font-variation-settings: "wdth" 87.5; text-transform: uppercase; letter-spacing: .08em; color: var(--mujo-dark-soft); }
.mujo-screen .vl--sys { display: block; font: 400 12px/1.5 var(--mujo-data); font-variation-settings: "wdth" 87.5; color: var(--mujo-dark-soft); padding-left: calc(5.5rem + 16px); }
.mujo-screen .vl--client .vl__text { font: 400 clamp(18px, 1.6vw, 22px)/1.45 var(--mujo-ritual); }
.mujo-screen .vl--you .vl__who { color: var(--mujo-brass); }
.mujo-screen .vl--you .vl__text { font: 400 13px/1.5 var(--mujo-data); font-variation-settings: "wdth" 87.5; color: #CFCAC0; }
.mujo-screen .vl--you .vl__text::before { content: "> "; color: var(--mujo-brass); }
.mujo-screen__foot { border-top: 1px solid rgba(230,226,218,.18); padding-top: 24px; min-height: 140px; display: grid; align-content: start; }
.mujo-screen .visit__choices, .mujo-screen .visit__end { display: grid; gap: 4px; }
.mujo-screen .visit__choice, .mujo-screen .screen__link, .mujo-screen .screen__start { display: block; width: 100%; text-align: left; background: transparent; color: var(--mujo-ash); border: 0; padding: 8px 10px; margin-left: -10px; font: 400 14px/1.4 var(--mujo-data); font-variation-settings: "wdth" 87.5; text-decoration: none; cursor: pointer; transition: all .2s ease 0s; }
.mujo-screen .visit__choice span, .mujo-screen .screen__start span { color: var(--mujo-brass); }
.mujo-screen .visit__choice:hover, .mujo-screen .visit__choice:focus-visible, .mujo-screen .screen__link:hover, .mujo-screen .screen__link:focus-visible, .mujo-screen .screen__start:hover, .mujo-screen .screen__start:focus-visible { background: rgba(176,141,87,.14); outline: none; }
.mujo-screen .screen__idle p { font: 400 18px/1.5 var(--mujo-ritual); color: #CFCAC0; max-width: 44ch; margin: 0 0 16px; }
.mujo-screen .screen__start { width: auto; font-size: 15px; }
.mujo-screen [hidden] { display: none; }
@media (max-width: 767px) { .mujo-screen { height: 78svh; padding: 16px 24px 24px; } .mujo-screen__bar > span:first-child { display: none; } .mujo-screen .vl { grid-template-columns: 1fr; row-gap: 2px; } .mujo-screen .vl--sys { padding-left: 0; } }

/* ---------- records search ---------- */
.mujo-search { display: flex; gap: 16px; align-items: end; border-bottom: 1px solid var(--sumi); padding-bottom: 6px; }
.mujo-search label { flex: 1; }
.mujo-search label span { display: block; font: 400 11px/1.4 var(--mujo-data); font-variation-settings: "wdth" 87.5; text-transform: uppercase; letter-spacing: .08em; color: var(--grey-ink); margin-bottom: 6px; }
.mujo-search input[name="q"] { width: 100%; border: 0; background: transparent; color: var(--sumi); font: 300 32px/1.3 var(--mujo-data); font-variation-settings: "wdth" 87.5; padding: 4px 0; caret-color: var(--mujo-brass); }
.mujo-search input[name="q"]:focus { outline: none; }
.mujo-hints { margin: 24px 0 0; font: 400 12px/1.5 var(--mujo-data); font-variation-settings: "wdth" 87.5; color: var(--grey-ink); }
.mujo-hints a { color: var(--sumi); margin-left: .4em; text-underline-offset: 3px; }
.mujo-results { list-style: none; margin: 24px 0 0; padding: 0; min-height: 30vh; }
.mujo-results li { display: grid; grid-template-columns: 16ch 1fr auto; gap: 24px; padding-block: 14px; border-bottom: 1px solid var(--mujo-rule); align-items: baseline; }
.mujo-ref, .mujo-results a, .mujo-none, .mujo-lock { font: 400 12px/1.5 var(--mujo-data); font-variation-settings: "wdth" 87.5; }
.mujo-ref, .mujo-none { color: var(--grey-ink); }
.mujo-ttl { font-weight: 500; }
.mujo-sum { display: block; color: var(--grey-ink); font-size: 14px; margin-top: 2px; }
.mujo-results a { color: var(--sumi); text-underline-offset: 4px; }
.mujo-lock { color: var(--mujo-brass); text-transform: uppercase; letter-spacing: .08em; }
@media (max-width: 767px) { .mujo-search input[name="q"] { font-size: 22px; } .mujo-results li { grid-template-columns: 1fr; gap: 4px; } }

/* ---------- intake (Form IQ-14) ---------- */
.mujo-ui .intake { display: grid; grid-template-columns: repeat(12, 1fr); column-gap: 24px; }
.mujo-ui .intake fieldset { grid-column: 1 / span 8; border: 0; margin: 0 0 64px; padding: 0; }
.mujo-ui .intake legend { width: 100%; padding: 0 0 8px; margin-bottom: 16px; border-bottom: 1px solid var(--mujo-rule); font: 400 11px/1.5 var(--mujo-data); font-variation-settings: "wdth" 87.5; text-transform: uppercase; letter-spacing: .08em; color: var(--grey-ink); }
.mujo-ui .q { display: grid; grid-template-columns: 4ch 1fr; column-gap: 16px; padding-block: 16px; border-bottom: 1px solid var(--mujo-rule); }
.mujo-ui .q__n { font: 400 12px/1.4 var(--mujo-data); color: var(--grey-ink); padding-top: 4px; }
.mujo-ui .q__label { display: block; margin-bottom: 10px; }
.mujo-ui .q input[type="text"], .mujo-ui .q input[type="date"], .mujo-ui .q select, .mujo-ui .q textarea { width: 100%; border: 0; border-bottom: 1px solid var(--sumi); background: transparent; font: 400 17px/1.4 var(--mujo-text); color: var(--sumi); padding: 6px 0 8px; border-radius: 0; }
.mujo-ui .q textarea { min-height: 72px; resize: vertical; }
.mujo-ui .choices { display: flex; flex-wrap: wrap; gap: 8px; }
.mujo-ui .choices label { position: relative; }
.mujo-ui .choices input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }
.mujo-ui .choices span { display: inline-block; padding: 9px 14px; border: 1px solid var(--mujo-rule-strong); font: 500 12px/1 var(--mujo-text); font-variation-settings: "wdth" 118; letter-spacing: .1em; text-transform: uppercase; transition: all .2s ease 0s; }
.mujo-ui .choices input:checked + span { background: var(--sumi); color: var(--ash); border-color: var(--sumi); }
.mujo-ui .consent { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: start; }
.mujo-ui .consent input { appearance: none; width: 20px; height: 20px; border: 1px solid var(--sumi); margin: 2px 0 0; display: grid; place-items: center; }
.mujo-ui .consent input::after { content: ""; width: 10px; height: 10px; background: var(--sumi); transform: scale(0); transition: transform .2s; }
.mujo-ui .consent input:checked::after { transform: scale(1); }
.mujo-ui .consent input:disabled { border-color: var(--grey-ink); }
.mujo-ui .consent small { display: block; margin-top: 4px; font: 400 11px/1.4 var(--mujo-data); color: var(--grey-ink); }
.mujo-ui .intake__side { grid-column: 10 / -1; grid-row: 1 / span 6; position: sticky; top: 32px; align-self: start; display: grid; gap: 16px; }
.mujo-ui .intake__side[hidden], .mujo-ui .intake__done[hidden], .mujo-ui .mujo-error[hidden] { display: none; }
.mujo-ui .intake__progress { height: 1px; background: var(--mujo-rule); position: relative; }
.mujo-ui .intake__progress span { position: absolute; inset: 0; background: var(--sumi); transform-origin: left; transform: scaleX(var(--p, 0)); transition: transform .4s var(--mujo-ease); }
.mujo-ui .mujo-note { font: 400 12px/1.5 var(--mujo-data); color: var(--grey-ink); }
.mujo-ui .intake__done { grid-column: 1 / span 8; border: 1px solid var(--mujo-rule-strong); padding: 40px; }
.mujo-ui .intake__done .ritual { font: 400 22px/1.45 var(--mujo-ritual); }
.mujo-ui .leak { display: inline-flex; gap: 10px; margin-top: 24px; padding: 10px 14px; border: 1px dashed var(--mujo-rule-strong); font: 400 12px/1.4 var(--mujo-data); color: var(--sumi); text-decoration: none; }
@media (max-width: 767px) { .mujo-ui .intake fieldset, .mujo-ui .intake__side, .mujo-ui .intake__done { grid-column: 1 / -1; } .mujo-ui .intake__side { position: static; grid-row: auto; margin-bottom: 40px; } }

/* ---------- 404 incident, File 23 withheld, careers ---------- */
.mujo-incident { max-width: 720px; position: relative; border: 1px solid var(--mujo-rule-strong); border-top: 0; padding: 40px; }
.mujo-incident::before { content: ""; position: absolute; left: -1px; right: -1px; top: -1px; height: 3px; background: radial-gradient(circle at 1.5px 1.5px, var(--sumi) 1.1px, transparent 1.4px) 0 0 / 6px 3px repeat-x; }
.mujo-incident dl, .mujo-rec { margin: 0; font: 400 14px/1.5 var(--mujo-data); font-variation-settings: "wdth" 87.5; }
.mujo-incident dl > div, .mujo-rec > div { display: grid; grid-template-columns: 14ch 1fr; gap: 16px; padding-block: 9px; border-bottom: 1px solid var(--mujo-rule); }
.mujo-incident dt, .mujo-rec dt { color: var(--grey-ink); text-transform: uppercase; letter-spacing: .08em; font-size: 11px; padding-top: 2px; }
.mujo-incident dd, .mujo-rec dd { margin: 0; overflow-wrap: anywhere; }
.mujo-withheld { max-width: 820px; margin: 0 auto; }
.mujo-withheld__strip { display: flex; justify-content: space-between; margin: 0; padding: 10px 14px; background: var(--mujo-brass); color: #0B0A09; font: 400 11px/1.4 var(--mujo-data); text-transform: uppercase; letter-spacing: .08em; }
.mujo-withheld > div { border: 1px solid var(--mujo-rule-strong); border-top: 0; padding: 48px; }
.mujo-withheld h2 { margin: 0 0 16px; font: 400 32px/1.1 var(--mujo-text); font-variation-settings: "wdth" 125; text-transform: uppercase; }
.mujo-withheld a { color: var(--sumi); }
.mujo-apply-msg { margin: 8px 0 0; font: 400 12px/1.4 var(--mujo-data); }
@media (max-width: 767px) { .mujo-incident { padding: 24px; } .mujo-incident dl > div, .mujo-rec > div { grid-template-columns: 1fr; gap: 2px; } }

/* ---------- Your record ---------- */
.mujo-record { max-width: 820px; margin: 0 auto; }
.mujo-record__strip { display: flex; justify-content: space-between; margin: 0; padding: 10px 14px; background: var(--mujo-verm); color: #0B0A09; font: 400 11px/1.4 var(--mujo-data); text-transform: uppercase; letter-spacing: .08em; }
.mujo-record__strip.is-off { background: var(--sumi); color: var(--ash); }
.mujo-record__doc { border: 1px solid var(--mujo-rule-strong); border-top: 0; padding: clamp(28px, 5vw, 64px); }
.mujo-record__title { margin: 0; font: 400 34px/1.1 var(--mujo-text); font-variation-settings: "wdth" 125; text-transform: uppercase; }
.mujo-record__name { margin: 24px 0 40px; font: 600 104px/1 var(--mujo-ritual); }
.mujo-record__removed { margin-left: .6em; font-size: 11px; color: var(--mujo-verm); text-transform: uppercase; letter-spacing: .08em; }
.mujo-rec del { text-decoration-color: var(--mujo-verm); }
.mujo-record__note { margin: 32px 0 0; padding-left: 16px; border-left: 1px solid var(--mujo-verm); color: var(--mujo-verm); font: 400 14px/1.6 var(--mujo-data); font-variation-settings: "wdth" 87.5; text-transform: lowercase; }
@media (max-width: 767px) { .mujo-record__name { font-size: 64px; } }

/* ---------- Files index + toast ---------- */
.mujo-toast { position: fixed; right: 40px; bottom: 40px; z-index: 9990; margin: 0; max-width: min(420px, calc(100vw - 48px)); background: var(--sumi); color: var(--ash); padding: 14px 18px; font: 400 12px/1.5 var(--mujo-data); font-variation-settings: "wdth" 87.5; border-top: 2px solid var(--mujo-brass); opacity: 0; transform: translateY(8px); pointer-events: none; transition: opacity .4s var(--mujo-ease), transform .5s var(--mujo-ease); }
.mujo-toast.is-on { opacity: 1; transform: none; }
.mujo-files { border: 0; padding: 0; width: min(720px, calc(100vw - 48px)); max-height: min(80vh, 760px); background: var(--ash); color: var(--sumi); }
.mujo-files::backdrop { background: rgba(20, 19, 18, .55); }
.mujo-files__head { position: sticky; top: 0; background: var(--ash); display: flex; align-items: baseline; gap: 24px; padding: 24px 40px; border-bottom: 1px solid var(--mujo-rule-strong); font: 400 11px/1.4 var(--mujo-data); text-transform: uppercase; letter-spacing: .08em; color: var(--grey-ink); }
.mujo-files__head h2 { margin: 0; font: 400 22px/1 var(--mujo-text); font-variation-settings: "wdth" 125; color: var(--sumi); }
.mujo-files__close { margin-left: auto; border: 1px solid var(--sumi); padding: 6px 12px; color: var(--sumi); text-decoration: none; font: 500 11px/1 var(--mujo-text); letter-spacing: .12em; }
.mujo-files__list { list-style: none; margin: 0; padding: 8px 40px 40px; }
.mujo-files__list li { display: grid; grid-template-columns: 3ch 1fr auto; gap: 16px; padding-block: 10px; border-bottom: 1px solid var(--mujo-rule); font: 400 13px/1.4 var(--mujo-data); font-variation-settings: "wdth" 87.5; color: var(--grey-ink); }
.mujo-files__list li.is-found { color: var(--sumi); }
.mujo-files__list a { color: inherit; text-underline-offset: 3px; }

/* ---------- the breach: the one time vermilion leaves the seal ---------- */
.breach-open { overflow: hidden; }
.breach { position: fixed; inset: 0; z-index: 9999; background: rgba(11,10,9,.94); display: grid; place-items: center; padding: 24px; animation: mujo-b-in .5s var(--mujo-ease); }
@keyframes mujo-b-in { from { opacity: 0; } }
.breach__screen { position: relative; width: min(820px, 100%); height: min(80vh, 680px); display: grid; grid-template-rows: auto 1fr auto; background: #0B0A09; color: #E6E2DA; border-top: 2px solid var(--mujo-verm); box-shadow: 0 0 0 1px rgba(210,64,42,.35); padding: 24px 40px 40px; }
.breach__bar { display: flex; justify-content: space-between; gap: 16px; margin: 0; font: 400 11px/1.4 var(--mujo-data); text-transform: uppercase; letter-spacing: .08em; color: #8E887E; border-bottom: 1px solid rgba(230,226,218,.14); padding-bottom: 8px; }
.breach__bar [data-b-state] { color: var(--mujo-verm); }
.breach__log { overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; gap: 8px; padding-block: 24px; min-height: 0; -webkit-mask-image: linear-gradient(to bottom, transparent, #000 25%); mask-image: linear-gradient(to bottom, transparent, #000 25%); }
.bl { margin: 0; display: grid; grid-template-columns: 7ch 1fr; gap: 16px; font: 400 14px/1.55 var(--mujo-data); font-variation-settings: "wdth" 87.5; }
.bl__who { color: var(--mujo-verm); font-size: 11px; padding-top: 2px; }
.bl--sys { color: #8E887E; font-size: 12.5px; }
.bl--you .bl__who { color: var(--mujo-brass); }
.bl--you .bl__t { color: #CFCAC0; }
.breach__choices { border-top: 1px solid rgba(230,226,218,.14); padding-top: 16px; min-height: 92px; display: grid; gap: 2px; align-content: start; }
.breach__choice { text-align: left; background: none; border: 0; color: #E6E2DA; padding: 8px 10px; margin-left: -10px; font: 400 14px/1.4 var(--mujo-data); cursor: pointer; transition: all .2s ease 0s; }
.breach__choice span { color: var(--mujo-verm); }
.breach__choice:hover, .breach__choice:focus-visible { background: rgba(210,64,42,.16); outline: none; }
.breach-flicker main, .breach-flicker .site-header { animation: mujo-b-flick .9s steps(2) both; }
@keyframes mujo-b-flick { 20% { transform: translateX(-6px); clip-path: inset(10% 0 60% 0); } 40% { transform: translateX(4px); clip-path: inset(50% 0 20% 0); filter: contrast(1.6); } 60% { transform: none; clip-path: none; opacity: .4; } 100% { opacity: 1; } }
.breach-note { position: sticky; top: 0; z-index: 9000; margin: 0; padding: 8px 24px; background: #0B0A09; color: #E6E2DA; font: 400 12px/1.4 var(--mujo-data); text-align: center; border-bottom: 1px solid var(--mujo-verm); }
.breach-note span { color: var(--mujo-verm); margin-right: .4em; }
.breach-note a { color: #E6E2DA; text-underline-offset: 3px; text-decoration-color: var(--mujo-verm); }
body.is-breached [data-mujo-rule] { border-top-color: var(--mujo-verm); }
@media (max-width: 767px) { .breach__screen { height: 86svh; padding: 16px 24px 24px; } .bl { grid-template-columns: 1fr; gap: 0; } .breach__bar span:first-child { display: none; } }
@media (prefers-reduced-motion: reduce) { .breach { animation: none; } }