@media screen and (max-width: 1024px) {
    :root {
        --wiki-polymerization-max-width: 95%;
        --wiki-polymerization-sidebar-width: 250px;
    }

    .wiki-polymerization-main-layout {
        gap: 1rem;
    }

    .wiki-polymerization-header-inner {
        flex-wrap: wrap;
    }

    .wiki-polymerization-header-search {
        order: 3;
        width: 100%;
        margin-top: 0.5rem;
    }

    .wiki-polymerization-header-search .wiki-polymerization-search-form {
        flex-direction: row;
    }
}

@media screen and (max-width: 768px) {
    :root {
        --wiki-polymerization-max-width: 100%;
        --wiki-polymerization-sidebar-width: 100%;
        --wiki-polymerization-spacing: 0.75rem;
    }

    body {
        font-size: 13px;
    }

    .wiki-polymerization-header {
        position: relative;
        padding: 0.5rem 0;
    }

    .wiki-polymerization-container {
        padding: 0 var(--wiki-polymerization-spacing);
    }

    .wiki-polymerization-main-layout {
        flex-direction: column;
    }

    .wiki-polymerization-sidebar {
        width: 100%;
        order: 1;
    }

    .wiki-polymerization-content-area {
        width: 100%;
        order: 0;
    }

    .wiki-polymerization-nav-menu {
        display: none;
        flex-direction: column;
        width: 100%;
        background: var(--wiki-polymerization-bg);
        border-top: 1px solid var(--wiki-polymerization-border);
        margin-top: 0.5rem;
    }

    .wiki-polymerization-nav-menu.active {
        display: flex;
    }

    .wiki-polymerization-nav-menu li {
        border-bottom: 1px solid var(--wiki-polymerization-border);
    }

    .wiki-polymerization-nav-menu a {
        padding: 0.75rem 1rem;
    }

    .wiki-polymerization-menu-toggle {
        display: block;
        background: none;
        border: none;
        font-size: 1.5rem;
        cursor: pointer;
        padding: 0.5rem;
        color: var(--wiki-polymerization-text);
    }

    .wiki-polymerization-logo-area {
        flex: 1;
    }

    .wiki-polymerization-site-title {
        font-size: 1.25rem;
    }

    .wiki-polymerization-article {
        margin-bottom: var(--wiki-polymerization-spacing);
    }

    .wiki-polymerization-article-title {
        font-size: 1.1rem;
    }

    .wiki-polymerization-tag-list {
        gap: 0.35rem;
    }

    .wiki-polymerization-tag-item {
        font-size: 0.8rem;
        padding: 0.2rem 0.5rem;
    }

    .wiki-polymerization-footer-content {
        flex-direction: column;
        gap: 1.5rem;
    }

    .wiki-polymerization-footer-widget {
        min-width: 100%;
    }

    .wiki-polymerization-footer-info {
        text-align: center;
    }

    .wiki-polymerization-pagination {
        gap: 0.35rem;
    }

    .wiki-polymerization-pagination a,
    .wiki-polymerization-pagination span {
        padding: 0.4rem 0.6rem;
        font-size: 0.85rem;
    }

    .wiki-polymerization-single-title {
        font-size: 1.4rem;
    }

    .wiki-polymerization-breadcrumb {
        font-size: 0.75rem;
        overflow-x: auto;
        white-space: nowrap;
    }
}

@media screen and (max-width: 480px) {
    :root {
        --wiki-polymerization-spacing: 0.5rem;
    }

    body {
        font-size: 12px;
    }

    .wiki-polymerization-container {
        padding: 0 var(--wiki-polymerization-spacing);
    }

    .wiki-polymerization-logo-area {
        gap: 0.5rem;
    }

    .wiki-polymerization-site-title {
        font-size: 1.1rem;
    }

    .wiki-polymerization-site-description {
        display: none;
    }

    .wiki-polymerization-article-header {
        padding: 0.5rem 0.75rem;
    }

    .wiki-polymerization-article-title {
        font-size: 1rem;
    }

    .wiki-polymerization-article-content {
        padding: 0.75rem;
    }

    .wiki-polymerization-article-meta {
        font-size: 0.75rem;
        padding: 0.4rem 0.75rem;
    }

    .wiki-polymerization-widget-title {
        padding: 0.5rem 0.75rem;
        font-size: 0.9rem;
    }

    .wiki-polymerization-widget-content {
        padding: 0.75rem;
    }

    .wiki-polymerization-search-form {
        padding: 0.75rem;
    }

    .wiki-polymerization-search-form input[type="search"] {
        font-size: 0.85rem;
        padding: 0.4rem;
    }

    .wiki-polymerization-search-form button {
        padding: 0.4rem 0.75rem;
        font-size: 0.85rem;
    }

    .wiki-polymerization-footer {
        padding: 1.5rem 0;
    }

    .wiki-polymerization-footer-info p {
        margin: 0.25rem 0;
        font-size: 0.8rem;
    }

    .wiki-polymerization-pagination a,
    .wiki-polymerization-pagination span {
        padding: 0.35rem 0.5rem;
        font-size: 0.8rem;
    }

    .wiki-polymerization-single-title {
        font-size: 1.25rem;
    }

    .wiki-polymerization-toc {
        padding: 0.75rem;
    }

    .wiki-polymerization-toc-title {
        font-size: 0.9rem;
    }
}

@media screen and (min-width: 769px) {
    .wiki-polymerization-menu-toggle {
        display: none;
    }

    .wiki-polymerization-nav-menu {
        display: flex;
    }
}

@media print {
    .wiki-polymerization-header,
    .wiki-polymerization-sidebar,
    .wiki-polymerization-footer,
    .wiki-polymerization-comments,
    .wiki-polymerization-pagination,
    .wiki-polymerization-tag-section {
        display: none !important;
    }

    .wiki-polymerization-main {
        margin: 0;
        padding: 0;
    }

    .wiki-polymerization-container {
        max-width: 100%;
        padding: 0;
    }

    .wiki-polymerization-content-area {
        width: 100%;
    }

    body {
        font-size: 12pt;
        color: #000;
        background: #fff;
    }

    a {
        color: #000;
        text-decoration: underline;
    }

    .wiki-polymerization-article {
        border: none;
        margin: 0;
        padding: 0;
    }

    .wiki-polymerization-single-title {
        font-size: 18pt;
    }

    .wiki-polymerization-article-content {
        padding: 0;
    }
}