@media screen {
    .page-template-spmb-archive-template main.spmb-system {
        max-width: 760px;
        margin: 24px auto 40px;
        padding: 0 20px;
    }

    .page-template-spmb-archive-template .spmb-hero {
        padding: 24px 0 12px;
        border-bottom: 1px solid #e4e4e4;
    }

    .page-template-spmb-archive-template .spmb-title {
        margin: 0 0 8px;
        font-size: 26px;
        line-height: 1.2;
        letter-spacing: -0.2px;
        color: #1f2937;
    }

    .page-template-spmb-archive-template .spmb-subtitle {
        margin: 0;
        color: #6b7280;
    }

    .page-template-spmb-archive-template .spmb-content {
        padding: 16px 0 0;
    }

    .page-template-spmb-archive-template .spmb-article {
        background: #ffffff;
        border: 1px solid #e5e7eb;
        border-radius: 10px;
        padding: 16px 18px;
        box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
    }

    .page-template-spmb-archive-template .spmb-registration-number {
        padding: 10px 12px;
        border-radius: 8px;
        background: #f8fafc;
        border: 1px solid #e2e8f0;
        font-weight: 600;
        margin-bottom: 12px;
    }

    .page-template-spmb-archive-template h2 {
        margin: 18px 0 8px;
        font-size: 18px;
        color: #111827;
    }

    .page-template-spmb-archive-template .spmb-archive-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 14px;
    }

    .page-template-spmb-archive-template .spmb-archive-table th,
    .page-template-spmb-archive-template .spmb-archive-table td {
        border: 1px solid #e5e7eb;
        padding: 8px 10px;
        vertical-align: top;
    }

    .page-template-spmb-archive-template .spmb-archive-table th {
        width: 38%;
        text-align: left;
        background: #f9fafb;
        color: #111827;
        font-weight: 600;
    }

    .page-template-spmb-archive-template .spmb-archive-actions {
        margin: 16px 0;
        padding: 12px;
        border: 1px dashed #cbd5f5;
        border-radius: 10px;
        background: #f8fafc;
    }

    .page-template-spmb-archive-template .spmb-submit-next {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 8px 16px;
        border-radius: 999px;
        border: 1px solid var(--satu-button-primary);
        background: var(--satu-button-primary);
        color: #ffffff;
        font-weight: 600;
        cursor: pointer;
    }

    .page-template-spmb-archive-template .spmb-submit-next:hover {
        background: var(--satu-button-primary-hover);
        border-color: var(--satu-button-primary-hover);
    }
}

@media print {
    @page {
        size: A4;
        margin: 12mm;
    }

    body {
        color: #000;
        background: #fff;
    }

    .no-print,
    .no-print * {
        display: none !important;
    }

    .page-template-spmb-archive-template main.spmb-system {
        max-width: 100%;
        margin: 0;
        padding: 0;
    }

    .page-template-spmb-archive-template .spmb-hero {
        padding: 0 0 6px;
        border-bottom: 1px solid #000;
    }

    .page-template-spmb-archive-template .spmb-title {
        font-size: 18px;
        margin: 0 0 4px;
    }

    .page-template-spmb-archive-template .spmb-subtitle {
        font-size: 11px;
        margin: 0;
    }

    .page-template-spmb-archive-template .spmb-article {
        border: none;
        box-shadow: none;
        padding: 6px 0 0;
    }

    .page-template-spmb-archive-template h2 {
        font-size: 13px;
        margin: 10px 0 4px;
    }

    .page-template-spmb-archive-template .spmb-registration-number {
        border: 1px solid #000;
        background: transparent;
        padding: 6px 8px;
        margin-bottom: 8px;
        font-size: 12px;
    }

    .page-template-spmb-archive-template .spmb-archive-table {
        font-size: 10px;
    }

    .page-template-spmb-archive-template .spmb-archive-table th,
    .page-template-spmb-archive-template .spmb-archive-table td {
        border: 1px solid #000;
        padding: 3px 6px;
    }

    .page-template-spmb-archive-template .spmb-archive-table th {
        width: 36%;
        background: transparent;
    }
}