/* ABOUTME: A typography-led city issue with a poster cover and newspaper rhythm. */
/* ABOUTME: Orange and lilac frame dense text without requiring a hero photograph. */
:root{--paper:#f3f0e6;--surface:#f3f0e6;--ink:#242320;--muted:#625e56;--line:#c5c0b3;--accent:#242320;--soft:#e5def1;--warm:#a13c1e;--serif:var(--sans)}
.app-surface{padding:0 4.5%}.site-header{border-bottom:2px solid var(--ink)}.brand strong{font-weight:850}.button{border-radius:0}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:0;padding:0;border-bottom:2px solid var(--ink)}.zine-title{background:#ef633b;padding:35px 32px 30px;border-right:2px solid var(--ink)}.display-city{font:900 clamp(88px,14cqw,202px)/.78 Arial,sans-serif;letter-spacing:-.085em;position:relative;margin:52px 0 36px}.display-city span{font-size:.65em;position:absolute;right:0;bottom:0;line-height:1}.zine-title .destination-label{justify-content:space-between;font-weight:700}.zine-copy{padding:35px 40px 26px;background:#e1d9f1;display:flex;flex-direction:column;justify-content:center}.edition-tag{display:block;border:1px solid var(--ink);align-self:flex-start;padding:5px 10px;font-size:11px;transform:rotate(-3deg)}.hero h1{font-family:var(--sans);font-size:clamp(30px,3.5cqw,52px);font-weight:800;line-height:1.38;letter-spacing:-.06em}.hero-description{color:#4d4852}.trip-meta{padding:15px 0;border-top:1px solid #aaa2b4;border-bottom:1px solid #aaa2b4}.zine-index{display:grid;gap:6px;margin-top:23px;font-size:12px;font-weight:600}.together-strip{padding:16px 0}.main-tabs{border-bottom:2px solid var(--ink);min-height:66px}.main-tabs button[aria-current]{border-bottom:4px solid #ef633b}.content-layout{display:block}.trip-sidebar{margin-bottom:32px}.sidebar-heading,.sidebar-note{display:none}.day-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--ink)}.day-button{border:0;border-right:1px solid var(--ink);border-radius:0;padding:17px 22px;grid-template-columns:42px 1fr 20px}.day-button:last-child{border-right:0}.day-button.selected{background:#ef633b}.day-number{font:800 33px Arial,sans-serif;color:var(--ink)}.selected .day-number{color:var(--ink)}.day-button small{color:#544d45}.section-heading h2{font:800 36px/1.4 var(--sans)}.section-heading .eyebrow{font-weight:800;color:var(--ink)}.day-counter{font:800 58px/.9 Arial,sans-serif;color:#6c665d}.slot{display:grid;grid-template-columns:130px minmax(0,1fr);border-top:1px solid var(--ink);padding:22px 0;margin:0;gap:30px}.slot-label{display:flex;flex-wrap:wrap;align-content:start;gap:12px;padding:0;font-weight:700}.slot-index{font:900 49px Arial,sans-serif;width:100%;color:var(--ink)}.slot-icon{display:none}.entry{display:grid;grid-template-columns:180px minmax(0,1fr);gap:15px;border:0;border-bottom:1px solid var(--line);padding:4px 0 18px;margin:0 0 18px}.entry-time{font-size:13px;align-items:flex-start;padding-top:5px}.entry-time svg{display:none}.entry h3{font-size:19px;font-weight:750}.entry-description{font-size:14px;max-width:660px}.entry-edit{right:-7px;top:0}.entry-footer{margin-top:10px}.add-entry{border:0;padding:7px 0;min-height:38px}.add-entry:hover{background:#e8e1d2}.readiness,.check-table-scroll{border-radius:0}
@container experience (max-width:900px){.zine-copy{padding:28px}.zine-title{padding:28px}.entry{grid-template-columns:145px minmax(0,1fr)}.slot{grid-template-columns:95px minmax(0,1fr);gap:20px}.day-button{padding:14px}}
@container experience (max-width:700px){.hero{display:block}.zine-title{border-right:0;border-bottom:2px solid var(--ink);padding:24px}.display-city{font-size:29cqw;margin:36px 0 25px}.zine-copy{padding:26px}.hero h1{font-size:32px}.zine-index{grid-template-columns:1fr;gap:4px}.day-nav{gap:0;margin-bottom:0}.day-button{display:block;padding:12px 5px;text-align:center}.day-number{display:block;font-size:27px}.day-button strong{font-size:11px}.day-button small{font-size:10px}.day-button svg{display:none}.section-heading h2{font-size:27px}.day-counter{font-size:35px}.slot{grid-template-columns:1fr;gap:12px;padding:19px 0}.slot-label{align-items:center;gap:10px}.slot-index{width:auto;font-size:28px}.entry{display:block;padding:8px 0 16px}.entry h3{font-size:17px}.entry-description{font-size:13px}.entry-time{padding-right:26px}.trip-sidebar{margin-bottom:26px}}