.modal-ingredients-reveal{margin:16px 0 0 42px;padding:8px 12px;border:1px solid var(--dark);border-radius:8px;color:var(--dark);background:#fff;font-weight:800;cursor:pointer}.detail-content{position:relative;transition:grid-template-columns .35s ease,column-gap .35s ease}.modal-ingredients{min-width:0;transform:translateX(0);opacity:1;transition:transform .35s ease,opacity .25s ease}.detail-content.ingredients-hidden{grid-template-columns:0 1fr;column-gap:0}.detail-content.ingredients-hidden .modal-ingredients{overflow:hidden;transform:translateX(-120%);opacity:0;pointer-events:none}.modal-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-panel-heading h3{margin:0}.modal-panel-heading button{padding:6px 8px;border:0;border-radius:7px;color:var(--dark);background:#eef6e9;font-size:11px;font-weight:800;cursor:pointer}.modal-work{display:grid;align-content:start;gap:14px}.modal-focus{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff}.modal-focus summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;color:var(--dark);background:#f7faf4;cursor:pointer;list-style:none}.modal-focus summary::-webkit-details-marker{display:none}.modal-focus summary span{font-size:20px;font-weight:800}.modal-focus summary small{color:var(--muted);font-size:11px}.modal-focus summary:after{content:'＋';font-size:19px}.modal-focus[open] summary:after{content:'−'}.modal-focus-content{padding:17px 18px;border-top:1px solid var(--line)}.preparation-container{margin:15px 0 5px;color:var(--dark);font-size:15px}.preparation-container:first-child{margin-top:0}.modal-preparation-line{display:grid;grid-template-columns:auto 1fr;gap:9px;padding:2px 0;line-height:1.5}.modal-preparation-amount{min-width:58px;color:var(--orange);font-weight:800;white-space:nowrap}@media(max-width:700px){.detail-content.ingredients-hidden{grid-template-columns:1fr}.detail-content.ingredients-hidden .modal-ingredients{position:absolute;width:100%}.modal-ingredients-reveal{margin-left:20px}.modal-focus summary small{display:none}}