.tutoring-content {
  --tutoring-title-size: clamp(2.25rem, 4.5vw, 3.75rem);
  --tutoring-heading-size: 1.4rem;
  --tutoring-gap: 1.75rem;
  --tutoring-panel-padding: 1.5rem;
  box-sizing: border-box;
  max-width: 72rem;
  margin: 0 auto;
  padding: 3rem 1.5rem;
  font-family: var(--font-sans);
  font-size: 1rem;
  line-height: 1.65;
  color: #334155;
}
.tutoring-content * { box-sizing: border-box; }
.tutoring-content h1, .tutoring-content h2, .tutoring-content h3,
.tutoring-content p, .tutoring-content ul, .tutoring-content ol,
.tutoring-content dl, .tutoring-content dd, .tutoring-content figure { margin: 0; }
.tutoring-content h1, .tutoring-content h2, .tutoring-content h3 { color: var(--ln-ink); font-weight: 800; line-height: 1.2; }
.tutoring-content h1 { font-size: var(--tutoring-title-size); max-width: 18ch; margin: .6rem 0 1rem; letter-spacing: -.035em; }
.tutoring-content h2 { font-size: var(--tutoring-heading-size); margin-bottom: .75em; }
.tutoring-content h3 { font-size: 1em; }
.tutoring-content p + p { margin-top: .75em; }
.tutoring-content a, .tutoring-toolbar a { color: var(--bml-teal-dark); text-decoration: underline; text-underline-offset: .18em; }
.tutoring-content a:hover, .tutoring-toolbar a:hover { text-decoration-thickness: 2px; }
.tutoring-content :focus-visible, .tutoring-toolbar :focus-visible { outline: 2px solid var(--bml-teal); outline-offset: 3px; }
.tutoring-content section[id] { scroll-margin-top: 6rem; }
.tutoring-hero { padding-bottom: var(--tutoring-gap); border-bottom: 3px solid var(--bml-teal); }
.tutoring-eyebrow { color: var(--bml-teal-dark); font-size: .8em; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.tutoring-lead { font-size: 1.25em; }
.tutoring-credentials { margin-top: 1em !important; }
.tutoring-audience { max-width: 75ch; font-size: .95em; }
.tutoring-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin: 1.5rem 0; }
.tutoring-content .tutoring-button, .tutoring-toolbar button {
  display: inline-block;
  border: 1px solid var(--bml-teal);
  border-radius: .4rem;
  padding: .7rem 1.15rem;
  background: var(--bml-teal);
  color: white;
  font: inherit;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}
