.item-page{max-width:1380px;margin:34px auto 90px;padding:0 30px}.item-page-head{display:flex;align-items:end;justify-content:space-between;padding:34px 38px;background:#292c2e;color:#fff}.item-page-head small{font:500 10px DM Mono;letter-spacing:2px;color:var(--orange)}.item-page-head h1{font-size:34px;margin:5px 0}.item-page-head p{margin:0;color:#aaa;font-size:12px}.item-page-head>span{font:500 12px DM Mono;color:#bbb}.item-page-layout{display:grid;grid-template-columns:320px 1fr;min-height:720px;background:#fff;border:1px solid #ddd;border-top:0}.item-page-layout>aside{border-right:1px solid #ddd;background:#fafaf8}.item-page-search{padding:20px;position:relative;border-bottom:1px solid #ddd}.item-page-search span{position:absolute;left:33px;top:27px;font-size:20px;color:#888}.item-page-search input{width:100%;height:40px;padding:0 12px 0 39px;border:1px solid #d5d7d8}.item-page-list{max-height:790px;overflow:auto;padding:8px}.item-page-list>button{width:100%;border:1px solid transparent;background:none;padding:10px;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer}.item-page-list>button:hover,.item-page-list>button.active{border-color:#efb188;background:#fff5ed}.item-page-list .item-image{width:38px;height:38px}.item-page-list strong,.item-page-list small{display:block}.item-page-list strong{font-size:12px}.item-page-list small{font-size:9px;color:#999;margin-top:4px}.item-detail{padding:34px;min-width:0}.item-detail-hero{display:grid;grid-template-columns:150px 1fr;gap:28px;padding-bottom:34px;border-bottom:1px solid #ddd}.item-detail-hero>.item-image{width:140px;height:140px;padding:16px;background:#f1f1ed}.item-detail-hero>div>small{font:500 10px DM Mono;color:#999}.item-detail-hero h2{font-size:30px;margin:6px 0}.item-detail-hero p{font-size:12px;line-height:1.8;color:#707477;white-space:pre-line}.item-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px;border:1px solid #ddd}.item-detail-stats span{padding:12px;border-right:1px solid #ddd}.item-detail-stats span:last-child{border:0}.item-detail-stats small,.item-detail-stats b{display:block}.item-detail-stats small{font-size:9px;color:#999}.item-detail-stats b{margin-top:5px;font:500 13px DM Mono}.item-calculate{margin-top:15px;border:0;background:var(--orange);color:#fff;padding:10px 15px;font-size:11px;font-weight:700;cursor:pointer}.item-calculate:disabled{background:#ccc;cursor:not-allowed}.item-detail-section{margin-top:32px}.item-detail-section h3{font-size:15px;border-bottom:2px solid #292c2e;padding-bottom:10px}.item-detail-section h3 span{color:var(--orange);font:500 12px DM Mono}.item-recipes,.item-uses{display:grid;gap:9px}.item-recipe,.item-use{border:1px solid #ddd;background:#fff}.item-recipe>header{padding:12px 14px;border-bottom:1px solid #eee;display:flex;gap:10px;align-items:center}.item-recipe>header span{font-size:9px;color:#a65b19;background:#fff0df;padding:3px 6px}.item-recipe>header strong{font-size:12px}.recipe-route{padding:14px;display:flex;align-items:center;gap:10px;background:#fafaf8;font-size:10px}.recipe-route>div{display:flex;gap:5px;flex-wrap:wrap}.recipe-route button,.item-use button{border:1px solid #ddd;background:#fff;padding:6px;font-size:10px;cursor:pointer}.recipe-route button b{display:block;color:var(--orange);margin-top:3px}.recipe-route i{font-style:normal;color:#bbb}.recipe-machine{font-weight:700}.recipe-machine small{display:block;color:#999;margin-top:3px}.item-recipe>footer{padding:9px 14px;color:#888;font-size:9px}.item-use{padding:12px 14px;display:flex;justify-content:space-between;gap:12px}.item-use strong,.item-use small{display:block}.item-use strong{font-size:11px}.item-use small{font-size:9px;color:#999;margin-top:4px}.item-empty-note{padding:24px;background:#f7f7f4;color:#999;font-size:11px;text-align:center}@media(max-width:850px){.item-page{padding:0 14px}.item-page-layout{grid-template-columns:1fr;min-height:0}.item-page-layout>aside{border-right:0;border-bottom:1px solid #ddd}.item-page-list{max-height:clamp(320px,calc(100dvh - 430px),620px)}.item-detail{padding:22px}.item-detail-stats{grid-template-columns:repeat(2,1fr)}.item-detail-stats span:nth-child(2){border-right:0}.item-detail-stats span:nth-child(-n+2){border-bottom:1px solid #ddd}}@media(max-width:560px){.item-page-head{padding:24px}.item-page-head p,.item-page-head>span{display:none}.item-detail-hero{grid-template-columns:80px 1fr;gap:16px}.item-detail-hero>.item-image{width:80px;height:80px;padding:8px}.item-detail-hero h2{font-size:23px}.item-detail-hero p,.item-detail-stats,.item-calculate{grid-column:1/-1}.recipe-route{align-items:flex-start;overflow-x:auto}.item-use{flex-direction:column}}.recipe-machine{font-weight:700;border:1px solid #ddd;background:#fff;padding:7px 10px;cursor:pointer}.recipe-machine:hover{border-color:var(--orange)}.item-detail-back{display:none}@media(max-width:850px){.item-page:not(.show-mobile-detail) .item-detail{display:none}.item-page:not(.show-mobile-detail) .item-page-layout>aside{display:block}.item-page.show-mobile-detail .item-page-layout>aside{display:none}.item-page.show-mobile-detail .item-detail{display:block}.item-detail{scroll-margin-top:76px}.item-detail-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:18px;border:1px solid #d5d2cd;background:#fff;padding:0 14px;font-weight:700;cursor:pointer}.item-form-filters button{min-width:44px;min-height:44px}}.recipe-comparison table{min-width:850px}.recipe-comparison td{text-align:left;vertical-align:top;line-height:1.65}.recipe-comparison td:nth-child(4),.recipe-comparison td:nth-child(6),.recipe-comparison td:nth-child(7){white-space:nowrap}.recipe-comparison button{border:0;background:none;color:#c75c12;padding:0;cursor:pointer;font:inherit}.recipe-kind{display:inline-block;padding:3px 7px;font:700 9px Noto Sans KR;white-space:nowrap}.recipe-kind.base{background:#dff4e8;color:#147b48}.recipe-kind.alternate{background:#fff0df;color:#a65b19}