.tf-recipe{min-width:0;padding:var(--tf-space-7);border:var(--tf-border-width-strong) solid var(--tf-clay-soft);border-radius:var(--tf-radius);background:var(--tf-surface);--tr-radius:var(--tf-radius);--tr-bg:var(--tf-surface);--tr-text:var(--tf-text);--tr-muted:var(--tf-text-muted);--tr-button-color:var(--tf-clay);--tr-star-color:var(--tf-honey-text)}.tf-recipe__title{margin-bottom:var(--tf-space-4);font-family:var(--tf-font-display);font-size:var(--tf-fs-2xl);font-weight:var(--tf-weight-black);line-height:var(--tf-leading-snug);overflow-wrap:anywhere}.tf-recipe__facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--tf-space-4);padding:var(--tf-space-4) 0;border-top:var(--tf-border-width) solid var(--tf-border-subtle);border-bottom:var(--tf-border-width) solid var(--tf-border-subtle)}.tf-recipe__fact span{display:block;color:var(--tf-text-muted);font-family:var(--tf-font-text);font-size:var(--tf-fs-xs)}.tf-recipe__fact b{font-family:var(--tf-font-display);font-size:var(--tf-fs-lg);font-weight:var(--tf-weight-bold)}.tf-recipe ul,.tf-recipe ol{padding-left:var(--tf-space-5)}.tf-recipe li{margin-bottom:var(--tf-space-2);line-height:var(--tf-leading-relaxed)}.tf-recipe h4{margin:var(--tf-space-5) 0 var(--tf-space-3);font-family:var(--tf-font-display);font-size:var(--tf-fs-md);font-weight:var(--tf-weight-bold);line-height:var(--tf-leading-snug)}@media (max-width:480px){.tf-recipe{padding:var(--tf-space-5)}.tf-recipe__facts{grid-template-columns:repeat(2,minmax(0,1fr))}}.tf-table{width:100%;min-width:0;border-collapse:collapse;border:var(--tf-border-width) solid var(--tf-border);border-radius:var(--tf-radius);overflow:hidden;background:var(--tf-surface);font-family:var(--tf-font-text);font-size:var(--tf-fs-sm)}.tf-table th,.tf-table td{padding:var(--tf-space-3) var(--tf-space-4);text-align:left}.tf-table th{color:var(--tf-text-muted);font-family:var(--tf-font-text);font-size:var(--tf-fs-xs);font-weight:var(--tf-weight-semibold);letter-spacing:var(--tf-tracking-wide);text-transform:uppercase}.tf-table td:last-child,.tf-table th:last-child{text-align:right;font-weight:var(--tf-weight-semibold)}.tf-table tbody tr:nth-child(even){background:var(--tf-bg-subtle)}