/* AKIPLA v0.7 — additions to the existing v0.6 design. */

.magazine-discovery { background: var(--white); }
.magazine-discovery__search {
	display: grid;
	grid-template-columns: minmax(0, .85fr) minmax(440px, 1.15fr);
	align-items: center;
	gap: clamp(48px, 7vw, 96px);
	margin-bottom: clamp(76px, 8vw, 112px);
	padding: clamp(34px, 5vw, 62px);
	background: var(--forest);
	color: var(--white);
}
.magazine-discovery__search h2,
.magazine-discovery__head h2,
.magazine-discovery__tags h2,
.magazine-list-heading h2,
.concerns__head h2,
.public-properties__head h2 { margin-bottom: 14px; font-size: clamp(32px, 3.2vw, 43px); line-height: 1.5; }
.magazine-discovery__search > div > p:last-child { margin: 0; color: rgba(255,255,255,.72); line-height: 1.9; }

.magazine-search label { display: block; margin-bottom: 10px; font-size: 12px; font-weight: 750; }
.magazine-search__field { display: grid; grid-template-columns: minmax(0, 1fr) auto; background: var(--white); }
.magazine-search input[type="search"] {
	width: 100%;
	min-width: 0;
	min-height: 58px;
	padding: 0 18px;
	border: 0;
	background: transparent;
	color: var(--ink);
	font-size: 14px;
}
.magazine-search button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 58px;
	padding: 0 20px;
	border: 0;
	background: var(--yellow);
	color: var(--ink);
	font-size: 12px;
	font-weight: 800;
	cursor: pointer;
}
.magazine-search button .icon { width: 17px; }
.magazine-search > p { margin: 12px 0 0; color: rgba(255,255,255,.66); font-size: 10px; line-height: 1.7; }
.magazine-search--compact .magazine-search__field { border: 1px solid var(--line); }
.magazine-search--compact > p { color: var(--muted); }

