/* P-23 · план безопасности */

.local { display: flex; gap: 10px; align-items: flex-start; font-size: 13.5px; color: var(--ink-3); background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-md); padding: 11px 15px; margin-bottom: var(--sp-5); line-height: 1.5; }
.local svg { flex: none; margin-top: 2px; }

/* ── раздел плана ─────────────────────────────────────────── */
.block { background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); padding: var(--sp-5); margin-bottom: var(--sp-3); }
.block .n { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: var(--surface-2); color: var(--primary); font-size: 13px; font-weight: 700; margin-bottom: var(--sp-3); }
.block h2 { font-size: 18.5px; line-height: 1.32; letter-spacing: -.014em; margin: 0 0 var(--sp-2); }
.block .why { font-size: 14.5px; color: var(--ink-2); margin: 0 0 var(--sp-4); }
.block textarea { width: 100%; min-height: 88px; resize: vertical; border: 1px solid var(--line-strong); border-radius: var(--r-md); padding: 12px 14px; font: inherit; font-size: 16px; line-height: 1.55; background: var(--paper); color: var(--ink); }
.block textarea::placeholder { color: var(--ink-3); }
.block textarea:focus-visible { border-color: var(--primary); outline: 2px solid var(--primary); outline-offset: 1px; }
.block .filled { background: var(--surface); border-radius: var(--r-md); padding: 13px 15px; font-size: 16px; color: var(--ink); white-space: pre-wrap; }
.block .empty-line { color: var(--ink-3); font-style: italic; font-size: 15px; }

/* ── кризисные номера · всегда в плане ────────────────────── */
.numbers { border: 1px solid var(--crisis-line); border-top: 4px solid var(--crisis); background: var(--crisis-tint); border-radius: var(--r-lg); padding: var(--sp-5); margin-bottom: var(--sp-4); }
.numbers .kicker { font-size: 11.5px; letter-spacing: .09em; text-transform: uppercase; font-weight: 700; color: var(--crisis); margin: 0 0 var(--sp-3); }
.numbers h2 { font-size: 18px; line-height: 1.32; margin: 0 0 var(--sp-4); color: var(--crisis-ink); }
.tel { display: flex; align-items: center; gap: var(--sp-3); padding: 12px 15px; border-radius: var(--r-md); background: var(--paper); border: 1px solid var(--crisis-line); margin-bottom: var(--sp-2); text-decoration: none; color: var(--crisis-ink); }
.tel:last-of-type { margin-bottom: 0; }
/* номер, которого ещё нет, выглядит номером, но не набирается */
.tel-pending { opacity: .66; cursor: default; pointer-events: none; }
.tel .num { font-size: 18px; font-weight: 700; font-variant-numeric: tabular-nums; }
.tel .what { font-size: 13.5px; color: #8B5B55; }
.tel .ico { margin-inline-start: auto; opacity: .8; flex: none; }

/* ── действия ─────────────────────────────────────────────── */
.saveRow { display: flex; gap: var(--sp-2); flex-wrap: wrap; margin-bottom: var(--sp-4); }
.saveRow .btn { flex: 1; min-width: 160px; }
.savednote { display: flex; gap: 9px; align-items: flex-start; font-size: 13.5px; color: var(--positive); background: var(--positive-tint); border: 1px solid var(--positive-line); border-radius: var(--r-md); padding: 11px 15px; margin-bottom: var(--sp-4); }
.savednote svg { flex: none; margin-top: 2px; }

.toacct { background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); padding: var(--sp-5); margin-bottom: var(--sp-4); }
.toacct h2 { font-size: 17.5px; letter-spacing: -.012em; margin: 0 0 var(--sp-2); }
.toacct p { font-size: 15px; color: var(--ink-2); margin: 0 0 var(--sp-4); }

.unavail { border: 1px solid var(--caution-line); background: var(--caution-tint); border-radius: var(--r-lg); padding: var(--sp-5); margin-bottom: var(--sp-4); }
.unavail h2 { font-size: 18px; letter-spacing: -.012em; margin: 0 0 var(--sp-2); color: #5A4515; }
.unavail p { font-size: 15px; color: #6B531A; margin: 0; }

/* ── печать · одна страница A4 ────────────────────────────── */
@media print {
	@page { size: A4; margin: 14mm; }
	body { background: #fff; padding: 0; font-size: 11pt; }
	header, .crisisbar, .local, .saveRow, .toacct, .unavail, .savednote, .lead p, .skip { display: none !important; }
	main { max-width: none; padding: 0; }
	.lead h1 { font-size: 18pt; margin-bottom: 8pt; }
	.block { border: 1px solid #999; border-radius: 4pt; padding: 8pt 10pt; margin-bottom: 6pt; break-inside: avoid; }
	.block .n { width: 18pt; height: 18pt; font-size: 9pt; margin-bottom: 4pt; background: #eee; }
	.block h2 { font-size: 12pt; margin-bottom: 3pt; }
	.block .why { display: none; }
	.block .filled { background: #fff; border: 0; padding: 0; font-size: 11pt; }
	.block textarea { border: 1px solid #bbb; min-height: 44pt; }
	.numbers { border: 2pt solid #000; background: #fff; padding: 8pt 10pt; break-inside: avoid; }
	.numbers h2 { font-size: 12pt; color: #000; margin-bottom: 5pt; }
	.tel { border: 0; padding: 2pt 0; background: #fff; color: #000; }
	.tel .num { font-size: 13pt; }
	.tel .what { color: #444; }
}