/*
 * SPPAGARCHIVE Legislative Command Center premium theme.
 * Presentation-only overrides for the command-center shell.
 */

#home-page-tab .spcc-shell {
    --spcc-navy-950: #020817;
    --spcc-navy-900: #06132f;
    --spcc-navy-850: #081a3d;
    --spcc-navy-800: #0b224d;
    --spcc-panel-rgb: 8 19 47;
    --spcc-panel-strong-rgb: 5 12 31;
    --spcc-line: rgb(166 197 255 / 0.18);
    --spcc-line-strong: rgb(246 196 69 / 0.36);
    --spcc-text: #f5f8ff;
    --spcc-text-soft: #cbd8f4;
    --spcc-muted: #90a2c8;
    --spcc-faint: #7282a8;
    --spcc-gold: #f6c445;
    --spcc-gold-soft: #ffe8a3;
    --spcc-green: #22c55e;
    --spcc-violet: #8b5cf6;
    --spcc-royal: #6d5dfc;
    --spcc-cyan: #22d3ee;
    --spcc-blue: #3b82f6;
    --spcc-teal: #14b8a6;
    --spcc-orange: #fb923c;
    --spcc-slate: #64748b;
    --spcc-gold-rgb: 246 196 69;
    --spcc-green-rgb: 34 197 94;
    --spcc-violet-rgb: 139 92 246;
    --spcc-royal-rgb: 109 93 252;
    --spcc-cyan-rgb: 34 211 238;
    --spcc-blue-rgb: 59 130 246;
    --spcc-teal-rgb: 20 184 166;
    --spcc-orange-rgb: 251 146 60;
    --spcc-slate-rgb: 100 116 139;
    --gold: var(--spcc-gold);
    --goldd: #9a6a08;
    --goldl: var(--spcc-gold-soft);
    --blue: var(--spcc-blue);
    --green: var(--spcc-green);
    --orange: var(--spcc-orange);
    --violet: var(--spcc-violet);
    --royal: var(--spcc-royal);
    --teal: var(--spcc-teal);
    --indigo: var(--spcc-royal);
    --cyan: var(--spcc-cyan);
    --panel: rgb(var(--spcc-panel-rgb) / 0.72);
    --panel2: rgb(var(--spcc-panel-strong-rgb) / 0.84);
    --line: var(--spcc-line);
    --line2: rgb(166 197 255 / 0.10);
    --ink: var(--spcc-text);
    --text: var(--spcc-text-soft);
    --muted: var(--spcc-muted);
    --faint: var(--spcc-faint);
    --c: var(--spcc-blue);
    --tone-rgb: var(--spcc-blue-rgb);
    isolation: isolate;
    background:
        linear-gradient(125deg, rgb(2 8 23 / 1) 0%, rgb(6 19 47 / 0.98) 42%, rgb(4 11 31 / 1) 100%),
        linear-gradient(180deg, var(--spcc-navy-900), var(--spcc-navy-950)) !important;
}

body.spcc-home-active > div[style*="position: fixed"][style*="right: 20px"][style*="z-index: 10000"] {
    display: none !important;
}

#home-page-tab .spcc-shell::before,
#home-page-tab .spcc-shell::after {
    content: "";
    position: fixed;
    pointer-events: none;
    z-index: 0;
}

#home-page-tab .spcc-shell::before {
    inset: 0;
    background:
        linear-gradient(90deg, transparent 0 24%, rgb(var(--spcc-cyan-rgb) / 0.08) 24.2%, transparent 24.7%),
        linear-gradient(160deg, transparent 0 47%, rgb(var(--spcc-gold-rgb) / 0.09) 47.2%, transparent 47.7%),
        repeating-linear-gradient(90deg, rgb(255 255 255 / 0.018) 0 1px, transparent 1px 96px),
        repeating-linear-gradient(0deg, rgb(255 255 255 / 0.012) 0 1px, transparent 1px 84px);
    opacity: 0.6;
    mask-image: linear-gradient(180deg, transparent 0%, #000 18%, #000 80%, transparent 100%);
}

