/* ==========================================================
   SITE.CSS
   Spirit Portal Phase 6A: formatting and comments only.
   No selectors or declarations were intentionally changed.
   ========================================================== */

:root {
    --ink:#f6f1e5;
    --muted:#c9c2b4;
    --panel:rgba(14,18,20,.78);
    --panel-strong:rgba(10,13,15,.92);
    --line:rgba(255,255,255,.12);
    --gold:#e5b95f;
    --jade:#6cc6a4;
    --fire:#e17850;
    --water:#6da7d9;
    --earth:#9f9a63;
    --air:#d8e4df
}

* {
    box-sizing:border-box
}

html {
    scroll-behavior:smooth
}

body {
    margin:0;
    min-height:100vh;
    color:var(--ink);
    font-family:Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
    background:#11181b
}

.site-backdrop {
    position:fixed;
    inset:0;
    z-index:-2;
    background:linear-gradient(rgba(7,10,11,.62),rgba(7,10,11,.9)),
    url('../images/background.jpg') center/cover no-repeat
}

.site-backdrop:after {
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 20% 15%,rgba(229,185,95,.16),transparent 30%),
    radial-gradient(circle at 80% 20%,rgba(108,198,164,.12),transparent 30%)
}

a {
    color:inherit
}

.site-header {
    position:sticky;
    top:0;
    z-index:20;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding:16px clamp(20px,4vw,58px);
    background:rgba(8,11,12,.86);
    border-bottom:1px solid var(--line);
    backdrop-filter:blur(18px)
}

.brand {
    display:flex;
    align-items:center;
    gap:12px;
    text-decoration:none
}

.brand-mark {
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border:1px solid rgba(229,185,95,.4);
    border-radius:50%;
    background:rgba(229,185,95,.1);
    font-size:22px
}

.brand strong,
.brand small {
    display:block
}

.brand strong {
    font-family:Georgia,
    serif;
    font-size:1.15rem
}

.brand small {
    color:var(--muted);
    font-size:.72rem;
    letter-spacing:.08em;
    text-transform:uppercase
}

.site-nav {
    display:flex;
    align-items:center;
    gap:6px
}

.site-nav a {
    padding:10px 13px;
    border-radius:999px;
    color:var(--muted);
    text-decoration:none;
    font-size:.92rem
}

.site-nav a:hover,
.site-nav a.active {
    color:var(--ink);
    background:rgba(255,255,255,.08)
}

.site-nav .member-link {
    color:#161616;
    background:var(--gold)
}

.nav-toggle {
    display:none;
    border:1px solid var(--line);
    border-radius:10px;
    padding:9px 12px;
    color:var(--ink);
    background:transparent
}

.home-hero {
    min-height:70vh;
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
    align-items:center;
    gap:50px;
    padding:80px clamp(24px,6vw,90px)
}

.hero-content {
    max-width:760px
}

.eyebrow {
    margin:0 0 14px;
    color:var(--gold);
    font-weight:800;
    font-size:.78rem;
    letter-spacing:.18em;
    text-transform:uppercase
}

.home-hero h1,
.page-heading h1,
.member-welcome h1,
.auth-card h1 {
    margin:0;
    font-family:Georgia,
    "Times New Roman",
    serif;
    font-size:clamp(2.7rem,6vw,5.9rem);
    line-height:.98
}

.hero-lead {
    max-width:700px;
    margin:24px 0 30px;
    color:var(--muted);
    font-size:clamp(1.05rem,2vw,1.28rem);
    line-height:1.7
}

.button-row {
    display:flex;
    flex-wrap:wrap;
    gap:12px
}

.site-button {
    display:inline-flex;
    justify-content:center;
    align-items:center;
    min-height:48px;
    padding:0 20px;
    border:1px solid transparent;
    border-radius:12px;
    font-weight:800;
    text-decoration:none;
    cursor:pointer
}

.site-button.primary {
    color:#171511;
    background:var(--gold)
}

.site-button.secondary {
    color:var(--ink);
    border-color:var(--line);
    background:rgba(255,255,255,.06)
}

.element-orbit {
    position:relative;
    width:min(420px,78vw);
    aspect-ratio:1;
    margin:auto;
    border:1px solid rgba(255,255,255,.15);
    border-radius:50%;
    background:radial-gradient(circle,rgba(229,185,95,.16),rgba(8,10,12,.5) 55%,transparent 56%);
    box-shadow:0 30px 100px rgba(0,0,0,.4)
}

.element-orbit div {
    position:absolute;
    inset:31%;
    display:grid;
    place-items:center;
    border:1px solid rgba(229,185,95,.45);
    border-radius:50%;
    font-size:4rem;
    background:rgba(10,13,15,.8)
}

.element-orbit span {
    position:absolute;
    display:grid;
    place-items:center;
    width:68px;
    height:68px;
    border:1px solid var(--line);
    border-radius:50%;
    font-size:2rem;
    background:rgba(10,13,15,.84)
}

.element-orbit span:nth-child(1) {
    top:3%;
    left:calc(50% - 34px)
}

.element-orbit span:nth-child(2) {
    right:3%;
    top:calc(50% - 34px)
}

.element-orbit span:nth-child(3) {
    bottom:3%;
    left:calc(50% - 34px)
}

.element-orbit span:nth-child(4) {
    left:3%;
    top:calc(50% - 34px)
}

.section-shell {
    width:min(1180px,calc(100% - 38px));
    margin:0 auto;
    padding:70px 0
}

.compact-section {
    padding-top:10px
}

.section-intro {
    max-width:720px;
    margin-bottom:28px
}

.section-intro h2 {
    margin:0 0 12px;
    font:700 clamp(2rem,4vw,3.3rem)/1.05 Georgia,
    serif
}

.section-intro p:last-child,
.page-heading p,
.member-welcome p,
.auth-card>p {
    color:var(--muted);
    line-height:1.7
}

.path-grid,
.resource-grid,
.module-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px
}

.feature-card,
.resource-card,
.module-card,
.auth-card,
.tip-list article,
.mini-grid article {
    border:1px solid var(--line);
    border-radius:22px;
    background:linear-gradient(145deg,rgba(22,28,31,.9),rgba(10,13,15,.84));
    box-shadow:0 18px 60px rgba(0,0,0,.24)
}

.feature-card {
    position:relative;
    padding:34px;
    overflow:hidden
}

.feature-card:after {
    content:"";
    position:absolute;
    inset:auto -15% -45% 35%;
    height:240px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(229,185,95,.13),transparent 65%)
}

.card-icon {
    font-size:2rem
}

.card-label,
.module-card small,
.resource-card em {
    color:var(--gold);
    font-size:.75rem;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase
}

.feature-card h3,
.resource-card h2,
.module-card h2 {
    margin:9px 0 12px;
    font-family:Georgia,
    serif
}

.feature-card p,
.feature-card li,
.resource-card p,
.module-card p {
    color:var(--muted);
    line-height:1.65
}

.feature-card a {
    position:relative;
    z-index:1;
    color:var(--gold);
    font-weight:800;
    text-decoration:none
}

.mini-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px
}

.mini-grid article {
    padding:22px
}

