.s-pcond { padding-block: var(--space-6, 40px); }
.s-pcond__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-5, 32px); margin-top: var(--space-5, 32px); }
.s-pcond__grid .card h3 { font: 600 15px var(--font-sans); margin: 0 0 6px; }
.s-pcond__grid .card p { margin: 0; font-size: 14px; line-height: 1.6; color: var(--fg-2); }
.s-pcond__season { margin-top: var(--space-5, 32px); max-width: 72ch; font-size: 15px; color: var(--fg-2); }
.s-pcond__districts { margin-top: var(--space-6, 40px); }
.s-pcond__districts h3 { font-size: 17px; margin: 0 0 12px; }
.s-pcond__tags { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px; padding: 0; }
.s-pcond__hint { margin: 0; font-size: 13px; color: var(--fg-3); max-width: 70ch; line-height: 1.55; }
.s-pcond__facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-4, 24px); margin-top: var(--space-6, 40px); }
.s-pcond__facts dt { font-size: 13px; color: var(--fg-3); margin-bottom: 2px; }
.s-pcond__facts dd { margin: 0; font-size: 15px; }
@media (max-width: 900px) { .s-pcond__grid, .s-pcond__facts { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .s-pcond__grid, .s-pcond__facts { grid-template-columns: 1fr; } }
