.school-card{background:var(--paper-card);border:1px solid var(--rule-warm);border-radius:var(--radius);padding:var(--s-4) var(--s-5);display:flex;flex-direction:column;gap:var(--s-3)}.school-card-head{display:flex;flex-direction:column;gap:.2rem}.school-card-pick{display:inline-flex;align-items:center;gap:.45em;font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);cursor:pointer;align-self:flex-end;margin-bottom:-.4rem}.school-card-pick input{width:1.05rem;height:1.05rem;accent-color:var(--ink);cursor:pointer}.school-card-name{font-family:var(--font-display);font-weight:500;font-size:var(--fs-md);line-height:1.2;margin:0}.school-card-where{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin:0}.school-rows{margin:0}.school-rows>div{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.32em 0;border-bottom:1px dashed var(--rule-warm)}.school-rows dt{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.school-rows dd{margin:0;font-size:var(--fs-sm);text-align:right}.school-card-links{margin:0;font-size:var(--fs-sm)}.filter-bar{background:var(--paper-card);border:1px solid var(--rule-warm);border-radius:var(--radius);padding:var(--s-5);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--ruled-gap) - 1px),var(--rule-soft) calc(var(--ruled-gap) - 1px),var(--rule-soft) var(--ruled-gap))}.filter-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--s-4) var(--s-5)}.filter-field{display:flex;flex-direction:column;gap:.35rem}.filter-field label{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.filter-field input,.filter-field select{font-family:var(--font-body);font-size:var(--fs-base);color:var(--ink);background:transparent;border:0;border-bottom:1px dashed var(--ink-soft);border-radius:0;padding:.25em .1em}.filter-field input:focus-visible,.filter-field select:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:var(--radius)}.filter-field input::placeholder{color:color-mix(in srgb,var(--ink-soft) 70%,transparent)}.results-meta{font-size:var(--fs-sm);color:var(--ink-soft);margin:var(--s-4) 0 var(--s-3)}.results-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:var(--s-4)}.results-more{margin-top:var(--s-4)}.empty-state{border:1px dashed var(--rule-warm);border-radius:var(--radius);background:var(--paper-card);padding:var(--s-5);max-width:40rem}.empty-state p{margin:0 0 .5em}.empty-state p:last-child{margin:0}.compare-tray{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--paper-card);border-top:1px solid var(--ink);padding:.65rem 0}.compare-tray[hidden]{display:none}.compare-tray-inner{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}.compare-tray-chips{display:flex;flex-wrap:wrap;gap:.4rem;flex:1;min-width:12rem}.tray-chip{display:inline-flex;align-items:center;gap:.4em;font-size:var(--fs-xs);border:1px solid var(--rule-warm);border-radius:var(--radius);background:var(--paper);padding:.25em .3em .25em .6em}.tray-chip button{border:0;background:none;font-family:var(--font-body);font-size:1em;line-height:1;padding:.15em .35em;cursor:pointer;color:var(--ink-soft)}.tray-chip button:hover{color:var(--pen-red)}.compare-tray-note{font-size:var(--fs-xs);color:var(--pen-red);font-family:var(--font-display);font-style:italic;margin:0}.compare-scroll{overflow-x:auto;border:1px solid var(--rule-warm);border-radius:var(--radius);background:var(--paper-card);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--ruled-gap) - 1px),var(--rule-soft) calc(var(--ruled-gap) - 1px),var(--rule-soft) var(--ruled-gap))}.compare-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.compare-table th,.compare-table td{padding:.6em 1rem;text-align:left;vertical-align:top;border-bottom:1px dashed var(--rule-warm);min-width:10.5rem}.compare-table thead th{border-bottom:1px solid var(--ink);vertical-align:bottom}.compare-table .school-col-name{font-family:var(--font-display);font-weight:500;font-size:var(--fs-md);line-height:1.2;display:block}.compare-table .school-col-where{display:block;font-family:var(--font-body);font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-top:.3em}.compare-table tbody th{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);min-width:9rem}.compare-table tbody th,.compare-table thead th:first-child{position:sticky;left:0;background:var(--paper-card);border-right:1px solid var(--rule-warm);z-index:2}.compare-table tbody th button{all:unset;cursor:pointer;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit}.compare-table tbody th button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.compare-table tr.hl td,.compare-table tr.hl th{background:var(--highlight-soft)}.compare-table td .num{font-size:.95em}.compare-table .na{color:var(--ink-soft);font-style:italic;font-size:var(--fs-xs)}.sea-bar{display:flex;height:.55rem;border:1px solid var(--rule-warm);border-radius:var(--radius);overflow:hidden;margin-bottom:.35em;max-width:11rem}.sea-bar span:nth-child(1){background:color-mix(in srgb,var(--ink) 12%,var(--paper))}.sea-bar span:nth-child(2){background:color-mix(in srgb,var(--ink) 26%,var(--paper))}.sea-bar span:nth-child(3){background:color-mix(in srgb,var(--ink) 42%,var(--paper))}.sea-bar span:nth-child(4){background:color-mix(in srgb,var(--ink) 60%,var(--paper))}.compare-links{display:flex;flex-direction:column;gap:.3em}@media(min-width:78em)and (max-width:104.99em){.compare-page .pen-note-margin{float:none;width:auto;max-width:15rem;margin-right:0;margin-top:.75rem;margin-bottom:1.25rem}.compare-page .pen-note-margin .pen-arrow{transform:rotate(180deg) scaleY(-1)}}