#home-page-tab .spcc-shell::after {
    right: 0;
    bottom: 0;
    width: min(820px, 70vw);
    height: min(300px, 36vh);
    background:
        linear-gradient(180deg, rgb(var(--spcc-gold-rgb) / 0.18), rgb(var(--spcc-blue-rgb) / 0.08) 38%, rgb(2 8 23 / 0.92)),
        linear-gradient(90deg, transparent, rgb(var(--spcc-cyan-rgb) / 0.12));
    clip-path: polygon(0 100%, 0 78%, 4% 78%, 4% 62%, 8% 62%, 8% 79%, 12% 79%, 12% 52%, 16% 52%, 16% 79%, 20% 79%, 20% 66%, 24% 66%, 24% 79%, 28% 79%, 28% 44%, 33% 44%, 33% 79%, 38% 79%, 38% 58%, 42% 58%, 42% 79%, 47% 79%, 47% 35%, 52% 35%, 52% 79%, 57% 79%, 57% 60%, 62% 60%, 62% 79%, 67% 79%, 67% 48%, 72% 48%, 72% 79%, 77% 79%, 77% 65%, 82% 65%, 82% 79%, 87% 79%, 87% 55%, 92% 55%, 92% 79%, 100% 79%, 100% 100%);
    opacity: 0.5;
    filter: drop-shadow(0 -12px 30px rgb(var(--spcc-gold-rgb) / 0.10));
}

#home-page-tab .spcc-wrap {
    position: relative;
}

#home-page-tab .spcc-bg-fx {
    position: fixed;
    opacity: 0.46;
}

#home-page-tab .spcc-shell [data-tone="gold"] {
    --c: var(--spcc-gold);
    --tone-rgb: var(--spcc-gold-rgb);
}

#home-page-tab .spcc-shell [data-tone="green"] {
    --c: var(--spcc-green);
    --tone-rgb: var(--spcc-green-rgb);
}

#home-page-tab .spcc-shell [data-tone="violet"] {
    --c: var(--spcc-violet);
    --tone-rgb: var(--spcc-violet-rgb);
}

#home-page-tab .spcc-shell [data-tone="royal"] {
    --c: var(--spcc-royal);
    --tone-rgb: var(--spcc-royal-rgb);
}

#home-page-tab .spcc-shell [data-tone="cyan"] {
    --c: var(--spcc-cyan);
    --tone-rgb: var(--spcc-cyan-rgb);
}

#home-page-tab .spcc-shell [data-tone="blue"] {
    --c: var(--spcc-blue);
    --tone-rgb: var(--spcc-blue-rgb);
}

#home-page-tab .spcc-shell [data-tone="teal"] {
    --c: var(--spcc-teal);
    --tone-rgb: var(--spcc-teal-rgb);
}

#home-page-tab .spcc-shell [data-tone="orange"] {
    --c: var(--spcc-orange);
    --tone-rgb: var(--spcc-orange-rgb);
}

#home-page-tab .spcc-rail {
    background:
        linear-gradient(180deg, rgb(8 26 61 / 0.96), rgb(5 13 34 / 0.98) 64%, rgb(2 8 23 / 1)) !important;
    border-right: 1px solid rgb(var(--spcc-cyan-rgb) / 0.18);
    box-shadow: inset -18px 0 34px rgb(0 0 0 / 0.34), 10px 0 34px rgb(0 0 0 / 0.18);
}

#home-page-tab .spcc-rail-brand {
    border-bottom: 1px solid rgb(var(--spcc-gold-rgb) / 0.18);
}

#home-page-tab .spcc-rail-brand strong,
#home-page-tab .spcc-session h3,
#home-page-tab .spcc-announce strong,
#home-page-tab .spcc-quick > span:nth-child(2) {
    color: var(--spcc-text);
}

#home-page-tab .spcc-rail-brand span,
#home-page-tab .spcc-kicker,
#home-page-tab .spcc-govlabel,
#home-page-tab .spcc-datebox .month,
#home-page-tab .spcc-panel-symbol {
    color: var(--spcc-gold);
    background: none;
    -webkit-text-fill-color: currentColor;
}

#home-page-tab .spcc-rail-title {
    color: var(--spcc-gold);
    letter-spacing: 0.09em;
}

