.hub-hero { padding-bottom: 8px; }
.hub-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 22px;
    align-items: end;
    background: linear-gradient(135deg, #ffffff 0%, #f7fbff 100%);
    border: 1px solid var(--gptc-border);
    border-radius: var(--gptc-radius);
    padding: 28px;
    box-shadow: var(--gptc-shadow);
}
.hub-hero__grid h1 { margin: 8px 0 10px; font-size: clamp(2rem, 4vw, 3rem); line-height: .96; letter-spacing: -0.05em; }
.hub-hero__grid p { margin: 0; color: var(--gptc-text-soft); max-width: 66ch; }
.hub-layout { align-items: start; }
.hub-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}
.hub-card { min-height: 100%; }
.hub-single-article .gptc-card__body { padding: 28px; }
.hub-single-article .content-cover { margin: 0 0 18px; border-radius: 18px; overflow: hidden; }
.hub-related-block { margin-top: 22px; }
.prompt-box {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
    background: #0f172a;
    color: #e2e8f0;
    border-radius: 20px;
    padding: 22px;
    font-size: .98rem;
    line-height: 1.65;
    overflow: auto;
}
@media (max-width: 1080px) {
    .hub-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
    .hub-hero__grid { grid-template-columns: 1fr; }
    .hub-card-grid { grid-template-columns: 1fr; }
}