/* StackNotes — clean, readable, professional. Mobile-first. */
:root{
  --bg:#ffffff;
  --fg:#1a1d21;
  --muted:#5b6470;
  --line:#e6e8eb;
  --accent:#2563eb;
  --accent-soft:#eff4ff;
  --warn-bg:#fff8e6;
  --warn-line:#f2d98a;
  --code-bg:#f5f6f8;
  --maxw:46rem;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--fg);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 20px}
header.site{border-bottom:1px solid var(--line); padding:22px 0; margin-bottom:34px}
.site-name{font-size:1.35rem; font-weight:700; letter-spacing:-.01em; text-decoration:none; color:var(--fg)}
.site-name span{color:var(--accent)}
.tagline{color:var(--muted); margin-top:4px; font-size:.95rem}
h1{font-size:1.9rem; line-height:1.25; letter-spacing:-.02em; margin:.2em 0 .5em}
h2{font-size:1.35rem; margin:1.8em 0 .5em; letter-spacing:-.01em}
h3{font-size:1.08rem; margin:1.4em 0 .4em}
p{margin:.2em 0 1.1em}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}
ul,ol{padding-left:1.3em; margin:.2em 0 1.2em}
li{margin:.35em 0}
.muted{color:var(--muted)}
.meta{color:var(--muted); font-size:.9rem; margin-bottom:1.4em}
table{width:100%; border-collapse:collapse; margin:1em 0 1.4em; font-size:.95rem}
th,td{border:1px solid var(--line); padding:9px 12px; text-align:left; vertical-align:top}
th{background:#f7f8fa; font-weight:600}
tr:nth-child(even) td{background:#fcfcfd}
.disclosure{
  background:var(--warn-bg); border:1px solid var(--warn-line);
  border-radius:8px; padding:11px 14px; font-size:.9rem; color:#5b4a12; margin:0 0 1.6em;
}
.callout{
  background:var(--accent-soft); border-left:3px solid var(--accent);
  padding:12px 16px; border-radius:0 8px 8px 0; margin:1em 0 1.4em; font-size:.97rem;
}
code{background:var(--code-bg); padding:1px 6px; border-radius:5px; font-size:.9em;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.srclist{font-size:.92rem; color:var(--muted)}
.srclist li{margin:.2em 0}
.postlist{list-style:none; padding:0; margin:1em 0}
.postlist li{padding:14px 0; border-bottom:1px solid var(--line)}
.postlist .date{color:var(--muted); font-size:.85rem; display:block; margin-bottom:2px}
.postlist a{font-weight:600; font-size:1.05rem}
footer.site{border-top:1px solid var(--line); margin-top:48px; padding:24px 0 40px;
  color:var(--muted); font-size:.88rem}
.back{display:inline-block; margin:1.5em 0 0; font-size:.95rem}
@media (max-width:600px){
  h1{font-size:1.5rem}
  body{font-size:15.5px}
  th,td{padding:8px 9px; font-size:.9rem}
}