.magazine-discovery__head { margin-bottom: 32px; }
.magazine-discovery__block { margin-bottom: clamp(76px, 8vw, 112px); }
.concern-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.concern-route {
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 310px;
	padding: 28px;
	border-right: 1px solid var(--line);
	border-bottom: 1px solid var(--line);
	background: #f3f8f5;
	color: var(--ink);
	text-decoration: none;
}
.concern-route:nth-child(2),
.concern-route:nth-child(5) { background: #edf6fa; }
.concern-route:nth-child(3),
.concern-route:nth-child(6) { background: #fff5eb; }
.concern-route__top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 22px; }
.concern-route__top > span { color: #788b82; font-size: 10px; font-weight: 800; letter-spacing: .15em; }
.concern-route__top i { display: grid; place-items: center; width: 46px; height: 46px; background: var(--white); color: var(--forest); font-style: normal; }
.concern-route__top .icon { width: 22px; }
.concern-route__category { margin: 0 0 7px; color: var(--forest) !important; font-size: 10px; font-weight: 800; }
.concern-route h3 { margin-bottom: 11px; font-size: 19px; line-height: 1.65; }
.concern-route > p:not(.concern-route__category) { margin: 0 0 20px; color: var(--muted); font-size: 12px; line-height: 1.85; }
.concern-route__more,
.concern-route__latest { margin-top: auto; padding-top: 16px; border-top: 1px solid rgba(31,90,69,.13); color: var(--forest); }
.concern-route__more { display: inline-flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 11px; font-weight: 800; }
.concern-route__latest { display: grid; grid-template-columns: minmax(0, 1fr) 18px; gap: 5px 12px; }
.concern-route__latest small { grid-column: 1 / -1; color: #7e8c85; font-size: 9px; }
.concern-route__latest strong { min-width: 0; font-size: 11px; line-height: 1.7; }
.concern-route__latest .icon { align-self: center; width: 16px; }

.magazine-discovery__tags {
	display: grid;
	grid-template-columns: minmax(280px, .7fr) minmax(0, 1.3fr);
	align-items: start;
	gap: clamp(48px, 7vw, 96px);
	padding: clamp(32px, 5vw, 54px);
	background: var(--ivory);
}
.magazine-discovery__tags > div > p:last-child { margin: 0; color: var(--muted); line-height: 1.9; }
.magazine-tags { display: flex; flex-wrap: wrap; gap: 10px; padding-top: 6px; }
.magazine-tags a { display: inline-flex; align-items: center; gap: 5px; min-height: 42px; padding: 0 15px; border: 1px solid rgba(31,90,69,.18); background: var(--white); font-size: 12px; font-weight: 700; }
.magazine-tags a:hover { border-color: var(--forest); background: var(--forest); color: var(--white); }
.magazine-tags span { color: var(--terracotta); }
.magazine-list-heading { margin-bottom: 34px; padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.post-card__tags { display: flex; flex-wrap: wrap; gap: 7px; margin: -6px 0 18px; }
.post-card__tags span { color: #74827b; font-size: 9px; }

.concerns { background: var(--white); }
.concerns__head,
.public-properties__head { display: flex; align-items: end; justify-content: space-between; gap: 44px; margin-bottom: 34px; }
.concerns__head > div,
.public-properties__head > div { min-width: 0; max-width: 790px; }
.concerns__head p:last-child,
.public-properties__head p:last-child { margin: 0; color: var(--muted); line-height: 1.95; }

.public-properties { background: #f6f8f7; }
.property-waiting { display: grid; grid-template-columns: minmax(340px, .82fr) minmax(0, 1.18fr); align-items: center; gap: clamp(48px, 7vw, 96px); padding: clamp(34px, 5vw, 60px); border: 1px solid var(--line); background: var(--white); }
.property-waiting__visual { background: #eaf4ef; }
.property-waiting__visual img { width: 100%; aspect-ratio: 16 / 10; object-fit: contain; }
.property-waiting h3 { margin-bottom: 15px; font-size: clamp(28px, 3vw, 38px); }
.property-waiting > div:last-child > p:not(.eyebrow) { max-width: 620px; color: var(--muted); line-height: 1.95; }
.property-waiting__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 28px; }

@media (max-width: 960px) {
	.magazine-discovery__search,
	.magazine-discovery__tags,
	.property-waiting { grid-template-columns: 1fr; }
	.concern-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.property-waiting__visual { grid-row: 1; }
}

@media (max-width: 680px) {
	.magazine-discovery__search { gap: 26px; margin-bottom: 64px; padding: 26px 20px; }
	.magazine-discovery__search h2,
	.magazine-discovery__head h2,
	.magazine-discovery__tags h2,
	.magazine-list-heading h2,
	.concerns__head h2,
	.public-properties__head h2 { font-size: 27px; }
	.magazine-search__field { grid-template-columns: 1fr; }
	.magazine-search input[type="search"] { min-height: 54px; font-size: 13px; }
	.magazine-search button { min-height: 48px; }
	.magazine-discovery__block { margin-bottom: 64px; }
	.concern-grid { grid-template-columns: 1fr; }
	.concern-route { min-height: 0; padding: 23px 20px; }
	.concern-route__top { margin-bottom: 18px; }
	.concern-route__more,
	.concern-route__latest { margin-top: 8px; }
	.magazine-discovery__tags { gap: 24px; padding: 26px 20px; }
	.magazine-tags { gap: 8px; }
	.magazine-tags a { min-height: 38px; padding-inline: 12px; font-size: 11px; }
	.concerns__head,
	.public-properties__head { display: block; margin-bottom: 28px; }
	.concerns__head .text-link,
	.public-properties__head .text-link { margin-top: 18px; }
	.property-waiting { padding: 20px; gap: 26px; }
	.property-waiting__actions { align-items: stretch; }
	.property-waiting__actions .button { width: 100%; }
}