.static-wrapper {
    max-width: 1000px;
    margin: 0 auto;
    padding: 32px 20px 50px;
    background: linear-gradient(180deg, rgba(18, 25, 54, .65), rgba(25, 34, 74, .85));
    border: 1px solid var(--border);
    border-radius: 28px;
    box-shadow: var(--shadow);
    backdrop-filter: blur(6px);
}

.static-wrapper h1 {
    margin: 0 0 1.2rem;
    font-size: 2rem;
    background: linear-gradient(90deg, var(--primary), var(--primary-2));
    -webkit-background-clip: text;
    color: transparent;
    letter-spacing: .6px;
}

.static-content {
    font-size: 1rem;
    line-height: 1.75;
    color: var(--text);
}

.static-content h2,
.static-content h3 {
    margin: 2.2rem 0 1rem;
    font-weight: 600;
    letter-spacing: .4px;
    color: #fff;
    position: relative;
}

.static-content h2::before,
.static-content h3::before {
    content: "";
    position: absolute;
    left: -14px;
    top: 6px;
    width: 6px;
    height: 18px;
    border-radius: 4px;
    background: linear-gradient(180deg, var(--primary), var(--accent));
}

.static-content p {
    margin: 1rem 0;
}

.static-content strong {
    color: var(--accent);
    font-weight: 600
}

.static-content a {
    color: var(--primary-2);
    text-decoration: none;
    border-bottom: 1px dashed rgba(14, 165, 233, .5);
    transition: color .2s;
}

.static-content a:hover {
    color: #fff;
    border-bottom-color: #fff
}

.static-content ul,
.static-content ol {
    margin: 1rem 0 1.25rem 1.3rem;
    padding: 0;
}

.static-content li {
    margin: .4rem 0;
    padding-left: .3rem;
}

.static-content ul li {
    list-style: disc;
}

.static-content ol li {
    list-style: decimal;
}

.static-content blockquote {
    margin: 1.5rem 0;
    padding: 1rem 1.2rem;
    background: rgba(34, 197, 94, .14);
    border-left: 4px solid var(--primary);
    border-radius: 14px;
    font-style: italic;
}

.static-content code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    background: #1e294d;
    padding: 2px 6px;
    border-radius: 6px;
    font-size: .85rem;
    color: #ffdf9b;
}

.static-content hr {
    border: none;
    height: 1px;
    background: linear-gradient(90deg, rgba(124, 58, 237, .4), rgba(6, 182, 212, .4));
    margin: 3rem 0;
}

@media (max-width:780px) {
    .static-wrapper {
        padding: 26px 16px 42px
    }

    .static-wrapper h1 {
        font-size: 1.7rem
    }
}

@media (max-width:520px) {
    .static-wrapper {
        padding: 22px 14px 38px
    }

    .static-wrapper h1 {
        font-size: 1.55rem
    }

    .static-content h2,
    .static-content h3 {
        margin: 2rem 0 .9rem
    }
}