#home-page-tab .spcc-rail-action {
    border: 1px solid rgb(var(--tone-rgb) / 0.24) !important;
    background:
        linear-gradient(135deg, rgb(var(--tone-rgb) / 0.16), rgb(var(--spcc-panel-rgb) / 0.70) 44%, rgb(var(--spcc-panel-strong-rgb) / 0.82)) !important;
    color: var(--spcc-text-soft);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.07), 0 8px 18px rgb(0 0 0 / 0.24) !important;
    min-height: 56px;
}

#home-page-tab .spcc-rail-label {
    flex: 1 1 auto;
    min-width: 0;
    line-height: 1.18;
}

#home-page-tab .spcc-rail-badge {
    flex: 0 0 auto;
    margin-left: auto;
    padding: 3px 7px;
    border-radius: 999px;
    color: #051126;
    background: linear-gradient(180deg, var(--spcc-gold-soft), var(--spcc-gold));
    box-shadow: 0 0 0 1px rgb(var(--spcc-gold-rgb) / 0.30), 0 6px 14px rgb(var(--tone-rgb) / 0.18);
    font-size: 0.66rem;
    font-weight: 900;
    letter-spacing: 0;
}

#home-page-tab .spcc-rail-action:hover,
#home-page-tab .spcc-rail-action:focus-visible {
    color: var(--spcc-text);
    border-color: rgb(var(--tone-rgb) / 0.58) !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.10), 0 12px 26px rgb(0 0 0 / 0.34), 0 0 24px rgb(var(--tone-rgb) / 0.22) !important;
    outline: 2px solid rgb(var(--tone-rgb) / 0.40);
    outline-offset: 2px;
}

#home-page-tab .spcc-rail-action.is-active {
    color: #ffffff;
    border-color: rgb(var(--tone-rgb) / 0.72) !important;
    background:
        linear-gradient(135deg, rgb(var(--tone-rgb) / 0.38), rgb(var(--spcc-panel-rgb) / 0.82) 36%, rgb(var(--tone-rgb) / 0.18)) !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.16), 0 14px 30px rgb(0 0 0 / 0.40), 0 0 0 1px rgb(var(--tone-rgb) / 0.30), 0 0 28px rgb(var(--tone-rgb) / 0.22) !important;
}

@media (max-width: 860px) {
    #home-page-tab .spcc-rail-action {
        flex: 1 1 220px;
    }
}

@media (max-width: 560px) {
    #home-page-tab .spcc-rail-action {
        flex-basis: 100%;
    }
}

#home-page-tab .spcc-rail-action .spcc-mini-icon,
#home-page-tab .spcc-rail-action.is-active .spcc-mini-icon,
#home-page-tab .spcc-quick .spcc-mini-icon,
#home-page-tab .spcc-module .spcc-icon,
#home-page-tab .spcc-stat .spcc-icon {
    background: linear-gradient(155deg, rgb(var(--tone-rgb) / 0.98), color-mix(in srgb, var(--c) 56%, #06132f)) !important;
    box-shadow: inset 0 2px 3px rgb(255 255 255 / 0.34), inset 0 -5px 10px rgb(0 0 0 / 0.30), 0 10px 20px rgb(var(--tone-rgb) / 0.22), 0 5px 10px rgb(0 0 0 / 0.35) !important;
}

#home-page-tab .spcc-main {
    background:
        linear-gradient(180deg, rgb(255 255 255 / 0.015), transparent 30%),
        transparent;
}

#home-page-tab .spcc-masthead {
    background:
        linear-gradient(118deg, rgb(7 23 58 / 0.98) 0%, rgb(6 17 45 / 0.96) 48%, rgb(4 10 30 / 0.98) 100%) !important;
    border-bottom: 1px solid rgb(var(--spcc-gold-rgb) / 0.24);
    box-shadow: 0 18px 40px rgb(0 0 0 / 0.28), inset 0 -1px 0 rgb(255 255 255 / 0.04);
}

#home-page-tab .spcc-mh-circuit {
    opacity: 0.30;
}

#home-page-tab .spcc-mh-circuit path {
    stroke: var(--spcc-cyan) !important;
}

#home-page-tab .spcc-mh-sky {
    color: var(--spcc-gold);
    opacity: 0.16 !important;
}

