:root {
    --microba-black: #020806;
    --microba-forest: #06140f;
    --microba-forest-2: #0a2118;
    --microba-ivory: #f4efe5;
    --microba-soft: #cfc8bb;
    --microba-muted: #978f82;
    --microba-gold: #d1a246;
    --microba-gold-bright: #efc66b;
    --microba-border: rgba(209, 162, 70, .42);
    --microba-font-display: Georgia, 'Times New Roman', serif;
    --microba-font-interface: Arial, Helvetica, sans-serif;
    --microba-container: 1440px;
    --microba-header-height: 82px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--microba-black); }
body {
    margin: 0;
    overflow-x: hidden;
    background: var(--microba-black);
    color: var(--microba-ivory);
    font-family: var(--microba-font-interface);
    font-size: 16px;
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
}
body.admin-bar .microba-site-header { top: 32px; }
img { max-width: 100%; height: auto; }
a { color: inherit; }
button, input { font: inherit; }
button { color: inherit; }

.screen-reader-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
.screen-reader-text:focus,
.microba-skip-link:focus {
    clip: auto !important;
    width: auto !important;
    height: auto !important;
    padding: 12px 18px !important;
    margin: 0 !important;
    top: 10px;
    left: 10px;
    z-index: 100000;
    background: #fff;
    color: #000;
}
.microba-skip-link { position: fixed; left: -9999px; top: 0; }

.microba-container {
    width: min(calc(100% - 48px), var(--microba-container));
    margin-inline: auto;
}
.microba-container--reading { max-width: 760px; }
.microba-section { position: relative; padding: 88px 0; }
.microba-eyebrow {
    margin: 0;
    color: var(--microba-gold-bright);
    font-family: var(--microba-font-interface);
    font-size: .76rem;
    font-weight: 600;
    letter-spacing: .20em;
    line-height: 1.4;
    text-transform: uppercase;
}
.microba-h1 {
    margin: 18px 0 28px;
    color: var(--microba-ivory);
    font-family: var(--microba-font-display);
    font-size: clamp(3rem, 5.5vw, 5rem);
    font-weight: 400;
    line-height: 1;
    letter-spacing: -.025em;
}
.microba-h1 a { text-decoration: none; }
.microba-statement {
    margin: 16px 0 24px;
    font-family: var(--microba-font-display);
    font-size: clamp(2.375rem, 4vw, 3.625rem);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -.02em;
}
.microba-lead { font-size: clamp(1.125rem, 1.5vw, 1.5rem); line-height: 1.55; }
.microba-prose { color: var(--microba-soft); font-size: clamp(1rem, 1.1vw, 1.125rem); }
.microba-prose h2,
.microba-prose h3 { color: var(--microba-ivory); font-family: var(--microba-font-display); font-weight: 400; }
.microba-prose h2 { margin-top: 2.2em; font-size: clamp(2.25rem, 4vw, 3.5rem); line-height: 1.08; }
.microba-prose h3 { margin-top: 1.8em; font-size: clamp(1.65rem, 2.5vw, 2.25rem); }
.microba-prose p + p { margin-top: 1.25em; }

.microba-cta {
    display: inline-flex;
    align-items: center;
    gap: 22px;
    min-height: 50px;
    padding: 0 22px;
    border: 1px solid var(--microba-gold);
    border-radius: 8px;
    color: var(--microba-gold-bright);
    background: rgba(4, 16, 12, .35);
    font-size: .82rem;
    font-weight: 600;
    letter-spacing: .06em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    transition: background .22s ease, color .22s ease, transform .22s ease, box-shadow .22s ease;
}
.microba-cta:hover { color: #fff; background: rgba(209, 162, 70, .10); transform: translateY(-1px); box-shadow: 0 12px 36px rgba(0,0,0,.25); }

.microba-generic-main {
    min-height: 65vh;
    padding: calc(var(--microba-header-height) + 92px) 0 120px;
    background: radial-gradient(circle at 50% 0, #0a1b14, var(--microba-black) 62%);
}
.microba-generic-article + .microba-generic-article { margin-top: 72px; padding-top: 72px; border-top: 1px solid var(--microba-border); }
.microba-404 { display: grid; align-items: center; }

[data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }
[data-reveal].is-revealed { opacity: 1; transform: none; }

@media (max-width: 782px) {
    body.admin-bar .microba-site-header { top: 46px; }
}
@media (max-width: 720px) {
    .microba-container { width: min(calc(100% - 32px), var(--microba-container)); }
    .microba-section { padding: 64px 0; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    [data-reveal] { opacity: 1; transform: none; transition: none; }
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
