/* ABOUTME: A nature journal with a photographic opening and calm reading chapters. */
/* ABOUTME: Forest green frames the landscape while the itinerary stays light and legible. */
:root{--paper:#f1f2e8;--surface:#fafbf3;--ink:#264537;--muted:#657262;--line:#cbd0bd;--accent:#315b43;--soft:#e3e8d5;--warm:#776d3b}
.app-surface{padding:0 5.5%}.site-header{background:#193b2e;color:#f2f1df;margin:0 -6.18%;padding:0 6.18%;border:0}.site-header .header-caption{color:#c7d1bd}.site-header .secondary{border-color:#8a9a83;color:#f2f1df}.site-header .primary{background:#d9dfbd;border-color:#d9dfbd;color:#193b2e}.site-header .button:hover{background:#55705b;color:#fff}.brand strong{font-family:var(--serif);font-weight:500}.hero{height:500px;margin:0 -6.18%;padding:0;position:relative;isolation:isolate;background:#193b2e;color:#fff8e6}.outdoor-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.55) brightness(.65);z-index:-2}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#163226df,#16322622);z-index:-1}.outdoor-title{padding:70px 6%}.hero h1{font:500 clamp(34px,4.5cqw,64px)/1.45 var(--serif);margin:28px 0 20px;letter-spacing:.025em}.hero-description{color:#e2e5d2;max-width:440px;font-size:14px}.outdoor-title .destination-label{font-size:11px;margin-top:30px}.outdoor-caption{position:absolute;bottom:22px;right:6%;font-size:11px;color:#e2e5d2}.outdoor-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#dfe5ce;padding:20px 24px;border-bottom:1px solid var(--line)}.outdoor-meta>span{font:15px var(--serif)}.together-strip{border:0}.main-tabs{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);min-height:66px;gap:45px}.content-layout{grid-template-columns:180px minmax(0,1fr);gap:65px;padding-top:40px}.day-nav{border-left:1px solid #acb99b;padding-left:16px}.day-button{display:block;position:relative;padding:16px 12px;border:0;border-radius:0}.day-button:before{content:'';width:7px;height:7px;background:var(--paper);border:1px solid #819373;position:absolute;left:-20px;top:30px;border-radius:50%}.day-button.selected:before{background:var(--accent)}.day-button svg{display:none}.day-number{display:block;font:italic 30px Georgia,serif}.day-button strong{margin-top:7px}.sidebar-note{border:0;background:#e3e8d5;padding:20px 17px}.section-heading{margin-bottom:25px}.section-heading h2{font-size:34px;letter-spacing:.03em}.day-counter{font:italic 27px Georgia,serif}.day-photo{height:190px;filter:saturate(.6)}.day-slots{max-width:820px}.slot{display:grid;grid-template-columns:75px minmax(0,1fr);gap:26px;border-top:1px solid var(--line);padding:24px 0;margin:0}.slot-label{display:block;padding:0;font:500 15px var(--serif)}.slot-index{font:italic 29px Georgia,serif;display:block;margin-bottom:11px;color:#7c8e69}.slot-icon{display:none}.entry{background:none;border:0;border-bottom:1px dotted var(--line);padding:0 0 24px;margin:0 0 16px}.entry h3{font:600 22px/1.6 var(--serif)}.entry-time{font-size:12px;padding-right:30px;color:#647a4c}.entry-time svg{display:none}.entry-description{font-size:14px;line-height:2.05}.entry-edit{right:-10px;top:-8px}.entry-footer{margin-top:16px}.add-entry{border:0;padding:4px 0}.site-footer{margin:0 -6.18%;padding:30px 6.18%;background:#193b2e;color:#c7d1bd}.footer-brand{color:#f1f2dd}.readiness{border-radius:0}
@container experience (max-width:1000px){.app-surface{padding:0 5.5%}.content-layout{grid-template-columns:160px minmax(0,1fr);gap:30px}.hero{height:450px}.hero h1{font-size:48px}.outdoor-title{padding-top:55px}.slot{gap:20px;grid-template-columns:60px minmax(0,1fr)}}
@container experience (max-width:700px){.hero{height:430px}.outdoor-title{padding:38px 6%}.hero h1{font-size:37px;line-height:1.5}.hero-description{font-size:13px;max-width:280px}.hero:before{background:linear-gradient(90deg,#163226d9,#16322655)}.outdoor-caption{font-size:10px;left:6%;right:auto}.outdoor-meta{padding:17px 12px;display:block}.outdoor-meta>span{display:none}.trip-meta{justify-content:center;gap:11px}.content-layout{display:block;padding-top:25px}.day-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:0;border-bottom:1px solid var(--line);padding:0;gap:4px;margin-bottom:28px}.day-button{padding:12px 4px;text-align:center}.day-button:before{display:none}.day-button.selected{border-bottom:3px solid var(--accent);padding-bottom:9px}.day-button strong{margin-top:3px}.day-number{font-size:25px}.day-button small{font-size:10px}.main-tabs{gap:10px}.section-heading h2{font-size:27px}.day-counter{font-size:19px}.day-photo{height:150px}.slot{display:block;padding:20px 0}.slot-label{display:flex;gap:12px;align-items:baseline;margin-bottom:18px}.slot-index{font-size:26px;margin:0}.entry h3{font-size:21px}.entry-description{font-size:13px}}