/* ============================================================
   #фармединство — проверка серий
   Все правила под обёрткой .fsc и с двумя классами в селекторе:
   типографика статьи (.entry-content a / p / h2) имеет вес (0,1,1)
   и иначе перекрасила бы ссылки и заголовки формы.
   Цвета — токены темы (светлая и тёмная), значения после запятой —
   запасные на случай, если токена нет.
   ============================================================ */

.fsc {
	--fsc-brand: var(--fill-primary);
	--fsc-link: var(--text-link);
	--fsc-link-hover: var(--text-link-hover);
	--fsc-brand-ink: var(--fill-primary-hover);
	--fsc-fg: var(--text-01);
	--fsc-muted: var(--text-02);
	--fsc-faint: var(--text-03);
	--fsc-card: var(--card-bg);
	--fsc-line: var(--border-subtle);
	--fsc-radius: var(--radius-card);
	--fsc-radius-sm: var(--radius-input);

	--fsc-block: var(--on-tint-error);
	--fsc-block-bg: var(--tint-error);
	--fsc-control: var(--on-tint-warning);
	--fsc-control-bg: var(--tint-warning);
	--fsc-allow: var(--on-tint-success);
	--fsc-allow-bg: var(--tint-success);
	--fsc-info: var(--on-tint-neutral);
	--fsc-info-bg: var(--tint-neutral);

	width: 100%;
	margin: 0 0 48px;
	color: var(--fsc-fg);
	font-family: var(--primary-font, 'Manrope'), system-ui, -apple-system, 'Segoe UI', sans-serif;
	font-size: 15px;
	line-height: 1.5;
}

.fsc *,
.fsc *::before,
.fsc *::after { box-sizing: border-box; }

/* ---------- карточки ---------- */

.fsc .fsc-card {
	background: var(--fsc-card);
	border-radius: var(--fsc-radius);
	padding: 24px;
	margin: 0 0 16px;
}

.fsc .fsc-muted { color: var(--fsc-muted); margin: 8px 0; }

/* Тема красит ссылки статьи правилом .entry-content a:not(.ui-button) —
   вес (0,2,1), поэтому внутри статьи нужен вес больше. */

/* ---------- форма ---------- */

.fsc .fsc-form {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) auto;
	gap: 12px;
	align-items: end;
	margin: 0;
}

.fsc .fsc-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }

.fsc .fsc-optional {
	font-style: normal;
	font-weight: 500;
	color: var(--fsc-faint);
}

/* ---------- следить за серией ---------- */

.fsc .fsc-watch {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 16px;
	border: 2px dashed var(--fsc-line);
	background: transparent;
}
.fsc .fsc-watch-text { flex: 1; min-width: 0; }
.fsc .fsc-watch-title { display: block; font-size: 15px; color: var(--fsc-fg); }
.fsc .fsc-watch-lead { margin: 4px 0 0; font-size: 13px; color: var(--fsc-muted); }

/* Вес (0,3,1): правило темы .entry-content a:not(.ui-button) красит ссылки. */

@media (max-width: 640px) {
	.fsc .fsc-watch { flex-direction: column; align-items: stretch; }

}

/* ---------- результат ---------- */

.fsc .fsc-result:empty { display: none; }
.fsc .fsc-result { margin: 0 0 32px; }

.fsc .fsc-summary {
	margin: 0 0 12px;
	font-weight: 600;
}

.fsc .fsc-verdict {
	border-radius: var(--fsc-radius-sm);
	padding: 14px 16px;
	margin: 0 0 16px;
	border-left: 6px solid currentColor;
}
.fsc .fsc-verdict--block   { color: var(--fsc-block);   background: var(--fsc-block-bg); }
.fsc .fsc-verdict--control { color: var(--fsc-control); background: var(--fsc-control-bg); }
.fsc .fsc-verdict--allow   { color: var(--fsc-allow);   background: var(--fsc-allow-bg); }
.fsc .fsc-verdict--info    { color: var(--fsc-info);    background: var(--fsc-info-bg); }

.fsc .fsc-verdict-title {
	display: block;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.25;
}
.fsc .fsc-verdict-lead {
	margin-top: 4px;
	font-size: 15px;
	color: var(--fsc-fg);
}

.fsc .fsc-drug {
	margin: 0 0 4px;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.35;
	color: var(--fsc-fg);
}
.fsc .fsc-drug-facts {
	font-size: 13px;
	color: var(--fsc-muted);
	overflow-wrap: anywhere;
}

.fsc .fsc-letters {
	margin-top: 14px;
	border-top: 1px solid var(--fsc-line);
}
.fsc .fsc-letter {
	padding: 10px 0 10px 14px;
	border-bottom: 1px solid var(--fsc-line);
	position: relative;
}
.fsc .fsc-letter::before {
	content: '';
	position: absolute;
	left: 0;
	top: 16px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--fsc-info);
}
.fsc .fsc-letter--block::before   { background: var(--fsc-block); }
.fsc .fsc-letter--control::before { background: var(--fsc-control); }
.fsc .fsc-letter--allow::before   { background: var(--fsc-allow); }

