/* MZO site: PATCH NOTES page ("INTEL BRIEFING"): BO7 unclassified-grid hero with the current build, update activity,
   INTEL FILES (big update notes), FIELD LOG (every changelog entry), KNOWN ISSUES + FEATURE STATUS.
   Accent: intel amber (--ac). Line kinds: new = green, fix = cyan, change = orange. Markup: public/changelog.php,
   drawn by site/js/changelog.js. */
body.page-changelog { --ac: #e8b04a; --ac-2: #ffd78a; --k-new: #7cf29b; --k-fix: #62d5f1; --k-change: #ff9a4d; --k-wip: #e8b04a; --k-bad: #ff5f5f; --mono-f: "Consolas", "SFMono-Regular", monospace; }

/* ---------- BRIEFING hero (under the top bar) ---------- */
.brief { position: relative; isolation: isolate; overflow: hidden; margin-top: calc(-1 * var(--pm, 0rem)); padding: calc(5rem + var(--pm, 0rem)) var(--g) 0; }
.br-art { position: absolute; inset: 0; z-index: -1; background: var(--bg) center 40% / cover no-repeat #0a0b0d; }
.br-art::after { content: ""; position: absolute; inset: 0; background:
	radial-gradient(55% 60% at 80% 45%, rgba(232, 176, 74, .1), transparent 70%),
	linear-gradient(90deg, rgba(5, 6, 8, .9) 0%, rgba(5, 6, 8, .55) 45%, rgba(5, 6, 8, .35) 100%),
	linear-gradient(180deg, rgba(5, 6, 8, .55) 0%, transparent 30%, transparent 65%, var(--bg, #050608) 100%); }
.br-art i { position: absolute; left: 0; right: 0; top: 0; height: 30%; z-index: 1; background: linear-gradient(180deg, transparent, rgba(232, 176, 74, .07), transparent); animation: scan 7s linear infinite; }
@keyframes scan { from { transform: translateY(-100%); } to { transform: translateY(400%); } }
.br-art b { position: absolute; z-index: 1; right: var(--g); top: calc(var(--pm, 0rem) + 1rem); font: 700 max(10px, 0.6875rem) var(--mono-f); letter-spacing: .3em; color: rgba(232, 176, 74, .55); }
.br-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(22rem, 30rem); gap: 2rem 3rem; align-items: end; }
.br-title p { display: flex; align-items: center; gap: 0.625rem; margin: 0; font: 700 max(11px, 1.125rem) var(--head); letter-spacing: .22em; color: var(--ac); }
.br-title p img { width: 1.75rem; height: 1.75rem; }
.br-title h1 { margin: 0.25rem 0 0; font: 900 clamp(max(11px, 3.25rem), 6.6vw, 7rem) / .9 var(--head); letter-spacing: .02em; }
.br-sub { display: block; margin-top: 0.75rem; font: 700 max(10px, 0.8125rem) var(--head); letter-spacing: .16em; color: var(--muted); }
.br-focus { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.5rem 0.875rem; max-width: 52rem; margin-top: 1.25rem; padding: 0.75rem 1rem; background: rgba(10, 11, 14, .7); border-left: 3px solid var(--ac); font: 500 max(13px, 0.9375rem) / 1.45 var(--body); color: #cfd6db; }
.br-focus em { font: 700 max(10px, 0.6875rem) var(--head); font-style: normal; letter-spacing: .16em; padding: 0.125rem 0.5rem; color: #1a1204; background: var(--ac); }
.cur { position: relative; padding: 1.25rem 1.375rem; background: linear-gradient(180deg, rgba(18, 16, 12, .92), rgba(9, 9, 10, .94)); border: 1px solid rgba(232, 176, 74, .35); box-shadow: 0 1.25rem 3rem rgba(0, 0, 0, .55); }
.cur::before, .cur::after { content: ""; position: absolute; width: 0.875rem; height: 0.875rem; border: 2px solid var(--ac); }
.cur::before { left: -2px; top: -2px; border-right: 0; border-bottom: 0; }
.cur::after { right: -2px; bottom: -2px; border-left: 0; border-top: 0; }
.cur p { margin: 0; }
.cu-k { display: flex; align-items: center; justify-content: space-between; font: 700 max(10px, 0.75rem) var(--head); letter-spacing: .18em; color: var(--muted); }
.cu-k span { display: flex; align-items: center; gap: 0.375rem; color: var(--k-new); }
.cu-k span::before { content: ""; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--k-new); animation: blink 1.6s ease-in-out infinite; }
.cu-v { margin-top: 0.375rem !important; font: 900 max(11px, 3rem) / 1 var(--head); color: var(--ac-2); letter-spacing: .02em; text-shadow: 0 0 1.5rem rgba(232, 176, 74, .3); }
.cu-meta { margin-top: 0.375rem !important; font: 700 max(10px, 0.75rem) var(--mono-f); letter-spacing: .14em; color: #9aa3ad; }
.cu-latest { margin-top: 1rem !important; padding-top: 0.875rem; border-top: 1px dashed rgba(232, 176, 74, .3); font: 500 max(13px, 0.9375rem) / 1.4 var(--body); color: #e3e8eb; }
.cu-latest span { display: block; margin-bottom: 0.25rem; font: 700 max(10px, 0.6875rem) var(--head); letter-spacing: .16em; color: var(--ac); }
.cu-go { display: flex; flex-wrap: wrap; gap: 0.625rem; margin-top: 1.125rem; }
.cu-btn { display: inline-flex; align-items: center; height: 2.5rem; padding: 0 1.125rem; font: 700 max(11px, 0.8125rem) var(--head); letter-spacing: .14em; color: #1a1204; background: var(--ac); border: 1px solid var(--ac); transition: background .2s, color .2s; }
.cu-btn:hover { background: var(--ac-2); }
.cu-btn.is-alt { color: var(--ac-2); background: transparent; border-color: rgba(232, 176, 74, .5); }
.cu-btn.is-alt:hover { color: #1a1204; background: var(--ac); }
.br-counts { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin: 2.5rem calc(-1 * var(--g)) 0; padding: 0 var(--g); background: rgba(8, 9, 11, .85); border-top: 1px solid rgba(232, 176, 74, .25); border-bottom: 1px solid rgba(255, 255, 255, .07); }
.br-counts div { position: relative; padding: 1rem 1.25rem; min-width: 0; }
.br-counts div + div::before { content: ""; position: absolute; left: 0; top: 25%; bottom: 25%; width: 1px; background: rgba(255, 255, 255, .12); }
.br-counts dt { font: 700 max(10px, 0.6875rem) var(--head); letter-spacing: .16em; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.br-counts dd { margin: 0.125rem 0 0; font: 900 max(11px, 1.875rem) / 1.1 var(--head); font-variant-numeric: tabular-nums; }
.br-counts .k-new dd { color: var(--k-new); }
.br-counts .k-fix dd { color: var(--k-fix); }
.br-counts .k-change dd { color: var(--k-change); }

/* ---------- shared section head ---------- */
.sec-h { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.375rem 1.25rem; margin-bottom: 1.25rem; }
.sec-h h2 { display: flex; align-items: center; gap: 0.625rem; margin: 0; font: 900 max(14px, 1.75rem) var(--head); letter-spacing: .08em; }
.sec-h h2::before { content: ""; width: 0.375rem; height: 1.375rem; background: var(--ac); }
.sec-h h2 img { width: 1.5rem; height: auto; }
.sec-h > span { font: 700 max(10px, 0.75rem) var(--head); letter-spacing: .14em; color: var(--muted); }

/* ---------- ACTIVITY ---------- */
.activity { padding-top: 2.25rem !important; }
.act-bars { display: flex; align-items: flex-end; gap: 0.375rem; height: 11rem; padding: 0.75rem 0.75rem 0; background: linear-gradient(180deg, rgba(14, 15, 18, .6), rgba(14, 15, 18, .9)); border: 1px solid #22262d; overflow-x: auto; scrollbar-width: thin; }
.act { flex: 1 0 2.25rem; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; padding: 0; background: none; border: 0; color: inherit; cursor: pointer; }
.act:disabled { cursor: default; }
.act-n { font: 700 max(10px, 0.75rem) var(--head); color: #cfd6db; min-height: 1.125rem; }
.act-bar { display: flex; flex-direction: column-reverse; width: 72%; max-width: 2.75rem; height: calc(var(--h) * 7rem); min-height: 2px; background: #2a2f37; overflow: hidden; transform-origin: bottom; transform: scaleY(0); transition: transform .9s var(--ease), filter .2s; transition-delay: calc(var(--i) * 30ms); }
.reveal.is-in .act-bar { transform: none; }
.act-bar i { flex: var(--f) 0 0; }
.act-bar .k-new { background: var(--k-new); }
.act-bar .k-fix { background: var(--k-fix); }
.act-bar .k-change { background: var(--k-change); }
.act-bar .k-rest { background: #59616b; }
.act:not(:disabled):hover .act-bar, .act.is-on .act-bar { filter: brightness(1.3); box-shadow: 0 0 0 2px var(--ac); }
.act.is-on .act-n { color: var(--ac-2); }
.act-d { margin: 0.375rem 0 0.5rem; font: 700 max(9px, 0.625rem) var(--head); letter-spacing: .06em; color: var(--muted); white-space: nowrap; }
.act.is-zero .act-d { opacity: .45; }

/* ---------- INTEL FILES ---------- */
.file-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(26rem, 1fr)); gap: 1rem; align-items: start; }
.file { position: relative; overflow: hidden; padding: 1.25rem 1.375rem 1.25rem; background: linear-gradient(160deg, #15140f, #0c0c0d 55%); border: 1px solid #2c2a24; opacity: 0; transform: translateY(1rem); }
body.is-ready .file { animation: in .6s var(--ease) both; animation-delay: calc(var(--i) * 80ms + 150ms); }
.file::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: #4a4535; }
.file.is-next { border-color: rgba(232, 176, 74, .55); background: linear-gradient(160deg, #221b0e, #0e0c09 60%); }
.file.is-next::before { background: var(--ac); }
.fl-intel { position: absolute; right: -0.5rem; top: -0.5rem; width: 8.5rem; height: 8.5rem; object-fit: contain; opacity: .5; transform: rotate(12deg); filter: drop-shadow(0 0.5rem 1rem rgba(0, 0, 0, .7)); transition: opacity .3s, transform .5s var(--ease); pointer-events: none; }
.file:hover .fl-intel { opacity: .8; transform: rotate(4deg) scale(1.05); }
.fl-k { display: flex; flex-wrap: wrap; gap: 0.25rem 0.75rem; margin: 0; padding-right: 7rem; font: 700 max(10px, 0.6875rem) var(--head); letter-spacing: .16em; color: var(--muted); }
.fl-k b { color: var(--ac-2); }
.fl-k span { color: #6f7781; }
.file h3 { position: relative; margin: 0.5rem 0 0.75rem; padding-right: 6rem; font: 900 max(14px, 1.5rem) / 1.1 var(--head); letter-spacing: .04em; }
.fl-lines { position: relative; margin: 0; padding: 0; list-style: none; }
.file.is-long:not(.is-open) .fl-lines { max-height: 15rem; overflow: hidden; -webkit-mask-image: linear-gradient(180deg, #000 70%, transparent); mask-image: linear-gradient(180deg, #000 70%, transparent); }
.fl-open { margin-top: 0.75rem; height: 2.125rem; padding: 0 1rem; font: 700 max(10px, 0.75rem) var(--head); letter-spacing: .14em; color: var(--ac-2); background: transparent; border: 1px solid rgba(232, 176, 74, .45); transition: background .2s, color .2s; }
.fl-open:hover { color: #1a1204; background: var(--ac); }
.fl-stamp { position: absolute; right: 1.25rem; bottom: 1rem; padding: 0.25rem 0.75rem; font: 900 max(12px, 1.125rem) var(--head); letter-spacing: .24em; color: rgba(255, 95, 95, .65); border: 2px solid rgba(255, 95, 95, .55); transform: rotate(-8deg); pointer-events: none; }

/* lines (files, log, issues) */
.ln, .ln-sub, .ln-head { font: 500 max(13px, 0.9375rem) / 1.45 var(--body); color: #d5dce0; }
.ln { display: grid; grid-template-columns: 6.25rem minmax(0, 1fr); gap: 0.75rem; align-items: baseline; padding: 0.3125rem 0; }
.ln.k-plain { grid-template-columns: minmax(0, 1fr); padding-left: 1rem; position: relative; }
.ln.k-plain::before { content: ""; position: absolute; left: 0.125rem; top: 0.8em; width: 0.375rem; height: 0.375rem; background: var(--ac); transform: rotate(45deg); }
.kb { justify-self: start; padding: 0.0625rem 0.4375rem; font: 700 max(9px, 0.625rem) var(--head); letter-spacing: .12em; white-space: nowrap; border: 1px solid currentColor; }
.k-new .kb { color: var(--k-new); }
.k-fix .kb { color: var(--k-fix); }
.k-change .kb { color: var(--k-change); }
.k-wip .kb { color: var(--k-wip); border-style: dashed; }
.k-ok .kb { color: var(--k-new); border-style: dashed; }
.k-bad .kb { color: var(--k-bad); }
.k-warn .kb { color: var(--k-bad); }
.ln-sub { padding: 0.125rem 0 0.25rem 7rem; font-size: max(12px, 0.875rem); color: #9aa3ad; }
.k-plain + .ln-sub, .fl-lines .ln-sub { padding-left: 1rem; }
.ln-head { margin-top: 0.625rem; padding: 0.25rem 0; font: 700 max(11px, 0.8125rem) var(--head); letter-spacing: .16em; color: var(--ac); }
.ln-head:first-child { margin-top: 0; }

/* ---------- FIELD LOG ---------- */
.lg-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1rem; margin-bottom: 0.5rem; }
.lg-search { display: flex; align-items: center; gap: 0.75rem; flex: 1 1 18rem; max-width: 28rem; height: 2.75rem; padding: 0 0.875rem; background: var(--panel); border: 1px solid var(--frame); transition: border-color .2s; }
.lg-search:focus-within { border-color: var(--ac); }
.lg-search span { font: 700 max(10px, 0.6875rem) var(--head); letter-spacing: .16em; color: var(--ac); }
.lg-search input { flex: 1; min-width: 0; height: 100%; background: none; border: 0; outline: 0; color: #fff; font: 500 max(14px, 0.9375rem) var(--body); }
.lg-filters { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.chip { height: 2.25rem; padding: 0 0.875rem; font: 700 max(10px, 0.75rem) var(--head); letter-spacing: .12em; color: #aebbc2; background: rgba(14, 16, 21, .9); border: 1px solid #2a2f37; transition: border-color .2s, color .2s, background .2s; }
.chip:hover { border-color: #59626d; color: #fff; }
.chip.is-on { color: #1a1204; background: var(--ac); border-color: var(--ac); }
.chip.k-new.is-on { background: var(--k-new); border-color: var(--k-new); color: #04140a; }
.chip.k-fix.is-on { background: var(--k-fix); border-color: var(--k-fix); color: #021016; }
.chip.k-change.is-on { background: var(--k-change); border-color: var(--k-change); color: #1d0c00; }
.chip-day { color: var(--ac-2); border-color: rgba(232, 176, 74, .6); }
.chip-day span { margin-left: 0.375rem; font-size: 1.2em; }
.lg-day { margin-top: 1.5rem; }
.lg-dh { position: sticky; top: 4.25rem; z-index: 2; display: flex; align-items: baseline; gap: 0.875rem; margin: 0 0 0.625rem; padding: 0.5rem 0; background: linear-gradient(180deg, var(--bg, #050608) 75%, transparent); font: 700 max(12px, 1rem) var(--head); letter-spacing: .14em; }
.lg-dh::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, rgba(232, 176, 74, .45), transparent); }
.lg-dh small { font-size: .75em; color: var(--muted); letter-spacing: .14em; }
.lg-ents { display: grid; gap: 0.5rem; }
.ent { display: grid; grid-template-columns: 9.5rem minmax(0, 1fr); gap: 1.25rem; padding: 0.875rem 1.125rem; background: rgba(13, 14, 17, .85); border: 1px solid #1f232a; transition: border-color .2s; scroll-margin-top: 8rem; }
.ent:hover { border-color: #3a3f48; }
.ent.is-latest { border-color: rgba(232, 176, 74, .45); }
.ent.is-flash { animation: ent-flash 2s ease-out; }
@keyframes ent-flash { 0%, 40% { box-shadow: 0 0 0 2px var(--ac), 0 0 2rem rgba(232, 176, 74, .35); } }
.ent-v { display: flex; flex-direction: column; align-items: flex-start; gap: 0.25rem; }
.ent-v b { font: 900 max(12px, 1.0625rem) var(--mono-f); color: var(--ac-2); letter-spacing: .02em; }
.ent-v span { font: 700 max(9px, 0.625rem) var(--head); letter-spacing: .14em; color: var(--muted); }
.ent-v em { padding: 0.0625rem 0.4375rem; font: 700 max(9px, 0.625rem) var(--head); font-style: normal; letter-spacing: .14em; color: #1a1204; background: var(--ac); }
.ent h4 { margin: 0 0 0.375rem; font: 800 max(13px, 1.0625rem) var(--head); letter-spacing: .06em; }
.ent-note { margin: -0.125rem 0 0.375rem; font: 500 max(11px, 0.8125rem) var(--mono-f); color: #8b8f75; }
.ent ul { margin: 0; padding: 0; list-style: none; }
.lg-empty { margin: 1.25rem 0 0; padding: 2rem; text-align: center; color: var(--muted); background: var(--panel); border: 1px dashed var(--frame); }
.lg-more { display: block; margin: 1.5rem auto 0; height: 2.75rem; padding: 0 2rem; font: 700 max(11px, 0.8125rem) var(--head); letter-spacing: .16em; color: var(--ac-2); background: transparent; border: 1px solid rgba(232, 176, 74, .5); transition: background .2s, color .2s; }
.lg-more:hover { color: #1a1204; background: var(--ac); }

/* ---------- KNOWN ISSUES + FEATURE STATUS ---------- */
.state { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: 2rem; align-items: start; }
.iss-list { display: grid; gap: 0.625rem; }
.iss { padding: 0.875rem 1rem; background: rgba(24, 12, 12, .55); border: 1px solid rgba(255, 95, 95, .2); border-left: 3px solid var(--k-bad); }
.iss-k { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.25rem 0.75rem; margin: 0 0 0.375rem; font: 800 max(12px, 0.9375rem) var(--head); letter-spacing: .08em; }
.iss-k span { font: 700 max(9px, 0.625rem) var(--head); letter-spacing: .14em; color: var(--muted); }
.iss ul { margin: 0; padding: 0; list-style: none; }
.iss .ln { grid-template-columns: minmax(0, 1fr); }
.iss .kb { display: none; }
.st-legend { display: inline-flex; align-items: center; gap: 0.375rem 0.875rem; flex-wrap: wrap; }
.st-legend i { display: inline-block; width: 0.625rem; height: 0.625rem; margin-right: -0.375rem; }
.st-legend .ok, .sg-meter .ok { background: var(--k-new); }
.st-legend .wip, .sg-meter .wip { background: var(--k-wip); }
.st-legend .bad, .sg-meter .bad { background: var(--k-bad); }
.stat-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); gap: 0.75rem; align-items: start; }
.sg { padding: 0.875rem 1rem 1rem; background: rgba(13, 14, 17, .85); border: 1px solid #1f232a; }
.sg-k { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 0.75rem; margin: 0; }
.sg-k b { font: 800 max(12px, 0.9375rem) var(--head); letter-spacing: .1em; }
.sg-k span { grid-row: 2; font: 700 max(9px, 0.625rem) var(--head); letter-spacing: .14em; color: var(--muted); }
.sg-k em { grid-row: 1 / 3; grid-column: 2; align-self: center; font: 900 max(14px, 1.5rem) var(--head); font-style: normal; color: var(--k-new); }
.sg-meter { display: flex; height: 0.3125rem; margin: 0.75rem 0 0.625rem; background: #1d222a; overflow: hidden; }
.sg-meter i { flex: var(--f) 0 0; }
.sg ul { margin: 0; padding: 0; list-style: none; }
.sl { display: grid; grid-template-columns: 1rem minmax(0, 1fr); gap: 0.625rem; align-items: start; padding: 0.25rem 0; font: 500 max(12px, 0.875rem) / 1.4 var(--body); color: #d5dce0; }
.sl img { width: 0.875rem; height: 0.875rem; margin-top: 0.2em; object-fit: contain; }
.s-ok img { filter: brightness(0) saturate(100%) invert(84%) sepia(38%) saturate(564%) hue-rotate(77deg); }
.s-wip { color: #e9d3a6; }
.s-wip img { filter: brightness(0) saturate(100%) invert(76%) sepia(57%) saturate(486%) hue-rotate(352deg); }
.s-bad { color: #c99a9a; }
.s-bad img { filter: brightness(0) saturate(100%) invert(52%) sepia(77%) saturate(1500%) hue-rotate(323deg); }
.s-sub, .sl:not([class*="s-"]) { grid-template-columns: minmax(0, 1fr); padding-left: 1.625rem; font-size: max(11px, 0.8125rem); color: #8d959e; }

@media (prefers-reduced-motion: reduce) {
	.br-art i { animation: none; display: none; }
}
@media (max-width: 1080px) {
	.br-head { grid-template-columns: minmax(0, 1fr); }
	.br-counts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.br-counts div:nth-child(4)::before { display: none; }
	.state { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
	.br-counts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.br-counts div:nth-child(odd)::before { display: none; }
	.br-counts div:nth-child(4)::before { display: block; }
	.file-grid, .stat-grid { grid-template-columns: minmax(0, 1fr); }
	.fl-intel { width: 6rem; height: 6rem; }
	.ent { grid-template-columns: minmax(0, 1fr); gap: 0.5rem; }
	.ent-v { flex-direction: row; align-items: center; gap: 0.625rem; }
	.ln { grid-template-columns: minmax(0, 1fr); gap: 0.25rem; }
	.ln-sub { padding-left: 1rem; }
	.lg-search { flex-basis: 100%; max-width: none; }
	.lg-dh { top: 4.75rem; }
	.act { flex-basis: 1.75rem; }
}