/* A native, finite notebook rail. No autoplay or background animation. */
.notes-cards{min-width:0;width:100%;--note-paper:#f1ede3;--note-ink:#151611;--note-yellow:#f3d543}
.notes-cards-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.home-content .notes-cards-byline{font:12px/1.6 'IBM Plex Mono',monospace;color:var(--home-muted,#a3a49b)}
.notes-cards-controls{display:flex;align-items:center;gap:10px;flex:none}
.notes-cards-controls[hidden]{display:none}
.notes-cards-position{font:11px/1.5 'IBM Plex Mono',monospace;font-variant-numeric:tabular-nums;color:var(--home-muted,#a3a49b);margin-right:12px;min-width:70px;text-align:right}
.notes-cards-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff45;border-radius:0;background:transparent;color:var(--home-text,#eeeae0);padding:0;font:23px/1 'IBM Plex Mono',monospace;cursor:pointer}
.notes-cards-controls button:hover:not(:disabled){background:var(--note-yellow);color:var(--note-ink);border-color:var(--note-yellow)}
.notes-cards-controls button:disabled{opacity:.25;cursor:default}
.home-content .notes-cards-rail{display:flex;gap:22px;overflow-x:auto;overscroll-behavior-x:contain;overscroll-behavior-y:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#73756a #24271e;padding:2px 2px 18px;margin:0;list-style:none;max-width:100%;-webkit-overflow-scrolling:touch}
.notes-cards-rail:focus-visible{outline:2px solid var(--note-yellow);outline-offset:6px}
.notes-cards-rail::-webkit-scrollbar{height:5px}
.notes-cards-rail::-webkit-scrollbar-thumb{background:#73756a}
.notes-cards-rail::-webkit-scrollbar-track{background:#24271e}
.notes-card{flex:0 0 calc((100% - 42px)/2.08);min-width:0;scroll-snap-align:start;background:var(--note-paper);color:var(--note-ink);border:1px solid transparent}
.notes-card:nth-child(3n+2){background:var(--note-yellow)}
.notes-card:nth-child(3n){background:#252820;color:var(--note-paper);border-color:#ffffff2b}
.home-content .notes-card figure{display:flex;flex-direction:column;min-height:100%;box-sizing:border-box;padding:32px clamp(24px,2.6vw,42px);margin:0}
.notes-card-meta{display:flex;justify-content:space-between;gap:16px;font:10px/1.5 'IBM Plex Mono',monospace;opacity:.68;margin-bottom:32px}
.home-content .notes-card h3{font:clamp(30px,3vw,46px)/1.1 'Anton',sans-serif;letter-spacing:-.015em;text-transform:uppercase;overflow-wrap:anywhere;margin:0 0 20px;max-width:98%}
.notes-card blockquote{position:relative;margin:0;padding:25px 0 32px}
.notes-card blockquote::before{content:'“';position:absolute;top:-8px;left:-3px;font:78px/1 'Anton',sans-serif;opacity:.28;pointer-events:none}
.home-content .notes-card blockquote p{position:relative;font:clamp(14px,1.2vw,16px)/1.8 'IBM Plex Mono',monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.notes-card figcaption{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:20px;border-top:1px solid currentColor}
.notes-card-author{font:12px/1.5 'IBM Plex Mono',monospace;font-weight:500}
.notes-card-tags{font:10px/1.6 'IBM Plex Mono',monospace;opacity:.65;overflow-wrap:anywhere}
.home-content .notes-cards-empty{font:16px/1.6 'IBM Plex Mono',monospace;color:var(--home-muted,#a3a49b)}
@media(max-width:760px){
  .notes-cards-toolbar{gap:15px;align-items:flex-end;margin-bottom:20px}
  .home-content .notes-cards-byline{font-size:10px;max-width:145px}
  .notes-cards-controls{gap:6px}
  .notes-cards-position{font-size:10px;min-width:48px;margin-right:4px}
  .notes-cards-controls button{width:40px;height:40px;font-size:20px}
  .home-content .notes-cards-rail{gap:14px;padding-bottom:16px}
  .notes-card{flex-basis:92%}
  .home-content .notes-card figure{padding:26px 24px}
  .notes-card-meta{margin-bottom:26px;font-size:9px}
  .home-content .notes-card h3{font-size:34px}
  .home-content .notes-card blockquote p{font-size:14px;line-height:1.75}
}
@media(prefers-reduced-motion:reduce){.notes-cards-rail{scroll-behavior:auto!important}}