/* Затверджені інструкції гідів: типографіка й кольори з токенів поточної теми. */
.tf-prose > .tf-guide-instruction { margin-block: var(--tf-space-6); }
.tf-guide-instruction { min-inline-size: 0; overflow-wrap: anywhere; }
.tf-guide-instruction > :first-child { margin-block-start: 0; }
.tf-prose .tf-guide-instruction h2 { font-size: var(--tf-size-heading-medium); }
.tf-prose .tf-guide-instruction h3 { font-size: var(--tf-size-heading-small); }
.tf-guide-instruction figure { margin: 0; }
.tf-guide-instruction img { display: block; inline-size: 100%; block-size: auto; border: var(--tf-bw) solid var(--tf-border); }
.tf-guide-instruction figcaption { margin-block-start: var(--tf-space-2); color: var(--tf-text); font-size: var(--tf-size-body); line-height: var(--tf-lh-body); }
.tf-guide-instruction__picture { margin-block: var(--tf-space-4); }
/* Аркуш інструкції — одне ціле фото, кроки текстом поруч (з 48rem) або під ним; портретний аркуш не ширший за 26rem. */
.tf-guide-instruction__sheet { display: grid; gap: var(--tf-space-4); margin-block: var(--tf-space-4); }
.tf-guide-instruction__sheet > .tf-guide-instruction__picture { margin: 0; }
.tf-guide-instruction__sheet:not(.tf-guide-instruction__sheet--wide) > .tf-guide-instruction__picture { max-inline-size: 26rem; }
.tf-guide-instruction__legend { min-inline-size: 0; }
.tf-prose .tf-guide-instruction__legend > :last-child { margin-block-end: 0; }
.tf-prose .tf-guide-instruction__steps { margin-block-end: var(--tf-space-4); }
.tf-guide-instruction__steps > li { margin-block-end: var(--tf-space-2); }
.tf-guide-instruction__note,
.tf-guide-instruction__attribution { color: var(--tf-text-muted); }
.tf-guide-instruction table { inline-size: 100%; table-layout: fixed; border-collapse: collapse; margin-block: var(--tf-space-4); font-size: var(--tf-size-body); }
.tf-guide-instruction caption { padding-block-end: var(--tf-space-3); text-align: start; font-weight: 600; }
.tf-guide-instruction :is(th, td) { padding: var(--tf-space-3); border: var(--tf-bw) solid var(--tf-border); vertical-align: top; text-align: start; overflow-wrap: anywhere; }
.tf-guide-instruction tr > :first-child { inline-size: 28%; }
.tf-guide-instruction details { border-block: var(--tf-bw) solid var(--tf-border); }
.tf-guide-instruction summary { min-block-size: var(--tf-control); padding-block: var(--tf-space-3); cursor: pointer; font-weight: 700; }
.tf-guide-instruction summary:focus-visible { outline: var(--tf-bw-control) solid var(--tf-focus); outline-offset: var(--tf-space-1); }
.tf-guide-instruction details > :last-child { margin-block-end: var(--tf-space-4); }
.tf-guide-instruction a { display: inline-block; padding-block: var(--tf-space-2); min-block-size: var(--tf-control); }
@media (min-width: 48rem) {
	.tf-guide-instruction__sheet:not(.tf-guide-instruction__sheet--wide) { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--tf-space-5); align-items: start; }
	.tf-guide-instruction__sheet--wide .tf-guide-instruction__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--tf-space-6); }
}
@media (max-width: 47.99rem) {
	.tf-guide-instruction :is(th, td) { padding: var(--tf-space-2); }
}