#home-page-tab .spcc-mh-t1 {
    color: #ffffff;
    font-size: 1.6rem;
    letter-spacing: 0.06em;
}

#home-page-tab .spcc-mh-t2 {
    font-size: 2.55rem;
    letter-spacing: 0;
    animation: none !important;
    background: linear-gradient(100deg, var(--spcc-gold) 0%, var(--spcc-gold-soft) 38%, #ffffff 62%, var(--spcc-gold) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 3px 10px rgb(0 0 0 / 0.48));
}

#home-page-tab .spcc-mh-t3,
#home-page-tab .spcc-subtitle,
#home-page-tab .spcc-session p {
    color: var(--spcc-text-soft);
}

#home-page-tab .spcc-govlink,
#home-page-tab .spcc-clock,
#home-page-tab .spcc-pill {
    background: rgb(var(--spcc-panel-rgb) / 0.62);
    border-color: rgb(255 255 255 / 0.12);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

#home-page-tab .spcc-govlink:hover {
    border-color: rgb(var(--spcc-gold-rgb) / 0.50);
    box-shadow: 0 14px 26px rgb(0 0 0 / 0.42), 0 0 22px rgb(var(--spcc-gold-rgb) / 0.18);
}

#home-page-tab .spcc-pill-link {
    color: #fff1bc;
    border-color: rgb(var(--spcc-gold-rgb) / 0.42);
    background: rgb(var(--spcc-gold-rgb) / 0.11);
}

#home-page-tab .spcc-mh-rule {
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--spcc-gold), var(--spcc-cyan), transparent);
}

#home-page-tab .spcc-panel,
#home-page-tab .spcc-hero-card,
#home-page-tab .spcc-stat,
#home-page-tab .spcc-module,
#home-page-tab .spcc-announce,
#home-page-tab .spcc-quick,
#home-page-tab .spcc-wide-link {
    border-color: rgb(var(--tone-rgb) / 0.20);
    background:
        linear-gradient(135deg, rgb(var(--tone-rgb) / 0.08), rgb(var(--spcc-panel-rgb) / 0.74) 44%, rgb(var(--spcc-panel-strong-rgb) / 0.82));
    backdrop-filter: blur(18px) saturate(130%);
    -webkit-backdrop-filter: blur(18px) saturate(130%);
}

#home-page-tab .spcc-panel {
    box-shadow: 0 18px 44px rgb(0 0 0 / 0.36), inset 0 1px 0 rgb(255 255 255 / 0.06);
}

#home-page-tab .spcc-panel-title {
    color: var(--spcc-text);
    font-size: 1.05rem;
    letter-spacing: 0.08em;
}

#home-page-tab .spcc-hero-card {
    --tone-rgb: var(--spcc-gold-rgb);
    border-color: rgb(var(--spcc-gold-rgb) / 0.26);
    background:
        linear-gradient(135deg, rgb(var(--spcc-gold-rgb) / 0.09), rgb(var(--spcc-panel-rgb) / 0.76) 42%, rgb(var(--spcc-cyan-rgb) / 0.06)),
        rgb(var(--spcc-panel-strong-rgb) / 0.74) !important;
    padding-top: 28px;
    padding-bottom: 28px;
}

#home-page-tab .spcc-title {
    color: var(--spcc-text);
    font-size: 2.65rem;
    max-width: 11ch;
    line-height: 0.98;
    letter-spacing: 0;
    background: linear-gradient(100deg, var(--spcc-gold) 0%, var(--spcc-gold-soft) 34%, #ffffff 58%, var(--spcc-cyan) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 8px 22px rgb(0 0 0 / 0.48));
}

#home-page-tab .spcc-subtitle {
    max-width: 62ch;
}

#home-page-tab .spcc-search {
    border: 1px solid rgb(var(--spcc-cyan-rgb) / 0.62) !important;
    background: rgb(3 12 30 / 0.74) !important;
    box-shadow: 0 0 0 3px rgb(var(--spcc-cyan-rgb) / 0.10), 0 16px 34px rgb(0 0 0 / 0.36), inset 0 1px 0 rgb(255 255 255 / 0.06) !important;
    animation: none !important;
}

