/* /wideodomofony/: style tylko tej strony. Tokeny z :root w main.css, bez nowych kolorów. */

.homes .section-head { margin-bottom: 0; }
.homes__list { font-size: var(--text-lg); gap: var(--s-4); }

/* Kurier przy furtce: pas ogrodzenia, jedna tabliczka emaliowana nad listą */

.ring__app { max-width: 52ch; border-top: 1px solid var(--on-ral-line); padding-top: var(--s-5); }
.ring__app p { margin: var(--s-3) 0 0; color: var(--on-ral-2); }
.ring__subtitle { font: 600 var(--h3) / 1.25 var(--font-text); }
.ring__link { font-weight: 600; }
.ring .ring__link a { display: inline-flex; align-items: center; gap: var(--s-2); min-height: 2.75rem; color: var(--on-ral); }
.ring__link svg { transition: transform var(--d-fast) var(--ease-out); }
.ring__link a:hover svg { transform: translateX(2px); }

.ring__card { display: grid; gap: var(--s-5); justify-items: start; }
.ring__plate { margin: 0; }
.ring__list { font-size: var(--text-lg); gap: var(--s-4); }
.ring__notes { display: grid; gap: var(--s-5); margin: var(--s-2) 0 0; width: 100%; }
.ring__notes > div { border-top: 1px solid var(--on-ral-line); padding-top: var(--s-3); }
.ring__notes dt { font-weight: 600; }
.ring__notes dd { margin: var(--s-1) 0 0; color: var(--on-ral-2); max-width: 52ch; }
@media (min-width: 600px) { .ring__notes { grid-template-columns: 1fr 1fr; } }
@media (min-width: 900px) and (max-width: 1179px) { .ring__notes { grid-template-columns: 1fr; } }

.ring__grid { display: grid; gap: var(--s-7); }
.ring__head .section-head { margin-bottom: 0; }
@media (min-width: 900px) {
	.ring__grid { grid-template-columns: 1fr 1fr; grid-template-areas: "head card" "app card"; column-gap: var(--s-8); row-gap: var(--s-6); align-items: start; }
	.ring__head { grid-area: head; }
	.ring__card { grid-area: card; }
	.ring__app { grid-area: app; }
}