/* ABOUTME: A neighborhood weekend newspaper with a split photo masthead. */
/* ABOUTME: Coral dividers and a practical agenda connect social warmth with clear plans. */
:root{--paper:#fff2e1;--surface:#fff9f0;--ink:#472f2d;--muted:#7a6258;--line:#d9c4b7;--accent:#813f33;--soft:#f5dfcb;--warm:#914c35}
.app-surface{padding:0 4.5%}.site-header{min-height:92px;border-bottom:1px solid var(--ink)}.brand strong{font-family:var(--serif);font-size:28px;font-weight:700}.button{border-radius:0}.primary{background:#f18a65;color:#3f2825;border-color:#e4825d}.primary:hover{background:#e77653}.hero{display:grid;grid-template-columns:53% 1fr;gap:5%;padding:30px 0;align-items:center}.neighbourhood-photo{height:410px}.neighbourhood-photo img{height:100%;filter:saturate(.7)}.neighbourhood-photo figcaption{position:absolute;bottom:0;left:0;background:#fff2e1e8;padding:9px 14px;font-size:10px}.hero h1{font:600 clamp(28px,3.25cqw,46px)/1.45 var(--serif);margin:24px 0}.hero-description{font-size:13px;line-height:1.9}.neighbourhood-copy .destination-label{font-size:11px;margin-bottom:21px}.trip-meta{gap:13px;font-size:11px}.neighbourhood-banner{display:flex;justify-content:space-between;gap:10px;padding:15px 22px;background:#f18a65;font-size:13px;color:#462e28}.neighbourhood-banner span:last-child{font-size:10px;letter-spacing:.1em}.together-strip{border-bottom:1px solid var(--ink)}.main-tabs{gap:42px;border-bottom:1px solid var(--ink)}.main-tabs button[aria-current]{border-bottom:4px solid #e17a58}.content-layout{grid-template-columns:220px minmax(0,1fr);gap:45px}.trip-sidebar{border-right:1px solid var(--line);padding-right:25px}.sidebar-heading{font-size:10px}.day-button{grid-template-columns:33px 1fr;border:0;border-radius:0;padding:18px 10px;border-bottom:1px solid var(--line)}.day-button svg{display:none}.day-button.selected{background:#f5dfcb;border-left:4px solid #cb6648;padding-left:6px}.day-number{font:italic 30px Georgia,serif}.sidebar-note{background:#f5dfcb;border:0;padding:19px;margin-top:28px}.sidebar-note h3{font-size:22px}.section-heading h2{font-size:31px;font-weight:600}.section-heading .eyebrow{font-size:11px}.day-counter{font:italic 27px Georgia,serif}.slot{display:grid;grid-template-columns:80px minmax(0,1fr);gap:20px;border-top:1px solid var(--line);padding:22px 0;margin:0}.slot-label{display:block;padding-top:3px;font-size:14px}.slot-index{display:block;font:italic 30px Georgia,serif;margin-bottom:9px;color:#8c5e47}.slot-icon{display:none}.entry{border:0;background:none;padding:0 0 22px;margin:0 0 12px;border-bottom:1px dotted var(--line)}.entry h3{font-size:18px;font-weight:600;line-height:1.75}.entry-description{font-size:14px;line-height:1.9}.entry-time{font:12px/1.7 monospace;padding-right:25px;margin-bottom:9px}.entry-time svg{display:none}.entry-edit{top:-7px;right:-10px}.add-entry{border:0;padding:5px 0}.section-heading p{line-height:1.9}
@container experience (max-width:1000px){.hero{grid-template-columns:48% 1fr;gap:5%}.neighbourhood-photo{height:360px}.hero h1{font-size:34px}.content-layout{grid-template-columns:180px minmax(0,1fr);gap:28px}.trip-sidebar{padding-right:18px}.slot{grid-template-columns:60px minmax(0,1fr);gap:15px}}
@container experience (max-width:700px){.hero{display:flex;flex-direction:column;align-items:stretch;gap:25px;padding:22px 0}.neighbourhood-photo{height:240px}.neighbourhood-copy{padding:0 5px 3px}.hero h1{font-size:35px;margin:18px 0}.neighbourhood-copy .destination-label{display:none}.trip-meta{font-size:11px;gap:13px}.neighbourhood-banner{padding:13px;font-size:12px}.neighbourhood-banner span:last-child{display:none}.main-tabs{gap:10px}.content-layout{display:block}.trip-sidebar{border:0;padding:0}.day-nav{gap:0;border-top:1px solid var(--line);margin-bottom:25px}.day-button{display:block;text-align:center;padding:13px 3px}.day-button.selected{border-left:0;border-bottom:3px solid #cb6648;padding:13px 3px 11px}.day-number{display:block;font-size:25px}.day-button small{font-size:10px}.section-heading h2{font-size:27px}.day-counter{font-size:19px}.slot{display:block;padding:20px 0}.slot-label{display:flex;gap:12px;align-items:baseline;padding-bottom:17px}.slot-index{font-size:25px;margin:0}.entry h3{font-size:18px}.entry-description{font-size:13px}}