/* Notes (2026-10-26): shared markdown notes, in the site's own look. */
.notes{padding-bottom:2rem}
.nt-pad{padding:0 1rem}
.nt-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.nt-head p{margin:.375rem 0 0;color:var(--muted-foreground)}
.nt-k{margin:1.25rem 1rem .5rem;font-family:var(--font-mono);font-size:var(--text-meta);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground)}
.nt-list{border-top:1px solid var(--border)}
.nt-row{display:flex;flex-direction:column;gap:.125rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);color:var(--foreground);text-decoration:none}
.nt-row:hover,.nt-row:focus-visible{background:var(--muted);outline:none}
.nt-row-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nt-row-meta{font-family:var(--font-mono);font-size:var(--text-meta);color:var(--muted-foreground)}
.nt-tag{color:var(--primary)}

/* one note */
.nt-bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem .25rem}
.nt-back{display:inline-flex;align-items:center;gap:.25rem;color:var(--muted-foreground);text-decoration:none;font-size:var(--text-ui)}
.nt-back:hover{color:var(--foreground)}
.nt-people{display:flex;align-items:center}
.nt-face{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;margin-left:-.375rem;border:2px solid var(--card);border-radius:50%;color:#fff;font-family:var(--font-mono);font-size:var(--text-micro);font-weight:600}
.nt-more{margin-left:.25rem;font-family:var(--font-mono);font-size:var(--text-meta);color:var(--muted-foreground)}
.nt-modes{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;border-bottom:1px solid var(--border)}
.nt-modes [role=tab]{appearance:none;border:0;background:none;font:inherit;font-size:var(--text-ui);font-weight:500;padding:.375rem .75rem;border-radius:var(--radius);color:var(--muted-foreground);cursor:pointer}
.nt-modes [role=tab][aria-selected=true]{background:var(--muted);color:var(--foreground)}
.nt-status{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-meta);color:var(--muted-foreground)}
.nt-status.off{color:#c2410c}
.nt-tools{display:flex;gap:.125rem;overflow-x:auto;padding:.375rem .75rem;border-bottom:1px solid var(--border);scrollbar-width:none}
.nt-tools::-webkit-scrollbar{display:none}
.nt-tools button{appearance:none;flex:0 0 auto;min-width:2.25rem;height:2.25rem;border:0;border-radius:var(--radius-sm);background:none;color:var(--foreground);font:inherit;font-size:var(--text-ui);cursor:pointer}
.nt-tools button:hover,.nt-tools button:focus-visible{background:var(--muted);outline:none}
.nt-editor .cm-editor{min-height:60vh;font-size:var(--text-body);background:var(--card)}
.nt-editor .cm-editor.cm-focused{outline:none}
.nt-editor .cm-scroller{font-family:var(--font-mono);line-height:1.6}
.nt-editor .cm-content{padding:1rem 0}
.nt-editor .cm-line{padding:0 1rem}
.nt-editor .cm-gutters{display:none}
.nt-editor .cm-activeLine{background:transparent}
.nt-editor .cm-ySelectionInfo{font-family:var(--font-sans);font-size:var(--text-micro);padding:1px 4px;border-radius:var(--radius-xs);opacity:1}
.nt-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:1rem;border-top:1px solid var(--border)}
.nt-foot .quiet{padding:0;font-size:var(--text-ui)}
.nt-danger{color:var(--danger)}

/* the share sheet */
.nt-sheet{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:var(--overlay)}
.nt-sheet[hidden]{display:none}
.nt-sheet-in{width:100%;max-width:30rem;margin:0 .5rem .5rem;padding:1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 10px 30px rgba(0,0,0,.12)}
.nt-sheet-in h2{margin:0 0 .75rem;font-size:var(--text-input);font-weight:600}
.nt-opt{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;font-size:var(--text-body);cursor:pointer}
.nt-sheet-row{display:flex;gap:.5rem;margin-top:.75rem}

