.detail-page{min-height:70vh}.loading-state,.error-state{padding:100px 0;color:var(--muted)}.detail-hero{padding:58px 0 46px;background:linear-gradient(145deg,#efe1cf,#f8f3eb);border-bottom:1px solid var(--line)}.breadcrumb{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:24px;flex-wrap:wrap}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.detail-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:46px;align-items:center}.detail-hero-grid.no-media{grid-template-columns:minmax(0,820px)}.detail-hero-copy{min-width:0}.detail-hero-media{margin:0;aspect-ratio:4/3;border:1px solid #cfb7a7;border-radius:22px;overflow:hidden;background:#eadfce;box-shadow:0 18px 40px #4f2d1c14}.detail-hero-media img{display:block;width:100%;height:100%;object-fit:cover}.detail-eyebrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.status-chip{display:inline-flex;align-items:center;min-height:28px;padding:3px 10px;border:1px solid #bca08d;border-radius:999px;background:#fff9f2;color:#6f3923;font-size:12px;font-weight:800;letter-spacing:0;text-transform:none}.status-chip.draft{background:#fff3cd;border-color:#dfc776;color:#6b5200}.detail-title{font-family:Georgia,"Noto Serif TC",serif;font-weight:500;font-size:clamp(44px,6.5vw,76px);line-height:1.05;margin:14px 0 8px;letter-spacing:-.02em}.detail-en{font-family:Georgia,serif;color:var(--muted);font-size:17px}.detail-summary{max-width:760px;font-size:18px;color:#554a43;margin:24px 0 0;line-height:1.75}.detail-meta-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.detail-meta-strip span{border:1px solid var(--line);background:#fff8ef;border-radius:999px;padding:6px 11px;font-size:12px}.detail-shell{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.62fr);gap:60px;padding-top:54px;padding-bottom:82px}.detail-content{min-width:0}.detail-content section{padding:0 0 36px;margin:0 0 38px;border-bottom:1px solid var(--line)}.detail-content section:last-child{border-bottom:0;margin-bottom:0}.detail-content h2,.detail-aside h2{font-family:Georgia,"Noto Serif TC",serif;font-weight:500;font-size:30px;line-height:1.2;margin:0 0 16px}.detail-content h3{font-size:17px;margin:24px 0 10px}.prose{max-width:760px;font-size:16.5px;line-height:1.8;color:#4f453f}.tag-list,.plain-list{display:flex;gap:9px;flex-wrap:wrap;margin:0;padding:0;list-style:none}.tag-list li{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:7px 11px;font-size:14px}.plain-list{display:grid;gap:9px}.plain-list li{padding-left:18px;position:relative;line-height:1.7}.plain-list li:before{content:'•';position:absolute;left:0;color:var(--accent)}.note-box,.draft-notice,.gate-notice{border:1px solid #ceb8a9;background:#fff9f2;border-radius:16px;padding:18px 20px;max-width:780px}.draft-notice{border-color:#dbc56f;background:#fff8df}.draft-notice strong,.gate-notice strong{display:block;margin-bottom:6px}.draft-notice span{display:block;color:#615645;line-height:1.7}.detail-aside{align-self:start;position:sticky;top:92px}.aside-card{border:1px solid var(--line);background:var(--card);border-radius:18px;padding:20px;margin-bottom:14px}.aside-card h2{font-size:21px;margin-bottom:14px}.aside-card p{margin:8px 0}.aside-card dl{margin:0}.aside-card dl>div{display:grid;grid-template-columns:minmax(86px,.7fr) 1fr;gap:10px;padding:8px 0;border-top:1px solid var(--line)}.aside-card dl>div:first-child{border-top:0}.aside-card dd{margin:0}.source-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.source-list li{border-top:1px solid var(--line);padding-top:12px}.source-list li:first-child{border-top:0;padding-top:0}.source-list a{font-weight:700;text-decoration:underline;text-underline-offset:3px}.source-meta{display:block;color:var(--muted);font-size:12px;margin-top:3px}.recipe-card{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:20px}.recipe-card+.recipe-card{margin-top:12px}.recipe-card h3{margin:8px 0 6px;font-family:Georgia,"Noto Serif TC",serif;font-size:23px;font-weight:500}.recipe-card p{margin:6px 0 10px;color:var(--muted)}.text-link{font-weight:800;color:var(--accent);text-decoration:underline;text-underline-offset:3px}.recipe-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.recipe-facts div{border:1px solid var(--line);background:#fff9f2;border-radius:14px;padding:12px}.recipe-facts dt{font-size:11px;color:var(--muted);letter-spacing:.05em}.recipe-facts dd{margin:3px 0 0;font-weight:800}.ingredient-components{display:grid;gap:26px}.ingredient-components>div>h3{margin-top:0}.ingredient-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.ingredient-list li{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.ingredient-name{font-weight:700}.ingredient-detail{display:block;color:var(--muted);font-size:13px;margin-top:2px}.ingredient-amount{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}.steps{list-style:none;margin:0;padding:0;display:grid;gap:22px}.step{display:grid;grid-template-columns:44px 1fr;gap:16px}.step-number{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:white;font-weight:800}.step h3{margin:0 0 6px}.step p{margin:4px 0}.endpoint{color:#5e5148;font-size:14px;border-left:3px solid #cfaa92;padding:8px 0 8px 12px;margin-top:9px!important;background:#fffaf36b}.small-muted{color:var(--muted);font-size:13px}.substitution-list{display:grid;gap:12px}.substitution{border:1px solid var(--line);border-radius:14px;padding:15px;background:var(--card)}.substitution b{color:var(--accent)}@media(max-width:900px){.detail-hero-grid{grid-template-columns:1fr}.detail-hero-media{max-width:720px}.detail-shell{grid-template-columns:1fr;gap:34px}.detail-aside{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.aside-card{margin:0}.recipe-facts{grid-template-columns:repeat(4,1fr)}}@media(max-width:680px){.detail-aside{grid-template-columns:1fr}.recipe-facts{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.detail-hero{padding:38px 0 32px}.breadcrumb{margin-bottom:20px}.detail-title{font-size:40px}.detail-summary{font-size:16.5px;margin-top:20px}.detail-shell{padding-top:34px;padding-bottom:56px}.detail-content section{padding-bottom:30px;margin-bottom:30px}.detail-content h2{font-size:27px}.ingredient-list li{grid-template-columns:1fr;gap:3px}.ingredient-amount{text-align:left}.recipe-facts{grid-template-columns:1fr 1fr}.step{grid-template-columns:36px 1fr;gap:12px}.step-number{width:32px;height:32px}.note-box,.draft-notice,.gate-notice{padding:16px}.source-list a{overflow-wrap:anywhere}}