/* ==========================================================================
   SEERIEQUERIES // INFO & LINKS WING
   ==========================================================================
   WING IDENTITY: THE WAYFINDER BUREAU

   Deep petrol + sea-glass + moon-ivory + old brass.
   This wing is a celestial cartography room / radio waystation rather than
   the Codex's violet archive or Mischief's tactile worktable.
   ========================================================================== */

body.info-body {
    --info-abyss: #071114;
    --info-deep: #0b1a1e;
    --info-petrol: #10282d;
    --info-seaglass: #6fbeb3;
    --info-seaglass-bright: #9bd8cd;
    --info-slate: #718c99;
    --info-frost: #c8e7e2;
    --info-moon: #e7e4d8;
    --info-brass: #b78d4f;
    --info-brass-bright: #d1ad68;
}

/* ==================== NAVIGATION TABLE BACKGROUND ==================== */
body.info-body .main-content {
    background-color: var(--info-abyss);
    background-image:
        radial-gradient(circle, rgba(155,216,205,.12) 1px, transparent 1.7px),
        linear-gradient(rgba(113,140,153,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(113,140,153,.05) 1px, transparent 1px),
        radial-gradient(circle at 84% 7%, rgba(111,190,179,.12), transparent 28%),
        radial-gradient(circle at 12% 76%, rgba(183,141,79,.075), transparent 25%);
    background-size: 52px 52px, 104px 104px, 104px 104px, auto, auto;
    background-position: 13px 17px, 0 0, 0 0, 0 0, 0 0;
}

/* ==================== INFO-WING SIDEBAR ==================== */
body.info-body .sidebar {
    color: var(--info-moon);
    background:
        radial-gradient(circle at 18% 4%, rgba(111,190,179,.18), transparent 26%),
        radial-gradient(circle at 82% 74%, rgba(183,141,79,.13), transparent 31%),
        linear-gradient(180deg, #08171b 0%, #10272b 34%, #193033 67%, #151b1a 100%);
    border-right: 1px solid rgba(111,190,179,.36);
    box-shadow: inset -10px 0 22px rgba(3,7,8,.24), 10px 0 28px rgba(0,0,0,.20);
    scrollbar-color: rgba(111,190,179,.42) rgba(5,12,13,.30);
}

body.info-body .logo-area h2 {
    color: var(--info-seaglass-bright);
    text-shadow: 0 0 11px rgba(111,190,179,.24), 0 2px 3px rgba(0,0,0,.66);
}
body.info-body .logo-area h2::before,
body.info-body .logo-area h2::after { color: var(--info-brass-bright); }
body.info-body .logo-area p { color: #8fa2a3; }

/* ==================== WING HEADERS ==================== */
body.info-body .category-works {
    color: #8a8798 !important;
    background: linear-gradient(90deg, rgba(38,31,59,.58), rgba(24,33,43,.58)) !important;
    border-color: rgba(130,120,154,.22) !important;
    box-shadow: none !important;
}
body.info-body .category-mischief {
    color: #87928a !important;
    background: linear-gradient(90deg, rgba(73,48,37,.52), rgba(45,70,59,.52)) !important;
    border-color: rgba(112,130,95,.20) !important;
    box-shadow: none !important;
}
body.info-body .category-info {
    color: #f0ede1 !important;
    background: linear-gradient(135deg, #1f5553 0%, #39766f 46%, #7b6948 100%) !important;
    border: 1px solid rgba(209,173,104,.54) !important;
    text-shadow: 0 1px 2px rgba(7,15,16,.78) !important;
    box-shadow: inset 0 0 10px rgba(155,216,205,.06), 0 0 10px rgba(111,190,179,.07) !important;
}
body.info-body .category-info::before { content: "⌖"; color: var(--info-brass-bright); }

/* ==================== INFO LINK SIGILS ==================== */
body.info-body .nav-links a[href="aboutme.html"]::before,
body.info-body .nav-links a[href="/aboutme.html"]::before { color: #a8d4c9; }
body.info-body .nav-links a[href="atlas.html"]::before,
body.info-body .nav-links a[href="/atlas.html"]::before { color: #d1ad68; }
body.info-body .nav-links a[href="changelog.html"]::before,
body.info-body .nav-links a[href="/changelog.html"]::before { color: #69c4bd; }
body.info-body .nav-links a[href="guestbook.html"]::before,
body.info-body .nav-links a[href="/guestbook.html"]::before { color: #d8d4c5; }

/* ==================== ACTIVE INFO LINKS ==================== */
body.info-body .nav-links a.active-page[href="aboutme.html"],
body.info-body .nav-links a.active-page[href="/aboutme.html"] {
    background: linear-gradient(90deg, rgba(33,82,80,.94), rgba(46,75,75,.94));
    border-color: rgba(155,216,205,.64);
}
body.info-body .nav-links a.active-page[href="atlas.html"],
body.info-body .nav-links a.active-page[href="/atlas.html"] {
    background: linear-gradient(90deg, rgba(71,62,43,.96), rgba(31,70,72,.94));
    border-color: rgba(209,173,104,.66);
}
body.info-body .nav-links a.active-page[href="changelog.html"],
body.info-body .nav-links a.active-page[href="/changelog.html"] {
    background: linear-gradient(90deg, rgba(24,81,79,.96), rgba(26,58,68,.96));
    border-color: rgba(105,196,189,.68);
}
body.info-body .nav-links a.active-page[href="guestbook.html"],
body.info-body .nav-links a.active-page[href="/guestbook.html"] {
    background: linear-gradient(90deg, rgba(73,71,62,.95), rgba(38,72,69,.95));
    border-color: rgba(216,212,197,.62);
}
body.info-body .nav-links a.active-page::before {
    opacity: 1;
    text-shadow: 0 0 7px rgba(209,173,104,.38);
}

/* ==================== SIDEBAR STATUS ==================== */
body.info-body .status-box,
body.info-body .archive-status-panel {
    background: rgba(7,17,20,.58);
    border-color: rgba(111,190,179,.24);
    box-shadow: inset 0 0 12px rgba(111,190,179,.025);
}
body.info-body .status-box h4,
body.info-body .archive-status-panel strong { color: var(--info-brass-bright); }

/* ==================== COMMON PAGE INTRO ==================== */
body.info-body .welcome-box {
    background:
        radial-gradient(circle at 90% 10%, rgba(111,190,179,.10), transparent 26%),
        linear-gradient(145deg, rgba(11,27,30,.98), rgba(8,16,19,.98));
    border-color: rgba(111,190,179,.32);
    border-left: 3px solid var(--info-brass);
    box-shadow: inset 0 0 26px rgba(111,190,179,.028), 0 6px 22px rgba(0,0,0,.22);
}
body.info-body .welcome-box h1 { color: var(--info-frost); text-shadow: 0 0 11px rgba(111,190,179,.18); }
body.info-body .welcome-box .page-sigil { color: var(--info-brass-bright); }
body.info-body .archive-stamp { color: var(--info-brass-bright); border-color: rgba(183,141,79,.42); }
body.info-body .archive-end-marker { color: #75898d; border-color: rgba(111,190,179,.18); }
body.info-body .back-to-top {
    color: var(--info-moon); background-color: rgba(8,25,28,.92); border-color: var(--info-seaglass);
    box-shadow: 0 0 8px rgba(111,190,179,.12);
}
body.info-body .back-to-top:hover { background-color: #16383a; color: #fff; box-shadow: 0 0 12px rgba(111,190,179,.22); }