#home-page-tab .spcc-search:focus-within {
    border-color: var(--spcc-cyan) !important;
    box-shadow: 0 0 0 4px rgb(var(--spcc-cyan-rgb) / 0.18), 0 18px 38px rgb(0 0 0 / 0.42), 0 0 26px rgb(var(--spcc-cyan-rgb) / 0.20) !important;
}

#home-page-tab .spcc-search input {
    color: var(--spcc-text);
}

#home-page-tab .spcc-search input::placeholder {
    color: #a8dff0;
}

#home-page-tab .spcc-search button {
    background: linear-gradient(180deg, #31e1f5, #087ea4) !important;
    color: #06132f;
    font-weight: 800;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.56), 0 5px 0 #07546d, 0 14px 22px rgb(var(--spcc-cyan-rgb) / 0.24) !important;
}

#home-page-tab .spcc-live-results[hidden] {
    display: none !important;
}

#home-page-tab .spcc-live-results {
    margin-top: 14px;
    max-width: 760px;
    border: 1px solid rgb(var(--spcc-cyan-rgb) / 0.34);
    border-radius: 16px;
    background:
        linear-gradient(135deg, rgb(var(--spcc-cyan-rgb) / 0.10), rgb(var(--spcc-panel-rgb) / 0.80) 46%, rgb(var(--spcc-gold-rgb) / 0.08)),
        rgb(3 10 26 / 0.82);
    box-shadow: 0 18px 38px rgb(0 0 0 / 0.34), inset 0 1px 0 rgb(255 255 255 / 0.07);
    padding: 13px;
    backdrop-filter: blur(16px);
}

#home-page-tab .spcc-live-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 0 2px 10px;
    border-bottom: 1px solid rgb(255 255 255 / 0.09);
}

#home-page-tab .spcc-live-head strong {
    display: block;
    margin-top: 2px;
    color: var(--spcc-text);
    font-size: 0.98rem;
    line-height: 1.25;
}

#home-page-tab .spcc-live-kicker {
    display: block;
    color: var(--spcc-gold);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

#home-page-tab .spcc-live-clear,
#home-page-tab .spcc-live-more {
    border: 1px solid rgb(var(--spcc-cyan-rgb) / 0.36);
    border-radius: 10px;
    background: rgb(var(--spcc-panel-rgb) / 0.78);
    color: var(--spcc-text);
    font-weight: 800;
    cursor: pointer;
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

#home-page-tab .spcc-live-clear {
    min-height: 34px;
    padding: 7px 12px;
    color: var(--spcc-cyan);
}

#home-page-tab .spcc-live-clear:hover,
#home-page-tab .spcc-live-more:hover {
    transform: translateY(-1px);
    border-color: var(--spcc-cyan);
    background: rgb(var(--spcc-cyan-rgb) / 0.13);
    box-shadow: 0 10px 20px rgb(var(--spcc-cyan-rgb) / 0.12);
}

#home-page-tab .spcc-live-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    /* Let the panel grow with every result. The page owns vertical scrolling;
       a nested scrollbar made lower-card PDF actions appear to be missing. */
    min-height: 0;
    max-height: none;
    align-content: start;
    overflow: visible;
    padding: 12px 2px 2px;
    scrollbar-color: rgb(var(--spcc-cyan-rgb) / 0.54) rgb(255 255 255 / 0.06);
}

#home-page-tab .spcc-live-item {
    --live-rgb: var(--spcc-gold-rgb);
    --live-color: var(--spcc-gold);
    display: grid;
    gap: 5px;
    min-width: 0;
    padding: 12px;
    border-radius: 13px;
    border: 1px solid rgb(var(--live-rgb) / 0.34);
    background:
        linear-gradient(135deg, rgb(var(--live-rgb) / 0.16), rgb(var(--spcc-panel-strong-rgb) / 0.76) 52%, rgb(2 8 23 / 0.54)),
        rgb(var(--spcc-panel-rgb) / 0.74);
    color: var(--spcc-text);
    text-decoration: none;
    box-shadow: 0 12px 24px rgb(0 0 0 / 0.22);
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

#home-page-tab .spcc-live-item[data-type="resolution"] {
    --live-rgb: var(--spcc-green-rgb);
    --live-color: var(--spcc-green);
}

