/* Open Presence on the reading, directory and utility templates. */
:root {
  --mt3-paper: #fff;
  --mt3-surface: #fffdf6;
  --mt3-ink: #303c32;
  --mt3-muted: #4d5b50;
  --mt3-maroon: #344d3c;
  --mt3-ochre: #676c4d;
  --mt3-ochre-text: #535c42;
  --mt3-stone: #e7eadf;
  --mt3-line: #dce2d8;
  --mt3-hover: #344d3c;
  --mt3-active: #263e30;
  --mt3-wrap: 1240px;
  scroll-padding-top: 105px;
}

body { font: 400 17px/1.65 Arial, sans-serif; }
body.mt3-lang-my { font-family: StillwaterMyanmar, sans-serif; line-height: 1.9; }
h1, h2, h3 {
  color: var(--mt3-ink);
  font-family: Arial, sans-serif;
  font-weight: 400;
  letter-spacing: -.045em;
}
h1 { font-size: clamp(44px, 5.4vw, 82px); line-height: 1.04; }
h2 { font-size: clamp(32px, 3.6vw, 54px); }
h3 { font-size: clamp(24px, 2.1vw, 32px); }
.mt3-lang-my :is(h1, h2, h3) { font-weight: 400; }
.mt3-lang-my h1 { font-size: clamp(32px, 4vw, 54px); line-height: 1.55; }
.mt3-lang-my h2 { font-size: clamp(25px, 3vw, 39px); }
.mt3-wrap { width: min(1240px, 86%); }

.mt3-header {
  position: sticky;
  top: 10px;
  width: 94%;
  margin: 10px auto 0;
  border-radius: 12px;
  background: var(--mt3-surface);
  box-shadow: 0 4px 22px #17271d24;
}
.admin-bar .mt3-header { top: 42px; }
.mt3-header-inner { width: 100%; min-height: 76px; padding: 12px clamp(14px, 2vw, 28px); }
.mt3-brand { color: var(--mt3-ink); }
.mt3-brand strong { font: 400 29px/1.1 Georgia, serif; }
.mt3-brand small { color: inherit; }
.mt3-contact-link, .mt3-button, .wp-block-button__link {
  background: #676c4d;
  border: 1px solid transparent;
  border-radius: 7px;
  color: #fff;
  padding: 10px 17px;
}
.mt3-contact-link:hover, .mt3-button:hover, .wp-block-button__link:hover {
  background: var(--mt3-hover);
  color: #fff;
}

.mt3-page-head { padding-block: clamp(48px, 7vw, 98px) clamp(30px, 4vw, 58px); }
.mt3-page-head .mt3-eyebrow { letter-spacing: .025em; color: var(--mt3-muted); }
.mt3-page-head .mt3-lede { max-width: 48ch; font-size: clamp(17px, 1.35vw, 20px); }
.mt3-page-opening:has(.mt3-page-photo) {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: clamp(24px, 6vw, 90px);
  padding-block: clamp(44px, 7vw, 94px);
  border-bottom: 1px solid var(--mt3-line);
}
.mt3-page-opening .mt3-page-head { width: 100%; }
.mt3-page-opening:has(.mt3-page-photo) .mt3-page-head { padding: 0; border: 0; }
.mt3-page-opening .mt3-page-photo { width: 100%; margin: 0; }
.mt3-page-opening .mt3-page-photo img { aspect-ratio: 4 / 3; border-radius: 16px; }

.mt3-photo img, .mt3-prose .wp-block-image img { border-radius: 16px; }
.mt3-prose, .mt3-reading-layout .mt3-prose { max-width: 67ch; font-size: 17px; }
.mt3-reading-layout { gap: clamp(24px, 6vw, 80px); }
.mt3-news-band, .mt3-notice, .mt3-pattern-panel { background: var(--mt3-stone); }
.mt3-notice, .mt3-pattern-panel { border-radius: 12px; }
.mt3-status { color: #344d3c; background: #edf0e5; border-color: #c4ccba; border-radius: 20px; }
.mt3-branch-list { display: grid; gap: 12px; }
.mt3-branch-row, .mt3-branch-row:last-child {
  border: 1px solid var(--mt3-line);
  border-radius: 14px;
  padding: 20px clamp(14px, 2.4vw, 30px);
}
.mt3-branch-row:hover { background: var(--mt3-stone); }
.mt3-news-card { border-radius: 14px; }
input, textarea, select { border-radius: 7px; border-color: #767f72; }
.mt3-footer { background: #f4f6ef; border-top: 1px solid var(--mt3-line); }

@media (max-width: 960px) {
  .mt3-header-inner { gap: 10px; }
  .mt3-header .mt3-navigation { max-height: 58vh; overflow: auto; }
}
@media (max-width: 782px) {
  .admin-bar .mt3-header { top: 56px; }
}
@media (max-width: 700px) {
  .mt3-page-opening:has(.mt3-page-photo) { grid-template-columns: minmax(0, 1fr); }
  .mt3-page-opening .mt3-page-photo img { aspect-ratio: 16 / 10; }
  .mt3-header .mt3-brand strong { font-size: 24px; }
  .mt3-header .mt3-contact-link { padding: 7px 10px; }
}