.nav__links a[aria-current=page]{opacity:1}.nav__links a[aria-current=page]:after{transform:scaleX(1)}.nav__menu a[aria-current=page]{color:var(--lime)}.nav:before{inset:0;background:var(--cream)}.nav[data-scrolled=true]:before{box-shadow:0 1px 0 var(--rule)}.rx-main{padding-top:calc(var(--nav-h) + .25rem)}.rx-intro{display:grid;gap:.4rem;padding-bottom:1rem}.rx-intro h1{font-size:var(--step-2);line-height:1.05;max-width:22ch}.rx-intro p{color:var(--ink-soft);font-weight:600;line-height:1.4}.rx-status{padding-block:1.5rem;font-weight:700}.rx-filter{display:flex;flex-wrap:wrap;gap:.5rem;padding-bottom:.75rem}.rx-chip{display:inline-flex;align-items:center;gap:.45rem;min-height:2.75rem;min-width:2.75rem;padding:0 1.1rem;border-radius:100px;box-shadow:inset 0 0 0 1.5px var(--control-edge);font-weight:800;line-height:1;transition:background-color .2s var(--ease-soft),color .2s var(--ease-soft)}.rx-chip[aria-pressed=true]{background:var(--purple);color:var(--cream);box-shadow:none}.rx-tier{padding-bottom:1.25rem}.rx-tier__title{display:flex;align-items:center;gap:.6rem;font-size:var(--step-1);line-height:1.1;padding-block:.5rem .25rem}.rx-tier__title:before{content:"";flex:none;width:.55rem;height:.55rem;border-radius:50%;background:var(--lime);box-shadow:0 0 0 2px var(--purple)}.rx-row{display:grid;grid-auto-flow:column;grid-auto-columns:min(78%,19rem);gap:.85rem;list-style:none;margin:0;padding:.5rem var(--gutter) .75rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:thin}.rx-card{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;scroll-snap-align:start;border-radius:var(--radius-lg);background:var(--cream-warm);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .25s var(--ease-soft)}.rx-card[data-open]{box-shadow:inset 0 0 0 3px var(--purple),var(--shadow-sm)}.rx-card__media{position:relative;display:grid;place-items:center;aspect-ratio:4 / 3;padding:1rem;background:var(--lime);text-align:center}.rx-card__ph{font-weight:900;font-size:var(--step-1);line-height:1.15;color:var(--purple-ink)}.rx-card__img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:4 / 3;object-fit:cover;color:transparent}.rx-card__name{min-height:calc(2.2em + 1.05rem);padding:.85rem 1rem .2rem;font-size:var(--step-1);line-height:1.1}.rx-card__btn{padding:0;text-align:left;font:inherit;line-height:inherit}.rx-card__btn:after{content:"";position:absolute;inset:0;z-index:1;border-radius:var(--radius-lg)}.rx-card__btn:focus-visible{outline:none}.rx-card__btn:focus-visible:after{outline:3px solid var(--purple);outline-offset:-3px}.rx-card__meta{display:grid;gap:.45rem;padding:.2rem 1rem .5rem;font-size:.95rem;font-weight:700;color:var(--ink)}.rx-card__facts{display:flex;flex-wrap:wrap;gap:.2rem .8rem}.rx-card{container-type:inline-size}@container (max-width: 15.25rem){.rx-card__facts{min-height:calc(3.2em + .2rem)}}.rx-card__tags{display:flex;align-items:center;gap:.6rem}.rx-card[hidden],.rx-tier[hidden],.rx-reorder__actions .btn[hidden]{display:none}.rx-diet{--dot: var(--avo-green);--edge: var(--avo-green);display:inline-grid;place-items:center;flex:none;width:1.05rem;height:1.05rem;border:2px solid var(--edge);border-radius:.2rem;background:var(--cream)}.rx-diet:after{content:"";width:.6rem;height:.6rem;border-radius:50%;background:var(--dot)}.rx-diet--egg{--dot: var(--yellow);--edge: color-mix(in srgb, var(--yellow) 45%, var(--purple-ink))}.rx-diet--egg:after{box-shadow:0 0 0 1.5px var(--edge)}.rx-card__tub{padding:.15em .65em;border-radius:100px;background:var(--lime);color:var(--purple-ink);font-weight:800}.rx-card__cue{display:flex;align-items:center;gap:.4rem;min-height:2.75rem;padding:0 1rem .5rem;font-size:.95rem;font-weight:800;color:var(--purple)}.rx-card__cue:after{content:"";width:.45rem;height:.45rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-.15rem) rotate(45deg);transition:transform .25s var(--ease-weight)}.rx-card[data-open] .rx-card__cue:after{transform:translateY(.1rem) rotate(-135deg)}.rx-skel .rx-card__media,.rx-skel .rx-card__tub,.rx-skel .rx-tier__title:before{background:var(--cream-deep);box-shadow:none}@media(prefers-reduced-motion:no-preference){.rx-skel .rx-card__media{animation:rx-pulse 1.1s var(--ease-soft) infinite alternate}}@keyframes rx-pulse{to{opacity:.55}}.rx-panel{margin-top:.5rem;padding:1.25rem 1.1rem 1.4rem;border-radius:var(--radius-lg);background:var(--cream-warm);box-shadow:inset 0 0 0 3px var(--purple);font-size:max(1.0625rem,var(--step-0));line-height:1.55}@media(prefers-reduced-motion:no-preference){.rx-panel:not([hidden]){animation:rx-in .3s var(--ease-weight)}}@keyframes rx-in{0%{opacity:0;transform:translateY(-.5rem)}}.rx-panel__name{font-family:var(--display);font-size:var(--step-2);line-height:1.05;margin-bottom:.25rem}.rx-panel__h{margin-top:1.1rem;margin-bottom:.4rem;font-family:var(--text);font-size:.85rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--purple)}.rx-panel__ing,.rx-panel__steps{display:grid;gap:.45rem;padding-left:1.4rem}.rx-panel__ing li::marker{color:var(--purple)}.rx-panel__steps li{padding-left:.2rem}.rx-panel__steps li::marker{font-weight:900;color:var(--purple)}.rx-panel__foot{display:grid;gap:.6rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--rule)}.rx-panel__twist strong{color:var(--purple);font-weight:900}.rx-panel__tag{font-weight:700}.rx-panel__foot a{color:var(--purple);font-weight:800}.rx-why{margin-top:1.5rem;padding:1.5rem 1.25rem;border-radius:var(--radius-lg);background:var(--purple);color:var(--on-purple)}.rx-why :focus-visible{outline-color:var(--lime)}.rx-why h2{font-size:var(--step-2);color:var(--cream);margin-bottom:1rem}.rx-why ul{display:grid;gap:.75rem;list-style:none;padding:0}.rx-why li{position:relative;padding-left:1.4rem;line-height:1.5}.rx-why li:before{content:"";position:absolute;left:0;top:.55em;width:.55rem;height:.55rem;border-radius:50%;background:var(--lime)}.rx-reorder{padding-block:2.25rem 2.75rem}.rx-reorder h2{font-size:var(--step-2);margin-bottom:1rem}.rx-reorder__actions{display:grid;gap:.75rem}.rx-reorder__actions .btn{min-height:3rem}@media(min-width:48rem){.rx-main{padding-top:calc(var(--nav-h) + 1rem)}.rx-intro{padding-bottom:1.5rem}.rx-intro h1{font-size:var(--step-3)}.rx-tier{padding-bottom:2rem}.rx-tier__title{font-size:var(--step-2)}.rx-row{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1.25rem;width:min(100% - var(--gutter) * 2,var(--shell));margin-inline:auto;padding-inline:0;overflow:visible}@supports (width: calc(round(up,5 / 2,1)*1px)){.rx-row{--max: 3;--rows: round(up, var(--n, 1) / var(--max), 1);--cols: max(round(up, var(--n, 1) / var(--rows), 1), min(var(--max), 3));display:flex;flex-wrap:wrap}.rx-row>.rx-card{flex:0 0 calc((100% - (var(--cols) - 1) * 1.25rem) / var(--cols))}}.rx-card:hover{box-shadow:var(--shadow-lg)}.rx-card[data-open]:hover{box-shadow:inset 0 0 0 3px var(--purple),var(--shadow-lg)}.rx-panel{padding:1.75rem 2rem 2rem}.rx-panel:not([hidden]){display:grid;grid-template-columns:minmax(14rem,1fr) 2fr;grid-template-areas:"name name" "h1 h2" "ing steps" "foot foot";column-gap:2.5rem;align-items:start}.rx-panel__name{grid-area:name}.rx-panel__h:first-of-type{grid-area:h1}.rx-panel__h:last-of-type{grid-area:h2}.rx-panel__ing{grid-area:ing}.rx-panel__steps{grid-area:steps;max-width:60ch}.rx-panel__foot{grid-area:foot}.rx-why{padding:2.25rem 2.5rem}.rx-reorder__actions{display:flex;flex-wrap:wrap}}@media(min-width:62rem){.rx-row{--max: 4}}@media(min-width:77.5rem){.rx-row{--max: 5}}
