/* Курсор-лапка и явная подача формы записи на паспорте.
   Стрелка — Tabler Icons "pointer" (MIT), лапа — вектор в палитре клиники.
   Курсор нативный (CSS url), поэтому не отстаёт на 3D-сцене и работает без JS.
   Включается только на устройствах с мышью. */
@media (hover: hover) and (pointer: fine) {
	/* база: всё наследует курсор родителя — ни один блок не «слетает» в системный */
	html {
		cursor: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2228%22%20height=%2228%22%20viewBox=%220%200%2028%2028%22%3E%3Cg%20transform=%22translate%280.4%200.4%29%20scale%281.02%29%22%3E%3Cpath%20d=%22M7.904%2017.563a1.2%201.2%200%200%200%202.228%20.308l2.09%20-3.093l4.907%204.907a1.067%201.067%200%200%200%201.509%200l1.047%20-1.047a1.067%201.067%200%200%200%200%20-1.509l-4.907%20-4.907l3.113%20-2.09a1.2%201.2%200%200%200%20-.309%20-2.228l-13.582%20-3.904l3.904%2013.563%22%20fill=%22%230D3C43%22%20stroke=%22%23fff%22%20stroke-width=%221.55%22%20stroke-linejoin=%22round%22%20paint-order=%22stroke%22/%3E%3C/g%3E%3Cg%20transform=%22translate%285.4%205.6%29%20scale%280.38%29%22%20fill=%22%23F29A3A%22%20stroke=%22%23fff%22%20stroke-width=%221.4%22%20stroke-linejoin=%22round%22%20paint-order=%22stroke%22%3E%3Cellipse%20cx=%22-6.6%22%20cy=%22-3.9%22%20rx=%223%22%20ry=%223.9%22%20transform=%22rotate%28-22%20-6.6%20-3.9%29%22/%3E%3Cellipse%20cx=%22-2.1%22%20cy=%22-6.8%22%20rx=%223.1%22%20ry=%224.1%22/%3E%3Cellipse%20cx=%222.4%22%20cy=%22-6.8%22%20rx=%223.1%22%20ry=%224.1%22/%3E%3Cellipse%20cx=%226.9%22%20cy=%22-3.9%22%20rx=%223%22%20ry=%223.9%22%20transform=%22rotate%2822%206.9%20-3.9%29%22/%3E%3Cpath%20d=%22M0%20-0.8c4.3%200%207.6%203.4%207.6%206.6%200%203-2.6%204.6-5.1%204.6-1.4%200-1.9-.7-2.5-.7s-1.1.7-2.5.7c-2.5%200-5.1-1.6-5.1-4.6%200-3.2%203.3-6.6%207.6-6.6Z%22/%3E%3C/g%3E%3C/svg%3E") 3 3, default !important;
	}
	body, body * {
		cursor: inherit !important;
	}

	/* состояния */
	a, button, [role="button"], label, summary, select, .pill, .seg button,
	[data-book], .tk-formgo, input[type="checkbox"], input[type="radio"] {
		cursor: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2228%22%20height=%2228%22%20viewBox=%220%200%2028%2028%22%3E%3Cg%20transform=%22translate%280.4%200.4%29%20scale%281.02%29%22%3E%3Cpath%20d=%22M7.904%2017.563a1.2%201.2%200%200%200%202.228%20.308l2.09%20-3.093l4.907%204.907a1.067%201.067%200%200%200%201.509%200l1.047%20-1.047a1.067%201.067%200%200%200%200%20-1.509l-4.907%20-4.907l3.113%20-2.09a1.2%201.2%200%200%200%20-.309%20-2.228l-13.582%20-3.904l3.904%2013.563%22%20fill=%22%230C5F68%22%20stroke=%22%23fff%22%20stroke-width=%221.55%22%20stroke-linejoin=%22round%22%20paint-order=%22stroke%22/%3E%3C/g%3E%3Cg%20transform=%22translate%285.4%205.6%29%20scale%280.42%29%22%20fill=%22%23FFB25C%22%20stroke=%22%23fff%22%20stroke-width=%221.4%22%20stroke-linejoin=%22round%22%20paint-order=%22stroke%22%3E%3Cellipse%20cx=%22-6.6%22%20cy=%22-3.9%22%20rx=%223%22%20ry=%223.9%22%20transform=%22rotate%28-22%20-6.6%20-3.9%29%22/%3E%3Cellipse%20cx=%22-2.1%22%20cy=%22-6.8%22%20rx=%223.1%22%20ry=%224.1%22/%3E%3Cellipse%20cx=%222.4%22%20cy=%22-6.8%22%20rx=%223.1%22%20ry=%224.1%22/%3E%3Cellipse%20cx=%226.9%22%20cy=%22-3.9%22%20rx=%223%22%20ry=%223.9%22%20transform=%22rotate%2822%206.9%20-3.9%29%22/%3E%3Cpath%20d=%22M0%20-0.8c4.3%200%207.6%203.4%207.6%206.6%200%203-2.6%204.6-5.1%204.6-1.4%200-1.9-.7-2.5-.7s-1.1.7-2.5.7c-2.5%200-5.1-1.6-5.1-4.6%200-3.2%203.3-6.6%207.6-6.6Z%22/%3E%3C/g%3E%3C/svg%3E") 3 3, pointer !important;
	}
	a:active, button:active, [role="button"]:active, .pill:active, .tk-formgo:active,
	.seg button:active, [data-book]:active {
		cursor: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2228%22%20height=%2228%22%20viewBox=%220%200%2028%2028%22%3E%3Cg%20transform=%22translate%280.4%200.4%29%20scale%281.02%29%22%3E%3Cpath%20d=%22M7.904%2017.563a1.2%201.2%200%200%200%202.228%20.308l2.09%20-3.093l4.907%204.907a1.067%201.067%200%200%200%201.509%200l1.047%20-1.047a1.067%201.067%200%200%200%200%20-1.509l-4.907%20-4.907l3.113%20-2.09a1.2%201.2%200%200%200%20-.309%20-2.228l-13.582%20-3.904l3.904%2013.563%22%20fill=%22%23C46F18%22%20stroke=%22%23fff%22%20stroke-width=%221.55%22%20stroke-linejoin=%22round%22%20paint-order=%22stroke%22/%3E%3C/g%3E%3Cg%20transform=%22translate%285.4%205.6%29%20scale%280.38%29%22%20fill=%22%23FFFFFF%22%20stroke=%22%230D3C43%22%20stroke-width=%221.4%22%20stroke-linejoin=%22round%22%20paint-order=%22stroke%22%3E%3Cellipse%20cx=%22-6.6%22%20cy=%22-3.9%22%20rx=%223%22%20ry=%223.9%22%20transform=%22rotate%28-22%20-6.6%20-3.9%29%22/%3E%3Cellipse%20cx=%22-2.1%22%20cy=%22-6.8%22%20rx=%223.1%22%20ry=%224.1%22/%3E%3Cellipse%20cx=%222.4%22%20cy=%22-6.8%22%20rx=%223.1%22%20ry=%224.1%22/%3E%3Cellipse%20cx=%226.9%22%20cy=%22-3.9%22%20rx=%223%22%20ry=%223.9%22%20transform=%22rotate%2822%206.9%20-3.9%29%22/%3E%3Cpath%20d=%22M0%20-0.8c4.3%200%207.6%203.4%207.6%206.6%200%203-2.6%204.6-5.1%204.6-1.4%200-1.9-.7-2.5-.7s-1.1.7-2.5.7c-2.5%200-5.1-1.6-5.1-4.6%200-3.2%203.3-6.6%207.6-6.6Z%22/%3E%3C/g%3E%3C/svg%3E") 3 3, pointer !important;
	}
	input:not([type="checkbox"]):not([type="radio"]),
	textarea, [contenteditable="true"] {
		cursor: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2228%22%20viewBox=%220%200%2024%2028%22%3E%3Cg%20stroke=%22%23FFFFFF%22%20stroke-width=%225%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M7%205h10M12%205v18M7%2023h10%22/%3E%3C/g%3E%3Cg%20stroke=%22%230D3C43%22%20stroke-width=%222.2%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M7%205h10M12%205v18M7%2023h10%22/%3E%3C/g%3E%3C/svg%3E") 12 14, text !important;
	}
	:disabled, [aria-disabled="true"], .is-disabled {
		cursor: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2228%22%20height=%2228%22%20viewBox=%220%200%2028%2028%22%3E%3Cg%20transform=%22translate%280.4%200.4%29%20scale%281.02%29%22%3E%3Cpath%20d=%22M7.904%2017.563a1.2%201.2%200%200%200%202.228%20.308l2.09%20-3.093l4.907%204.907a1.067%201.067%200%200%200%201.509%200l1.047%20-1.047a1.067%201.067%200%200%200%200%20-1.509l-4.907%20-4.907l3.113%20-2.09a1.2%201.2%200%200%200%20-.309%20-2.228l-13.582%20-3.904l3.904%2013.563%22%20fill=%22%239FB4B8%22%20stroke=%22%23fff%22%20stroke-width=%221.55%22%20stroke-linejoin=%22round%22%20paint-order=%22stroke%22/%3E%3C/g%3E%3Cg%20transform=%22translate%285.4%205.6%29%20scale%280.38%29%22%20fill=%22%23CBDADC%22%20stroke=%22%23fff%22%20stroke-width=%221.4%22%20stroke-linejoin=%22round%22%20paint-order=%22stroke%22%3E%3Cellipse%20cx=%22-6.6%22%20cy=%22-3.9%22%20rx=%223%22%20ry=%223.9%22%20transform=%22rotate%28-22%20-6.6%20-3.9%29%22/%3E%3Cellipse%20cx=%22-2.1%22%20cy=%22-6.8%22%20rx=%223.1%22%20ry=%224.1%22/%3E%3Cellipse%20cx=%222.4%22%20cy=%22-6.8%22%20rx=%223.1%22%20ry=%224.1%22/%3E%3Cellipse%20cx=%226.9%22%20cy=%22-3.9%22%20rx=%223%22%20ry=%223.9%22%20transform=%22rotate%2822%206.9%20-3.9%29%22/%3E%3Cpath%20d=%22M0%20-0.8c4.3%200%207.6%203.4%207.6%206.6%200%203-2.6%204.6-5.1%204.6-1.4%200-1.9-.7-2.5-.7s-1.1.7-2.5.7c-2.5%200-5.1-1.6-5.1-4.6%200-3.2%203.3-6.6%207.6-6.6Z%22/%3E%3C/g%3E%3C/svg%3E") 3 3, not-allowed !important;
	}
}