/* the written note */
.md{padding:1rem;font-size:var(--text-input);line-height:1.65;overflow-wrap:anywhere}
.md > :first-child{margin-top:0}
.md h1,.md h2,.md h3,.md h4{line-height:1.25;letter-spacing:-.02em;margin:1.5em 0 .5em}
.md h1{font-size:var(--text-display);font-weight:700}
.md h2{font-size:1.35rem;font-weight:650;padding-bottom:.25rem;border-bottom:1px solid var(--border)}
.md h3{font-size:var(--text-lead);font-weight:600}
.md p,.md ul,.md ol,.md blockquote,.md pre,.md table{margin:0 0 1em}
.md ul,.md ol{padding-left:1.5rem}
.md li{margin:.2em 0}
.md a{color:var(--primary)}
.md blockquote{padding:.25rem 1rem;border-left:3px solid var(--rail);color:var(--muted-foreground)}
.md code{font-family:var(--font-mono);font-size:.875em;padding:.1em .35em;border-radius:var(--radius-xs);background:var(--muted)}
.md pre{padding:.75rem 1rem;border-radius:var(--radius);background:var(--muted);overflow-x:auto}
.md pre code{padding:0;background:none}
.md table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:var(--text-body)}
.md th,.md td{padding:.4rem .75rem;border:1px solid var(--border);text-align:left}
.md th{background:var(--muted);font-weight:600}
.md hr{border:0;border-top:1px solid var(--border);margin:1.5em 0}
.md img{max-width:100%;border-radius:var(--radius)}
.md .task-list-item{list-style:none;margin-left:-1.5rem}
.md .task-list-item label{display:flex;gap:.5rem;align-items:baseline;cursor:pointer}
.md .task-list-item input{accent-color:var(--primary);width:1rem;height:1rem;flex:0 0 auto;transform:translateY(2px)}
.md{color:var(--foreground)}
.md p,.md li{color:var(--foreground)}
.nt-diagram{margin:0 0 1em;overflow-x:auto;text-align:center}
.nt-diagram svg{max-width:100%;height:auto}
.nt-tools button{display:inline-flex;align-items:center;justify-content:center}

/* 2026-10-26: the heading is the page's own markup now (Edit copy), shown or hidden by notes.js; and the ⋯ menu */
.notes [hidden]{display:none !important}
.nt-problem{padding-top:1rem}
.nt-item{display:flex;align-items:center;border-bottom:1px solid var(--border)}
.nt-item .nt-row{flex:1;min-width:0;border-bottom:0}
.nt-item .nt-dots{margin-right:.5rem}
.nt-dots{appearance:none;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:0;border-radius:var(--radius-sm);background:none;color:var(--muted-foreground);cursor:pointer}
.nt-dots:hover,.nt-dots:focus-visible,.nt-dots[aria-expanded=true]{background:var(--muted);color:var(--foreground);outline:none}
.nt-bar-r{display:flex;align-items:center;gap:.5rem}
.nt-menu{position:absolute;z-index:60;min-width:11rem;padding:.25rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 30px rgba(0,0,0,.12)}
.nt-menu button{appearance:none;display:flex;align-items:center;gap:.625rem;width:100%;padding:.625rem .75rem;border:0;border-radius:var(--radius-sm);background:none;color:var(--foreground);font:inherit;font-size:var(--text-body);text-align:left;cursor:pointer}
.nt-menu button:hover,.nt-menu button:focus-visible{background:var(--muted);outline:none}
.nt-menu button svg{color:var(--muted-foreground)}
.nt-menu .nt-danger,.nt-menu .nt-danger svg{color:var(--danger)}
.nt-sheet-note{margin:.5rem 0 0;font-size:var(--text-ui);color:var(--muted-foreground)}
.nt-by{margin:0;padding:0 1rem .5rem;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:var(--text-meta);color:var(--muted-foreground)}

/* a note in the subway map look (look: subway map at the top): its line and stop names are not underlined headings (2026-10-29) */
.nt-read.subway .title{border:0;padding-bottom:0;margin:0}

/* the subway map snippet buttons after the formatting tools (2026-10-29) */
.nt-tools .nt-gap{flex:0 0 1px;margin:.375rem;background:var(--border)}
.nt-tools button.nt-snip{gap:.375rem;padding:0 .625rem;color:var(--primary);white-space:nowrap}
.nt-tools .nt-snip svg{width:18px;height:18px}