.mini-grid strong,
.mini-grid span {
    display:block
}

.mini-grid span {
    margin-top:7px;
    color:var(--muted);
    font-size:.9rem;
    line-height:1.5
}

.global-footer {
    display:flex;
    justify-content:space-between;
    gap:30px;
    padding:36px clamp(24px,6vw,90px);
    border-top:1px solid var(--line);
    background:rgba(8,11,12,.82)
}

.global-footer p {
    margin:7px 0 0;
    color:var(--muted)
}

.footer-links {
    display:flex;
    align-items:center;
    gap:18px
}

.footer-links a {
    color:var(--muted);
    text-decoration:none
}

.content-page {
    min-height:68vh
}

.page-heading {
    max-width:760px;
    margin-bottom:36px
}

.page-heading h1 {
    font-size:clamp(2.6rem,5vw,4.8rem)
}

.resource-grid {
    grid-template-columns:repeat(3,minmax(0,1fr))
}

.resource-card {
    padding:28px
}

.resource-card>span {
    font-size:2rem
}

.resource-card em {
    display:block;
    margin-top:18px;
    font-style:normal
}

.tip-list {
    display:grid;
    gap:14px
}

.tip-list article {
    padding:24px
}

.tip-list strong {
    font:700 1.25rem Georgia,
    serif
}

.tip-list p {
    margin:8px 0 0;
    color:var(--muted)
}

.auth-shell {
    min-height:72vh;
    display:grid;
    place-items:center;
    padding:60px 20px
}

.auth-card {
    width:min(470px,100%);
    padding:38px;
    text-align:center
}

.auth-card h1 {
    font-size:3rem
}

.auth-symbol {
    font-size:3rem
}

.auth-form {
    display:grid;
    gap:12px;
    margin-top:24px;
    text-align:left
}

.auth-form label {
    font-weight:800
}

.auth-form input {
    width:100%;
    padding:14px;
    border:1px solid var(--line);
    border-radius:12px;
    color:var(--ink);
    background:rgba(255,255,255,.06);
    font:inherit
}

.form-alert {
    padding:12px;
    border-radius:10px
}

.form-alert.error {
    color:#ffd2c8;
    background:rgba(183,59,36,.25)
}

.auth-note {
    font-size:.84rem
}

.member-dashboard {
    min-height:72vh
}

.member-welcome {
    display:flex;
    justify-content:space-between;
    gap:24px;
    align-items:flex-start;
    margin-bottom:34px
}

.member-welcome h1 {
    font-size:clamp(2.5rem,5vw,4.8rem)
}

.member-badge {
    padding:9px 13px;
    border:1px solid rgba(108,198,164,.4);
    border-radius:999px;
    color:var(--jade);
    background:rgba(108,198,164,.1);
    white-space:nowrap
}

.module-grid {
    grid-template-columns:repeat(3,minmax(0,1fr))
}

.module-card {
    display:flex;
    gap:16px;
    padding:24px;
    color:inherit;
    text-decoration:none
}

.module-card>span {
    font-size:1.8rem
}

.module-card.ready {
    border-color:rgba(229,185,95,.45)
}

.module-card.admin-module {
    border-color:rgba(109,167,217,.35)
}

@media(max-width:900px) {
    .home-hero {
        grid-template-columns:1fr;
        padding-top:60px
    }

    .element-orbit {
        width:min(340px,80vw)
    }

    .resource-grid,
    .module-grid {
        grid-template-columns:repeat(2,1fr)
    }

    .mini-grid {
        grid-template-columns:repeat(2,1fr)
    }
}

@media(max-width:720px) {
    .nav-toggle {
        display:block
    }

    .site-nav {
        position:absolute;
        top:74px;
        left:18px;
        right:18px;
        display:none;
        flex-direction:column;
        align-items:stretch;
        padding:12px;
        border:1px solid var(--line);
        border-radius:16px;
        background:rgba(8,11,12,.97)
    }

    .site-nav.open {
        display:flex
    }

    .site-nav a {
        text-align:center
    }

    .path-grid,
    .resource-grid,
    .module-grid {
        grid-template-columns:1fr
    }

    .home-hero {
        min-height:auto;
        padding:58px 20px
    }

    .home-hero h1 {
        font-size:3.4rem
    }

    .global-footer,
    .member-welcome {
        flex-direction:column
    }

    .footer-links {
        flex-wrap:wrap
    }

    .mini-grid {
        grid-template-columns:1fr
    }

    .element-orbit {
        width:270px
    }

    .element-orbit span {
        width:52px;
        height:52px
    }

    .element-orbit span:nth-child(1) {
        left:calc(50% - 26px)
    }

    .element-orbit span:nth-child(2) {
        top:calc(50% - 26px)
    }

    .element-orbit span:nth-child(3) {
        left:calc(50% - 26px)
    }

    .element-orbit span:nth-child(4) {
        top:calc(50% - 26px)
    }
}

/* Member dashboard */

/* ==========================================================
   PHASE 6D — SPIRIT PORTAL UI REFRESH
   Visual overrides only. Existing selectors and behaviour remain intact.
   ========================================================== */

:root {
    --sp-bg:#081012;
    --sp-surface:rgba(16,25,28,.82);
    --sp-surface-strong:rgba(11,18,20,.94);
    --sp-surface-soft:rgba(255,255,255,.045);
    --sp-border:rgba(233,203,132,.16);
    --sp-border-hover:rgba(233,203,132,.34);
    --sp-gold:#e9c77b;
    --sp-gold-strong:#f4d894;
    --sp-jade:#78d2b0;
    --sp-text:#fbf7ec;
    --sp-muted:#b9c0bc;
    --sp-radius-sm:12px;
    --sp-radius-md:18px;
    --sp-radius-lg:26px;
    --sp-shadow:0 24px 70px rgba(0,0,0,.34);
    --sp-shadow-soft:0 14px 36px rgba(0,0,0,.24);
}

body {
    background:var(--sp-bg);
    color:var(--sp-text);
    text-rendering:optimizeLegibility;
}

.site-backdrop {
    background:
        linear-gradient(180deg,rgba(5,10,12,.52),rgba(5,10,12,.9)),
        url('../images/background.jpg') center/cover no-repeat;
}

.site-backdrop::after {
    background:
        radial-gradient(circle at 12% 10%,rgba(233,199,123,.18),transparent 30%),
        radial-gradient(circle at 88% 18%,rgba(120,210,176,.12),transparent 28%),
        linear-gradient(120deg,transparent 35%,rgba(255,255,255,.018),transparent 65%);
}

.site-header {
    padding:14px clamp(18px,4vw,58px);
    background:rgba(7,13,15,.78);
    border-bottom-color:rgba(233,203,132,.13);
    box-shadow:0 10px 35px rgba(0,0,0,.18);
}

.brand-mark {
    width:44px;
    height:44px;
    color:var(--sp-gold-strong);
    border-color:rgba(233,199,123,.42);
    background:linear-gradient(145deg,rgba(233,199,123,.16),rgba(233,199,123,.04));
    box-shadow:inset 0 0 20px rgba(233,199,123,.08),0 0 28px rgba(233,199,123,.08);
}