#home-page-tab .spcc-live-item:hover {
    transform: translateY(-2px);
    border-color: rgb(var(--live-rgb) / 0.72);
    box-shadow: 0 18px 32px rgb(0 0 0 / 0.30), 0 0 22px rgb(var(--live-rgb) / 0.15);
}

#home-page-tab .spcc-live-type {
    justify-self: start;
    border-radius: 999px;
    padding: 3px 8px;
    background: rgb(var(--live-rgb) / 0.16);
    color: var(--live-color);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

#home-page-tab .spcc-live-item strong {
    color: var(--spcc-text);
    font-size: 0.96rem;
    line-height: 1.18;
}

#home-page-tab .spcc-live-title,
#home-page-tab .spcc-live-snippet {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#home-page-tab .spcc-live-title {
    -webkit-line-clamp: 2;
    color: var(--spcc-text-soft);
    font-size: 0.86rem;
    line-height: 1.3;
}

#home-page-tab .spcc-live-meta {
    color: var(--spcc-gold-soft);
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 1.25;
}

#home-page-tab .spcc-live-snippet {
    -webkit-line-clamp: 2;
    color: var(--spcc-muted);
    font-size: 0.78rem;
    line-height: 1.32;
}

/* Inner clickable region (opens full content) — keeps the card's grid look. */
#home-page-tab .spcc-live-open {
    display: grid;
    gap: 5px;
    min-width: 0;
    color: inherit;
    text-decoration: none;
}

/* Per-card action row: View PDF + Print. Inherits --live-rgb/--live-color
   from .spcc-live-item so ordinance cards read gold, resolution cards green. */
#home-page-tab .spcc-live-card-actions {
    display: flex;
    gap: 7px;
    margin-top: 2px;
}

#home-page-tab .spcc-live-pdf,
#home-page-tab .spcc-live-print {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 34px;
    padding: 6px 11px;
    border-radius: 9px;
    border: 1px solid rgb(var(--live-rgb) / 0.45);
    background: rgb(var(--live-rgb) / 0.13);
    color: var(--live-color);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    cursor: pointer;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
}

#home-page-tab .spcc-live-pdf {
    flex: 1 1 auto;
}

#home-page-tab .spcc-live-print {
    flex: 0 0 auto;
}

#home-page-tab .spcc-live-pdf:hover,
#home-page-tab .spcc-live-print:hover {
    transform: translateY(-1px);
    border-color: rgb(var(--live-rgb) / 0.92);
    background: rgb(var(--live-rgb) / 0.22);
    box-shadow: 0 8px 16px rgb(var(--live-rgb) / 0.18);
}

#home-page-tab .spcc-live-pdf:focus-visible,
#home-page-tab .spcc-live-print:focus-visible {
    outline: 2px solid var(--live-color);
    outline-offset: 2px;
}

#home-page-tab .spcc-live-empty {
    grid-column: 1 / -1;
    border: 1px dashed rgb(var(--spcc-cyan-rgb) / 0.32);
    border-radius: 12px;
    padding: 13px;
    color: var(--spcc-text-soft);
    background: rgb(var(--spcc-panel-rgb) / 0.54);
}

#home-page-tab .spcc-live-note {
    color: var(--spcc-gold-soft);
    border-color: rgb(var(--spcc-gold-rgb) / 0.32);
}

#home-page-tab .spcc-live-actions {
    display: flex;
    justify-content: flex-end;
    padding-top: 10px;
}

#home-page-tab .spcc-live-more {
    min-height: 36px;
    padding: 8px 13px;
}

#home-page-tab .spcc-live-results.is-loading .spcc-live-empty {
    border-color: rgb(var(--spcc-cyan-rgb) / 0.44);
    color: var(--spcc-cyan);
}

#home-page-tab .spcc-stat,
#home-page-tab .spcc-module {
    border-color: rgb(var(--tone-rgb) / 0.34);
}

#home-page-tab .spcc-stat::after,
#home-page-tab .spcc-module::after {
    content: "";
    position: absolute;
    inset: auto 12px 0 12px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgb(var(--tone-rgb) / 0.78), transparent);
    opacity: 0.78;
}

