/* the-gpl redesign — /post + /index request inspector. */

.post-section { padding-top: clamp(40px, 6vw, 72px); padding-bottom: clamp(40px, 6vw, 72px); }
.post-lede { margin-top: 16px; margin-bottom: 32px; max-width: 58ch; }

.post-form {
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    padding: 24px;
    display: grid;
    gap: 16px;
    max-width: 520px;
}
.post-field { display: grid; gap: 6px; }
.post-field-label { font-family: var(--mono); font-size: 12px; color: var(--muted); }
.post-input {
    border: 1px solid var(--border-input);
    border-radius: var(--radius-md);
    padding: 12px 14px;
    font-size: 15px;
    font-family: var(--ui);
    background: var(--panel-alt);
    color: var(--ink);
}
.post-input:focus { outline: none; border-color: var(--accent); }
.post-submit { justify-self: start; }

.post-response { margin-top: 36px; }
.post-response-label {
    font-family: var(--mono);
    font-size: 12px;
    color: var(--faint);
    margin-bottom: 12px;
}