/* Garnet's spectrum: a compact picture on the front door, an explanation in Reference. */
.spectrum-chapter { margin-top: 28px; padding-top: 28px; border-top: 1px solid #40392e; display: grid; grid-template-columns: minmax(230px,.7fr) minmax(0,1.3fr); gap: 36px; align-items: center; }
.spectrum-intro h3 { max-width: 400px; font: 400 clamp(32px,3vw,45px)/1.12 var(--serif); letter-spacing: -.025em; }
.spectrum-intro h3 em { font-style: normal; color: #d7b572; }
.spectrum-intro .eyebrow { margin-bottom: 15px; }
.spectrum-intro p:not(.eyebrow) { margin: 20px 0; max-width: 380px; color: #b0adb3; font-size: 14px; }
.spectrum-intro a { color: #d7b572; font-size: 13px; text-decoration: underline; text-underline-offset: 5px; }
.authority-spectrum { margin: 0; color: #f2e8d8; min-width: 0; }
.spectrum-visual { min-width: 0; }
.authority-spectrum svg { display: block; width: 100%; height: auto; overflow: visible; }
.authority-spectrum .spectrum-narrow { display: none; }
.spectrum-input { stroke: #d7b572; stroke-width: 1.4; opacity: .6; fill: none; }
.spectrum-ray { stroke: #494449; stroke-width: 1; fill: none; }
.spectrum-name { fill: #c1bfc3; font: 18px 'SFMono-Regular',Consolas,'Liberation Mono',monospace; }
.spectrum-narrow .spectrum-name { font-size: 16px; }
.spectrum-end { fill: #b0adb3; }
.spectrum-mark { fill: #f2e8d8; font: 18px 'SFMono-Regular',Consolas,monospace; }
[data-spectrum-band] { --band-ink: #b0adb3; }
[data-spectrum-band][data-state="declared"] { --band-ink: #d7b572; }
[data-spectrum-band][data-state="missing"], [data-spectrum-band][data-state="gained"] { --band-ink: #f37d9a; }
[data-spectrum-band]:not([data-state="inactive"]) .spectrum-ray { stroke: var(--band-ink); stroke-width: 2; }
[data-spectrum-band]:not([data-state="inactive"]) .spectrum-end, [data-spectrum-band]:not([data-state="inactive"]) .spectrum-name, [data-spectrum-band]:not([data-state="inactive"]) .spectrum-mark { fill: var(--band-ink); }
[data-spectrum-band][data-state="missing"] .spectrum-ray, [data-spectrum-band][data-state="gained"] .spectrum-ray { filter: drop-shadow(0 0 4px #f37d9a75); animation: spectrum-alert 2.4s ease-in-out 3; }
/* A fresh verdict lights the returned bands in order, like light leaving a prism. */
.authority-spectrum[data-fresh] [data-spectrum-band]:not([data-state="inactive"]) :is(.spectrum-end,.spectrum-name,.spectrum-mark) { animation: band-in .55s cubic-bezier(.2,.75,.25,1) calc(var(--i, 0) * 45ms) both; }
.authority-spectrum[data-fresh] [data-spectrum-band][data-state="declared"] .spectrum-ray { animation: band-in .55s cubic-bezier(.2,.75,.25,1) calc(var(--i, 0) * 45ms) both; }
.authority-spectrum[data-fresh] [data-spectrum-band]:is([data-state="missing"],[data-state="gained"]) .spectrum-ray { animation: band-in .55s cubic-bezier(.2,.75,.25,1) calc(var(--i, 0) * 45ms) both, spectrum-alert-fresh 2.4s ease-in-out .6s 3; }
[data-spectrum-band][data-state="declared"] .spectrum-ray { filter: drop-shadow(0 0 3px #d7b57260); }
.authority-spectrum[data-phase="checking"] .spectrum-input { stroke-dasharray: 15 10; animation: spectrum-travel .9s linear infinite; }
.authority-spectrum figcaption { display: grid; gap: 8px; border-top: 1px solid #40392e; padding-top: 12px; font-size: 12px; }
.authority-spectrum .spectrum-program { color: #f2e8d8; font-size: 12px; }
.authority-spectrum .spectrum-status { margin: 0; color: #c6c0bd; font: 12px/1.6 'SFMono-Regular',Consolas,monospace; overflow-wrap: anywhere; }
.authority-spectrum[data-phase="rejected"] .spectrum-status, .authority-spectrum[data-phase="expanded"] .spectrum-status { color: #f37d9a; }
.authority-spectrum[data-phase="passed"] .spectrum-status { color: #d7b572; }
.spectrum-key { display: flex; flex-wrap: wrap; gap: 12px 22px; margin-top: 12px; color: #b0adb3; font: 10px/1.5 'SFMono-Regular',Consolas,monospace; }
.spectrum-key span { display: inline-flex; align-items: center; gap: 6px; }
.spectrum-key i { width: 5px; height: 5px; border-radius: 50%; }
.key-declared { background: #d7b572; }.key-attention { background: #f37d9a; }
.spectrum-reference { margin: 28px 0 40px; padding: 28px 0; border-top: 1px solid #40392e; border-bottom: 1px solid #40392e; }
.spectrum-reference-grid { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 40px; align-items: center; }
.spectrum-example-tools { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0; }
.spectrum-example-tools button { padding: 8px 12px; border: 1px solid #65543a; border-radius: 4px; color: #eee1cb; background: #141218; font: 12px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; cursor: pointer; }
.spectrum-example-tools button[aria-pressed="true"] { border-color: #d7b572; background: #322718; }
.spectrum-example-tools button:focus-visible { outline: 2px solid #d7b572; outline-offset: 4px; }
.spectrum-reference pre.spectrum-source { margin: 0; padding: 18px; border: 1px solid #38353b; border-radius: 6px; background: #0b0c0e; color: #f2e8d8; font: 13px/1.7 'SFMono-Regular',Consolas,monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.spectrum-delta { display: grid; grid-template-columns: repeat(3,1fr); margin: 18px 0 0; border-block: 1px solid #38353b; }
.spectrum-delta div { padding: 16px 10px; border-right: 1px solid #38353b; }.spectrum-delta div:last-child { border-right: 0; }
.spectrum-delta span { display: block; color: #b0adb3; font: 10px/1.5 'SFMono-Regular',Consolas,monospace; }
.spectrum-delta strong { display: block; margin-top: 5px; color: #f2e8d8; font: 18px/1.2 var(--serif); }.spectrum-delta div:last-child strong { color: #f37d9a; }
.spectrum-reference details { margin-top: 22px; color: #c6c0bd; font-size: 13px; }.spectrum-reference summary { cursor: pointer; color: #d7b572; }
.spectrum-reference details p { margin: 14px 0; }.spectrum-reference .spectrum-result-json { max-height: 440px; overflow: auto; margin-top: 14px; font: 12px/1.6 'SFMono-Regular',Consolas,monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.spectrum-roles { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; padding: 32px 0 12px; margin-top: 28px; border-top: 1px solid #40392e; }
.spectrum-roles article { padding-right: 20px; border-right: 1px solid #38353b; }.spectrum-roles article:last-child { border-right: 0; }
.spectrum-roles .who { color: #d7b572; font: 10px/1.5 'SFMono-Regular',Consolas,monospace; text-transform: uppercase; letter-spacing: .15em; }
.spectrum-roles h4 { margin: 12px 0; font: 32px/1.12 var(--serif); color: #f2e8d8; }.spectrum-roles p { margin: 0; color: #c6c0bd; font-size: 14px; }
@keyframes spectrum-alert { 50% { opacity: .68; } }
@keyframes spectrum-alert-fresh { 50% { opacity: .68; } }
@keyframes band-in { from { opacity: .15; } }
@keyframes spectrum-travel { to { stroke-dashoffset: -25; } }
@media(max-width:900px) { .spectrum-chapter { grid-template-columns: 1fr; gap: 12px; padding-top: 25px; }.spectrum-intro h3 { max-width: none; }.spectrum-intro p:not(.eyebrow) { display: none; }.spectrum-intro a { display: inline-block; margin: 15px 0 0; }.spectrum-reference-grid { grid-template-columns: 1fr; gap: 26px; } }
@media(max-width:600px) { .authority-spectrum .spectrum-wide { display: none; }.authority-spectrum .spectrum-narrow { display: block; }.spectrum-chapter { margin-top: 22px; }.spectrum-intro h3 { font-size: 30px; }.spectrum-reference { padding-block: 20px; }.spectrum-roles { grid-template-columns: 1fr; gap: 18px; }.spectrum-roles article { border-right: 0; border-bottom: 1px solid #38353b; padding-bottom: 18px; }.spectrum-roles article:last-child { border: 0; }.spectrum-delta strong { font-size: 17px; }.spectrum-key { gap: 8px 15px; } }
@media(prefers-reduced-motion:reduce) { .authority-spectrum * { animation: none !important; transition: none !important; } }
.motion-off .authority-spectrum * { animation: none !important; transition: none !important; }

.spectrum-delta[hidden] { display:none !important; }