/* Reading routes inherit the homepage's photo layers and warm cafe materials. */
.cafe-editorial .cafe-reading-hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-block:80px 110px;min-height:620px}
.cafe-hero-copy{min-width:0}
.cafe-editorial .cafe-reading-hero h1{font-size:clamp(2.8rem,5.6vw,4.8rem);text-transform:uppercase;max-width:none;margin-bottom:38px}
.cafe-reading-title{display:block;max-width:10ch}
.cafe-editorial .cafe-reading-hero .reading-hand{text-transform:none;font-size:clamp(2.1rem,3.6vw,3.5rem);line-height:1.08;margin-top:12px;max-width:100%;transform:rotate(-3deg)}
.cafe-pencil{position:relative;width:fit-content}
.cafe-pencil:after,.cafe-pencil:before{content:'';position:absolute;bottom:-13px;left:6%;width:87%;border-bottom:1px solid currentColor;transform:rotate(-2deg)}
.cafe-pencil:before{bottom:-18px;left:11%;width:75%;transform:rotate(-4deg)}
.cafe-editorial .cafe-hero-copy>p{max-width:42ch}.cafe-editorial .cafe-hero-copy .reading-lead{font-family:Manrope,sans-serif;font-size:20px;font-weight:600;line-height:1.6}
.cafe-hero-copy>p:not(.reading-lead){font-size:18px;color:var(--reading-muted)}
.cafe-reading-collage{position:relative;height:470px;min-width:0;margin:0 10px 0 0;isolation:isolate}
.cafe-reading-collage:before{content:'';position:absolute;inset:20px 12px 92px 8px;border:1px solid #f3ede269;border-radius:14px;transform:rotate(-4deg);z-index:-1}
.cafe-reading-collage figure{margin:0}.cafe-scene{position:absolute;top:34px;right:0;width:96%;height:300px;border-radius:14px;overflow:hidden;transform:rotate(3deg)}
.cafe-scene img{width:100%;height:100%;object-fit:cover}.cafe-photo-corner{position:absolute;top:18px;left:18px;width:28px;height:28px;border-left:2px solid #f3ede2;border-top:2px solid #f3ede2}
.cafe-portrait{position:absolute;bottom:0;left:24px;width:42%;padding:7px 7px 37px;background:#f3ede2;border-radius:14px;transform:rotate(-7deg);box-shadow:8px 19px 30px #0007;z-index:2}
.cafe-portrait img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:8px}.cafe-portrait figcaption{position:absolute;left:7px;right:7px;bottom:4px;text-align:center;font:600 26px/1.15 Caveat,cursive;color:#211e1c;white-space:nowrap}
.cafe-editorial .cafe-cutout{position:absolute;bottom:12px;right:16px;width:41%;height:310px;object-fit:contain;object-position:bottom;transform:rotate(5deg);filter:drop-shadow(10px 20px 13px #0009);z-index:3}
.cafe-news-collage .cafe-cutout{width:40%;height:280px;right:0;transform:rotate(8deg)}
.cafe-section-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:40px}
.cafe-editorial .cafe-section-heading h2,.cafe-editorial .official-feed-title,.cafe-editorial .cafe-articles-heading h2{font:italic 800 clamp(2.3rem,4vw,3.8rem)/1.04 Barlow,sans-serif;margin:0}
.cafe-section-heading h2 .reading-hand{font-size:clamp(2rem,3.6vw,3.5rem);margin-top:4px;transform:rotate(-3deg)}
.cafe-section-heading>p{max-width:42ch;color:var(--reading-muted);margin:0}
.cafe-guide-shelf{padding-block:0 75px;scroll-margin-top:40px}
.cafe-guide-choices{display:grid;grid-template-columns:1fr 1fr;gap:42px}
.cafe-guide-choice{min-width:0}.cafe-guide-featured{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:54px}
.cafe-guide-image{display:block;padding:8px;background:#f3ede2;border-radius:14px;transform:rotate(1deg);box-shadow:8px 19px 30px #0007}
.cafe-guide-image img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
.cafe-guide-choice:nth-child(2) .cafe-guide-image{transform:rotate(-2deg)}
.cafe-guide-copy{padding:28px 5px 5px}.cafe-guide-featured .cafe-guide-copy{padding:20px 0}
.cafe-editorial .cafe-guide-copy h3{font-size:1.9rem;line-height:1.15;margin-bottom:18px}.cafe-editorial .cafe-guide-featured h3{font-size:2.35rem}
.cafe-guide-copy h3 a{text-decoration:none}.cafe-guide-copy h3 a:hover{text-decoration:underline}.cafe-guide-copy>p:not(.story-meta){color:var(--reading-muted);max-width:55ch}
.cafe-editorial .cafe-reading-note{max-width:none;display:grid;grid-template-columns:1fr 280px;align-items:center;gap:65px;margin:0 0 90px;padding:40px 0;border-block:1px solid var(--reading-line)}
.cafe-editorial .cafe-reading-note h2{font:600 38px/1.1 Caveat,cursive;color:var(--reading-rose);margin-bottom:18px}
.cafe-reading-note p{max-width:65ch;margin:0}.cafe-reading-note figure{margin:0;padding:6px 6px 32px;background:#f3ede2;transform:rotate(4deg);border-radius:14px;box-shadow:8px 19px 30px #0007;position:relative}
.cafe-reading-note img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.cafe-reading-note figcaption{position:absolute;bottom:3px;left:8px;right:8px;text-align:center;font:600 25px/1.1 Caveat,cursive;color:#211e1c}
.cafe-editorial .official-feed-heading{margin-bottom:22px}.cafe-editorial #official-feed-title{font:italic 800 clamp(2.3rem,4vw,3.8rem)/1.04 Barlow,sans-serif;scroll-margin-top:40px;max-width:13ch;margin-bottom:22px}
.cafe-editorial .official-post{gap:48px;padding-block:44px;align-items:center}.cafe-editorial .official-media{padding:7px;background:#f3ede2;box-shadow:8px 19px 30px #0007;overflow:visible;transform:rotate(-1deg);isolation:isolate}
.cafe-editorial .official-media img,.cafe-editorial .official-media video,.cafe-editorial .official-media iframe{border-radius:8px;overflow:hidden;background:#100f0e;aspect-ratio:16/9}
.cafe-editorial .official-post:nth-child(even) .official-media{transform:rotate(1deg)}
.cafe-editorial .official-post h3{font-size:1.9rem;line-height:1.16}.cafe-editorial .official-meta{font-size:13px}.cafe-editorial .official-description{font-size:18px;max-width:55ch}
.cafe-editorial .official-text-only{max-width:none;background:#211e1c;padding:32px;border-radius:14px;margin-block:28px;border-bottom:0}
.cafe-editorial .social-filters{gap:24px;border-bottom:1px solid var(--reading-line);margin-bottom:10px;padding-bottom:10px}.cafe-editorial .social-filters button{border:0;border-radius:0;padding:10px 0;background:transparent;color:var(--reading-muted);font:600 25px/1.1 Caveat,cursive}
.cafe-editorial .social-filters button[aria-pressed=true]{color:var(--reading-rose);box-shadow:0 1px var(--reading-rose)}
.cafe-editorial .social-filters button:hover{color:var(--reading-ink)}
.cafe-editorial .youtube-play{inset:7px;border-radius:8px}.cafe-editorial .official-feed{padding-bottom:65px}
.cafe-editorial .cafe-articles-heading{display:flex;justify-content:space-between;align-items:center;gap:45px;padding-block:50px 35px}.cafe-editorial .cafe-articles-heading p{max-width:45ch;margin:0}
.cafe-editorial .news-stories{display:grid;grid-template-columns:1fr 1fr;gap:44px 42px;margin-bottom:70px}
.cafe-editorial .story-row,.cafe-editorial .story-row:first-child{display:block;padding:0;border:0}.cafe-editorial .story-row>div{padding:26px 5px 0}
.cafe-editorial .story-image{background:#f3ede2;padding:7px;box-shadow:8px 19px 30px #0007;transform:rotate(-1deg);overflow:visible}.cafe-editorial .story-image img{border-radius:8px}
.cafe-editorial .story-row:nth-child(even) .story-image{transform:rotate(1deg)}.cafe-editorial .story-row h2,.cafe-editorial .story-row:first-child h2{font-size:1.9rem}
.cafe-editorial .cafe-article-opening{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;max-width:none;padding-block:60px 70px}
.cafe-editorial .cafe-article-opening h1{font-size:clamp(2.5rem,4.4vw,4.1rem)}
.cafe-article-photo{margin:0;padding:8px 8px 38px;background:#f3ede2;border-radius:14px;transform:rotate(3deg);box-shadow:8px 19px 30px #0007;position:relative}
.cafe-article-photo img{width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:8px}.cafe-article-photo figcaption{position:absolute;left:8px;right:8px;bottom:5px;color:#211e1c;text-align:right;padding-right:8px;font:600 26px/1.1 Caveat,cursive}
.cafe-editorial .article-contents{background:#f3ede2;color:#211e1c;padding:25px 23px;border-radius:14px;box-shadow:8px 19px 30px #0007;transform:rotate(-1deg)}
.cafe-editorial .article-contents h2{font:600 32px/1.1 Caveat,cursive;margin-bottom:22px}.cafe-editorial .article-contents a{color:#211e1c}.cafe-editorial .article-contents .reading-link{font-size:16px}
.cafe-editorial .article-contents a:focus-visible{outline-color:#211e1c}
.cafe-editorial .article-body{background:#211e1c;border-radius:14px;padding:8px 44px 44px;max-width:none;min-width:0}.cafe-editorial .article-body>section{max-width:70ch}.cafe-editorial .related-reading h2{font:600 38px/1.1 Caveat,cursive;color:var(--reading-rose)}
@media(max-width:1100px){.cafe-editorial .cafe-reading-hero{gap:40px;padding-block:65px 90px;min-height:560px}.cafe-reading-collage{height:415px}.cafe-scene{height:255px}.cafe-editorial .cafe-cutout{height:275px}.cafe-portrait{left:10px;width:44%}.cafe-portrait figcaption{font-size:23px}.cafe-editorial .cafe-article-opening{gap:35px}.cafe-editorial .official-post{gap:35px}.cafe-guide-featured{gap:40px}.cafe-editorial .cafe-guide-featured h3{font-size:1.9rem}}
@media(max-width:800px){
  .cafe-editorial .cafe-reading-hero{grid-template-columns:1fr;gap:30px;padding-block:55px 75px;min-height:0}
  .cafe-editorial .cafe-reading-hero h1{font-size:clamp(2.8rem,7vw,4.8rem);max-width:none;margin-bottom:38px}.cafe-editorial .cafe-reading-hero .reading-hand{font-size:clamp(2.1rem,5.8vw,3.5rem);max-width:none}
  .cafe-reading-title{max-width:none}
  .cafe-reading-collage{width:min(510px,95%);justify-self:center;height:450px;margin:0}.cafe-scene{height:280px}.cafe-portrait{width:41%;left:22px}.cafe-editorial .cafe-cutout{height:310px}
  .cafe-section-heading{align-items:start;flex-direction:column;gap:22px;margin-bottom:35px}
  .cafe-guide-featured{grid-template-columns:1fr;gap:0}.cafe-guide-choices{gap:35px 28px}.cafe-editorial .cafe-guide-featured h3{font-size:1.9rem}
  .cafe-editorial .official-post{grid-template-columns:1fr;gap:28px;padding-block:35px}.cafe-editorial .official-post h3{font-size:1.6rem}.cafe-editorial .official-description{font-size:17px}
  .cafe-editorial .cafe-reading-note{grid-template-columns:1fr 210px;gap:35px}.cafe-reading-note figcaption{font-size:22px}
  .cafe-editorial .cafe-articles-heading{display:block}.cafe-editorial .cafe-articles-heading h2{margin-bottom:22px}
  .cafe-editorial .cafe-article-opening{grid-template-columns:1fr;gap:32px;padding-block:35px 50px}.cafe-article-photo{max-width:600px;width:95%;justify-self:center}
  .cafe-editorial .article-contents{transform:none;position:static;margin-bottom:5px}.cafe-editorial .article-body{padding:0 28px 30px}
}
@media(max-width:480px){
  .cafe-editorial .cafe-reading-hero{padding-block:42px 55px;gap:22px}.cafe-editorial .cafe-hero-copy .reading-lead{font-size:18px}.cafe-hero-copy>p:not(.reading-lead){font-size:17px}
  .cafe-reading-collage{height:325px;width:96%}.cafe-scene{top:25px;height:195px}.cafe-reading-collage:before{inset:15px 8px 60px 6px}.cafe-portrait{width:45%;left:10px;padding:5px 5px 30px}.cafe-portrait figcaption{font-size:20px;bottom:4px}.cafe-editorial .cafe-cutout{height:225px;right:4px;width:43%}.cafe-news-collage .cafe-cutout{height:205px}
  .cafe-guide-choices,.cafe-editorial .news-stories{grid-template-columns:1fr;gap:35px}
  .cafe-editorial .cafe-guide-copy h3,.cafe-editorial .cafe-guide-featured h3,.cafe-editorial .story-row h2,.cafe-editorial .story-row:first-child h2{font-size:1.6rem}
  .cafe-editorial .cafe-reading-note{grid-template-columns:1fr;gap:28px;padding-block:32px;margin-bottom:55px}.cafe-reading-note figure{width:230px;justify-self:end;margin-right:8px}.cafe-editorial .cafe-reading-note h2{font-size:32px}
  .cafe-editorial .official-text-only{padding:24px}.cafe-editorial .social-filters{gap:24px}.cafe-editorial .social-filters button{font-size:23px}
  .cafe-editorial .article-body{padding:0 20px 28px}.cafe-editorial .cafe-article-opening h1{font-size:2.45rem}
}
@media(prefers-reduced-motion:reduce){.cafe-editorial .story-row:hover .story-image img{transform:none}}
@media(forced-colors:active){.cafe-editorial .cafe-scene,.cafe-editorial .cafe-portrait,.cafe-editorial .cafe-guide-image,.cafe-editorial .cafe-article-photo,.cafe-editorial .official-media,.cafe-editorial .article-contents,.cafe-editorial .article-body{background:Canvas;color:CanvasText;box-shadow:none}.cafe-editorial .social-filters button[aria-pressed=true]{color:Highlight;text-decoration:underline}.cafe-editorial .cafe-cutout{filter:none}}

/* Community opens with the same city, mounted photographs and character silhouette as the home page. */
.cafe-community-collage .cafe-scene{transform:rotate(-2deg)}
.cafe-editorial .cafe-community-collage .cafe-portrait{left:-3px;bottom:-4px;width:55%;padding:8px 8px 40px;transform:rotate(-5deg)}
.cafe-editorial .cafe-community-collage .cafe-portrait img{aspect-ratio:16/9;object-fit:cover}
.cafe-editorial .cafe-community-collage .cafe-portrait figcaption{font-size:27px}
.cafe-editorial .cafe-community-collage .cafe-cutout{width:38%;height:365px;right:-6px;transform:rotate(4deg)}
.cafe-editorial .cafe-community-corners{padding-block:10px 80px}
.cafe-editorial .cafe-community-corners .cafe-section-heading{margin-bottom:30px}
.cafe-editorial .cafe-community-corners dl{gap:36px;margin-top:0}
.cafe-editorial .cafe-community-corners dl>div{padding:22px 18px 0;border-top:1px solid var(--reading-line)}
.cafe-editorial .cafe-community-corners dt{font:italic 800 1.65rem/1.1 Barlow,sans-serif;margin-bottom:13px}
.cafe-editorial .cafe-community-corners dd{max-width:34ch}
.cafe-editorial .cafe-community-start{align-items:start;gap:68px;padding-block:62px}
.cafe-editorial .cafe-community-start h2{font:italic 800 clamp(2.4rem,4vw,3.4rem)/1.02 Barlow,sans-serif;margin-bottom:20px}
.cafe-editorial .cafe-community-start h2 .reading-hand{font:600 clamp(2rem,3vw,2.8rem)/1.05 Caveat,cursive;margin-top:10px;transform:rotate(-2deg)}
.cafe-editorial .cafe-community-start>div>p{max-width:34ch;color:var(--reading-muted)}
.cafe-editorial .cafe-community-start .join-steps{padding-left:25px}
.cafe-editorial .cafe-community-start .join-steps li{padding:0 0 21px 10px;margin:0 0 21px;border-bottom:1px solid var(--reading-line)}
.cafe-editorial .cafe-community-start .join-steps li:last-child{padding-bottom:0;margin-bottom:0;border:0}
.cafe-editorial .cafe-community-start .join-steps li::marker{color:var(--reading-rose);font:700 1rem/1 Manrope,sans-serif}
.cafe-editorial .cafe-community-start .join-steps h3{font-size:1.32rem;margin-bottom:5px}
.cafe-editorial .cafe-community-help{max-width:none;display:grid;grid-template-columns:.72fr 1.28fr;gap:75px;padding-block:78px}
.cafe-editorial .cafe-community-help>div:first-child h2{font:italic 800 clamp(2.1rem,3.3vw,3rem)/1.04 Barlow,sans-serif;max-width:9ch}
.cafe-editorial .cafe-community-help>div:first-child .reading-hand{font-size:2.5rem;transform:rotate(-3deg)}
.cafe-editorial .cafe-community-questions{width:100%;max-width:720px;justify-self:end}
.cafe-editorial .cafe-community-questions details{padding-block:22px}
.cafe-editorial .cafe-community-questions summary{font-size:1.22rem;font-weight:650}
.cafe-editorial .cafe-community-questions details p{max-width:68ch}
.cafe-editorial .cafe-community-close{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-block:18px 85px;padding:34px 40px;background:#f3ede2;color:#211e1c;border-radius:14px;box-shadow:8px 19px 30px #0007}
.cafe-editorial .cafe-community-close h2{font:italic 800 clamp(2.2rem,4vw,3.3rem)/1.02 Barlow,sans-serif;margin-bottom:10px}
.cafe-editorial .cafe-community-close p{margin:0;color:#514942}
.cafe-editorial .cafe-community-close .reading-button{flex:none;background:#211e1c;color:#f3ede2!important}
.cafe-editorial .cafe-community-close .reading-button:hover{background:#413234}
@media(max-width:1100px){.cafe-editorial .cafe-community-collage .cafe-cutout{height:330px}.cafe-editorial .cafe-community-start{gap:42px}.cafe-editorial .cafe-community-help{gap:45px}}
@media(max-width:800px){.cafe-editorial .cafe-community-corners{padding-bottom:55px}.cafe-editorial .cafe-community-corners dl{grid-template-columns:1fr;gap:22px}.cafe-editorial .cafe-community-corners dl>div{padding:18px 2px 0}.cafe-editorial .cafe-community-corners dd{max-width:65ch}.cafe-editorial .cafe-community-start{gap:30px;padding-block:43px}.cafe-editorial .cafe-community-help{grid-template-columns:1fr;gap:10px;padding-block:50px}.cafe-editorial .cafe-community-help>div:first-child h2{max-width:14ch}.cafe-editorial .cafe-community-questions{justify-self:start}.cafe-editorial .cafe-community-close{align-items:flex-start;flex-direction:column;margin-bottom:60px;padding:30px}}
@media(max-width:480px){.cafe-editorial .cafe-community-collage{height:355px}.cafe-editorial .cafe-community-collage .cafe-scene{height:205px}.cafe-editorial .cafe-community-collage .cafe-portrait{width:56%;left:0;padding:6px 6px 31px}.cafe-editorial .cafe-community-collage .cafe-portrait figcaption{font-size:20px}.cafe-editorial .cafe-community-collage .cafe-cutout{height:245px;width:42%;right:0}.cafe-editorial .cafe-community-start h2{font-size:2.4rem}.cafe-editorial .cafe-community-close{padding:25px 22px}.cafe-editorial .cafe-community-close h2{font-size:2.25rem}}
@media(prefers-reduced-motion:reduce){.cafe-editorial .cafe-community-collage *,.cafe-editorial .cafe-community-close .reading-button{transition:none!important}}
@media(forced-colors:active){.cafe-editorial .cafe-community-close{background:Canvas;color:CanvasText;box-shadow:none;border:1px solid CanvasText}.cafe-editorial .cafe-community-close .reading-button{background:ButtonFace;color:ButtonText!important;border:1px solid ButtonText}.cafe-editorial .cafe-community-corners dl>div,.cafe-editorial .cafe-community-start .join-steps li{border-color:CanvasText}}