/*
Theme Name: Instorm SCP Archive
Theme URI: https://example.invalid/
Description: A cinematic SCP / classified-library child theme for Instorm with dossier metadata, archive search, legal footer navigation, and containment-interface styling.
Author: shellcommander
Template: instorm
Version: 1.1.1
Text Domain: instorm-scp
*/

:root {
    --scp-violet: #5e59be;
    --scp-violet-rgb: 94, 89, 190;
    --scp-violet-light: #8b86ed;
    --scp-violet-pale: #c9c6ff;
    --scp-violet-deep: #312e6e;
    --scp-bronze: #7f480c;
    --scp-bronze-rgb: 127, 72, 12;
    --scp-bronze-light: #b87525;
    --scp-bronze-pale: #d6a669;
    --scp-ink: #07080b;
    --scp-bg: #090b0f;
    --scp-bg-soft: #0d1016;
    --scp-panel: #12161d;
    --scp-panel-2: #171c25;
    --scp-panel-3: #1d2430;
    --scp-line: rgba(225, 229, 240, .09);
    --scp-line-strong: rgba(225, 229, 240, .16);
    --scp-text: #e9ebf1;
    --scp-text-soft: #c6cad5;
    --scp-muted: #8f96a6;
    --scp-dim: #666e7e;
    --scp-green: #71c991;
    --scp-red: #cf685d;
    --scp-amber: #d0a04b;
    --scp-blue: #63a2d9;
    --scp-radius: 7px;
    --scp-shadow: 0 28px 80px rgba(0, 0, 0, .42);
    --scp-label: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* --------------------------------------------------------------------------
   BASE ATMOSPHERE
   -------------------------------------------------------------------------- */
html {
    background: var(--scp-ink);
    scroll-behavior: smooth;
}

body {
    position: relative;
    min-height: 100vh;
    background:
        radial-gradient(circle at 13% -4%, rgba(var(--scp-violet-rgb), .22), transparent 30rem),
        radial-gradient(circle at 90% 16%, rgba(var(--scp-bronze-rgb), .16), transparent 28rem),
        radial-gradient(circle at 50% 100%, rgba(var(--scp-violet-rgb), .07), transparent 42rem),
        linear-gradient(180deg, #0a0c11 0%, #080a0e 44%, #06070a 100%);
    color: var(--scp-text);
    letter-spacing: .004em;
}

body::before {
    content: "";
    position: fixed;
    z-index: -2;
    inset: 0;
    pointer-events: none;
    opacity: .31;
    background-image:
        linear-gradient(rgba(255,255,255,.021) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.021) 1px, transparent 1px),
        linear-gradient(rgba(var(--scp-violet-rgb),.016) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--scp-violet-rgb),.016) 1px, transparent 1px);
    background-size: 36px 36px, 36px 36px, 180px 180px, 180px 180px;
    mask-image: linear-gradient(180deg, #000 0%, rgba(0,0,0,.8) 58%, transparent 100%);
}

body::after {
    content: "";
    position: fixed;
    z-index: 9998;
    left: 0;
    right: 0;
    top: -18vh;
    height: 14vh;
    pointer-events: none;
    opacity: .08;
    background: linear-gradient(180deg, transparent, rgba(159,155,255,.55), transparent);
    animation: scp-global-scan 16s linear infinite;
    mix-blend-mode: screen;
}

@keyframes scp-global-scan {
    to { transform: translateY(136vh); }
}

@keyframes scp-pulse {
    0%, 100% { opacity: .72; box-shadow: 0 0 0 0 rgba(113,201,145,.2), 0 0 10px rgba(113,201,145,.45); }
    50% { opacity: 1; box-shadow: 0 0 0 5px rgba(113,201,145,0), 0 0 15px rgba(113,201,145,.7); }
}

@keyframes scp-ring-rotate {
    to { transform: rotate(360deg); }
}

@keyframes scp-cursor {
    0%, 45% { opacity: 1; }
    46%, 100% { opacity: 0; }
}

@keyframes scp-glitch-bar {
    0%, 92%, 100% { transform: scaleX(.35); opacity: .22; }
    94% { transform: scaleX(.88); opacity: .75; }
    96% { transform: scaleX(.18); opacity: .35; }
    98% { transform: scaleX(.62); opacity: .58; }
}

::selection { background: var(--scp-violet); color: #fff; }
::-moz-selection { background: var(--scp-violet); color: #fff; }

* { scrollbar-width: thin; scrollbar-color: var(--scp-violet-deep) #0a0c10; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #080a0d; }
::-webkit-scrollbar-thumb { background: #37337d; border: 2px solid #080a0d; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: var(--scp-violet); }

body, p, .entry, .widget { color: var(--scp-text-soft); }
a { color: var(--scp-violet-pale); }
a:hover { color: #fff; }

#wrapper {
    min-width: 0;
    max-width: 1460px;
    border-top: 0;
    padding: 0 14px;
    box-sizing: border-box;
}

.screen-reader-text:focus { z-index: 10000; }

/* --------------------------------------------------------------------------
   TOP SECURITY STRIP
   -------------------------------------------------------------------------- */
.scp-clearance-strip {
    position: relative;
    z-index: 120;
    max-width: 1432px;
    min-height: 32px;
    margin: 0 auto;
    padding: 8px 18px 7px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 18px;
    overflow: hidden;
    background: rgba(6, 8, 11, .96);
    border: 1px solid rgba(var(--scp-violet-rgb), .23);
    border-top: 0;
    color: #9198a8;
    font-family: var(--scp-label);
    font-size: 9px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.scp-clearance-strip::after {
    content: "";
    position: absolute;
    left: 24%;
    bottom: 0;
    width: 52%;
    height: 1px;
    transform-origin: center;
    background: linear-gradient(90deg, transparent, var(--scp-violet-light), var(--scp-bronze-light), transparent);
    animation: scp-glitch-bar 9s steps(1) infinite;
}

.scp-clearance-status { justify-self: start; color: #b6bdc9; }
.scp-clearance-center { color: var(--scp-violet-light); }
.scp-clearance-level { justify-self: end; color: var(--scp-bronze-pale); }

.scp-clearance-status i,
.scp-status-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 8px;
    border-radius: 50%;
    background: var(--scp-green);
    box-shadow: 0 0 10px rgba(113,201,145,.5);
    animation: scp-pulse 2.6s ease-in-out infinite;
}

/* --------------------------------------------------------------------------
   HEADER / ARCHIVE IDENTITY
   -------------------------------------------------------------------------- */
#header-sticky {
    padding: 0;
    margin-top: 10px;
}

#header {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: visible;
    background:
        linear-gradient(180deg, rgba(19,23,31,.98), rgba(12,15,21,.98)),
        #10141b;
    border: 1px solid var(--scp-line);
    border-radius: var(--scp-radius);
    box-shadow: 0 18px 60px rgba(0,0,0,.32);
    backdrop-filter: blur(18px);
}

#header::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: -1px;
    left: 20px;
    right: 20px;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--scp-violet), rgba(139,134,237,.9), var(--scp-bronze), transparent);
}

#header::after {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    pointer-events: none;
    opacity: .28;
    background:
        linear-gradient(90deg, transparent 49.8%, rgba(255,255,255,.03) 50%, transparent 50.2%),
        radial-gradient(circle at 92% 30%, rgba(var(--scp-violet-rgb),.18), transparent 19rem);
}

.scp-header-grid {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 94px;
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr) minmax(220px, 320px) 54px;
    align-items: center;
    gap: 18px;
    padding: 15px 20px;
    box-sizing: border-box;
}

/* Prevent long site/node labels from forcing the header beyond its border. */
.scp-header-grid > * { min-width: 0; }

.scp-archive-mark {
    position: relative;
    display: block;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    color: inherit;
    filter: drop-shadow(0 0 14px rgba(var(--scp-violet-rgb), .16));
}

.scp-mark-ring,
.scp-mark-core,
.scp-mark-cut {
    position: absolute;
    display: block;
    box-sizing: border-box;
}

.scp-mark-ring-a {
    inset: 0;
    border: 1px solid rgba(201,198,255,.72);
    border-radius: 50%;
}

.scp-mark-ring-a::before,
.scp-mark-ring-a::after {
    content: "";
    position: absolute;
    inset: 7px;
    border: 1px dashed rgba(var(--scp-violet-rgb),.52);
    border-radius: 50%;
}

.scp-mark-ring-a::after {
    inset: 15px;
    border-style: solid;
    border-color: rgba(var(--scp-bronze-rgb),.6);
}

.scp-mark-ring-b {
    inset: 4px;
    border-top: 2px solid var(--scp-violet-light);
    border-right: 2px solid transparent;
    border-bottom: 2px solid var(--scp-bronze-light);
    border-left: 2px solid transparent;
    border-radius: 50%;
}

.scp-archive-mark.is-animated .scp-mark-ring-b {
    animation: scp-ring-rotate 20s linear infinite;
}

.scp-archive-mark.is-animated .scp-mark-ring-a::before {
    animation: scp-ring-rotate 34s linear infinite reverse;
}

.scp-mark-core {
    left: 50%;
    top: 50%;
    width: 12px;
    height: 12px;
    transform: translate(-50%, -50%) rotate(45deg);
    background: linear-gradient(135deg, var(--scp-violet-light), var(--scp-bronze-light));
    box-shadow: 0 0 16px rgba(var(--scp-violet-rgb),.45);
}

.scp-mark-logo {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    width: 34px;
    height: 34px;
    transform: translate(-50%, -50%);
    display: grid;
    place-items: center;
    overflow: hidden;
    padding: 3px;
    box-sizing: border-box;
    border: 1px solid rgba(201,198,255,.28);
    border-radius: 50%;
    background:
        radial-gradient(circle, rgba(var(--scp-violet-rgb),.18), rgba(7,9,13,.94) 72%);
    box-shadow:
        0 0 0 3px rgba(7,9,13,.72),
        0 0 18px rgba(var(--scp-violet-rgb),.22);
}

.scp-mark-logo-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain;
    border-radius: 50%;
    transform: none !important;
    animation: none !important;
}

