:root {
    --bg: #070a0f;
    --bg-soft: #0a0e15;
    --surface: #0d121b;
    --surface-2: #111823;
    --surface-3: #151e2b;
    --line: #202b3a;
    --line-soft: #17202c;
    --line-bright: #314156;
    --text: #e7edf5;
    --text-soft: #bbc6d3;
    --muted: #788699;
    --cyan: #5dd8f4;
    --cyan-soft: rgba(93,216,244,.10);
    --violet: #9c8cff;
    --green: #67dda2;
    --amber: #e9bc67;
    --red: #ef7687;
    --radius: 6px;
    --radius-sm: 3px;
    --shadow: 0 16px 42px rgba(0,0,0,.25);
    --author-column: 220px;
}

* { box-sizing: border-box; }
html { min-width: 320px; scroll-behavior: smooth; }
body {
    margin: 0;
    min-height: 100vh;
    color: var(--text);
    background:
        radial-gradient(circle at 14% -10%, rgba(93,216,244,.07), transparent 31rem),
        radial-gradient(circle at 90% 0, rgba(156,140,255,.055), transparent 29rem),
        var(--bg);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    background: linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px);
    background-size: 36px 36px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.55), transparent 78%);
}

::selection { color: #041017; background: var(--cyan); }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--cyan); }
img { max-width: 100%; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }

.forum-tech-grid {
    position: fixed;
    inset: 0;
    z-index: -3;
    pointer-events: none;
    background: linear-gradient(110deg, transparent 0 62%, rgba(93,216,244,.018) 62% 62.1%, transparent 62.1%);
}

.social-container { width: min(1240px, calc(100% - 32px)); margin-inline: auto; }

/* Utility and global header */
.forum-utility {
    border-bottom: 1px solid var(--line-soft);
    color: var(--muted);
    background: #05080c;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .09em;
}
.forum-utility .social-container {
    min-height: 28px;
    display: flex;
    align-items: center;
    gap: 18px;
}
.forum-utility .social-container > :nth-child(2) { margin-left: auto; }
.server-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 7px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 9px rgba(103,221,162,.65);
}

