/* Community stories share the kitchen's colours and type without a menu app runtime. */
.community-teaser{background:#e7f5f7;color:#183d43;padding:40px 24px}
.community-teaser-inner{max-width:1160px;margin:auto;display:grid;grid-template-columns:1fr 2fr;gap:48px}
.community-teaser h2{font-size:1.6rem;line-height:1.2;letter-spacing:-.025em;margin:0 0 14px}
.community-teaser h3{font-size:1.5rem;line-height:1.3;margin:8px 0 12px}
.community-teaser p{line-height:1.6;max-width:62ch;margin:0}
.community-teaser a{color:inherit;text-underline-offset:4px}
.community-teaser a:focus-visible{outline:3px solid #a33d62;outline-offset:5px}
.community-teaser h3 a,.story-list-item h2 a{text-decoration:none}
.community-teaser h3 a:hover,.story-list-item h2 a:hover{text-decoration:underline}
.story-meta{font-size:.82rem;color:#50676a;line-height:1.6}
.story-read{display:inline-block;font-weight:700;margin-top:16px;padding-block:7px}
.story-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:.85rem;padding-top:30px}
.stories-heading{padding-block:48px 52px;max-width:760px}
.stories-heading p{font-size:1.1rem;color:var(--muted);margin-top:22px}
.story-list-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:56px;align-items:center;border-top:1px solid var(--line);padding-block:36px}
.story-list-item h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.15;margin:14px 0 20px}
.story-list-item+.story-list-item{margin-top:18px}
.story-photo{margin:0;min-width:0}
.story-photo img{width:100%;height:auto;border-radius:12px}
.story-photo figcaption{font-size:.76rem;line-height:1.6;color:var(--muted);margin-top:12px;max-width:60ch}
.story-heading{max-width:900px;padding-block:48px 40px}
.story-heading h1{font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.07;margin-top:18px;text-wrap:balance}
.story-deck{font-size:1.15rem;line-height:1.6;color:var(--muted);margin-top:24px;max-width:60ch}
.story-byline{font-size:.83rem;margin-top:20px}
.story-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:60px;align-items:start}
.story-prose{max-width:64ch;line-height:1.85}
.story-prose p+p{margin-top:24px}
.story-links{margin-top:30px;font-size:.9rem}
.story-menu{margin-block:56px 28px;background:var(--blue);padding:32px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.story-menu h2{font-size:1.65rem;line-height:1.25}
.story-menu p{font-size:.87rem;margin-top:12px;max-width:60ch}
.story-menu .button{flex-shrink:0;font-size:.9rem;max-width:100%}
.story-back{display:inline-block;padding-block:12px;margin-bottom:30px}
.stories-page .site-footer{padding-top:30px;padding-bottom:30px}
#story-main{scroll-margin-top:110px}
@media(max-width:760px){.community-teaser-inner{grid-template-columns:1fr;gap:28px}.community-teaser{padding-block:32px}.story-list-item,.story-layout{grid-template-columns:1fr;gap:30px}.story-list-item{align-items:start}.story-list-item .story-photo{order:2}.stories-heading{padding-block:32px}.stories-heading h1{font-size:2.55rem}.story-heading{padding-block:32px}.story-heading h1{font-size:2.45rem}.story-deck{font-size:1.02rem}.story-menu{flex-direction:column;align-items:stretch;margin-top:36px;padding:24px}.story-menu .button{width:100%}.stories-page .site-header{gap:8px;padding-inline:14px}.stories-page .header-actions{gap:10px}.stories-page .brand{gap:7px;font-size:.7rem}.stories-page .brand img{width:34px;height:34px}.stories-page .header-actions .button{padding-inline:12px;font-size:.72rem}.stories-page .language{font-size:.76rem}}
@media print{.story-menu,.story-back,.story-breadcrumb{display:none}.story-layout{display:block}.story-photo{max-width:420px;margin-top:24px}}