:root{--bg:#f6f4ee;--ink:#29352c;--muted:#7c8075;--line:#dddfd3;--rust:#ad5739;--olive:#3c4c38}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}.header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:50px;padding:0 max(30px,calc((100vw - 1220px)/2));white-space:nowrap}.brand{position:relative;font-family:Georgia,serif;font-size:29px;letter-spacing:-1.4px;padding-left:48px}.brand-icon{position:absolute;left:0;top:0;border:1px solid var(--ink);border-radius:50%;height:35px;width:35px;text-align:center;font-style:italic;font-size:29px}.brand-icon span{font-size:16px}.brand-caption{display:block;font:8px Arial,sans-serif;letter-spacing:2.1px;margin-top:5px}.header nav{display:flex;gap:32px;margin-left:auto;height:100%;align-items:center}.header nav a{height:100%;display:flex;align-items:center;border-bottom:2px solid transparent}.header nav a.active{border-color:var(--rust);color:var(--rust)}.dot{width:5px;height:5px;background:#a8af94;border-radius:50%;margin-left:8px}.preview{font-size:9px;letter-spacing:1.3px;border:1px solid var(--line);padding:8px 10px;color:var(--muted)}main{max-width:1220px;margin:auto;padding:0 0 24px}.dateline{display:flex;justify-content:space-between;padding:27px 0;font-size:11px;color:var(--muted)}#date{text-transform:uppercase;letter-spacing:1.3px}.top-grid{display:grid;grid-template-columns:1fr 330px;gap:24px}.hero{background:#eaeadd;position:relative;padding:35px 38px 0;overflow:hidden;min-height:345px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:bold;display:flex;justify-content:space-between;align-items:center}.eyebrow>span{font-size:21px;font-weight:normal}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:normal}h1{font-size:55px;line-height:1.02;letter-spacing:-1.8px;margin:23px 0 18px}h1 em{font-weight:normal;color:var(--rust)}.hero p{color:#69705f;line-height:1.65;font-size:13px;margin:0 0 25px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;background:var(--olive);color:#fff;border:0;border-radius:3px;padding:13px 18px;font-size:12px}.hero>.primary{position:relative;z-index:1}.hero-foot{border-top:1px solid #cecfbf;padding:16px 0;margin-top:28px;display:flex;justify-content:space-between;color:#79806d;font-size:10px;position:relative;z-index:1}.hero-foot span{font-size:8px;letter-spacing:1.4px}.landscape{position:absolute;width:41%;right:8px;bottom:53px}.focus{border:1px solid var(--line);padding:29px 28px;display:flex;flex-direction:column}.focus h2{font-size:28px;margin:23px 0 8px}.focus p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.timer{font:60px Georgia,serif;letter-spacing:2px;margin:24px 0 20px;font-variant-numeric:tabular-nums}.timer-actions{display:flex;gap:8px;margin-bottom:15px}.timer-actions .primary{flex:1;justify-content:center}.reset{background:none;border:1px solid var(--line);border-radius:3px;width:40px;font-size:22px;color:var(--ink)}.small{font-size:10px;color:var(--muted);line-height:1.6}.content-grid{display:grid;grid-template-columns:1fr 330px;gap:42px;margin-top:43px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-heading h2{font-size:30px;margin:8px 0 20px}.text-button{border:0;background:none;color:var(--muted);font-size:11px;padding:10px 0}.filters{display:flex;align-items:center;gap:8px;padding-bottom:17px;border-bottom:1px solid var(--line)}.filters button{border:0;background:none;border-radius:20px;padding:8px 13px;color:var(--muted);font-size:11px}.filters button.selected{color:var(--ink);background:#e5e8dc}.filters>span{font-size:9px;color:var(--muted);margin-left:auto}.article{padding:23px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 34px;gap:12px}.article-meta{font-size:9px;letter-spacing:.7px;color:var(--muted)}.article-meta strong{color:var(--rust);font-weight:normal}.article h3{font-size:23px;line-height:1.28;margin:10px 0}.article h3 a:hover{color:var(--rust)}.article p{font-size:12px;line-height:1.65;color:#7b7f74;margin:0;max-width:620px}.source-link{display:inline-block;font-size:10px;color:var(--olive);margin-top:12px}.save{height:31px;width:31px;border:1px solid var(--line);border-radius:50%;color:var(--muted);background:transparent;font-size:20px}.save.saved{background:var(--olive);color:#fff}.side-stack{display:flex;flex-direction:column;gap:24px}.quick-note{background:#efede2;padding:26px}.quick-note h2,.reading-box h2{font-size:25px;margin:16px 0}.quick-note textarea{width:100%;height:108px;resize:vertical;background:transparent;border:0;border-bottom:1px solid #d7d5c7;line-height:1.8;color:var(--ink);font-family:Georgia,serif;font-size:16px}.quick-note textarea::placeholder{color:#9b9c8b}.quick-note .small{margin-top:7px}.text-link{font-size:11px;display:inline-block;margin-top:20px}.reading-box{padding:26px;border:1px solid var(--line)}.reading-box p{font-size:12px;line-height:1.7;color:var(--muted)}.quiet-quote{text-align:center;font:italic 19px/1.6 Georgia,serif;color:#a1a491;padding:10px}.empty{padding:30px 0;color:var(--muted);line-height:1.7}.journal-title{display:flex;justify-content:space-between;align-items:center;margin:10px 0 35px;gap:20px}.journal-title h1{font-size:44px}.journal-title p{color:var(--muted);line-height:1.6}.outline{padding:12px 17px;border:1px solid var(--line);background:none;border-radius:3px;white-space:nowrap;font-size:12px;color:var(--ink)}.journal-grid{display:grid;grid-template-columns:1fr 330px;gap:24px}.paper{background:#fffef9;border:1px solid var(--line);padding:26px 30px}.paper h2{font-size:25px}.paper textarea{width:100%;min-height:330px;resize:vertical;border:0;background:repeating-linear-gradient(transparent,transparent 31px,#ecece3 31px,#ecece3 32px);line-height:32px;color:var(--ink);font:16px/32px Georgia,serif}.paper textarea::placeholder{color:#a1a293}.paper-foot{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding-top:20px}.tasks{padding:26px;background:#eaeadd}.tasks h2{font-size:26px;line-height:1.25}#task-form{display:flex;gap:5px}#task-input{min-width:0;width:100%;background:#f8f7ef;border:1px solid #d6d9c9;border-radius:3px;padding:12px;font-size:11px}.add-task{background:var(--olive);color:#fff;border:0;border-radius:3px;width:36px;font-size:22px}#task-list{list-style:none;padding:0;margin:16px 0}#task-list li{display:flex;gap:9px;align-items:center;padding:12px 0;border-bottom:1px solid #d5d8c8;font-size:12px;line-height:1.5}#task-list label{flex:1;overflow-wrap:anywhere}#task-list input{accent-color:var(--olive)}#task-list .done label{text-decoration:line-through;color:var(--muted)}.delete{border:0;background:none;color:var(--muted);font-size:18px}.saved-section{margin-top:40px}.privacy{font-size:11px;color:var(--muted);line-height:1.7;margin-top:30px;max-width:760px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:48px;padding:27px 0;color:var(--muted);font-size:10px}footer a{font:22px Georgia,serif;letter-spacing:-1px;color:var(--ink)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--olive);color:white;padding:15px 24px;border-radius:5px;z-index:10;font-size:12px} [hidden]{display:none!important}@media(max-width:1280px){main{margin:0 30px}.header{padding:0 30px;gap:25px}}@media(max-width:900px){.top-grid,.content-grid,.journal-grid{grid-template-columns:1fr 280px;gap:20px}.hero{padding:30px 25px 0}h1{font-size:43px}.landscape{opacity:.55;width:35%}.preview{display:none}.journal-title h1{font-size:35px}.filters>span{display:none}}@media(max-width:680px){main{margin:0 18px}.header{height:85px;padding:0 18px;gap:14px}.brand{font-size:22px;padding-left:35px}.brand-icon{width:27px;height:27px;font-size:23px}.brand-icon span{font-size:12px}.brand-caption{font-size:6px;letter-spacing:1.5px}.header nav{gap:18px;font-size:12px}.dateline{font-size:9px;padding:22px 0}.dateline>span:last-child{display:none}.top-grid,.content-grid,.journal-grid{grid-template-columns:1fr}.hero{min-height:350px}h1{font-size:46px}.landscape{opacity:1;width:38%;right:0}.focus{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;padding:23px}.focus .eyebrow{grid-column:1/-1}.focus h2{margin:8px 0;font-size:24px}.focus p{grid-column:1}.timer{grid-column:2;grid-row:2/4;align-self:center;text-align:right;font-size:48px;margin:0}.timer-actions{grid-column:1/-1;margin:7px 0}.focus>.small{grid-column:1/-1}.content-grid{margin-top:30px}.side-stack{margin-top:15px}.journal-title{align-items:flex-start;flex-direction:column}.journal-title h1{font-size:36px}.paper{padding:20px}.paper .section-heading{align-items:flex-start;flex-direction:column;gap:0}.paper textarea{margin-top:15px}.paper-foot{gap:15px}.filters>span{display:block}footer{flex-wrap:wrap}footer>span:last-child{display:none}.article h3{font-size:22px}}

.walks{margin-top:42px;scroll-margin-top:22px}.walks-intro{color:var(--muted);line-height:1.7;margin:0 0 22px;font-size:12px}.city-label{font-size:10px;color:var(--muted)}#city{display:block;margin-top:8px;min-width:185px;padding:10px 12px;border:1px solid var(--line);background:transparent;border-radius:3px;color:var(--ink);font:12px Arial,sans-serif}.route-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.route-card{padding:22px;background:#eaeadd;border:0;align-content:start}.route-card:nth-child(2n){background:#efebe0}.route-card h3{font-size:24px}.route-card .article-meta{font-size:9px;line-height:1.8}.route-card p{font-size:12px}.route-hint{margin-top:15px}.hero h1{max-width:640px;font-size:49px}.hero .landscape{width:31%;opacity:.8}.filters{flex-wrap:wrap}.filters>span{width:100%;margin:5px 0 0}.brand-caption{font-size:7px;letter-spacing:1.4px}@media(max-width:900px){.route-cards{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:40px}}@media(max-width:680px){.route-cards{grid-template-columns:1fr}.walks>.section-heading{align-items:flex-start;flex-direction:column;gap:0}.city-label{width:100%;margin-bottom:20px}#city{width:100%}.hero h1{font-size:40px}.hero .landscape{width:25%;bottom:55px}.brand-caption{font-size:5px;letter-spacing:1px}.hero-foot{gap:10px;line-height:1.5}.hero-foot span{flex-shrink:0}}

.filters>span{display:block}