.collapsible-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        user-select: none;
        padding: 12px 16px;
        background: var(--color-background);
        border-radius: var(--border-radius-sm);
        margin-top: 16px;
        transition: background 0.2s;
    }

    .collapsible-header:hover {
        background: var(--color-info-bg);
    }

    .collapsible-header h3 {
        margin: 0;
        font-size: var(--font-size-sm, 14px);
        font-weight: var(--font-weight-semibold, 600);
        color: var(--color-secondary);
        display: flex;
        align-items: center;
        gap: var(--spacing-sm);
    }

    .collapsible-arrow {
        font-size: var(--font-size-xs, 12px);
        color: var(--color-text-secondary);
        transition: transform 0.2s;
    }

    .collapsible-content {
        display: none;
        padding: 16px 0 0 0;
    }

    .collapsible.open .collapsible-content {
        display: block;
    }

    .collapsible.open .collapsible-arrow {
        transform: rotate(90deg);
    }

    .field-group {
        margin-bottom: 20px;
    }

    .field-group-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--spacing-sm);
    }

    @media (max-width: 575px) {
        .field-group-grid {
            grid-template-columns: 1fr;
        }
    }

    .field-item {
        display: flex;
        align-items: baseline;
        gap: var(--spacing-sm);
        padding: var(--spacing-sm) var(--spacing-sm);
        background: var(--color-background);
        border-radius: 4px;
        font-size: var(--font-size-sm, 14px);
    }

    .field-item .field-name {
        font-weight: var(--font-weight-semibold, 600);
        color: var(--color-secondary);
        white-space: nowrap;
    }

    .field-item .field-desc {
        color: var(--color-text-secondary);
        font-size: var(--font-size-xs, 12px);
    }

    .why-box {
        background: var(--color-success-bg);
        border-left: 3px solid var(--color-success);
        padding: 12px 16px;
        border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0;
        margin: 16px 0;
    }

    .why-box h3 {
        margin: 0 0 var(--spacing-sm);
        font-size: var(--font-size-sm, 14px);
        font-weight: var(--font-weight-semibold, 600);
        color: var(--color-secondary);
    }

    .why-box ul {
        margin: 0;
        padding-left: 18px;
    }

    .why-box li {
        font-size: var(--font-size-xs, 12px);
        color: var(--color-text-secondary);
        margin-bottom: 4px;
    }

    .type-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--spacing-sm);
        margin-top: var(--spacing-sm);
    }

    @media (max-width: 575px) {
        .type-grid {
            grid-template-columns: 1fr;
        }
    }

    .type-tag {
        display: flex;
        align-items: center;
        gap: var(--spacing-sm);
        padding: var(--spacing-sm) 12px;
        background: var(--color-background);
        border: 1px solid var(--color-border);
        border-radius: 4px;
        font-size: var(--font-size-xs, 12px);
    }

    .type-tag .type-icon {
        font-size: var(--font-size-lg, 18px);
        flex-shrink: 0;
    }

    .type-tag .type-info {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .type-tag .type-code {
        font-weight: var(--font-weight-semibold, 600);
        color: var(--color-secondary);
        font-family: monospace;
        font-size: var(--font-size-xs, 12px);
    }

    .type-tag .type-label {
        color: var(--color-text-secondary);
        font-size: var(--font-size-xs, 12px);
    }

    .disclaimer-box {
        background: var(--color-warning-bg);
        border-left: 3px solid var(--color-warning);
        padding: 12px 16px;
        border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0;
        margin: 16px 0;
        font-size: var(--font-size-xs, 12px);
        color: var(--color-text-secondary);
        line-height: 1.6;
    }

    .disclaimer-box strong {
        color: var(--color-text);
    }
.guide-nav-row { display: flex; justify-content: space-between; gap: 12px; margin-top: 32px; }