:root {
  --brand: #d84938;
  --ink: #172a43;
  --muted: #506174;
  --bg: #fffdf8;
  --ring: #f3aaa0;
}

body {
  background: var(--bg);
  color: var(--ink);
  padding-bottom: 0;
}

a { color: #b63c30; }
.container { max-width: 1180px; padding-inline: 22px; }
section, #faculty { scroll-margin-top: 90px; }
.section-title { color: #142a43; font-size: 29px; }
.muted { color: #506174; }
.card { border-color: #e5edf2; border-radius: 12px; }
.badge { background: #e9f7ef; color: #18784e; border-color: #b9dec9; }
.input:focus { border-color: var(--ring); box-shadow: 0 0 0 4px #f6d2ca; }
a.btn.primary, button.btn.primary { background: #e64a3a; border-color: #e64a3a; color: #fff; }
a.btn.secondary, button.btn.secondary { background: #eaf7ed; border-color: #b8dec3; color: #166b43; }
.btn { border-radius: 8px; }
.footer { background: #142a43; }
.footer a { color: #d7eff4; }

.mf-header.site {
  background: rgba(255,255,255,.98);
  border-bottom: 1px solid #e5ebee;
  box-shadow: 0 2px 10px rgba(16,43,62,.04);
}
.mf-header .nav { height: 72px; gap: 22px; }
.mf-header .nav a { margin-left: 0; }
.mf-header .brand { flex: none; gap: 8px; color: #142a43; font-size: 23px; line-height: 1; letter-spacing: 0; }
.mf-header .brand span { display: block; white-space: nowrap; }
.mf-header .brand small { display: block; margin-top: 4px; text-align: center; font-size: 11px; font-weight: 700; letter-spacing: 0; }
.mf-leaf-logo { width: 52px; height: 52px; flex: none; object-fit: contain; mix-blend-mode: multiply; }
.mf-nav-links { display: flex; align-items: center; justify-content: center; gap: clamp(14px,2vw,28px); min-width: 0; }
.mf-header .mf-nav-links a { position: relative; color: #19293a; white-space: nowrap; font-size: 15px; font-weight: 800; }
.mf-header .mf-nav-links a:hover, .mf-header .mf-nav-links a.is-current { color: #c54436; }
.mf-header .mf-nav-links a.is-current::after { content: ""; position: absolute; left: 20%; right: 20%; bottom: -14px; height: 3px; border-radius: 3px; background: #e64a3a; }
.mf-nav-actions { display: flex; gap: 10px; flex: none; }
.mf-header .mf-nav-actions .btn { border-radius: 9px; color: #fff; min-height: 42px; padding: 9px 16px; border: 0; box-shadow: 0 2px 5px rgba(0,0,0,.08); white-space: nowrap; }
.mf-header .mf-nav-actions .mf-call { background: #e74d3e; }
.mf-header .mf-nav-actions .mf-line { background: #08a651; }
.mf-header .mf-nav-actions .btn:hover { filter: brightness(.95); transform: translateY(-1px); }
.mf-header .nav { height: 64px; }

.mf-hero {
  position: relative;
  height: clamp(520px, 54vw, 630px);
  padding: 0;
  overflow: hidden;
  background: #73c8f4 url("./assets/hero-maple.webp") center bottom / cover no-repeat;
}
.mf-hero-inner { position: relative; width: min(100%,1360px); height: 100%; margin: auto; }
.mf-hero-copy { position: absolute; top: clamp(38px,5vw,62px); left: clamp(178px,19vw,300px); width: min(55%,610px); text-align: center; }
.mf-hero h1 { margin: 0; font-size: clamp(38px,4.7vw,58px); line-height: 1.24; font-weight: 900; color: #132b45; text-shadow: 0 2px 12px rgba(255,255,255,.38); }
.mf-hero h1 span { position: relative; display: inline-block; color: #d84634; }
.mf-hero h1 span::after { content: ""; position: absolute; left: 3%; right: 3%; bottom: -7px; height: 7px; border-radius: 60% 45% 60% 45%; background: #ffd62d; transform: rotate(-3deg); }
.mf-hero-copy p { margin: 21px 0 0; color: #172d45; font-size: clamp(17px,1.8vw,23px); font-weight: 800; white-space: nowrap; text-shadow: 0 2px 10px rgba(255,255,255,.8); }
.mf-sky-note { position: absolute; top: 54px; right: 7%; margin: 0; font-family: "DFKai-SB","KaiTi",serif; font-size: clamp(18px,2vw,26px); line-height: 1.55; font-weight: 900; text-align: center; transform: rotate(-7deg); color: #17314f; text-shadow: 0 2px 9px #fff; }
.mf-signpost { position: absolute; z-index: 2; top: 118px; left: max(18px, calc((100% - 1220px)/2)); width: clamp(135px,15vw,182px); display: grid; gap: 12px; }
.mf-signpost a { display: block; padding: 8px 12px; color: #2f1b10; text-align: center; font-weight: 900; font-size: clamp(16px,1.75vw,22px); line-height: 1.15; border: 2px solid #925729; border-radius: 7px 13px 8px 11px; background: repeating-linear-gradient(177deg,#d49a5c 0,#f8cb87 13px,#e9ae6c 16px,#f1c483 29px); box-shadow: 2px 4px 0 rgba(61,43,26,.25), inset 0 2px 0 #ffe5ac; transform: rotate(-2deg); }
.mf-signpost a:nth-child(even) { transform: rotate(2deg); }
.mf-signpost a:hover { transform: translateX(4px) rotate(0); }
.mf-school-sign { position: absolute; top: 29%; right: 2.2%; z-index: 1; width: clamp(150px,16vw,230px); padding: 11px 8px; border: 3px solid #a26d3d; border-radius: 8px; background: repeating-linear-gradient(174deg,#e6aa69 0,#f5c68a 17px,#dda166 20px,#f2bd7c 34px); box-shadow: 3px 5px 0 rgba(68,45,30,.25), inset 0 2px 0 #ffe6bd; color: #321b0e; text-align: center; font-size: clamp(19px,2.1vw,30px); font-weight: 900; line-height: 1.2; transform: rotate(-4deg); }
.mf-school-sign small { display: block; margin-top: 3px; font-size: 40%; letter-spacing: 0; }
.mf-hero { height: clamp(390px,36vw,480px); background-position: center 61%; }
.mf-hero-copy { top: clamp(27px,3.3vw,42px); }
.mf-sky-note { top: 23px; }
.mf-signpost { top: 85px; gap: 9px; }

.mf-benefits-wrap { position: relative; z-index: 2; margin-top: -36px; }
.mf-benefits { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); padding: 18px 8px; background: #fff; border: 1px solid #e2ebef; border-radius: 15px; box-shadow: 0 6px 15px rgba(22,67,89,.13); }
.mf-benefit { min-width: 0; padding: 0 10px; display: flex; flex-direction: column; align-items: center; text-align: center; border-right: 1px solid #ccdde4; }
.mf-benefit:last-child { border: 0; }
.mf-benefit svg { width: 43px; height: 43px; margin-bottom: 5px; }
.mf-benefit svg.blue { color: #1778bf; }
.mf-benefit svg.coral { color: #f2776d; }
.mf-benefit svg.teal { color: #19aaa5; }
.mf-benefit svg.green { color: #16a97d; }
.mf-benefit svg.amber { color: #f4a33d; }
.mf-benefit svg.sky { color: #168de0; }
.mf-benefit strong { color: #152941; font-size: 16px; line-height: 1.35; }
.mf-benefit small { margin-top: 4px; font-size: 12px; line-height: 1.4; color: #283e52; }
.mf-benefits-wrap { margin-top: -29px; }
.mf-benefits { padding-block: 12px; }
.mf-benefit svg { width: 36px; height: 36px; }
.mf-benefit strong { font-size: 15px; }
.mf-benefit small { font-size: 11px; }

.mf-programs { padding: 24px 0 0; }
.mf-program-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.mf-program-card { position: relative; min-width: 0; height: 315px; overflow: hidden; border-radius: 13px; background-size: cover; background-repeat: no-repeat; box-shadow: 0 2px 0 rgba(19,57,78,.03); }
.mf-program-card.elementary { background-color: #fff4e6; background-image: url("./assets/elementary.webp"); background-position: center; }
.mf-program-card.junior { background-color: #e8f6ff; background-image: url("./assets/junior.webp"); background-position: center; }
.mf-program-copy { position: relative; z-index: 1; }
.mf-program-card.elementary .mf-program-copy { width: 62%; margin-left: auto; padding: 21px 12px 16px 0; }
.mf-program-card.junior .mf-program-copy { width: 62%; padding: 21px 0 16px 24px; }
.mf-program-copy h2 { margin: 0; font-size: clamp(25px,2.7vw,34px); line-height: 1.2; color: #152b45; font-weight: 900; }
.mf-program-copy p { margin: 5px 0 10px; font-size: 14px; font-weight: 700; line-height: 1.4; }
.mf-grades { display: flex; gap: 4px; flex-wrap: wrap; margin-bottom: 10px; }
.mf-grades span { display: inline-block; padding: 3px 7px; border: 1px solid #54ba86; border-radius: 999px; background: rgba(255,255,255,.86); color: #12623f; font-weight: 800; font-size: 12px; line-height: 1.1; }
.mf-program-copy ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px 4px; list-style: none; margin: 0 0 12px; padding: 0; }
.mf-program-copy li { font-size: 13px; font-weight: 700; line-height: 1.35; white-space: nowrap; }
.mf-program-copy li::before { content: "✓"; color: #ea8140; font-weight: 900; margin-right: 4px; }
.mf-program-card.junior li::before { color: #1b97b6; }
.mf-program-button { display: inline-flex; align-items: center; gap: 14px; padding: 8px 19px; border-radius: 999px; color: #fff; font-weight: 800; font-size: 14px; box-shadow: 0 3px 7px rgba(18,57,82,.13); }
.mf-program-button.warm { background: #f39d45; }
.mf-program-button.cool { background: #166cb1; }
.mf-program-button:hover { color: #fff; filter: brightness(.96); transform: translateY(-1px); }
.mf-programs { padding-top: 16px; }
.mf-program-card { height: 260px; }
.mf-program-card.elementary .mf-program-copy { padding-top: 15px; }
.mf-program-card.junior .mf-program-copy { padding-top: 15px; }
.mf-program-copy h2 { font-size: clamp(24px,2.4vw,30px); }
.mf-program-copy p { font-size: 13px; margin-bottom: 7px; }
.mf-grades { margin-bottom: 7px; }
.mf-program-copy ul { margin-bottom: 8px; }
.mf-program-copy li { font-size: 12px; }
.mf-program-button { padding: 7px 16px; font-size: 13px; }

.mf-overview { padding: 16px 0 26px; background: #fbfdff; }
.mf-overview-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; align-items: start; }
.mf-overview-column { display: grid; gap: 14px; min-width: 0; }
.mf-overview-panel { min-width: 0; padding: 14px 16px; border: 1px solid #dcebf2; border-radius: 8px; background: #fff; }
.mf-panel-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.mf-panel-head h2, .mf-overview-mini h2 { margin: 0; color: #142d46; font-size: 19px; line-height: 1.25; font-weight: 900; }
.mf-panel-head h2 small { margin-left: 5px; color: #526675; font-size: 11px; font-weight: 700; }
.mf-panel-head a { flex: none; color: #167bbb; font-size: 11px; font-weight: 800; }
.mf-panel-subtitle { margin: 3px 0 6px; color: #567084; font-size: 11px; }
.mf-schedule-panel .schedule-table { min-width: 510px; font-size: 11px; }
.mf-schedule-panel .schedule-table th, .mf-schedule-panel .schedule-table td { padding: 6px 3px; line-height: 1.25; }
.mf-schedule-panel .schedule-table th:first-child, .mf-schedule-panel .schedule-table td:first-child { width: 88px; }
.mf-swipe-hint { display: none; margin: 7px 0 0; color: #597386; font-size: 11px; }
.mf-news-list { list-style: none; padding: 0; margin: 5px 0 0; }
.mf-news-list li { display: grid; grid-template-columns: 88px 1fr; gap: 8px; align-items: baseline; padding: 7px 0; border-bottom: 1px solid #e9f0f3; color: #2a4157; font-size: 12px; line-height: 1.45; }
.mf-news-list li:last-child { border: 0; }
.mf-news-list time, .mf-news-tag { color: #1d82b2; font-size: 11px; font-weight: 800; }
.mf-review-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-top: 10px; }
.mf-review-grid blockquote { display: flex; flex-direction: column; justify-content: space-between; min-width: 0; margin: 0; padding: 9px 8px; border-left: 2px solid #b8dce5; background: #f6fbfd; color: #284256; font-size: 11px; line-height: 1.45; }
.mf-review-grid cite { display: block; margin-top: 7px; color: #617987; font-size: 10px; font-style: normal; }
.mf-more-reviews { margin-top: 8px; color: #397399; font-size: 11px; }
.mf-more-reviews summary { cursor: pointer; font-weight: 800; }
.mf-more-reviews p { color: #40576a; line-height: 1.5; }
.mf-classroom-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 9px; }
.mf-classroom-image { position: relative; min-width: 0; margin: 0; aspect-ratio: 16/9; overflow: hidden; border-radius: 5px; background: #eef5f4; }
.mf-classroom-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mf-classroom-image figcaption { position: absolute; inset: auto 0 0; padding: 18px 6px 5px; background: linear-gradient(transparent,rgba(18,49,55,.68)); color: #fff; text-align: center; font-size: 11px; font-weight: 800; }
.mf-overview-mini { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.mf-overview-mini .mf-overview-panel { position: relative; min-height: 165px; padding: 13px 14px; overflow: hidden; }
.mf-small-eyebrow { color: #a44b35; font-size: 10px; font-weight: 800; }
.mf-overview-mini h2 { margin-top: 3px; font-size: 17px; }
.mf-bridge-card { background: #fff6ea url("./assets/elementary.webp") right bottom / auto 80% no-repeat; }
.mf-bridge-card p { position: relative; z-index: 1; max-width: 71%; margin: 7px 0 12px; color: #5b4a3d; font-size: 11px; line-height: 1.45; }
.mf-overview-mini a { position: relative; z-index: 1; display: inline-block; padding: 6px 13px; border-radius: 999px; background: #e9533e; color: #fff; font-size: 11px; font-weight: 800; }
.mf-admission-card { background: #f2fbef; }
.mf-admission-card .mf-small-eyebrow { color: #348055; }
.mf-admission-card ol { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2px 8px; padding-left: 17px; margin: 8px 0; color: #345943; font-size: 11px; line-height: 1.45; }
.mf-admission-card a { background: #0aa364; }

.mf-promise { margin-top: 15px; min-height: 220px; padding: 24px 0; background: #fffaf2 url("./assets/closing.webp") center 64% / cover no-repeat; }
.mf-promise .container { position: relative; min-height: 172px; }
.mf-promise p { margin: 2px 0 0 42px; max-width: 620px; color: #162d49; font-family: "DFKai-SB","KaiTi","Noto Sans TC",serif; font-size: clamp(20px,2.25vw,28px); font-weight: 900; line-height: 1.55; transform: rotate(-3deg); }
.mf-promise p span { display: inline-block; border-bottom: 5px solid #ffd233; }
.mf-promise-note { position: absolute; right: 10px; top: 18px; color: #4c331f; text-align: center; font-size: 14px; line-height: 1.55; font-weight: 800; transform: rotate(-10deg); }
.mf-promise-note small { font-size: 11px; }

#about { background: #fff; }
.mf-more-features { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-top: 22px; }
.mf-more-features > div { padding: 13px 15px; border-left: 3px solid #f19a54; background: #fff9ef; border-radius: 5px; }
.mf-more-features strong { font-size: 15px; }
.mf-more-features p { margin: 4px 0 0; color: #506174; font-size: 13px; line-height: 1.5; }
#contact { background: #fffaf3; }
.schedule-table th { color: #18354f; }
.faculty-table th { background: #f4f9f9; }
.mf-footer { background: #fff; color: #24374a; border-top: 1px solid #e1ecf0; }
.mf-footer-inner { display: grid; grid-template-columns: auto 1fr auto; gap: 12px 24px; align-items: center; padding-block: 15px; }
.mf-footer-brand { display: flex; align-items: center; gap: 5px; color: #1c334b; font-size: 15px; line-height: 1.1; font-weight: 900; }
.mf-footer-brand img { width: 33px; height: 33px; object-fit: contain; mix-blend-mode: multiply; }
.mf-footer-brand small { display: block; font-size: 8px; text-align: center; }
.mf-footer-contact { display: flex; flex-wrap: wrap; gap: 5px 13px; color: #415b6f; font-size: 11px; }
.mf-footer-contact a, .mf-footer a { color: #27566f; }
.mf-footer-meta { grid-column: 1 / -1; order: 4; color: #73818a; font-size: 10px; }
.mf-footer .social { justify-content: flex-end; gap: 6px !important; }
.mf-footer .social .chip { min-height: 32px; padding: 5px 8px; border-radius: 7px; font-size: 11px; }
.mf-footer .social .muted { display: none; }

#quickbar { border-color: #e8e7df; }
#quickbar a.btn.primary { background: #e64a3a; border-color: #e64a3a; }
#quickbar a:nth-child(2) { color: #137744 !important; border-color: #b9ddc4 !important; }
@media (min-width: 920px) { #quickbar { display: none !important; } }

@media (max-width: 1050px) {
  .mf-header .nav { gap: 12px; }
  .mf-header .brand { font-size: 20px; }
  .mf-leaf-logo { width: 45px; height: 45px; }
  .mf-nav-links { gap: 12px; }
  .mf-header .mf-nav-links a { font-size: 14px; }
  .mf-header .mf-nav-actions .btn { padding: 9px 11px; font-size: 13px; }
  .mf-program-copy li { font-size: 12px; }
  .mf-program-card.elementary .mf-program-copy { width: 63%; }
  .mf-program-card.junior .mf-program-copy { width: 63%; }
}

@media (max-width: 760px) {
  body { padding-bottom: calc(90px + var(--safe-bottom)); }
  .container { padding-inline: 16px; }
  .mf-header .nav { display: grid; grid-template-columns: 1fr auto; height: auto; row-gap: 8px; padding-top: 7px; padding-bottom: 7px; }
  .mf-header .brand { font-size: 19px; }
  .mf-leaf-logo { width: 39px; height: 39px; }
  .mf-nav-actions { grid-column: 2; grid-row: 1; }
  .mf-header .mf-nav-actions .mf-line { display: none; }
  .mf-header .mf-nav-actions .mf-call { min-height: 36px; font-size: 12px; }
  .mf-nav-links { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; gap: 22px; overflow-x: auto; padding: 3px 1px 7px; scrollbar-width: none; }
  .mf-nav-links::-webkit-scrollbar { display: none; }
  .mf-header .mf-nav-links a { font-size: 13px; }
  .mf-header .mf-nav-links a.is-current::after { bottom: -6px; }
  .mf-hero { height: 590px; background-image: url("./assets/hero-mobile.webp"); background-position: center bottom; }
  .mf-hero-copy { top: 36px; left: 4%; right: 4%; width: auto; }
  .mf-hero h1 { font-size: clamp(32px,9vw,43px); }
  .mf-hero-copy p { margin-top: 17px; font-size: clamp(14px,4vw,18px); white-space: normal; }
  .mf-signpost, .mf-sky-note, .mf-school-sign { display: none; }
  .mf-benefits-wrap { margin-top: -25px; }
  .mf-benefits { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 6px; }
  .mf-benefit { min-height: 112px; justify-content: center; padding: 8px; border-right: 1px solid #d9e5e9; border-bottom: 1px solid #d9e5e9; }
  .mf-benefit:nth-child(even) { border-right: 0; }
  .mf-benefit:nth-last-child(-n+2) { border-bottom: 0; }
  .mf-benefit svg { width: 35px; height: 35px; margin-bottom: 4px; }
  .mf-benefit strong { font-size: 15px; }
  .mf-benefit small { font-size: 11px; }
  .mf-programs { padding-top: 17px; }
  .mf-program-grid { grid-template-columns: 1fr; gap: 12px; }
  .mf-program-card { height: auto; min-height: 485px; background-size: auto 285px; }
  .mf-program-card.elementary { background-position: left bottom; }
  .mf-program-card.junior { background-position: right bottom; }
  .mf-program-card.elementary .mf-program-copy, .mf-program-card.junior .mf-program-copy { width: 100%; margin: 0; padding: 20px 18px 247px; }
  .mf-program-copy h2 { font-size: 27px; }
  .mf-program-copy p { font-size: 14px; }
  .mf-program-copy li { font-size: 13px; }
  .mf-overview-grid { grid-template-columns: 1fr; }
  .mf-overview-column { gap: 12px; }
  .mf-swipe-hint { display: block; }
  .mf-overview-mini .mf-overview-panel { min-height: 180px; }
  .mf-promise { min-height: 350px; background-size: auto 260px; background-position: right bottom; }
  .mf-promise .container { min-height: 310px; }
  .mf-promise p { margin: 0; max-width: 100%; font-size: clamp(20px,5.5vw,25px); }
  .mf-promise-note { display: none; }
  .mf-more-features { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mf-footer-inner { grid-template-columns: 1fr; gap: 10px; }
  .mf-footer-meta { grid-column: 1; order: 0; }
  .mf-footer .social { justify-content: flex-start; }
}

@media (max-width: 430px) {
  .mf-hero { height: 545px; }
  .mf-hero-copy { top: 28px; }
  .mf-hero h1 { font-size: 33px; }
  .mf-program-card { min-height: 465px; background-size: auto 245px; }
  .mf-program-card.elementary .mf-program-copy, .mf-program-card.junior .mf-program-copy { padding-bottom: 205px; }
  .mf-grades span { font-size: 11px; padding: 3px 6px; }
  .mf-program-copy ul { gap: 4px; }
  .mf-more-features { grid-template-columns: 1fr; }
  .mf-review-grid, .mf-classroom-grid, .mf-overview-mini { grid-template-columns: 1fr; }
  .mf-classroom-image { aspect-ratio: 16/9; }
  .mf-overview-mini .mf-overview-panel { min-height: 155px; }
  .mf-news-list li { grid-template-columns: 77px 1fr; }
  #quickbar { gap: 6px; padding-inline: 8px; }
  #quickbar a { font-size: 13px; }
}

@media (prefers-reduced-motion: no-preference) {
  .mf-hero-copy { animation: mf-appear .7s both; }
  .mf-benefits { animation: mf-appear .7s .15s both; }
  @keyframes mf-appear { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
}

/* Clear course enquiries without changing the existing tracking handlers. */
.mf-hero-copy .mf-location { margin: 0 0 8px; font-size: 18px; white-space: normal; }
.mf-hero-copy .mf-course-summary { margin: 14px 0; font-size: clamp(14px,1.55vw,20px); line-height: 1.5; white-space: normal; background: #fffffff0; border-radius: 8px; padding: 6px 10px; width: fit-content; margin-left: auto; margin-right: auto; }
.mf-contact-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 10px 18px; border-radius: 10px; background: #087e43; color: #fff; font-weight: 800; text-decoration: none; box-shadow: 0 3px 9px #163d2926; }
.mf-hero-copy .mf-contact-hint { margin: 8px auto 0; max-width: 350px; padding: 4px 8px; border-radius: 6px; background: #fffffff0; font-size: 12px; line-height: 1.5; white-space: normal; text-shadow: none; }
.mf-form-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:8px; }
#quickbar .mf-quick-line { flex: 2; display:flex; align-items:center; justify-content:center; padding:12px 8px; border-radius:10px; background:#087e43; color:white; font-weight:800; text-decoration:none; text-align:center; }
#quickbar .mf-quick-call { flex:1; justify-content:center; text-align:center; background:#fff; color:#17314f; border:1px solid #cbd5e1; }
@media(max-width:760px) {
  .mf-hero-copy { top:20px; }
  .mf-hero-copy .mf-location { font-size:15px; }
  .mf-hero-copy .mf-course-summary { font-size:14px; margin:10px auto; }
  .mf-hero-copy .mf-contact-hint { font-size:11px; }
  .mf-header .mf-nav-actions .mf-call { display:none; }
  .mf-header .mf-nav-actions .mf-line { display:inline-flex; min-height:36px; font-size:12px; }
}