:root{--ink:#38454b;--muted:#77848a;--accent:#17aabb;--line:#e0e9e8;--paper:#f5f8f7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:2;overflow-wrap:anywhere}a{color:inherit}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.brand{height:100px;max-width:1120px;margin:auto;display:flex;align-items:center;padding:20px 36px}.brand img{width:190px;max-height:60px;object-fit:contain}.hero{background:white;border-top:1px solid var(--line);padding:76px max(28px,calc((100vw - 1048px)/2)) 68px;position:relative}.hero:before{content:"";display:block;width:42px;height:3px;background:var(--accent);margin-bottom:28px}.hero h2{max-width:820px;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(24px,3.4vw,38px);line-height:1.8;letter-spacing:.07em;font-weight:500;margin:0 0 22px}.hero p{font-size:15px;line-height:2.2;color:var(--muted);margin:0}.hero p br:last-child{display:none}main{max-width:1120px;margin:64px auto 100px;padding:0 36px}.recipe-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:44px;align-items:start}.ingredients{background:white;padding:30px 26px;border-top:3px solid var(--accent);border-radius:3px;position:sticky;top:28px;font-size:14px}.recipe-title{font-size:20px;font-weight:600;line-height:1.9;letter-spacing:.03em;margin:0 0 36px}.ingredients p{margin:0 0 12px}.ingredients .ingredient{padding:9px 0;border-bottom:1px solid var(--line);margin:0}.steps{min-width:0}.step{padding:0 0 38px;margin:0 0 34px;border-bottom:1px solid var(--line)}.step p{margin:0 0 20px;white-space:normal}.step p:first-child{font-weight:500}.step img{display:block;max-width:100%;height:auto;width:auto;margin:22px auto 0;border-radius:4px}.step video{display:block;max-width:100%;height:auto;width:100%;margin:18px 0;border-radius:4px;background:#202727}.notes{background:#e9f1ef;padding:24px 28px;border-left:3px solid #9ab8af;font-size:14px}.notes p{margin:8px 0}.recipe-links{display:grid;grid-template-columns:1fr 1fr;gap:28px}.recipe-links a{background:white;padding:42px 34px;text-decoration:none;border:1px solid var(--line);border-top:3px solid var(--accent);font-size:19px;line-height:2;transition:transform .2s,box-shadow .2s}.recipe-links a:after{content:"→";display:block;color:var(--accent);font-size:28px;margin-top:22px}.recipe-links a:hover{transform:translateY(-4px);box-shadow:0 12px 36px #244a4510}footer{background:white;padding:32px 24px;text-align:center;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}.totop{position:fixed;right:22px;bottom:22px}.totop a{display:flex;width:48px;height:48px;align-items:center;justify-content:center;background:white;border:1px solid var(--line);border-radius:50%;box-shadow:0 4px 18px #0001;text-decoration:none}.totop a:before{content:"↑";font-size:22px;color:var(--accent)}@media(max-width:760px){.brand{height:80px;padding:18px 24px}.brand img{width:160px}.hero{padding:44px 24px 40px}.hero h2{font-size:25px}.hero p br{display:none}main{margin:36px auto 60px;padding:0 22px}.recipe-layout{grid-template-columns:1fr;gap:36px}.ingredients{position:static;padding:24px}.recipe-title{font-size:18px;margin-bottom:24px}.recipe-links{grid-template-columns:1fr;gap:18px}.recipe-links a{padding:28px 24px;font-size:17px}.step{padding-bottom:24px;margin-bottom:28px}.notes{padding:20px}.totop{right:12px;bottom:12px}footer{padding:26px 35px;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.recipe-links a{transition:none}}@media print{.brand,.totop{display:none}.hero{padding:20px}main{margin:20px 0;padding:0}.recipe-layout{display:block}.ingredients{position:static}.step{break-inside:avoid}body{background:white}}