.os-public-shell .uix-public-recipes{--ink:var(--os-text);--muted:var(--os-text-muted);--paper:var(--os-surface);--green:var(--os-petrol);--line:var(--os-line);--catalog-bg:var(--os-soft);--catalog-ink:var(--os-text);--catalog-ink-secondary:var(--os-text-muted);--catalog-ink-tertiary:var(--os-text-muted);--catalog-line:var(--os-line);--catalog-font-display:var(--os-font);--catalog-font-body:var(--os-font);background:var(--os-soft);width:100%;min-width:0;max-width:1248px;color:var(--os-text);font-family:var(--os-font);margin:0 auto;padding:32px 24px 56px}.os-public-shell .uix-public-recipes :is(a,button,input,select):focus-visible{outline:3px solid var(--os-focus);outline-offset:3px;box-shadow:none}.os-public-shell .uix-public-recipes .ui-page-header{max-width:none;margin-bottom:22px}.os-public-shell .uix-public-recipes .ui-page-header__copy h1{max-width:none;font:750 34px/1.15 var(--os-font);letter-spacing:-.025em;margin:4px 0 8px}.os-public-shell .uix-public-recipes .ui-page-header__copy .eyebrow{color:var(--os-text-muted);margin:0 0 4px;font-size:11px}.os-public-shell .uix-public-recipes .ui-page-header__copy .eyebrow:before{display:none}.os-public-shell .uix-public-recipes .ui-page-header__copy>p:last-child{margin:0;font-size:14px;line-height:1.5}.os-public-shell .uix-public-recipes .recipe-workspace-nav{border:1px solid var(--os-line);box-shadow:none;background:#fff;border-radius:10px;flex-wrap:wrap;gap:4px;margin:0 0 20px;padding:5px;display:flex}.os-public-shell .uix-public-recipes .recipe-workspace-nav a{min-height:40px;color:var(--os-text-muted);border-radius:7px;align-items:center;padding:8px 12px;font-size:13px;font-weight:650;display:inline-flex}.os-public-shell .uix-public-recipes .recipe-workspace-nav a:hover{background:var(--os-soft);color:var(--os-text)}.os-public-shell .uix-public-recipes .recipe-workspace-nav a[aria-current=page]{color:var(--os-petrol);box-shadow:inset 0 -3px 0 var(--os-petrol);background:#eef5f5}.os-public-shell .uix-public-recipes .public-filters{border:1px solid var(--os-line);box-shadow:none;background:#fff;border-radius:10px;grid-template-columns:minmax(0,2fr) minmax(180px,1fr) auto;align-items:end;gap:14px;margin:0 0 18px;padding:18px;display:grid}.os-public-shell .uix-public-recipes .public-filters label{min-width:0;color:var(--os-text);letter-spacing:normal;gap:6px;font-size:13px;font-weight:650;display:grid}.os-public-shell .uix-public-recipes .public-filters :is(input,select){width:100%;min-width:0;min-height:42px;color:var(--os-text);background:#fff;border:1px solid #a8b0b8;border-radius:7px;padding:9px 11px;transition:none}.os-public-shell .uix-public-recipes .public-filters input::placeholder{color:var(--os-text-muted)}.os-public-shell .uix-public-recipes .public-filters .os-button{min-height:42px}.os-public-shell .uix-public-recipes .uix-catalog-active-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin:-4px 0 20px;font-size:13px;display:flex}.os-public-shell .uix-public-recipes .uix-catalog-active-filters p{color:var(--os-text-muted);flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;display:flex}.os-public-shell .uix-public-recipes .uix-catalog-active-filters span{border:1px solid var(--os-line);max-width:100%;color:var(--os-text);overflow-wrap:anywhere;background:#fff;border-radius:6px;padding:4px 8px}.os-public-shell .uix-public-recipes .uix-catalog-active-filters a{min-height:40px;color:var(--os-petrol);text-underline-offset:3px;align-items:center;font-weight:650;text-decoration:underline;display:inline-flex}.os-public-shell .uix-public-recipes .catalog-result-line{color:var(--os-text-muted);margin:0 0 14px;font-size:13px}.os-public-shell .uix-public-recipes .catalog-result-line strong{color:var(--os-text);font-weight:650}.os-public-shell .uix-public-recipes .public-recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.os-public-shell .uix-public-recipes .public-recipe-card{border:1px solid var(--os-line);min-width:0;min-height:100%;box-shadow:none;background:#fff;border-radius:10px;padding:0;text-decoration:none;transition:border-color .14s,box-shadow .14s}.os-public-shell .uix-public-recipes .public-recipe-card:hover{border-color:#829599;transform:none;box-shadow:0 4px 15px #17191c0d}.os-public-shell .uix-public-recipes .public-recipe-card-image{aspect-ratio:16/9;border-color:var(--os-line);background:#eef2f1;height:auto}.os-public-shell .uix-public-recipes .public-recipe-card-image img{transition:none}.os-public-shell .uix-public-recipes .public-recipe-card:hover .public-recipe-card-image img{transform:none}.os-public-shell .uix-public-recipes .public-recipe-card-image--placeholder{background:radial-gradient(circle at 50% 52%,#fff 0 26%,#d9e2e0 26.5% 27.5%,#0000 28%),linear-gradient(135deg,#edf3f1,#f3f4f4)}.os-public-shell .uix-public-recipes .public-recipe-card-image--placeholder:after{background:#ffded4;width:40px;height:7px;box-shadow:0 13px 0 -1px #d9e9e4}.os-public-shell .uix-public-recipes .public-recipe-card-body{padding:18px}.os-public-shell .uix-public-recipes .public-recipe-meta{min-height:0;color:var(--os-petrol);letter-spacing:.04em;margin:0 0 7px;font-size:11px;font-weight:750}.os-public-shell .uix-public-recipes .public-recipe-meta:empty{display:none}.os-public-shell .uix-public-recipes .public-recipe-card h2{font:750 20px/1.3 var(--os-font);letter-spacing:-.015em;margin:0 0 8px}.os-public-shell .uix-public-recipes .public-recipe-card p{color:var(--os-text-muted);margin:0 0 14px;font-size:13px;line-height:1.55}.os-public-shell .uix-public-recipes .public-recipe-facts{border-top:1px solid var(--os-line);gap:7px;margin-top:auto;padding-top:12px;font-size:12px}.os-public-shell .uix-public-recipes .public-recipe-facts div{border:0;gap:12px;padding:0}.os-public-shell .uix-public-recipes .public-recipe-facts dt{color:var(--os-text-muted)}.os-public-shell .uix-public-recipes .public-recipe-facts dd{color:var(--os-text);font-variant-numeric:tabular-nums;font-weight:650}.os-public-shell .uix-public-recipes .ui-empty-state{border:1px solid var(--os-line);box-shadow:none;background:#fff;border-radius:10px;padding:28px}.os-public-shell .uix-public-recipes .pagination{gap:14px;margin-top:24px}.os-public-shell .uix-public-recipes .pagination a{border:1px solid var(--os-line);min-height:42px;color:var(--os-petrol);box-shadow:none;background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:9px 13px;font-size:13px;display:inline-flex}.os-public-shell .uix-public-recipes .pagination a:hover{border-color:var(--os-petrol);background:#eef5f5;transform:none}.os-public-shell .uix-public-recipes .back-link{min-height:40px;color:var(--os-petrol);align-items:center;margin:-8px 0 14px;font-size:13px;text-decoration:none;display:inline-flex}.os-public-shell .uix-public-recipes .back-link:hover{text-underline-offset:3px;text-decoration:underline}.os-public-shell .uix-public-recipes .uix-public-recipe-header{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;margin-bottom:22px;display:grid}.os-public-shell .uix-public-recipes .uix-public-recipe-header--with-image{grid-template-columns:minmax(0,1fr) minmax(280px,34%)}.os-public-shell .uix-public-recipes .public-recipe-title{min-width:0;max-width:none;margin:0}.os-public-shell .uix-public-recipes .public-recipe-title h1{font:750 clamp(28px, 3vw, 38px)/1.17 var(--os-font);letter-spacing:-.025em;margin:5px 0 14px}.os-public-shell .uix-public-recipes .public-recipe-byline{gap:7px}.os-public-shell .uix-public-recipes .public-recipe-byline span{border:1px solid var(--os-line);color:var(--os-text-muted);background:#fff;border-radius:6px;padding:4px 9px;font-size:12px}.os-public-shell .uix-public-recipes .public-recipe-description{color:var(--os-text-muted);margin:15px 0 0;font-size:14px;line-height:1.65}.os-public-shell .uix-public-recipes .uix-public-recipe-primary{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:18px;display:flex}.os-public-shell .uix-public-recipes .uix-public-recipe-primary p{max-width:32rem;color:var(--os-text-muted);margin:0;font-size:12px}.os-public-shell .uix-public-recipes .public-recipe-hero{border:1px solid var(--os-line);width:100%;height:252px;max-height:none;box-shadow:none;background:#fff;border-radius:10px;margin:0;padding:0;display:grid}.os-public-shell .uix-public-recipes .public-recipe-hero img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:250px}.os-public-shell .uix-public-recipes .recipe-actions{border-top:1px solid var(--os-line);border-bottom:1px solid var(--os-line);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 22px;padding:13px 0;display:flex}.os-public-shell .uix-public-recipes .recipe-action-button{border:1px solid var(--os-line);min-height:40px;color:var(--os-petrol);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:13px;font-weight:650;display:inline-flex}.os-public-shell .uix-public-recipes .recipe-action-button:hover{background:#eef5f5;border-color:#aab2b9}.os-public-shell .uix-public-recipes .favorite-mutation>a{min-height:40px;color:var(--os-petrol);text-underline-offset:3px;align-items:center;padding:4px 6px;font-size:13px;font-weight:650;text-decoration:underline;display:inline-flex}.os-public-shell .uix-public-recipes .recipe-action-status{min-width:0;color:var(--os-text-muted);margin:0;font-size:13px}.os-public-shell .uix-public-recipes .recipe-action-feedback{min-height:0;font-size:12px}.os-public-shell .uix-public-recipes .recipe-action-feedback:empty{display:none}.os-public-shell .uix-public-recipes .public-detail-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.os-public-shell .uix-public-recipes .recipe-content{background:0 0;border:0;border-radius:0;gap:18px;min-width:0;padding:0;display:grid}.os-public-shell .uix-public-recipes .recipe-content>section{border:1px solid var(--os-line);background:#fff;border-radius:10px;min-width:0;padding:20px}.os-public-shell .uix-public-recipes .public-detail-grid h2{font:750 19px/1.3 var(--os-font);margin:0 0 16px}.os-public-shell .uix-public-recipes .public-detail-grid h3{font:700 15px/1.3 var(--os-font);margin:20px 0 10px}.os-public-shell .uix-public-recipes .ingredients{table-layout:fixed;border-collapse:collapse;width:100%;font-size:13px}.os-public-shell .uix-public-recipes .ingredients :is(th,td){vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #e8ebed;padding:11px 9px}.os-public-shell .uix-public-recipes .ingredients th{background:var(--os-soft);color:var(--os-text-muted);letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:750}.os-public-shell .uix-public-recipes .ingredients :is(th,td):first-child{font-variant-numeric:tabular-nums;width:90px}.os-public-shell .uix-public-recipes .ingredients :is(th,td):nth-child(2){width:70px}.os-public-shell .uix-public-recipes .ingredients tbody tr:last-child td{border-bottom:0}.os-public-shell .uix-public-recipes .ingredients small{color:var(--os-text-muted);font-size:12px}.os-public-shell .uix-public-recipes .instructions{margin:0;padding-left:24px}.os-public-shell .uix-public-recipes .instructions li{white-space:pre-line;padding:5px 0 9px 5px;font-size:14px;line-height:1.7}.os-public-shell .uix-public-recipes .instructions li::marker{color:var(--os-petrol);font-weight:750}.os-public-shell .uix-public-recipes .public-recipe-aside{border:1px solid var(--os-line);background:#fff;border-radius:10px;min-width:0;padding:20px;position:sticky;top:20px}.os-public-shell .uix-public-recipes .public-recipe-aside>dl{margin:0}.os-public-shell .uix-public-recipes .public-recipe-aside dl div{border-bottom:1px solid #e8ebed;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:12px;padding:9px 0;font-size:12px;display:grid}.os-public-shell .uix-public-recipes .public-recipe-aside dl div:last-child{border-bottom:0}.os-public-shell .uix-public-recipes .public-recipe-aside dt{color:var(--os-text-muted)}.os-public-shell .uix-public-recipes .public-recipe-aside dd{color:var(--os-text);margin:0;font-weight:650}.os-public-shell .uix-public-recipes .recipe-scaling-control{border-color:var(--os-line);gap:12px;margin:18px 0 0;padding:18px 0 0}.os-public-shell .uix-public-recipes .recipe-scaling-control h3{font:750 18px/1.3 var(--os-font);margin:0}.os-public-shell .uix-public-recipes .recipe-scaling-control .button{border:1px solid var(--os-line);min-height:40px;color:var(--os-petrol);background:#fff;border-radius:7px;margin-top:0;padding:8px 9px;font-size:12px;font-weight:650}.os-public-shell .uix-public-recipes .recipe-scaling-mode{grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:6px}.os-public-shell .uix-public-recipes .recipe-scaling-mode .button[aria-pressed=true]{border-color:var(--os-petrol);color:var(--os-petrol);background:#eef5f5}.os-public-shell .uix-public-recipes .recipe-scaling-control label{color:var(--os-text);font-size:12px;font-weight:650}.os-public-shell .uix-public-recipes .recipe-scaling-control input{min-width:0;min-height:40px;color:var(--os-text);background:#fff;border:1px solid #a8b0b8;border-radius:7px;padding:8px 10px;font-size:15px}.os-public-shell .uix-public-recipes .recipe-scaling-result{background:#eef5f5;border-radius:8px;padding:12px;font-size:13px}.os-public-shell .uix-public-recipes .recipe-scaling-result strong{color:var(--os-petrol)}.os-public-shell .uix-public-recipes .recipe-scaling-help{color:var(--os-text-muted);font-size:12px}.os-public-shell .uix-public-recipes .recipe-scaling-error{color:var(--os-danger)}@media (max-width:1024px){.os-public-shell .uix-public-recipes .public-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.os-public-shell .uix-public-recipes .public-detail-grid{grid-template-columns:minmax(0,1fr) 290px}.os-public-shell .uix-public-recipes .public-recipe-aside{padding:16px}}@media (max-width:760px){.os-public-shell .uix-public-recipes{padding:24px 16px 40px}.os-public-shell .uix-public-recipes .ui-page-header__copy h1{font-size:30px}.os-public-shell .uix-public-recipes .public-filters{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px}.os-public-shell .uix-public-recipes .public-filters :is(input,select,.os-button){min-height:44px}.os-public-shell .uix-public-recipes .public-recipe-grid{grid-template-columns:minmax(0,1fr);gap:16px}.os-public-shell .uix-public-recipes .uix-public-recipe-header--with-image{grid-template-columns:minmax(0,1fr);gap:18px}.os-public-shell .uix-public-recipes .public-recipe-hero{height:228px}.os-public-shell .uix-public-recipes .public-recipe-hero img{max-height:226px}.os-public-shell .uix-public-recipes .public-detail-grid{grid-template-columns:minmax(0,1fr)}.os-public-shell .uix-public-recipes .public-recipe-aside{position:static}.os-public-shell .uix-public-recipes .recipe-content>section{padding:16px}.os-public-shell .uix-public-recipes .ingredients :is(th,td){padding:9px 6px}.os-public-shell .uix-public-recipes .ingredients :is(th,td):first-child{width:66px}.os-public-shell .uix-public-recipes .ingredients :is(th,td):nth-child(2){width:58px}.os-public-shell .uix-public-recipes :is(.recipe-action-button,.back-link,.recipe-workspace-nav a,.uix-catalog-active-filters a,.pagination a),.os-public-shell .uix-public-recipes .recipe-scaling-control :is(.button,input){min-height:44px}}@media (prefers-reduced-motion:reduce){.os-public-shell .uix-public-recipes .public-recipe-card{transition:none}}@media print{.os-public-shell .uix-public-recipes{background:#fff;max-width:none;padding:0}.os-public-shell .uix-public-recipes .uix-public-recipe-header{margin-bottom:16pt;display:block}.os-public-shell .uix-public-recipes .public-recipe-title h1{font-size:28pt}.os-public-shell .uix-public-recipes .public-recipe-hero{border:0;height:auto;max-height:70mm;margin-top:14pt}.os-public-shell .uix-public-recipes .public-recipe-hero img{width:auto;height:auto;max-height:70mm}.os-public-shell .uix-public-recipes .public-detail-grid,.os-public-shell .uix-public-recipes .recipe-content{display:block}.os-public-shell .uix-public-recipes .recipe-content>section{break-inside:auto;border:0;margin-bottom:14pt;padding:0}.os-public-shell .uix-public-recipes .public-detail-grid :is(h2,h3){break-after:avoid}.os-public-shell .uix-public-recipes .ingredients tr{break-inside:avoid}.os-public-shell .uix-public-recipes .public-recipe-aside{border:0;border-top:1px solid #bbb;border-radius:0;margin-top:14pt;padding:12pt 0;position:static}.os-public-shell .uix-public-recipes .recipe-scaling-control{display:none}}