/* About & Accreditation pages: panel design language (navy gradient bands, cool grey sections, square white cards). */
body.public-area{--xm-ink:#0f172a;--xm-muted:#64748b;--xm-line:#e6e9ee;--xm-soft:#f5f6f8;--xm-tint:#eef4f9;--xm-navy:#0b1220;--xm-blue:#2b5875;--xm-band:radial-gradient(900px 320px at 85% -30%,rgba(127,177,209,.28),transparent 60%),linear-gradient(120deg,#0b1220 0%,#13233b 58%,#1b3550 100%)}

/* ---- Shared section styling ---- */
body.public-area :is(.acc-process,.acc-pricing,.about2-model-section,.about2-journey){background:var(--xm-soft)!important}
body.public-area :is(.acc-section-head,.about2-section-head):not(.light-head) h2,body.public-area :is(.acc-intro,.about2-purpose,.about2-photo-story) h2{color:var(--xm-ink);font-weight:600;letter-spacing:-.035em}
body.public-area :is(.acc-section-head,.about2-section-head,.acc-intro,.about2-purpose,.about2-photo-story,.about2-proof-band) .eyebrow{color:var(--xm-blue)!important}
body.public-area :is(.acc-section-head,.about2-section-head):not(.light-head) p{color:var(--xm-muted)}

/* Dark bands → navy gradient */
body.public-area :is(.about2-principles,.about2-framework,.acc-validity,.about2-final-cta,.acc-final-cta){background:var(--xm-band)!important;color:#e6edf5}
body.public-area :is(.about2-principles,.about2-framework,.acc-validity,.about2-final-cta,.acc-final-cta) :is(h2,h3,h4,strong){color:#fff!important}
body.public-area :is(.about2-principles,.about2-framework,.acc-validity,.about2-final-cta,.acc-final-cta) :is(p,li,span,small){color:#c7d3e0!important}
body.public-area :is(.about2-principles,.about2-framework,.acc-validity,.about2-final-cta,.acc-final-cta) .eyebrow{color:#9fd0ef!important}
body.public-area :is(.about2-final-cta,.acc-final-cta,.acc-validity) a.btn.btn-dark,body.public-area :is(.about2-final-cta,.acc-final-cta) a.btn.btn-primary{background:#fff!important;color:#0b1220!important;border-color:#fff!important}
body.public-area :is(.about2-final-cta,.acc-final-cta,.acc-validity) a.btn.btn-outline{background:rgba(255,255,255,.06)!important;color:#fff!important;border-color:rgba(255,255,255,.35)!important}
body.public-area .about2-final-cta .btn *,body.public-area .acc-final-cta .btn *{color:inherit!important}

/* Cards on light sections */
body.public-area :is(.acc-step-grid,.acc-framework-grid)>*,body.public-area .about2-model-card,body.public-area .about2-timeline>*{background:#fff!important;border:1px solid var(--xm-line)!important;box-shadow:0 1px 2px rgba(15,23,42,.04);position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
body.public-area :is(.acc-step-grid,.acc-framework-grid)>*:hover,body.public-area .about2-model-card:hover,body.public-area .about2-timeline>*:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(15,23,42,.1);border-color:#cbd8e4!important}
body.public-area :is(.acc-step-grid,.acc-framework-grid)>*::after,body.public-area .about2-model-card::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#0b1220,#2b78b5);opacity:0;transition:opacity .18s ease}
body.public-area :is(.acc-step-grid,.acc-framework-grid)>*:hover::after,body.public-area .about2-model-card:hover::after{opacity:1}
body.public-area :is(.acc-step-grid,.acc-framework-grid)>* :is(h3,h4,strong){color:var(--xm-ink)}
body.public-area :is(.acc-step-grid,.acc-framework-grid)>* p{color:var(--xm-muted)}
body.public-area .about2-model-card .icon{background:var(--xm-tint)!important;color:var(--xm-blue)!important}
body.public-area .about2-model-card .num{color:#94a3b8!important}
body.public-area .about2-model-card.dark{background:var(--xm-band)!important;border-color:transparent!important}
body.public-area .about2-model-card.dark :is(h3,h4,strong,.num){color:#fff!important}
body.public-area .about2-model-card.dark :is(p,li,span){color:#c7d3e0!important}
body.public-area .about2-model-card.dark .icon{background:rgba(255,255,255,.1)!important;color:#fff!important}
body.public-area .about2-timeline>*{border-left:3px solid var(--xm-navy)!important}

/* Cards on dark bands */
body.public-area .about2-principle-grid>*,body.public-area .about2-framework-grid>*,body.public-area .validity-cards>*{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.12)!important}
body.public-area .about2-framework-grid{background:transparent!important;gap:12px!important}
body.public-area .about2-framework-grid>.wide{background:rgba(127,177,209,.12)!important}
body.public-area .validity-cards{background:transparent!important;gap:10px!important}

/* Photo frames & notes */
body.public-area :is(.acc-frame-accent,.about2-frame.frame-b){background:#dfe9f2!important}
body.public-area .acc-hero .acc-frame-accent{background:rgba(127,177,209,.25)!important}
body.public-area :is(.acc-photo-note,.about2-float-card){background:#fff!important;border-left:3px solid #7fb1d1}
body.public-area :is(.acc-photo-note,.about2-float-card) :is(p,strong,span,small,h3,h4){color:var(--xm-ink)!important}
body.public-area .acc-photo-note.dark-note,body.public-area .about2-photo-note{background:var(--xm-band)!important;border-left:3px solid #7fb1d1}
body.public-area .acc-photo-note.dark-note *,body.public-area .about2-photo-note *{color:#fff!important}
body.public-area .about2-check-list li::before{color:var(--xm-blue)}

/* Pricing (accreditation) */
body.public-area .membership-price-card{background:var(--xm-band)!important;box-shadow:0 18px 40px rgba(11,18,32,.18)}
body.public-area .acc-package-card{border:1px solid var(--xm-line)!important;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:transform .18s ease,box-shadow .18s ease}
body.public-area .acc-package-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(15,23,42,.1)}
body.public-area .acc-package-card.featured{border:2px solid var(--xm-navy)!important;box-shadow:0 22px 50px rgba(11,18,32,.16)}
body.public-area .package-ribbon{background:linear-gradient(120deg,#0b1220,#2b5875)!important}
body.public-area .pricing-note{border:1px solid var(--xm-line)}

/* Proof band & intro */
body.public-area .about2-proof-grid>*{border-top:3px solid var(--xm-navy)}
body.public-area .about2-mini-trust>*,body.public-area .acc-trust-row>*{border-color:rgba(255,255,255,.25)!important;color:#c7d3e0!important;background:rgba(255,255,255,.04)}

/* ===== Mobile (≤820px): shorter, denser About & Accreditation pages ===== */
@media(max-width:820px){
  body.public-area :is(.acc-intro,.acc-process,.acc-framework,.acc-pricing,.acc-validity,.acc-final-cta,.about2-principles,.about2-purpose,.about2-model-section,.about2-photo-story,.about2-framework,.about2-journey,.about2-proof-band,.about2-final-cta){padding-top:44px!important;padding-bottom:44px!important}
  body.public-area :is(.acc-section-head,.about2-section-head){margin-bottom:22px!important;gap:10px!important}
  body.public-area :is(.acc-section-head,.about2-section-head,.acc-intro,.about2-purpose,.about2-photo-story,.acc-validity,.acc-final-cta,.about2-final-cta) h2{font-size:30px!important;line-height:1.08!important}

  /* Heroes: shorter photo, smaller title, no decorative frames */
  body.public-area :is(.acc-hero,.about2-hero){padding-top:16px!important;padding-bottom:36px!important}
  body.public-area :is(.acc-hero,.about2-hero) h1{font-size:36px!important;line-height:1.04!important}
  body.public-area :is(.acc-frame-outline,.acc-frame-accent,.about2-frame){display:none!important}
  body.public-area :is(.acc-photo-wrap,.about2-hero-media,.about2-story-media){padding:0 0 10px!important;min-height:0!important}
  body.public-area :is(.acc-photo-wrap,.about2-hero-media,.about2-story-media) img{height:200px!important;width:100%!important;object-fit:cover}
  body.public-area :is(.acc-photo-wrap,.about2-hero-media,.about2-story-media) figure{height:auto!important}
  body.public-area :is(.acc-photo-note,.about2-float-card,.about2-photo-note){padding:10px 12px!important;max-width:82%}
  body.public-area :is(.acc-photo-note,.about2-float-card,.about2-photo-note) :is(strong,h3,h4,p){font-size:14px!important;line-height:1.3}
  body.public-area :is(.acc-actions,.about2-actions){display:grid!important;grid-template-columns:1fr;gap:8px!important}
  body.public-area :is(.acc-actions,.about2-actions) .btn{justify-content:center}
  body.public-area .about2-mini-trust{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;margin-top:18px!important}
  body.public-area .about2-mini-trust>*{padding:10px 8px!important;font-size:11px!important;min-height:0!important}
  body.public-area .acc-trust-row{gap:6px!important}

  /* Accreditation: compact step cards */
  body.public-area .acc-step-grid{gap:10px!important}
  body.public-area .acc-step-grid>*{padding:18px!important;min-height:0!important}
  body.public-area .acc-step-grid>*>span:first-child{display:inline-grid;place-items:center;width:38px;height:38px;margin-bottom:10px;background:var(--xm-band);color:#fff!important;font-size:15px!important;font-weight:700}
  body.public-area .acc-step-grid>* h3{font-size:18px!important;margin:0 0 6px!important}
  body.public-area .acc-step-grid>* p{font-size:14px!important;margin:0 0 10px!important}
  body.public-area .acc-step-grid>* ul{display:flex;flex-wrap:wrap;gap:6px;margin:0!important;padding:0!important;list-style:none}
  body.public-area .acc-step-grid>* li{margin:0!important;padding:4px 8px!important;border:0!important;background:var(--xm-tint);color:var(--xm-blue);font-size:11.5px!important}
  body.public-area .acc-step-grid>* li::before{display:none!important}
  body.public-area .acc-framework-grid{gap:10px!important}
  body.public-area .acc-framework-grid>*{padding:18px!important;min-height:0!important}
  body.public-area .acc-evidence-list>*{padding:10px 0!important}

  /* Swipeable card rows (packages, assurance layers) */
  body.public-area :is(.acc-package-grid,.about2-model-grid){display:flex!important;gap:12px!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:10px;margin-right:0;padding-right:0;max-width:100%}
  body.public-area :is(.acc-package-grid,.about2-model-grid)>*{flex:0 0 84%;scroll-snap-align:start;padding:22px!important;min-height:0!important}
  body.public-area :is(.acc-package-grid,.about2-model-grid)::-webkit-scrollbar{height:4px}
  body.public-area :is(.acc-package-grid,.about2-model-grid)::-webkit-scrollbar-thumb{background:#cbd5e1}
  body.public-area .membership-price-card{padding:20px!important}

  /* About: compact cards & stats */
  body.public-area .about2-principle-grid{gap:10px!important}
  body.public-area .about2-principle-grid>*{padding:20px!important;min-height:0!important}
  body.public-area .about2-framework-grid>*{padding:18px!important;min-height:0!important}
  body.public-area .about2-timeline{gap:10px!important}
  body.public-area .about2-timeline>*{padding:16px!important;min-height:0!important}
  body.public-area .about2-proof-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}
  body.public-area .about2-proof-grid>*{padding:16px 12px!important;min-height:0!important}
  body.public-area .about2-purpose-title{margin-bottom:18px!important}
  body.public-area .about2-cms{font-size:15.5px}
  body.public-area .validity-cards{grid-template-columns:1fr!important}
  body.public-area .about2-model-card h3{font-size:24px!important;margin:12px 0 8px!important}
  body.public-area .about2-model-card p{font-size:14.5px!important}
  body.public-area .about2-model-card .icon{width:40px!important;height:40px!important}
  body.public-area .about2-model-card li{padding:8px 0!important;font-size:13px}
}