.food-areas{--area-ink:#141911;--area-yellow:#ffdf35;--area-paper:#fff9e9;color:var(--area-ink);background:var(--area-paper);scroll-margin-top:100px}.area-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;padding-bottom:38px}.area-heading>p{max-width:420px;font-size:18px;line-height:1.9;margin:0}.area-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:54px;border-top:2px solid var(--area-ink)}.area-index{align-self:start;position:sticky;top:100px;padding-top:30px}.area-index>a{display:grid;gap:8px;text-decoration:none;color:inherit;padding:22px 18px;border-bottom:1px solid #b8baa8;transition:background .2s}.area-index>a span,.area-index>a small{font-size:14px}.area-index>a strong{font-size:23px;letter-spacing:-.6px}.area-index>a:hover,.area-index>a:focus-visible{background:var(--area-yellow);outline:2px solid var(--area-ink)}.area-index-note{font-size:14px;line-height:1.9;margin:24px 18px;color:#53584b}.area-stories{min-width:0}.area-story{padding:36px 0 40px;border-bottom:1px solid var(--area-ink);scroll-margin-top:110px}.area-story-top{display:grid;grid-template-columns:42px 1fr auto;gap:20px;align-items:start}.area-number{font-size:24px;border-bottom:5px solid var(--area-yellow);font-weight:800;padding-bottom:6px}.area-kicker{font-size:12px;letter-spacing:1.5px;margin:0 0 10px;font-weight:700}.area-story h3{margin:0;font-size:32px;line-height:1.3;letter-spacing:-1px}.area-story h3 span{display:block;font-size:18px;font-weight:500;letter-spacing:0;margin-top:7px}.area-map{color:inherit;border:1px solid var(--area-ink);padding:9px 13px;text-decoration:none;font-size:14px;white-space:nowrap}.area-intro{font-size:17px;line-height:1.95;margin:28px 0}.area-info{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:18px 0;border-top:1px solid #d9d7c6;border-bottom:1px solid #d9d7c6}.area-info span{font-size:12px;letter-spacing:1px;color:#616657}.area-info p{font-size:16px;line-height:1.7;margin:7px 0 0}.area-store{margin:24px 0 20px;background:#fffdf6;padding:24px;border-left:5px solid var(--area-yellow)}.area-store--tea{border-left-color:#cbe7d1}.area-store-label{font-size:12px;color:#575e4f}.area-store h4{font-size:24px;margin:10px 0 12px;letter-spacing:-.5px}.area-store p{font-size:16px;line-height:1.85;margin:0 0 18px}.area-store>a{font-size:15px;font-weight:700;color:inherit;text-underline-offset:5px}.area-practical{padding:16px 0;border-top:1px solid #d9d7c6}.area-practical summary{cursor:pointer;font-size:16px;font-weight:650;line-height:1.7}.area-practical p{font-size:15px;line-height:1.95;padding-left:18px;max-width:720px;margin:15px 0}.area-sources{display:flex;gap:10px 22px;flex-wrap:wrap;font-size:12px;line-height:1.8;margin-top:12px}.area-sources span{color:#616657}.area-sources a{color:inherit;text-underline-offset:4px}.area-end{display:flex;align-items:center;gap:35px;justify-content:space-between;margin-top:28px}.area-end p{max-width:720px;color:#5b6252;font-size:13px;line-height:1.8;margin:0}.area-end>a{font-size:15px;font-weight:700;color:inherit;white-space:nowrap;text-underline-offset:5px}.area-story a:focus-visible,.area-practical summary:focus-visible{outline:3px solid #192315;outline-offset:5px}@media(max-width:850px){.area-heading{display:block;padding-bottom:24px}.area-heading>p{margin-top:24px}.area-layout{grid-template-columns:1fr;gap:0}.area-index{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;border-bottom:1px solid #151a15}.area-index>a{padding:18px 12px;border-right:1px solid #ccc9b7;border-bottom:0;display:block}.area-index>a span{font-size:11px;display:block}.area-index>a strong{font-size:18px;display:block;margin:8px 0}.area-index>a small{font-size:12px;display:block;line-height:1.6}.area-index-note{display:none}.area-story-top{grid-template-columns:32px 1fr;gap:14px}.area-map{grid-column:2;justify-self:start;margin-top:5px}.area-story h3{font-size:28px}.area-info{gap:18px}.area-end{display:block}.area-end>a{display:inline-block;margin-top:22px}.area-story{padding-top:28px}.area-intro{font-size:16px}.area-store{padding:20px}.area-heading .sp-h2{font-size:36px;line-height:1.2}}@media(prefers-reduced-motion:reduce){.area-index>a{transition:none}html{scroll-behavior:auto}}