.sidebar { overflow-y: auto; }
.mission-teaser,.mission-pillar{box-shadow:inset 0 1px 0 #ffffff04,0 18px 45px #00000012}
.mission-teaser { display: flex; align-items: center; gap: 28px; padding: 28px; margin: 26px 0 32px; background:var(--paper); border: 1px solid var(--line); border-radius: 15px; }
.mission-teaser .eyebrow, .tourism-section .eyebrow { color: var(--red); }
.mission-teaser h2 { font-size: 24px; margin: 8px 0 10px; }
.mission-teaser p { max-width: 760px; font-size: 13px; line-height: 1.85; }
.mission-teaser > .btn { flex-shrink: 0; }
.mission-heading { padding: 36px; background: linear-gradient(125deg, #1b2036 0%, #111a2a 65%, #142435 100%); border-radius: 21px; }
.mission-heading h1 { max-width: 850px; font-size: clamp(32px, 3.2vw, 46px); margin: 16px 0 20px; }
.mission-heading > p { max-width: 850px; font-size: 15px; line-height: 1.9; }
.mission-principles { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.mission-principles span { padding: 7px 11px; border: 1px solid #2a3047; border-radius: 22px; font-size: 11px; color: #c3b1ff; background: #080b14; }
.mission-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.mission-pillar { padding: 24px; background:var(--paper); border: 1px solid var(--line); border-radius: 15px; }
.mission-pillar-top { display: flex; align-items: center; justify-content: space-between; color: #3a4667; margin-bottom: 17px; }
.mission-pillar-top > span { font-size: 11px; color: var(--red); }
.mission-pillar h3 { font-size: 19px; margin-bottom: 11px; }
.mission-pillar > p { font-size: 12px; line-height: 1.85; }
.mission-programmes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.mission-programme { display: flex; flex-direction: column; align-items: flex-start; }
.mission-programme h3 { font-size: 21px; margin: 12px 0; }
.mission-programme > p { font-size: 12px; line-height: 1.85; }
.mission-programme .mission-evidence { padding-top: 14px; margin-top: 14px; border-top: 1px solid var(--line); color: #c3b1ff; }
.mission-programme .text-link { margin-top: auto; padding-top: 20px; }
.mission-token { margin-top: 32px; padding: 34px; display: grid; grid-template-columns: 1.4fr 1fr; gap: 36px; background: var(--surface-deep); color: #fff; border-radius: 20px; }
.mission-token h2 { margin: 11px 0 17px; font-size: 29px; }
.mission-token > div > p { margin-top: 13px; color: #b7c1db; font-size: 13px; line-height: 1.9; }
.mission-token .btn { margin-top: 23px; }
.mission-token aside { padding: 24px; border: 1px solid #3a4667; border-radius: 14px; align-self: center; }
.mission-token aside h3 { font-size: 20px; }
.mission-token ol { padding-inline-start: 20px; color: #c3b1ff; font-size: 12px; line-height: 1.9; }
.mission-token li { padding-inline-start: 5px; margin-top: 9px; }
.mission-token small { display: block; color: #b7c1db; font-size: 11px; line-height: 1.8; border-top: 1px solid #3a4667; margin-top: 18px; padding-top: 15px; }
.mission-values { margin-top: 34px; }
.mission-values h2 { font-size: 25px; }
.mission-values-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px; margin-top: 22px; }
.mission-values-grid p { font-size: 12px; line-height: 1.9; }
.mission-values-grid strong { color: var(--ink); }
.mission-references { padding-top: 25px; margin-top: 30px; border-top: 1px solid var(--line); }
.mission-references h2 { font-size: 18px; }
.mission-references .source-links { font-size: 11px; }
.mission-references > p { font-size: 11px; margin-top: 13px; }
.tourism-section { margin-top: 32px; padding: 5px 27px 26px; background: #142735; border: 1px solid #254354; border-radius: 18px; }
.tourism-section .section-head h2 { margin-top: 9px; }
.tourism-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.tourism-card h3 { font-size: 17px; margin: 6px 0 10px; }
.tourism-card p { font-size: 12px; line-height: 1.85; }
.tourism-status { margin-top: 23px; padding-top: 18px; border-top: 1px solid #254354; font-size: 11px; line-height: 1.85; }
.tourism-section > .text-link { margin-top: 15px; }
[dir=rtl] .mission-heading h1 { font-size: 42px; }
@media (max-width: 1150px) {
  .mission-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tourism-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mission-teaser { align-items: flex-start; flex-direction: column; gap: 18px; }
  .mission-programmes { grid-template-columns: 1fr; }
  .mission-programme > p { max-width: 780px; }
}

/* Dark aurora surfaces retain the mission's editorial hierarchy. */
.mission-teaser{background:linear-gradient(120deg,#161b2d,#111925);border-color:#ffffff12;border-radius:22px;padding:32px}
.mission-heading{position:relative;background:radial-gradient(ellipse at 92% 6%,#7851b92e,transparent 66%),linear-gradient(130deg,#1a1930,#101d2c);border:1px solid #b99bff24;border-radius:26px;box-shadow:0 25px 65px #00000025}
.mission-heading>.eyebrow{color:#93e0e6}
.mission-heading h1{color:#ede6ff;letter-spacing:-1.4px}
[dir=rtl] .mission-heading h1{letter-spacing:0}
.mission-heading>p{color:#aeb8d2}
.mission-principles span{border-color:#c5a5ff25;background:#b195ff0a;color:#c9b9ef}
.mission-pillar{background:linear-gradient(140deg,#161b2c,#111826);border-color:#ffffff12;border-radius:19px;transition:transform .2s,border-color .2s}
.mission-pillar:hover{transform:translateY(-3px);border-color:#b298f93d}
.mission-pillar-top{color:#c3b1ff}
.mission-pillar-top>span{color:#83d7e0}
.mission-programme .mission-evidence{color:#b7a5e3;border-color:#ffffff0e}
.mission-token{background:radial-gradient(ellipse at 100% 0%,#7854b63b,transparent 65%),linear-gradient(125deg,#1b1c32,#111e2d);border:1px solid #b497ff26;border-radius:24px}
.mission-token aside{background:#080e191f;border-color:#c8afff2a}
.mission-token ol{color:#c1c8e0}
.mission-token small{border-color:#ffffff13}
.tourism-section{background:radial-gradient(ellipse at 95% 10%,#4795a21a,transparent 72%),linear-gradient(130deg,#11222f,#161b2e);border-color:#84d8df20;border-radius:22px;padding-inline:30px}
.tourism-status{border-color:#7de5eb20;color:#a6b6ca}
.tourism-card h3{color:#d6e9f0}
.tourism-card p{color:#a7b6ca}
.mission-values-grid strong{color:#e2d8f5}
.mission-references{border-color:#ffffff0e}
@media(max-width:620px){.mission-teaser,.mission-heading{padding:25px}.mission-heading{border-radius:21px}.mission-heading h1{letter-spacing:-.8px}.tourism-section{padding-inline:23px}.mission-token{padding:25px}.mission-pillar{border-radius:17px}[dir=rtl] .mission-heading h1{letter-spacing:0}}
@media (max-width: 850px) {
  .mission-values-grid { grid-template-columns: 1fr; gap: 15px; }
  .mission-token { gap: 24px; padding: 27px; }
}
@media (max-width: 620px) {
  .mission-heading, .mission-teaser { padding: 24px; }
  .tourism-grid { grid-template-columns: 1fr; gap: 15px; }
  .tourism-section { padding: 3px 22px 24px; }
  .mission-heading h1 { font-size: 32px; line-height: 1.2; }
  [dir=rtl] .mission-heading h1 { font-size: 31px; line-height: 1.6; }
  .mission-heading > p { font-size: 13px; }
  .mission-principles span { font-size: 10px; }
  .mission-teaser .eyebrow, .tourism-section .eyebrow { color: var(--red); }
.mission-teaser h2 { font-size: 22px; }
  .mission-teaser p { font-size: 12px; }
  .mission-grid { grid-template-columns: 1fr; gap: 12px; }
  .mission-pillar { padding: 22px; }
  .mission-pillar h3 { font-size: 20px; }
  .mission-token { grid-template-columns: 1fr; padding: 24px; }
  .mission-token h2 { font-size: 26px; }
  .mission-token aside { padding: 21px; }
  .mission-token > div > p { font-size: 12px; }
}