/* ---------- паспорт читается как форма записи ---------- */

.tk-booktag {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin: 0 0 6px;
	padding: 4px 9px 4px 8px;
	border-radius: var(--r-pill);
	background: var(--orange);
	color: #fff;
	font: 700 9.5px/1 var(--sans);
	letter-spacing: .09em;
	text-transform: uppercase;
	box-shadow: 0 8px 16px -8px rgba(196, 111, 24, .85);
	animation: tk-pulse 2.6s ease-in-out 1.2s 3;
}

.tk-booktag svg {
	width: 11px;
	height: 11px;
	flex: none;
}

@keyframes tk-pulse {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.06); }
}

/* поле ввода выглядит полем, а не пустой строкой */
.leaf--r .name {
	padding: 3px 34px 5px 10px;
	border: 2px dashed var(--mint-300);
	border-radius: 14px;
	background-color: rgba(31, 162, 175, .05);
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%233D5D63%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M15.5%203.5l5%205L8%2021H3v-5z%22/%3E%3Cpath%20d=%22M13.5%205.5l5%205%22/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 15px 15px;
	transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.leaf--r .name:hover {
	border-color: var(--teal);
	background-color: rgba(31, 162, 175, .09);
}

.leaf--r .name:focus,
.leaf--r .name:focus-visible {
	outline: none;
	border-color: var(--orange-700);
	background-color: #fff;
	box-shadow: 0 0 0 4px rgba(242, 154, 58, .18);
}

.tk-formnote {
	margin: 6px 0 0;
	font: 500 11px/1.3 var(--sans);
	color: var(--ink-2);
}

/* кнопка внутри паспорта открывает ту же запись, что и в шапке */
.tk-formgo {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	width: 100%;
	margin-top: 6px;
	padding: 9px 12px;
	border: 0;
	border-radius: var(--r-pill);
	position: relative;
	z-index: 2;
	background: var(--ink);
	color: #fff;
	font: 700 13px/1 var(--sans);
	box-shadow: 0 10px 18px -12px rgba(4, 36, 42, .95);
	transition: transform .16s ease, background .16s ease;
}

.tk-formgo svg {
	width: 14px;
	height: 14px;
	flex: none;
	transition: transform .16s ease;
}

.tk-formgo:hover {
	background: var(--teal-700);
	transform: translateY(-1px);
}

.tk-formgo:hover svg {
	transform: translateX(3px);
}

.tk-formgo:active {
	transform: translateY(0);
}

/* на телефоне книга перестраивается в grid — даём новым блокам свои области */
@media (max-width: 759px) {
	.book {
		grid-template-areas:
			"tag tag"
			"title title"
			"photo lbl"
			"photo name"
			"seg seg"
			"note note"
			"go go"
			"rows rows";
	}
	.tk-booktag { grid-area: tag; justify-self: start; margin-bottom: 10px; }
	.tk-formnote { grid-area: note; margin: 10px 0 0; }
	.tk-formgo { grid-area: go; margin-top: 10px; }
}