* { box-sizing: border-box; }
:root { color-scheme: light; --paper:#f8f7f3; --ink:#30312c; --muted:#6e7066; --accent:#4c5d3e; --line:#dcdcd2; --mono: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace; }
html { scroll-behavior:smooth; scroll-padding-top:35px; }
body { margin:0; background:var(--paper); color:var(--ink); font:18px/1.6 Georgia, 'Times New Roman', serif; }
a { color:inherit; text-decoration-thickness:1px; text-underline-offset:4px; }
a:hover { color:var(--accent); }
a:focus-visible, summary:focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
::selection { background:#dedecb; color:#20231b; }
.skip { position:absolute; left:20px; top:-70px; padding:8px; background:var(--paper); z-index:5; }
.skip:focus { top:10px; }
.garden { max-width:1080px; margin:0 auto; padding:112px 34px 65px; display:grid; grid-template-columns:130px minmax(0,510px) 170px; column-gap:64px; align-items:start; }
.rail { grid-column:1; grid-row:1 / span 12; position:sticky; top:42px; font:14px/1.8 var(--mono); }
.name { display:inline-block; margin-bottom:35px; text-decoration:none; color:var(--ink); }
.rail nav { display:flex; flex-direction:column; align-items:start; gap:5px; }
.rail nav a { color:var(--muted); text-decoration:none; }
.rail nav a[aria-current] { color:var(--ink); text-decoration:underline; }
.rail .small-print { margin-top:70px; color:var(--muted); font-size:12px; line-height:1.8; }
.content { grid-column:2 / 4; min-width:0; }
.block { display:grid; grid-template-columns:minmax(0,510px) 170px; gap:0 64px; margin-bottom:44px; align-items:start; }
.copy { grid-column:1; min-width:0; }
.note { grid-column:2; font:13px/1.65 var(--mono); color:var(--muted); padding-top:6px; }
.note p { margin:0 0 12px; }
.note .mark { display:block; color:var(--accent); margin-bottom:9px; }
.note a.mark { width:fit-content; text-decoration:none; }
.note a.mark:hover { text-decoration:underline; }
.note.late { padding-top:88px; }
h1,h2,h3,p { margin:0; }
h1 { font-size:23px; line-height:1.35; font-weight:normal; margin-bottom:22px; }
h2 { font-size:14px; font-weight:normal; color:var(--muted); margin-bottom:18px; font-family:var(--mono); }
p + p { margin-top:15px; }
.intro { margin-bottom:58px; }
.intro .afterthought { color:var(--muted); font-size:16px; margin-top:19px; }
sup { font:11px var(--mono); vertical-align:super; margin-left:3px; }
sup a { text-decoration:none; color:var(--accent); }
.entries { list-style:none; padding:0; margin:0; }
.entries li { margin-bottom:14px; }
.entries .sub { display:block; color:var(--muted); font-size:14px; margin-top:2px; }
.entries a { text-decoration-color:#a9ac9e; }
.num { display:none; }
details summary { cursor:pointer; width:fit-content; text-decoration:underline; text-decoration-color:#a9ac9e; text-underline-offset:4px; list-style:none; }
details summary::-webkit-details-marker { display:none; }
details summary:after { content:' +'; font:12px var(--mono); color:var(--muted); }
details[open] summary:after { content:' −'; }
.entry-detail { margin:11px 0 22px; padding-left:15px; border-left:1px solid var(--line); color:var(--muted); font-size:15px; line-height:1.65; }
.entry-detail a { color:var(--ink); }
.foot { font:12px/1.7 var(--mono); color:var(--muted); margin-top:70px; }
.foot a { text-decoration:none; border-bottom:1px dotted var(--muted); }
.article .intro { margin-bottom:38px; }
.article .copy > p { margin-bottom:20px; }
.article h2 { font-family:inherit; font-size:21px; color:var(--ink); margin-bottom:16px; }
.article .byline { font:12px/1.7 var(--mono); color:var(--muted); }
.article blockquote { margin:25px 0; padding-left:20px; border-left:1px solid var(--line); font-style:italic; }
.article .formula { font:14px/1.8 var(--mono); background:rgba(110,110,90,.055); padding:18px; overflow-wrap:anywhere; }
.note:target { color:var(--ink); }

/* Commonplace: the final personal index. */
body.commonplace { --paper:#fff; --ink:#272b30; --muted:#697079; --accent:#2a57a0; --line:#e0e4e9; font:16px/1.65 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
.commonplace .garden { max-width:1120px; grid-template-columns:140px minmax(0,490px) 180px; column-gap:62px; padding-top:98px; }
.commonplace .block { grid-template-columns:minmax(0,490px) 180px; column-gap:62px; margin-bottom:48px; }
.commonplace h1 { font-size:20px; font-weight:500; letter-spacing:-.5px; }
.commonplace .rail { font-family:inherit; }
.commonplace .name { font-weight:500; }
.commonplace .rail nav { gap:8px; }
.commonplace .intro { margin-bottom:52px; }
.commonplace .intro .afterthought { font-size:14px; }
.commonplace h2 { font:13px/1.6 var(--mono); margin-bottom:14px; }
.commonplace .entries li { margin-bottom:16px; }
.commonplace .entries a, .commonplace summary { color:var(--accent); text-decoration:none; }
.commonplace .entries a:hover, .commonplace summary:hover { text-decoration:underline; }
.commonplace .note { font-family:inherit; font-size:14px; line-height:1.55; }
.commonplace .note .mark { font:12px var(--mono); color:var(--muted); }
.commonplace .num { display:inline; color:#7c838c; font:12px var(--mono); margin-right:12px; }
.commonplace .sub { padding-left:33px; }
.commonplace .article h2 { font-size:20px; }

@media (max-width:1000px) and (min-width:761px) {
 body .garden { grid-template-columns:100px minmax(0,1fr) 150px; column-gap:32px; padding-left:28px; padding-right:28px; }
 body .block { grid-template-columns:minmax(0,1fr) 150px; column-gap:32px; }
}
@media (max-width:760px) {
 body .garden { display:block; padding:36px 26px 45px; max-width:600px; }
 body .rail { position:static; display:flex; flex-wrap:wrap; align-items:baseline; gap:16px 28px; margin-bottom:48px; padding:0; }
 body .name { margin:0; }
 body .rail nav { flex-direction:row; flex-wrap:wrap; gap:16px; font-size:14px; }
 body .rail .small-print { display:none; }
 body .block { display:block; margin-bottom:38px; }
 body .note, body .note.late { padding:0 0 0 14px; border-left:1px solid var(--line); margin-top:23px; max-width:330px; }
 body .note .mark { display:inline; margin-right:7px; font-size:12px; }
 body .note p { display:inline; }
 body .intro { padding:0; margin-bottom:45px; }
 body .foot { margin-top:45px; }
 .article .rail { margin-bottom:42px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

/* Shared Dekel identity, including the standalone 404 page. */
.rail .site-logo { display:block; width:128px; height:128px; margin:0 0 32px; line-height:0; }
.rail .site-logo img { display:block; width:128px; height:128px; }
@media (max-width:1000px) and (min-width:761px) {
 body.commonplace .garden { grid-template-columns:140px minmax(0,1fr) 150px; }
}
@media (max-width:760px) {
 body.commonplace .rail { flex-direction:column; align-items:flex-start; gap:0; }
 body.commonplace .rail nav { gap:14px; }
}