:root{--paper:#f6f5f0;--ink:#293e36;--muted:#77796d;--rule:#d8dad0;--accent:#8c825e;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.layout{display:grid;grid-template-columns:350px minmax(0,1fr);gap:82px;max-width:1400px;margin:auto;padding:42px 60px 32px;min-height:100vh}.profile{display:flex;flex-direction:column;align-items:flex-start}h1{font-size:30px;line-height:1.2;font-weight:500;letter-spacing:-1.1px;margin:0 0 17px}.bio{max-width:285px;font-size:15px;line-height:1.75;margin:0 0 19px}.socials{display:flex;gap:25px;font-size:14px;align-items:center}.socials a,.socials span{padding:0 0 5px;text-decoration:none;border-bottom:1px solid var(--rule)}.socials a:hover{border-color:var(--accent)}.socials span{color:var(--muted);cursor:help;border-bottom-style:dotted}.illustration{width:100%;max-width:350px;margin:42px 0 24px}.illustration img{display:block;width:100%;height:auto}.illustration figcaption{text-align:center;font-size:11px;font-style:italic;color:var(--muted);letter-spacing:.3px;margin-top:4px}.signature{font-size:11px;letter-spacing:1.15px;color:var(--muted);margin:26px 0 0}
.collection{min-width:0}.tabs{height:49px;display:flex;justify-content:center;gap:28px;border-bottom:1px solid var(--rule)}.tabs button{position:relative;font-size:14px;background:none;border:0;padding:0 0 16px;cursor:pointer;color:var(--muted)}.tabs button[aria-selected=true]{color:var(--ink)}.tabs button[aria-selected=true]:after{content:'';height:1px;position:absolute;bottom:15px;left:0;right:0;background:var(--accent)}.entries{margin:0;padding:0;list-style:none}.entry{border-bottom:1px solid var(--rule)}.entry-link{position:relative;display:grid;grid-template-columns:29px 1fr 20px;gap:0;width:100%;text-align:left;padding:23px 9px 22px 0;text-decoration:none;background:none;border:0;cursor:pointer;transition:background .18s}.entry-link:hover{background:#efefe7}.entry-number{font-size:10px;color:var(--accent);padding-top:5px;font-variant-numeric:tabular-nums}.entry-title{font-size:17px;font-weight:400;line-height:1.35;margin:0 0 8px;letter-spacing:-.3px}.entry-description{font-size:13px;line-height:1.6;color:#555d52;margin:0;max-width:520px}.entry-arrow{font-size:23px;line-height:1;color:var(--accent);font-family:'Times New Roman',serif;font-weight:400;transition:transform .18s}.entry-link:hover .entry-arrow{transform:translate(2px,-2px)}.entry-meta{display:flex;gap:12px;color:var(--muted);font-size:10px;letter-spacing:.3px;margin-top:12px}.sample-label{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}.draft-note{font-size:11px;font-style:italic;color:var(--muted);margin:25px 0;line-height:1.6}
dialog{border:1px solid var(--rule);background:var(--paper);color:var(--ink);padding:40px;max-width:480px;width:calc(100% - 36px);box-shadow:0 14px 80px #1c322125}dialog::backdrop{background:#25362d55;backdrop-filter:blur(3px)}dialog h2{font-size:26px;font-weight:400;letter-spacing:-.6px}dialog p{line-height:1.7;font-size:15px}.eyebrow{font-size:10px!important;letter-spacing:2px;color:var(--accent)}.dialog-hint{font-size:13px!important;color:var(--muted)}.close{position:absolute;right:16px;top:10px;border:0;background:none;font-size:27px;cursor:pointer}.dialog-done{border:0;border-bottom:1px solid var(--accent);background:none;font-size:13px;padding:5px 0;cursor:pointer;margin-top:12px}[hidden]{display:none!important}
@media(min-width:1500px){.layout{padding-top:65px}}@media(max-width:950px){.layout{grid-template-columns:280px minmax(0,1fr);gap:40px;padding:36px}.socials{gap:22px}h1{font-size:27px}.illustration{margin-top:38px}.entry-description{font-size:13px}}@media(max-width:680px){.layout{display:block;padding:34px 25px}.profile{position:relative;min-height:205px;padding-bottom:30px}.profile header{position:relative;z-index:1;width:70%}h1{font-size:28px;max-width:230px}.bio{font-size:14px;max-width:220px}.illustration{position:absolute;width:135px;right:-10px;top:5px;margin:0;opacity:.26;pointer-events:none;z-index:0}.illustration figcaption{display:none}.signature{display:none}.socials{gap:21px;font-size:13px}.tabs{justify-content:flex-start;height:46px;gap:28px}.entry-link{padding-top:24px;padding-bottom:22px}.entry-title{font-size:17px}.draft-note{max-width:260px;margin-top:24px}dialog{padding:30px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Essay reading page */
.reader-nav{max-width:1160px;margin:auto;padding:36px 36px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--rule)}.reader-nav a{text-decoration:none}.reader-name{font-size:22px;letter-spacing:-.7px}.reader-back{font-size:13px;color:var(--muted)}.reader-back:hover,.essay-footer a:hover{color:var(--ink)}.reader{max-width:700px;margin:70px auto 0;padding:0 24px}.essay-header{padding-bottom:30px;border-bottom:1px solid var(--rule);margin-bottom:35px}.essay-header .eyebrow{margin:0 0 22px}.essay-header h1{font-size:42px;line-height:1.2;letter-spacing:-1.2px;font-weight:400;max-width:650px;margin:0 0 24px}.essay-meta{font-size:13px;color:var(--muted);margin:0}.essay-meta span{margin:0 8px}.essay-body{font-size:17px;line-height:1.85;overflow-wrap:break-word}.essay-body p{margin:0 0 25px}.essay-body h2{font-size:27px;line-height:1.4;font-weight:400;letter-spacing:-.5px;margin:55px 0 14px}.essay-body .section-note{font-style:italic;color:var(--muted);font-size:15px;margin-bottom:25px}.essay-footer{border-top:1px solid var(--rule);margin-top:55px;padding:28px 0 60px;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted)}.essay-footer a{text-decoration:none}
@media(max-width:680px){.reader-nav{padding:27px 25px 23px}.reader-name{font-size:18px}.reader-back{font-size:12px}.reader{margin-top:45px;padding:0 25px}.essay-header h1{font-size:32px;line-height:1.25;letter-spacing:-.8px}.essay-body{font-size:16px;line-height:1.85}.essay-body h2{font-size:24px;margin-top:42px}.essay-footer{font-size:12px}}

.empty-note{font-size:14px;line-height:1.7;color:var(--muted);padding:25px 0;margin:0;border-bottom:1px solid var(--rule)}
@media(max-width:680px){.tabs{gap:22px}.tabs button{font-size:12px;white-space:nowrap}}

/* Keep all four tabs reachable on smaller screens. */
.tabs{height:auto;min-height:49px;flex-wrap:wrap;column-gap:22px;row-gap:0}.tabs button{min-height:49px}
@media(max-width:480px){.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.tabs button{justify-self:start;text-align:left;white-space:normal}}

.essay-body ol{padding-left:25px;margin:0 0 30px}.essay-body li{padding-left:5px;margin-bottom:15px}

.music-intro{font-size:12px;font-style:italic;color:var(--muted);margin:24px 0 20px}.music-group{border-top:1px solid var(--rule)}.music-group:last-child{border-bottom:1px solid var(--rule)}.music-group summary{cursor:pointer;display:flex;align-items:center;gap:15px;list-style:none;padding:22px 0;font-size:17px}.music-group summary::-webkit-details-marker{display:none}.music-group summary::after{content:"+";font-size:21px;color:var(--accent);margin-left:6px}.music-group[open] summary::after{content:"−"}.music-count{margin-left:auto;font-size:10px;color:var(--muted);white-space:nowrap}.music-group .entry:last-child{border-bottom:0}.music-language{font-size:10px;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);margin:12px 0 0;padding-bottom:8px}.music-group summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.music-group .entry-link{padding-top:18px;padding-bottom:18px}@media(max-width:480px){.music-group summary{font-size:15px;gap:8px}.music-count{font-size:9px}}

.music-summary-copy{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.music-section-title{font-size:17px;line-height:1.45;letter-spacing:-.2px}.music-genre{font-size:10px;letter-spacing:.65px;color:var(--muted)}.music-group summary{padding:20px 0}.book-static,.book-static:hover{cursor:default;background:transparent}@media(max-width:480px){.music-section-title{font-size:15px}.music-group summary{padding:18px 0}}

/* A compact bookshelf, with room for long titles to wrap. */
#books-list .entry-link{grid-template-columns:1fr 20px;padding-top:12px;padding-bottom:12px}
#books-list .entry-title{font-size:16px;margin-bottom:3px}
#books-list .entry-description{font-size:12.5px;line-height:1.45}
.books-intro{font-size:12px;line-height:1.6;color:var(--muted);margin:18px 0 8px}