/* Delta site — shared styles (academic/paper aesthetic) */
:root{
  --paper:#FFFFFF;
  --ink:#1A1A1A;
  --muted:#555;
  --faint:#888;
  --line:#E2E2DD;
  --rule:#1A1A1A;
  --accent:#7A1F1F;        /* oxblood — scholarly, restrained, one accent only */
  --tint:#F7F4EF;
  --code:#F4F4F0;
  --code-dark:#1B1A16;
  --code-dark-ink:#E9E6DC;
  --ok:#1D6B4A;
  --serif:"Iowan Old Style","Charter",Georgia,"Times New Roman",serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --mono:"SF Mono",ui-monospace,Menlo,Consolas,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--serif);line-height:1.65;font-size:17px;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:0 32px}
.wide{max-width:920px}
a{color:inherit}
img{max-width:100%}

/* masthead */
header.site{border-bottom:2px solid var(--rule)}
.mast{display:flex;align-items:center;justify-content:space-between;height:60px;font-family:var(--sans)}
.mast .name{font-family:var(--serif);font-weight:600;font-size:18px;letter-spacing:.01em;text-decoration:none;color:var(--ink)}
.mast .name .d{color:var(--accent)}
.mast nav{display:flex;gap:24px;font-size:13.5px}
.mast nav a{color:var(--muted);text-decoration:none;text-transform:lowercase;letter-spacing:.02em}
.mast nav a:hover,.mast nav a.active{color:var(--ink)}

/* generic page header */
.page-head{padding:60px 0 36px;border-bottom:1px solid var(--line)}
.page-head .cat{font-family:var(--sans);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}
.page-head h1{font-size:38px;line-height:1.15;font-weight:600;letter-spacing:-.01em;margin-bottom:14px}
.page-head .stand{font-style:italic;font-size:19px;color:var(--muted);max-width:60ch}

/* prose */
.prose{padding:44px 0}
.prose h2{font-size:25px;font-weight:600;letter-spacing:-.01em;margin:38px 0 14px}
.prose h3{font-size:19px;font-weight:600;margin:28px 0 10px}
.prose p{margin-bottom:16px;color:#2a2a2a}
.prose p.lead{font-size:19px;color:var(--muted);line-height:1.6}
.prose ul,.prose ol{margin:0 0 16px 24px;color:#2a2a2a}
.prose li{margin-bottom:7px}
.prose em{font-style:italic}
.prose strong{font-weight:600}
.prose code{font-family:var(--mono);font-size:14px;background:var(--code);padding:2px 6px;border-radius:3px}
.prose blockquote{border-left:3px solid var(--accent);padding:4px 0 4px 20px;margin:22px 0;font-style:italic;color:var(--muted);font-size:18px}
.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}

pre{background:var(--code-dark);color:var(--code-dark-ink);font-family:var(--mono);font-size:13px;line-height:1.6;padding:16px;border-radius:6px;overflow-x:auto;white-space:pre;margin:18px 0}
.cm{color:#8A867C}.k{color:#E0A368}.t{color:#84B6E6}.x{color:#E68C84}.g{color:#83C7A4}.s{color:#C9B98F}

/* reference / citation box */
.refbox{border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:0 4px 4px 0;padding:20px 24px;background:var(--tint);position:relative;margin:20px 0}
.refbox .rl{font-family:var(--sans);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}
.refbox .ref{font-size:15.5px;line-height:1.7}
.refbox .doi{font-family:var(--mono);font-size:13px;color:var(--accent)}
.cpb{position:absolute;top:16px;right:16px;font-family:var(--sans);font-size:12px;background:transparent;border:1px solid var(--line);padding:5px 12px;border-radius:3px;cursor:pointer;color:var(--muted)}
.cpb:hover{color:var(--ink);border-color:var(--ink)}

/* download row */
.dl-row{display:flex;gap:14px;flex-wrap:wrap;font-family:var(--sans);margin:24px 0}
.dl{padding:11px 22px;border:1px solid var(--rule);border-radius:3px;font-size:14px;text-decoration:none;color:var(--ink);font-weight:500}
.dl.solid{background:var(--ink);color:var(--paper)}
.dl.solid:hover{background:#000}
.dl:hover{background:var(--tint)}
.freeline{font-family:var(--sans);font-size:12.5px;color:var(--faint);margin-top:6px}

/* footer */
footer.site{padding:36px 0;text-align:center;font-family:var(--sans);font-size:13px;color:var(--faint);border-top:1px solid var(--line);margin-top:20px}
footer.site a{color:var(--faint);text-decoration:none;margin:0 9px}
footer.site a:hover{color:var(--ink)}
footer.site .top{margin-bottom:8px}

@media(max-width:720px){
  .page-head h1{font-size:29px}
  .mast nav a:nth-child(-n+1){display:none}
}