/* Schools magazine: a page-local editorial layer. The existing directory,
   map and comparison tools remain available in their original disclosure. */
main.schools-magazine-page {
  --sm-ink: #0c163c;
  --sm-muted: #445b7c;
  --sm-blue: #0077f5;
  --sm-line: #dce9f5;
  --sm-pale: #edf6ff;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  color: var(--sm-ink);
  background: #fff;
  font-family: Arial, "Helvetica Neue", sans-serif;
}
.schools-magazine-page [class^="sm-"] { box-sizing: border-box; }
.schools-magazine-page .sm-wrap { width: 92%; max-width: 1320px; margin-inline: auto; }
.schools-magazine-page :is(.sm-main,.sm-sidebar,.sm-content,.sm-type-grid,.sm-featured-grid,.sm-type-card,.sm-school-card,.sm-type-body,.sm-school-body,.sm-newcomer-copy,.sm-directory) { min-width: 0; }
.schools-magazine-page :is(.sm-hero,.sm-values,.sm-content,.sm-stats) a { text-decoration: none; }
.schools-magazine-page :is(.sm-content,.sm-directory) :is(a,button,input,select,summary):focus-visible { outline: 3px solid #006be0; outline-offset: 3px; }
.schools-magazine-page :is(.sm-content,.sm-stats,.sm-values) :is(h2,h3,p) { text-transform: none; }
.schools-magazine-page .sm-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.schools-magazine-page .sm-hero { position: relative; isolation: isolate; min-height: clamp(255px,24.9vw,358px); margin: 0; overflow: hidden; background: #143747; }
.schools-magazine-page .sm-hero-image { position: absolute; inset: 0; z-index: -2; display: block; }
.schools-magazine-page .sm-hero-image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 55%; }
.schools-magazine-page .sm-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,rgba(0,20,36,.91),rgba(0,20,36,.74) 29%,rgba(0,20,36,.3) 52%,rgba(0,20,36,.03) 78%),linear-gradient(0deg,rgba(0,19,28,.2),transparent 65%); }
.schools-magazine-page .sm-hero-inner { position: relative; padding-block: clamp(25px,2.5vw,36px) 17px; color: #fff; }
.schools-magazine-page .sm-eyebrow { margin: 0 0 8px; color: #fff; font: 400 10px/1.4 Arial,sans-serif; letter-spacing: .25em; text-transform: uppercase; }
.schools-magazine-page .sm-hero h1 { max-width: 690px; margin: 0 0 9px; color: #fff; font: 700 clamp(47px,4.75vw,69px)/.99 Georgia,"Times New Roman",serif; letter-spacing: -.035em; text-transform: none; }
.schools-magazine-page .sm-hero h1 span { display: block; color: #43bff3; }
.schools-magazine-page .sm-tagline { width: 54%; max-width: 680px; margin: 0 0 8px; color: #fff; font: 700 clamp(15px,1.55vw,21px)/1.4 Arial,sans-serif; }
.schools-magazine-page .sm-intro { width: 43%; max-width: 590px; margin: 0; color: #fff; font: 400 clamp(13px,1.36vw,18px)/1.4 Arial,sans-serif; }
.schools-magazine-page :is(.sm-values,.sm-stats) { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; margin-block: 0; padding-block: 20px 21px; }
.schools-magazine-page :is(.sm-values,.sm-stats) > div { display: flex; align-items: center; gap: clamp(13px,1.4vw,20px); min-width: 0; padding-inline: clamp(16px,2.3vw,34px); border-left: 1px solid var(--sm-line); }
.schools-magazine-page :is(.sm-values,.sm-stats) > div:first-child { padding-left: 0; border-left: 0; }
.schools-magazine-page :is(.sm-values,.sm-stats) > div:last-child { padding-right: 0; }
.schools-magazine-page :is(.sm-values,.sm-stats) > div > svg { display: block; flex: 0 0 clamp(34px,3.65vw,50px); width: clamp(34px,3.65vw,50px); height: clamp(34px,3.65vw,50px); color: var(--sm-blue); stroke-width: 1.75; }
.schools-magazine-page :is(.sm-values,.sm-stats) h3 { margin: 0 0 4px; color: var(--sm-ink); font: 700 clamp(11px,1.08vw,15px)/1.35 Arial,sans-serif; letter-spacing: -.025em; }
.schools-magazine-page :is(.sm-values,.sm-stats) p { margin: 0; color: var(--sm-muted); font: 400 clamp(10px,1.04vw,14px)/1.45 Arial,sans-serif; }
.schools-magazine-page .sm-content { display: grid; grid-template-columns: minmax(0,2.8fr) minmax(0,1fr); align-items: start; gap: clamp(17px,1.8vw,26px); padding-top: 1px; padding-bottom: 11px; }
.schools-magazine-page .sm-content h2 { margin: 0; color: var(--sm-ink); font: 700 clamp(21px,2.08vw,30px)/1.2 Arial,sans-serif; letter-spacing: -.045em; }
.schools-magazine-page .sm-section-head { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 4px 12px; margin: 0 0 10px; }
.schools-magazine-page .sm-section-head > div { min-width: 0; }
.schools-magazine-page .sm-section-head > p { flex-basis: 100%; }
.schools-magazine-page :is(.sm-section-head p,.sm-section-intro) { margin: 4px 0 0; color: var(--sm-muted); font: 400 clamp(12px,1.12vw,15px)/1.5 Arial,sans-serif; }
.schools-magazine-page .sm-section-head > a { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 5px; margin-left: auto; padding-top: 5px; color: #006be0; font: 400 clamp(10px,.96vw,13px)/1.4 Arial,sans-serif; }
.schools-magazine-page .sm-section-head > a:hover { text-decoration: underline; text-underline-offset: 3px; }
.schools-magazine-page .sm-section-head > a svg { flex: 0 0 14px; width: 14px; height: 14px; margin: 0; }
.schools-magazine-page .sm-search-form { min-width: 0; margin: 0 0 22px; padding: 0; }
.schools-magazine-page .sm-search { position: relative; display: flex; align-items: stretch; min-width: 0; min-height: 40px; margin: 0 0 9px; padding: 0; border: 1px solid #d0e2f5; border-radius: 5px; background: #fff; box-shadow: 0 1px 3px rgba(12,56,104,.07); }
.schools-magazine-page .sm-search > svg { position: absolute; top: 50%; left: 14px; width: 16px; height: 16px; color: #506388; transform: translateY(-50%); pointer-events: none; }
.schools-magazine-page .sm-search input { display: block; flex: 1 1 auto; min-width: 0; width: 100%; min-height: 39px; margin: 0; padding: 11px 14px 11px 42px; border: 0; border-radius: 4px 0 0 4px; color: var(--sm-ink); background: transparent; font: 400 clamp(11px,1.04vw,14px)/1.4 Arial,sans-serif; }
.schools-magazine-page .sm-search input::placeholder { color: #506388; opacity: 1; }
.schools-magazine-page .sm-search button { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; min-width: 88px; min-height: 38px; margin: 1px; padding: 10px 21px; border: 1px solid var(--sm-blue); border-radius: 4px; color: #fff; background: var(--sm-blue); font: 700 clamp(11px,1.03vw,14px)/1.4 Arial,sans-serif; cursor: pointer; }
.schools-magazine-page .sm-search button:hover { border-color: #0064d1; background: #0064d1; }
.schools-magazine-page .sm-search :is(input,button):focus-visible { position: relative; z-index: 1; outline-offset: 1px; }
.schools-magazine-page .sm-filters { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); align-items: end; gap: 10px; min-width: 0; margin: 0 0 24px; }
.schools-magazine-page .sm-filters label { display: block; min-width: 0; color: var(--sm-muted); font: 400 11px/1.4 Arial,sans-serif; }
.schools-magazine-page .sm-filters label > span:not(.sm-sr-only) { display: block; margin-bottom: 4px; }
.schools-magazine-page .sm-filters select { display: block; width: 100%; min-width: 0; min-height: 34px; margin: 0; padding: 8px 11px; border: 1px solid var(--sm-line); border-radius: 4px; color: var(--sm-ink); background: #fbfdff; font: 400 clamp(10px,.95vw,13px)/1.35 Arial,sans-serif; appearance: auto; text-overflow: ellipsis; cursor: pointer; }
.schools-magazine-page .sm-search-form .sm-filters { margin-bottom: 8px; }
.schools-magazine-page .sm-search-status { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 5px 12px; min-height: 16px; margin: 0; color: var(--sm-muted); font: 400 10px/1.45 Arial,sans-serif; }
.schools-magazine-page .sm-search-status > button { min-height: 25px; margin: 0; padding: 3px 8px; border: 1px solid var(--sm-line); border-radius: 3px; color: #006be0; background: #f3f8ff; font: 400 10px/1.4 Arial,sans-serif; cursor: pointer; }
.schools-magazine-page .sm-search-status > button:hover { color: #fff; border-color: #006be0; background: #006be0; }
.schools-magazine-page .sm-search-status > button[hidden] { display: none; }
.schools-magazine-page :is(.sm-filter-note,.sm-search-note,.sm-results-note,.sm-content-note,.sm-image-note) { margin: -12px 0 18px; color: var(--sm-muted); font: 400 11px/1.5 Arial,sans-serif; }
.schools-magazine-page .sm-results-note { margin: 0 0 12px; padding: 9px 11px; border: 1px solid var(--sm-line); border-radius: 4px; background: #f2f8ff; }
.schools-magazine-page .sm-types { margin: 0 0 20px; padding: 0; }
.schools-magazine-page .sm-type-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.schools-magazine-page .sm-type-card { display: flex; flex-direction: column; margin: 0; padding: 0; border: 1px solid var(--sm-line); border-radius: 4px; color: var(--sm-ink); background: #fff; overflow: hidden; }
.schools-magazine-page .sm-type-image { position: relative; display: block; width: 100%; height: clamp(86px,8.65vw,124px); overflow: hidden; }
.schools-magazine-page .sm-type-image > :is(img,picture),.schools-magazine-page .sm-type-image picture > img { display: block; width: 100%; height: 100%; margin: 0; object-fit: cover; object-position: center; transition: transform .25s ease; }
.schools-magazine-page .sm-illustration-label { position: absolute; right: 5px; bottom: 5px; z-index: 1; max-width: calc(100% - 10px); padding: 2px 5px; border: 1px solid rgba(255,255,255,.45); border-radius: 3px; color: #fff; background: rgba(0,25,43,.82); font: 400 8px/1.3 Arial,sans-serif; }
.schools-magazine-page .sm-type-body { display: flex; flex: 1; align-items: flex-start; gap: 10px; padding: 13px 11px 12px; background: linear-gradient(135deg,#fff,#fbfdff); }
.schools-magazine-page .sm-type-body > svg { display: block; flex: 0 0 clamp(23px,2.45vw,35px); width: clamp(23px,2.45vw,35px); height: clamp(23px,2.45vw,35px); color: var(--sm-blue); stroke-width: 1.8; }
.schools-magazine-page .sm-type-body > div { display: flex; flex: 1; flex-direction: column; align-items: flex-start; min-width: 0; height: 100%; }
.schools-magazine-page .sm-type-card h3 { margin: 0 0 6px; color: var(--sm-ink); font: 700 clamp(10px,.98vw,14px)/1.35 Arial,sans-serif; letter-spacing: -.025em; }
.schools-magazine-page .sm-type-card p { flex: 1; margin: 0 0 11px; color: var(--sm-muted); font: 400 clamp(10px,1vw,13px)/1.45 Arial,sans-serif; }
.schools-magazine-page .sm-text-link { display: inline-flex; align-items: center; gap: 5px; color: #006be0; font: 400 clamp(10px,.93vw,13px)/1.4 Arial,sans-serif; text-decoration: none; }
.schools-magazine-page .sm-text-link svg { display: block; flex: 0 0 12px; width: 12px; height: 12px; }
.schools-magazine-page .sm-type-card:hover { border-color: #8dc4ff; }
.schools-magazine-page .sm-type-card:hover h3 { color: #0067d8; }
.schools-magazine-page .sm-type-card:hover .sm-type-image img { transform: scale(1.035); }
.schools-magazine-page .sm-type-card:focus-visible { outline-offset: 2px; }
.schools-magazine-page .sm-featured { margin: 0 0 16px; padding: 0; }
.schools-magazine-page .sm-featured-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.schools-magazine-page .sm-school-card { display: flex; flex-direction: column; margin: 0; padding: 0; border: 1px solid var(--sm-line); border-radius: 4px; color: var(--sm-ink); background: #fff; overflow: hidden; }
.schools-magazine-page .sm-school-image { position: relative; display: block; width: 100%; height: clamp(82px,8.35vw,120px); overflow: hidden; }
.schools-magazine-page .sm-school-image > :is(img,picture),.schools-magazine-page .sm-school-image picture > img { display: block; width: 100%; height: 100%; margin: 0; object-fit: cover; object-position: center; transition: transform .25s ease; }
.schools-magazine-page .sm-school-body { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 11px 11px 12px; background: linear-gradient(135deg,#fff,#fbfdff); }
.schools-magazine-page .sm-school-name { display: flex; align-items: flex-start; gap: 8px; width: 100%; min-height: clamp(41px,4.1vw,59px); color: var(--sm-ink); }
.schools-magazine-page .sm-monogram { display: grid; place-items: center; flex: 0 0 clamp(27px,2.8vw,40px); width: clamp(27px,2.8vw,40px); min-height: clamp(29px,3.1vw,44px); padding: 4px 2px; border: 1px solid #bad5ed; border-radius: 3px; color: #144e76; background: #eaf5fd; font: 700 clamp(8px,.81vw,11px)/1.3 Georgia,"Times New Roman",serif; letter-spacing: -.04em; text-align: center; overflow-wrap: anywhere; }
.schools-magazine-page .sm-school-name h3 { min-width: 0; margin: 0 0 6px; color: inherit; font: 700 clamp(10px,.99vw,14px)/1.33 Arial,sans-serif; letter-spacing: -.025em; }
.schools-magazine-page .sm-school-facts { display: grid; gap: 7px; width: 100%; margin: 9px 0 12px; padding: 0; list-style: none; }
.schools-magazine-page .sm-school-facts li { display: flex; align-items: flex-start; gap: 7px; margin: 0; padding: 0; color: var(--sm-muted); font: 400 clamp(9px,.89vw,12px)/1.4 Arial,sans-serif; list-style: none; }
.schools-magazine-page .sm-school-facts li > svg { display: block; flex: 0 0 12px; width: 12px; height: 12px; margin-top: 1px; color: #405984; stroke-width: 1.6; }
.schools-magazine-page .sm-school-body > .sm-text-link { margin-top: auto; }
.schools-magazine-page .sm-school-name:hover,.schools-magazine-page .sm-school-body > .sm-text-link:hover { color: #0067d8; text-decoration: underline; text-underline-offset: 3px; }
.schools-magazine-page .sm-school-image:hover img { transform: scale(1.035); }
.schools-magazine-page .sm-school-image:focus-visible { outline-offset: -3px; }
.schools-magazine-page .sm-sidebar { display: grid; grid-template-columns: minmax(0,1fr); gap: 11px; }
.schools-magazine-page :is(.sm-map-panel,.sm-guides,.sm-quicklinks) { position: relative; margin: 0; padding: 0; border: 1px solid #e8f1fa; border-radius: 4px; background: linear-gradient(135deg,#edf6ff,#f5faff); overflow: hidden; }
.schools-magazine-page .sm-sidebar h2 { margin: 0; padding: 11px 10px 8px; font: 700 clamp(16px,1.51vw,22px)/1.2 Arial,sans-serif; letter-spacing: -.035em; }
.schools-magazine-page .sm-map-preview { position: relative; display: block; min-width: 0; margin: 0; overflow: hidden; background: #ddecdf; }
.schools-magazine-page .sm-map-preview > :is(svg,img) { display: block; width: 100%; height: auto; min-height: 217px; object-fit: cover; }
.schools-magazine-page .sm-map-preview svg text { font-family: Arial,"Helvetica Neue",sans-serif; }
.schools-magazine-page .sm-map-caption { margin: 0; padding: 8px 10px; color: var(--sm-muted); font: 400 10px/1.45 Arial,sans-serif; }
.schools-magazine-page .sm-map-note { margin: 0; padding: 9px 10px 10px; border-top: 1px solid var(--sm-line); color: var(--sm-muted); background: #f3f9ff; font: 400 10px/1.5 Arial,sans-serif; }
.schools-magazine-page .sm-map-cta { position: absolute; right: 9px; bottom: 10px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 34px; padding: 8px 13px; border: 1px solid #e1effb; border-radius: 4px; color: #006be0; background: #fff; font: 700 clamp(10px,1vw,13px)/1.4 Arial,sans-serif; }
.schools-magazine-page .sm-map-cta svg { display: block; width: 14px; height: 14px; }
.schools-magazine-page .sm-map-cta:hover { background: #eaf5ff; }
.schools-magazine-page .sm-guides ol { display: grid; gap: 8px; margin: 0; padding: 2px 10px 10px; list-style: none; }
.schools-magazine-page .sm-guides li { min-width: 0; margin: 0; padding: 0; list-style: none; }
.schools-magazine-page .sm-guides li a { display: grid; grid-template-columns: clamp(39px,4.05vw,58px) minmax(0,1fr); align-items: center; gap: 9px; min-width: 0; color: var(--sm-ink); font: 400 clamp(11px,1.04vw,14px)/1.45 Arial,sans-serif; }
.schools-magazine-page .sm-guides li img { display: block; width: 100%; height: clamp(37px,3.85vw,55px); border-radius: 3px; object-fit: cover; }
.schools-magazine-page .sm-guides li a:hover { color: #0067d8; text-decoration: underline; text-underline-offset: 3px; }
.schools-magazine-page .sm-outline-button { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 35px; margin: 0 10px 10px; padding: 8px 10px; border: 1px solid #87b8fc; border-radius: 4px; color: #006be0; background: #fff; font: 700 clamp(10px,1vw,13px)/1.4 Arial,sans-serif; text-align: center; }
.schools-magazine-page .sm-outline-button svg { width: 14px; height: 14px; }
.schools-magazine-page .sm-outline-button:hover { color: #fff; border-color: #006be0; background: #006be0; }
.schools-magazine-page .sm-quicklinks ul { display: grid; gap: 0; margin: 0 9px 9px; padding: 0; border-radius: 3px; background: rgba(255,255,255,.67); list-style: none; }
.schools-magazine-page .sm-quicklinks li { min-width: 0; margin: 0; padding: 0; list-style: none; }
.schools-magazine-page .sm-quicklinks a { display: flex; align-items: center; gap: 11px; min-width: 0; min-height: 27px; padding: 5px 6px; color: var(--sm-muted); font: 400 clamp(10px,1.02vw,14px)/1.4 Arial,sans-serif; }
.schools-magazine-page .sm-quicklinks a > svg:first-child { display: block; flex: 0 0 18px; width: 18px; height: 18px; color: var(--sm-blue); stroke-width: 1.85; }
.schools-magazine-page .sm-quicklinks a > span:first-of-type { flex: 1; min-width: 0; }
.schools-magazine-page .sm-quicklinks a > :is(svg:last-child,span:last-child:not(:first-of-type)) { margin-left: auto; }
.schools-magazine-page .sm-quicklinks a > svg:last-child:not(:first-child) { flex: 0 0 11px; width: 11px; height: 11px; color: #456088; }
.schools-magazine-page .sm-quicklinks a:hover { color: #0067d8; background: #e8f3ff; }
.schools-magazine-page .sm-newcomer { position: relative; isolation: isolate; display: flex; align-items: center; gap: clamp(18px,2.05vw,29px); min-height: clamp(145px,14.2vw,205px); margin: 0; padding: 21px 20px; border-radius: 5px; background: #eaf6ff; overflow: hidden; }
.schools-magazine-page .sm-newcomer > :is(img,picture) { position: absolute; inset: 0 0 0 auto; z-index: -2; display: block; width: 49%; height: 100%; object-fit: cover; object-position: center; }
.schools-magazine-page .sm-newcomer > picture > img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.schools-magazine-page .sm-newcomer::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,#eaf6ff 15%,rgba(234,246,255,.97) 46%,rgba(234,246,255,.76) 62%,rgba(234,246,255,0) 79%); }
.schools-magazine-page .sm-newcomer > svg { display: block; flex: 0 0 clamp(51px,5.7vw,80px); width: clamp(51px,5.7vw,80px); height: clamp(51px,5.7vw,80px); margin-top: -23px; color: var(--sm-blue); stroke-width: 1.55; }
.schools-magazine-page .sm-newcomer-copy { position: relative; width: 56%; }
.schools-magazine-page .sm-newcomer h2 { margin: 0 0 7px; font-size: clamp(19px,1.93vw,27px); line-height: 1.2; }
.schools-magazine-page .sm-newcomer-copy > p { margin: 0 0 13px; color: var(--sm-muted); font: 400 clamp(11px,1.06vw,14px)/1.5 Arial,sans-serif; }
.schools-magazine-page .sm-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 36px; padding: 9px 19px; border: 1px solid var(--sm-blue); border-radius: 4px; color: #fff; background: var(--sm-blue); font: 700 clamp(10px,1.01vw,14px)/1.4 Arial,sans-serif; text-align: center; text-decoration: none; cursor: pointer; }
.schools-magazine-page .sm-button svg { display: block; flex: 0 0 auto; width: 15px; height: 15px; }
.schools-magazine-page .sm-button:hover { color: #fff; border-color: #0064d1; background: #0064d1; }
.schools-magazine-page .sm-newcomer-signature { position: absolute; top: 19px; right: 9px; width: 126px; margin: 0; color: #112443; font: italic clamp(13px,1.3vw,19px)/1.2 "Segoe Print","Brush Script MT",cursive; text-align: center; text-shadow: 0 1px 5px rgba(255,255,255,.7); transform: rotate(-10deg); }
.schools-magazine-page .sm-stats { margin-block: 3px 12px; padding-block: 22px; }
.schools-magazine-page .sm-stats > div:last-child > svg { color: #ff4167; }
.schools-magazine-page .sm-stats h3 { font-size: clamp(12px,1.2vw,17px); }
.schools-magazine-page .sm-stats > div:nth-child(-n+2) h3 { font-size: clamp(18px,1.8vw,26px); }
.schools-magazine-page .sm-stats h3 strong { font-size: clamp(18px,1.8vw,26px); }
.schools-magazine-page .sm-directory { margin-top: 0; margin-bottom: 25px; border: 1px solid var(--sm-line); border-radius: 5px; background: #fff; }
.schools-magazine-page .sm-directory > summary { padding: 16px 19px; color: var(--sm-ink); font: 700 18px/1.35 Arial,sans-serif; letter-spacing: -.02em; cursor: pointer; }
.schools-magazine-page .sm-directory > summary:hover { background: #f3f8fe; }
.schools-magazine-page .sm-directory > summary > span { display: block; margin: 6px 0 0 18px; color: var(--sm-muted); font: 400 12px/1.5 Arial,sans-serif; letter-spacing: 0; }
.schools-magazine-page .sm-directory[open] > summary { border-bottom: 1px solid var(--sm-line); }
.schools-magazine-page .sm-directory > :is(.priority-trust,.sm-directory-meta) { width: auto; max-width: none; margin-inline: 20px; }
.schools-magazine-page .sm-directory-meta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px 22px; padding-block: 17px; }
.schools-magazine-page .sm-directory-meta :is(p,.crumb) { margin: 0; color: var(--sm-muted); font: 400 11px/1.5 Arial,sans-serif; }
.schools-magazine-page .sm-directory .schools-db { padding-inline: 20px; }
.schools-magazine-page .sm-directory .schools-db__inner { width: 100%; max-width: none; margin-inline: auto; }
.schools-magazine-page .sm-directory .article { padding-inline: 20px; }
.schools-magazine-page .sm-directory .article-inner { width: 100%; max-width: none; }
.schools-magazine-page .sm-directory .article-aside { position: static; }
.schools-magazine-page .sm-directory .intent-table-wrap { max-width: 100%; overflow-x: auto; }
.schools-magazine-page .sm-directory .page-hero { min-height: 0; padding: 25px 20px; background: #f3f8fe; }
.schools-magazine-page .sm-directory .page-hero .home-section-heading { display: block; padding: 0; }
.schools-magazine-page .sm-directory .page-hero .home-section-heading > .label { margin: 0 0 8px; font-size: 10px; }
.schools-magazine-page .sm-directory .page-hero .home-section-heading h2 { margin: 0 0 12px; color: var(--sm-ink); font: 700 clamp(26px,2.5vw,34px)/1.2 Georgia,"Times New Roman",serif; letter-spacing: -.025em; text-transform: none; overflow-wrap: normal; }
.schools-magazine-page .sm-directory .page-hero .home-section-heading h2 em { font: inherit; }
.schools-magazine-page .sm-directory .page-hero .home-section-heading > p:last-child { max-width: 970px; margin: 0; color: var(--sm-muted); font: 400 14px/1.65 Arial,sans-serif; }
.schools-magazine-page .sm-image-credits { margin: 0 20px; padding: 22px 0; border-top: 1px solid var(--sm-line); }
.schools-magazine-page .sm-image-credits h2 { margin: 0 0 10px; color: var(--sm-ink); font: 700 21px/1.3 Arial,sans-serif; letter-spacing: -.025em; text-transform: none; }
.schools-magazine-page .sm-image-credits :is(p,li) { max-width: 1050px; margin: 0; color: var(--sm-muted); font: 400 12px/1.65 Arial,sans-serif; }
.schools-magazine-page .sm-image-credits :is(ul,ol) { display: grid; gap: 6px; margin: 12px 0 0; padding-left: 19px; }
.schools-magazine-page .sm-image-credits a { color: #0067d8; text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 1150px) {
  .schools-magazine-page :is(.sm-values,.sm-stats) { padding-block: 15px; }
  .schools-magazine-page :is(.sm-values,.sm-stats) > div { gap: 13px; padding-inline: 23px; }
  .schools-magazine-page .sm-content { grid-template-columns: minmax(0,2.8fr) minmax(0,1fr); gap: 17px; }
  .schools-magazine-page .sm-type-body { gap: 8px; padding: 11px 10px; }
  .schools-magazine-page .sm-type-card h3 { font-size: 11px; }
  .schools-magazine-page .sm-type-card p { font-size: 11px; }
  .schools-magazine-page .sm-school-body { padding-inline: 10px; }
  .schools-magazine-page .sm-school-name { gap: 7px; }
  .schools-magazine-page .sm-school-name h3 { font-size: 11px; }
  .schools-magazine-page .sm-school-facts { gap: 6px; }
  .schools-magazine-page .sm-school-facts li { font-size: 10px; }
  .schools-magazine-page .sm-guides ol { gap: 7px; }
  .schools-magazine-page .sm-guides li a { gap: 7px; }
  .schools-magazine-page .sm-quicklinks a { gap: 8px; }
  .schools-magazine-page .sm-newcomer { padding-inline: 20px; gap: 20px; }
}
@media (max-width: 850px) {
  .schools-magazine-page .sm-hero { min-height: 287px; }
  .schools-magazine-page .sm-hero-inner { padding-block: 30px; }
  .schools-magazine-page .sm-hero h1 { font-size: 54px; }
  .schools-magazine-page .sm-tagline { width: 68%; font-size: 16px; }
  .schools-magazine-page .sm-intro { width: 61%; font-size: 14px; }
  .schools-magazine-page :is(.sm-values,.sm-stats) { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 0; padding-block: 21px; }
  .schools-magazine-page :is(.sm-values,.sm-stats) > div:nth-child(3) { padding-left: 0; border-left: 0; }
  .schools-magazine-page :is(.sm-values,.sm-stats) h3 { font-size: 13px; }
  .schools-magazine-page :is(.sm-values,.sm-stats) p { font-size: 12px; }
  .schools-magazine-page .sm-content { grid-template-columns: minmax(0,1fr); gap: 25px; }
  .schools-magazine-page .sm-content h2 { font-size: 25px; }
  .schools-magazine-page .sm-section-head p { font-size: 13px; }
  .schools-magazine-page .sm-filters { margin-bottom: 24px; }
  .schools-magazine-page .sm-search { min-height: 44px; }
  .schools-magazine-page .sm-search input { min-height: 42px; font-size: 13px; }
  .schools-magazine-page .sm-search button { min-height: 41px; font-size: 13px; }
  .schools-magazine-page .sm-filters select { min-height: 39px; font-size: 11px; }
  .schools-magazine-page .sm-type-image { height: 110px; }
  .schools-magazine-page .sm-type-body { min-height: 143px; }
  .schools-magazine-page .sm-type-card h3 { font-size: 11px; }
  .schools-magazine-page .sm-type-card p { font-size: 11px; }
  .schools-magazine-page .sm-school-image { height: 110px; }
  .schools-magazine-page .sm-school-name { min-height: 58px; }
  .schools-magazine-page .sm-school-name h3 { font-size: 11px; }
  .schools-magazine-page .sm-school-facts li { font-size: 10px; }
  .schools-magazine-page .sm-text-link { font-size: 11px; }
  .schools-magazine-page .sm-sidebar { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
  .schools-magazine-page .sm-sidebar h2 { font-size: 20px; }
  .schools-magazine-page .sm-map-preview > :is(svg,img) { min-height: 240px; }
  .schools-magazine-page .sm-guides li a { grid-template-columns: 46px minmax(0,1fr); gap: 10px; font-size: 12px; }
  .schools-magazine-page .sm-guides li img { height: 43px; }
  .schools-magazine-page .sm-guides ol { gap: 11px; }
  .schools-magazine-page .sm-quicklinks { grid-column: 1/-1; }
  .schools-magazine-page .sm-quicklinks ul { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px 14px; }
  .schools-magazine-page .sm-quicklinks a { min-height: 35px; font-size: 12px; }
  .schools-magazine-page .sm-newcomer { min-height: 176px; }
  .schools-magazine-page .sm-newcomer h2 { font-size: 23px; }
  .schools-magazine-page .sm-newcomer-copy > p { font-size: 13px; }
  .schools-magazine-page .sm-newcomer-signature { width: 127px; font-size: 19px; }
  .schools-magazine-page .sm-button { min-height: 40px; font-size: 12px; }
  .schools-magazine-page .sm-map-cta,.schools-magazine-page .sm-outline-button { min-height: 38px; font-size: 12px; }
  .schools-magazine-page .sm-stats { margin-block: 1px 15px; }
}
@media (max-width: 600px) {
  .schools-magazine-page .sm-wrap { width: calc(100% - 32px); }
  .schools-magazine-page .sm-hero { min-height: 350px; }
  .schools-magazine-page .sm-hero-image img { object-position: 63% center; }
  .schools-magazine-page .sm-hero::before { background: linear-gradient(90deg,rgba(0,20,36,.89),rgba(0,20,36,.69) 52%,rgba(0,20,36,.4)),linear-gradient(0deg,rgba(0,19,28,.3),transparent 65%); }
  .schools-magazine-page .sm-hero-inner { padding-block: 33px; }
  .schools-magazine-page .sm-eyebrow { margin-bottom: 11px; font-size: 9px; letter-spacing: .23em; }
  .schools-magazine-page .sm-hero h1 { margin-bottom: 14px; font-size: clamp(48px,12vw,62px); line-height: 1; }
  .schools-magazine-page .sm-tagline { width: 100%; margin-bottom: 9px; font-size: 16px; }
  .schools-magazine-page .sm-intro { width: 100%; max-width: 430px; font-size: 14px; line-height: 1.55; }
  .schools-magazine-page :is(.sm-values,.sm-stats) { gap: 19px 13px; padding-block: 23px; }
  .schools-magazine-page :is(.sm-values,.sm-stats) > div { align-items: flex-start; gap: 9px; padding: 0; border: 0; }
  .schools-magazine-page :is(.sm-values,.sm-stats) > div > svg { flex-basis: 31px; width: 31px; height: 31px; }
  .schools-magazine-page :is(.sm-values,.sm-stats) h3 { margin-bottom: 4px; font-size: 12px; line-height: 1.4; }
  .schools-magazine-page :is(.sm-values,.sm-stats) p { font-size: 11px; line-height: 1.5; }
  .schools-magazine-page .sm-content { gap: 23px; }
  .schools-magazine-page .sm-content h2 { font-size: 25px; line-height: 1.15; }
  .schools-magazine-page .sm-section-head { align-items: flex-start; gap: 7px 12px; margin-bottom: 13px; }
  .schools-magazine-page .sm-section-head > a { margin-left: 0; padding-top: 0; font-size: 12px; }
  .schools-magazine-page .sm-section-head p { margin-top: 5px; font-size: 13px; }
  .schools-magazine-page .sm-search { min-height: 46px; margin-bottom: 10px; }
  .schools-magazine-page .sm-search > svg { left: 11px; width: 15px; height: 15px; }
  .schools-magazine-page .sm-search input { min-height: 44px; padding: 11px 8px 11px 33px; font-size: 12px; }
  .schools-magazine-page .sm-search button { min-width: 74px; min-height: 43px; padding-inline: 12px; font-size: 12px; }
  .schools-magazine-page .sm-filters { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-bottom: 25px; }
  .schools-magazine-page .sm-filters select { min-height: 42px; font-size: 12px; }
  .schools-magazine-page .sm-search-status { gap: 8px 12px; font-size: 11px; }
  .schools-magazine-page .sm-search-status > button { min-height: 36px; padding-inline: 11px; font-size: 11px; }
  .schools-magazine-page .sm-types { margin-bottom: 25px; }
  .schools-magazine-page .sm-type-grid,.schools-magazine-page .sm-featured-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 10px; }
  .schools-magazine-page .sm-type-image { height: clamp(93px,26vw,147px); }
  .schools-magazine-page .sm-type-body { display: block; min-height: 178px; padding: 12px 10px; }
  .schools-magazine-page .sm-type-body > svg { width: 27px; height: 27px; margin-bottom: 9px; }
  .schools-magazine-page .sm-type-body > div { height: calc(100% - 36px); }
  .schools-magazine-page .sm-type-card h3 { margin-bottom: 7px; font-size: 13px; line-height: 1.35; }
  .schools-magazine-page .sm-type-card p { margin-bottom: 13px; font-size: 12px; line-height: 1.5; }
  .schools-magazine-page .sm-text-link { min-height: 24px; font-size: 12px; }
  .schools-magazine-page .sm-featured { margin-bottom: 20px; }
  .schools-magazine-page .sm-school-image { height: clamp(93px,26vw,147px); }
  .schools-magazine-page .sm-school-body { padding: 12px 10px; }
  .schools-magazine-page .sm-school-name { display: block; min-height: 112px; }
  .schools-magazine-page .sm-monogram { width: 33px; min-height: 33px; margin-bottom: 9px; font-size: 10px; }
  .schools-magazine-page .sm-school-name h3 { margin-bottom: 6px; font-size: 13px; line-height: 1.35; }
  .schools-magazine-page .sm-school-facts { gap: 9px; margin-top: 9px; margin-bottom: 13px; }
  .schools-magazine-page .sm-school-facts li { gap: 7px; font-size: 11px; line-height: 1.5; }
  .schools-magazine-page .sm-school-facts li > svg { flex-basis: 13px; width: 13px; height: 13px; }
  .schools-magazine-page .sm-sidebar { grid-template-columns: minmax(0,1fr); gap: 17px; }
  .schools-magazine-page .sm-sidebar h2 { padding: 14px 14px 11px; font-size: 22px; }
  .schools-magazine-page .sm-map-preview > :is(svg,img) { min-height: 0; max-height: 360px; }
  .schools-magazine-page .sm-map-cta { right: 14px; bottom: 14px; min-height: 43px; padding-inline: 17px; font-size: 13px; }
  .schools-magazine-page .sm-map-note { padding: 11px 14px; font-size: 11px; }
  .schools-magazine-page .sm-guides ol { gap: 14px; padding: 3px 14px 16px; }
  .schools-magazine-page .sm-guides li a { grid-template-columns: 59px minmax(0,1fr); gap: 12px; font-size: 14px; line-height: 1.5; }
  .schools-magazine-page .sm-guides li img { height: 49px; }
  .schools-magazine-page .sm-outline-button { min-height: 43px; margin: 0 14px 14px; font-size: 13px; }
  .schools-magazine-page .sm-quicklinks { grid-column: auto; }
  .schools-magazine-page .sm-quicklinks ul { grid-template-columns: minmax(0,1fr); gap: 2px; margin-inline: 12px; margin-bottom: 12px; }
  .schools-magazine-page .sm-quicklinks a { gap: 12px; min-height: 41px; padding: 8px; font-size: 13px; }
  .schools-magazine-page .sm-quicklinks a > svg:first-child { flex-basis: 20px; width: 20px; height: 20px; }
  .schools-magazine-page .sm-newcomer { display: block; min-height: 0; padding: 25px 20px 133px; }
  .schools-magazine-page .sm-newcomer > :is(img,picture) { inset: auto 0 0; width: 100%; height: 163px; object-position: center 55%; }
  .schools-magazine-page .sm-newcomer > picture > img { object-position: center 55%; }
  .schools-magazine-page .sm-newcomer::before { background: linear-gradient(180deg,#eaf6ff 0%,#eaf6ff 51%,rgba(234,246,255,.6) 68%,rgba(234,246,255,.05) 87%); }
  .schools-magazine-page .sm-newcomer > svg { width: 44px; height: 44px; margin: 0 0 13px; }
  .schools-magazine-page .sm-newcomer-copy { width: 100%; }
  .schools-magazine-page .sm-newcomer h2 { margin-bottom: 9px; font-size: 24px; }
  .schools-magazine-page .sm-newcomer-copy > p { margin-bottom: 17px; font-size: 13px; line-height: 1.55; }
  .schools-magazine-page .sm-newcomer-signature { top: auto; right: 11px; bottom: 24px; width: 140px; font-size: 21px; }
  .schools-magazine-page .sm-button { min-height: 43px; font-size: 13px; }
  .schools-magazine-page .sm-stats { margin-block: 2px 0; }
  .schools-magazine-page .sm-directory { margin-bottom: 22px; }
  .schools-magazine-page .sm-directory > summary { padding: 15px; font-size: 17px; }
  .schools-magazine-page .sm-directory > summary > span { margin-left: 0; }
  .schools-magazine-page .sm-directory > :is(.priority-trust,.sm-directory-meta),.schools-magazine-page .sm-image-credits { margin-inline: 14px; }
  .schools-magazine-page .sm-directory :is(.schools-db,.article) { padding-inline: 14px; }
  .schools-magazine-page .sm-directory .page-hero { padding: 22px 14px; }
}
@media (max-width: 360px) {
  .schools-magazine-page .sm-wrap { width: calc(100% - 26px); }
  .schools-magazine-page .sm-hero h1 { font-size: 47px; }
  .schools-magazine-page .sm-type-body,.schools-magazine-page .sm-school-body { padding-inline: 9px; }
  .schools-magazine-page .sm-type-card h3,.schools-magazine-page .sm-school-name h3 { font-size: 12px; }
  .schools-magazine-page .sm-type-card p { font-size: 11.5px; }
  .schools-magazine-page .sm-school-facts li { font-size: 10.5px; }
  .schools-magazine-page .sm-school-name { min-height: 111px; }
  .schools-magazine-page .sm-newcomer { padding-inline: 17px; }
}
@media (prefers-reduced-motion: reduce) {
  .schools-magazine-page :is(.sm-type-image,.sm-school-image) img { transition: none; }
  .schools-magazine-page .sm-type-card:hover .sm-type-image img,.schools-magazine-page .sm-school-image:hover img { transform: none; }
}
@media (forced-colors: active) {
  .schools-magazine-page :is(.sm-type-card,.sm-school-card,.sm-map-panel,.sm-guides,.sm-quicklinks,.sm-newcomer,.sm-directory,.sm-button,.sm-outline-button,.sm-search,.sm-monogram) { border: 1px solid CanvasText; }
  .schools-magazine-page :is(.sm-hero,.sm-newcomer) { color: CanvasText; background: Canvas; }
  .schools-magazine-page :is(.sm-hero,.sm-newcomer) :is(h1,h2,p,span) { color: CanvasText; }
  .schools-magazine-page :is(.sm-hero,.sm-newcomer)::before { background: Canvas; }
}
@media print {
  .schools-magazine-page .sm-wrap { width: 100%; }
  .schools-magazine-page .sm-hero { min-height: 0; color: #000; background: #fff; }
  .schools-magazine-page :is(.sm-hero-image,.sm-hero::before,.sm-sidebar,.sm-search,.sm-filters,.sm-newcomer > picture,.sm-newcomer > img,.sm-newcomer::before,.sm-newcomer-signature) { display: none; }
  .schools-magazine-page .sm-hero-inner { padding-block: 15px; }
  .schools-magazine-page .sm-hero :is(h1,h1 span,p) { width: 100%; color: #000; }
  .schools-magazine-page .sm-hero h1 { font-size: 36px; }
  .schools-magazine-page .sm-content { grid-template-columns: minmax(0,1fr); }
  .schools-magazine-page :is(.sm-type-grid,.sm-featured-grid) { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .schools-magazine-page :is(.sm-type-card,.sm-school-card) { break-inside: avoid; }
  .schools-magazine-page .sm-newcomer { min-height: 0; padding: 15px; background: #fff; }
  .schools-magazine-page .sm-newcomer-copy { width: 100%; }
  .schools-magazine-page :is(.sm-values,.sm-stats) { grid-template-columns: repeat(4,minmax(0,1fr)); }
}