/* Extracted from lambidjango/__templates/solutionhq_org/__base.html */
.shq-login-cta {
            margin-top: 1.5rem;
            padding: .85rem 1rem;
            border: 1px solid var(--color-border);
            border-radius: 6px;
            font-size: .85rem;
        }
        .shq-login-cta p { margin: 0 0 .6rem; color: var(--color-text-muted); }
        .shq-login-cta a { display: block; margin-bottom: .35rem; }


/* Extracted from lambidjango/__templates/solutionhq_org/channels/detail.html */
.shq-layout {
        display: grid;
        grid-template-columns: 14rem 1fr;
        gap: 2rem;
        align-items: start;
    }
    @media (max-width: 700px) { .shq-layout { grid-template-columns: 1fr; } }

    .shq-sidebar-label { font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;margin:0 0 .5rem; }
    .shq-sidebar ul { list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem; }
    .shq-sidebar ul li a { display:block;padding:.35rem .6rem;border-radius:4px;text-decoration:none;font-size:.9rem; }
    .shq-sidebar ul li a:hover, .shq-sidebar ul li.active a { background:var(--color-border); }

    .shq-post-list { list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem; }
    .shq-post-list li { display:flex;gap:.75rem;align-items:baseline; }
    .shq-upvote { font-size:.8rem;color:var(--color-text-muted);white-space:nowrap;min-width:2.5rem;text-align:right; }
    .shq-post-meta { font-size:.8rem;color:var(--color-text-muted); }


/* Extracted from lambidjango/__templates/solutionhq_org/home.html */
.shq-layout {
        display: grid;
        grid-template-columns: 14rem 1fr;
        gap: 2rem;
        align-items: start;
    }
    @media (max-width: 700px) {
        .shq-layout { grid-template-columns: 1fr; }
    }

    .shq-sidebar-label {
        font-size: .75rem;
        text-transform: uppercase;
        letter-spacing: .06em;
        margin: 0 0 .5rem;
    }
    .shq-sidebar ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: .15rem;
    }
    .shq-sidebar ul li a {
        display: block;
        padding: .35rem .6rem;
        border-radius: 4px;
        text-decoration: none;
        font-size: .9rem;
    }
    .shq-sidebar ul li a:hover,
    .shq-sidebar ul li.active a {
        background: var(--color-border);
    }

    .shq-post-list {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: .75rem;
    }
    .shq-post-list li {
        display: flex;
        gap: .75rem;
        align-items: baseline;
    }
    .shq-upvote {
        font-size: .8rem;
        color: var(--color-text-muted);
        white-space: nowrap;
        min-width: 2.5rem;
        text-align: right;
    }
    .shq-post-meta {
        font-size: .8rem;
        color: var(--color-text-muted);
    }
    .shq-channel-tag {
        font-size: .75rem;
        padding: .1rem .4rem;
        border: 1px solid var(--color-border);
        border-radius: 2px;
        color: var(--color-text-muted);
        text-decoration: none;
        white-space: nowrap;
    }
    .shq-channel-tag:hover { border-color: var(--color-accent); color: var(--color-accent); }


/* Extracted from lambidjango/__templates/solutionhq_org/members/profile.html */
.shq-profile {
        max-width: 28rem;
        margin: 0 auto;
    }
    .shq-profile-name {
        font-size: 2rem;
        font-weight: 800;
        margin: 0 0 .25rem;
        line-height: 1.1;
    }
    .shq-profile-tags {
        display: flex;
        flex-wrap: wrap;
        gap: .4rem;
        margin: .75rem 0;
    }
    .shq-profile-tag {
        font-size: .78rem;
        padding: .2rem .55rem;
        border: 1px solid var(--color-border);
        border-radius: 2px;
        color: var(--color-text-muted);
    }
    .shq-profile-tag.accent {
        border-color: var(--color-accent);
        color: var(--color-accent);
    }
    .shq-profile-bio {
        font-size: .95rem;
        line-height: 1.7;
        color: var(--color-text);
        margin: 1rem 0;
    }
    .shq-profile-links {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
        margin-top: .75rem;
        padding-top: .75rem;
        border-top: 1px solid var(--color-border);
        font-size: .85rem;
    }
    .shq-post-list {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
    }
    .shq-post-list li {
        padding: .6rem 0;
        border-bottom: 1px solid var(--color-border);
        font-size: .9rem;
    }
    .shq-post-list li:last-child { border-bottom: none; }
    .shq-post-channel {
        font-size: .75rem;
        color: var(--color-text-muted);
        display: block;
        margin-top: .15rem;
    }


/* Extracted from lambidjango/__templates/solutionhq_org/posts/detail.html */
.shq-layout {
        display: grid;
        grid-template-columns: 14rem 1fr;
        gap: 2rem;
        align-items: start;
    }
    @media (max-width: 700px) { .shq-layout { grid-template-columns: 1fr; } }

    .shq-sidebar-label { font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;margin:0 0 .5rem; }
    .shq-sidebar ul { list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem; }
    .shq-sidebar ul li a { display:block;padding:.35rem .6rem;border-radius:4px;text-decoration:none;font-size:.9rem; }
    .shq-sidebar ul li a:hover, .shq-sidebar ul li.active a { background:var(--color-border); }

    .shq-comment { margin-bottom:1rem; }
    .shq-reply { margin-left:2rem;margin-top:.5rem; }