.tutoring-content .tutoring-button:hover, .tutoring-toolbar button:hover { background: var(--bml-teal-dark); }
.tutoring-content .tutoring-button-secondary { background: white; color: var(--bml-teal-dark); }
.tutoring-content .tutoring-button-secondary:hover { background: var(--bml-teal-light); }
.tutoring-subjects { padding: var(--tutoring-gap) 0; }
.tutoring-subjects ul { display: flex; flex-wrap: wrap; gap: .4em 1.3em; padding: 0; list-style: none; }
.tutoring-subjects li { padding-left: .7em; border-left: 2px solid var(--bml-amber); }
.tutoring-columns { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--tutoring-gap); align-items: start; }
.tutoring-column { display: grid; gap: var(--tutoring-gap); min-width: 0; }
.tutoring-panel { padding: var(--tutoring-panel-padding); border: 1px solid #cbd5e1; border-radius: .75rem; break-inside: avoid; }
.tutoring-content table { width: 100%; border-collapse: collapse; margin-bottom: .8em; font-size: .95em; }
.tutoring-content caption { text-align: left; margin-bottom: .6em; }
.tutoring-content th, .tutoring-content td { padding: .65em .3em; border-bottom: 1px solid #cbd5e1; vertical-align: top; text-align: left; }
.tutoring-content thead { color: var(--bml-teal-dark); background: #f8fafc; font-size: .9em; }
.tutoring-content tbody th { font-weight: 600; }
.tutoring-content td { text-align: right; white-space: nowrap; font-weight: 700; color: var(--ln-ink); }
.tutoring-content thead th:not(:first-child) { text-align: right; }
.tutoring-note { font-size: .9em; font-weight: 400; color: #475569; line-height: 1.5; }
th .tutoring-note { display: block; margin-top: .15em; }
.tutoring-locations { padding-left: 1.2em; margin: .75em 0 !important; }
.tutoring-steps { counter-reset: tutoring-step; list-style: none; padding: 0; }
.tutoring-steps li { display: flex; gap: .8em; padding: .85em 0; border-bottom: 1px solid #e2e8f0; counter-increment: tutoring-step; }
.tutoring-steps li:first-child { padding-top: 0; }
.tutoring-steps li::before {
  content: counter(tutoring-step);
  flex: 0 0 1.75em;
  height: 1.75em;
  border-radius: 50%;
  background: var(--bml-teal-light);
  color: var(--bml-teal-dark);
  text-align: center;
  line-height: 1.75;
  font-weight: 700;
}
.tutoring-steps h3 span { display: block; margin: .3em 0; font-size: .85em; font-weight: 600; color: var(--bml-teal-dark); }
.tutoring-steps + p { margin-top: .8em; }
.tutoring-policies dt { font-weight: 700; color: var(--ln-ink); margin-top: 1em; }
.tutoring-policies dt:first-child { margin-top: 0; }
.tutoring-policies dd { margin-top: .25em; }
.tutoring-more { margin-top: var(--tutoring-gap); padding: var(--tutoring-panel-padding); background: #f8fafc; border-radius: .75rem; }
.tutoring-contact { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--tutoring-gap); margin-top: var(--tutoring-gap); padding-top: var(--tutoring-gap); border-top: 3px solid var(--bml-teal); break-inside: avoid; }
.tutoring-contact address { font-style: normal; margin-top: .75em; }
.tutoring-contact a { overflow-wrap: anywhere; }
.tutoring-url { display: inline-block; margin-top: .5em; font-weight: 700; }
.tutoring-qr { text-align: center; }
.tutoring-qr img { display: block; width: 112px; height: 112px; }
.tutoring-qr figcaption { font-size: .75em; margin-top: .25em; }

.tutoring-flyer { margin: 0; background: #f1f5f9; font-family: var(--font-sans); }
.tutoring-toolbar { max-width: 8.5in; margin: 1rem auto; padding: 0 1rem; font-size: .9rem; line-height: 1.5; }
.tutoring-toolbar p { margin: .5em 0; }
.tutoring-toolbar-actions { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; }
.tutoring-flyer .tutoring-content {
  --tutoring-title-size: 24pt;
  --tutoring-heading-size: 12pt;
  --tutoring-gap: .1in;
  --tutoring-panel-padding: 0;
  width: 100%;
  max-width: 8.5in;
  min-height: 11in;
  padding: .35in;
  margin: 0 auto 1rem;
  background: white;
  font-size: 10pt;
  line-height: 1.25;
  box-shadow: 0 2px 12px rgb(15 23 42 / .12);
}
.tutoring-flyer .tutoring-web-only, .tutoring-flyer .tutoring-audience { display: none; }
.tutoring-flyer .tutoring-content h1 { max-width: none; margin: .15em 0; }
.tutoring-flyer .tutoring-content h2 { margin-bottom: .45em; color: var(--bml-teal-dark); }
.tutoring-flyer .tutoring-lead { font-size: 1.1em; }
.tutoring-flyer .tutoring-credentials { margin-top: .4em !important; }
.tutoring-flyer .tutoring-panel { border: 0; border-radius: 0; }
.tutoring-flyer .tutoring-panel + .tutoring-panel { padding-top: var(--tutoring-gap); border-top: 1px solid #cbd5e1; }
.tutoring-flyer .tutoring-content caption { margin-bottom: .35em; }
.tutoring-flyer .tutoring-panel table:last-child { margin-bottom: 0; }
.tutoring-flyer .tutoring-content th, .tutoring-flyer .tutoring-content td { padding: .35em .2em; }
.tutoring-flyer .tutoring-subjects h2 { font-size: 10pt; margin-bottom: .3em; }
.tutoring-flyer .tutoring-subjects ul { gap: .3em .5em; font-size: .95em; }
.tutoring-flyer .tutoring-locations { columns: 2; column-gap: 1em; font-size: .95em; }
.tutoring-flyer .tutoring-locations li { break-inside: avoid; }
.tutoring-flyer .tutoring-steps li { padding: .4em 0; }
.tutoring-flyer .tutoring-steps li:first-child { padding-top: 0; }
.tutoring-flyer .tutoring-steps h3 span { display: inline; margin: 0; white-space: nowrap; }
.tutoring-flyer .tutoring-steps h3 span::before { content: ' ('; }
.tutoring-flyer .tutoring-steps h3 span::after { content: ')'; }
.tutoring-flyer .tutoring-note { font-size: .95em; line-height: 1.25; }
.tutoring-flyer .tutoring-policies dt { margin-top: .7em; }
.tutoring-flyer .tutoring-policies dt:first-child { margin-top: 0; }
.tutoring-flyer .tutoring-qr img { width: 1in; height: 1in; }
.tutoring-flyer .tutoring-contact h2 { font-size: 13pt; }
.tutoring-flyer .tutoring-contact address { margin-top: .4em; }
.tutoring-flyer .tutoring-url { margin-top: .3em; }

@media screen and (max-width: 760px) {
  .tutoring-content { padding: 2rem 1rem; --tutoring-panel-padding: 1rem; }
  .tutoring-columns { grid-template-columns: minmax(0, 1fr); }
  .tutoring-contact { grid-template-columns: minmax(0, 1fr); }
  .tutoring-qr { justify-self: start; }
  .tutoring-flyer .tutoring-content { padding: 1.25rem; font-size: 1rem; --tutoring-gap: 1.5rem; }
  .tutoring-flyer .tutoring-locations { columns: 1; }
}

@media print {
  @page { size: letter portrait; margin: 0; }
  .tutoring-toolbar, .tutoring-web-only { display: none !important; }
  .tutoring-flyer { background: white; }
  .tutoring-flyer .tutoring-content { width: 8.5in; min-height: 0; margin: 0; box-shadow: none; }
  .tutoring-content a { color: inherit; }
}