.brand strong { letter-spacing:.01em; }
.brand small { color:var(--sp-muted); }

.site-nav { gap:4px; }
.site-nav a {
    position:relative;
    padding:10px 14px;
    transition:color .2s ease,background .2s ease,transform .2s ease;
}
.site-nav a:hover { transform:translateY(-1px); }
.site-nav a.active {
    color:var(--sp-text);
    background:rgba(255,255,255,.07);
}
.site-nav .member-link {
    color:#17130c;
    background:linear-gradient(180deg,var(--sp-gold-strong),#d4a950);
    box-shadow:0 8px 24px rgba(212,169,80,.2);
}

.home-hero {
    min-height:76vh;
    gap:clamp(36px,6vw,88px);
    padding-top:clamp(70px,9vw,120px);
    padding-bottom:clamp(70px,9vw,120px);
}

.home-hero h1,
.page-heading h1,
.member-welcome h1,
.auth-card h1 {
    color:var(--sp-text);
    letter-spacing:-.025em;
    text-wrap:balance;
}

.home-hero h1 {
    font-size:clamp(3.2rem,7vw,6.7rem);
    max-width:900px;
}

.eyebrow { color:var(--sp-gold); }
.hero-lead,
.section-intro>p:last-child,
.page-heading>p:last-child { color:var(--sp-muted); }

.site-button {
    min-height:50px;
    padding:0 22px;
    border-radius:var(--sp-radius-sm);
    letter-spacing:.01em;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
}
.site-button:hover { transform:translateY(-2px); }
.site-button:active { transform:translateY(0); }
.site-button.primary {
    color:#17130c;
    background:linear-gradient(180deg,var(--sp-gold-strong),#d5ab55);
    box-shadow:0 12px 30px rgba(213,171,85,.22);
}
.site-button.primary:hover { box-shadow:0 16px 38px rgba(213,171,85,.3); }
.site-button.secondary {
    border-color:rgba(233,203,132,.18);
    background:rgba(255,255,255,.055);
    box-shadow:inset 0 1px rgba(255,255,255,.05);
}
.site-button.secondary:hover {
    border-color:var(--sp-border-hover);
    background:rgba(255,255,255,.08);
}

.element-orbit {
    border-color:rgba(233,203,132,.19);
    background:radial-gradient(circle,rgba(233,199,123,.15),rgba(8,15,17,.58) 52%,transparent 53%);
    box-shadow:0 35px 110px rgba(0,0,0,.5),inset 0 0 70px rgba(233,199,123,.035);
}
.element-orbit::before {
    content:"";
    position:absolute;
    inset:9%;
    border:1px dashed rgba(233,203,132,.16);
    border-radius:50%;
    animation:sp-spin 34s linear infinite;
}
.element-orbit span { filter:drop-shadow(0 8px 16px rgba(0,0,0,.45)); }
.element-orbit div {
    border-color:rgba(233,199,123,.48);
    background:rgba(8,14,16,.88);
    box-shadow:0 0 45px rgba(233,199,123,.12),inset 0 0 30px rgba(233,199,123,.06);
}

.section-shell { width:min(1180px,calc(100% - 40px)); }
.section-intro { max-width:720px; margin-bottom:34px; }
.section-intro h2 { letter-spacing:-.02em; }

.feature-card,
.resource-card,
.tip-list article,
.mini-grid article,
.auth-card,
.module-card {
    border-color:var(--sp-border);
    background:linear-gradient(145deg,rgba(20,30,33,.88),rgba(9,16,18,.88));
    box-shadow:var(--sp-shadow-soft);
}

.feature-card,
.resource-card,
.module-card {
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.feature-card:hover,
.resource-card:hover,
.module-card:hover {
    transform:translateY(-5px);
    border-color:var(--sp-border-hover);
    box-shadow:var(--sp-shadow);
}

.feature-card::before,
.resource-card::before,
.module-card::before {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    background:linear-gradient(135deg,rgba(255,255,255,.045),transparent 40%);
}

.feature-card,
.resource-card,
.module-card { position:relative; overflow:hidden; }
.feature-card p,
.resource-card p,
.tip-list p,
.module-card p { color:var(--sp-muted); }
.feature-card>a,
.resource-card>a { color:var(--sp-gold-strong); }

.auth-card {
    border-radius:var(--sp-radius-lg);
    border-color:rgba(233,203,132,.2);
    box-shadow:var(--sp-shadow);
}
.auth-form input {
    border-color:rgba(233,203,132,.17);
    background:rgba(4,9,11,.55);
    transition:border-color .2s ease,box-shadow .2s ease;
}
.auth-form input:focus {
    outline:none;
    border-color:rgba(233,199,123,.65);
    box-shadow:0 0 0 4px rgba(233,199,123,.09);
}

.global-footer {
    border-top-color:rgba(233,203,132,.12);
    background:rgba(5,10,12,.62);
}

@keyframes sp-spin { to { transform:rotate(360deg); } }

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

/* Individual account forms */
.auth-card-wide{max-width:560px}.auth-form small{color:rgba(255,255,255,.62);margin-top:-.55rem}.form-alert.success{border-color:rgba(98,196,167,.45);background:rgba(98,196,167,.12)}


/* Guide library and reader */
.guide-filter-bar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,260px) auto auto;gap:.75rem;margin:1.5rem 0 2rem}.guide-filter-bar input,.guide-filter-bar select{width:100%;background:rgba(18,28,43,.92);border:1px solid rgba(149,171,202,.28);color:#edf3fb;border-radius:10px;padding:.8rem .9rem}.guide-filter-bar button,.secondary-link{border:0;border-radius:10px;padding:.8rem 1rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.guide-filter-bar button{background:var(--primary,#8c6fd1);color:white}.secondary-link{border:1px solid rgba(149,171,202,.28);color:#dce6f4}.guide-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem}.guide-card{overflow:hidden;background:linear-gradient(180deg,rgba(31,43,61,.96),rgba(20,29,44,.98));border:1px solid rgba(149,171,202,.2);border-radius:16px;box-shadow:0 14px 32px rgba(0,0,0,.2);transition:transform .18s ease,border-color .18s ease}.guide-card:hover{transform:translateY(-3px);border-color:rgba(216,193,120,.55)}.guide-card.is-featured{border-color:rgba(216,193,120,.62)}.guide-card-link{display:block;color:inherit;text-decoration:none;height:100%}.guide-card img,.guide-card-placeholder{width:100%;aspect-ratio:16/9;object-fit:cover;background:#121b2a}.guide-card-placeholder{display:grid;place-items:center;font-size:3rem;color:#d7bf72}.guide-card-content{padding:1rem}.guide-card-meta,.guide-byline{display:flex;gap:.7rem;flex-wrap:wrap;color:#aebbd0;font-size:.82rem}.guide-card-meta span{padding:.2rem .5rem;background:rgba(133,111,190,.18);border-radius:999px}.guide-card h2{margin:.65rem 0 .5rem;font-size:1.25rem}.guide-card p{color:#c4cede}.guide-card small{color:#8f9db2}.guide-empty{padding:3rem;text-align:center;background:rgba(20,29,44,.75);border-radius:16px}.guide-reader{max-width:1180px}.guide-back-link{display:inline-block;margin-bottom:1rem;color:#d9c276;text-decoration:none}.guide-article{background:linear-gradient(180deg,rgba(27,38,55,.98),rgba(16,24,37,.99));border:1px solid rgba(149,171,202,.22);border-radius:20px;overflow:hidden}.guide-hero-image{width:100%;max-height:440px;object-fit:cover}.guide-article-header{padding:clamp(1.3rem,4vw,3rem);border-bottom:1px solid rgba(149,171,202,.18)}.guide-article-header h1{margin:.3rem 0 .75rem}.guide-summary{font-size:1.08rem;color:#cbd5e3;max-width:780px}.guide-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:2rem;padding:clamp(1.2rem,4vw,3rem)}.guide-toc{position:sticky;top:1rem;align-self:start;padding:1rem;background:rgba(11,18,29,.6);border:1px solid rgba(149,171,202,.18);border-radius:12px}.guide-toc ol{list-style:none;padding:0;margin:.7rem 0 0}.guide-toc li{margin:.45rem 0}.guide-toc .toc-level-3{padding-left:.75rem;font-size:.92rem}.guide-toc a{color:#b9c6d8;text-decoration:none}.guide-toc a:hover{color:#e2ca7c}.guide-body{min-width:0;color:#e9eef6;line-height:1.75}.guide-body h2,.guide-body h3{scroll-margin-top:1rem;color:#e4cb7b}.guide-body img{max-width:100%;height:auto;border-radius:10px}.guide-body figure{margin:1.4rem 0}.guide-body figcaption{text-align:center;color:#9facbe;font-size:.9rem}.guide-body table{width:100%;border-collapse:collapse;display:block;overflow:auto}.guide-body th,.guide-body td{border:1px solid #42516a;padding:.65rem}.guide-body blockquote{border-left:4px solid #a684d8;margin:1rem 0;padding:.7rem 1rem;background:rgba(166,132,216,.1)}.guide-body .avatar-block{margin:1.25rem 0;padding:1rem 1.15rem;border:1px solid;border-left-width:5px;border-radius:10px;background:#202b3d}.guide-body .avatar-block p:first-child{margin-top:0}.guide-body .avatar-block p:last-child{margin-bottom:0}.guide-body .avatar-fire{border-color:#e2674f;background:rgba(226,103,79,.12)}.guide-body .avatar-water{border-color:#55aee6;background:rgba(85,174,230,.12)}.guide-body .avatar-earth{border-color:#75a85a;background:rgba(117,168,90,.12)}.guide-body .avatar-air{border-color:#d8c178;background:rgba(216,193,120,.12)}.guide-body .avatar-harmony{border-color:#a879d8;background:rgba(168,121,216,.12)}.guide-body details.guide-spoiler{margin:1rem 0;padding:.85rem 1rem;border:1px solid #42516d;border-radius:10px;background:#202a3b}.guide-body details.guide-spoiler summary{cursor:pointer;font-weight:700;color:#e7c978}.guide-body img.guide-image-left{float:left;margin:.4rem 1.25rem 1rem 0}.guide-body img.guide-image-right{float:right;margin:.4rem 0 1rem 1.25rem}.guide-body img.guide-image-centre{display:block;margin:1rem auto}.guide-body img.guide-image-full{display:block;width:100%;height:auto;margin:1rem 0}@media(max-width:780px){.guide-filter-bar{grid-template-columns:1fr}.guide-layout{grid-template-columns:1fr}.guide-toc{position:static}.guide-body img.guide-image-left,.guide-body img.guide-image-right{float:none;display:block;margin:1rem auto}.guide-article-header,.guide-layout{padding:1.2rem}}


/* Community content */
.community-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.community-card,.community-detail,.event-card,.notification-card{background:linear-gradient(145deg,rgba(31,42,57,.96),rgba(20,29,42,.98));border:1px solid rgba(216,169,75,.22);border-radius:18px;box-shadow:0 18px 45px rgba(0,0,0,.22);overflow:hidden}.community-card>img,.community-cover{width:100%;max-height:420px;object-fit:cover}.community-card>div,.community-detail{padding:1.4rem}.community-detail{max-width:950px;margin:auto}.community-meta{color:#aebaca;font-size:.92rem;margin:.5rem 0 1rem}.content-chip{display:inline-flex;padding:.28rem .62rem;border-radius:999px;background:rgba(216,169,75,.16);color:#f1cf7a;font-size:.78rem;font-weight:700}.event-list,.notification-list{display:grid;gap:1rem}.event-card{display:grid;grid-template-columns:110px 1fr;padding:1.2rem}.event-card>time{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.1);margin-right:1.2rem}.event-card>time strong{font-size:1.55rem;color:#f1cf7a}.event-card-title{display:flex;gap:.75rem;align-items:center}.event-card.cancelled{opacity:.68}.rsvp-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1rem}.notification-card{display:flex;gap:1rem;padding:1rem 1.2rem;text-decoration:none;color:inherit}.notification-card.unread{border-color:rgba(98,196,167,.65);box-shadow:0 0 0 1px rgba(98,196,167,.12),0 18px 45px rgba(0,0,0,.22)}.notification-icon{color:#62c4a7}.notification-card h2{font-size:1.05rem;margin:0}.notification-card p{margin:.3rem 0}.notification-nav span{display:inline-flex;min-width:1.35rem;height:1.35rem;padding:0 .3rem;align-items:center;justify-content:center;border-radius:999px;background:#d8a94b;color:#16202d;font-size:.72rem;font-weight:800;margin-left:.25rem}@media(max-width:700px){.event-card{grid-template-columns:1fr}.event-card>time{align-items:flex-start;border-right:0;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.7rem;margin:0 0 .8rem}}

/* ==========================================================
   SITE-WIDE WIDE RESPONSIVE LAYOUT
   Expands structural page areas on desktop while preserving
   readable widths for article copy and compact forms.
   ========================================================== */
:root {
    --sp-site-max: 1680px;
    --sp-site-gutter: clamp(18px, 2.5vw, 48px);
    --sp-reading-max: 920px;
}

.section-shell,
.site-main > .section-shell,
main > .section-shell {
    width: min(var(--sp-site-max), calc(100% - (var(--sp-site-gutter) * 2)));
    max-width: none;
}

.site-header {
    padding-inline: var(--sp-site-gutter);
}

/* Let data-rich and card-based pages use the extra room. */
.guide-reader,
.calendar-page,
.events-page,
.tips-page,
.hub-page,
.page-builder-output {
    max-width: none;
}

/* Keep long prose comfortable even inside a wider page shell. */
.guide-body,
.guide-summary,
.rich-text-content,
.article-copy,
.prose {
    max-width: var(--sp-reading-max);
}

@media (min-width: 1900px) {
    :root { --sp-site-max: 1840px; }
}

@media (max-width: 900px) {
    :root { --sp-site-gutter: 14px; }
}

/* Published Spirit Studio containers */
.builder-flex-container{display:flex;flex-direction:var(--container-direction,row);flex-wrap:var(--container-wrap,wrap);justify-content:var(--container-justify,start);align-items:var(--container-align,stretch);gap:var(--container-gap,20px);min-height:var(--container-min-height,120px);width:100%}
.builder-flex-container>.builder-layout-grid{display:flex;flex:1 1 100%;flex-direction:inherit;flex-wrap:inherit;justify-content:inherit;align-items:inherit;gap:inherit;width:100%}
.builder-flex-container>.builder-layout-grid>.builder-layout-item{flex:1 1 260px;min-width:min(240px,100%);grid-column:auto!important}
.builder-flex-container>.builder-layout-grid>.builder-layout-item.builder-span-full{flex-basis:100%}
.builder-flex-container>.builder-layout-grid>.builder-layout-item.builder-span-half{flex-basis:calc(50% - var(--container-gap,20px))}
.builder-flex-container>.builder-layout-grid>.builder-layout-item.builder-span-third{flex-basis:calc(33.333% - var(--container-gap,20px))}
.builder-flex-container>.builder-layout-grid>.builder-layout-item.builder-span-two-thirds{flex-basis:calc(66.666% - var(--container-gap,20px))}
@media(max-width:760px){.builder-flex-container,.builder-flex-container>.builder-layout-grid{flex-direction:column!important}.builder-flex-container>.builder-layout-grid>.builder-layout-item{flex-basis:auto!important;width:100%}}

/* Guide library rebuild v5 */
.guide-system-page{display:grid;gap:1.5rem}.guide-breadcrumbs{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;color:var(--muted,#aeb8c6);font-size:.9rem}.guide-breadcrumbs a{color:var(--accent,#d8a94b);text-decoration:none}.guide-library-hero,.guide-category-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:clamp(1.4rem,3vw,2.4rem);border:1px solid rgba(216,169,75,.22);border-radius:22px;background:linear-gradient(135deg,rgba(216,169,75,.12),rgba(98,196,167,.06)),rgba(10,18,28,.76)}.guide-library-hero h1,.guide-category-hero h1{margin:.15rem 0 .6rem}.guide-library-hero p,.guide-category-hero p{max-width:760px;margin:0;color:var(--muted,#b5bfcc)}.guide-category-icon{display:grid;place-items:center;flex:0 0 82px;width:82px;height:82px;border-radius:22px;background:rgba(255,255,255,.08);font-size:2.35rem}.guide-category-grid-home{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.guide-category-card{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:1rem;align-items:start;padding:1.3rem;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(14,23,36,.78);color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.guide-category-card:hover{transform:translateY(-3px);border-color:rgba(216,169,75,.48);background:rgba(20,31,47,.92)}.guide-category-card-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:rgba(216,169,75,.11);font-size:1.8rem}.guide-category-card h2{margin:0 0 .35rem;font-size:1.12rem}.guide-category-card p{margin:0;color:var(--muted,#aeb8c6);font-size:.92rem;line-height:1.5}.guide-category-count{position:absolute;right:1rem;top:1rem;padding:.3rem .55rem;border-radius:999px;background:rgba(98,196,167,.13);color:#9be2cf;font-size:.72rem;font-weight:750}.guide-featured-banner{display:grid;gap:.35rem;padding:1.25rem 1.4rem;border-radius:18px;border:1px solid rgba(216,169,75,.3);background:linear-gradient(90deg,rgba(216,169,75,.16),rgba(98,196,167,.08));color:inherit;text-decoration:none}.guide-featured-banner strong{font-size:1.25rem}.guide-featured-banner>span:last-child{color:var(--muted,#aeb8c6)}.guide-featured-mark{color:var(--accent,#d8a94b);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.guide-category-search{display:flex;gap:.7rem}.guide-category-search input{flex:1;min-width:0}.guide-category-grid{margin-top:.25rem}.guide-manager-inline{display:grid;gap:1rem;margin-top:1rem;padding:1.25rem;border:1px solid rgba(98,196,167,.2);border-radius:18px;background:rgba(8,17,27,.74)}.guide-manager-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.guide-manager-heading h2{margin:.15rem 0}.guide-manager-heading p{margin:0;color:var(--muted,#aeb8c6)}.guide-manager-list{display:grid;gap:.7rem}.guide-manager-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.035)}.guide-manager-row>div:first-child{display:grid;gap:.25rem}.guide-manager-row span{color:var(--muted,#aeb8c6);font-size:.82rem}.guide-manager-actions{display:flex;gap:.5rem;flex-wrap:wrap}.site-button.compact{padding:.55rem .75rem;font-size:.82rem}.site-button.danger{background:rgba(211,82,82,.16);border-color:rgba(211,82,82,.42);color:#ffb4b4}.guide-builder-modal{position:fixed;inset:0;z-index:5000;padding:clamp(.7rem,3vw,2rem);overflow:auto;background:rgba(2,7,12,.86)}.guide-builder-modal[hidden]{display:none!important}.guide-builder-dialog{width:min(980px,100%);margin:auto;padding:1.25rem;border:1px solid rgba(216,169,75,.25);border-radius:20px;background:#111b29;box-shadow:0 30px 90px rgba(0,0,0,.55)}.guide-builder-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.guide-builder-top h2{margin:.15rem 0}.guide-builder-close{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;font-size:1.55rem}.guide-page-form{display:grid;gap:1rem;margin-top:1rem}.guide-page-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.guide-page-form-grid label{display:grid;gap:.4rem;font-weight:700}.guide-page-form-grid .full{grid-column:1/-1}.guide-page-form-grid small{color:var(--muted,#aeb8c6);font-weight:400}.guide-page-form-grid input,.guide-page-form-grid textarea{width:100%}.guide-feature-toggle{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.guide-feature-toggle input{width:auto}.guide-editor-shell{overflow:hidden;border:1px solid rgba(216,169,75,.22);border-radius:14px;background:#0b1420}.guide-editor-toolbar{display:flex;gap:.35rem;flex-wrap:wrap;padding:.55rem;border-bottom:1px solid rgba(255,255,255,.09);background:#182334}.guide-editor-toolbar button{padding:.45rem .65rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.06);color:#fff}.guide-page-editor{min-height:360px;padding:1rem;line-height:1.7;outline:none}.guide-page-editor:empty:before{content:attr(data-placeholder);color:#7f8b9c}.guide-page-editor h2,.guide-page-editor h3{color:#fff5d6}.guide-builder-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.guide-builder-actions #guidePageStatus{color:var(--muted,#aeb8c6)}.guide-builder-opened{overflow:hidden}.guide-draft-pill{padding:.25rem .5rem;border-radius:999px;background:rgba(216,169,75,.15);color:#f0cf83}.guide-empty{padding:2rem;border:1px dashed rgba(255,255,255,.15);border-radius:16px;text-align:center}.guide-empty h2{margin-top:0}
@media(max-width:760px){.guide-category-grid-home{grid-template-columns:1fr}.guide-library-hero,.guide-category-hero{align-items:flex-start;flex-direction:column}.guide-category-hero{position:relative}.guide-category-icon{width:64px;height:64px;flex-basis:64px}.guide-category-search{display:grid;grid-template-columns:1fr auto}.guide-manager-heading,.guide-manager-row{align-items:flex-start;flex-direction:column}.guide-page-form-grid{grid-template-columns:1fr}.guide-page-form-grid .full{grid-column:auto}.guide-builder-dialog{padding:.9rem}.guide-category-card{grid-template-columns:50px minmax(0,1fr)}.guide-category-card-icon{width:46px;height:46px}.guide-category-count{position:static;grid-column:2;margin-top:.4rem;justify-self:start}}

/* Guide presentation repair v12
   Keep category cards in a responsive full-width grid and prevent saved editor
   styles from collapsing published guide content against the left edge. */
.guide-system-page,
.guide-category-page,
.guide-library-home,
.guide-reader {
    width:100%;
    min-width:0;
}

.guide-category-grid.guide-card-grid {
    display:grid!important;
    width:100%!important;
    min-width:0;
    grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))!important;
    align-items:stretch;
    gap:clamp(1rem,2vw,1.4rem)!important;
}

.guide-category-grid > .guide-card {
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    align-self:stretch;
}

.guide-category-grid .guide-card-link {
    display:grid!important;
    grid-template-rows:auto 1fr;
    width:100%;
    min-width:0;
    height:100%;
}

.guide-category-grid .guide-card-content {
    display:flex;
    min-width:0;
    flex-direction:column;
    align-items:flex-start;
    padding:1.2rem;
}

.guide-category-grid .guide-card-content h2,
.guide-category-grid .guide-card-content p,
.guide-category-grid .guide-card-content small {
    width:100%;
    overflow-wrap:anywhere;
}

.guide-category-grid .guide-card-content p {
    flex:1;
    margin:.1rem 0 1rem;
    line-height:1.6;
}

.guide-category-grid .guide-card-content small {
    margin-top:auto;
}

.guide-article-header > *,
.guide-body {
    width:min(100%,var(--sp-reading-max,920px));
    margin-left:auto;
    margin-right:auto;
}

.guide-layout:not(:has(.guide-toc)) {
    grid-template-columns:minmax(0,1fr);
}

.guide-layout:not(:has(.guide-toc)) .guide-body {
    justify-self:center;
}

.guide-body {
    display:flow-root;
    min-width:0;
    max-width:920px;
    font-size:1rem;
    line-height:1.78;
    overflow-wrap:anywhere;
}

.guide-body > * {
    max-width:100%;
}

.guide-body > :first-child { margin-top:0; }
.guide-body > :last-child { margin-bottom:0; }
.guide-body p { margin:.85rem 0; }
.guide-body h1,
.guide-body h2,
.guide-body h3,
.guide-body h4 {
    clear:both;
    margin:1.8em 0 .65em;
    line-height:1.25;
}
.guide-body h1 { font-size:clamp(1.8rem,3vw,2.45rem); }
.guide-body h2 { font-size:clamp(1.45rem,2.4vw,1.95rem); }
.guide-body h3 { font-size:clamp(1.18rem,2vw,1.5rem); }
.guide-body ul,
.guide-body ol {
    margin:.9rem 0 1.2rem;
    padding-left:clamp(1.35rem,4vw,2rem);
}
.guide-body li { margin:.35rem 0; padding-left:.2rem; }
.guide-body hr { margin:2rem 0; border:0; border-top:1px solid rgba(255,255,255,.14); }
.guide-body a { color:var(--accent,#d8a94b); text-underline-offset:.18em; }

/* Old editor content may contain inline float/width declarations. Reset generic
   blocks, while retaining the deliberate guide image alignment classes. */
.guide-body div,
.guide-body p,
.guide-body section,
.guide-body table,
.guide-body blockquote {
    float:none!important;
}
.guide-body div:not(.avatar-block),
.guide-body p,
.guide-body blockquote {
    width:auto!important;
    min-width:0!important;
}
.guide-body figure {
    clear:both;
    max-width:100%!important;
}
.guide-body figure img {
    display:block;
    max-width:100%!important;
    height:auto!important;
    margin-inline:auto;
}

@media (min-width:1180px) {
    .guide-category-grid.guide-card-grid {
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
}

@media (max-width:760px) {
    .guide-category-grid.guide-card-grid {
        grid-template-columns:1fr!important;
    }
    .guide-layout,
    .guide-layout:not(:has(.guide-toc)) {
        grid-template-columns:1fr;
    }
    .guide-body {
        width:100%;
        font-size:.98rem;
    }
}

/* Spirit Portal Guides v2 — knowledge base and block builder */
.guide-layout-v2{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(250px,1fr)!important;gap:clamp(1.4rem,3vw,2.5rem);align-items:start}
.guide-layout-v2 .guide-body{width:100%;max-width:none;margin:0}
.guide-sidebar{display:grid;gap:1rem;position:sticky;top:5.5rem}
.guide-layout-v2 .guide-toc{position:static;order:0}
.guide-meta-card{padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(11,18,29,.62)}
.guide-meta-card dl{display:grid;gap:.7rem;margin:.8rem 0 0}.guide-meta-card dl>div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:.55rem}.guide-meta-card dt{color:var(--muted,#aeb8c6)}.guide-meta-card dd{margin:0;text-align:right}.guide-meta-card a{color:var(--accent,#d8a94b)}
.guide-callout{margin:1.25rem 0;padding:1rem 1.15rem;border:1px solid;border-left-width:5px;border-radius:12px}.guide-callout strong{display:block;margin-bottom:.35rem}.guide-callout-tip{border-color:#62c4a7;background:rgba(98,196,167,.1)}.guide-callout-warning{border-color:#e09a55;background:rgba(224,154,85,.1)}.guide-callout-info{border-color:#6aaee8;background:rgba(106,174,232,.1)}.guide-table-wrap{overflow:auto;margin:1.2rem 0}
.guide-v2-builder{display:grid;grid-template-columns:170px minmax(0,1fr);gap:1rem;min-height:440px}.guide-block-library{display:flex;flex-direction:column;gap:.45rem;padding:.8rem;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#0b1420;align-self:start;position:sticky;top:0}.guide-block-library strong{margin-bottom:.35rem}.guide-block-library button{padding:.62rem .7rem;text-align:left;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.05);color:#fff;cursor:pointer}.guide-block-library button:hover{border-color:rgba(216,169,75,.45);background:rgba(216,169,75,.1)}
.guide-block-canvas{display:grid;align-content:start;gap:.75rem;padding:1rem;border:1px solid rgba(216,169,75,.18);border-radius:14px;background:#0b1420;min-width:0}.guide-block-empty{padding:3rem 1rem;text-align:center;color:var(--muted,#aeb8c6);border:1px dashed rgba(255,255,255,.15);border-radius:12px}.guide-builder-block{overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#152132}.guide-builder-block>header{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;background:#1c2a3d}.guide-builder-block>header strong{flex:1}.guide-builder-block>header div{display:flex;gap:.3rem}.guide-builder-block>header button{width:30px;height:30px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:rgba(255,255,255,.05);color:#fff}.guide-drag-handle{cursor:grab;color:#aeb8c6}.guide-builder-block-body{display:grid;gap:.65rem;padding:.8rem}.guide-block-row,.guide-block-grid{display:grid;grid-template-columns:minmax(120px,.35fr) minmax(0,1fr);gap:.65rem}.guide-builder-block input,.guide-builder-block select,.guide-builder-block textarea{width:100%}.guide-rich-field{min-height:100px;padding:.75rem;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#0c1623;outline:none}.guide-mini-toolbar{display:flex;gap:.35rem}.guide-mini-toolbar button{padding:.35rem .55rem}.guide-divider-preview{margin:1rem 0;border-top:2px solid rgba(216,169,75,.35);font-size:0}.guide-version-panel{padding:1rem;border:1px solid rgba(98,196,167,.22);border-radius:14px;background:#0c1724}.guide-version-heading,.guide-version-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.guide-version-row{padding:.7rem 0;border-top:1px solid rgba(255,255,255,.08)}.guide-version-row span{display:grid}.guide-version-row small{color:var(--muted,#aeb8c6)}
.guide-category-grid-home{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:980px){.guide-layout-v2{grid-template-columns:1fr!important}.guide-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.guide-toc{grid-column:1/-1}.guide-category-grid-home{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-v2-builder{grid-template-columns:1fr}.guide-block-library{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.guide-sidebar,.guide-category-grid-home{grid-template-columns:1fr}.guide-block-library{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-block-row,.guide-block-grid{grid-template-columns:1fr}}


/* Guides v2 homepage width refinement v13 */
.guide-library-home{
    width:min(100%,1220px)!important;
    max-width:1220px!important;
    margin-inline:auto!important;
    padding-inline:clamp(1rem,2vw,1.5rem);
}
.guide-library-home .guide-library-hero{
    width:100%;
    max-width:1160px;
    margin-inline:auto;
}
.guide-home-section{
    display:grid;
    gap:1rem;
    width:100%;
    max-width:1160px;
    margin-inline:auto;
}
.guide-home-section-heading .eyebrow{margin:0 0 .15rem}
.guide-home-section-heading h2{margin:0;font-size:clamp(1.35rem,2vw,1.7rem)}
.guide-library-home .guide-featured-banner{
    width:100%;
    max-width:820px;
}
.guide-library-home .guide-category-grid-home{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,350px));
    justify-content:center;
    gap:1rem;
    width:100%;
}
.guide-library-home .guide-category-card{
    width:100%;
    min-height:190px;
}
@media(max-width:980px){
    .guide-library-home{max-width:820px!important}
    .guide-library-home .guide-category-grid-home{grid-template-columns:repeat(2,minmax(0,350px))}
}
@media(max-width:650px){
    .guide-library-home{padding-inline:.8rem}
    .guide-library-home .guide-category-grid-home{grid-template-columns:minmax(0,1fr)}
    .guide-library-home .guide-category-card{min-height:0}
}

/* Guides v2 unified width system v14
   Keep the library, category listings and guide reader aligned to one shared shell. */
.guide-system-page.guide-library-home,
.guide-system-page.guide-category-page,
.guide-system-page.guide-reader {
    width:min(100%,1220px)!important;
    max-width:1220px!important;
    margin-inline:auto!important;
    padding-inline:clamp(1rem,2vw,1.5rem)!important;
}

.guide-library-home .guide-library-hero,
.guide-library-home .guide-home-section,
.guide-category-page .guide-breadcrumbs,
.guide-category-page .guide-category-hero,
.guide-category-page .guide-category-search,
.guide-category-page .guide-featured-banner,
.guide-category-page .guide-category-grid,
.guide-category-page .guide-empty,
.guide-category-page .guide-manager-inline,
.guide-reader .guide-breadcrumbs,
.guide-reader .guide-back-link,
.guide-reader .guide-article {
    width:100%!important;
    max-width:1160px!important;
    margin-inline:auto!important;
}

/* Featured content now aligns with the grid rather than becoming a narrower strip. */
.guide-library-home .guide-featured-banner {
    width:100%!important;
    max-width:none!important;
}

/* Use the same three-column rhythm for categories and guide cards. */
.guide-library-home .guide-category-grid-home,
.guide-category-page .guide-category-grid.guide-card-grid {
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    justify-content:stretch!important;
    gap:1rem!important;
    width:100%!important;
    max-width:1160px!important;
    margin-inline:auto!important;
}

.guide-library-home .guide-category-card,
.guide-category-page .guide-card {
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
}

/* Guide articles use the same outer width, with the requested two-thirds split inside. */
.guide-reader .guide-layout-v2 {
    grid-template-columns:minmax(0,2fr) minmax(270px,1fr)!important;
    width:100%;
}

@media(max-width:980px){
    .guide-system-page.guide-library-home,
    .guide-system-page.guide-category-page,
    .guide-system-page.guide-reader {
        max-width:820px!important;
    }
    .guide-library-home .guide-category-grid-home,
    .guide-category-page .guide-category-grid.guide-card-grid {
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .guide-reader .guide-layout-v2 {
        grid-template-columns:1fr!important;
    }
}

@media(max-width:650px){
    .guide-system-page.guide-library-home,
    .guide-system-page.guide-category-page,
    .guide-system-page.guide-reader {
        padding-inline:.8rem!important;
    }
    .guide-library-home .guide-category-grid-home,
    .guide-category-page .guide-category-grid.guide-card-grid {
        grid-template-columns:minmax(0,1fr)!important;
    }
}

/* Guides v2 feature polish */
.guide-card-details{display:flex;flex-wrap:wrap;gap:.45rem .8rem;margin-top:auto;padding-top:.9rem;font-size:.78rem;opacity:.78}.guide-card-content{display:flex;flex-direction:column;height:100%}.guide-toc a{border-left:3px solid transparent;display:block;padding:.35rem .55rem;transition:.18s ease}.guide-toc a.is-active{border-left-color:currentColor;background:rgba(255,255,255,.08);font-weight:700}.guide-builder-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:1rem;align-items:start}.guide-live-preview{position:sticky;top:1rem;max-height:70vh;overflow:auto;border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:1rem;background:rgba(8,10,20,.72)}.guide-live-preview-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.guide-live-preview img{max-width:100%;height:auto;border-radius:10px}.guide-preview-placeholder{padding:1rem;border:1px dashed rgba(255,255,255,.25);border-radius:10px;margin:.7rem 0;opacity:.75}.guide-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.25rem 0}.guide-gallery figure{margin:0}.guide-gallery img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px}.guide-video{position:relative;aspect-ratio:16/9;margin:1.5rem 0}.guide-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:14px}.guide-faq details{margin:.65rem 0;padding:.85rem 1rem;border:1px solid rgba(255,255,255,.12);border-radius:12px}.guide-reward-grid,.guide-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.2rem 0}.guide-reward-card,.guide-stat-card{padding:1rem;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.045)}.guide-reward-card span,.guide-stat-card strong{display:block;font-size:1.2rem;margin:.3rem 0}.guide-block-library{max-height:72vh;overflow:auto}.guide-builder-block header button[data-duplicate]{font-size:1rem}@media(max-width:980px){.guide-builder-workspace{grid-template-columns:1fr}.guide-live-preview{position:static;max-height:none}.guide-reward-grid,.guide-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.guide-gallery,.guide-reward-grid,.guide-stat-grid{grid-template-columns:1fr}}

/* Guides v2 dedicated editor workspace */
.guide-editor-page{position:fixed;inset:0;z-index:5000;padding:0;overflow:auto;background:#08111c}
.guide-editor-page[hidden]{display:none!important}
.guide-editor-page .guide-builder-dialog{width:100%;min-height:100vh;margin:0;padding:0 clamp(1rem,3vw,3rem) 2rem;border:0;border-radius:0;background:#08111c;box-shadow:none}
.guide-editor-page .guide-builder-top{position:sticky;top:0;z-index:20;align-items:center;margin:0 calc(clamp(1rem,3vw,3rem)*-1) 1.25rem;padding:1rem clamp(1rem,3vw,3rem);border-bottom:1px solid rgba(255,255,255,.1);background:rgba(8,17,28,.96);backdrop-filter:blur(12px)}
.guide-editor-page .guide-builder-close{text-decoration:none;font-size:1.3rem}
.guide-editor-page .guide-page-form{width:min(1500px,100%);margin:0 auto;gap:1.25rem}
.guide-editor-page .guide-page-form-grid{grid-template-columns:2fr 1fr 1fr}
.guide-editor-page .guide-page-form-grid .full{grid-column:1/-1}
.guide-editor-page .guide-v2-builder{display:grid;grid-template-columns:190px minmax(0,1fr);gap:1rem;align-items:start}
.guide-editor-page .guide-block-library{position:sticky;top:92px;max-height:calc(100vh - 115px)}
.guide-editor-page .guide-builder-workspace{grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:1.25rem}
.guide-editor-page .guide-block-canvas{min-width:0}
.guide-editor-page .guide-live-preview{top:92px;max-height:calc(100vh - 115px)}
.guide-editor-page #guideLivePreview{width:100%;max-width:860px;margin:0 auto}
.guide-editor-page .guide-builder-actions{position:sticky;bottom:0;z-index:15;margin:0 calc(clamp(1rem,3vw,3rem)*-1) -2rem;padding:1rem clamp(1rem,3vw,3rem);border-top:1px solid rgba(255,255,255,.1);background:rgba(8,17,28,.96);backdrop-filter:blur(12px)}
@media(max-width:1180px){.guide-editor-page .guide-v2-builder{grid-template-columns:1fr}.guide-editor-page .guide-block-library{position:static;display:flex;flex-wrap:wrap;max-height:none}.guide-editor-page .guide-block-library>strong{width:100%}.guide-editor-page .guide-builder-workspace{grid-template-columns:1fr}.guide-editor-page .guide-live-preview{position:static;max-height:none}}
@media(max-width:760px){.guide-editor-page .guide-page-form-grid{grid-template-columns:1fr}.guide-editor-page .guide-page-form-grid .full{grid-column:auto}}

/* Guides v2.1 — friendly writing and media editor */
.guide-writing-column{display:grid;gap:1rem;min-width:0}
.guide-main-editor,.guide-special-blocks{padding:1rem;border:1px solid rgba(216,169,75,.18);border-radius:14px;background:#0b1420;min-width:0}
.guide-main-editor-heading{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.guide-main-editor-heading>div{display:grid;gap:.2rem}.guide-main-editor-heading small{color:var(--muted,#aeb8c6);font-weight:400}
.guide-main-editor .tox-tinymce{border:1px solid rgba(255,255,255,.13)!important;border-radius:12px!important;overflow:hidden;background:#101a28!important}
.guide-main-editor .tox .tox-toolbar-overlord,.guide-main-editor .tox .tox-toolbar__primary{background:#172537!important}
.guide-media-field,.guide-inline-upload{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem;align-items:center}.guide-media-field small,.guide-inline-upload small{grid-column:1/-1;color:var(--muted,#aeb8c6)}
.guide-inline-upload{padding:.7rem;border:1px dashed rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.025)}
.guide-builder-block textarea.has-error{border-color:#e87575!important;box-shadow:0 0 0 2px rgba(232,117,117,.13)}
.guide-video-file video,.guide-live-preview video{display:block;width:100%;max-height:70vh;border-radius:12px;background:#000}
.guide-editor-page .guide-builder-workspace{grid-template-columns:minmax(0,2fr) minmax(330px,1fr)}
@media(max-width:760px){.guide-media-field,.guide-inline-upload{grid-template-columns:1fr}.guide-media-field small,.guide-inline-upload small{grid-column:auto}.guide-main-editor{padding:.7rem}.guide-main-editor .tox-tinymce{min-height:540px}}

/* Shared Asset Library picker for Guides */
.guide-asset-picker{position:fixed;inset:0;z-index:12000;background:rgba(3,7,12,.82);backdrop-filter:blur(10px);display:grid;place-items:center;padding:24px}.guide-asset-picker[hidden]{display:none}.guide-asset-picker-dialog{width:min(1180px,96vw);max-height:90vh;overflow:auto;background:#111b29;border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.5)}.guide-asset-picker-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.guide-asset-picker-head h3{margin:.15rem 0}.guide-asset-picker-head p{margin:.2rem 0;color:var(--muted)}.guide-asset-picker-head>button{border:0;background:transparent;color:#fff;font-size:2rem;cursor:pointer}.guide-asset-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 190px auto;gap:10px;margin:18px 0}.guide-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.guide-asset-card{padding:0 0 12px;border:1px solid rgba(255,255,255,.11);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.035);color:inherit;text-align:left;cursor:pointer}.guide-asset-card:hover{border-color:var(--accent);transform:translateY(-1px)}.guide-asset-preview{height:135px;display:block;background:rgba(0,0,0,.25)}.guide-asset-preview img,.guide-asset-preview video{width:100%;height:100%;object-fit:cover}.guide-asset-card strong,.guide-asset-card small{display:block;padding:0 12px}.guide-asset-card strong{margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guide-asset-card small{margin-top:4px;color:var(--muted)}body.guide-asset-open{overflow:hidden}@media(max-width:720px){.guide-asset-toolbar{grid-template-columns:1fr}.guide-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-asset-picker{padding:10px}}

.guide-author-card{display:grid;gap:.85rem;padding:1rem;border:1px solid rgba(216,169,75,.28);border-radius:14px;background:linear-gradient(145deg,rgba(216,169,75,.1),rgba(98,196,167,.05)),rgba(11,18,29,.68)}
.guide-author-card>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:.7rem;align-items:start}.guide-author-card>div+div{padding-top:.8rem;border-top:1px solid rgba(255,255,255,.08)}
.guide-author-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.07)}.guide-author-card p{display:grid;gap:.18rem;margin:0;min-width:0}.guide-author-card small{color:var(--muted,#aeb8c6);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.guide-author-card strong{overflow-wrap:anywhere;color:#f4f7fb}

/* Discord custom emojis used in Communications Hub announcements */
.discord-inline-emoji {
  display: inline-block;
  width: 1.35em;
  height: 1.35em;
  object-fit: contain;
  vertical-align: -0.28em;
  margin: 0 0.08em;
}