.scp-mark-cut {
    left: 27px;
    top: 2px;
    width: 4px;
    height: 15px;
    background: #11151c;
    border-top: 1px solid rgba(255,255,255,.8);
}
.scp-mark-cut-b { transform-origin: 2px 27px; transform: rotate(120deg); }
.scp-mark-cut-c { transform-origin: 2px 27px; transform: rotate(240deg); }

.scp-site-identity {
    min-width: 0;
    max-width: 100%;
    position: relative;
    padding-right: 8px;
    overflow: hidden;
}

.site-title {
    float: none;
    display: block;
    padding: 0;
    line-height: 1.08;
    font-size: 31px;
    font-weight: 600;
    letter-spacing: -.035em;
}

.site-title a {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: #f5f6f9 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.site-title a:hover { color: #fff !important; }
.site-title a img { margin: 0; max-height: 48px; }

.site-description {
    float: none;
    display: block;
    margin: 7px 0 0;
    padding: 0;
    color: #8991a1 !important;
    font-family: var(--scp-label);
    font-size: 9px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.scp-site-kicker {
    display: block;
    margin-top: 7px;
    color: var(--scp-violet-light);
    font-family: var(--scp-label);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .17em;
    text-transform: uppercase;
}

.scp-header-telemetry {
    width: 100%;
    max-width: 320px;
    min-width: 0;
    justify-self: end;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(92px, .65fr);
    border: 1px solid var(--scp-line);
    background: rgba(3,5,8,.36);
    box-sizing: border-box;
    overflow: hidden;
}

.scp-header-telemetry > div {
    min-width: 0;
    padding: 10px 12px;
    border-right: 1px solid var(--scp-line);
    box-sizing: border-box;
    overflow: hidden;
}
.scp-header-telemetry > div:last-child { border-right: 0; }
.scp-header-telemetry span,
.scp-header-telemetry strong {
    display: block;
    font-family: var(--scp-label);
    line-height: 1.35;
}
.scp-header-telemetry span {
    color: var(--scp-dim);
    font-size: 8px;
    letter-spacing: .13em;
}
.scp-header-telemetry strong {
    margin-top: 3px;
    max-width: 100%;
    overflow: hidden;
    color: #c9cddb;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .06em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scp-header-search { position: relative; }
.toggle-search {
    width: 44px;
    height: 44px;
    border: 1px solid var(--scp-line) !important;
    border-radius: 3px;
    background: rgba(255,255,255,.025) !important;
}
.toggle-search:hover { background: rgba(var(--scp-violet-rgb),.13) !important; border-color: rgba(var(--scp-violet-rgb),.45) !important; }
.toggle-search .svg-icon { fill: #aeb5c3; width: 19px; height: 19px; }
.toggle-search:hover .svg-icon { fill: #fff; }
.search-expand {
    top: 53px;
    right: -1px;
    left: auto;
    background: #11151c;
    border: 1px solid var(--scp-line-strong);
    box-shadow: var(--scp-shadow);
}

.scp-nav-deck {
    position: relative;
    z-index: 3;
    min-height: 43px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    border-top: 1px solid var(--scp-line);
    background: rgba(5,7,10,.4);
}

.scp-nav-label {
    flex: 0 0 auto;
    margin-right: 18px;
    color: #6f7787;
    font-family: var(--scp-label);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .14em;
}
.scp-nav-label i { margin-right: 8px; color: var(--scp-violet-light); }

#wrap-nav-header { float: none; width: 100%; }
#nav-header { float: none; display: flex; align-items: center; }
#nav-header > li { float: none; }
#nav-header .menu-item > a,
#nav-mobile .menu-item > a {
    position: relative;
    color: #b3bac7;
    font-family: var(--scp-label);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .105em;
    text-transform: uppercase;
}
#nav-header > li > a { padding: 13px 15px; }
#nav-header > li > a::after {
    content: "";
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 7px;
    height: 1px;
    transform: scaleX(0);
    transform-origin: left;
    background: linear-gradient(90deg, var(--scp-violet-light), var(--scp-bronze-light));
    transition: transform .18s ease;
}
#nav-header > li:hover > a::after,
#nav-header > .current-menu-item > a::after,
#nav-header > .current-menu-ancestor > a::after { transform: scaleX(1); }
#nav-header .menu-item > a:hover,
#nav-header .current-menu-item > a,
#nav-header .current-menu-ancestor > a { color: #fff; }

.nav ul,
#nav-header ul {
    background: #11151c;
    border: 1px solid var(--scp-line-strong);
    border-top: 2px solid var(--scp-violet);
    box-shadow: 0 22px 55px rgba(0,0,0,.48);
    border-radius: 0 0 4px 4px;
}
.nav ul li a,
#nav-header ul li a {
    color: #b6bdca;
    border-bottom-color: var(--scp-line);
}
.nav ul li a:hover,
#nav-header ul li a:hover { color: #fff; background: rgba(var(--scp-violet-rgb),.13); }

/* --------------------------------------------------------------------------
   OUTER ARCHIVE SHELL
   -------------------------------------------------------------------------- */
.wrap-content {
    position: relative;
    overflow: hidden;
    margin-top: 14px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 9px;
    background: linear-gradient(120deg, rgba(var(--scp-violet-rgb),.88), #29265d 56%, rgba(var(--scp-bronze-rgb),.95));
    box-shadow: var(--scp-shadow);
}

.wrap-content::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    opacity: .23;
    pointer-events: none;
    background-image:
        repeating-linear-gradient(135deg, rgba(255,255,255,.12) 0, rgba(255,255,255,.12) 1px, transparent 1px, transparent 12px);
}

.scp-shell-status {
    position: relative;
    z-index: 2;
    min-height: 39px;
    padding: 0 18px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 20px;
    align-items: center;
    color: rgba(255,255,255,.74);
    font-family: var(--scp-label);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}
.scp-shell-status span:nth-child(2) { justify-self: center; color: #fff; }
.scp-shell-status span:last-child { justify-self: end; }

.wrap-content-top {
    position: relative;
    z-index: 2;
    min-height: 52px;
    margin: 0;
    padding: 11px 18px;
    border-radius: 0;
    border-top: 1px solid rgba(255,255,255,.13);
    background: rgba(7,9,13,.28);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
    box-sizing: border-box;
}
.wrap-content-top-search { margin: 0; }
.wrap-content-top-search .themeform.searchform div input {
    min-width: 320px;
    padding: 8px 12px 8px 35px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 3px;
    background: rgba(5,7,10,.54);
    color: #fff;
}
.wrap-content-top-search .themeform.searchform div input:focus { box-shadow: 0 0 0 3px rgba(var(--scp-violet-rgb),.16); }
.wrap-content-top .social-links { margin: 0; }
.wrap-content-top .social-links .social-tooltip {
    border-radius: 3px;
    background: rgba(5,7,10,.4);
    color: rgba(255,255,255,.82);
}
.wrap-content-top .social-links .social-tooltip:hover { background: rgba(255,255,255,.12); color: #fff; }

.wrap-content-inner {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 0;
    background:
        linear-gradient(180deg, rgba(15,18,24,.995), rgba(9,11,15,.995)),
        var(--scp-bg);
    border-top: 1px solid rgba(255,255,255,.07);
}

.site-header {
    position: relative;
    max-height: 440px;
    overflow: hidden;
    border-bottom: 1px solid var(--scp-line);
}
.site-header::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, transparent 35%, rgba(8,10,14,.7));
}
.site-header img { filter: saturate(.68) contrast(1.08) brightness(.8); }

.main-inner { padding-top: 0; }
.content { padding: 26px; }

/* --------------------------------------------------------------------------
   FRONT PAGE ARCHIVE HERO
   -------------------------------------------------------------------------- */
.scp-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(270px, .75fr);
    gap: 18px;
    padding: 32px 26px 28px;
    overflow: hidden;
    border-bottom: 1px solid var(--scp-line);
    background:
        radial-gradient(circle at 76% 20%, rgba(var(--scp-violet-rgb),.18), transparent 27rem),
        linear-gradient(135deg, rgba(255,255,255,.018), transparent 52%);
}

.scp-hero::before {
    content: "";
    position: absolute;
    width: 380px;
    height: 380px;
    right: -175px;
    top: -190px;
    border: 1px solid rgba(var(--scp-violet-rgb),.25);
    border-radius: 50%;
    box-shadow:
        0 0 0 34px rgba(var(--scp-violet-rgb),.035),
        0 0 0 70px rgba(var(--scp-violet-rgb),.025),
        0 0 0 110px rgba(var(--scp-bronze-rgb),.018);
}

.scp-hero-watermark {
    position: absolute;
    right: 24px;
    bottom: -30px;
    color: rgba(255,255,255,.018);
    font-family: var(--scp-label);
    font-size: clamp(70px, 11vw, 150px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.08em;
    pointer-events: none;
    user-select: none;
}

.scp-hero-panel,
.scp-hero-stats { position: relative; z-index: 2; }

.scp-hero-panel {
    --scp-mx: 50%;
    --scp-my: 50%;
    padding: 30px;
    overflow: hidden;
    border: 1px solid var(--scp-line);
    background:
        radial-gradient(circle 300px at var(--scp-mx) var(--scp-my), rgba(var(--scp-violet-rgb),.10), transparent 75%),
        linear-gradient(135deg, rgba(22,27,36,.9), rgba(13,16,22,.84));
    box-shadow: 0 18px 40px rgba(0,0,0,.18);
}

.scp-hero-panel::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 68px;
    height: 2px;
    background: var(--scp-violet-light);
    box-shadow: 68px 0 0 rgba(var(--scp-bronze-rgb),.9);
}

.scp-hero-eyebrow,
.scp-dossier-kicker {
    display: flex;
    align-items: center;
    color: var(--scp-violet-light);
    font-family: var(--scp-label);
    font-size: 9px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .17em;
    text-transform: uppercase;
}
.scp-hero-eyebrow > span {
    width: 24px;
    height: 1px;
    margin-right: 10px;
    background: linear-gradient(90deg, var(--scp-violet), var(--scp-bronze-light));
}