.fsc .fsc-letter-head {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 12px;
	align-items: baseline;
}
.fsc .fsc-letter-type { font-weight: 700; }
.fsc .fsc-letter-meta {
	font-style: normal;
	font-size: 13px;
	color: var(--fsc-muted);
	font-variant-numeric: tabular-nums;
}
.fsc .fsc-letter-details {
	font-size: 13px;
	color: var(--fsc-muted);
	overflow-wrap: anywhere;
}

.fsc .fsc-message-title {
	display: block;
	font-size: 19px;
	font-weight: 800;
	margin-bottom: 6px;
}
.fsc .fsc-message-text { margin: 0 0 10px; color: var(--fsc-fg); }
.fsc .fsc-message--none  { border-left: 6px solid var(--fsc-allow); }
.fsc .fsc-message--error { border-left: 6px solid var(--fsc-block); }

.fsc .fsc-similar-title,
.fsc .fsc-h2 {
	margin: 24px 0 12px;
	font-weight: 800;
	line-height: 1.25;
	color: var(--fsc-fg);
}
.fsc .fsc-similar-title { font-size: 19px; }
.fsc .fsc-h2 { font-size: 24px; }
.fsc .fsc-group--similar { padding: 18px 24px; }

/* ---------- свежие письма ---------- */

.fsc .fsc-recent { margin: 0 0 24px; }

.fsc .fsc-recent-item {
	padding: 14px 0;
	border-top: 1px solid var(--fsc-line);
}
.fsc .fsc-recent-meta {
	font-size: 13px;
	font-weight: 600;
	color: var(--fsc-muted);
	font-variant-numeric: tabular-nums;
	margin-bottom: 6px;
}
.fsc .fsc-recent-row {
	display: grid;
	grid-template-columns: 170px minmax(0, 1fr) auto;
	gap: 4px 16px;
	align-items: baseline;
	padding: 4px 0;
}
.fsc .fsc-recent-type { font-size: 13px; }
.fsc .fsc-recent-row--block   .fsc-recent-type { color: var(--fsc-block); }
.fsc .fsc-recent-row--control .fsc-recent-type { color: var(--fsc-control); }
.fsc .fsc-recent-row--allow   .fsc-recent-type { color: var(--fsc-allow); }
.fsc .fsc-recent-drug { font-size: 15px; overflow-wrap: anywhere; }

/* ---------- примечание ---------- */

.fsc .fsc-note {
	font-size: 13px;
	color: var(--fsc-muted);
	border-top: 1px solid var(--fsc-line);
	padding-top: 16px;
}
.fsc .fsc-note p { margin: 0 0 8px; }
.fsc .fsc-source--stale { color: var(--fsc-block); font-weight: 600; }

/* ---------- телефон ---------- */

@media (max-width: 760px) {
	.fsc .fsc-card { padding: 18px 16px; }
	.fsc .fsc-form { grid-template-columns: minmax(0, 1fr); }

	.fsc .fsc-recent-row { grid-template-columns: minmax(0, 1fr) auto; }
	.fsc .fsc-recent-type { grid-column: 1 / -1; }
	.fsc .fsc-h2 { font-size: 20px; }
}

/* Компоненты кита (.ui-field, .ui-input, .ui-button, .ui-link) дают вид, фокус и ночную тему;
   здесь — только то, что специфично для формы серии. */
.fsc .fsc-field--series .ui-input { font-weight: 700; letter-spacing: 0.04em; font-variant-numeric: tabular-nums; }
.fsc .fsc-form .ui-button { min-height: 44px; }
.fsc.fsc--busy .fsc-submit { opacity: 0.6; cursor: progress; }
.fsc .fsc-hint { margin: 12px 0 0; }
.fsc .fsc-more, .fsc .fsc-recent-series {
	border: 0; background: none; padding: 0; font: inherit; cursor: pointer;
	color: var(--fsc-link); text-decoration: underline; text-underline-offset: 2px;
}
.fsc .fsc-more { margin-top: 12px; font-weight: 600; }
.fsc .fsc-recent-series { font-size: 13px; font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums; }
.fsc .fsc-more:hover, .fsc .fsc-recent-series:hover { color: var(--fsc-link-hover); }
.fsc a.fsc-watch-btn { flex: none; }

/* Ширина колонки ограничена у дочерних блоков, корень занимает весь контейнер
   темы. Ширину и боковые поля контейнеру задаёт тема (style.scss, .container). */
.fsc > * { max-width: 920px; }

.fsc .fsc-head { padding-top: 40px; margin-bottom: 24px; }
.fsc .fsc-title { margin: 0 0 12px; font-size: 28px; font-weight: 800; line-height: 1.2; color: var(--text-01); text-align: left; }
.fsc .fsc-lead { max-width: 760px; margin: 0; font-size: 17px; line-height: 1.55; color: var(--text-02); }
@media (max-width: 760px) {
	.fsc .fsc-head { padding-top: 24px; margin-bottom: 16px; }
	.fsc .fsc-title { font-size: 24px; }
	.fsc .fsc-lead { font-size: 15px; }
}