/* Lessonli — selected search-first marketplace direction. */
:root{--green:#0756ed;--ink:#101828;--line:#e0e6ef;--muted:#62718a;--color-primary:#0756ed}
body{background:#fff;color:#101828;font-family:'DM Sans',Arial,sans-serif}
h1,h2,h3,h4,.brand,.modal-title{font-family:'DM Sans',Arial,sans-serif!important;letter-spacing:-.5px}
.site-header{max-width:1360px;margin:auto;padding:22px 36px;min-height:90px;gap:30px;border-color:#e8edf4;background:#fff;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;gap:8px;font-size:33px;color:#0756ed!important;letter-spacing:-1.5px;font-weight:800}
.live-nav{margin-left:auto;gap:30px}
.live-nav a{font-size:13px;font-weight:500;color:#15243d;letter-spacing:0;text-transform:none}
.header-right{gap:22px}
.header-right .text-button{border:0;padding:0;font-size:13px;font-weight:500;letter-spacing:0;text-transform:none}
.header-right .primary-button{padding:11px 17px;font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}
.primary-button,.card-button{background:#0756ed;border-color:#0756ed;border-radius:6px;font-weight:600;text-transform:none;letter-spacing:0}
.primary-button:hover,.card-button:hover{background:#0645c4;border-color:#0645c4}
.secondary-button{color:#0756ed;border-color:#b9cbed}
.inline-link{color:#0756ed}
.menu-toggle{display:none}
.menu-toggle[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.finder-shell{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:0;max-width:1320px;padding:0 32px;margin:0 auto;background:#fff}
.finder-intro{display:contents}
.finder-heading{grid-column:1;grid-row:1;z-index:1;padding:38px 0 23px;min-width:0}
.finder-intro h1{font-family:'DM Sans',Arial,sans-serif;font-weight:800;font-size:clamp(35px,3.6vw,54px);line-height:1.08;letter-spacing:-2px;margin:0 0 16px;color:#101828;max-width:800px}
.finder-intro p{font-size:17px;line-height:1.55;color:#536783;max-width:670px;margin:0 18px 0 0}
.finder-photo{grid-column:2;grid-row:1/3;position:relative;max-width:none;width:100%;margin:0;align-self:stretch;min-height:535px;border-radius:0 0 8px 0;overflow:hidden}
.finder-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% 37%;border-radius:0}
.finder-photo::after{display:none}
.finder-photo figcaption{position:absolute;bottom:8px;right:10px;z-index:1;padding:3px 6px;margin:0;background:#ffffffd9;border-radius:3px;font-size:7px;color:#344054}
.finder-form{grid-column:1;grid-row:2;position:relative;z-index:1;margin:0 -34px 27px 0;padding:23px 24px;background:#fff;border:1px solid #e2e8f1;border-radius:8px;box-shadow:0 8px 30px #183d6d0a;min-width:0}
.finder-form-heading{display:none}
.finder-form>.finder-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.finder-grid .form-field{min-width:0}
.finder-grid .form-field label{font-size:12px!important;line-height:1.4;color:#17243a!important;font-weight:500!important;margin-bottom:7px}
.finder-grid input,.finder-grid select{width:100%;max-width:100%;min-width:0;min-height:43px;padding:10px 12px!important;font-size:12px!important;border:1px solid #cdd8e7!important;border-radius:5px!important;color:#1a2943;background:#fff}
.finder-grid select:focus,.finder-grid input:focus{outline:2px solid #a3c0fa;outline-offset:1px;border-color:#0756ed!important}
.online-scope{margin-top:19px}
.online-scope h3{font-size:12px;font-weight:500;letter-spacing:0;margin:0 0 9px;line-height:1.5}
.online-scope-choices{gap:10px}
.scope-choice{align-items:center;padding:13px 12px;min-height:65px;border-radius:6px;border-color:#ced9e8;flex-direction:row-reverse;justify-content:space-between;gap:10px;background:#fff}
.scope-choice:has(input:checked){border-color:#0756ed;background:#edf4ff;box-shadow:inset 0 0 0 1px #0756ed}
.scope-choice input[type=radio]{inline-size:18px;block-size:18px;accent-color:#0756ed;margin:0;flex-shrink:0}
.scope-choice span{gap:3px}
.scope-choice strong{color:#14243d;font-size:12px;letter-spacing:0;line-height:1.3}
.scope-choice small{font-size:10px;line-height:1.4;color:#60728d}
.scope-choice:has(input:checked) strong,.scope-choice:has(input:checked) small{color:#0756ed}
.online-preferences{padding:0;border:0;background:transparent;margin-top:17px}
.online-preferences-heading{display:none}
.online-preferences>.finder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.finder-location{display:block;padding-top:16px;margin-top:18px;border-top:1px solid #e3e9f1}
.finder-location .location-top{display:flex;justify-content:space-between;gap:14px;align-items:center}
.finder-location>.finder-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px}
.finder-location>[data-location-status]{font-size:11px;line-height:1.5;margin:8px 0 12px;min-height:0}
.finder-location>.form-hint:last-of-type{font-size:10px;line-height:1.5;margin:8px 0 0}
.location-top strong{font-size:12px}.location-top button{font-size:11px}
.extra-search-preferences{margin-top:15px;color:#536783}
.extra-search-preferences summary{cursor:pointer;font-size:11px;font-weight:500;display:list-item;list-style-position:inside}
.extra-search-preferences summary span{font-size:10px;font-weight:400;color:#8b98ab;margin-left:7px}
.extra-search-preferences .form-field{margin:12px 0 0;max-width:280px}
.extra-search-preferences select{width:100%;font-size:12px;min-height:43px;border:1px solid #cdd8e7;border-radius:5px;background:#fff;padding:9px 12px}
.finder-form-actions{display:block;margin-top:17px;width:100%}
.finder-form-actions .finder-submit{display:flex;justify-content:center;align-items:center;gap:14px;width:100%;max-width:100%;min-height:45px;font-size:13px;border-radius:6px;line-height:1.4;padding:12px 16px;text-transform:none;letter-spacing:0}
.finder-submit>span{font-size:20px;font-weight:400;line-height:1}
.finder-form-actions .finder-footnote{font-size:9px;text-align:center;margin:9px 0 0;color:#7b8ba2;line-height:1.4}
.finder-results-mode{display:block;max-width:1100px;margin-top:25px}
.finder-results-mode .finder-intro,.finder-results-mode .finder-heading,.finder-results-mode .finder-photo{display:none}
.finder-results-mode .finder-form{margin:0;padding:25px;background:#fff;box-shadow:none}
.home-teachers{max-width:1320px;margin:27px auto 0;padding:0 32px}
.home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:16px}
.home-section-heading h2{font-size:23px;line-height:1.3;font-weight:750;letter-spacing:-.7px}
.home-section-heading>a{font-size:12px;color:#0756ed;white-space:nowrap;font-weight:500}
.home-section-heading>a span{margin-left:10px}
.home-teacher-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.home-teacher-card{border:1px solid #dfe6ef;border-radius:7px;overflow:hidden;background:#fff;min-width:0}
.home-teacher-photo{display:block;height:175px;background:#e9eef5;overflow:hidden}
.home-teacher-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 24%;transition:transform .2s}
.home-teacher-photo:hover img{transform:scale(1.025)}
.home-teacher-photo .teacher-initials{font-size:40px}
.home-teacher-details{padding:12px 13px 14px}
.home-teacher-details h3{font-size:14px;line-height:1.4;letter-spacing:-.1px;font-weight:650;margin:0 0 3px}
.home-teacher-details>p{font-size:11px;color:#75859d;margin:0 0 7px;line-height:1.5}
.home-teacher-price .teacher-hourly-price{gap:3px 4px;margin:0;line-height:1.5;align-items:baseline;flex-wrap:wrap}
.home-teacher-price .teacher-hourly-price strong,.home-teacher-price .price-currency{font-size:13px;font-weight:650;letter-spacing:0}
.home-teacher-price .teacher-hourly-price>small{font-size:9px;flex-basis:auto}
.home-teacher-price .price-unit{font-size:11px;color:#52617b}
.home-teacher-price .form-hint{font-size:9px;margin:4px 0 0}
.browse-subjects,.learning-steps,.teacher-invitation{max-width:1256px}
.browse-subjects{margin-top:48px}
.browse-subjects h2{font-size:25px;letter-spacing:-.7px}
.subject-links a{border-radius:6px;border-color:#dfe6ef}
.subject-links strong{font-size:16px}
.teacher-invitation{background:#10274e;border-radius:8px}
.teacher-card .primary-button{background:#0756ed;border-color:#0756ed;text-transform:none;font-size:12px;letter-spacing:0}
.teacher-card .tagline{font-size:14px;letter-spacing:0}
.teacher-name-row h3{font-family:'DM Sans',Arial,sans-serif;font-size:22px;letter-spacing:-.5px}
.teacher-hourly-price strong{font-family:'DM Sans',Arial,sans-serif}
@media(max-width:1000px){
 .site-header{padding:20px 24px;gap:20px}.live-nav{gap:20px}
 .finder-shell{padding:0 24px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
 .finder-intro h1{font-size:39px;letter-spacing:-1.4px}.finder-intro p{font-size:14px}
 .finder-form{padding:19px;margin-right:-25px}.finder-grid{gap:11px}
 .finder-grid .form-field label{font-size:11px!important}.finder-grid select{font-size:11px!important;padding:9px!important}
 .scope-choice{padding:11px 9px}.scope-choice small{font-size:9px}
 .home-teachers{padding:0 24px}.home-teacher-photo{height:145px}.home-section-heading h2{font-size:20px}
}
@media(max-width:700px){
 .site-header{min-height:68px;padding:17px 20px;gap:14px;align-items:center}
 .brand{font-size:28px;line-height:1.15;letter-spacing:-1.3px}
 .site-header.has-menu .live-nav,.site-header.has-menu .header-right{display:none}
 .site-header.has-menu.menu-open .live-nav,.site-header.has-menu.menu-open .header-right{display:flex}
 .site-header.has-menu .menu-toggle{display:flex;align-items:center;justify-content:center;margin-left:auto;width:38px;height:34px;border:0;background:#fff;color:#122541;padding:5px;border-radius:4px}
 .site-header .live-nav{order:3;width:100%;margin:0;border-top:1px solid #e9eef5;padding:16px 0 0;gap:18px;flex-wrap:wrap}
 .site-header .header-right{order:4;width:100%;justify-content:flex-start;padding:3px 0 5px;gap:22px}
 .finder-shell{display:flex;flex-direction:column;padding:0;margin:0;background:#fff}
 .finder-intro{display:contents;min-height:0;overflow:visible;border-radius:0;background:transparent;isolation:auto}
 .finder-photo{order:0;position:relative;display:block;grid-area:auto;width:100%;height:190px;min-height:190px;border-radius:0;margin:0;z-index:auto;align-self:auto;max-width:none}
 .finder-photo img{position:absolute;height:100%;width:100%;min-height:0;object-position:75% 27%;border-radius:0}
 .finder-photo::after{display:none}.finder-photo figcaption{font-size:6px;bottom:5px;right:7px;background:#ffffffbd}
 .finder-heading{order:1;grid-area:auto;position:static;max-width:none;align-self:auto;padding:17px 20px 15px}
 .finder-intro h1{color:#101828;font-family:'DM Sans',Arial,sans-serif;font-size:29px;line-height:1.1;letter-spacing:-1px;margin:0 0 8px;font-weight:800}
 .finder-intro p{font-size:14px;line-height:1.4;color:#637695;max-width:none;margin:0}
 .finder-form,.finder-results-mode .finder-form{order:2;grid-area:auto;position:relative;z-index:auto;margin:0;padding:0 20px 24px;border:0;border-radius:0;background:#fff;box-shadow:none;min-width:0;width:100%}
 .finder-form>.finder-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:15px}
 .finder-form>.finder-grid>.form-field:has(#format){grid-column:auto;grid-row:auto}
 .finder-grid input,.finder-grid select{font-size:16px!important;min-height:47px;padding:11px!important;border-radius:5px!important}
 .finder-grid .form-field label{font-size:12px!important;margin-bottom:6px}
 .has-mode-shortcuts .lesson-format-select{position:static;width:100%!important;height:auto;min-height:47px;padding:11px!important;overflow:visible;clip-path:none}
 .lesson-mode-buttons{display:none!important}
 .online-scope{margin-top:18px}.online-scope h3{font-size:12px;margin-bottom:9px;letter-spacing:0}
 .online-scope-choices{grid-template-columns:minmax(0,1fr);gap:9px}
 .scope-choice{min-height:62px;padding:12px 13px;gap:10px;border-radius:6px}
 .scope-choice strong{font-size:13px}.scope-choice small{font-size:11px}
 .online-preferences{margin-top:17px;padding:0;background:transparent;border:0}
 .online-preferences>.finder-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .finder-location{margin-top:19px;padding-top:16px}
 .finder-location>.finder-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .extra-search-preferences{margin-top:14px}.extra-search-preferences select{min-height:47px;font-size:16px}.extra-search-preferences .form-field{max-width:none}
 .finder-form-actions{display:block;margin-top:17px}.finder-form-actions .finder-submit{min-height:49px;padding:12px 16px;font-size:14px;border-radius:6px;gap:15px}
 .finder-form-actions .finder-footnote{font-size:9px;margin:9px 0 0;line-height:1.5}
 .finder-results-mode{padding:0 20px;margin:23px auto 0;display:block}
 .finder-results-mode .finder-form{padding:0;width:100%}
 .finder-results-mode .finder-intro,.finder-results-mode .finder-heading,.finder-results-mode .finder-photo{display:none}
 .home-teachers{padding:0 20px;margin-top:15px;border-top:1px solid #e9eef5;padding-top:22px}
 .home-section-heading{display:block;margin:0 0 15px}.home-section-heading h2{font-size:22px;line-height:1.2;letter-spacing:-.7px;margin:0 0 9px}
 .home-section-heading>a{font-size:11px;display:inline-flex;align-items:center}
 .home-teacher-grid{display:grid;grid-template-columns:repeat(4,minmax(210px,64vw));gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:9px;margin-right:-20px;padding-right:20px;scrollbar-width:thin}
 .home-teacher-card{scroll-snap-align:start}.home-teacher-photo{height:160px}.home-teacher-details{padding:12px}
 .home-teacher-details h3{font-size:14px}.home-teacher-details>p{font-size:12px}.home-teacher-price .teacher-hourly-price strong,.home-teacher-price .price-currency{font-size:13px}
 .browse-subjects,.learning-steps,.teacher-invitation{margin:32px 20px}.browse-subjects h2{font-size:23px}.subject-links{grid-template-columns:1fr 1fr;gap:9px}.subject-links a{padding:12px 10px;min-height:62px}.subject-links strong{font-size:13px}
 .teacher-card .teacher-name-row h3{font-size:21px}.teacher-results-dialog .result-heading h2{font-family:'DM Sans',Arial,sans-serif;font-weight:750}
}
@media(prefers-reduced-motion:reduce){.home-teacher-photo img{transition:none}}
.scope-choice span{flex:1;min-width:0}
.scope-choice::after{content:"";display:block;width:23px;height:23px;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237889a5' stroke-width='1.6'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='9'/%3E%3Cpath d='M3 12h18M5 6.5h14M5 17.5h14'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}
.checkout-options{margin-top:23px;padding-top:20px;border-top:1px solid #e2e8f1}
.checkout-options h3{font-size:19px;margin:0 0 8px}.checkout-options>.form-hint{font-size:12px;line-height:1.6}
.payment-choice{margin-top:12px}.payment-provider-button{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;gap:20px;padding:17px 19px;background:#fff;border:1px solid #cad7e9;border-radius:8px;color:#12243e;cursor:pointer}
.payment-provider-button:hover{background:#f3f7ff;border-color:#0756ed}.payment-provider-button:focus-visible{outline:3px solid #8eb2f7;outline-offset:2px}
.payment-provider-button>span:first-child{display:grid;gap:5px}.payment-provider-button strong{font:650 16px 'DM Sans',Arial,sans-serif}.payment-provider-button small{font-size:11px;color:#64748b}.payment-provider-button>span:last-child{font-size:23px;color:#0756ed}
.payment-setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.payment-setup-card{padding:22px;border:1px solid #dfe6ef;border-radius:8px;min-width:0}.payment-setup-card h3{margin-bottom:12px}.payment-setup-card h4{font-size:12px;margin-top:20px}.payment-setup-url{display:block;font-size:12px;overflow-wrap:anywhere;margin-top:8px;color:#415471}
@media(max-width:700px){.payment-setup-grid{grid-template-columns:1fr}.payment-provider-button{min-height:76px;padding:16px}.payment-provider-button strong{font-size:16px}}

/* Warm discovery homepage, based on the desktop and mobile reference. */
.editorial-home {
  --editorial-paper: #f5f1eb;
  --editorial-panel: #faf7f2;
  --editorial-ink: #0a1e3a;
  --editorial-blue: #102e55;
  --editorial-line: #d9d3ca;
  background: var(--editorial-paper);
  color: var(--editorial-ink);
}
.editorial-home .site-header {
  min-height: 72px;
  padding: 14px clamp(22px, 3.5vw, 48px);
  border-color: var(--editorial-line);
  background: var(--editorial-paper);
}
.editorial-home .brand {
  font-family: Georgia, serif !important;
  font-size: 39px;
  color: var(--editorial-ink) !important;
}
.brand img { display: block; width: 163px; height: auto; }
@media (max-width: 700px) { .brand img { width: 135px; } }
.editorial-home .live-nav { margin-left: clamp(22px, 10vw, 145px); }
.editorial-home .header-right { margin-left: auto; }
.editorial-home .header-right .primary-button { display: none; }
.editorial-home .site-header .menu-toggle { background: transparent; }

.finder-home {
  grid-template-columns: minmax(0, 47fr) minmax(0, 53fr);
  padding: 0 0 18px;
  background: transparent;
}
.finder-home .finder-heading {
  align-self: center;
  padding: clamp(24px, 4vw, 57px) clamp(22px, 3.5vw, 48px);
}
.finder-home .finder-intro h1,
.editorial-home .home-section-heading h2 {
  font-family: Georgia, 'Times New Roman', serif !important;
  color: var(--editorial-ink);
}
.finder-home .finder-intro h1 {
  max-width: 9em;
  font-size: clamp(40px, 6vw, 84px);
  line-height: .97;
  letter-spacing: -.055em;
  margin-bottom: 19px;
}
.finder-home .finder-intro p {
  max-width: 25em;
  margin: 0;
  font: clamp(17px, 1.75vw, 24px)/1.23 Georgia, serif;
  color: #3a4658;
}
.finder-home .finder-photo {
  grid-row: 1;
  min-height: 0;
  aspect-ratio: 3 / 2;
  height: auto;
  border-radius: 0;
}
.finder-home .finder-photo img { object-position: center; }
.finder-home .finder-form {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  margin: 0 clamp(12px, 2vw, 25px);
  padding: 15px 18px;
  background: var(--editorial-panel);
  border: 1px solid var(--editorial-line);
  border-radius: 5px;
  box-shadow: none;
}
.finder-home .finder-form [hidden] { display: none !important; }
.finder-home .finder-form > .finder-grid { align-self: center; gap: 12px; }
.finder-home .finder-grid input,
.finder-home .finder-grid select,
.finder-home .extra-search-preferences select {
  background: var(--editorial-panel);
  border-color: var(--editorial-line) !important;
}
.finder-home .online-scope,
.finder-home .online-preferences,
.finder-home .finder-form-actions,
.finder-home .extra-search-preferences { margin: 0; }
.finder-home .online-scope h3 { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; }
.finder-home .online-scope-choices { display: flex; flex-wrap: wrap; gap: 8px 20px; }
.finder-home .scope-choice,
.finder-home .scope-choice:has(input:checked) {
  flex-direction: row;
  min-height: 30px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
}
.finder-home .scope-choice input[type=radio] { accent-color: var(--editorial-blue); }
.finder-home .scope-choice strong { font-weight: 500; color: var(--editorial-ink); }
.finder-home .scope-choice::after,
.finder-home .scope-choice small,
.finder-home [data-scope-status]:empty { display: none; }
.finder-home .finder-submit {
  height: 100%;
  min-height: 48px;
  color: #fff;
  border-color: var(--editorial-blue);
  background: var(--editorial-blue);
}
.finder-home .finder-submit:hover { background: #1b4575; }
.finder-home .finder-footnote { display: none; }
.editorial-home .home-teachers {
  border-top: 1px solid #eae4db;
  margin-top: 0;
  padding: 23px clamp(18px, 3.5vw, 48px) 0;
}
.editorial-home .home-section-heading { display: flex; align-items: end; }
.editorial-home .home-section-heading h2 { font-size: clamp(30px, 4.3vw, 56px); line-height: 1.02; margin: 0; }
.home-section-kicker { color: #536174; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; margin: 0 0 8px; }
.editorial-home .home-section-heading > a { color: var(--editorial-blue); padding-bottom: 4px; }
.editorial-home .home-teacher-card { background: var(--editorial-panel); border-color: var(--editorial-line); border-radius: 5px; }
.editorial-home .home-teacher-photo { height: auto; aspect-ratio: 16 / 9; }

@media (min-width: 1000px) {
  .finder-home .finder-form:has([data-online-scope]:not([hidden])) {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, .86fr) minmax(130px, .37fr);
  }
  .finder-home .finder-form:has([data-online-scope]:not([hidden])) > .finder-grid { grid-row: 1 / 3; }
  .finder-home .online-scope { grid-column: 2 / -1; grid-row: 1; }
  .finder-home .online-preferences { grid-column: 2; grid-row: 2; }
  .finder-home .finder-form:has([data-online-scope]:not([hidden])) .finder-form-actions { grid-column: 3; grid-row: 2; align-self: end; }
  .finder-home .extra-search-preferences { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
  .editorial-home .site-header { min-height: 56px; padding: 9px 16px; }
  .editorial-home .brand { font-size: 32px; }
  .editorial-home .live-nav { margin-left: 0; }
  .finder-home .finder-photo { aspect-ratio: 3 / 2; }
  .finder-home .finder-heading { align-self: stretch; padding: 16px 18px; }
  .finder-home .finder-intro h1 { font-size: clamp(31px, 8vw, 48px); line-height: .99; margin-bottom: 10px; max-width: 12em; }
  .finder-home .finder-intro p { font-size: 16px; }
  .finder-home .finder-form { width: auto; align-self: stretch; margin: 0 10px; padding: 11px; gap: 10px; }
  .finder-home .finder-form > .finder-grid,
  .finder-home .online-preferences > .finder-grid { gap: 10px; }
  .finder-home .finder-grid input,
  .finder-home .finder-grid select { min-height: 42px; padding: 8px !important; }
  .editorial-home .home-section-heading { gap: 12px; align-items: baseline; }
  .editorial-home .home-section-heading h2 { font-size: clamp(23px, 6vw, 32px); }
  .editorial-home .home-section-kicker { display: none; }
  .editorial-home .home-teacher-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; overflow: visible; }
}
.finder-home .lesson-mode-buttons { display: none !important; }
.finder-home .has-mode-shortcuts .lesson-format-select {
  position: static;
  width: 100% !important;
  height: auto;
  overflow: visible;
  clip-path: none;
}

.editorial-home .browse-subjects h2 {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: clamp(26px, 3.4vw, 42px);
  color: var(--editorial-ink);
}
.editorial-home .subject-links a {
  display: block;
  padding: 0;
  overflow: hidden;
  border-color: var(--editorial-line);
  background: var(--editorial-panel);
}
.editorial-home .subject-links a:hover { border-color: var(--editorial-blue); }
.editorial-home .subject-links a:focus-visible { outline: 2px solid var(--editorial-blue); outline-offset: 3px; }
.subject-picture {
  display: block;
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #e6ded1;
}
.subject-picture::before {
  content: "";
  position: absolute;
  top: 50%;
  width: 100%;
  aspect-ratio: 1;
  transform: translateY(-50%);
  background-image: url('photos/subject-cards.webp');
  background-size: 300% 200%;
  background-position: var(--subject-x, 0%) var(--subject-y, 0%);
}
.subject-links a:nth-child(3n + 2) { --subject-x: 50%; }
.subject-links a:nth-child(3n) { --subject-x: 100%; }
.subject-links a:nth-child(n + 4) { --subject-y: 100%; }
.subject-card-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  color: var(--editorial-ink);
}
@media (max-width: 700px) {
  .subject-card-label { padding: 9px 11px; }
}