.social-header {
    position: sticky;
    top: 0;
    z-index: 50;
    border-bottom: 1px solid var(--line);
    background: rgba(8,11,17,.94);
    backdrop-filter: blur(14px);
}
.social-header-inner {
    min-height: 68px;
    display: grid;
    grid-template-columns: auto auto minmax(190px,1fr) auto;
    align-items: center;
    gap: 20px;
}
.social-brand {
    min-width: max-content;
    display: flex;
    align-items: center;
    gap: 10px;
}
.social-brand img { width: 42px; height: 42px; object-fit: contain; }
.social-brand div { display: grid; gap: 0; }
.social-brand strong {
    color: #fff;
    font: 600 18px/1 Oswald, sans-serif;
    letter-spacing: .13em;
}
.social-brand span {
    margin-top: 4px;
    color: var(--cyan);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .16em;
}
.social-nav { display: flex; align-self: stretch; align-items: stretch; }
.social-nav a {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 11px;
    color: #8c9aac;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .055em;
}
.social-nav a:hover,
.social-nav a.active {
    color: #fff;
    border-color: var(--line-soft);
    background: rgba(255,255,255,.025);
}
.social-nav a.active::after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: -1px;
    height: 2px;
    background: var(--cyan);
}
.social-search {
    justify-self: stretch;
    display: flex;
    max-width: 310px;
    margin-left: auto;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: #080d14;
}
.social-search:focus-within { border-color: #3b6475; }
.social-search input {
    min-width: 0;
    width: 100%;
    height: 35px;
    padding: 0 11px;
    color: var(--text);
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 11px;
}
.social-search button {
    width: 38px;
    border: 0;
    border-left: 1px solid var(--line-soft);
    background: transparent;
    color: var(--muted);
    cursor: pointer;
}
.social-account { display: flex; align-items: center; gap: 7px; font-size: 11px; }
.header-cta,
.social-account > a:not(.account-chip):not(.notification-link) {
    padding: 8px 11px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    font-weight: 700;
}
.header-cta { color: #061016 !important; border-color: var(--cyan) !important; background: var(--cyan); }
.notification-link {
    position: relative;
    width: 35px;
    height: 35px;
    display: grid;
    place-items: center;
    color: #9ba9ba;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: #0a0f16;
}
.notification-link:hover { color: #fff; border-color: var(--line-bright); }
.notification-link b {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    display: grid;
    place-items: center;
    border: 2px solid var(--bg);
    border-radius: 9px;
    background: var(--red);
    color: #fff;
    font-size: 8px;
}
.account-chip { display: flex; align-items: center; gap: 8px; min-width: 150px; }
.account-chip > span,
.avatar {
    width: 35px;
    height: 35px;
    flex: none;
    display: grid;
    place-items: center;
    border: 1px solid #315365;
    border-radius: var(--radius-sm);
    background: linear-gradient(145deg, #10222d, #141a2b);
    color: #e8fbff;
    font: 600 16px Oswald, sans-serif;
}
.account-chip strong,
.account-chip small { display: block; max-width: 145px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-chip strong { font-size: 10px; }
.account-chip small { color: var(--muted); font-size: 8px; }

/* Page shell */
.social-page-hero {
    padding: 29px 0 26px;
    border-bottom: 1px solid var(--line);
    background: linear-gradient(100deg, rgba(93,216,244,.055), rgba(156,140,255,.025) 55%, transparent);
}
.social-page-hero span,
.eyebrow {
    color: var(--cyan);
    font-size: 8px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .16em;
}
.social-page-hero h1 {
    margin: 7px 0 0;
    font: 600 clamp(27px,4vw,42px)/1.05 Oswald, sans-serif;
    text-transform: uppercase;
    letter-spacing: .025em;
}
.social-page-hero p { max-width: 780px; margin: 9px 0 0; color: #929fb0; font-size: 11px; line-height: 1.65; }
.social-main { padding: 22px 0 72px; }
.social-alert {
    margin-bottom: 15px;
    padding: 11px 13px;
    border: 1px solid var(--line);
    border-left-width: 3px;
    border-radius: var(--radius-sm);
    background: var(--surface);
    font-size: 11px;
}
.social-alert.success { border-left-color: var(--green); color: #cdefdd; }
.social-alert.error { border-left-color: var(--red); color: #f5c5cc; }

.breadcrumbs {
    min-height: 34px;
    margin-bottom: 12px;
    padding: 0 11px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    color: var(--muted);
    border: 1px solid var(--line-soft);
    border-radius: var(--radius-sm);
    background: #090d13;
    font-size: 10px;
}
.breadcrumbs strong { color: var(--text-soft); }
.toolbar {
    min-height: 42px;
    margin-bottom: 12px;
    padding: 7px 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--surface);
}

/* Shared panels and controls */
.panel,
.setup-card,
.empty-card,
.form-card,
.composer,
.feed-card,
.profile-card,
.institution-card,
.document-card,
.case-card,
.topic-card,
.post-card,
.institution-hero,
.login-callout {
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--surface);
    box-shadow: var(--shadow);
}
.panel { padding: 15px; }
.panel-title {
    min-height: 30px;
    margin: -15px -15px 13px;
    padding: 0 11px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid var(--line);
    background: #0a1018;
}
.panel-title h2,
.panel-title h3 { margin: 0; font: 600 13px Oswald, sans-serif; text-transform: uppercase; letter-spacing: .045em; }
.panel-title a,
.panel-title span { color: var(--cyan); font-size: 8px; font-weight: 800; text-transform: uppercase; }
.panel-empty { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.6; }
.setup-card,
.empty-card { padding: 34px 22px; text-align: center; }
.setup-card h2,
.empty-card h2 { margin: 0; font: 600 25px Oswald, sans-serif; text-transform: uppercase; }
.setup-card p,
.empty-card p { max-width: 680px; margin: 9px auto 18px; color: var(--muted); font-size: 11px; line-height: 1.7; }

.button {
    min-height: 36px;
    padding: 0 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #72dff7;
    border-radius: var(--radius-sm);
    background: var(--cyan);
    color: #061017;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
    cursor: pointer;
}
.button:hover { color: #02090c; filter: brightness(1.06); }
.button.secondary { color: #c7d1dc; border-color: var(--line-bright); background: #101722; }
.button.secondary:hover { color: #fff; border-color: #52657b; background: #151e2a; }
.button.danger { color: #fff; border-color: #c45666; background: #9c3e4c; }
.button.small { min-height: 29px; padding: 0 9px; font-size: 8px; }
.button-stack { display: grid; gap: 7px; }
.inline-form { display: inline-flex; align-items: center; gap: 5px; }
.action-button {
    min-height: 29px;
    padding: 0 9px;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--muted);
    font-size: 8px;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
}
.action-button:hover,
.action-button.active { color: var(--cyan); border-color: var(--line); background: #0a1018; }

.status-pill {
    display: inline-flex;
    align-items: center;
    min-height: 21px;
    padding: 0 7px;
    border: 1px solid var(--line-bright);
    border-radius: 999px;
    color: #a8b5c4;
    background: #0a1018;
    font-size: 7px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .045em;
}
.status-pill.published,
.status-pill.decided,
.status-pill.closed { color: var(--green); border-color: rgba(103,221,162,.35); background: rgba(103,221,162,.05); }
.status-pill.urgent,
.status-pill.high { color: var(--red); border-color: rgba(239,118,135,.35); background: rgba(239,118,135,.05); }

/* Character identity */
.character-badges { margin-top: 8px; display: flex; flex-wrap: wrap; justify-content: inherit; gap: 4px; }
.character-status {
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    padding: 0 6px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: #96a5b8;
    background: #090e15;
    font-size: 7px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .035em;
}
.character-status::before {
    content: "";
    width: 5px;
    height: 5px;
    margin-right: 5px;
    border-radius: 50%;
    background: currentColor;
}
.character-status.online,
.character-status.is-online { color: var(--green); border-color: rgba(103,221,162,.28); }
.character-status.offline,
.character-status.is-offline { color: #778597; }
.character-status.state-vivo { color: var(--green); }
.character-status.state-lobby { color: var(--amber); }
.character-status.state-morto { color: var(--red); }
.character-status.state-inconsciente { color: #d79a7f; }
.character-required {
    padding: 11px;
    display: grid;
    gap: 3px;
    border: 1px solid rgba(233,188,103,.35);
    border-left-width: 3px;
    border-radius: var(--radius-sm);
    background: rgba(233,188,103,.045);
}
.character-required strong { font-size: 10px; }
.character-required span { color: var(--muted); font-size: 9px; }
.character-select-label { padding: 10px; border: 1px solid #26384a; border-radius: var(--radius-sm); background: #0a1018; }
.character-select { border-color: #315166 !important; background: #080e15 !important; }
.inline-form .character-select-label { min-width: 230px; padding: 0; border: 0; background: transparent; }
.inline-form .character-select-label > .form-help { display: none; }
.inline-form .character-select { min-height: 29px; height: 29px; font-size: 9px; }

/* Forms */
.form-card { padding: 18px; }
.form-grid { display: grid; gap: 14px; }
.form-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.form-label { display: grid; gap: 6px; color: #cbd5df; font-size: 9px; font-weight: 700; }
.form-control {
    width: 100%;
    min-height: 39px;
    padding: 0 11px;
    color: var(--text);
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    outline: none;
    background: #080d14;
    font-size: 11px;
}
.form-control:focus { border-color: #3b6475; box-shadow: 0 0 0 2px rgba(93,216,244,.055); }
.form-control.textarea { min-height: 180px; padding: 11px; resize: vertical; line-height: 1.65; }
.compact-textarea { min-height: 100px !important; }
.form-help { color: var(--muted); font-size: 8px; font-weight: 400; line-height: 1.55; }
.form-actions { display: flex; justify-content: flex-end; gap: 7px; }

/* Forum home */
.forum-welcome {
    margin-bottom: 12px;
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border: 1px solid var(--line);
    border-left: 3px solid var(--cyan);
    border-radius: var(--radius);
    background: linear-gradient(100deg, rgba(93,216,244,.065), rgba(13,18,27,.96) 45%);
}
.forum-welcome h1 { margin: 4px 0 0; font: 600 25px Oswald, sans-serif; text-transform: uppercase; letter-spacing: .035em; }
.forum-welcome p { max-width: 700px; margin: 6px 0 0; color: var(--muted); font-size: 10px; }
.forum-welcome-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.identity-strip {
    margin-bottom: 12px;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: #090e15;
}
.identity-main { min-width: 0; display: flex; align-items: center; gap: 10px; }
.identity-main strong { display: block; font-size: 11px; }
.identity-main small { display: block; margin-top: 2px; color: var(--muted); font-size: 8px; }
.identity-stats { display: flex; align-items: center; gap: 18px; }
.identity-stats div { min-width: 58px; text-align: right; }
.identity-stats strong,
.identity-stats span { display: block; }
.identity-stats strong { font: 600 16px Oswald, sans-serif; }
.identity-stats span { color: var(--muted); font-size: 7px; text-transform: uppercase; }
.forum-home-layout { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 13px; align-items: start; }
.forum-board { min-width: 0; display: grid; gap: 12px; }
.forum-sidebar { display: grid; gap: 12px; }
.forum-column-head {
    min-height: 27px;
    padding: 0 12px;
    display: grid;
    grid-template-columns: minmax(0,1fr) 110px 245px;
    align-items: center;
    border-bottom: 1px solid var(--line);
    color: #647287;
    background: #080d13;
    font-size: 7px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
}
.forum-column-head > :nth-child(2) { text-align: center; }
.forum-section { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow); }
.section-header {
    min-height: 46px;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid var(--line);
    background: linear-gradient(90deg, #111a25, #0a1018);
}
.section-icon {
    width: 29px;
    height: 29px;
    flex: none;
    display: grid;
    place-items: center;
    border: 1px solid #2c4556;
    border-radius: var(--radius-sm);
    background: #0a141d;
    font-size: 14px;
}
.section-header h2 { margin: 0; font: 600 15px Oswald, sans-serif; text-transform: uppercase; letter-spacing: .035em; }
.section-header p { margin: 2px 0 0; color: var(--muted); font-size: 8px; }
.section-context { margin-left: auto; color: var(--cyan); font-size: 7px; font-weight: 800; text-transform: uppercase; }
.category-row {
    min-height: 70px;
    display: grid;
    grid-template-columns: minmax(0,1fr) 110px 245px;
    align-items: stretch;
    border-bottom: 1px solid var(--line-soft);
    background: #0d121b;
}
.category-row:last-child { border-bottom: 0; }
.category-row:hover { background: #101720; }
.category-main {
    min-width: 0;
    padding: 12px;
    display: grid;
    grid-template-columns: 36px minmax(0,1fr);
    gap: 10px;
    align-items: center;
}
.category-icon {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    color: #a7b4c4;
    background: #080d14;
    font-size: 16px;
}
.category-main h3 { margin: 0; font-size: 11px; line-height: 1.35; }
.category-main h3 a { color: #dfe7ef; }
.category-main h3 a:hover { color: var(--cyan); }
.category-main p { margin: 4px 0 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
.category-counts {
    padding: 10px;
    display: grid;
    place-content: center;
    grid-template-columns: repeat(2,1fr);
    gap: 6px;
    border-left: 1px solid var(--line-soft);
    color: var(--muted);
    text-align: center;
    font-size: 7px;
    text-transform: uppercase;
}
.category-counts strong { display: block; color: #cbd4df; font: 600 14px Oswald, sans-serif; }
.category-latest {
    min-width: 0;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-left: 1px solid var(--line-soft);
}
.category-latest strong { overflow: hidden; color: #cdd6e0; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.category-latest small { margin-top: 4px; color: var(--muted); font-size: 8px; }

.forum-stat-list { display: grid; gap: 9px; }
.forum-stat-list div { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 8px; border-bottom: 1px solid var(--line-soft); color: var(--muted); font-size: 9px; }
.forum-stat-list div:last-child { padding-bottom: 0; border-bottom: 0; }
.forum-stat-list strong { color: var(--text); font: 600 15px Oswald, sans-serif; }
.latest-topic-list { display: grid; }
.latest-topic-list a { min-width: 0; padding: 8px 0; border-bottom: 1px solid var(--line-soft); }
.latest-topic-list a:last-child { border-bottom: 0; }
.latest-topic-list strong,
.latest-topic-list small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.latest-topic-list strong { color: #d4dde7; font-size: 9px; }
.latest-topic-list small { margin-top: 3px; color: var(--muted); font-size: 7px; }
.online-character-list { display: grid; }
.online-character-list > div { padding: 7px 0; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid var(--line-soft); }
.online-character-list > div:last-child { border-bottom: 0; }
.online-character-list i { width: 6px; height: 6px; flex: none; border-radius: 50%; background: var(--green); box-shadow: 0 0 7px rgba(103,221,162,.5); }
.online-character-list span { min-width: 0; }
.online-character-list strong,
.online-character-list small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.online-character-list strong { font-size: 9px; }
.online-character-list small { color: var(--muted); font-size: 7px; }

/* Forum lists */
.section-list,
.topic-list,
.post-list,
.document-list,
.case-list { display: grid; gap: 9px; }
.topic-card {
    min-height: 66px;
    padding: 0;
    display: grid;
    grid-template-columns: 45px minmax(0,1fr) 100px 205px;
    overflow: hidden;
    border-radius: var(--radius-sm);
    box-shadow: none;
}
.topic-state { display: grid; place-items: center; border-right: 1px solid var(--line-soft); background: #090e15; font-size: 16px; }
.topic-card > div:nth-child(2) { min-width: 0; padding: 10px 12px; }
.topic-card h2,
.topic-card h3 { margin: 0; color: #dbe4ed; font-size: 11px; line-height: 1.4; }
.topic-card p { margin: 4px 0 0; color: var(--muted); font-size: 8px; line-height: 1.45; }
.topic-flags { margin-top: 5px; display: flex; flex-wrap: wrap; gap: 4px; color: var(--cyan); font-size: 7px; font-weight: 800; text-transform: uppercase; }
.topic-metric {
    display: grid;
    place-content: center;
    border-left: 1px solid var(--line-soft);
    color: var(--muted);
    text-align: center;
    font-size: 7px;
    text-transform: uppercase;
}
.topic-metric strong { color: #cfd8e3; font: 600 14px Oswald, sans-serif; }
.last-author {
    min-width: 0;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-left: 1px solid var(--line-soft);
    color: var(--muted);
    font-size: 8px;
}
.last-author strong { overflow: hidden; color: #c4ced9; text-overflow: ellipsis; white-space: nowrap; }

/* Classic topic view */
.post-card {
    min-height: 190px;
    display: grid;
    grid-template-columns: var(--author-column) minmax(0,1fr);
    overflow: hidden;
    border-radius: var(--radius-sm);
    box-shadow: none;
}
.post-author {
    padding: 16px 13px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-right: 1px solid var(--line);
    background: #0a1018;
    text-align: center;
}
.post-author .avatar { width: 52px; height: 52px; margin-bottom: 9px; font-size: 22px; }
.post-author > div { width: 100%; min-width: 0; }
.post-author strong { display: block; overflow: hidden; color: #e5edf5; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.post-author small { display: block; margin-top: 3px; overflow: hidden; color: var(--muted); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.post-author .role {
    margin-top: 10px;
    padding: 4px 7px;
    border: 1px solid var(--line-bright);
    border-radius: var(--radius-sm);
    color: var(--cyan);
    background: #080d14;
    font-size: 7px;
    font-weight: 800;
    text-transform: uppercase;
}
.post-content { min-width: 0; display: flex; flex-direction: column; }
.post-content > header {
    min-height: 35px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--line-soft);
    color: var(--muted);
    background: #0b1119;
    font-size: 8px;
}
.post-content > header a { color: #8190a3; font-weight: 800; }
.post-body {
    min-height: 110px;
    padding: 17px;
    color: #cbd4df;
    font-size: 12px;
    line-height: 1.78;
    overflow-wrap: anywhere;
}
.post-body p:first-child { margin-top: 0; }
.post-body p:last-child { margin-bottom: 0; }
.post-body a { color: var(--cyan); text-decoration: underline; }
.post-body blockquote { margin: 13px 0; padding: 10px 12px; border-left: 3px solid #385365; background: #090e15; color: #9ba8b8; }
.post-footer {
    min-height: 36px;
    margin-top: auto;
    padding: 0 11px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-top: 1px solid var(--line-soft);
    color: var(--muted);
    background: #0b1119;
    font-size: 8px;
}

/* Activity feed kept secondary */
.social-grid { display: grid; grid-template-columns: 210px minmax(0,1fr) 270px; gap: 12px; align-items: start; }
.left-rail,
.right-rail,
.feed-column { display: grid; gap: 11px; }
.rail-menu { display: grid; margin: -6px; }
.rail-menu a { padding: 9px 10px; display: flex; align-items: center; gap: 9px; border-bottom: 1px solid var(--line-soft); color: #9aa7b6; font-size: 9px; font-weight: 700; }
.rail-menu a:last-child { border-bottom: 0; }
.rail-menu a:hover,
.rail-menu a.active { color: #fff; background: #111923; }
.rail-menu i { width: 18px; text-align: center; font-style: normal; }
.mini-profile { text-align: center; }
.mini-profile .avatar { width: 54px; height: 54px; margin: 0 auto 8px; font-size: 22px; }
.mini-profile h3 { margin: 0; font-size: 10px; }
.mini-profile p { margin: 3px 0 0; color: var(--muted); font-size: 8px; }
.mini-profile .character { margin-top: 7px; display: inline-flex; padding: 3px 6px; border: 1px solid var(--line); border-radius: 999px; color: var(--cyan); font-size: 7px; }
.mini-stats { margin-top: 12px; padding-top: 10px; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line-soft); }
.mini-stats strong,
.mini-stats span { display: block; }
.mini-stats strong { font: 600 14px Oswald, sans-serif; }
.mini-stats span { color: var(--muted); font-size: 6px; text-transform: uppercase; }
.composer { padding: 13px; box-shadow: none; }
.composer-head { display: flex; gap: 9px; }
.composer textarea { width: 100%; min-height: 72px; padding: 10px; color: var(--text); border: 1px solid var(--line); border-radius: var(--radius-sm); outline: none; resize: vertical; background: #080d14; font-size: 10px; }
.composer-actions { margin-top: 9px; display: flex; align-items: center; justify-content: space-between; gap: 9px; }
.composer-tools { display: flex; gap: 7px; color: var(--muted); font-size: 8px; }
.feed-tabs { display: flex; gap: 5px; }
.feed-tabs a { min-height: 29px; padding: 0 9px; display: inline-flex; align-items: center; border: 1px solid var(--line); border-radius: var(--radius-sm); color: var(--muted); background: #090e15; font-size: 7px; font-weight: 800; text-transform: uppercase; }
.feed-tabs a.active { color: #071016; border-color: var(--cyan); background: var(--cyan); }
.feed-card { padding: 14px; border-radius: var(--radius-sm); box-shadow: none; }
.feed-head { display: flex; justify-content: space-between; gap: 10px; }
.feed-author { min-width: 0; display: flex; gap: 9px; }
.feed-author-info { min-width: 0; }
.feed-author-info strong,
.feed-author-info small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.feed-author-info strong { font-size: 10px; }
.feed-author-info small { color: var(--muted); font-size: 7px; }
.feed-meta { color: var(--muted); font-size: 7px; }
.feed-badge { margin-top: 10px; display: inline-flex; padding: 3px 6px; border: 1px solid var(--line); border-radius: var(--radius-sm); color: var(--cyan); background: #090e15; font-size: 7px; font-weight: 800; text-transform: uppercase; }
.feed-card h2 { margin: 8px 0 0; font-size: 12px; }
.feed-body { padding: 10px 0 2px; color: #bfc9d5; font-size: 10px; line-height: 1.68; overflow-wrap: anywhere; }
.feed-stats { margin-top: 9px; padding: 8px 0; display: flex; gap: 14px; border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); color: var(--muted); font-size: 7px; }
.feed-actions { padding-top: 8px; display: flex; align-items: center; gap: 5px; }
.verified { color: var(--cyan); }
.trend-list,
.institution-mini-list,
.notification-list { display: grid; gap: 8px; }
.trend-item,
.institution-mini { padding-bottom: 8px; display: flex; gap: 8px; border-bottom: 1px solid var(--line-soft); }
.trend-item:last-child,
.institution-mini:last-child { padding-bottom: 0; border-bottom: 0; }
.trend-item > span,
.institution-mini .icon { width: 31px; height: 31px; flex: none; display: grid; place-items: center; border: 1px solid var(--line); border-radius: var(--radius-sm); background: #090e15; }
.trend-item strong,
.institution-mini strong { display: block; font-size: 8px; }
.trend-item small,
.institution-mini small { display: block; margin-top: 2px; color: var(--muted); font-size: 7px; }

/* Profiles */
.member-profile-header {
    margin-bottom: 12px;
    padding: 18px;
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    gap: 15px;
    align-items: center;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: linear-gradient(110deg, #101923, #0c121a 60%);
}
.member-profile-avatar { width: 72px; height: 72px; display: grid; place-items: center; border: 1px solid #315365; border-radius: var(--radius-sm); background: #0b1821; font: 600 30px Oswald, sans-serif; }
.member-profile-main { min-width: 0; }
.member-profile-main h1 { margin: 4px 0 0; font: 600 25px Oswald, sans-serif; text-transform: uppercase; }
.member-profile-main p { margin: 5px 0 0; color: var(--muted); font-size: 10px; }
.member-profile-main .profile-meta { margin-top: 9px; }
.forum-profile-layout { display: grid; grid-template-columns: minmax(0,1fr) 285px; gap: 12px; align-items: start; }
.profile-side { display: grid; gap: 12px; }
.profile-edit-card { margin-bottom: 12px; }
.character-roster { display: grid; gap: 9px; }
.character-card-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.character-card {
    padding: 12px;
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    gap: 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: #0a1018;
}
.character-card-avatar { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #2b4b5e; border-radius: var(--radius-sm); background: #0b1821; font: 600 18px Oswald, sans-serif; }
.character-card h3 { margin: 0; font-size: 10px; }
.character-card p { margin: 4px 0 0; color: var(--muted); font-size: 8px; }
.character-card .forum-stat-list { margin-top: 9px; grid-column: 1/-1; grid-template-columns: repeat(3,1fr); }
.character-card .forum-stat-list div { display: block; padding: 6px; border: 1px solid var(--line-soft); text-align: center; }
.character-card .forum-stat-list strong { font-size: 12px; }
.member-topic-list { display: grid; }
.member-topic-list a { padding: 9px 0; border-bottom: 1px solid var(--line-soft); }
.member-topic-list a:last-child { border-bottom: 0; }
.member-topic-list strong,
.member-topic-list small { display: block; }
.member-topic-list strong { font-size: 9px; }
.member-topic-list small { margin-top: 3px; color: var(--muted); font-size: 7px; }

/* Legacy profile styles retained */
.profile-header { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.profile-banner { height: 145px; background: linear-gradient(110deg, rgba(93,216,244,.17), rgba(156,140,255,.12)), #101823; background-size: cover; background-position: center; }
.profile-info { padding: 0 18px 17px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 14px; align-items: end; }
.profile-avatar { width: 90px; height: 90px; margin-top: -38px; display: grid; place-items: center; border: 4px solid var(--surface); border-radius: var(--radius-sm); background: #10202a; font: 600 35px Oswald, sans-serif; }
.profile-name h1 { margin: 0; font: 600 24px Oswald, sans-serif; }
.profile-name p { margin: 3px 0 0; color: var(--muted); font-size: 9px; }
.profile-bio { margin-top: 8px; color: #aab6c4; font-size: 9px; }
.profile-meta { display: flex; flex-wrap: wrap; gap: 10px; color: var(--muted); font-size: 8px; }
.profile-stats { margin-top: 10px; display: flex; gap: 14px; }
.profile-stats strong { font-size: 10px; }
.profile-stats span { color: var(--muted); font-size: 8px; }
.profile-layout { margin-top: 12px; display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 12px; }
.profile-actions { display: flex; gap: 6px; }

/* Institutions, documents and cases */
.institution-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.institution-card { position: relative; overflow: hidden; padding: 15px; border-radius: var(--radius-sm); box-shadow: none; }
.institution-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 2px; background: var(--institution-color,var(--cyan)); }
.institution-icon { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: var(--radius-sm); background: #090e15; font-size: 18px; }
.institution-card h2 { margin: 10px 0 0; font: 600 15px Oswald, sans-serif; text-transform: uppercase; }
.acronym { color: var(--institution-color,var(--cyan)); font-size: 7px; font-weight: 800; text-transform: uppercase; }
.institution-card p { margin: 7px 0 11px; color: var(--muted); font-size: 8px; line-height: 1.55; }
.institution-stats { display: flex; gap: 12px; color: var(--muted); font-size: 7px; }
.institution-hero { padding: 20px; border-radius: var(--radius); }
.institution-hero-top { display: flex; gap: 14px; align-items: center; }
.institution-hero .institution-icon { width: 57px; height: 57px; font-size: 27px; }
.institution-hero h1 { margin: 0; font: 600 clamp(25px,4vw,39px) Oswald, sans-serif; text-transform: uppercase; }
.institution-hero p { max-width: 850px; margin: 8px 0 0; color: var(--muted); font-size: 9px; line-height: 1.65; }
.document-card,
.case-card { padding: 13px; border-radius: var(--radius-sm); box-shadow: none; }
.document-head,
.case-head { display: flex; justify-content: space-between; gap: 12px; }
.document-card h2,
.case-card h2 { margin: 6px 0 0; font-size: 11px; line-height: 1.45; }
.document-card p,
.case-card p { margin: 6px 0 0; color: var(--muted); font-size: 8px; line-height: 1.55; }
.document-meta,
.case-meta { margin-top: 9px; padding-top: 8px; display: flex; flex-wrap: wrap; gap: 10px; border-top: 1px solid var(--line-soft); color: var(--muted); font-size: 7px; }
.official-document { padding: 28px; border: 1px solid #c5c1b6; border-radius: var(--radius-sm); background: #eeeae0; color: #18212c; box-shadow: var(--shadow); }
.official-document header { padding-bottom: 19px; border-bottom: 2px solid #1e2935; text-align: center; }
.official-document .seal { font-size: 37px; }
.official-document h1 { margin: 8px 0 0; font: 600 28px Oswald, sans-serif; text-transform: uppercase; }
.official-document .doc-number { margin-top: 5px; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.official-document .doc-body { padding: 24px 0; white-space: pre-wrap; font: 13px/1.85 Georgia,serif; }
.signature-list { margin-top: 18px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.signature { padding-top: 24px; border-top: 1px solid #747d87; text-align: center; }
.signature strong,
.signature small { display: block; }
.signature small { margin-top: 3px; color: #59636e; font-size: 9px; }
.case-timeline { display: grid; gap: 10px; }
.case-event { position: relative; margin-left: 16px; padding: 12px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--surface); }
.case-event::before { content: ""; position: absolute; left: -21px; top: 16px; width: 8px; height: 8px; border: 3px solid var(--bg); border-radius: 50%; background: var(--cyan); }
.case-event::after { content: ""; position: absolute; left: -17px; top: 27px; bottom: -15px; width: 1px; background: var(--line); }
.case-event:last-child::after { display: none; }
.case-event h3 { margin: 0; font-size: 10px; }
.case-event p { margin: 5px 0 0; color: var(--muted); font-size: 8px; line-height: 1.55; }

/* Messages, notifications, search and stats */
.notification-item { padding: 10px; display: flex; gap: 9px; align-items: flex-start; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--surface); }
.notification-item.unread { border-left: 3px solid var(--cyan); background: #0d151e; }
.notification-icon { width: 32px; height: 32px; flex: none; display: grid; place-items: center; border: 1px solid var(--line); border-radius: var(--radius-sm); background: #090e15; }
.notification-item strong { display: block; font-size: 9px; }
.notification-item p { margin: 3px 0 0; color: var(--muted); font-size: 8px; }
.notification-item time { display: block; margin-top: 4px; color: #5f6d80; font-size: 7px; }
.search-summary { margin-bottom: 12px; color: var(--muted); font-size: 9px; }
.two-column { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 12px; }
.stat-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; }
.stat-box { padding: 11px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: #090e15; }
.stat-box strong,
.stat-box span { display: block; }
.stat-box strong { font: 600 19px Oswald, sans-serif; }
.stat-box span { margin-top: 2px; color: var(--muted); font-size: 7px; text-transform: uppercase; }
.login-callout { padding: 20px; text-align: center; border-style: dashed; box-shadow: none; }
.login-callout h2 { margin: 0; font: 600 20px Oswald, sans-serif; text-transform: uppercase; }
.login-callout p { margin: 7px 0 12px; color: var(--muted); font-size: 9px; }
.pagination { margin-top: 13px; display: flex; flex-wrap: wrap; gap: 5px; }
.pagination a { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: var(--radius-sm); color: var(--muted); background: #090e15; font-size: 8px; font-weight: 800; }
.pagination a.active { color: #061017; border-color: var(--cyan); background: var(--cyan); }

.social-footer { margin-top: auto; border-top: 1px solid var(--line); background: #05080c; }
.social-footer .social-container { min-height: 62px; display: flex; align-items: center; justify-content: space-between; gap: 18px; color: #657285; font-size: 8px; }
.social-footer .social-container > div { display: flex; gap: 13px; }

@media (max-width: 1100px) {
    .social-header-inner { grid-template-columns: auto minmax(0,1fr) auto; }
    .social-nav { display: none; }
    .social-search { max-width: none; }
    .social-grid { grid-template-columns: 195px minmax(0,1fr); }
    .right-rail { display: none; }
    .institution-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 880px) {
    :root { --author-column: 180px; }
    .forum-home-layout,
    .forum-profile-layout,
    .profile-layout,
    .two-column { grid-template-columns: 1fr; }
    .forum-sidebar { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .category-row,
    .forum-column-head { grid-template-columns: minmax(0,1fr) 100px 205px; }
    .topic-card { grid-template-columns: 42px minmax(0,1fr) 88px 170px; }
    .character-card-grid { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
    .forum-utility .social-container > :nth-child(2) { display: none; }
    .forum-utility .social-container a { margin-left: auto; }
    .social-header-inner { min-height: 62px; grid-template-columns: auto 1fr; gap: 10px; }
    .social-search { grid-column: 1/-1; grid-row: 2; max-width: none; margin: 0 0 9px; }
    .social-account { justify-self: end; }
    .account-chip div { display: none; }
    .account-chip { min-width: 0; }
    .forum-welcome { align-items: flex-start; flex-direction: column; }
    .identity-strip { align-items: flex-start; flex-direction: column; }
    .identity-stats { width: 100%; justify-content: space-between; }
    .forum-sidebar { grid-template-columns: 1fr; }
    .forum-column-head { display: none; }
    .category-row { grid-template-columns: 1fr 92px; }
    .category-latest { grid-column: 1/-1; min-height: 47px; padding-left: 58px; border-left: 0; border-top: 1px solid var(--line-soft); }
    .topic-card { grid-template-columns: 40px minmax(0,1fr) 75px; }
    .topic-card .last-author { grid-column: 2/-1; padding: 8px 11px; border-left: 0; border-top: 1px solid var(--line-soft); }
    .post-card { grid-template-columns: 150px minmax(0,1fr); }
    .institution-grid { grid-template-columns: 1fr; }
    .stat-grid { grid-template-columns: repeat(2,1fr); }
    .social-grid { grid-template-columns: 1fr; }
    .left-rail { display: none; }
    .member-profile-header { grid-template-columns: auto minmax(0,1fr); }
    .member-profile-header .profile-actions { grid-column: 1/-1; }
}

@media (max-width: 560px) {
    .social-container { width: min(100% - 18px,1240px); }
    .social-brand img { width: 36px; height: 36px; }
    .social-brand strong { font-size: 15px; }
    .notification-link { width: 32px; height: 32px; }
    .social-page-hero { padding: 22px 0; }
    .social-main { padding-top: 14px; }
    .toolbar { align-items: stretch; flex-direction: column; }
    .toolbar .inline-form { width: 100%; flex-wrap: wrap; }
    .toolbar .inline-form .character-select-label { width: 100%; min-width: 0; }
    .category-row { grid-template-columns: 1fr; }
    .category-counts { min-height: 45px; grid-template-columns: repeat(2,100px); justify-content: start; padding-left: 58px; border-left: 0; border-top: 1px solid var(--line-soft); }
    .category-latest { padding-left: 58px; }
    .topic-card { grid-template-columns: 37px minmax(0,1fr); }
    .topic-metric { grid-column: 2; min-height: 38px; grid-auto-flow: column; gap: 4px; justify-content: start; padding: 0 11px; border-left: 0; border-top: 1px solid var(--line-soft); text-align: left; }
    .topic-card .last-author { grid-column: 2; }
    .post-card { grid-template-columns: 1fr; }
    .post-author {
        padding: 10px;
        display: grid;
        grid-template-columns: 42px minmax(0,1fr) auto;
        gap: 9px;
        align-items: center;
        border-right: 0;
        border-bottom: 1px solid var(--line);
        text-align: left;
    }
    .post-author .avatar { width: 42px; height: 42px; margin: 0; }
    .post-author .role { margin: 0; }
    .post-author .character-badges { justify-content: flex-start; }
    .post-body { padding: 14px; font-size: 11px; }
    .form-row { grid-template-columns: 1fr; }
    .form-actions { align-items: stretch; flex-direction: column; }
    .form-actions .button { width: 100%; }
    .member-profile-header { grid-template-columns: 1fr; text-align: center; }
    .member-profile-avatar { margin-inline: auto; }
    .profile-meta { justify-content: center; }
    .profile-info { grid-template-columns: 1fr; align-items: start; }
    .profile-avatar { width: 75px; height: 75px; margin-top: -33px; }
    .signature-list { grid-template-columns: 1fr; }
    .official-document { padding: 18px; }
    .official-document h1 { font-size: 23px; }
    .social-footer .social-container { padding: 17px 0; align-items: flex-start; flex-direction: column; }
    .social-footer .social-container > div { flex-wrap: wrap; }
}

@media (prefers-reduced-motion: reduce) {
    * { scroll-behavior: auto !important; transition: none !important; }
}

/* Markup refinements for compact forum components */
.identity-stats > span {
    min-width: 64px;
    display: grid;
    text-align: right;
    color: var(--muted);
    font-size: 7px;
    text-transform: uppercase;
}
.identity-stats > span b { color: var(--text); font: 600 16px Oswald,sans-serif; }
.forum-stat-list > span {
    padding-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid var(--line-soft);
    color: var(--muted);
    font-size: 9px;
}
.forum-stat-list > span:last-child { padding-bottom: 0; border-bottom: 0; }
.forum-stat-list > span b { color: var(--text); font: 600 15px Oswald,sans-serif; }
.character-card { display: block; }
.character-card.online { border-left: 2px solid var(--green); }
.character-card > header { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 10px; align-items: center; }
.character-card > header h3 { margin: 0; font-size: 10px; }
.character-card > header small { display: block; margin-top: 2px; color: var(--muted); font-size: 7px; }
.character-card > .character-badges { justify-content: flex-start; }
.character-card dl { margin: 11px 0 0; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--line-soft); }
.character-card dl div { padding: 7px 4px; border-right: 1px solid var(--line-soft); text-align: center; }
.character-card dl div:last-child { border-right: 0; }
.character-card dt { color: var(--muted); font-size: 6px; text-transform: uppercase; }
.character-card dd { margin: 2px 0 0; color: var(--text); font: 600 12px Oswald,sans-serif; }
.character-card > footer { margin-top: 9px; padding-top: 8px; display: flex; justify-content: space-between; gap: 10px; border-top: 1px solid var(--line-soft); color: var(--muted); font-size: 7px; }
.character-card > footer strong { color: #9eabba; font-weight: 600; }
.member-topic-list article {
    min-height: 76px;
    padding: 11px;
    display: grid;
    grid-template-columns: minmax(0,1fr) 86px;
    gap: 12px;
    border: 1px solid var(--line);
    border-bottom: 0;
    background: var(--surface);
}
.member-topic-list article:first-child { border-radius: var(--radius-sm) var(--radius-sm) 0 0; }
.member-topic-list article:last-child { border-bottom: 1px solid var(--line); border-radius: 0 0 var(--radius-sm) var(--radius-sm); }
.member-topic-list h3 { margin: 5px 0 0; font-size: 10px; }
.member-topic-list p { margin: 4px 0 0; color: var(--muted); font-size: 8px; }
.member-topic-list small { display: block; margin-top: 5px; color: var(--muted); font-size: 7px; }
.member-topic-list aside { padding-left: 10px; display: grid; grid-template-columns: 1fr 1fr; align-content: center; gap: 2px 5px; border-left: 1px solid var(--line-soft); text-align: center; }
.member-topic-list aside strong { font: 600 14px Oswald,sans-serif; }
.member-topic-list aside span { color: var(--muted); font-size: 6px; text-transform: uppercase; }
.category-latest > a { overflow: hidden; color: #cdd6e0; font-size: 9px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 560px) {
    .character-card dl { grid-template-columns: repeat(2,1fr); }
    .character-card dl div:nth-child(2) { border-right: 0; }
    .character-card dl div:nth-child(-n+2) { border-bottom: 1px solid var(--line-soft); }
    .member-topic-list article { grid-template-columns: 1fr; }
    .member-topic-list aside { padding: 8px 0 0; grid-template-columns: repeat(4,auto); border-left: 0; border-top: 1px solid var(--line-soft); }
}
.character-admin-controls {
    margin-top: 10px;
    padding-top: 10px;
    display: grid;
    grid-template-columns: 105px minmax(0,1fr) auto;
    gap: 6px;
    border-top: 1px dashed #344354;
}
.character-admin-controls .form-control { min-height: 31px; height: 31px; font-size: 8px; }
@media (max-width: 560px) {
    .character-admin-controls { grid-template-columns: 1fr; }
}


/* Keep standalone section headers aligned without the inset panel treatment. */
.character-roster > .panel-title,
.feed-column > .panel-title {
    margin: 0 0 9px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
}

/* =========================================================
   REPRISE FORUM V4 — PEAL / ANGULAR INTERFACE
   ========================================================= */
:root {
    --radius: 0px;
    --radius-sm: 0px;
    --peal-cut: 10px;
    --peal-cut-sm: 6px;
    --peal-panel: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
    --peal-button: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
}

/* Retira o aspecto arredondado de aplicativo. */
.social-search,
.notification-link,
.account-chip > span,
.account-fallback,
.avatar,
.social-alert,
.breadcrumbs,
.toolbar,
.panel,
.setup-card,
.empty-card,
.form-card,
.composer,
.feed-card,
.profile-card,
.institution-card,
.document-card,
.case-card,
.topic-card,
.post-card,
.institution-hero,
.login-callout,
.forum-section,
.identity-strip,
.forum-welcome,
.character-card,
.member-profile-header,
.profile-header,
.official-document,
.case-event,
.notification-item,
.stat-box,
.form-control,
.character-select-label,
.feed-tabs a,
.feed-badge,
.status-pill,
.character-status,
.post-author .role,
.pagination a,
.institution-icon,
.institution-mini .icon,
.section-icon,
.category-icon,
.topic-flags span,
.social-footer {
    border-radius: 0 !important;
}

/* Botões pontudos, como placas de interface técnica. */
.button,
.action-button,
.header-cta,
.social-account > a:not(.account-chip):not(.notification-link),
.copy-button,
.feed-tabs a,
.pagination a {
    border-radius: 0 !important;
    clip-path: var(--peal-button);
    position: relative;
}
.button,
.header-cta {
    letter-spacing: .09em;
    text-transform: uppercase;
}
.button:hover,
.action-button:hover,
.header-cta:hover {
    transform: translateX(2px);
}
.button:focus-visible,
.action-button:focus-visible,
.social-nav a:focus-visible,
.form-control:focus-visible {
    outline: 2px solid var(--cyan);
    outline-offset: 3px;
}

/* Navegação com abas retas e marcador diagonal. */
.social-nav a {
    border-radius: 0;
    clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 0 100%);
}
.social-nav a.active::after {
    left: 0;
    right: 8px;
    height: 2px;
    box-shadow: 0 0 12px rgba(93,216,244,.55);
}
.social-search,
.notification-link {
    clip-path: var(--peal-button);
}

/* Painéis retos com cortes discretos — visual de fórum, não de rede social. */
.forum-section,
.panel,
.setup-card,
.empty-card,
.form-card,
.composer,
.feed-card,
.institution-card,
.document-card,
.case-card,
.institution-hero,
.login-callout,
.member-profile-header,
.character-card {
    clip-path: var(--peal-panel);
}
.forum-section,
.panel,
.post-card,
.topic-card,
.character-card,
.feed-card {
    box-shadow: 0 12px 30px rgba(0,0,0,.18);
}
.section-header,
.panel-title,
.post-content > header,
.forum-column-head {
    background-image: linear-gradient(90deg, rgba(93,216,244,.045), transparent 52%);
}

/* Render das skins SA-MP. */
.character-skin {
    position: relative;
    z-index: 0;
    flex: none;
    display: grid;
    place-items: end center;
    overflow: hidden;
    border: 1px solid #2b4354;
    clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 9px 100%, 0 calc(100% - 9px));
    background:
        linear-gradient(rgba(93,216,244,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(93,216,244,.035) 1px, transparent 1px),
        radial-gradient(circle at 50% 74%, rgba(93,216,244,.14), transparent 55%),
        #080d14;
    background-size: 12px 12px, 12px 12px, auto, auto;
}
.character-skin::before {
    content: "";
    position: absolute;
    inset: 4px;
    z-index: -1;
    border-left: 1px solid rgba(93,216,244,.16);
    border-bottom: 1px solid rgba(93,216,244,.10);
}
.character-skin::after {
    content: "#" attr(data-skin-id);
    position: absolute;
    right: 4px;
    bottom: 3px;
    z-index: 3;
    padding: 1px 3px;
    color: #8ca3b4;
    background: rgba(4,8,12,.78);
    font: 700 6px/1.4 Inter,sans-serif;
    letter-spacing: .07em;
}
.character-skin img {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
    filter: drop-shadow(0 10px 10px rgba(0,0,0,.52));
}
.skin-fallback {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: grid;
    place-items: center;
    color: #66798a;
    font: 700 7px/1 Inter,sans-serif;
    letter-spacing: .08em;
}
.character-skin-chip { width: 36px; height: 42px; }
.character-skin-chip::after { display: none; }
.character-skin-identity { width: 76px; height: 94px; }
.character-skin-card { width: 96px; height: 124px; }
.character-skin-feed { width: 54px; height: 68px; }
.character-skin-online { width: 32px; height: 40px; }
.character-skin-online::after { display: none; }
.character-skin-topic { width: 42px; height: 52px; }
.character-skin-topic::after { display: none; }
.character-skin-post { width: 118px; height: 156px; }

.account-chip > .character-skin { border-color: #315365; }
.account-chip > .account-fallback {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border: 1px solid #315365;
    background: #0c1821;
    font: 600 16px Oswald,sans-serif;
}

/* Tópico clássico com skin inteira na coluna do autor. */
.post-card {
    min-height: 255px;
    grid-template-columns: 220px minmax(0,1fr);
}
.post-author {
    position: relative;
    padding: 15px 13px 13px;
    background:
        linear-gradient(135deg, rgba(93,216,244,.045), transparent 46%),
        #080e16;
}
.post-author::after {
    content: "IDENTIDADE // PERSONAGEM";
    position: absolute;
    left: 8px;
    bottom: 8px;
    color: #405162;
    font: 700 5px/1 Inter,sans-serif;
    letter-spacing: .12em;
    writing-mode: vertical-rl;
}
.post-author .avatar.skin-avatar {
    width: 118px;
    height: 156px;
    margin: 0 0 10px;
    border: 0;
    background: transparent;
}
.post-author strong { font-size: 11px; }
.post-author small { font-size: 7px; }
.post-author .role { clip-path: var(--peal-button); }
.post-body { min-height: 165px; }

/* Fichas de personagem com destaque para o modelo. */
.character-card > header {
    grid-template-columns: 96px minmax(0,1fr);
    align-items: stretch;
}
.character-card-skin { grid-row: 1 / span 2; }
.character-card > .character-badges,
.character-card dl,
.character-card > footer,
.character-admin-controls { margin-left: 106px; }
.character-card dl { grid-template-columns: repeat(4,1fr); }

.identity-main { align-items: center; }
.identity-main > .character-skin { margin-right: 11px; }
.online-character-list > div { position: relative; gap: 7px; }
.online-character-list > div > i { margin-left: -11px; margin-top: -24px; z-index: 4; }

.topic-skin-state {
    width: 54px !important;
    display: grid !important;
    place-items: center !important;
    gap: 3px;
}
.topic-skin-state > span { color: var(--cyan); font-size: 8px; }
.topic-card { grid-template-columns: 54px minmax(0,1fr) 115px 155px; }

/* Inputs retos e mais técnicos. */
.form-control,
.social-search input,
.composer textarea {
    border-radius: 0 !important;
}
.form-control:focus,
.composer textarea:focus {
    border-color: #4d7f93;
    box-shadow: inset 3px 0 0 var(--cyan), 0 0 0 1px rgba(93,216,244,.12);
}

@media (max-width: 760px) {
    .post-card { grid-template-columns: 150px minmax(0,1fr); }
    .post-author .avatar.skin-avatar,
    .character-skin-post { width: 94px; height: 126px; }
    .character-card > .character-badges,
    .character-card dl,
    .character-card > footer,
    .character-admin-controls { margin-left: 0; }
    .topic-card { grid-template-columns: 48px minmax(0,1fr); }
}

@media (max-width: 560px) {
    .post-card { grid-template-columns: 1fr; }
    .post-author {
        min-height: 132px;
        display: grid;
        grid-template-columns: 82px minmax(0,1fr) auto;
        gap: 10px;
        align-items: center;
        text-align: left;
    }
    .post-author .avatar.skin-avatar,
    .character-skin-post { width: 82px; height: 108px; margin: 0; }
    .post-author .role { margin: 0; }
    .post-author::after { display: none; }
    .character-card > header { grid-template-columns: 82px minmax(0,1fr); }
    .character-skin-card { width: 82px; height: 108px; }
    .identity-strip { align-items: flex-start; }
    .character-skin-identity { width: 62px; height: 78px; }
}

/* Correções de especificidade dos renders em componentes antigos. */
.account-chip > .character-skin.character-skin-chip {
    width: 36px;
    height: 42px;
    padding: 0;
    border: 1px solid #315365;
    background:
        linear-gradient(rgba(93,216,244,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(93,216,244,.035) 1px, transparent 1px),
        #080d14;
    background-size: 10px 10px;
    color: inherit;
    font: inherit;
}
.feed-author .avatar.skin-avatar {
    width: 54px;
    height: 68px;
    border: 0;
    background: transparent;
}
.feed-author .avatar.skin-avatar .character-skin { width: 54px; height: 68px; }

/* =========================================================
   REPRISE FORUM V10 — PEAL / LORE GOVERNANCE
   ========================================================= */
:root {
    --peal-panel-lg: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
    --peal-panel-sm: polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 9px 100%, 0 calc(100% - 9px));
    --lore-violet: #9f8cff;
    --lore-blue: #5dd8f4;
}

body {
    background:
        linear-gradient(118deg, transparent 0 73%, rgba(93,216,244,.022) 73% 73.08%, transparent 73.08%),
        radial-gradient(circle at 20% -8%, rgba(93,216,244,.085), transparent 34rem),
        radial-gradient(circle at 88% 4%, rgba(159,140,255,.07), transparent 30rem),
        #06090e;
}

.social-container { width: min(1320px, calc(100% - 34px)); }
.social-header { border-bottom-color: #263444; box-shadow: 0 10px 38px rgba(0,0,0,.28); }
.social-header-inner { min-height: 74px; grid-template-columns: auto minmax(470px,auto) minmax(180px,1fr) auto; }
.social-brand { padding-right: 17px; border-right: 1px solid var(--line); }
.social-nav { gap: 2px; }
.social-nav a { min-width: 70px; justify-content: center; padding-inline: 13px; }
.social-nav a.active { color: #061116; background: var(--cyan); }
.social-nav a.active::after { display: none; }
.social-nav a.active:hover { color: #061116; }
.social-search { max-width: 360px; }
.social-main { padding-top: 25px; }

.forum-welcome {
    min-height: 160px;
    padding: 25px 28px;
    align-items: center;
    border-color: #2e4052;
    clip-path: var(--peal-panel-lg);
    background:
        linear-gradient(100deg, rgba(93,216,244,.085), transparent 44%),
        linear-gradient(180deg, #101721, #0a0f16);
}
.forum-welcome::before {
    content: "FORUM // COMMUNITY OPERATIONS";
    position: absolute;
    top: 10px;
    right: 24px;
    color: #445466;
    font-size: 7px;
    letter-spacing: .18em;
}
.forum-welcome h1 { font-size: 34px; letter-spacing: .07em; }
.forum-welcome p { font-size: 12px; line-height: 1.7; }

.forum-lore-gateway {
    position: relative;
    margin: 14px 0 18px;
    display: grid;
    grid-template-columns: minmax(0,1.2fr) 190px minmax(300px,.85fr);
    min-height: 154px;
    overflow: hidden;
    border: 1px solid #33455a;
    clip-path: var(--peal-panel-lg);
    background:
        linear-gradient(110deg, rgba(159,140,255,.10), transparent 38%),
        linear-gradient(180deg, #111722, #0a0e15);
}
.forum-lore-gateway::after {
    content: "CANON LINK ACTIVE";
    position: absolute;
    top: 9px;
    right: 20px;
    color: var(--lore-violet);
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .16em;
}
.forum-lore-gateway.is-idle::after { content: "CANON LINK STANDBY"; color: var(--amber); }
.lore-gateway-main { padding: 23px 25px; }
.lore-gateway-main > span,
.lore-commandbar .eyebrow,
.governance-intro > span,
.case-commandbar > div:first-child > span {
    color: var(--cyan);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .17em;
}
.lore-gateway-main h2 { margin: 5px 0 7px; font: 600 24px/1.1 Oswald,sans-serif; text-transform: uppercase; letter-spacing: .045em; }
.lore-gateway-main p { max-width: 690px; margin: 0 0 16px; color: var(--muted); font-size: 11px; }
.lore-gateway-main > div { display: flex; flex-wrap: wrap; gap: 7px; }
.lore-gateway-data { display: grid; grid-template-rows: 1fr 1fr; border-left: 1px solid var(--line); border-right: 1px solid var(--line); }
.lore-gateway-data > div { display: grid; place-items: center; align-content: center; gap: 2px; background: rgba(255,255,255,.012); }
.lore-gateway-data > div + div { border-top: 1px solid var(--line); }
.lore-gateway-data small { color: var(--muted); font-size: 7px; letter-spacing: .14em; }
.lore-gateway-data strong { color: #fff; font: 600 25px Oswald,sans-serif; }
.lore-gateway-events { padding: 25px 17px 14px; display: grid; align-content: start; gap: 5px; }
.lore-gateway-events > a { display: grid; grid-template-columns: 74px minmax(0,1fr); gap: 9px; padding: 8px 6px; border-bottom: 1px solid var(--line-soft); }
.lore-gateway-events time { color: var(--cyan); font-size: 8px; }
.lore-gateway-events b,.lore-gateway-events small { display:block; }
.lore-gateway-events b { font-size: 9px; }
.lore-gateway-events small { margin-top: 2px; color: var(--muted); font-size: 7px; }
.lore-gateway-events > p { color: var(--muted); font-size: 9px; }

.forum-home-layout { grid-template-columns: minmax(0,1fr) 310px; gap: 15px; }
.forum-section { border-color: #273646; clip-path: var(--peal-panel-lg); }
.section-header { min-height: 86px; padding: 17px 19px; grid-template-columns: 48px minmax(0,1fr) auto; }
.section-header::after { content: "SECTION"; position:absolute; right:19px; bottom:8px; color:#39495a; font-size:6px; letter-spacing:.14em; }
.section-icon { width: 42px; height: 42px; font-size: 18px; border-color:#31465b; background:#09111a; clip-path:var(--peal-panel-sm); }
.section-header h2 { font-size: 17px; letter-spacing: .045em; }
.forum-column-head { grid-template-columns: minmax(0,1fr) 135px 260px; }
.category-row { grid-template-columns: minmax(0,1fr) 135px 260px; min-height: 88px; }
.category-row:hover { background: linear-gradient(90deg,rgba(93,216,244,.05),transparent 70%); }
.category-main { padding: 13px 15px; }
.category-icon { clip-path: var(--peal-panel-sm); }
.category-main h3 { font-size: 11px; }
.category-main p { font-size: 8px; }
.category-counts { border-left: 1px solid var(--line-soft); border-right: 1px solid var(--line-soft); }
.category-latest { padding: 12px 14px; }
.forum-sidebar .panel { clip-path: var(--peal-panel-sm); }
.panel-title { min-height: 42px; }

/* Lore central */
.lore-commandbar,
.case-commandbar,
.governance-intro {
    position: relative;
    margin-bottom: 14px;
    padding: 23px 25px;
    border: 1px solid #33455a;
    clip-path: var(--peal-panel-lg);
    background: linear-gradient(105deg,rgba(159,140,255,.09),transparent 48%),#0d131d;
}
.lore-commandbar,.case-commandbar { display:flex; justify-content:space-between; align-items:center; gap:24px; }
.lore-commandbar h1,.case-commandbar h1,.governance-intro h1 { margin:5px 0 6px; font:600 28px/1.05 Oswald,sans-serif; text-transform:uppercase; letter-spacing:.045em; }
.lore-commandbar p,.case-commandbar p,.governance-intro p { max-width:760px; margin:0; color:var(--muted); font-size:10px; }
.lore-command-actions,.case-commandbar > div:last-child { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:7px; }
.season-switcher { margin-bottom:14px; display:flex; gap:7px; overflow:auto; padding-bottom:3px; }
.season-switcher a { min-width:185px; padding:10px 12px; display:grid; grid-template-columns:auto 1fr; gap:2px 8px; border:1px solid var(--line); clip-path:var(--peal-panel-sm); background:#090e15; }
.season-switcher a.active { border-color:#62728f; background:linear-gradient(110deg,rgba(159,140,255,.14),transparent),#0d131d; }
.season-switcher b { color:var(--cyan); font:600 15px Oswald,sans-serif; }
.season-switcher span { align-self:center; font-size:9px; }
.season-switcher small { grid-column:1/-1; color:var(--muted); font-size:6px; letter-spacing:.12em; }
.lore-stat-grid { margin-bottom:14px; display:grid; grid-template-columns:repeat(4,1fr); gap:7px; }
.lore-stat-grid > div { min-height:90px; padding:12px; display:grid; place-items:center; align-content:center; border:1px solid var(--line); clip-path:var(--peal-panel-sm); background:#0a0f16; }
.lore-stat-grid span { color:var(--muted); font-size:7px; letter-spacing:.14em; }
.lore-stat-grid strong { color:#fff; font:600 27px Oswald,sans-serif; }
.lore-stat-grid small { color:#536174; font-size:7px; }
.lore-layout { display:grid; grid-template-columns:minmax(0,1fr) 390px; gap:14px; }
.lore-primary,.lore-secondary { display:grid; align-content:start; gap:14px; }
.forum-block { overflow:hidden; border:1px solid var(--line); clip-path:var(--peal-panel-lg); background:var(--surface); }
.forum-block-head { min-height:58px; padding:12px 15px; display:flex; justify-content:space-between; align-items:center; gap:14px; border-bottom:1px solid var(--line); background:linear-gradient(90deg,rgba(93,216,244,.05),transparent); }
.forum-block-head span { color:var(--cyan); font-size:6px; font-weight:800; letter-spacing:.14em; }
.forum-block-head h2 { margin:2px 0 0; font:600 15px Oswald,sans-serif; text-transform:uppercase; }
.forum-block-head > a,.forum-block-head > small { color:var(--muted); font-size:7px; }
.lore-context-copy,.case-copy { padding:19px; color:var(--text-soft); font-size:11px; line-height:1.8; }
.lore-context-block > footer { padding:9px 15px; display:flex; justify-content:space-between; border-top:1px solid var(--line); color:var(--muted); font-size:7px; }
.canon-event-list article { min-height:108px; display:grid; grid-template-columns:118px minmax(0,1fr) auto; gap:16px; align-items:center; padding:14px 15px; border-bottom:1px solid var(--line-soft); }
.canon-event-list article:last-child { border-bottom:0; }
.canon-event-list time { color:var(--cyan); font-size:8px; line-height:1.6; }
.canon-event-list span { color:var(--muted); font-size:6px; letter-spacing:.1em; }
.canon-event-list h3 { margin:3px 0; font-size:11px; }
.canon-event-list p { margin:0; color:var(--muted); font-size:8px; }
.canon-row-actions { display:grid; gap:4px; }
.canon-row-actions a { padding:4px 7px; border:1px solid var(--line); clip-path:var(--peal-button); color:var(--text-soft); font-size:7px; text-transform:uppercase; }
.chapter-stack article { padding:14px; border-bottom:1px solid var(--line-soft); }
.chapter-stack article:last-child { border-bottom:0; }
.chapter-stack span { color:var(--lore-violet); font-size:6px; letter-spacing:.11em; }
.chapter-stack h3 { margin:4px 0; font-size:11px; }
.chapter-stack p { margin:0; color:var(--muted); font-size:8px; }
.chapter-stack small { display:block; margin-top:7px; color:#536174; font-size:7px; }
.chapter-stack article > div { margin-top:9px; display:flex; gap:6px; }
.chapter-stack a { color:var(--cyan); font-size:7px; text-transform:uppercase; }
.contestation-mini-list > a { padding:11px 13px; display:grid; gap:4px; border-bottom:1px solid var(--line-soft); }
.contestation-mini-list > a:last-child { border-bottom:0; }
.contestation-mini-list strong { font-size:9px; }
.contestation-mini-list small { color:var(--muted); font-size:7px; }
.revision-rail > a { display:grid; grid-template-columns:38px 1fr; gap:2px 8px; padding:10px 12px; border-bottom:1px solid var(--line-soft); }
.revision-rail b { grid-row:1/3; color:var(--lore-violet); font:600 15px Oswald,sans-serif; }
.revision-rail span { font-size:8px; }
.revision-rail small { color:var(--muted); font-size:6px; }

.lore-status { width:max-content; display:inline-flex; padding:3px 7px; border:1px solid var(--line-bright); clip-path:var(--peal-button); color:var(--text-soft); background:#0a1018; font-size:6px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.status-open { border-color:#5dd8f4;color:#5dd8f4; }
.status-reviewing { border-color:#e9bc67;color:#e9bc67; }
.status-accepted,.status-implemented { border-color:#67dda2;color:#67dda2; }
.status-partially_accepted { border-color:#9f8cff;color:#9f8cff; }
.status-rejected,.status-withdrawn { border-color:#ef7687;color:#ef7687; }

.topic-lore-link { margin:0 0 13px; padding:14px 16px; display:flex; align-items:center; justify-content:space-between; gap:16px; border:1px solid #42536c; clip-path:var(--peal-panel-sm); background:linear-gradient(100deg,rgba(159,140,255,.10),transparent),#0b1018; }
.topic-lore-link.is-contestation { border-left:3px solid var(--amber); }
.topic-lore-link > div:first-child > span { color:var(--lore-violet); font-size:6px; letter-spacing:.15em; }
.topic-lore-link h2 { margin:3px 0; font:600 14px Oswald,sans-serif; text-transform:uppercase; }
.topic-lore-link p { margin:0; color:var(--muted); font-size:8px; }
.topic-lore-link > div:last-child { display:flex; align-items:center; gap:7px; }

.contestation-table { border:1px solid var(--line); clip-path:var(--peal-panel-lg); background:var(--surface); }
.contestation-table > header,.contestation-table > a { display:grid; grid-template-columns:150px minmax(0,1fr) 180px 145px; align-items:center; gap:12px; }
.contestation-table > header { min-height:38px; padding:0 13px; color:var(--muted); border-bottom:1px solid var(--line); background:#090e15; font-size:7px; text-transform:uppercase; letter-spacing:.09em; }
.contestation-table > a { min-height:82px; padding:11px 13px; border-bottom:1px solid var(--line-soft); }
.contestation-table > a:last-child { border-bottom:0; }
.contestation-table > a:hover { background:linear-gradient(90deg,rgba(93,216,244,.045),transparent); }
.contestation-table > a > div { display:grid; gap:4px; }
.contestation-table strong { font-size:9px; }
.contestation-table small,.contestation-table time { color:var(--muted); font-size:7px; }
.filter-tabs { display:flex; flex-wrap:wrap; gap:4px; }
.filter-tabs a { padding:6px 8px; border:1px solid var(--line); clip-path:var(--peal-button); color:var(--muted); font-size:7px; text-transform:uppercase; }
.filter-tabs a.active { color:#041017; border-color:var(--cyan); background:var(--cyan); }

.governance-case-layout { display:grid; grid-template-columns:minmax(0,1fr) 390px; gap:14px; }
.governance-case-layout > main,.governance-case-layout > aside { display:grid; align-content:start; gap:14px; }
.evidence-box { padding:14px 19px; border-top:1px solid var(--line); background:#090e15; color:var(--text-soft); font-size:9px; }
.evidence-box b { display:block; margin-bottom:6px; color:var(--amber); font-size:7px; letter-spacing:.12em; text-transform:uppercase; }
.resolution-block { border-color:#3a6653; }
.case-event-rail article { position:relative; padding:12px 12px 12px 27px; border-bottom:1px solid var(--line-soft); }
.case-event-rail article::before { content:""; position:absolute; left:12px; top:17px; width:6px; height:6px; transform:rotate(45deg); background:var(--cyan); }
.case-event-rail time,.case-event-rail small { color:var(--muted); font-size:6px; }
.case-event-rail b { display:block; margin:3px 0; font-size:8px; }
.case-event-rail p { margin:0; color:var(--text-soft); font-size:8px; }
.admin-decision { border-color:#60553b; }
.lore-form-card { max-width:900px; margin-inline:auto; }
.textarea.compact { min-height:110px; }

@media (max-width: 1120px) {
    .social-header-inner { grid-template-columns:auto 1fr auto; }
    .social-nav { grid-column:1/-1; order:3; min-height:42px; overflow:auto; border-top:1px solid var(--line-soft); }
    .social-search { display:none; }
    .forum-lore-gateway { grid-template-columns:minmax(0,1fr) 160px; }
    .lore-gateway-events { grid-column:1/-1; border-top:1px solid var(--line); }
    .lore-layout,.governance-case-layout { grid-template-columns:minmax(0,1fr) 340px; }
}

@media (max-width: 850px) {
    .forum-home-layout,.lore-layout,.governance-case-layout { grid-template-columns:1fr; }
    .forum-sidebar { grid-row:auto; }
    .forum-lore-gateway { grid-template-columns:1fr 150px; }
    .lore-stat-grid { grid-template-columns:repeat(2,1fr); }
    .contestation-table > header { display:none; }
    .contestation-table > a { grid-template-columns:120px minmax(0,1fr); }
    .contestation-table > a > div:nth-child(3),.contestation-table > a > time { grid-column:2; }
    .lore-commandbar,.case-commandbar { align-items:flex-start; flex-direction:column; }
    .lore-command-actions,.case-commandbar > div:last-child { justify-content:flex-start; }
}

@media (max-width: 620px) {
    .social-container { width:min(100% - 18px,1320px); }
    .forum-welcome { padding:23px 17px; }
    .forum-welcome h1 { font-size:27px; }
    .forum-lore-gateway { grid-template-columns:1fr; }
    .lore-gateway-data { grid-template-columns:1fr 1fr; grid-template-rows:auto; min-height:80px; border:0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
    .lore-gateway-data > div + div { border-top:0; border-left:1px solid var(--line); }
    .category-row,.forum-column-head { grid-template-columns:1fr; }
    .forum-column-head span:nth-child(n+2) { display:none; }
    .category-counts { border:0; border-top:1px solid var(--line-soft); }
    .category-latest { border-top:1px solid var(--line-soft); }
    .lore-stat-grid { grid-template-columns:1fr 1fr; }
    .canon-event-list article { grid-template-columns:1fr; gap:7px; }
    .canon-row-actions { display:flex; }
    .contestation-table > a { grid-template-columns:1fr; }
    .contestation-table > a > div:nth-child(3),.contestation-table > a > time { grid-column:1; }
    .topic-lore-link { align-items:flex-start; flex-direction:column; }
}