@charset "UTF-8";
.journal-home{border-top:1px solid var(--line)}
.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.journal-card{border:1px solid var(--line);background:#fffdf7;min-width:0;position:relative;transition:transform .2s,border-color .2s}
.journal-card:hover{transform:translateY(-3px);border-color:#a99a82}
.journal-card-link{padding:26px 27px 24px;display:flex;flex-direction:column;height:100%}
.journal-card-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;letter-spacing:.04em;margin-bottom:34px}
.journal-number{font:italic 27px Georgia,serif;color:#a99a82}
.journal-song{font-size:11px;color:var(--accent);margin-bottom:12px;letter-spacing:.08em}
.journal-card h3{font:500 23px/1.65 var(--serif);margin-bottom:18px;text-wrap:pretty}
.journal-excerpt{font-size:12px;line-height:1.95;color:var(--muted);margin-bottom:27px}
.journal-read{font-size:11px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;margin-top:auto}
.journal-kaasan{--story-accent:#8b7450}
.journal-starba{--story-accent:#527365}
.journal-be-quiet{--story-accent:#9d4335}
.journal-card::before{content:"";position:absolute;height:3px;top:-1px;left:-1px;right:-1px;background:var(--story-accent)}
.journal-back{display:inline-block;margin-top:30px;font-size:12px;border-bottom:1px solid var(--line);padding-bottom:3px}
.journal-page .header{border-bottom:1px solid var(--line)}
.journal-breadcrumb{display:flex;gap:10px;font-size:11px;color:var(--muted);padding-top:28px}
.journal-breadcrumb a:hover,.journal-back:hover,.article-listen a:hover{text-decoration:underline;text-underline-offset:5px}
.journal-intro{padding:48px 0 43px;max-width:800px}
.journal-intro .eyebrow,.article-heading .eyebrow,.journal-related .eyebrow{color:var(--accent)}
.journal-intro h1{font-size:clamp(32px,4.5vw,48px);line-height:1.65}
.journal-intro>p:last-child{font-size:14px;color:var(--muted);line-height:2.1;margin-bottom:0}
.journal-return{padding:46px 0 75px}
.article-heading{padding:44px 0 33px;border-bottom:1px solid var(--line);max-width:100%;margin-bottom:42px}
.article-heading .eyebrow{margin-bottom:24px}
.article-song{color:var(--story-accent);font-size:15px;letter-spacing:.08em;margin-bottom:12px}
.article-heading h1{font-size:clamp(29px,3.8vw,44px);line-height:1.65;max-width:900px;margin-bottom:25px;letter-spacing:.03em;text-wrap:pretty}
.article-byline{display:flex;flex-wrap:wrap;gap:7px 22px;font-size:11px;color:var(--muted);margin:0}
.article-layout{display:grid;grid-template-columns:minmax(0,740px) minmax(240px,1fr);gap:66px;align-items:start}
.article-body{font-size:16px;line-height:2.1;overflow-wrap:anywhere;min-width:0}
.article-body>p{margin:0 0 1.65em}
.article-body>p:first-child{font-size:17px}
.article-body h2{font-size:25px;line-height:1.7;margin:52px 0 24px;letter-spacing:.02em}
.article-body blockquote{margin:29px 0 32px;padding:20px 25px;border-left:3px solid var(--accent);background:#f0e9db;font:500 21px/1.9 var(--serif);letter-spacing:.025em}
.article-body blockquote p{margin:0}
.article-body .article-disclaimer{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:30px}
.article-listen{padding:12px 0}
.article-listen a{color:var(--accent);border-bottom:1px solid #bd9c83;padding-bottom:5px;font-size:14px}
.article-sidebar{position:sticky;top:28px}
.listening-card{border:1px solid var(--line);padding:21px;background:#fffdf7}
.listening-card .eyebrow{font-size:9px;margin-bottom:12px;color:var(--muted)}
.listening-card h2{font-size:20px;margin:0 0 17px}
.youtube-frame{aspect-ratio:16/9;background:#eee8da;margin-bottom:17px}
.youtube-frame iframe{display:block;width:100%;height:100%;border:0}
.listening-card .text-link{font-size:11px}
.sidebar-note{font-size:11px;color:var(--muted);line-height:1.9;margin:17px 0 0 1px}
.journal-related{border-top:1px solid var(--line);padding:49px 0 66px;margin-top:52px}
.journal-related h2{margin-bottom:32px;font-size:28px}
.journal-related .eyebrow{margin-bottom:12px}
.journal-related .journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.journal-related .journal-card-top{margin-bottom:20px}
.journal-footer{border-top:1px solid var(--line)}
.journal-footer>div{font-size:12px}
.skip-link{position:absolute;left:20px;top:-100px;z-index:10;background:var(--ink);color:var(--paper);padding:10px 20px}
.skip-link:focus{top:10px}
@media(max-width:900px){.journal-grid{gap:16px}.journal-card-link{padding:23px 21px}.journal-card h3{font-size:21px}.article-layout{gap:35px;grid-template-columns:minmax(0,1fr) 240px}.article-body{font-size:15px}.article-body blockquote{font-size:19px;padding:19px 20px}.article-body h2{font-size:23px}.listening-card{padding:15px}}
@media(max-width:700px){.journal-grid{grid-template-columns:1fr}.journal-card-link{padding:25px 24px}.journal-card-top{margin-bottom:22px}.journal-card h3{font-size:24px;max-width:24em}.journal-excerpt{font-size:13px;margin-bottom:21px}.journal-intro{padding-top:30px}.journal-intro>p:last-child{font-size:13px}.article-layout{display:flex;flex-direction:column;gap:35px}.article-body{width:100%;font-size:16px;line-height:2.05}.article-sidebar{position:static;width:100%;max-width:420px;margin:auto}.listening-card{padding:22px}.article-heading{padding-top:28px;margin-bottom:30px}.article-heading h1{font-size:30px;line-height:1.6}.article-byline{font-size:10px;gap:7px 15px}.article-byline time{flex-basis:100%}.article-body h2{font-size:23px;margin-top:42px}.article-body blockquote{font-size:19px;padding:17px 18px}.article-body>p:first-child{font-size:16px}.journal-related{margin-top:40px;padding-bottom:45px}.journal-related .journal-grid{grid-template-columns:1fr}.journal-page nav>a{display:inline-block;font-size:11px}.journal-page nav{gap:15px}.journal-page .header{height:85px}.sidebar-note{display:none}.journal-return{padding:35px 0 50px}.journal-home .section-heading>p{font-size:12px}.journal-main{width:calc(100% - 40px)}}
@media(max-width:640px){nav>a.stories-entry{display:inline-block;font-size:10px}body:not(.journal-page) .header nav{gap:12px}.journal-page .header .brand{font-size:21px}.journal-page nav>a:first-child{display:none}.journal-breadcrumb{padding-top:20px}.journal-intro h1{font-size:30px}.article-body blockquote{letter-spacing:0}.journal-footer>div{font-size:11px}}