.wf-nizza {
	margin: 26px 0 32px;
	padding: clamp(16px, 4vw, 28px);
	border: 1px solid #c9cfd5;
	border-radius: 8px;
	background: #f5f6f7;
	color: #202b35;
}
.wf-nizza-kicker { font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; }
.wf-nizza h2 { margin: 5px 0 14px; }
.wf-nizza form > label { display: block; font-weight: 700; }
.wf-nizza textarea, .wf-nizza select {
	box-sizing: border-box;
	padding: 9px 12px;
	border: 1px solid #87929d;
	border-radius: 5px;
	background: white;
	color: #202b35;
	font: inherit;
}
.wf-nizza textarea { width: 100%; margin: 5px 0 9px; resize: vertical; }
.wf-nizza-controls, .wf-nizza-examples, .wf-nizza-sources {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
}
.wf-nizza-controls select { display: block; max-width: 100%; margin-top: 3px; }
.wf-nizza-controls > label { min-width: 0; }
.wf-nizza-controls { align-items: end; }
.wf-nizza button {
	min-height: 42px;
	padding: 7px 14px;
	border: 1px solid #32373c;
	border-radius: 5px;
	background: #32373c;
	color: white;
	font: inherit;
	cursor: pointer;
}
.wf-nizza button:disabled { opacity: .65; cursor: wait; }
.wf-nizza :is(button, textarea, select, a):focus-visible { outline: 2px solid #284967; outline-offset: 3px; }
.wf-nizza-examples { margin-top: 14px; font-size: .85rem; }
.wf-nizza-examples button { min-height: 34px; padding: 3px 9px; border-color: #9ba5ae; background: white; color: #202b35; }
.wf-nizza [role=status] { margin: 14px 0 8px; padding: 0; font-weight: 700; }
.wf-nizza [role=status]:empty, .wf-nizza-results:empty { display: none; }
.wf-nizza-results { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 12px; }
.wf-nizza-result { padding: 15px; border: 1px solid #c9cfd5; border-radius: 6px; background: white; overflow-wrap: anywhere; }
.wf-nizza-result h3 { margin: 6px 0; font-size: 1.05rem; }
.wf-nizza-result ul { padding: 0 0 8px 19px; }
.wf-nizza-result li { margin-bottom: 6px; }
.wf-nizza-badge, .wf-nizza-basis, .wf-nizza .wf-nizza-note { font-size: .82rem; color: #475664; }
.wf-nizza-badge { font-weight: 700; }
.wf-nizza-basis { display: block; }
.wf-nizza-trade { border-left: 4px solid #78612d; }
.wf-nizza-sources { margin-top: 17px; font-size: .9rem; }
.wf-nizza a { color: #274762; text-decoration: underline; }
.wf-nizza .wf-nizza-note { margin: 8px 0 0; padding: 0; }