.dish-collection{margin:32px 0 24px;padding:24px;border:1px solid #E8CBB5;border-radius:24px;background:#FFF8EE;color:#4B2C22;text-align:left}
.dish-heading,.dish-chapter-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.dish-eyebrow{font-size:12px;font-weight:700;color:#A85B3A;letter-spacing:.04em}
.dish-heading h2{margin:4px 0 0;font-size:clamp(23px,3vw,30px);line-height:1.3}
.dish-count{margin:0;white-space:nowrap;font-size:18px;font-weight:700;color:#A14C31}
.dish-count strong{font-size:36px;line-height:1}.dish-count span{display:block;margin-top:6px;font-size:11px;font-weight:500;color:#785546}
.dish-intro{margin:16px 0 24px;color:#785546;font-size:14px;line-height:1.8}
.dish-next{margin:0 0 24px}.dish-next h3{margin:0 0 12px;font-size:16px;color:#984F31}
.dish-next-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dish-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dish-card{position:relative;min-width:0;overflow:hidden;border:1px solid #E9D5C2;border-radius:17px;background:#FFFEFA}
.dish-card.unlocked{border-color:#DDBA86;background:#FFFBF0}.dish-next-card{border-color:#DCB18B;background:#FFFDF7}
/* The illustration and status occupy separate rows, including compact cards. */
.dish-art{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:4px 9px 7px;background:#FCF5E9;border-bottom:1px solid #F1E4D1}
.dish-card.unlocked .dish-art{background:#FFF3DC}.dish-next-card .dish-art{background:#FFF5E4}
.recipe-dish-icon{display:block;flex:none;width:100%;height:auto;aspect-ratio:6/5;overflow:hidden}
.dish-state{position:static;display:block;align-self:flex-end;max-width:100%;padding:3px 6px;border-radius:6px;background:#FFF9EDEB;color:#81523A;font-size:9px;font-weight:700;line-height:1.5;text-align:center;overflow-wrap:anywhere}
.dish-card.unlocked .dish-state{color:#875026;background:#FFF5CB}
.dish-copy{padding:12px}.dish-category{font-size:10px;color:#965838;font-weight:700;letter-spacing:.08em}
.dish-copy h4{margin:5px 0 0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.dish-korean{margin:2px 0 9px;font-size:12px;color:#8B6B56}
.dish-condition{margin:0;min-height:3.1em;font-size:11px;line-height:1.55;color:#6F4E3D}
.dish-progress{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px;margin-top:10px;font-size:10px;color:#96745C}
.dish-progress strong{font-size:12px;color:#B64C31}.dish-progress span{font-variant-numeric:tabular-nums}
.dish-card progress{display:block;width:100%;height:5px;margin:7px 0 2px;overflow:hidden;border:0;border-radius:20px;background:#F0E1D0;color:#DE794C;accent-color:#DE794C}
.dish-card progress::-webkit-progress-bar{background:#F0E1D0;border-radius:20px}.dish-card progress::-webkit-progress-value{background:#DE794C;border-radius:20px}.dish-card progress::-moz-progress-bar{background:#DE794C;border-radius:20px}
.dish-earned{margin:10px 0 0;font-size:10px;font-weight:700;line-height:1.5;color:#8D5B25}
.dish-menu{border-top:1px solid #E7CEB8}.dish-menu>summary{padding:16px 0;font-size:14px;font-weight:700;cursor:pointer;list-style-position:inside}
.dish-menu>summary:focus-visible,.dish-notes>summary:focus-visible{outline:3px solid #B93827;outline-offset:4px;border-radius:3px}
.dish-chapter{margin:8px 0 25px}.dish-chapter-heading{margin-bottom:13px}.dish-chapter-heading h3{margin:0;font-size:17px;line-height:1.5}.dish-chapter-heading p{margin:4px 0 0;font-size:12px;color:#876650}.dish-chapter-heading>span{white-space:nowrap;font-size:12px;color:#987052;font-variant-numeric:tabular-nums}
.dish-all-done{padding:18px;border:1px solid #DDBA86;border-radius:13px;background:#FFF0C9;line-height:1.8;font-weight:700}
.dish-notes{margin-top:12px;color:#80604B}.dish-notes>summary{cursor:pointer;font-size:12px;padding:8px 0}.dish-notes p{margin:8px 0;font-size:11px;line-height:1.8}
@media(max-width:760px){.dish-collection{padding:18px}.dish-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dish-next-grid{gap:9px}.dish-copy{padding:10px}.dish-copy h4{font-size:13px}.dish-state{font-size:8px}}
@media(max-width:520px){.dish-collection{margin:24px 0;padding:15px;border-radius:18px}.dish-heading{gap:8px}.dish-count strong{font-size:29px}.dish-count{font-size:15px}.dish-heading h2{font-size:22px}.dish-eyebrow{font-size:10px}.dish-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dish-next-grid{grid-template-columns:1fr}.dish-next-card{display:grid;grid-template-columns:105px minmax(0,1fr);align-items:stretch}.dish-next-card .dish-art{align-items:center;justify-content:center;gap:5px;padding:6px 4px;border-bottom:0;border-right:1px solid #F1E4D1}.dish-next-card .recipe-dish-icon{max-height:95px}.dish-next-card .dish-copy{padding:10px 12px}.dish-next-card .dish-korean{margin-bottom:6px}.dish-next-card .dish-condition{min-height:0}.dish-next-card .dish-state{align-self:center;font-size:8px}.dish-chapter-heading{align-items:flex-start;gap:8px}.dish-chapter-heading h3{font-size:16px}.dish-chapter-heading p{font-size:11px}.dish-chapter-heading>span{font-size:11px}.dish-intro{font-size:12px;margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.dish-collection *{scroll-behavior:auto}}