.scp-hero h1 {
    max-width: 820px;
    margin: 15px 0 12px;
    color: #f5f6f9;
    font-size: clamp(36px, 5.2vw, 70px);
    font-weight: 600;
    line-height: .98;
    letter-spacing: -.052em;
}
.scp-hero-panel > p {
    max-width: 720px;
    margin: 0 0 24px;
    color: #aeb5c2;
    font-size: 16px;
    line-height: 1.65;
}

.scp-hero-search {
    position: relative;
    display: grid;
    grid-template-columns: 38px minmax(0,1fr) auto;
    align-items: center;
    overflow: hidden;
    border: 1px solid rgba(var(--scp-violet-rgb),.38);
    background: #080b10;
    box-shadow: 0 0 0 1px rgba(255,255,255,.015), 0 14px 32px rgba(0,0,0,.2);
}
.scp-hero-search > i { justify-self: center; color: var(--scp-violet-light); font-size: 13px; }
.scp-hero-search input {
    min-width: 0;
    height: 51px;
    padding: 0 10px 0 0;
    border: 0 !important;
    outline: 0;
    background: transparent !important;
    color: #e6e9f0 !important;
    box-shadow: none !important;
    font-family: var(--scp-label);
    font-size: 11px;
}
.scp-hero-search input::placeholder { color: #596273; }
.scp-hero-search button {
    align-self: stretch;
    padding: 0 20px;
    border: 0;
    border-left: 1px solid rgba(var(--scp-violet-rgb),.34);
    background: linear-gradient(135deg, rgba(var(--scp-violet-rgb),.92), rgba(58,54,126,.96));
    color: #fff;
    font-family: var(--scp-label);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .12em;
    cursor: pointer;
    transition: filter .2s ease, background .2s ease;
}
.scp-hero-search button:hover { filter: brightness(1.15); background: linear-gradient(135deg, var(--scp-violet-light), var(--scp-violet)); }

.scp-hero-notice {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin-top: 18px;
    padding: 12px 14px;
    border-left: 2px solid var(--scp-bronze-light);
    background: rgba(var(--scp-bronze-rgb),.075);
    color: #8f96a4;
    font-family: var(--scp-label);
    font-size: 9px;
    line-height: 1.55;
    letter-spacing: .03em;
}
.scp-hero-notice i { margin-top: 2px; color: var(--scp-bronze-light); }
.scp-hero-notice strong { color: #c8ccd5; }

.scp-hero-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
}

.scp-stat-card,
.scp-stat-terminal {
    border: 1px solid var(--scp-line);
    background: rgba(8,11,15,.72);
}
.scp-stat-card {
    min-height: 108px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.scp-stat-card-wide { grid-column: 1 / -1; min-height: 92px; }
.scp-stat-card span,
.scp-stat-card small {
    color: #697283;
    font-family: var(--scp-label);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .13em;
}
.scp-stat-card strong {
    margin: 7px 0 4px;
    color: #edf0f7;
    font-family: var(--scp-label);
    font-size: 26px;
    line-height: 1;
    letter-spacing: -.04em;
}
.scp-stat-card:first-child strong { color: var(--scp-violet-light); }
.scp-stat-card:nth-child(2) strong { color: var(--scp-bronze-pale); }

.scp-stat-terminal {
    grid-column: 1 / -1;
    padding: 14px 15px;
    background: #06080b;
    color: #7f8796;
    font-family: var(--scp-label);
    font-size: 8px;
    line-height: 1.8;
}
.scp-stat-terminal span { display: block; }
.scp-stat-terminal b { color: var(--scp-green); font-weight: 700; }
.scp-terminal-cursor { display: inline !important; color: var(--scp-violet-light); animation: scp-cursor .9s steps(1) infinite; }

/* --------------------------------------------------------------------------
   FORMS / SEARCH / CONTROLS
   -------------------------------------------------------------------------- */
.themeform.searchform div input,
.themeform input[type="search"],
.themeform input[type="text"],
.themeform input[type="password"],
.themeform input[type="email"],
.themeform input[type="url"],
.themeform input[type="tel"],
.themeform input[type="number"],
.themeform select,
.themeform textarea {
    border: 1px solid var(--scp-line-strong);
    border-radius: 3px;
    background: #0a0d12;
    color: #d8dce5;
}
.themeform.searchform div input:focus,
.themeform input:focus,
.themeform textarea:focus,
.themeform select:focus {
    color: #fff;
    border-color: rgba(var(--scp-violet-rgb),.72);
    box-shadow: 0 0 0 3px rgba(var(--scp-violet-rgb),.13);
}
.themeform input[type="button"],
.themeform input[type="reset"],
.themeform input[type="submit"],
.themeform button[type="button"],
.themeform button[type="reset"],
.themeform button[type="submit"] {
    border-radius: 3px;
    background: linear-gradient(135deg, var(--scp-violet), var(--scp-violet-deep));
    color: #fff;
    font-family: var(--scp-label);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   ARCHIVE LIST / FILE CARDS
   -------------------------------------------------------------------------- */
.article-grid-wrap { padding: 10px 0 24px; }
.article-grid { gap: 18px; }
.article-grid > article { margin-bottom: 0; }

.entry-list,
.scp-file-card {
    --scp-mx: 50%;
    --scp-my: 50%;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--scp-line);
    border-radius: 5px;
    background:
        radial-gradient(circle 320px at var(--scp-mx) var(--scp-my), rgba(var(--scp-violet-rgb),.09), transparent 72%),
        linear-gradient(180deg, var(--scp-panel-2), var(--scp-panel));
    box-shadow: 0 18px 40px rgba(0,0,0,.18);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.entry-list::before {
    content: "";
    position: absolute;
    z-index: 8;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background: linear-gradient(90deg, var(--scp-violet), transparent 46%, var(--scp-bronze));
    opacity: .62;
}
.entry-list:hover {
    transform: translateY(-4px);
    border-color: rgba(var(--scp-violet-rgb),.42);
    box-shadow: 0 26px 56px rgba(0,0,0,.3);
}

.scp-card-controlbar {
    min-height: 31px;
    padding: 0 11px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid var(--scp-line);
    background: rgba(5,7,10,.64);
    font-family: var(--scp-label);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .1em;
}
.scp-card-id { color: #929aa8; }
.scp-card-id i { margin-right: 7px; color: var(--scp-violet-light); }

.scp-object-badge {
    display: inline-flex;
    align-items: center;
    width: max-content;
    max-width: 100%;
    padding: 4px 7px;
    border: 1px solid rgba(255,255,255,.13);
    border-left-width: 2px;
    border-radius: 2px;
    background: rgba(255,255,255,.035);
    color: #c8cdd7;
    font-family: var(--scp-label);
    font-size: 8px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: .1em;
}
.scp-class-safe { color: #9be0b2; border-color: rgba(113,201,145,.38); background: rgba(113,201,145,.08); }
.scp-class-euclid { color: #e4bd74; border-color: rgba(208,160,75,.42); background: rgba(208,160,75,.08); }
.scp-class-keter,
.scp-class-apollyon { color: #e18a82; border-color: rgba(207,104,93,.46); background: rgba(207,104,93,.09); }
.scp-class-thaumiel { color: #aaa6ff; border-color: rgba(var(--scp-violet-rgb),.55); background: rgba(var(--scp-violet-rgb),.1); }
.scp-class-archon { color: #9ac8ef; border-color: rgba(99,162,217,.46); background: rgba(99,162,217,.08); }
.scp-class-neutralized { color: #aeb5c2; border-color: rgba(174,181,194,.28); background: rgba(174,181,194,.05); }
.scp-class-pending-review { color: var(--scp-bronze-pale); border-color: rgba(var(--scp-bronze-rgb),.5); }

.entry-list .entry-thumbnail {
    position: relative;
    max-height: 290px;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: #090b0f;
}
.entry-list .entry-thumbnail::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(5,7,10,.06) 28%, rgba(5,7,10,.62) 100%),
        linear-gradient(90deg, rgba(var(--scp-violet-rgb),.08), transparent 36%);
}
.entry-list .entry-thumbnail img {
    display: block;
    width: 100%;
    filter: saturate(.62) contrast(1.1) brightness(.86);
    transition: transform .45s cubic-bezier(.2,.75,.2,1), filter .3s ease;
}
.entry-list:hover .entry-thumbnail img { transform: scale(1.035); filter: saturate(.86) contrast(1.12) brightness(.92); }

.scp-image-grid {
    position: absolute;
    z-index: 3;
    inset: 0;
    pointer-events: none;
    opacity: .13;
    background-image:
        linear-gradient(rgba(255,255,255,.18) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.18) 1px, transparent 1px);
    background-size: 34px 34px;
}

.entry-list-inner { padding: 17px 20px 18px; }
.scp-card-subline {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
    color: #687181;
    font-family: var(--scp-label);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .105em;
    text-transform: uppercase;
}
.scp-card-subline span:first-child { color: #8ca897; }

.entry-list .entry-title { margin: 0 42px 11px 0; }
.entry-list .entry-title a {
    color: #f1f3f7;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.16;
    letter-spacing: -.025em;
}
.entry-list .entry-title a:hover {
    color: #fff;
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
}
.entry-list .entry-excerpt {
    margin: 11px 0 17px;
    color: #9da4b2;
    font-size: 15px;
    line-height: 1.65;
}

.entry-meta { color: var(--scp-dim); }
.entry-meta li,
.entry-meta span { color: var(--scp-dim); }
.entry-meta li a,
.entry-meta span a,
.entry-header .entry-meta .entry-category a {
    color: #bab7f6 !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: initial !important;
}
.entry-category a {
    display: inline-block;
    margin: 1px 3px 1px 0;
    padding: 2px 6px;
    border: 1px solid rgba(var(--scp-violet-rgb),.26);
    border-radius: 2px;
    background: rgba(var(--scp-violet-rgb),.07) !important;
    font-family: var(--scp-label);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.post-comments {
    background: linear-gradient(135deg, var(--scp-violet), var(--scp-bronze));
    box-shadow: 0 7px 18px rgba(0,0,0,.18);
}

/* Homepage archive cards deliberately omit the parent-theme comment bubble. */
body.home .scp-file-card .post-comments {
    display: none !important;
}

.scp-card-footer {
    padding-top: 13px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    border-top: 1px solid var(--scp-line);
}
.scp-card-footer > span {
    color: #5f6877;
    font-family: var(--scp-label);
    font-size: 7px;
    font-weight: 700;
    letter-spacing: .1em;
}
.scp-open-file {
    color: #c8c5ff;
    font-family: var(--scp-label);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .11em;
}
.scp-open-file i { margin-left: 7px; transition: transform .18s ease; }
.scp-open-file:hover i { transform: translateX(3px); }

/* --------------------------------------------------------------------------
   SINGLE FILE / DOSSIER
   -------------------------------------------------------------------------- */
.post-wrapper {
    --scp-mx: 50%;
    --scp-my: 50%;
    position: relative;
    max-width: 1000px;
    overflow: hidden;
    border: 1px solid var(--scp-line);
    border-radius: 5px;
    background:
        radial-gradient(circle 420px at var(--scp-mx) var(--scp-my), rgba(var(--scp-violet-rgb),.06), transparent 80%),
        linear-gradient(180deg, #151a22, #10141a);
    box-shadow: 0 28px 70px rgba(0,0,0,.3);
}
.post-wrapper::before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 34%;
    height: 2px;
    background: linear-gradient(90deg, var(--scp-violet-light), transparent);
}
.post-wrapper::after {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    width: 22%;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--scp-bronze-light));
}

.scp-document-ribbon {
    min-height: 34px;
    padding: 0 18px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 16px;
    border-bottom: 1px solid var(--scp-line);
    background: rgba(4,6,9,.48);
    color: #737c8b;
    font-family: var(--scp-label);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .11em;
    text-transform: uppercase;
}
.scp-document-ribbon span:nth-child(2) { justify-self: center; }
.scp-document-ribbon span:last-child { justify-self: end; color: var(--scp-bronze-pale); }

.entry-header {
    position: relative;
    padding: 30px;
    border-bottom: 1px solid var(--scp-line);
    background: linear-gradient(135deg, rgba(255,255,255,.02), transparent 54%);
}
.entry-header::before { display: none; }
.scp-dossier-kicker { margin-bottom: 11px; }
.entry-header .entry-title {
    max-width: 860px;
    margin: 0 0 20px;
    color: #f4f5f8;
    font-size: clamp(36px, 4.8vw, 60px);
    font-weight: 600;
    line-height: 1.04;
    letter-spacing: -.045em;
}
.entry-header .entry-title a { color: #f4f5f8; }

.scp-dossier-data {
    display: grid;
    grid-template-columns: 1.2fr 1fr .8fr .9fr;
    margin: 24px 0 18px;
    border: 1px solid var(--scp-line-strong);
    background: rgba(5,7,10,.46);
}
.scp-dossier-data > div {
    min-width: 0;
    padding: 12px 14px;
    border-right: 1px solid var(--scp-line);
}
.scp-dossier-data > div:last-child { border-right: 0; }
.scp-dossier-data span,
.scp-dossier-data strong {
    display: block;
    font-family: var(--scp-label);
}
.scp-dossier-data span {
    margin-bottom: 7px;
    color: #626b7c;
    font-size: 7px;
    font-weight: 700;
    letter-spacing: .12em;
}
.scp-dossier-data strong {
    color: #dfe2ea;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .07em;
}
.scp-dossier-data strong.scp-object-badge { display: inline-flex; }
.scp-status-text { color: #a8d8b8 !important; }
.scp-status-text .scp-status-dot { margin-right: 7px; }

.scp-document-warning {
    margin: 22px 30px 0;
    padding: 13px 15px;
    display: flex;
    gap: 13px;
    align-items: flex-start;
    border: 1px solid rgba(var(--scp-bronze-rgb),.24);
    border-left: 3px solid var(--scp-bronze-light);
    background: rgba(var(--scp-bronze-rgb),.065);
}
.scp-document-warning > i { margin-top: 2px; color: var(--scp-bronze-light); }
.scp-document-warning strong,
.scp-document-warning span { display: block; }
.scp-document-warning strong {
    margin-bottom: 2px;
    color: #d4c1aa;
    font-family: var(--scp-label);
    font-size: 9px;
    letter-spacing: .1em;
}
.scp-document-warning span { color: #8f929b; font-size: 12px; line-height: 1.5; }

.entry-content { padding: 0; }
.entry {
    padding: 30px;
    color: #cbd0d9;
    font-size: 17px;
    line-height: 1.78;
}
.entry p { color: #c6cbd4; }
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
    color: #f0f2f6;
    font-weight: 600;
    letter-spacing: -.018em;
}
.entry h2,
.entry h3 { position: relative; padding-bottom: 10px; }
.entry h2::after,
.entry h3::after {
    content: "";
    display: block;
    width: 72px;
    height: 2px;
    margin-top: 11px;
    background: linear-gradient(90deg, var(--scp-violet), var(--scp-bronze));
}
.entry a { color: #aaa6ff; box-shadow: 0 1px 0 rgba(170,166,255,.38); }
.entry a:hover { color: #fff; box-shadow: 0 1px 0 #fff; }
.entry strong { color: #e8eaf0; }
.entry blockquote {
    position: relative;
    margin: 30px 0;
    padding: 22px 24px 22px 58px;
    border: 1px solid rgba(var(--scp-violet-rgb),.2);
    border-left: 3px solid var(--scp-violet);
    background: rgba(var(--scp-violet-rgb),.07);
    color: #d0d3dc;
}
.entry blockquote::before { left: 20px; top: 19px; color: var(--scp-violet-light); }
.entry blockquote p { color: #d1d4dc; }
.entry hr {
    width: 100%;
    height: 1px;
    margin: 34px 0;
    background: linear-gradient(90deg, transparent, rgba(var(--scp-violet-rgb),.8), rgba(var(--scp-bronze-rgb),.8), transparent);
}
.entry code { border-radius: 2px; background: #222936; color: #dedfff; }
.entry pre {
    background: #080b0f;
    color: #cbd0da;
    border: 1px solid rgba(var(--scp-violet-rgb),.26);
    border-left: 3px solid var(--scp-violet);
    border-radius: 2px;
}
.entry table {
    overflow: hidden;
    border: 1px solid var(--scp-line);
    background: #0d1117;
}
.entry table td,
.entry table th { border-color: var(--scp-line); }
.entry table th {
    color: #f3f4f7;
    background: rgba(var(--scp-violet-rgb),.12);
    font-family: var(--scp-label);
    font-size: 11px;
    letter-spacing: .05em;
}
.entry table tr:nth-child(even) { background: rgba(255,255,255,.022); }
.entry .wp-caption { background: #0d1117; }
.entry .wp-caption-text { color: var(--scp-muted); }
.entry .wp-block-button a,
.wp-block-button__link {
    border-radius: 2px;
    background: linear-gradient(135deg, var(--scp-violet), var(--scp-violet-deep));
    box-shadow: none;
    font-family: var(--scp-label);
    font-size: 11px;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.entry .wp-block-separator { border-color: var(--scp-line-strong); }

.entry-footer {
    padding: 24px 30px 30px;
    border-top: 1px solid var(--scp-line);
    background: rgba(5,7,10,.22);
}
.post-tags a {
    border-radius: 2px;
    background: rgba(var(--scp-violet-rgb),.09);
    color: #bbb8f3;
}
.author-bio {
    border-color: var(--scp-line);
    background: rgba(255,255,255,.018);
}
.bio-name { color: #eef0f5; }
.bio-desc { color: var(--scp-muted); }

/* Optional utility classes authors can use in editor HTML blocks. */
.entry .scp-redacted {
    display: inline-block;
    padding: 0 .28em;
    border-radius: 1px;
    background: #030405;
    color: transparent !important;
    text-shadow: none;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.035);
    user-select: none;
}
.entry .scp-redacted:hover,
.entry .scp-redacted:focus { color: #9da4af !important; }
.entry .scp-notice,
.entry .scp-warning,
.entry .scp-clearance-box {
    margin: 24px 0;
    padding: 15px 17px;
    border: 1px solid var(--scp-line-strong);
    border-left: 3px solid var(--scp-violet);
    background: rgba(var(--scp-violet-rgb),.07);
}
.entry .scp-warning { border-left-color: var(--scp-bronze-light); background: rgba(var(--scp-bronze-rgb),.07); }
.entry .scp-clearance-box { border-left-color: var(--scp-red); background: rgba(207,104,93,.055); }

/* --------------------------------------------------------------------------
   PAGES / ARCHIVE HEADINGS / SEARCH RESULTS
   -------------------------------------------------------------------------- */
.scp-page-header .entry-title { margin-bottom: 0; }
.page-title {
    margin: 0 0 20px;
    overflow: hidden;
    border: 1px solid var(--scp-line);
    border-left: 3px solid var(--scp-violet);
    border-radius: 3px;
    background: linear-gradient(90deg, rgba(var(--scp-violet-rgb),.09), rgba(255,255,255,.015));
}
.page-title-inner { padding: 18px 20px; }
.page-title h1,
.page-title h2 { color: #eff1f5; font-weight: 600; }
.page-title h1 i,
.page-title h2 i { color: var(--scp-violet-light); }
.page-title .notebox {
    border-color: var(--scp-line);
    background: rgba(5,7,10,.34);
    color: #9ca3b1;
}

/* --------------------------------------------------------------------------
   SIDEBAR / WIDGETS
   -------------------------------------------------------------------------- */
.sidebar { padding: 26px 26px 26px 0; }
.s1 .sidebar-content {
    overflow: hidden;
    border: 1px solid var(--scp-line);
    border-radius: 5px;
    background: rgba(15,19,25,.88);
    box-shadow: 0 18px 45px rgba(0,0,0,.18);
}
.sidebar .widget {
    --scp-mx: 50%;
    --scp-my: 50%;
    position: relative;
    padding: 24px;
    border-bottom: 1px solid var(--scp-line);
    background: radial-gradient(circle 240px at var(--scp-mx) var(--scp-my), rgba(var(--scp-violet-rgb),.055), transparent 75%);
    color: #a7aebb;
}
.sidebar .widget:last-child { border-bottom: 0; }
.widget-title {
    position: relative;
    margin-bottom: 16px;
    padding-bottom: 11px;
    color: #e8eaf0;
    font-family: var(--scp-label);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}
.widget-title::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 9px;
    border: 1px solid var(--scp-violet-light);
    transform: rotate(45deg);
}
.widget-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 46px;
    height: 1px;
    background: linear-gradient(90deg, var(--scp-violet), var(--scp-bronze));
}
.widget a { color: #bec3ce; }
.widget a:hover { color: #fff; }
.widget li { border-bottom-color: var(--scp-line); }

#profile { border-bottom-color: var(--scp-line); }
#profile-inner { border-top-color: var(--scp-line); }
#profile-image {
    background: #0d1117;
    border: 1px solid rgba(var(--scp-violet-rgb),.36);
    box-shadow: 0 0 0 6px rgba(var(--scp-violet-rgb),.045), 0 14px 30px rgba(0,0,0,.28);
}
#profile-image img { filter: saturate(.7) contrast(1.07); }
#profile-name { color: #f0f2f6; font-weight: 600; }
#profile-description { color: var(--scp-muted); }
#profile a { color: var(--scp-violet-pale); }

/* --------------------------------------------------------------------------
   PAGINATION / NAV / COMMENTS
   -------------------------------------------------------------------------- */
.pagination a,
.pagination span,
.post-nav li a {
    border-color: var(--scp-line);
    border-radius: 2px;
    background: #121720;
    color: #b8beca;
}
.pagination a:hover,
.post-nav li a:hover,
.pagination .current {
    border-color: rgba(var(--scp-violet-rgb),.46);
    background: rgba(var(--scp-violet-rgb),.14);
    color: #fff;
}
.comments-area,
#comments { border-color: var(--scp-line); }
.commentlist .comment-body { border-color: var(--scp-line); }
.commentlist .comment-author { color: #eef0f5; }
.commentlist .comment-meta { color: var(--scp-dim); }

/* --------------------------------------------------------------------------
   404 TERMINAL
   -------------------------------------------------------------------------- */
.scp-error-content { width: 100%; }
.scp-error-terminal {
    max-width: 980px;
    min-height: 510px;
    margin: 12px auto;
    display: grid;
    grid-template-columns: minmax(180px,.62fr) minmax(0,1.38fr);
    overflow: hidden;
    border: 1px solid var(--scp-line-strong);
    background: #0b0e13;
    box-shadow: var(--scp-shadow);
}
.scp-error-code {
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid rgba(207,104,93,.2);
    background:
        repeating-linear-gradient(135deg, rgba(207,104,93,.045) 0, rgba(207,104,93,.045) 2px, transparent 2px, transparent 14px),
        rgba(207,104,93,.035);
    color: rgba(207,104,93,.88);
    font-family: var(--scp-label);
    font-size: clamp(90px, 13vw, 170px);
    font-weight: 900;
    letter-spacing: -.09em;
    text-shadow: 0 0 40px rgba(207,104,93,.14);
}
.scp-error-copy { padding: 52px 42px; }
.scp-error-copy h1 {
    margin: 16px 0 12px;
    color: #f1f2f5;
    font-size: clamp(38px,5vw,64px);
    letter-spacing: -.045em;
}
.scp-error-copy > p { max-width: 640px; color: #99a1af; font-size: 15px; line-height: 1.7; }
.scp-error-log {
    margin: 22px 0;
    padding: 13px 15px;
    border-left: 2px solid var(--scp-red);
    background: #06080b;
}
.scp-error-log code { display: block; padding: 2px 0; background: transparent; color: #7e8795; font-family: var(--scp-label); font-size: 9px; }
.scp-terminal-home {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    margin-top: 18px;
    color: var(--scp-violet-pale);
    font-family: var(--scp-label);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .11em;
}

/* --------------------------------------------------------------------------
   FOOTER / LEGAL NAVIGATION
   -------------------------------------------------------------------------- */
#footer {
    position: relative;
    margin: 16px 0 0;
    padding: 0 0 48px;
    color: var(--scp-muted);
}
#footer-widgets {
    margin-bottom: 12px;
    border: 1px solid var(--scp-line);
    background: rgba(13,16,22,.7);
}
#footer-widgets .widget { color: #9da4b0; }

.scp-footer-console {
    overflow: hidden;
    border: 1px solid var(--scp-line);
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
    background: linear-gradient(90deg, rgba(var(--scp-violet-rgb),.11), rgba(7,9,13,.72), rgba(var(--scp-bronze-rgb),.09));
}
.scp-footer-console-line {
    min-height: 36px;
    padding: 0 16px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 18px;
    align-items: center;
    color: #717989;
    font-family: var(--scp-label);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .105em;
    text-transform: uppercase;
}
.scp-footer-console-line span:nth-child(2) { justify-self: center; color: #959cac; }
.scp-footer-console-line span:last-child { justify-self: end; color: #8f765c; }

#footer-bottom {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--scp-line);
    border-radius: 0 0 5px 5px;
    background:
        radial-gradient(circle at 50% 0, rgba(var(--scp-violet-rgb),.09), transparent 30rem),
        #0b0e13;
    text-align: center;
}
#footer-bottom::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 210px;
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, var(--scp-violet-light), var(--scp-bronze-light), transparent);
}
#footer-bottom .pad { padding: 36px 22px 30px; }

.scp-footer-brand {
    display: flex;
    width: max-content;
    max-width: 100%;
    margin: 0 auto 17px;
    align-items: center;
    gap: 13px;
    text-align: left;
}
.scp-footer-brand > div strong,
.scp-footer-brand > div span { display: block; }
.scp-footer-brand > div strong { color: #eef0f5; font-size: 18px; font-weight: 600; letter-spacing: -.02em; }
.scp-footer-brand > div span {
    margin-top: 3px;
    color: #676f7e;
    font-family: var(--scp-label);
    font-size: 7px;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.scp-footer-seal {
    position: relative;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(var(--scp-violet-rgb),.62);
    border-radius: 50%;
    box-sizing: border-box;
}
.scp-footer-seal::before,
.scp-footer-seal::after,
.scp-footer-seal i,
.scp-footer-seal b {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
}
.scp-footer-seal::before { inset: 6px; border: 1px dashed rgba(var(--scp-bronze-rgb),.6); border-radius: 50%; }
.scp-footer-seal::after { left: 50%; top: 50%; width: 8px; height: 8px; transform: translate(-50%,-50%) rotate(45deg); background: var(--scp-violet-light); }
.scp-footer-seal i { left: 16px; top: -1px; width: 2px; height: 10px; background: #0b0e13; }
.scp-footer-seal b { left: 16px; top: 27px; width: 2px; height: 10px; background: #0b0e13; }

#footer-bottom #copyright { color: #a5abb7; }
#footer-bottom #copyright p { margin: 0; font-size: 13px; }
#footer-bottom #copyright strong { color: #e4e6eb; font-weight: 600; }

.scp-policy-nav { margin-top: 11px; }
.scp-policy-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.scp-policy-menu li { position: relative; margin: 0; }
.scp-policy-menu li + li::before {
    content: "//";
    position: absolute;
    left: -10px;
    color: #343a45;
    font-family: var(--scp-label);
    font-size: 8px;
}
.scp-policy-menu a {
    color: #898f9c !important;
    font-family: var(--scp-label);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.scp-policy-menu a:hover { color: var(--scp-violet-pale) !important; }
.scp-policy-placeholder {
    max-width: 720px;
    margin: 0 auto;
    color: #555e6d;
    font-family: var(--scp-label);
    font-size: 8px;
    line-height: 1.6;
    letter-spacing: .04em;
}

.scp-footer-disclaimer {
    max-width: 720px;
    margin: 19px auto 0;
    padding-top: 15px;
    border-top: 1px solid var(--scp-line);
    color: #4f5764;
    font-family: var(--scp-label);
    font-size: 7px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .08em;
    text-transform: uppercase;
}

#footer-bottom .social-links { padding-top: 18px; float: none; }
#footer-bottom .social-links a { color: #7f8794; }
#footer-bottom .social-links a:hover { color: #fff; }
#footer-bottom #back-to-top {
    position: absolute;
    z-index: 4;
    top: 0;
    right: 16px;
    width: 44px;
    height: 30px;
    margin: 0;
    padding: 5px 0 0;
    border: 1px solid var(--scp-line);
    border-top: 0;
    border-radius: 0 0 3px 3px;
    background: #11151b;
    color: #9ca3af;
}
#footer-bottom #back-to-top i { top: -5px; font-size: 27px; }
#footer-bottom #back-to-top:hover { color: #fff; background: rgba(var(--scp-violet-rgb),.15); }

/* --------------------------------------------------------------------------
   RESPONSIVE
   -------------------------------------------------------------------------- */
@media only screen and (max-width: 1199px) {
    .scp-header-grid { grid-template-columns: 62px minmax(0, 1fr) minmax(200px, 280px) 48px; gap: 13px; }
    .scp-header-telemetry > div { min-width: 0; padding-left: 10px; padding-right: 10px; }
    .scp-hero { grid-template-columns: minmax(0,1.45fr) minmax(250px,.7fr); }
}

@media only screen and (max-width: 1023px) {
    #wrapper { padding-left: 8px; padding-right: 8px; }
    .scp-clearance-strip { margin-left: 8px; margin-right: 8px; grid-template-columns: 1fr 1fr; }
    .scp-clearance-center { display: none; }
    .scp-header-grid { grid-template-columns: 56px minmax(0,1fr) 48px; min-height: 82px; padding: 12px 14px; }
    .scp-archive-mark { width: 50px; height: 50px; }
    .scp-mark-logo { width: 30px; height: 30px; }
    .scp-mark-cut { left: 23px; height: 13px; transform-origin: 2px 23px; }
    .scp-header-telemetry { display: none; }
    .site-title { font-size: 27px; }
    .scp-nav-label { display: none; }
    .scp-nav-deck { padding-left: 8px; padding-right: 8px; }
    .scp-shell-status { grid-template-columns: 1fr 1fr; }
    .scp-shell-status span:nth-child(2) { display: none; }
    .scp-hero { grid-template-columns: 1fr; padding: 24px 20px; }
    .scp-hero-stats { grid-template-columns: repeat(3,1fr); }
    .scp-stat-card-wide { grid-column: auto; }
    .scp-stat-terminal { grid-column: 1 / -1; }
    .content { padding: 20px; }
    .sidebar { padding: 20px 20px 20px 0; }
    .scp-dossier-data { grid-template-columns: 1fr 1fr; }
    .scp-dossier-data > div:nth-child(2) { border-right: 0; }
    .scp-dossier-data > div:nth-child(-n+2) { border-bottom: 1px solid var(--scp-line); }
}

@media only screen and (max-width: 719px) {
    body::after { display: none; }
    #wrapper { padding: 0 5px; }
    .scp-clearance-strip {
        min-height: 28px;
        margin: 0 5px;
        padding: 7px 10px;
        grid-template-columns: 1fr;
        font-size: 7px;
    }
    .scp-clearance-level { display: none; }
    #header-sticky { margin-top: 6px; }
    #header { border-radius: 5px; }
    .scp-header-grid { grid-template-columns: 46px minmax(0,1fr) 40px; min-height: 70px; gap: 9px; padding: 10px; }
    .scp-archive-mark { width: 42px; height: 42px; }
    .scp-mark-logo { width: 25px; height: 25px; padding: 2px; }
    .scp-mark-cut { left: 19px; top: 1px; height: 11px; transform-origin: 2px 19px; }
    .site-title { font-size: 22px; }
    .site-description { display: none; }
    .scp-site-kicker { margin-top: 5px; font-size: 7px; letter-spacing: .1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .toggle-search { width: 38px; height: 38px; }
    .scp-nav-deck { min-height: 40px; }
    .scp-shell-status { min-height: 34px; padding: 0 10px; font-size: 7px; }
    .scp-shell-status span:last-child { justify-self: end; }
    .wrap-content { margin-top: 8px; border-radius: 6px; }
    .wrap-content-top { padding: 9px 10px; min-height: 45px; }
    .wrap-content-top-search { width: 100%; }
    .wrap-content-top-search .themeform.searchform div input { width: 100%; min-width: 0; box-sizing: border-box; }
    .wrap-content-top .social-links { display: none; }
    .scp-hero { padding: 18px 12px; gap: 12px; }
    .scp-hero-panel { padding: 21px 16px; }
    .scp-hero h1 { font-size: 38px; }
    .scp-hero-panel > p { font-size: 14px; }
    .scp-hero-search { grid-template-columns: 34px minmax(0,1fr); }
    .scp-hero-search button { grid-column: 1 / -1; min-height: 42px; border-top: 1px solid rgba(var(--scp-violet-rgb),.3); border-left: 0; }
    .scp-hero-stats { grid-template-columns: 1fr 1fr; }
    .scp-stat-card-wide { grid-column: 1 / -1; }
    .scp-stat-terminal { grid-column: 1 / -1; }
    .main-inner { display: block; }
    .content { padding: 12px; }
    .sidebar { padding: 0 12px 12px; }
    .article-grid { grid-template-columns: 1fr; gap: 13px; }
    .article-grid-wrap { padding-top: 4px; }
    .entry-list-inner { padding: 15px; }
    .entry-list .entry-title a { font-size: 22px; }
    .scp-card-footer > span { display: none; }
    .scp-card-footer { justify-content: flex-end; }
    .scp-document-ribbon {
        grid-template-columns: 1fr 1fr;
        padding: 7px 12px;
        gap: 8px;
    }
    .scp-document-ribbon span:nth-child(2) { display: none; }
    .entry-header { padding: 22px 18px; }
    .entry-header .entry-title { font-size: 38px; }
    .scp-dossier-data { grid-template-columns: 1fr; }
    .scp-dossier-data > div { border-right: 0 !important; border-bottom: 1px solid var(--scp-line); }
    .scp-dossier-data > div:last-child { border-bottom: 0; }
    .scp-document-warning { margin: 16px 18px 0; }
    .entry { padding: 22px 18px; font-size: 16px; }
    .entry-footer { padding: 20px 18px 22px; }
    .scp-error-terminal { grid-template-columns: 1fr; min-height: 0; }
    .scp-error-code { min-height: 180px; border-right: 0; border-bottom: 1px solid rgba(207,104,93,.2); font-size: 100px; }
    .scp-error-copy { padding: 30px 20px; }
    .scp-footer-console-line { grid-template-columns: 1fr; padding: 10px 12px; text-align: center; }
    .scp-footer-console-line span:nth-child(2),
    .scp-footer-console-line span:last-child { display: none; }
    #footer-bottom .pad { padding: 32px 15px 26px; }
    .scp-policy-menu { gap: 7px 12px; }
    #footer-bottom #back-to-top { right: 10px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}

/* ========================================================================== 
   v1.1.0 — COMMAND HEADER + ARCHIVE DIRECTORY REBUILD
   These rules intentionally come last so Instorm's responsive stylesheet
   cannot re-center or stretch the SCP header identity.
   ========================================================================== */

/* --- Compact command header ------------------------------------------------ */
#header.scp-command-header {
    overflow: visible;
    background:
        linear-gradient(180deg, rgba(19,23,31,.985), rgba(10,13,18,.985)),
        #0d1016;
    border-color: rgba(225,229,240,.11);
    box-shadow: 0 18px 54px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.025);
}

#header.scp-command-header::after {
    opacity: .42;
    background:
        linear-gradient(90deg, transparent 0 33%, rgba(255,255,255,.018) 33.05%, transparent 33.1% 66%, rgba(255,255,255,.018) 66.05%, transparent 66.1%),
        radial-gradient(circle at 8% 50%, rgba(var(--scp-violet-rgb),.10), transparent 16rem),
        radial-gradient(circle at 94% 50%, rgba(var(--scp-bronze-rgb),.07), transparent 17rem);
}

.scp-header-main {
    position: relative;
    z-index: 5;
    min-width: 0;
    min-height: 78px;
    padding: 10px 14px 9px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(250px, .95fr) minmax(320px, 1.3fr) minmax(260px, auto);
    grid-template-areas: "brand nav tools";
    align-items: center;
    gap: 16px;
}

.scp-header-brand {
    grid-area: brand;
    min-width: 0;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
}

.scp-header-brand .scp-archive-mark {
    width: 50px;
    height: 50px;
    margin: 0;
    justify-self: start;
}

.scp-header-brand .scp-mark-logo {
    width: 30px;
    height: 30px;
}

.scp-header-brand .scp-mark-cut {
    left: 23px;
    top: 2px;
    height: 13px;
    transform-origin: 2px 23px;
}

/* Hard reset of Instorm responsive.css. The parent theme changes .site-title
   to width:100% + centered text under 1024px, which was the source of the
   header jumping toward the middle/right in the Customizer preview. */
html body #header.scp-command-header .scp-site-identity {
    position: relative;
    float: none !important;
    width: auto !important;
    max-width: 100%;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    text-align: left !important;
}

html body #header.scp-command-header .scp-site-identity .site-title {
    position: relative !important;
    float: none !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    line-height: 1.04 !important;
    font-size: clamp(20px, 1.75vw, 27px) !important;
    font-weight: 650 !important;
    letter-spacing: -.035em !important;
    text-align: left !important;
}

html body #header.scp-command-header .scp-site-identity .site-title > a {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    color: #f2f3f7 !important;
    line-height: 1.04 !important;
    text-align: left !important;
    text-decoration: none !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: 0 0 24px rgba(var(--scp-violet-rgb),.14);
}

.scp-site-subline {
    min-width: 0;
    margin-top: 7px;
    display: flex;
    align-items: center;
    gap: 7px;
}

.scp-live-dot {
    flex: 0 0 auto;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--scp-green);
    box-shadow: 0 0 9px rgba(113,201,145,.7);
    animation: scp-pulse 2.6s ease-in-out infinite;
}

html body #header.scp-command-header .scp-site-kicker {
    min-width: 0;
    max-width: 100%;
    margin: 0 !important;
    overflow: hidden;
    color: #9b98dc !important;
    font-family: var(--scp-label);
    font-size: 7.5px !important;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .135em !important;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Main menu */
.scp-primary-navigation {
    grid-area: nav;
    min-width: 0;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
}

.scp-primary-menu-wrap {
    min-width: 0;
    width: 100%;
}

.scp-nav-menu,
.scp-nav-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.scp-nav-menu {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
}

.scp-nav-menu > li {
    position: relative;
    flex: 0 1 auto;
    min-width: 0;
}

.scp-nav-menu > li > a {
    position: relative;
    min-height: 36px;
    padding: 0 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #9ea6b6 !important;
    font-family: var(--scp-label);
    font-size: 8.5px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .095em;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease;
}

.scp-nav-menu > li > a::before {
    content: "";
    position: absolute;
    left: 9px;
    right: 9px;
    bottom: 4px;
    height: 1px;
    transform: scaleX(0);
    transform-origin: center;
    background: linear-gradient(90deg, transparent, var(--scp-violet-light), var(--scp-bronze-light), transparent);
    transition: transform .18s ease;
}

.scp-nav-menu > li:hover > a,
.scp-nav-menu > li:focus-within > a,
.scp-nav-menu > .current-menu-item > a,
.scp-nav-menu > .current-menu-ancestor > a {
    border-color: rgba(var(--scp-violet-rgb),.20);
    background: linear-gradient(180deg, rgba(var(--scp-violet-rgb),.10), rgba(var(--scp-violet-rgb),.035));
    color: #f0f1f5 !important;
}

.scp-nav-menu > li:hover > a::before,
.scp-nav-menu > li:focus-within > a::before,
.scp-nav-menu > .current-menu-item > a::before,
.scp-nav-menu > .current-menu-ancestor > a::before { transform: scaleX(1); }

.scp-nav-menu ul {
    position: absolute;
    z-index: 1000;
    top: calc(100% + 8px);
    left: 0;
    width: 220px;
    padding: 6px;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-5px);
    border: 1px solid var(--scp-line-strong);
    border-top: 2px solid var(--scp-violet);
    border-radius: 4px;
    background: rgba(12,15,21,.985);
    box-shadow: 0 20px 50px rgba(0,0,0,.5);
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
}

.scp-nav-menu li:hover > ul,
.scp-nav-menu li:focus-within > ul {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.scp-nav-menu ul ul { top: -7px; left: calc(100% + 7px); }
.scp-nav-menu ul li { position: relative; }
.scp-nav-menu ul a {
    display: block;
    padding: 10px 11px;
    border-bottom: 1px solid rgba(225,229,240,.055);
    border-radius: 2px;
    color: #aeb5c3 !important;
    font-family: var(--scp-label);
    font-size: 8px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .075em;
    text-decoration: none;
    text-transform: uppercase;
}
.scp-nav-menu ul li:last-child > a { border-bottom: 0; }
.scp-nav-menu ul a:hover,
.scp-nav-menu ul a:focus { background: rgba(var(--scp-violet-rgb),.11); color: #fff !important; }

.scp-nav-toggle {
    display: none;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 0 10px;
    border: 1px solid var(--scp-line) !important;
    border-radius: 3px;
    background: rgba(255,255,255,.025) !important;
    color: #b6bdca !important;
    font-family: var(--scp-label);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .1em;
}
.scp-nav-toggle-icon { width: 14px; display: grid; gap: 3px; }
.scp-nav-toggle-icon i { display: block; height: 1px; background: currentColor; transition: transform .18s ease, opacity .18s ease; }
.scp-nav-toggle[aria-expanded="true"] .scp-nav-toggle-icon i:nth-child(1) { transform: translateY(4px) rotate(45deg); }
.scp-nav-toggle[aria-expanded="true"] .scp-nav-toggle-icon i:nth-child(2) { opacity: 0; }
.scp-nav-toggle[aria-expanded="true"] .scp-nav-toggle-icon i:nth-child(3) { transform: translateY(-4px) rotate(-45deg); }

/* Right tools — compact by design, never allowed to force width. */
.scp-header-tools {
    grid-area: tools;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
}

.scp-compact-telemetry {
    min-width: 0;
    max-width: 238px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 72px;
    overflow: hidden;
    border: 1px solid rgba(225,229,240,.075);
    border-radius: 3px;
    background: rgba(3,5,8,.32);
}

.scp-compact-telemetry > div {
    min-width: 0;
    padding: 7px 9px;
    overflow: hidden;
    border-right: 1px solid rgba(225,229,240,.07);
}
.scp-compact-telemetry > div:last-child { border-right: 0; }
.scp-compact-telemetry span,
.scp-compact-telemetry strong {
    display: block;
    max-width: 100%;
    overflow: hidden;
    font-family: var(--scp-label);
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.scp-compact-telemetry span { color: #626a79; font-size: 6.5px; font-weight: 800; letter-spacing: .13em; }
.scp-compact-telemetry strong { margin-top: 3px; color: #b8beca; font-size: 7.5px; font-weight: 800; letter-spacing: .045em; }
.scp-time-readout strong { color: var(--scp-bronze-pale); }

html body #header.scp-command-header .scp-header-search {
    position: relative !important;
    float: none !important;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
}

html body #header.scp-command-header .scp-header-search .toggle-search {
    position: static !important;
    inset: auto !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center;
    border: 1px solid rgba(225,229,240,.09) !important;
    border-radius: 3px !important;
    background: rgba(255,255,255,.025) !important;
}
html body #header.scp-command-header .scp-header-search .toggle-search:hover,
html body #header.scp-command-header .scp-header-search .toggle-search.active {
    border-color: rgba(var(--scp-violet-rgb),.38) !important;
    background: rgba(var(--scp-violet-rgb),.11) !important;
}

#header.scp-command-header .scp-header-search .search-expand {
    top: calc(100% + 9px) !important;
    right: 0 !important;
    left: auto !important;
    width: min(360px, calc(100vw - 30px));
}

.scp-header-baseline {
    position: relative;
    z-index: 4;
    min-height: 24px;
    padding: 0 14px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 12px;
    overflow: hidden;
    border-top: 1px solid rgba(225,229,240,.065);
    background: rgba(4,6,9,.43);
    color: #626a79;
    font-family: var(--scp-label);
    font-size: 6.5px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .125em;
    text-transform: uppercase;
}
.scp-header-baseline span:first-child { justify-self: start; }
.scp-header-baseline span:nth-child(2) { justify-self: center; color: #777f90; }
.scp-header-baseline span:last-child { justify-self: end; color: #8e784e; }
.scp-header-baseline i {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 7px;
    border-radius: 50%;
    background: var(--scp-green);
    box-shadow: 0 0 8px rgba(113,201,145,.55);
}

/* --- Archive Directory sidebar ------------------------------------------- */
.scp-sidebar {
    box-sizing: border-box;
}

.col-2cl .scp-sidebar { padding: 24px 24px 24px 0; }
.col-2cr .scp-sidebar { padding: 24px 0 24px 24px; }

.col-2cl .scp-sidebar .sidebar-content,
.col-2cr .scp-sidebar .sidebar-content,
.scp-sidebar .sidebar-content {
    width: auto !important;
    margin: 0 !important;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.scp-sidebar-console {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(225,229,240,.10);
    border-radius: 6px;
    background:
        radial-gradient(circle at 0 0, rgba(var(--scp-violet-rgb),.09), transparent 16rem),
        linear-gradient(180deg, rgba(17,21,28,.98), rgba(10,13,18,.985));
    box-shadow: 0 20px 50px rgba(0,0,0,.25);
}

.scp-sidebar-console::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    pointer-events: none;
    opacity: .22;
    background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px);
    background-size: 100% 24px;
}

.scp-sidebar-header {
    position: relative;
    z-index: 2;
    min-height: 67px;
    padding: 12px 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid rgba(225,229,240,.09);
    background: linear-gradient(90deg, rgba(var(--scp-violet-rgb),.095), rgba(255,255,255,.012) 60%, rgba(var(--scp-bronze-rgb),.045));
    box-sizing: border-box;
}

.scp-sidebar-heading {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.scp-sidebar-symbol {
    position: relative;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(var(--scp-violet-rgb),.42);
    border-radius: 50%;
    box-shadow: inset 0 0 0 4px rgba(var(--scp-violet-rgb),.035);
}
.scp-sidebar-symbol::before,
.scp-sidebar-symbol::after,
.scp-sidebar-symbol i {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 5px;
    height: 5px;
    transform: translate(-50%,-50%) rotate(45deg);
    background: linear-gradient(135deg, var(--scp-violet-light), var(--scp-bronze-light));
}
.scp-sidebar-symbol::after { width: 18px; height: 1px; background: rgba(201,198,255,.42); transform: translate(-50%,-50%) rotate(0); }
.scp-sidebar-symbol i:first-child { width: 1px; height: 18px; background: rgba(201,198,255,.28); transform: translate(-50%,-50%); }
.scp-sidebar-symbol i:last-child { display: none; }

.scp-sidebar-heading > div { min-width: 0; }
.scp-sidebar-eyebrow {
    display: block;
    color: #686f7e;
    font-family: var(--scp-label);
    font-size: 6.5px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .13em;
    text-transform: uppercase;
}
.scp-sidebar-heading strong {
    display: block;
    max-width: 100%;
    margin-top: 4px;
    overflow: hidden;
    color: #eef0f4;
    font-family: var(--scp-label);
    font-size: 10px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .08em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}
.scp-sidebar-online {
    flex: 0 0 auto;
    padding: 5px 6px;
    border: 1px solid rgba(113,201,145,.14);
    border-radius: 2px;
    color: #76ad89;
    font-family: var(--scp-label);
    font-size: 6px;
    font-weight: 800;
    letter-spacing: .1em;
}
.scp-sidebar-online i {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-right: 5px;
    border-radius: 50%;
    background: var(--scp-green);
    box-shadow: 0 0 7px rgba(113,201,145,.55);
}

.scp-sidebar .widget {
    --scp-mx: 50%;
    --scp-my: 50%;
    position: relative;
    z-index: 1;
    margin: 0 !important;
    padding: 17px 16px 18px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(225,229,240,.075) !important;
    background:
        radial-gradient(circle 220px at var(--scp-mx) var(--scp-my), rgba(var(--scp-violet-rgb),.055), transparent 72%),
        transparent !important;
    box-shadow: none !important;
    color: #9fa6b4;
}
.scp-sidebar .widget:last-child { border-bottom: 0 !important; }

/* Modern WordPress block widgets use .wp-block-heading rather than the old
   .widget-title, so style both systems identically. */
.scp-sidebar .widget-title,
.scp-sidebar .widget .wp-block-heading,
.scp-sidebar .widget h2.wp-block-heading,
.scp-sidebar .widget > h2,
.scp-sidebar .widget > h3 {
    position: relative;
    margin: 0 0 12px !important;
    padding: 0 0 9px 14px !important;
    border: 0 !important;
    color: #e0e3e9 !important;
    font-family: var(--scp-label) !important;
    font-size: 8.5px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: .105em !important;
    text-transform: uppercase !important;
}
.scp-sidebar .widget-title::before,
.scp-sidebar .widget .wp-block-heading::before,
.scp-sidebar .widget > h2::before,
.scp-sidebar .widget > h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 6px;
    height: 6px;
    border: 1px solid var(--scp-violet-light);
    transform: rotate(45deg);
    background: rgba(var(--scp-violet-rgb),.08);
}
.scp-sidebar .widget-title::after,
.scp-sidebar .widget .wp-block-heading::after,
.scp-sidebar .widget > h2::after,
.scp-sidebar .widget > h3::after {
    content: "";
    position: absolute;
    left: 14px;
    right: 0;
    bottom: 0;
    width: auto;
    height: 1px;
    background: linear-gradient(90deg, rgba(var(--scp-violet-rgb),.48), rgba(var(--scp-bronze-rgb),.22), transparent);
}

.scp-sidebar .widget ul,
.scp-sidebar .widget ol,
.scp-sidebar .wp-block-latest-posts,
.scp-sidebar .wp-block-latest-comments,
.scp-sidebar .wp-block-archives,
.scp-sidebar .wp-block-categories {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.scp-sidebar .widget li,
.scp-sidebar .wp-block-latest-comments__comment {
    position: relative;
    margin: 0 !important;
    padding: 8px 0 8px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(225,229,240,.055) !important;
    color: #858d9c;
    font-size: 12px;
    line-height: 1.45;
}
.scp-sidebar .widget li:last-child,
.scp-sidebar .wp-block-latest-comments__comment:last-child { border-bottom: 0 !important; }
.scp-sidebar .widget li::before,
.scp-sidebar .wp-block-latest-comments__comment::before {
    content: ">";
    position: absolute;
    left: 0;
    top: 9px;
    color: rgba(139,134,237,.65);
    font-family: var(--scp-label);
    font-size: 8px;
}

.scp-sidebar .widget a,
.scp-sidebar .wp-block-latest-comments__comment-link,
.scp-sidebar .wp-block-latest-comments__comment-author {
    color: #b5bbc7 !important;
    text-decoration: none !important;
}
.scp-sidebar .widget a:hover,
.scp-sidebar .widget a:focus { color: #fff !important; }

.scp-sidebar .wp-block-latest-comments__comment-meta {
    color: #71798a;
    font-size: 10.5px;
    line-height: 1.5;
}

/* Search widget */
.scp-sidebar .wp-block-search {
    margin: 0 !important;
}
.scp-sidebar .wp-block-search__label {
    display: block;
    margin: 0 0 8px;
    color: #747c8c;
    font-family: var(--scp-label);
    font-size: 7px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.scp-sidebar .wp-block-search__label::before { content: "QUERY // "; color: var(--scp-violet-light); }
.scp-sidebar .wp-block-search__inside-wrapper {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 6px;
}
.scp-sidebar .wp-block-search__input {
    min-width: 0 !important;
    width: 100% !important;
    min-height: 36px;
    margin: 0 !important;
    padding: 8px 10px !important;
    border: 1px solid rgba(225,229,240,.11) !important;
    border-radius: 3px !important;
    background: rgba(3,5,8,.47) !important;
    box-shadow: inset 0 1px 8px rgba(0,0,0,.12) !important;
    color: #eef0f4 !important;
    font-size: 12px !important;
}
.scp-sidebar .wp-block-search__input:focus {
    outline: 0 !important;
    border-color: rgba(var(--scp-violet-rgb),.55) !important;
    box-shadow: 0 0 0 3px rgba(var(--scp-violet-rgb),.10) !important;
}
.scp-sidebar .wp-block-search__button,
.scp-sidebar .wp-element-button {
    min-height: 36px;
    margin: 0 !important;
    padding: 0 10px !important;
    border: 1px solid rgba(var(--scp-violet-rgb),.32) !important;
    border-radius: 3px !important;
    background: linear-gradient(180deg, rgba(var(--scp-violet-rgb),.24), rgba(var(--scp-violet-rgb),.11)) !important;
    color: #e6e4ff !important;
    font-family: var(--scp-label) !important;
    font-size: 7px !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase;
}
.scp-sidebar .wp-block-search__button:hover { background: rgba(var(--scp-violet-rgb),.30) !important; color: #fff !important; }

.scp-sidebar-footer {
    position: relative;
    z-index: 2;
    min-height: 31px;
    padding: 0 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-top: 1px solid rgba(225,229,240,.075);
    background: rgba(4,6,9,.38);
    color: #5f6675;
    font-family: var(--scp-label);
    font-size: 6px;
    font-weight: 800;
    letter-spacing: .10em;
    text-transform: uppercase;
}
.scp-sidebar-footer span:last-child { color: #6e825f; }

.scp-sidebar-empty {
    padding: 22px 16px;
    color: #777f8e;
    text-align: center;
}
.scp-sidebar-empty span { color: var(--scp-violet-light); font-family: var(--scp-label); font-size: 8px; font-weight: 800; letter-spacing: .1em; }
.scp-sidebar-empty p { margin: 8px 0 0; font-size: 12px; }

/* Optional full-width mode from the Customizer. */
body.scp-sidebar-disabled.col-2cl .main-inner,
body.scp-sidebar-disabled.col-2cr .main-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
body.scp-sidebar-disabled.col-2cl .content,
body.scp-sidebar-disabled.col-2cr .content {
    order: initial !important;
    width: 100% !important;
}

/* --- Responsive command header ------------------------------------------- */
@media only screen and (max-width: 1180px) {
    .scp-header-main {
        grid-template-columns: minmax(225px,.9fr) minmax(280px,1.15fr) minmax(200px,auto);
        gap: 10px;
    }
    .scp-compact-telemetry { max-width: 190px; grid-template-columns: minmax(0,1fr) 68px; }
    .scp-nav-menu > li > a { padding-left: 8px; padding-right: 8px; font-size: 8px; }
}

@media only screen and (max-width: 1023px) {
    #header.scp-command-header,
    #header.scp-command-header .pad { padding: 0 !important; }

    .scp-header-main {
        min-height: 0;
        padding: 10px 12px 0;
        grid-template-columns: minmax(0,1fr) auto;
        grid-template-areas:
            "brand tools"
            "nav nav";
        gap: 9px 12px;
    }

    .scp-header-brand { grid-template-columns: 48px minmax(0,1fr); gap: 10px; }
    .scp-header-brand .scp-archive-mark { width: 46px; height: 46px; }
    .scp-header-brand .scp-mark-logo { width: 28px; height: 28px; }
    .scp-header-brand .scp-mark-cut { left: 21px; height: 12px; transform-origin: 2px 21px; }

    html body #header.scp-command-header .scp-site-identity .site-title { font-size: 22px !important; }
    html body #header.scp-command-header .scp-site-identity .site-title > a { text-align: left !important; }

    .scp-primary-navigation {
        min-height: 40px;
        margin: 0 -12px;
        padding: 0 9px;
        border-top: 1px solid rgba(225,229,240,.06);
        background: rgba(4,6,9,.24);
    }
    .scp-nav-menu { justify-content: flex-start; overflow-x: auto; scrollbar-width: none; }
    .scp-nav-menu::-webkit-scrollbar { display: none; }
    .scp-nav-menu > li { flex: 0 0 auto; }
    .scp-nav-menu > li > a { min-height: 39px; }

    .scp-compact-telemetry { max-width: 210px; }

    /* Parent responsive.css makes .toggle-search absolute; this remains static. */
    html body #header.scp-command-header .scp-header-search .toggle-search { position: static !important; left: auto !important; top: auto !important; }

    .col-2cl .scp-sidebar,
    .col-2cr .scp-sidebar,
    .scp-sidebar { padding: 16px 20px 20px !important; }
    .scp-sidebar-console { max-width: none; }
}

@media only screen and (max-width: 719px) {
    .scp-header-main {
        padding: 9px 9px 0;
        grid-template-columns: minmax(0,1fr) auto;
        gap: 8px;
    }
    .scp-header-brand { grid-template-columns: 42px minmax(0,1fr); gap: 8px; }
    .scp-header-brand .scp-archive-mark { width: 40px; height: 40px; }
    .scp-header-brand .scp-mark-logo { width: 24px; height: 24px; }
    .scp-header-brand .scp-mark-cut { left: 18px; top: 1px; height: 10px; transform-origin: 2px 18px; }

    html body #header.scp-command-header .scp-site-identity .site-title { font-size: 18px !important; }
    html body #header.scp-command-header .scp-site-kicker { font-size: 6.5px !important; letter-spacing: .09em !important; }
    .scp-site-subline { margin-top: 5px; gap: 5px; }

    .scp-compact-telemetry { display: none; }
    .scp-header-tools { gap: 5px; }
    html body #header.scp-command-header .scp-header-search,
    html body #header.scp-command-header .scp-header-search .toggle-search {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        flex-basis: 34px;
    }

    .scp-primary-navigation {
        position: relative;
        min-height: 38px;
        justify-content: flex-start;
        margin: 0 -9px;
        padding: 0 9px;
    }
    .scp-nav-toggle { display: inline-flex; }
    html.scp-js .scp-primary-menu-wrap { display: none; }
    html.scp-js .scp-primary-navigation.is-open .scp-primary-menu-wrap {
        display: block;
        position: absolute;
        z-index: 1002;
        top: calc(100% - 1px);
        left: 0;
        right: 0;
        padding: 7px;
        border: 1px solid rgba(225,229,240,.10);
        border-top: 2px solid var(--scp-violet);
        background: rgba(10,13,18,.995);
        box-shadow: 0 22px 48px rgba(0,0,0,.52);
    }
    .scp-nav-menu {
        display: block;
        overflow: visible;
    }
    .scp-nav-menu > li { display: block; width: 100%; }
    .scp-nav-menu > li > a {
        min-height: 38px;
        padding: 0 11px;
        justify-content: flex-start;
        border-bottom: 1px solid rgba(225,229,240,.05);
        text-align: left;
    }
    .scp-nav-menu > li:last-child > a { border-bottom: 0; }
    .scp-nav-menu > li > a::before { display: none; }

    .scp-nav-menu ul {
        position: static;
        width: auto;
        padding: 0 0 0 10px;
        visibility: visible;
        opacity: 1;
        transform: none;
        border: 0;
        background: transparent;
        box-shadow: none;
    }
    .scp-nav-menu ul a { padding-left: 16px; }

    .scp-header-baseline {
        min-height: 21px;
        padding: 0 9px;
        grid-template-columns: 1fr auto;
        font-size: 5.5px;
    }
    .scp-header-baseline span:nth-child(2) { display: none; }

    .col-2cl .scp-sidebar,
    .col-2cr .scp-sidebar,
    .scp-sidebar { padding: 10px 12px 14px !important; }
}

/* Final containment guards. */
.scp-sidebar { margin-top: 0 !important; }
@media only screen and (min-width: 1024px) {
    .scp-nav-menu > li { max-width: 150px; }
}
@media only screen and (max-width: 719px) {
    .scp-nav-menu > li { max-width: none; }
}