/* Authors page (tools/design/recipes/authors.js). The design's grid leaves 2/3 of the row empty with one person
   (audit M15): a team of one gets one wide card, a bigger team stretches its columns to fill the row. */
.wc-au-team { grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); }
.wc-au-count { margin-top: -8px; font-size: 13px; line-height: 1.45; color: var(--tT6XaDa); font-variant-numeric: tabular-nums; }

@media (min-width: 600px) {
	.wc-au-solo { grid-template-columns: minmax(0, 1fr); }
	.wc-au-solo > a {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-areas: "who cta" "intro intro" "count count";
		align-items: center;
		gap: 14px 24px;
		padding: clamp(24px, 3vw, 36px);
	}
	.wc-au-solo .wc-au-who { grid-area: who; gap: 20px; }
	.wc-au-solo .wc-au-ph { width: 88px; height: 88px; }
	.wc-au-solo .wc-au-name { font-size: 24px; }
	.wc-au-solo .wc-au-intro { grid-area: intro; font-size: 16px; max-width: 620px; }
	.wc-au-solo .wc-au-count { grid-area: count; margin-top: 0; }
	.wc-au-solo .wc-au-cta {
		grid-area: cta;
		justify-self: end;
		height: 40px;
		padding: 0 14px 0 16px;
		border-radius: 980px;
		background: var(--tnOSldA);
		white-space: nowrap;
		transition: background-color .3s cubic-bezier(.25, .1, .25, 1);
	}
	.wc-au-solo > a:hover .wc-au-cta { background: var(--tzJ2OPt); }
}

@media (min-width: 960px) {
	.wc-au-solo > a {
		grid-template-columns: auto minmax(0, 1fr) auto;
		grid-template-areas: "who intro cta" "who count cta";
		gap: 6px clamp(32px, 4vw, 56px);
	}
	.wc-au-solo .wc-au-intro { align-self: end; }
	.wc-au-solo .wc-au-count { align-self: start; }
}

.wc-au-team > a:focus-visible { outline: 2px solid var(--tAWe4DZ); outline-offset: 3px; }