@font-face{font-family:Oswald;src:url('assets/oswald.ttf') format('truetype');font-style:normal;font-weight:200 700;font-display:swap}
@font-face{font-family:Work;src:url('assets/work-sans.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Literata;src:url('assets/literata.ttf') format('truetype');font-style:normal;font-weight:200 900;font-display:swap}
:root{--ground:#eff65c;--ink:#24271f;--paper:#f6f3e9;--line:#555936;--display:Oswald,sans-serif;--body:Work,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--ink) var(--ground)}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--body);font-size:16px}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-underline-offset:5px}button{border:0;background:none}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:square;stroke-linejoin:miter}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #4645ba;outline-offset:5px}::selection{background:var(--ink);color:var(--ground)}[hidden]{display:none!important}.skip-link{position:absolute;top:-80px;left:20px;z-index:10;background:var(--paper);padding:12px}.skip-link:focus{top:10px}
.topbar,main,footer{max-width:1600px;margin:auto;padding-left:48px;padding-right:48px}.topbar{height:91px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink)}.home{display:flex;gap:12px;text-decoration:none;font-size:13px;font-weight:550;line-height:1.3}.home svg{width:34px;height:34px;stroke-width:2.5}.edition{font-size:11px;letter-spacing:.1em}.topbar button{display:flex;align-items:center;gap:10px;padding:12px 0;font-size:14px}.topbar button svg{width:19px;height:22px}#saved-count{display:grid;place-items:center;min-width:24px;height:24px;border:1px solid var(--ink);border-radius:50%;font-size:12px}.topbar button[aria-pressed=true]{text-decoration:underline;text-underline-offset:5px}.topbar button[aria-pressed=true] svg{fill:var(--ink)}
.masthead{border-bottom:1px solid var(--ink);padding:8px 0 13px}.masthead h1{font-family:var(--display);font-weight:700;letter-spacing:-.04em;font-size:clamp(80px,17.7vw,273px);line-height:1.1;margin:0;text-align:center;white-space:nowrap}.masthead-period{letter-spacing:-.04em}.masthead-foot{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;font-weight:600}.intro{display:flex;align-items:center;justify-content:space-between;padding:27px 0 30px}.intro p{font-size:clamp(18px,1.75vw,26px);line-height:1.35;letter-spacing:-.025em;margin:0;font-weight:450}.detour{display:flex;align-items:center;gap:20px}.detour span{font-family:Literata,serif;font-style:italic;font-size:23px;line-height:1.15;transform:rotate(-6deg)}.detour svg{width:58px;height:58px;stroke-width:3}
.toolbar{display:flex;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);height:66px;justify-content:space-between;align-items:stretch}.search-wrap{display:flex;align-items:center;gap:15px;flex:1}.search-wrap svg{width:21px;height:21px}.search-wrap input{background:none;border:0;width:min(100%,500px);height:44px;font-size:16px;caret-color:var(--ink);border-radius:0}.search-wrap input::placeholder{color:#454936;opacity:1}.filter-wrap{display:flex;align-items:center;gap:20px;border-left:1px solid var(--ink);padding-left:28px;position:relative}.filter-wrap>span{font-size:12px}.filter-wrap select{appearance:none;border:0;background:none;padding:14px 35px 14px 8px;font-weight:600;cursor:pointer;width:160px}.filter-wrap svg{position:absolute;right:0;width:20px;height:20px;pointer-events:none}.board-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 0 16px}.board-heading h2{margin:0;font-size:13px;font-weight:650}.board-heading>span{font-size:10px;letter-spacing:.1em}
.story-board{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;align-items:stretch}.story{grid-column:span 3;background:var(--paper);border:1px solid var(--ink);position:relative;display:flex;flex-direction:column;min-width:0;transition:transform .2s ease}.story:hover{transform:translateY(-4px)}.story.featured,.story.wide{grid-column:span 6}.story-top{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--ink);font-size:10px;font-weight:600;letter-spacing:.08em}.story-number{font-family:var(--display);font-size:18px;line-height:1}.story .cover{height:220px;overflow:hidden;border-bottom:1px solid var(--ink);position:relative}.story .cover img{width:100%;height:100%;object-fit:cover;filter:saturate(.68)}.story.featured .cover{height:236px}.story-content{padding:20px 19px;flex:1}.story h3{font-family:var(--display);font-weight:550;font-size:31px;line-height:1.12;letter-spacing:-.015em;margin:0 0 13px;text-wrap:balance}.story.featured h3{font-size:40px;max-width:500px}.story p{font-size:13px;line-height:1.5;margin:0}.story-bottom{border-top:1px dashed var(--ink);display:flex;align-items:center;justify-content:space-between;padding:6px 17px;font-size:10px;letter-spacing:.05em;min-height:51px}.open-story{display:flex;align-items:center;gap:8px;padding:10px 0;font-size:11px;font-weight:600;min-height:38px}.open-story::after{content:"";position:absolute;inset:0}.open-story svg{width:17px;height:17px;stroke-width:1.8}.open-story:focus-visible{outline:none}.story:has(.open-story:focus-visible){outline:3px solid #4645ba;outline-offset:4px}
.bus{background:#b7bfed}.repair{background:#f4b8a5}.stage{background:#262b24;color:var(--paper)}.garden{background:#ced5bc}.walking{background:#f4f0e5}.signs{background:#c1c7ef}.graphic{display:flex;align-items:center;justify-content:center;position:relative;height:220px;overflow:hidden}.bus-graphic{background:var(--ink);color:#b7bfed;gap:15px}.bus-graphic .route-line{height:155px;width:30px;flex:none}.bus-graphic .route-line path{stroke-width:4}.bus-graphic strong{font-family:var(--display);font-size:52px;font-weight:600;line-height:.97;letter-spacing:-.03em}.repair-graphic svg{height:150px;width:150px;stroke-width:2.3;transform:rotate(-12deg)}.stage .graphic{background:#f4b8a5;color:var(--ink);border-bottom:1px solid var(--ink)}.stage .graphic svg{width:180px;height:170px;stroke-width:2}.walking .graphic{height:190px;background:var(--ground)}.walking .graphic svg{width:100%;height:150px;stroke-width:3}.signs .graphic{height:190px;padding:24px;background:var(--ink);color:var(--ground);gap:25px}.signs .graphic strong{font-family:var(--display);font-size:46px;line-height:1.05;transform:rotate(-4deg)}.signs .graphic svg{width:100px;height:100px;stroke-width:5}.saved-mark{display:flex;align-items:center;gap:6px}.saved-mark svg{width:12px;height:14px;fill:currentColor}.story.wide:not(.featured) .story-content{padding:24px}.story.wide:not(.featured) h3{font-size:36px;max-width:440px}.story.wide:not(.featured) p{max-width:470px}
#empty{text-align:center;padding:65px 20px 75px;border-bottom:1px solid var(--ink)}#empty>svg{width:64px;height:64px}#empty h2{font-family:var(--display);font-size:46px;margin:12px 0}#empty p{line-height:1.5}#reset{padding:13px 20px;background:var(--ink);color:var(--ground);margin-top:12px;display:inline-flex;align-items:center;gap:20px}#reset svg{width:20px;height:20px}.endnote{margin-top:56px;border-top:1px solid var(--ink);padding:32px 0 40px;display:flex;align-items:center;gap:40px}.endnote>span{font-family:var(--display);font-size:clamp(25px,3.2vw,50px);line-height:1.08;font-weight:550}.endnote svg{width:65px;height:65px;margin-left:auto}.endnote p{font-family:Literata,serif;font-size:18px;line-height:1.4;font-style:italic;margin:0}footer{border-top:1px solid var(--ink);padding-top:24px;padding-bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer>a{font-family:var(--display);font-weight:600;font-size:29px;text-decoration:none}footer p{font-size:10px;line-height:1.6}footer>span{font-size:10px;letter-spacing:.1em}
.article-nav{display:flex;align-items:center;justify-content:space-between;padding:26px 0;border-bottom:1px solid var(--ink)}.article-nav button{display:flex;align-items:center;gap:10px;font-size:13px;padding:10px 0;min-height:44px}.article-nav svg{width:21px;height:21px}.article-nav .save-button{padding:12px 17px;border:1px solid var(--ink)}.save-button[aria-pressed=true]{background:var(--ink);color:var(--ground)}.save-button[aria-pressed=true] svg{fill:currentColor}.article-sheet{max-width:970px;margin:45px auto 65px;background:var(--paper);border:1px solid var(--ink)}.article-meta{display:flex;justify-content:space-between;padding:18px 34px;font-size:11px;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--ink)}.article-header{padding:40px 64px 30px}.article-header h1{font-family:var(--display);font-size:clamp(40px,5vw,72px);line-height:1.08;letter-spacing:-.025em;margin:0 0 22px;text-wrap:balance;font-weight:550}.article-summary{font-size:20px;line-height:1.5;max-width:640px;margin:0 0 25px}.byline{font-size:12px;line-height:1.6}.article-photo{margin:0 34px 30px}.article-photo img{width:100%;max-height:370px;object-fit:cover;filter:saturate(.7);display:block}.article-photo figcaption{font-size:10px;margin-top:8px}.article-body{padding:0 64px 25px;font-family:Literata,Georgia,serif;font-size:18px;line-height:1.85;max-width:820px;margin:auto}.article-body p{margin:0 0 26px}.article-body p:first-child:first-letter{font-family:var(--display);font-size:69px;float:left;line-height:.9;padding:9px 9px 0 0}.article-end{border-top:1px dashed var(--ink);margin:0 34px;padding:20px 0;display:flex;align-items:center;justify-content:space-between;font-size:12px}.article-end button{padding:10px;text-decoration:underline;text-underline-offset:4px;min-height:44px}.reading-status{font-size:12px;margin:0;min-height:18px}.loading{grid-column:1/-1;padding:50px;text-align:center}
@media(min-width:1600px){.masthead h1{font-size:270px}}
@media(max-width:1050px){.topbar,main,footer{padding-left:28px;padding-right:28px}.story{grid-column:span 6}.story.featured{grid-column:span 12;display:grid;grid-template-columns:1fr 1fr}.story.featured .story-top,.story.featured .story-bottom{grid-column:1/-1}.story.featured .cover{height:260px;border-bottom:0;border-right:1px solid var(--ink)}.story.featured .story-content{align-self:center}.masthead h1{font-size:17.3vw}.edition{font-size:10px}.article-header{padding:35px}.article-body{padding-left:35px;padding-right:35px}}
@media(max-width:600px){.topbar,main,footer{padding-left:18px;padding-right:18px}.topbar{height:75px}.home{font-size:11px;gap:8px}.home svg{width:26px;height:26px}.edition{display:none}.topbar button{font-size:12px;gap:7px}#saved-count{min-width:21px;height:21px}.masthead{padding-top:12px;padding-bottom:12px}.masthead h1{font-size:17.05vw;line-height:1.25}.masthead-foot{font-size:7px;letter-spacing:.07em}.intro{padding:24px 0;gap:18px}.intro p{font-size:17px;line-height:1.4;max-width:245px}.detour{gap:0}.detour span{display:none}.detour svg{width:37px;height:43px}.toolbar{height:auto;flex-wrap:wrap}.search-wrap{flex-basis:100%;height:56px}.search-wrap input{font-size:16px;max-width:calc(100% - 40px)}.filter-wrap{width:100%;border-left:0;border-top:1px solid var(--ink);padding:0;justify-content:space-between;height:52px;gap:0}.filter-wrap>span{font-size:11px}.filter-wrap select{width:145px;font-size:14px}.board-heading{padding-top:22px;padding-bottom:14px}.board-heading>span{font-size:9px}.story-board{gap:20px}.story,.story.wide,.story.featured{grid-column:1/-1;display:flex}.story.featured .cover{height:216px;border-right:0;border-bottom:1px solid var(--ink)}.story.featured .story-content{align-self:stretch}.story.featured h3{font-size:34px}.story-top{padding:12px 17px}.story h3,.story.wide:not(.featured) h3{font-size:32px}.story-content,.story.wide:not(.featured) .story-content{padding:21px}.story p{font-size:14px}.story .cover{height:220px}.graphic{height:210px}.bus-graphic{gap:30px}.bus-graphic strong{font-size:59px}.repair-graphic svg{width:155px;height:155px}.endnote{margin-top:36px;padding:25px 0;gap:15px}.endnote>span{font-size:25px;max-width:255px}.endnote svg{width:42px;height:42px;flex-shrink:0}.endnote p{display:none}footer{flex-wrap:wrap;gap:8px 20px;padding-top:19px}footer p{order:3;flex-basis:100%;font-size:9px;margin:0}footer>span{margin-left:auto;font-size:8px}.article-nav{padding:17px 0}.article-nav button{font-size:12px}.article-nav .save-button{padding:11px 10px;gap:6px}.article-sheet{margin:25px 0 36px}.article-meta{padding:16px 20px;font-size:9px}.article-header{padding:25px 21px 20px}.article-header h1{font-size:42px}.article-summary{font-size:17px}.article-photo{margin:0 20px 22px}.article-photo img{height:200px}.article-body{padding:0 21px 15px;font-size:16px;line-height:1.85}.article-end{margin:0 20px;gap:10px;font-size:10px}.article-end button{font-size:11px;padding:10px 0}.reading-status{font-size:11px}.story:hover{transform:none}}
.masthead h1{font-size:inherit;line-height:0}.masthead h1 svg{display:block;width:100%;height:auto;stroke:none;fill:currentColor}.masthead h1 text{font-family:Oswald,sans-serif;font-size:270px;font-weight:700;letter-spacing:-.025em}.detour{padding:8px}.detour:hover span{text-decoration:underline;text-underline-offset:5px}.next-stop{display:flex;align-items:center;gap:8px}.next-stop svg{height:18px;width:18px}.article-end{flex-wrap:wrap}.article-end>span{flex-basis:100%;font-size:10px;letter-spacing:.08em}.article-end button{text-align:left}.next-stop span{max-width:220px}.story-board.filtered .story{grid-column:span 4}.story-board.filtered .story.featured{display:flex}.story-board.filtered .story.featured .cover{border-right:0;border-bottom:1px solid var(--ink)}.story-board.filtered .story h3{font-size:32px}
@media(max-width:1050px){.story-board.filtered .story{grid-column:span 6}}
@media(max-width:600px){.masthead h1{font-size:inherit;line-height:0}.story-board.filtered .story{grid-column:1/-1}.next-stop span{max-width:170px}.detour span{display:block;font-size:15px}.detour svg{display:none}.detour{padding:7px 0 7px 7px}.intro p{font-size:16px;max-width:245px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story{transition:none}}
