.official-content-body {
  margin-top: 42px;
  color: #26342f;
  font-size: 17px;
  line-height: 1.9;
  word-break: keep-all;
}

.official-content-body h3 {
  position: relative;
  margin: 44px 0 18px;
  padding: 19px 22px 19px 56px;
  border: 1px solid #dbe6e1;
  border-radius: 12px;
  background: linear-gradient(135deg, #f4f8f6, #fff);
  color: #173d33;
  font-size: 22px;
  line-height: 1.45;
}

.official-content-body h3::before {
  position: absolute;
  top: 23px;
  left: 23px;
  width: 17px;
  height: 17px;
  border: 4px solid #b4935b;
  border-radius: 50%;
  content: "";
}

.official-content-body h4 {
  margin: 22px 0 9px;
  color: #1e5d4d;
  font-size: 18px;
  line-height: 1.55;
}

.official-content-body p { margin: 0 0 22px; }
.official-content-body ul { display: grid; gap: 10px; margin: 0 0 30px; padding: 0; list-style: none; }
.official-content-body li { position: relative; padding-left: 24px; }
.official-content-body li::before { position: absolute; top: .72em; left: 2px; width: 7px; height: 7px; border-radius: 50%; background: #2f7561; content: ""; }
.official-content-body blockquote { margin: 34px 0 0; padding: 23px 26px; border-left: 4px solid #b4935b; border-radius: 0 10px 10px 0; background: #f8f5ef; color: #604e31; font-weight: 650; }
.official-content-body .official-signature { border-left: 0; background: transparent; color: #26342f; text-align: right; line-height: 1.8; }
.official-home-promise { padding: 34px 0; background: #173d33; color: #fff; }
.official-home-promise-inner { display: grid; grid-template-columns: .9fr 1.1fr; gap: 64px; align-items: center; }
.official-home-promise-inner > div:first-child > p { margin: 0 0 9px; color: #d4ba8b; font-size: 13px; font-weight: 800; letter-spacing: .08em; }
.official-home-promise h2 { margin: 0; color: #fff; font-size: clamp(25px, 2.3vw, 36px); line-height: 1.35; }
.official-home-promise-inner > div:last-child > p { margin: 0 0 12px; font-size: 17px; line-height: 1.75; }
.official-home-promise strong { display: block; color: #dceae5; font-size: 15px; line-height: 1.7; }
.hero-slogan {
  display: inline-flex;
  flex-direction: column;
  gap: 6px;
  margin: 0 0 20px;
  padding: 13px 19px 14px;
  border-left: 4px solid #b4935b;
  border-radius: 0 11px 11px 0;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 12px 30px rgba(23, 61, 51, .1);
}
.hero-slogan span {
  color: #2f7561;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: .08em;
}
.hero-slogan strong {
  color: #173d33;
  font-size: clamp(23px, 2.15vw, 31px);
  font-weight: 850;
  line-height: 1.3;
  letter-spacing: -.035em;
  word-break: keep-all;
}
.official-core-intro { margin: 18px 0 2px; padding: 17px 19px; border-left: 3px solid #b4935b; border-radius: 0 10px 10px 0; background: rgba(255,255,255,.78); }
.official-core-intro strong { display: block; margin-bottom: 7px; color: #173d33; font-size: 16px; line-height: 1.45; }
.official-core-intro p { margin: 0; color: #44534e; font-size: 14px; line-height: 1.7; }
.official-info-menu-subtitle { margin: 12px 0 0; color: #63716c; font-size: 15px; line-height: 1.7; }
.official-page-image { margin: 0 0 34px; overflow: hidden; border-radius: 14px; }
.official-page-image img { display: block; width: 100%; max-height: 460px; object-fit: cover; }
.cms-home-empty { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 120px; padding: 24px; border: 1px dashed #cfdcd6; border-radius: 10px; background: #f7faf9; color: #71807a; text-align: center; }
.activity-grid > .cms-home-empty { grid-column: 1 / -1; min-height: 220px; }
.activity-uploaded-visual { overflow: hidden; min-height: 220px; background: #dfe9e5; }
.activity-uploaded-visual img { display: block; width: 100%; height: 100%; min-height: 220px; object-fit: cover; }

@media (max-width: 720px) {
  .official-content-body { margin-top: 30px; font-size: 16px; line-height: 1.82; }
  .official-content-body h3 { margin-top: 32px; padding: 17px 16px 17px 46px; font-size: 19px; }
  .official-content-body h3::before { top: 21px; left: 18px; width: 14px; height: 14px; border-width: 3px; }
  .official-content-body h4 { font-size: 17px; }
  .official-content-body blockquote { padding: 19px; }
  .official-home-promise { padding: 28px 0; }
  .official-home-promise-inner { grid-template-columns: 1fr; gap: 18px; }
  .official-home-promise-inner > div:last-child > p { font-size: 16px; }
  .hero-slogan { display: flex; margin-bottom: 17px; padding: 12px 15px 13px; }
  .hero-slogan span { font-size: 12px; }
  .hero-slogan strong { font-size: clamp(21px, 6.3vw, 27px); }
  .official-core-intro { padding: 15px 16px; }
  .official-core-intro strong { font-size: 15px; }
  .official-core-intro p { font-size: 13px; }
}

/* v26 manuscript hierarchy and usable administration */
.hero-slogan {border-left:4px solid #2ba7a4;padding-left:18px;margin-bottom:26px;}
.hero-slogan strong {display:block;font-size:clamp(25px,2.2vw,34px);line-height:1.45;word-break:keep-all;}
.hero-slogan p {font-size:16px;line-height:1.85;color:#465973;margin:12px 0 0;max-width:42rem;word-break:keep-all;}
.official-core-message {display:block;font-weight:700;line-height:1.75;margin-bottom:10px;}
.official-content-body .official-core-message {color:#123b54;font-size:18px;margin-top:12px;}
.mission-card p > span,.bridge-steps p > span {display:block;}
.bridge-steps .official-core-message {color:#fff;}
.member-status p {font-size:16px;line-height:1.85;margin-bottom:18px;}
.admin-help {font-size:14px;line-height:1.8;color:#465973;background:#edf5f8;padding:16px;border-radius:8px;grid-column:1/-1;}
@media(max-width:640px){.hero-slogan {padding-left:12px;margin-top:8px}.hero-slogan strong {font-size:25px}.hero-slogan p{font-size:15px}.mission-card p{font-size:16px}}

.hero-photo,.bridge-media {position:relative;}
.hero-photo>img {object-position:center center;}
.illustrative-label {position:absolute;top:14px;right:14px;z-index:2;border-radius:4px;background:rgba(6,31,47,.76);color:white;padding:5px 9px;font-size:12px;line-height:1.4;font-weight:400;}

/* v27: natural field imagery, with readable captions and room around faces. */
.hero-photo>img {object-position:center 43%;}
.hero-photo:after {background:linear-gradient(180deg,transparent 58%,rgba(5,25,38,.78));}
.hero-photo-tags {top:58px;right:14px;left:auto;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 28px);}
.hero-photo-tags span {font-size:12px;line-height:1.4;}
.bridge-media>img {object-position:center 42%;}
.bridge-media:after {background:linear-gradient(180deg,transparent 58%,rgba(5,25,38,.8));}
.mission-photo:after {background:linear-gradient(180deg,transparent 62%,rgba(7,29,47,.14));}
.mission-photo-2 .mission-photo {background-position:center 43%;}
.mission-photo-3 .mission-photo {background-position:center 42%;}
.mission-photo-4 .mission-photo {background-position:center 38%;}
.sub-hero-intro,.sub-hero-policy {background-position:center 40%;}
.sub-hero-news,.sub-hero-events {background-position:center 38%;}
.sub-hero-business,.sub-hero-member,.sub-hero-members,.sub-hero-insight {background-position:center 42%;}
@media(max-width:780px) {
  .hero {background:linear-gradient(135deg,#071d2f,#0b3544);}
  .hero-inner {display:grid;grid-template-columns:minmax(0,1fr);gap:30px;min-height:0;}
  .hero-photo {display:block;width:100%;height:auto;aspect-ratio:3/2;margin:0;}
  .hero-photo>img {width:100%;height:100%;object-position:center;}
  .hero-photo-tags {display:none;}
  .hero-photo figcaption {left:18px;right:18px;bottom:17px;gap:5px;}
  .hero-photo figcaption strong {font-size:clamp(15px,3.9vw,20px);}
  .bridge-media>img {object-position:center 38%;}
}