#home-page-tab .spcc-stat {
    position: relative;
    overflow: hidden;
    min-height: 112px;
}

#home-page-tab .spcc-stat:hover,
#home-page-tab .spcc-module:hover,
#home-page-tab .spcc-quick:hover,
#home-page-tab .spcc-announce:hover,
#home-page-tab .spcc-wide-link:hover {
    border-color: rgb(var(--tone-rgb) / 0.58);
    box-shadow: 0 24px 44px rgb(0 0 0 / 0.46), 0 0 32px rgb(var(--tone-rgb) / 0.18), inset 0 1px 0 rgb(255 255 255 / 0.08);
}

#home-page-tab .spcc-stat strong {
    color: var(--spcc-text);
}

#home-page-tab .spcc-stat > div > span,
#home-page-tab .spcc-module h3 {
    color: color-mix(in srgb, var(--c) 64%, #ffffff);
}

#home-page-tab .spcc-stat small,
#home-page-tab .spcc-module p,
#home-page-tab .spcc-announce > span:nth-child(2) > span,
#home-page-tab .spcc-session li,
#home-page-tab .spcc-footnote {
    color: var(--spcc-muted);
}

#home-page-tab .spcc-module {
    min-height: 166px;
    justify-content: flex-start;
}

#home-page-tab .spcc-module .spcc-icon {
    border-radius: 14px;
}

#home-page-tab .spcc-module .spcc-arrow,
#home-page-tab .spcc-wide-link .spcc-arrow {
    background: rgb(var(--tone-rgb) / 0.92);
    color: #06132f;
    font-weight: 900;
}

#home-page-tab .spcc-announce,
#home-page-tab .spcc-wide-link {
    --c: var(--spcc-orange);
    --tone-rgb: var(--spcc-orange-rgb);
}

#home-page-tab .spcc-announce-date,
#home-page-tab .spcc-datebox {
    background: linear-gradient(180deg, rgb(var(--spcc-orange-rgb) / 0.96), #9f3d0b) !important;
    box-shadow: 0 12px 22px rgb(var(--spcc-orange-rgb) / 0.20), 0 8px 18px rgb(0 0 0 / 0.34);
}

#home-page-tab .spcc-datebox .month {
    color: #fff4df;
}

#home-page-tab .spcc-quick {
    border-color: rgb(var(--tone-rgb) / 0.28);
}

#home-page-tab .spcc-wide-link {
    justify-content: center;
    color: var(--spcc-text);
}

#home-page-tab .spcc-lv-head {
    background: linear-gradient(118deg, var(--spcc-navy-900), var(--spcc-navy-950)) !important;
    border-bottom-color: var(--spcc-gold);
}

#home-page-tab .spcc-lv[data-spcc-list-type="ordinances"] {
    --lv-tone: var(--spcc-gold);
    --lv-tone-rgb: var(--spcc-gold-rgb);
}

#home-page-tab .spcc-lv[data-spcc-list-type="resolutions"] {
    --lv-tone: var(--spcc-green);
    --lv-tone-rgb: var(--spcc-green-rgb);
}

#home-page-tab .spcc-lv-count,
#home-page-tab .spcc-lv-num {
    background: linear-gradient(180deg, rgb(var(--lv-tone-rgb, var(--spcc-gold-rgb)) / 0.94), color-mix(in srgb, var(--lv-tone, var(--spcc-gold)) 45%, #06132f)) !important;
}

#home-page-tab .spcc-lv-searchbar {
    background: #f3fbff !important;
    border-color: var(--spcc-cyan) !important;
    box-shadow: 0 0 0 4px rgb(var(--spcc-cyan-rgb) / 0.14), 0 12px 24px rgb(20 40 90 / 0.12) !important;
    animation: none !important;
}

#home-page-tab .spcc-lv-item {
    border-color: #d8e2f1;
}

#home-page-tab .spcc-lv-item:hover {
    border-color: var(--lv-tone, var(--spcc-gold));
    box-shadow: 0 18px 38px rgb(20 40 90 / 0.17), 0 0 0 2px rgb(var(--lv-tone-rgb, var(--spcc-gold-rgb)) / 0.16);
}

#home-page-tab .spcc-lv-meta .cat {
    color: color-mix(in srgb, var(--lv-tone, var(--spcc-gold)) 72%, #12306f);
}

