@layer astro,base,chrome,components;@layer pages{.rd{padding-top:var(--s-lg);padding-bottom:calc(var(--s-2xl) + var(--s-md))}.rd-header-card{--rd-photo-inset:1.5rem;gap:var(--s-md);background:var(--white);margin-bottom:var(--s-md);grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:hidden}.rd-header-left{flex-direction:column;justify-content:flex-start;padding:1.5rem;display:flex}.rd-title{font-family:var(--font-main);letter-spacing:-.03em;color:var(--color-text);margin-bottom:1rem;font-size:3rem;font-weight:900;line-height:1.05}.rd-photo{object-fit:cover;width:100%;height:100%;min-height:16rem;padding:var(--rd-photo-inset);padding-inline-start:0;display:block}.rd-header-card>.ai-badge{inset-block-start:calc(var(--rd-photo-inset) + var(--s-sm));inset-inline-end:calc(var(--rd-photo-inset) + var(--s-sm))}.rd-meta{align-items:center;gap:var(--s-xs) var(--s-md);margin-bottom:var(--s-md);flex-wrap:wrap;display:flex}.rd-emotion-inline-wrap{vertical-align:-.15em;align-items:center;margin-inline-end:.35em;line-height:1;display:inline-flex}.rd-emotion-inline{object-fit:contain;width:auto;height:1.1em}.rd-pill,.rd-tag-inline{font-size:var(--t-xs,.75rem);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-dim);font-weight:500;line-height:1.5}.rd-header-left .rd-title{margin-bottom:calc(2 * var(--s-md))}.rd-actions{gap:var(--s-sm);flex-wrap:wrap;margin-top:auto;display:flex}.rd-action-btn{font-family:var(--font-main);color:var(--color-text);background:var(--flour);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.875rem;font-weight:600;transition:background .1s,color .1s;display:inline-flex}.rd-action-btn:active{background:var(--tahini);color:var(--espresso)}@media (hover:hover){.rd-action-btn:hover{background:var(--tahini);color:var(--espresso)}}.rd-action-idle,.rd-action-done{display:contents}.rd-action-btn:not(.is-copied) .rd-action-done,.rd-action-btn.is-copied .rd-action-idle{display:none}.rd-body{gap:var(--s-md);margin-bottom:var(--s-md);grid-template-columns:1fr 1fr;align-items:start;display:grid}.rd-card{background:var(--white);padding:1.5rem}.rd-card--ingredients{top:calc(var(--navbar-height,3.5rem) + 1.5rem);position:sticky}.rd-card-title{font-family:var(--font-main);color:var(--color-text);margin-bottom:var(--s-md);padding-inline-start:4.35rem;font-size:1.5rem;font-weight:700;position:relative}.rd-card-title:before{content:"";inset-inline-start:0;background-color:var(--espresso);width:4px;height:60%;position:absolute;top:50%;transform:translateY(-50%)}.rd-ing-list{list-style:none}.rd-ing-sub{color:var(--color-text);margin-top:var(--s-md);font-size:1.125rem;font-weight:700}.rd-ing-sub:first-child{margin-top:0}.rd-ing-note{color:var(--color-text-dim);max-width:90%;margin:var(--s-xs) 0 .75rem 0;font-size:1.125rem;font-style:italic;line-height:1.4}.rd-ing-row{padding:.3rem 0}.rd-ing-label{cursor:pointer;color:var(--color-text-dim);align-items:flex-start;gap:.75rem;font-size:1.125rem;line-height:1.5;transition:color .3s;display:flex}.rd-ing-text{background-image:linear-gradient(currentColor,currentColor);background-position:0%;background-repeat:no-repeat;background-size:0% 2px;transition:background-size .3s ease-out,opacity .3s ease-out}[dir=rtl] .rd-ing-text{background-position:100%}.rd-checked .rd-ing-text{opacity:.4;background-size:100% 2px}.rd-steps{gap:var(--s-sm);flex-direction:column;display:flex}.rd-method-section{counter-reset:rd-step}.rd-step-text{color:var(--color-text-dim);margin-bottom:var(--s-md);font-size:1.125rem;line-height:1.8;position:relative}.rd-step-text:last-child{margin-bottom:0}.rd-method-header{font-family:var(--font-main);color:var(--color-text);margin-top:var(--s-sm);padding-top:var(--s-sm);font-size:1.125rem;font-weight:700}.rd-method-section:first-child>.rd-method-header{border-top:none;margin-top:0;padding-top:0}.rd-step-note{color:var(--color-text-dim);opacity:.7;background:var(--flour,#f5f0eb);padding:.75rem 1rem;font-size:1rem;line-height:1.6}.rd-method-list{flex-direction:column;gap:.25rem;padding-inline-start:2.5rem;list-style:none;display:flex}.rd-method-list-item{color:var(--color-text-dim);padding-inline-start:1rem;font-size:1.125rem;line-height:1.75;position:relative}.rd-method-list-item:before{content:"–";color:var(--color-text-dim);opacity:.3;position:absolute;inset-inline-start:0}.rd-link-card{align-items:center;gap:var(--s-md);background:var(--white);margin-bottom:var(--s-md);color:var(--color-text);padding:1.5rem;text-decoration:none;display:flex}@media (hover:hover){.rd-link-card:not(.rd-link-card--media):hover{background:var(--flour)}.rd-link-card--media:hover{box-shadow:0 var(--s-sm) var(--espresso)}.rd-link-card--media:hover .rd-link-photo{transform:scale(1.05)}.rd-link-card--media:hover .emotion-badge--hover{opacity:1}.rd-link-card--media:hover .ai-badge--hover{opacity:1;transform:translateY(0)}}.rd-link-body{flex:1;min-inline-size:0}.rd-link-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text);margin-bottom:var(--s-xs);font-size:.75rem;font-weight:700;display:block}.rd-link-tags{margin-block-end:var(--s-sm);display:block}.rd-link-title{color:var(--color-text);margin-bottom:var(--s-xs);font-size:1.5rem;font-weight:700;display:block}.rd-link-title:last-child{margin-bottom:0}.rd-link-text{color:var(--color-text-dim);font-size:1.125rem;line-height:1.5;display:block}.rd-link-card--media{flex-direction:column;align-items:stretch;gap:0;padding:0;transition:box-shadow .4s cubic-bezier(.2,0,0,1)}.rd-link-card--media .rd-link-body{padding:1.5rem}.rd-link-media{order:-1;display:block;position:relative;overflow:hidden}.rd-link-photo{aspect-ratio:3/2;object-fit:cover;inline-size:100%;transition:transform .6s cubic-bezier(.2,0,0,1);display:block}.rd-related{background:var(--flour);padding:var(--s-xl) var(--s-lg)}.rd-related-grid{gap:var(--s-md);grid-template-columns:repeat(3,1fr);display:grid}.rd-related-item{min-inline-size:0;display:grid}.rd-related .home-cta-row{margin-block-start:var(--s-xl)}@media (width<=48rem){.rd-header-card{grid-template-columns:1fr;gap:0}.rd-photo{min-height:12rem;max-height:14rem;padding:var(--rd-photo-inset) var(--rd-photo-inset) 0;order:-1}.rd-title{font-size:2rem}.rd-body{grid-template-columns:1fr}.rd-card--ingredients{position:static}.rd-card-title{padding-inline-start:2.9rem}.rd-related-grid{grid-template-columns:1fr}}@media print{.rd-back,.rd-related,.rd-actions{display:none}.rd-card--ingredients{position:static}}}
