.feature-actions,.feature-section-heading,.notebook-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.feature-section-heading{justify-content:space-between;margin-bottom:20px}
.feature-section-heading label{display:flex;gap:10px;align-items:center;font-size:13px}
.compare-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:24px;align-items:end;padding-bottom:24px}
.compare-form label,.notebook-import label,.notebook-item label{display:flex;flex-direction:column;gap:8px;font-size:13px}
.compare-form select{width:100%;font-size:15px}
[data-compare-status],[data-notebook-status]{color:var(--muted);padding-block:12px}
[data-notebook-status][data-error=true]{color:var(--ink);background:var(--wash);padding:16px;border-left:3px solid var(--accent)}
.compare-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;border-top:1px solid var(--line);margin-bottom:48px}
.compare-summary article{padding-top:24px}.compare-summary article>.ar{font-size:52px}.compare-summary .entry-stats{margin:24px 0}
.compare-chart{max-height:570px;overflow:auto;margin:24px 0 56px;border-block:1px solid var(--line)}
.compare-chart table{border-collapse:collapse;width:100%;font-size:13px;text-align:left;table-layout:fixed}
.compare-chart caption{color:var(--muted);padding:12px;text-align:left}.compare-chart th:first-child{width:34%}
.compare-chart th,.compare-chart td{border-bottom:1px solid var(--line);padding:8px 14px}.compare-chart thead{position:sticky;top:0;background:var(--paper);z-index:1}
.distribution-cell{position:relative;height:28px;display:flex;align-items:center;justify-content:flex-end}.distribution-cell>span:last-child{position:relative;padding:2px 6px;background:var(--paper);font-variant-numeric:tabular-nums}
.distribution-bar{position:absolute;inset:5px auto 5px 0;background:var(--accent);opacity:.55;min-width:0}.distribution-bar.series-1{background:var(--muted);opacity:.4}
.compare-families{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.compare-families h2{font-size:24px;margin-bottom:24px}.compare-families .lemma-family{grid-template-columns:1fr}
.common-section{padding-block:56px}.common-section h2{margin-bottom:20px}
.notebook-toolbar{border-block:1px solid var(--line);padding-block:20px}.notebook-toolbar strong{margin-right:auto}
.notebook-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-block:24px 48px}
.notebook-item{min-width:0;padding-block:24px;border-top:1px solid var(--line)}.notebook-item-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.notebook-item-heading .eyebrow{display:block;margin-bottom:6px}
.notebook-item p{overflow-wrap:anywhere}.notebook-item textarea,.notebook-import textarea{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:12px;resize:vertical;width:100%;min-height:88px}.notebook-item label{margin:24px 0 12px}.notebook-item .text-link{margin-left:16px}
.feature-empty{grid-column:1/-1;padding-block:32px}.feature-empty h2{margin-bottom:16px}.notebook-import{border-top:1px solid var(--line);padding-block:36px 64px;max-width:760px}.notebook-import h2{margin-bottom:20px}.notebook-import label{margin-block:20px}.notebook-import input{width:100%}
.flashcard{margin-block:32px;padding:28px;background:var(--panel);border:1px solid var(--line)}.flashcard h2{margin-block:20px}.flashcard .ar{font-size:60px}.flashcard p{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:760px){.compare-form{grid-template-columns:minmax(0,1fr);gap:16px}.compare-form .button{justify-self:start}.compare-summary,.compare-families,.notebook-items{grid-template-columns:1fr;gap:24px}.compare-chart th,.compare-chart td{padding:7px 6px}.compare-chart th:first-child{width:40%}.compare-chart table{font-size:11px}.feature-section-heading{align-items:flex-start;gap:16px}.feature-section-heading label{flex-direction:column;align-items:flex-start}.notebook-item .text-link{display:inline-block;margin:12px 0}.flashcard{padding:20px}.notebook-toolbar{gap:12px}}

.compare-note { margin-block: 1.25rem; padding: 1rem; border: 1px solid var(--border); background: var(--panel); min-width: 0; }
.compare-note h4 { margin-top: 0; }
.compare-note [data-saved-note] { white-space: pre-wrap; overflow-wrap: anywhere; }
.compare-note a { display: inline-flex; align-items: center; min-height: 44px; }