#home-page-tab button:focus-visible,
#home-page-tab a:focus-visible,
#home-page-tab input:focus-visible {
    outline: 3px solid rgb(var(--spcc-cyan-rgb) / 0.74);
    outline-offset: 3px;
}

@media (max-width: 1180px) {
    #home-page-tab .spcc-title {
        font-size: 2.35rem;
    }

    #home-page-tab .spcc-mh-t2 {
        font-size: 2.2rem;
    }
}

@media (max-width: 860px) {
    #home-page-tab .spcc-rail {
        height: auto;
        position: static;
        border-right: 0;
        border-bottom: 1px solid rgb(var(--spcc-gold-rgb) / 0.20);
    }

    #home-page-tab .spcc-rail-action {
        min-width: min(100%, 214px);
    }

    #home-page-tab .spcc-masthead {
        padding: 18px 16px;
    }

    #home-page-tab .spcc-mh-left {
        align-items: flex-start;
    }

    #home-page-tab .spcc-mh-t1 {
        font-size: 1.18rem;
    }

    #home-page-tab .spcc-mh-t2 {
        font-size: 1.9rem;
    }

    #home-page-tab .spcc-title {
        font-size: 2.2rem;
    }

    #home-page-tab .spcc-panel,
    #home-page-tab .spcc-hero-card {
        border-radius: 16px;
    }
}

@media (max-width: 560px) {
    #home-page-tab .spcc-grid,
    #home-page-tab .spcc-main > .spcc-panel,
    #home-page-tab .spcc-lower {
        margin-left: 12px;
        margin-right: 12px;
    }

    #home-page-tab .spcc-rail {
        padding: 14px 12px 18px;
    }

    #home-page-tab .spcc-rail-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    #home-page-tab .spcc-rail-action {
        min-width: 0;
    }

    #home-page-tab .spcc-seals img {
        width: 54px;
        height: 54px;
    }

    #home-page-tab .spcc-mh-divider {
        display: none;
    }

    #home-page-tab .spcc-mh-left {
        flex-wrap: nowrap;
    }

    #home-page-tab .spcc-mh-t1 {
        font-size: 1rem;
        line-height: 1.15;
    }

    #home-page-tab .spcc-mh-t2 {
        font-size: 1.55rem;
        line-height: 1.08;
    }

    #home-page-tab .spcc-title {
        font-size: 1.95rem;
        line-height: 1.08;
    }

    #home-page-tab .spcc-search {
        padding-left: 14px;
    }

    #home-page-tab .spcc-search button {
        width: 48px;
        height: 44px;
    }

    #home-page-tab .spcc-live-head {
        align-items: flex-start;
        flex-direction: column;
    }

    #home-page-tab .spcc-live-grid {
        grid-template-columns: 1fr;
        max-height: none;
    }

    #home-page-tab .spcc-live-clear,
    #home-page-tab .spcc-live-more {
        width: 100%;
    }

    #home-page-tab .spcc-live-actions {
        justify-content: stretch;
    }

    #home-page-tab .spcc-stat {
        min-height: 104px;
    }
}

@media (max-width: 720px) {
    .gv-dock {
        position: absolute !important;
        top: 14px !important;
        right: 14px !important;
        bottom: auto !important;
        transform: none !important;
    }

    .gv-dock__toggle {
        width: 44px !important;
        height: 44px !important;
        padding: 0 !important;
        border-radius: 999px !important;
        writing-mode: horizontal-tb !important;
        text-orientation: mixed !important;
        justify-content: center !important;
        box-shadow: 0 12px 28px rgb(0 0 0 / 0.34), 0 0 0 1px rgb(var(--spcc-orange-rgb) / 0.28) !important;
    }

    .gv-dock__label {
        display: none !important;
    }

    .gv-dock__icon {
        font-size: 18px !important;
    }

    .gv-dock__panel {
        right: 0 !important;
        top: auto !important;
        bottom: calc(100% + 10px) !important;
        transform: none !important;
        border-radius: 12px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #home-page-tab .spcc-shell::before,
    #home-page-tab .spcc-shell::after {
        opacity: 0.30;
    }
}