.recipes{width:100%;padding-block:var(--space-32) var(--space-64);flex:1}.recipes__sticky{z-index:30;background:var(--bg);padding-top:var(--space-16);margin-top:calc(-1 * var(--space-16));padding-bottom:var(--space-12);position:sticky;top:84px}.recipes__head{margin-bottom:var(--space-24)}.recipes__title{margin:0 0 var(--space-8);font-family:var(--font-poppins);letter-spacing:-.01em;color:var(--text);font-size:1.75rem;font-weight:300;line-height:1.2}.recipes__lede{max-width:68ch;color:var(--text-dim);font-size:var(--fs-md);line-height:var(--lh-body);margin:0}.recipes__layout{align-items:flex-start;gap:var(--space-24);display:flex}.facets{width:210px;top:var(--space-16);gap:var(--space-24);flex-direction:column;flex:none;display:flex;position:sticky}.facet__title{margin:0 0 var(--space-8);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.facet__list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.facet__item{justify-content:space-between;align-items:center;gap:var(--space-8);width:100%;padding:5px var(--space-8);border-radius:var(--radius-xs);color:var(--text-dim);font-size:var(--fs-sm);text-align:left;cursor:pointer;background:0 0;border:0;transition:background-color .12s,color .12s;display:flex}.facet__item:hover{background:color-mix(in srgb, var(--text) 4%, transparent);color:var(--text)}.facet__item.is-on{background:var(--panel-hi);color:var(--text);font-weight:var(--fw-medium)}.facet__item-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.facet__item-count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--muted);flex:none}.facet__more{margin-top:var(--space-4);padding:var(--space-4) var(--space-8);color:var(--text-dim);font-size:var(--fs-xs);font-weight:var(--fw-medium);text-align:left;cursor:pointer;background:0 0;border:0}.facet__more:hover{color:var(--text);text-decoration:underline}.results{flex:1;min-width:0}.filterbar{margin-bottom:var(--space-16)}.chiprow{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.applied__clear{padding:var(--space-6) var(--space-8);color:var(--text-dim);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;background:0 0;border:0}.applied__clear:hover{color:var(--text);text-decoration:underline}.fdrop{position:relative}.fbox{background:var(--panel);border:1px solid var(--field-border);border-radius:var(--radius-sm);align-items:stretch;min-width:148px;max-width:260px;transition:border-color .12s,background-color .12s;display:inline-flex}.fbox:hover{border-color:var(--field-border-hover)}.fbox.is-on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--panel))}.filter-nest{margin:0 -2px 0 var(--space-2);color:var(--muted);font-size:var(--fs-md);-webkit-user-select:none;user-select:none;align-self:center;line-height:1}.fbox__main{min-width:0;padding:5px var(--space-6) 5px var(--space-12);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;gap:1px;display:flex}.fbox__label{font-size:var(--fs-xs);color:var(--muted);line-height:1.2}.fbox__value{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text);text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}.fbox__badge{min-width:20px;height:20px;padding:0 var(--space-6);background:var(--accent);color:var(--panel);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-semibold);flex:none;justify-content:center;align-self:center;align-items:center;display:inline-flex}.fbox__caret,.fbox__x{width:26px;color:var(--muted);flex:none;justify-content:center;align-self:center;align-items:center;display:inline-flex}.fbox__x{height:26px;margin-right:var(--space-2);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:0;transition:color .12s,background-color .12s}.fbox__x:hover{color:var(--text);background:color-mix(in srgb, var(--text) 8%, transparent)}.fdrop__panel{z-index:20;width:264px;max-width:84vw;padding:var(--space-8);background:var(--panel);border:1px solid var(--field-border-hover);border-radius:var(--radius-md);box-shadow:var(--shadow-search);position:absolute;top:calc(100% + 6px);left:0}.fdrop__head{justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-2) var(--space-4) var(--space-8) var(--space-6);display:flex}.fdrop__title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text)}.fdrop__clearall{align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);color:var(--text-dim);font-size:var(--fs-xs);font-weight:var(--fw-medium);cursor:pointer;background:0 0;border:0;display:inline-flex}.fdrop__clearall:hover{color:var(--text)}.fdrop__search{width:100%;margin-bottom:var(--space-8);padding:var(--space-6) var(--space-10);background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:var(--fs-sm)}.fdrop__list{max-height:300px;margin:0;padding:0;list-style:none;overflow-y:auto}.fdrop__item{align-items:center;gap:var(--space-8);padding:var(--space-6);border-radius:var(--radius-xs);font-size:var(--fs-sm);color:var(--text-dim);cursor:pointer;display:flex}.fdrop__item:hover{background:color-mix(in srgb, var(--text) 5%, transparent);color:var(--text)}.fdrop__item input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex:none}.fdrop__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.fdrop__count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--muted);flex:none}.fdrop__empty{padding:var(--space-8);color:var(--muted);font-size:var(--fs-sm)}.recipes__clear{margin-bottom:var(--space-16);padding:var(--space-4) 0;color:var(--text-dim);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;background:0 0;border:0}.recipes__clear:hover{color:var(--text)}.recipes__searchwrap{flex:380px;align-self:stretch;min-width:300px;max-width:560px;display:flex;position:relative}.rsearch{align-items:center;gap:var(--space-8);padding:0 var(--space-10);background:var(--panel);border:1px solid var(--field-border);border-radius:var(--radius-sm);flex:1;transition:border-color .12s,background-color .12s;display:inline-flex}.rsearch:hover{border-color:var(--field-border-hover)}.rsearch:focus-within{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, var(--panel))}.rsearch__icon{width:16px;height:16px;color:var(--muted);flex:none}.rsearch__input{min-width:0;color:var(--text);font:var(--fw-regular) var(--fs-sm) / 1.2 var(--font-sans);background:0 0;border:0;flex:1}.rsearch__input::placeholder{color:var(--muted)}.rsearch__input:focus{outline:none}.rsearch__input::-webkit-search-cancel-button{appearance:none}.rsearch__clear{padding:var(--space-2);color:var(--muted);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:0;flex:none;line-height:0;display:none}.rsearch__clear:hover{color:var(--text)}.recipes__searchwrap[data-has-query=true] .rsearch__clear{display:inline-flex}.ssug{z-index:20;width:420px;max-width:92vw;padding:var(--space-8);background:var(--panel);border:1px solid var(--field-border-hover);border-radius:var(--radius-md);box-shadow:var(--shadow-search);position:absolute;top:calc(100% + 6px);left:0}.ssug__head{padding:var(--space-4) var(--space-8) var(--space-8);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0}.ssug__list{margin:0;padding:0;list-style:none}.ssug__item{align-items:center;gap:var(--space-12);padding:var(--space-8);border-radius:var(--radius-xs);cursor:pointer;display:flex}.ssug__item.is-active{background:color-mix(in srgb, var(--accent) 10%, transparent)}.ssug__icon{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--accent) 15%, transparent);width:32px;height:32px;color:var(--accent-bright);flex:none;justify-content:center;align-items:center;display:inline-flex}.ssug__text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ssug__label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text)}.ssug__note{font-size:var(--fs-xs);color:var(--muted)}.ssug__tag{padding:var(--space-2) var(--space-8);border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--code-bg);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim);white-space:nowrap;flex:none}.ssug__foot{margin-top:var(--space-8);padding-top:var(--space-12);border-top:1px solid var(--border)}.ssug__examples-line{padding:0 var(--space-8);color:var(--text-dim);font-size:var(--fs-xs);line-height:var(--lh-body);margin:0}.ssug__tip{margin:var(--space-2) 0 0;padding:0 var(--space-8) var(--space-4);color:var(--muted);font-size:var(--fs-xs);line-height:var(--lh-body)}.hub__grid{gap:var(--space-16);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.catcard{align-items:flex-start;gap:var(--space-12);min-width:0;padding:var(--space-16);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:border-color .14s,background-color .14s;display:flex}.catcard:hover{border-color:var(--field-border-hover);background:var(--panel-hi)}.catcard__body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.catcard__head{justify-content:space-between;align-items:baseline;gap:var(--space-8);display:flex}.catcard__name{min-width:0;font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.catcard__count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--muted);flex:none}.catcard__ex{font-size:var(--fs-xs);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.catmono{width:24px;height:24px;color:var(--text-dim);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:.01em;flex:none;justify-content:center;align-items:center;display:inline-flex}.hub__showall{margin-top:var(--space-16);padding:var(--space-8) var(--space-16);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;transition:color .12s,border-color .12s}.hub__showall:hover{color:var(--text);border-color:var(--field-border-hover)}.section-label{align-items:center;gap:var(--space-8);margin:0 0 var(--space-12);display:flex}.section-label__what{font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.section-label__count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--muted)}.section-label__back{padding:var(--space-2) var(--space-8);margin-right:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-dim);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;background:0 0;transition:color .12s,border-color .12s}.section-label__back:hover{color:var(--text);border-color:var(--field-border-hover)}.sortmenu{margin-left:auto;position:relative}.sortmenu__btn{align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);color:var(--text-dim);font-size:var(--fs-xs);font-weight:var(--fw-medium);cursor:pointer;background:0 0;border:0;transition:color .12s;display:inline-flex}.sortmenu__btn:hover{color:var(--text)}.sortmenu__panel{z-index:20;min-width:132px;padding:var(--space-4);background:var(--panel);border:1px solid var(--field-border-hover);border-radius:var(--radius-sm);box-shadow:var(--shadow-search);position:absolute;top:calc(100% + 4px);right:0}.sortmenu__item{width:100%;padding:var(--space-6) var(--space-8);border-radius:var(--radius-xs);text-align:left;color:var(--text-dim);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:0;display:block}.sortmenu__item:hover{background:color-mix(in srgb, var(--text) 6%, transparent);color:var(--text)}.section-label__sep{width:1px;height:14px;margin:0 var(--space-4);background:var(--border);flex:none}.section-label__all{padding:var(--space-2) var(--space-4);color:var(--text-dim);font-size:var(--fs-xs);font-weight:var(--fw-medium);cursor:pointer;background:0 0;border:0;transition:color .12s}.section-label__all:hover{color:var(--text);text-decoration:none}.trunc-start{text-align:left;direction:rtl}.recipes__empty{padding:var(--space-40) 0;text-align:center;color:var(--muted)}.recipe-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.recipe-row{justify-content:space-between;align-items:flex-start;gap:var(--space-24);padding:var(--space-16) var(--space-8);border-bottom:1px solid var(--line);transition:background-color .12s;display:flex;position:relative}.recipe-row:hover{background:color-mix(in srgb, var(--text) 4%, transparent)}.recipe-row__main{gap:var(--space-6);flex-direction:column;min-width:0;display:flex}.recipe-row__name{font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--text);overflow-wrap:anywhere;text-decoration:none}.recipe-row__name:after{content:"";position:absolute;inset:0}.recipe-row__name:hover{text-decoration:none}.recipe-row__desc{color:var(--text-dim);font-size:var(--fs-sm);line-height:var(--lh-snug);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.recipe-row__ids{z-index:1;gap:var(--space-8);margin-top:var(--space-2);flex-wrap:wrap;max-width:100%;display:flex;position:relative}.ridchip{align-items:center;gap:var(--space-6);min-width:0;max-width:100%;padding:var(--space-2) 3px var(--space-2) var(--space-8);background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-xs);display:inline-flex}.ridchip__label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);flex:none}.ridchip__val{min-width:0;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ridchip__copy{flex:none;padding:3px}.recipe-row__meta{z-index:1;padding-top:var(--space-2);flex:none;align-items:flex-start;display:flex;position:relative}.recipe-list__more{height:1px}.lic{align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-8);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);white-space:nowrap;border:1px solid #0000;display:inline-flex}.lic__lock{width:11px;height:11px}.lic--apache{color:var(--success);background:color-mix(in srgb, var(--success) 12%, transparent);border-color:color-mix(in srgb, var(--success) 30%, transparent)}.lic--msal{color:var(--warning);background:color-mix(in srgb, var(--warning) 12%, transparent);border-color:color-mix(in srgb, var(--warning) 30%, transparent)}.lic--proprietary{color:var(--spectral-2);background:color-mix(in srgb, var(--spectral-2) 14%, transparent);border-color:color-mix(in srgb, var(--spectral-2) 34%, transparent)}.lic--other{color:var(--text-dim);background:color-mix(in srgb, var(--text) 8%, transparent);border-color:var(--border)}.recipe{padding-block:var(--space-24) var(--space-64);flex:1;max-width:900px}.recipe__back{margin-bottom:var(--space-20);color:var(--text-dim);font-size:var(--fs-sm);display:inline-block}.recipe__back:hover{color:var(--text);text-decoration:none}.recipe__header{padding-bottom:var(--space-24);border-bottom:1px solid var(--line)}.recipe__access{margin-bottom:var(--space-12);padding:3px var(--space-10);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.02em;text-transform:uppercase;display:inline-block}.recipe__access--oss{color:var(--success);background:color-mix(in srgb, var(--success) 14%, transparent)}.recipe__access--gated{color:var(--warning);background:color-mix(in srgb, var(--warning) 14%, transparent)}.recipe__title{margin:0 0 var(--space-16);font-size:var(--h2);font-weight:var(--fw-semibold);letter-spacing:-.01em;color:var(--text)}.recipe__chips{gap:var(--space-12);margin-bottom:var(--space-16);flex-wrap:wrap;display:flex}.codechip{align-items:center;gap:var(--space-8);padding:5px var(--space-6) 5px var(--space-10);background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-sm);max-width:100%;display:inline-flex}.codechip__label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.codechip__value{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recipe__desc{margin:0 0 var(--space-16);color:var(--text-dim);font-size:var(--fs-md);line-height:var(--lh-body)}.recipe__tags{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.recipe__tags .chip{padding:var(--space-2) var(--space-8);border-radius:var(--radius-pill);background:var(--panel);border:1px solid var(--border);color:var(--text-dim);font-size:var(--fs-xs);font-weight:var(--fw-medium);white-space:nowrap;align-items:center;display:inline-flex}.recipe__section{margin-top:var(--space-40)}.recipe__section-title{margin:0 0 var(--space-8);font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text)}.recipe__section-note{margin:0 0 var(--space-16);color:var(--text-dim);font-size:var(--fs-sm)}.recipe__usage-note{margin:var(--space-16) 0 var(--space-8);color:var(--text-dim);font-size:var(--fs-sm)}.codeblock{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-md);position:relative;overflow:hidden}.codeblock pre{padding:var(--space-16);font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text);margin:0;overflow-x:auto}.codeblock__copy{top:var(--space-8);right:var(--space-8);background:color-mix(in srgb, var(--panel) 90%, transparent);position:absolute}.opt-type{color:var(--accent-bright)!important}.opt-req{margin-left:var(--space-6);padding:0 var(--space-6);border-radius:var(--radius-xs);background:color-mix(in srgb, var(--warning) 16%, transparent);color:var(--warning);font-family:var(--font-sans);font-size:var(--fs-3xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.04em;vertical-align:middle;display:inline-block}.opt-example{margin-top:var(--space-4);color:var(--muted);font-size:var(--fs-xs)}.recipe__sublist,.recipe__datatables{border:1px solid var(--border);border-radius:var(--radius-md);margin:0;padding:0;list-style:none}.recipe__sublist li,.recipe__datatables li{gap:var(--space-2);padding:var(--space-12) var(--space-16);border-bottom:1px solid var(--line);flex-direction:column;display:flex}.recipe__sublist li:last-child,.recipe__datatables li:last-child{border-bottom:0}.recipe__sublist-fq,.recipe__dt-fq{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--muted)}.recipe__dt-name{color:var(--text);font-weight:var(--fw-medium);font-size:var(--fs-sm)}.recipe__dt-desc{color:var(--text-dim);font-size:var(--fs-sm)}@media (max-width:640px){.recipe-row{gap:var(--space-8);flex-direction:column}.recipe-row__meta{align-items:center;padding-top:0}.recipes__layout{gap:var(--space-16);flex-direction:column}.facets{gap:var(--space-24) var(--space-32);flex-flow:wrap;width:100%;position:static}}