/* Keep the original photo dimensions; reading and editing share one layout. */
.frame .recipe-header-details{display:flex;flex-direction:column;align-items:stretch;gap:9px;min-width:0;min-height:0;height:340px}
.frame .recipe-title-row{flex:none;min-width:0;margin:0}
.frame .recipe-title-row>.title{display:block;max-width:100%;margin:0;font-size:clamp(20px,2.7vw,32px);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.frame .recipe-details-main{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;flex:1;min-height:0;align-self:stretch;gap:9px}
.frame .recipe-meta-top{order:-1;flex:none;margin:0}
.frame .recipe-badges{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.frame .recipe-types{display:inline-flex;flex-wrap:wrap;align-items:center;gap:5px}
.frame .recipe-title-actions{display:flex;align-items:center;flex-wrap:nowrap;flex:none;gap:8px;margin: auto 0 0;min-height:36px}
.frame .recipe-title-actions .recipe-meta-bottom{position:relative;flex:none;min-width:0;margin:0;padding:0;border:0}
.frame .recipe-title-actions .recipe-rendezvous-button[hidden],
.frame .recipe-header-details :is(.rmp-favorites,.recipe-avoidances)[hidden]{display:none!important}
.frame .recipe-header-details :is(.rmp-favorites,.recipe-avoidances):not([hidden]){flex:none;visibility:visible}
.frame .recipe-equipment-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:4px;border:1px solid var(--line);border-radius:5px;background:var(--card);color:var(--ink);cursor:pointer}
.frame .recipe-equipment-toggle:hover,.frame .recipe-equipment-toggle[aria-expanded=true]{border-color:var(--rose);color:var(--rose)}
.frame .recipe-equipment-toggle:focus-visible{outline:2px solid var(--rose);outline-offset:3px}
.frame .recipe-equipment-toggle svg{width:26px;height:26px;flex:none}
.frame .recipe-title-actions .recipe-equipment{position:absolute;z-index:8;left:0;top:calc(100% + 6px);display:flex;align-items:stretch;flex-direction:column;width:max-content;min-width:180px;max-width:min(280px,calc(100vw - 130px));max-height:300px;overflow:auto;margin:0;padding:9px;gap:7px;border:1px solid var(--line);border-radius:7px;background:var(--paper);box-shadow:0 4px 15px #0002}
.frame .recipe-title-actions .recipe-equipment[hidden]{display:none!important}
.frame .reading-page .recipe-equipment .recipe-equipment-item{display:flex;justify-content:flex-start;width:auto;height:auto;min-height:32px;gap:8px;padding:3px;border:0;background:transparent;white-space:normal;font-size:12px}
.frame .recipe-equipment .recipe-equipment-item svg{width:26px;height:26px;flex:none}
.frame .recipe-equipment .recipe-container{padding:3px;border:0;white-space:normal;font-size:12px}
.frame .recipe-equipment-empty{padding:3px;font-size:12px}
html[data-display=paper] .frame :is(.recipe-equipment-toggle,.recipe-equipment){background:#fff;box-shadow:none}
@media(min-width:700px) and (max-width:1000px){.frame .recipe-header-details{height:300px;gap:7px}.frame .recipe-title-row>.title{font-size:24px}}
@media(max-width:699px){.frame .recipe-header-details{height:auto;min-height:0;gap:9px}.frame .recipe-details-main{flex:none;gap:12px}.frame .recipe-title-row>.title{font-size:clamp(19px,5.4vw,28px)}.frame .recipe-title-actions{margin-top:0}.frame .recipe-equipment .recipe-container .container-text{white-space:normal}}