:root{--bg:#000;--fg:#e9e9e9;--muted:#9a9a9a;--rule:#4a4a4a;--about:#8fe06a;--essays:#e9d27a;--interviews:#57c7e0;--reviews:#f0812f;--misc:#c3b1e1;--reallife:#f0399e}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--bg);color:var(--fg);font-family:Arial Nova,Arial,Helvetica Neue,Helvetica,sans-serif;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}.page{flex:1 1;display:flex;flex-direction:column;position:relative}.site-title{text-align:center;padding:28px 0 18px;position:relative;z-index:1}.site-title a{font-size:2.35rem;font-weight:500;color:var(--about)}.nav{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);position:relative;z-index:1}.nav-row{display:flex;justify-content:center;gap:16px 60px;padding:12px 16px;flex-wrap:wrap}.nav-row a,.nav-row span{font-size:1.4rem;font-weight:500;transition:opacity .15s ease}.nav-row a:hover{opacity:.75}.nav-row a[data-active=true]{border-bottom:2px solid;padding-bottom:2px}.subnav-row{display:flex;justify-content:center;gap:40px;padding:8px 16px 12px;flex-wrap:wrap;border-top:1px solid var(--rule)}.subnav-row a{font-size:1.3rem;font-weight:500}.subnav-row a[data-active=true]{text-decoration:underline}.content{flex:1 1;padding:32px 40px 80px;max-width:960px;margin:0 auto;width:100%;position:relative;z-index:1}.stars{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;z-index:0}.stars img{position:absolute;width:56px;height:auto;opacity:.95}.article-list{border-top:1px solid var(--rule)}.article-row{display:grid;grid-template-columns:100px 1fr 160px;grid-gap:16px;gap:16px;align-items:baseline;padding:16px 4px;border-bottom:1px solid var(--rule)}.article-row .date{color:var(--muted);font-size:.95rem}.article-row .title{font-size:1.05rem;font-weight:500}.article-row .title:hover{text-decoration:underline}.article-row .author{color:var(--fg);font-size:.95rem}.empty-note{color:var(--muted);padding:24px 4px}.article-header h1{font-size:1.5rem;font-weight:600;margin:0 0 6px}.article-meta{color:var(--muted);font-size:.95rem;line-height:1.6;margin-bottom:24px}.article-subtitle{font-size:1.05rem;font-weight:600;margin:24px 0 16px}.article-image{display:block;max-width:320px;width:100%;height:auto;margin:0 auto 28px}.article-body{font-size:1rem;line-height:1.7}.article-body,.article-header,.article-subtitle{max-width:680px;margin-left:auto;margin-right:auto}.article-body p{margin:0 0 20px}.article-body a{color:#ffb6c1}.article-body a:hover{opacity:.75}.article-body blockquote{margin:24px 0 24px 40px;padding-left:20px;border-left:2px solid var(--rule);color:var(--muted);font-style:italic}.about h2{color:var(--about);font-weight:600;font-size:1.3rem;margin:32px 0 12px}.about ol{padding-left:20px;line-height:1.7}.about ol li{margin-bottom:10px}.masthead{display:flex;flex-wrap:wrap;justify-content:center;gap:60px;margin-top:12px}.masthead-person{text-align:center}.masthead-person .name{color:var(--about);font-weight:600}.masthead-person .bio,.masthead-person .role{color:var(--muted);font-size:.95rem}.about p{line-height:1.7}.about a{color:var(--about);text-decoration:underline}.real-life-intro p{font-size:1.05rem;line-height:1.6;text-align:justify;margin:0 0 16px}.real-life-intro a{color:var(--about)}.real-life a:hover{text-decoration:underline}.city summary{color:var(--reallife);font-size:1.6rem;cursor:pointer;list-style:none;padding:6px 0;width:-moz-fit-content;width:fit-content}.city summary::-webkit-details-marker{display:none}.city summary:hover{opacity:.75}.city-body{padding:4px 0 20px 36px}.city-subcategory h3{color:#f6d3e4;font-size:1.6rem;font-weight:400;margin:8px 0}.city-body ul{margin:0 0 16px;padding-left:76px;font-size:1.3rem;line-height:1.6}.city-body li a{color:var(--reallife)}.city-body .empty-note{padding:0;margin:4px 0}.city-body .muted,.footer{color:var(--muted)}.footer{text-align:center;font-size:.8rem;padding:20px 0 28px;position:relative;z-index:1}@media (max-width:640px){.nav-row,.subnav-row{gap:20px}.nav-row a,.nav-row span{font-size:1.2rem}.article-row{grid-template-columns:70px 1fr}.article-row .author{display:none}.content{padding:24px 20px 60px}.real-life-intro p{font-size:1.15rem;text-align:left}.city-body{padding-left:16px}.city-body ul{padding-left:32px}}