.counter-perspective-admin {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.counter-perspective-admin h1 {
    font-size: 2em;
    margin-bottom: 1em;
    color: #23282d;
}

.counter-perspective-admin h2 {
    font-size: 1.75em;
    margin: 1em 0 0.5em;
    color: #32373c;
}

.counter-perspective-admin h3 {
    font-size: 1.5em;
    margin: 1em 0 0.5em;
    color: #333;
}

.counter-perspective-admin p {
    margin: 0.5em 0;
    line-height: 1.6;
    color: #444;
}

.counter-perspective-admin p strong {
    font-size: 1.5em;
    color: #333;
    display: block;
    margin: 1em 0 0.5em;
}

.counter-perspective-admin .form-table {
    margin-bottom: 1.5em;
}

.counter-perspective-admin .form-table th {
    width: 200px;
}

.counter-perspective-admin .regular-text {
    width: 100%;
    max-width: 500px;
}

.counter-perspective-admin textarea.regular-text {
    width: 100%;
    max-width: 500px;
    height: 100px;
}

.counter-perspective-admin .submit {
    margin-top: 1em;
}

.counter-perspective-admin .card {
    background: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
    margin-bottom: 20px;
    padding: 20px;
}

#generated-content {
    margin-top: 1em;
    padding: 15px;
    background: #f9f9f9;
    border: 1px solid #ddd;
}

#generated-content p strong {
    font-size: 1.5em;
    color: #333;
    display: block;
    margin: 1em 0 0.5em;
}

#generated-content p {
    margin: 0.5em 0;
    line-height: 1.6;
    color: #444;
}

#generated-content a {
    color: #0073aa;
    text-decoration: none;
}

#generated-content a:hover {
    text-decoration: underline;
}

#recent_perspectives .wp-list-table {
    margin-top: 1em;
}

#recent_perspectives .wp-list-table th,
#recent_perspectives .wp-list-table td {
    padding: 10px;
}

@media (max-width: 768px) {
    .counter-perspective-admin {
        max-width: 100%;
        padding: 10px;
    }

    .counter-perspective-admin .form-table th {
        width: 100%;
        display: block;
    }

    .counter-perspective-admin .regular-text,
    .counter-perspective-admin textarea.regular-text {
        max-width: 100%;
    }
}