.about-premium { background:#f4f9f8; color:#143b40; }
.about-premium .about-hero { max-width:none; padding:64px max(6vw,24px); display:flex; gap:36px; align-items:center; background:radial-gradient(ellipse at 10% 0%,#167f80,transparent 60%),#063f49; color:#fff; border-bottom:5px solid #55dfd0; }
.about-premium .about-hero>img { width:150px; height:170px; object-fit:contain; background:#fff; padding:12px; border-radius:18px; }
.about-premium .about-hero>div { max-width:850px; }
.about-premium .about-hero h1 { font-size:clamp(28px,3.3vw,46px); line-height:1.5; color:#fff; margin:16px 0; }
.about-premium .about-hero p { color:#d8f2ee; font-size:19px; }
.about-premium .about-hero .approved-eyebrow { color:#a6eee3; font-size:14px; }
.about-hero-actions { display:flex; flex-wrap:wrap; gap:22px; align-items:center; margin-top:26px; }
.about-hero-actions>a { color:#fff; font-weight:700; text-underline-offset:5px; }
.about-premium .about-hero .approved-cta { background:#55dfd0; color:#063f49!important; }
.about-index { display:flex; flex-wrap:wrap; gap:8px; padding:20px 24px; max-width:1140px; margin:0 auto; border-bottom:1px solid #cfe4df; }
.about-index a { text-decoration:none; color:#006d70; font-size:14px; font-weight:600; padding:9px 14px; border-radius:8px; }
.about-index a:hover { background:#dff3ee; }
.about-premium .approved-section { max-width:1140px; padding:38px; margin:24px auto; box-sizing:border-box; background:#fff; border:1px solid #dceae6; border-radius:20px; scroll-margin-top:115px; }
.about-premium .approved-section.narrow { max-width:1140px; }
.about-premium h2 { font-size:clamp(24px,2.4vw,32px); line-height:1.5; color:#123e43; margin:0 0 20px; }
.about-premium p,.about-premium .lead { font-size:16px; line-height:2; color:#466365; max-width:950px; }
.about-kicker { display:block; color:#007e80; font-size:13px; font-weight:700; letter-spacing:.3px; margin-bottom:12px; scroll-margin-top:120px; }
.about-purpose-section { padding: 32px !important; }
.about-purpose-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
.about-purpose-card { background: linear-gradient(150deg, #f8fcfb 0%, #edf7f5 100%); border: 1px solid #d2eae4; border-top: 4px solid #008184; border-radius: 18px; padding: 28px 26px; display: flex; flex-direction: column; position: relative; box-shadow: 0 4px 18px -3px rgba(6, 63, 73, 0.05), 0 1px 3px rgba(0, 0, 0, 0.02); transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; box-sizing: border-box; }
.about-purpose-card--mission { border-top-color: #067276; }
@media (hover: hover) {
  .about-purpose-card:hover { transform: translateY(-3px); box-shadow: 0 12px 28px -4px rgba(6, 63, 73, 0.10); border-color: #aee0d6; }
}
.about-purpose-card__header { display: flex; align-items: center; gap: 16px; }
.about-purpose-icon { width: 48px; height: 48px; min-width: 48px; border-radius: 13px; background: linear-gradient(135deg, #008184 0%, #064e57 100%); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 20px; box-shadow: 0 4px 12px rgba(0, 129, 132, 0.22); }
.about-purpose-card--mission .about-purpose-icon { background: linear-gradient(135deg, #067276 0%, #04373d 100%); box-shadow: 0 4px 12px rgba(6, 114, 118, 0.22); }
.about-purpose-meta { flex: 1; min-width: 0; }
.about-purpose-kicker { display: inline-block; color: #007e80 !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .3px; margin-bottom: 4px !important; background: rgba(0, 129, 132, 0.08); padding: 2px 10px; border-radius: 6px; }
.about-purpose-title { font-size: 22px !important; font-weight: 800 !important; color: #0d3c41 !important; margin: 0 !important; line-height: 1.35 !important; }
.about-purpose-divider { height: 1px; background: linear-gradient(to left, #cde6e0 0%, rgba(205, 230, 224, 0.15) 100%); margin: 18px 0 16px; }
.about-purpose-desc { font-size: 15.5px !important; line-height: 1.9 !important; color: #35585b !important; margin: 0 !important; flex-grow: 1; }
.about-premium .approved-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 30px; padding-inline-start:24px; }
.about-premium .approved-list li { font-size:16px; line-height:1.9; padding:10px 8px; border-bottom:1px solid #e6efed; }
.about-premium .approved-list li::marker { color:#007f82; font-weight:700; }
.about-premium .approved-card { border:1px solid #d7e8e3; border-radius:14px; box-shadow:none; background:#f9fcfb; padding:22px; }
.about-premium .approved-card h3 { font-size:20px; color:#006d70; line-height:1.6; }
.about-tracks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.about-tracks a { display:flex; align-items:center; gap:16px; border:1px solid #cce4de; border-radius:12px; padding:20px; color:#12464a; text-decoration:none; background:#f6fbf9; }
.about-tracks a>span:first-child { color:#008184; font-size:13px; }
.about-tracks strong { flex:1; }
.about-tracks a:hover { background:#e3f6f0; border-color:#008184; }
.about-premium .approved-cta { border-radius:10px; background:#007f82; font-weight:700; }
.about-downloads>a { display:inline-flex; align-items:center; margin:0 0 16px 16px; min-height:48px; color:#006e73; }
.about-guidance { margin-top:20px; border-top:1px solid #d5e8e2; padding-top:20px; }
.about-premium .approved-table-wrap { border:1px solid #d0e5df; border-radius:12px; overflow:auto; }
.about-premium table { width:100%; border-collapse:collapse; }
.about-premium caption { text-align:start; padding:16px; font-weight:700; color:#006d70; }
.about-premium th { background:#e7f5f0; color:#164f51; white-space:nowrap; }
.about-premium td,.about-premium th { padding:16px 20px; text-align:start; border-bottom:1px solid #dfebe7; font-size:15px; line-height:1.7; }
.about-premium tbody tr:nth-child(even) { background:#f7fbf9; }
.about-closing { display:flex; justify-content:space-between; align-items:center; gap:24px; max-width:1140px; padding:36px; margin:24px auto 0; box-sizing:border-box; }
@media(max-width:760px) {
 .about-premium .about-hero { padding:32px 20px; gap:18px; align-items:flex-start; }.about-premium .about-hero>img { width:70px; height:80px; padding:6px; }.about-premium .about-hero h1 { font-size:26px; }.about-premium .about-hero p { font-size:15px; }
 .about-premium .approved-section { margin:16px; padding:24px 20px; border-radius:14px; }
 .about-purpose-section { padding:18px 14px !important; }
 .about-purpose-grid { grid-template-columns:1fr !important; gap:16px !important; }
 .about-purpose-card { padding:20px 16px !important; border-radius:14px !important; }
 .about-purpose-card__header { gap:14px; }
 .about-purpose-icon { width:42px; height:42px; min-width:42px; font-size:17px; border-radius:11px; }
 .about-purpose-title { font-size:19px !important; }
 .about-purpose-desc { font-size:14.5px !important; line-height:1.8 !important; }
 .about-tracks,.about-premium .approved-list { grid-template-columns:1fr; }
 .about-index { padding:14px; gap:4px; }.about-index a { font-size:13px; padding:8px; }.about-closing { margin:0 16px; padding:24px 8px; flex-direction:column; align-items:stretch; }.about-premium .approved-grid { grid-template-columns:1fr; }.about-premium td,.about-premium th { padding:12px; font-size:13px; }
}
/* Image-backed purpose cards; overlays keep text readable over all photo areas. */
.about-premium .about-purpose-card {
 background-color:#063f49;
 background-size:cover;
 background-position:center;
 border-color:#64bcb4;
 border-top-color:#55dfd0;
 color:#fff;
 box-shadow:0 10px 30px #063f491a;
}
.about-premium .about-purpose-card--vision {
 background-image:linear-gradient(110deg,rgba(6,43,51,.78),rgba(6,63,73,.94)),url('/images/BG.jpg');
 background-position:center,65% center;
}
.about-premium .about-purpose-card--mission {
 background-image:linear-gradient(110deg,rgba(6,43,51,.80),rgba(6,63,73,.94)),url('/images/articles/qatar-national-library.jpg');
}
.about-premium .about-purpose-card .about-purpose-title { color:#fff!important; }
.about-premium .about-purpose-card .about-purpose-desc { color:#f0fcf9!important; text-shadow:0 1px 2px #002b3540; }
.about-premium .about-purpose-card .about-purpose-kicker { color:#c5fff3!important; background:#ffffff17; border:1px solid #b7eee633; }
.about-premium .about-purpose-card .about-purpose-icon { background:#ffffff18; color:#a7f7e9; border:1px solid #b7eee650; box-shadow:none; }
.about-premium .about-purpose-card .about-purpose-divider { background:linear-gradient(to left,#9edbd17a,#9edbd11a); }