.elementor-35 .elementor-element.elementor-element-60b1da82{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-4dcc3555{--display:flex;}.elementor-35 .elementor-element.elementor-element-6d5d868f{--display:flex;}.elementor-35 .elementor-element.elementor-element-2b28cfe9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-35 .elementor-element.elementor-element-1dc5ba0e{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-35 .elementor-element.elementor-element-5e653119{--display:flex;}.elementor-35 .elementor-element.elementor-element-5716a871{--display:flex;}.elementor-35 .elementor-element.elementor-element-5716a871:not(.elementor-motion-effects-element-type-background), .elementor-35 .elementor-element.elementor-element-5716a871 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://attitudetothrive.org/wp-content/uploads/2026/10/p5311404.webp");background-position:center center;background-size:cover;}.elementor-35 .elementor-element.elementor-element-72c870ed{--display:flex;}.elementor-35 .elementor-element.elementor-element-290bf4d9{--display:flex;}.elementor-35 .elementor-element.elementor-element-1ae604b1{--display:flex;}.elementor-35 .elementor-element.elementor-element-283e99eb{--display:flex;}.elementor-35 .elementor-element.elementor-element-697a6a85{--display:flex;}.elementor-35 .elementor-element.elementor-element-258c0ff8{--display:flex;}.elementor-35 .elementor-element.elementor-element-435718e9{--display:flex;}.elementor-35 .elementor-element.elementor-element-71d2cd5e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-162c0d20{--display:flex;}.elementor-35 .elementor-element.elementor-element-584ac61c{--display:flex;}.elementor-35 .elementor-element.elementor-element-584ac61c:not(.elementor-motion-effects-element-type-background), .elementor-35 .elementor-element.elementor-element-584ac61c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://attitudetothrive.org/wp-content/uploads/2026/10/Individual-reflection-during-group-learning.webp");background-position:center center;background-size:cover;}.elementor-35 .elementor-element.elementor-element-732ca95a{--display:flex;}.elementor-35 .elementor-element.elementor-element-2b2edf87{--display:flex;}.elementor-35 .elementor-element.elementor-element-23bd2148{--display:flex;}.elementor-35 .elementor-element.elementor-element-569320a2{--display:flex;}.elementor-35 .elementor-element.elementor-element-1425d8b{--display:flex;}.elementor-35 .elementor-element.elementor-element-56d3da7c{--display:flex;}.elementor-35 .elementor-element.elementor-element-1538e036{--display:flex;}.elementor-35 .elementor-element.elementor-element-1826283e{--display:flex;}.elementor-35 .elementor-element.elementor-element-5725a4ec{--display:flex;}.elementor-35 .elementor-element.elementor-element-1c208fad{--display:flex;}.elementor-35 .elementor-element.elementor-element-7ed8cf11{--display:flex;}.elementor-35 .elementor-element.elementor-element-181c4e16{--display:flex;}.elementor-35 .elementor-element.elementor-element-6132161c{--display:flex;}.elementor-35 .elementor-element.elementor-element-defe410{--display:flex;}.elementor-35 .elementor-element.elementor-element-37e0e9f1{--display:flex;}.elementor-35 .elementor-element.elementor-element-3432e167{--display:flex;}.elementor-35 .elementor-element.elementor-element-e24b6d2{--display:flex;}.elementor-35 .elementor-element.elementor-element-5dd5b6eb{--display:flex;}.elementor-35 .elementor-element.elementor-element-69d4487b{--display:flex;}.elementor-35 .elementor-element.elementor-element-13155937{--display:flex;}.elementor-35 .elementor-element.elementor-element-4d8d745a{--display:flex;}.elementor-35 .elementor-element.elementor-element-3a8740a7{--display:flex;}.elementor-35 .elementor-element.elementor-element-61da304c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-5801cfc4{--display:flex;}.elementor-35 .elementor-element.elementor-element-14331965{--display:flex;}.elementor-35 .elementor-element.elementor-element-65b0553e{--display:flex;}.elementor-35 .elementor-element.elementor-element-50973192{--display:flex;}.elementor-35 .elementor-element.elementor-element-65062914{--display:flex;}.elementor-35 .elementor-element.elementor-element-1b72cb05{--display:flex;}.elementor-35 .elementor-element.elementor-element-6e6378aa{--display:flex;}.elementor-35 .elementor-element.elementor-element-1e0ede92{--display:flex;}.elementor-35 .elementor-element.elementor-element-65fe723d{--display:flex;}.elementor-35 .elementor-element.elementor-element-70b5ae3c{--display:flex;}.elementor-35 .elementor-element.elementor-element-1d68821a{--display:flex;}.elementor-35 .elementor-element.elementor-element-72275ac{--display:flex;}.elementor-35 .elementor-element.elementor-element-78babefa{--display:flex;}.elementor-35 .elementor-element.elementor-element-48c961b{--display:flex;}.elementor-35 .elementor-element.elementor-element-ad7906c{--display:flex;}.elementor-35 .elementor-element.elementor-element-6d8f310{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-3ed0fbdd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-2b824d19{--display:flex;}.elementor-35 .elementor-element.elementor-element-4bad0eed{--display:flex;}.elementor-35 .elementor-element.elementor-element-6fcf9f71{--display:flex;}.elementor-35 .elementor-element.elementor-element-366b597c{--display:flex;}.elementor-35 .elementor-element.elementor-element-32bb50ea{--display:flex;}.elementor-35 .elementor-element.elementor-element-c6c00c2{--display:flex;}.elementor-35 .elementor-element.elementor-element-2f344949{--display:flex;}.elementor-35 .elementor-element.elementor-element-38d6a756{--display:flex;}.elementor-35 .elementor-element.elementor-element-6e64998d{--display:flex;}.elementor-35 .elementor-element.elementor-element-1ae0f020{--display:flex;}.elementor-35 .elementor-element.elementor-element-3680e6fa{--display:flex;}.elementor-35 .elementor-element.elementor-element-73269923{--display:flex;}.elementor-35 .elementor-element.elementor-element-587e36a9{--display:flex;}.elementor-35 .elementor-element.elementor-element-583394eb{--display:flex;}.elementor-35 .elementor-element.elementor-element-12fe35a{--display:flex;}.elementor-35 .elementor-element.elementor-element-35e56d90{--display:flex;}.elementor-35 .elementor-element.elementor-element-4dd6fb42{--display:flex;}.elementor-35 .elementor-element.elementor-element-726a8189{--display:flex;}.elementor-35 .elementor-element.elementor-element-265ad48{--display:flex;}.elementor-35 .elementor-element.elementor-element-28f92530{--display:flex;}.elementor-35 .elementor-element.elementor-element-28f92530:not(.elementor-motion-effects-element-type-background), .elementor-35 .elementor-element.elementor-element-28f92530 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://attitudetothrive.org/wp-content/uploads/2026/10/Group-conversation-and-shared-learning.webp");background-position:center center;background-size:cover;}.elementor-35 .elementor-element.elementor-element-63083c18{--display:flex;}.elementor-35 .elementor-element.elementor-element-b5719c{--display:flex;}.elementor-35 .elementor-element.elementor-element-55408be{--display:flex;}.elementor-35 .elementor-element.elementor-element-62539eef{--display:flex;}.elementor-35 .elementor-element.elementor-element-51b447d6{--display:flex;}.elementor-35 .elementor-element.elementor-element-623b8a{--display:flex;}.elementor-35 .elementor-element.elementor-element-5006c2b8{--display:flex;}.elementor-35 .elementor-element.elementor-element-69bcfd5{--display:flex;}.elementor-35 .elementor-element.elementor-element-342b655c{--display:flex;}.elementor-35 .elementor-element.elementor-element-1be585a3{--display:flex;}.elementor-35 .elementor-element.elementor-element-1c42098a{--display:flex;}.elementor-35 .elementor-element.elementor-element-20f15831{--display:flex;}.elementor-35 .elementor-element.elementor-element-dce59a{--display:flex;}.elementor-35 .elementor-element.elementor-element-7383afdd{--display:flex;}.elementor-35 .elementor-element.elementor-element-a19ced6{--display:flex;}.elementor-35 .elementor-element.elementor-element-1c425f8e{--display:flex;}.elementor-35 .elementor-element.elementor-element-4a2f4f8e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-58e33e5{--display:flex;}.elementor-35 .elementor-element.elementor-element-5c3abdd7{--display:flex;}.elementor-35 .elementor-element.elementor-element-5c3abdd7:not(.elementor-motion-effects-element-type-background), .elementor-35 .elementor-element.elementor-element-5c3abdd7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://attitudetothrive.org/wp-content/uploads/2026/10/Collaborative-group-learning-session.webp");background-position:center center;background-size:cover;}.elementor-35 .elementor-element.elementor-element-7c31938c{--display:flex;}.elementor-35 .elementor-element.elementor-element-2bac6911{--display:flex;}.elementor-35 .elementor-element.elementor-element-7d8584ce{--display:flex;}.elementor-35 .elementor-element.elementor-element-672a2d3c{--display:flex;}.elementor-35 .elementor-element.elementor-element-12305490{--display:flex;}.elementor-35 .elementor-element.elementor-element-83ec570{--display:flex;}.elementor-35 .elementor-element.elementor-element-395d793f{--display:flex;}.elementor-35 .elementor-element.elementor-element-5f189ba8{--display:flex;}.elementor-35 .elementor-element.elementor-element-2a3c9ad3{--display:flex;}.elementor-35 .elementor-element.elementor-element-682c69ec{--display:flex;}.elementor-35 .elementor-element.elementor-element-45f516c5{--display:flex;}.elementor-35 .elementor-element.elementor-element-434a02fa{--display:flex;}.elementor-35 .elementor-element.elementor-element-15e2b9f6{--display:flex;}.elementor-35 .elementor-element.elementor-element-5210d124{--display:flex;}.elementor-35 .elementor-element.elementor-element-21d0dc86{--display:flex;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-35 .elementor-element.elementor-element-162c0d20{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}/* Start custom CSS for container, class: .elementor-element-162c0d20 */@media (max-width: 800px) {
.att-approach-page #principles .approach-edge-split {
    grid-template-columns: auto !important;
}
.att-approach-page #different .approach-edge-split{
    grid-template-columns: auto !important;
}
    .elementor.elementor-35 .att-approach-page .approach-edge-split {
        display: block !important;
    }
}/* End custom CSS */
/* Start custom CSS */.elementor-element.elementor-element-290bf4d9.e-con-full.approach-wrap.approach-toc-inner.e-flex.e-con.e-child {
    margin-top: 8px !important;
}
/* =========================================================
   APPROACH — REMOVE ELEMENTOR ROOT GAPS
   Elimina las franjas blancas entre secciones principales
   ========================================================= */

.att-approach-page.e-con{
    --gap: 0px !important;

    gap: 0 !important;
    row-gap: 0 !important;
    column-gap: 0 !important;
}
/* La banda fotográfica actual es un IMG directo del container */
.att-approach-page .approach-band > img{
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: 420px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: 55% 45% !important;
}

@media (max-width: 1100px){
    .att-approach-page .approach-band > img{
        height: 360px !important;
    }
}

@media (max-width: 760px){
    .att-approach-page .approach-band > img{
        height: 300px !important;
    }
}
/* ==========================================================================
   ATTITUDE TO THRIVE — OUR APPROACH & IMPACT
   Elementor page CSS — reviewed first pass
   Source: approved 03_APPROACH.html + Global Design System v1.4
   ========================================================================== */

.att-approach-page{
  --ap-navy:#0D2B45;
  --ap-navy-deep:#0A2238;
  --ap-teal:#0E7C86;
  --ap-green:#1E7A3D;
  --ap-gold:#F5A623;
  --ap-gold-hover:#E4951A;
  --ap-light:#F2F4F7;
  --ap-ink:#4E6276;
  --ap-on-dark:#E7EEF4;
  --ap-hair:#D6DEE6;
  --ap-display:"Instrument Sans",Arial,sans-serif;
  --ap-text:"Source Sans 3",Arial,sans-serif;
  --ap-ease:cubic-bezier(.2,.7,.2,1);
}

.att-approach-page,
.att-approach-page *{
  box-sizing:border-box;
}

/* ---------- Global content width ---------- */
.att-approach-page .approach-wrap{
  width:min(1280px,calc(100% - 96px));
  max-width:1280px;
  margin-inline:auto;
  padding:0;
}

/* ---------- Typography ---------- */
.att-approach-page .approach-h1 .elementor-heading-title{
  margin:0;
  color:var(--ap-navy);
  font-family:var(--ap-display);
  font-size:60px;
  line-height:1.05;
  font-weight:600;
  letter-spacing:-.03em;
}

.att-approach-page .approach-h2 .elementor-heading-title{
  margin:0;
  color:var(--ap-navy);
  font-family:var(--ap-display);
  font-size:46px;
  line-height:1.10;
  font-weight:600;
  letter-spacing:-.03em;
}

.att-approach-page .approach-eyebrow .elementor-heading-title{
  margin:0;
  color:var(--ap-teal);
  font-family:var(--ap-display);
  font-size:15px;
  line-height:1.4;
  font-weight:600;
  letter-spacing:0;
}

.att-approach-page .approach-lede,
.att-approach-page .approach-lede p{
  margin:0;
  color:var(--ap-navy);
  font-family:var(--ap-text);
  font-size:20px;
  line-height:1.55;
  font-weight:400;
}

.att-approach-page .approach-body,
.att-approach-page .approach-body p{
  color:var(--ap-navy);
  font-family:var(--ap-text);
  font-size:18px;
  line-height:1.60;
  font-weight:400;
}

.att-approach-page .approach-body p{
  margin:0 0 18px;
}

.att-approach-page .approach-body p:last-child{
  margin-bottom:0;
}

/* ---------- Buttons ---------- */
.att-approach-page .approach-btn-primary .elementor-button{
  padding:15px 20px;
  color:var(--ap-navy-deep);
  background:var(--ap-gold);
  border:1px solid var(--ap-gold);
  border-radius:0;
  box-shadow:none;
  font-family:var(--ap-display);
  font-size:16px;
  line-height:1.2;
  font-weight:600;
  transition:
    background-color 180ms var(--ap-ease),
    border-color 180ms var(--ap-ease);
}

.att-approach-page .approach-btn-primary .elementor-button:hover{
  background:var(--ap-gold-hover);
  border-color:var(--ap-gold-hover);
}

.att-approach-page .approach-btn-secondary .elementor-button{
  padding:4px 0 5px;
  color:var(--ap-teal);
  background:transparent;
  border:0;
  border-bottom:2px solid var(--ap-gold);
  border-radius:0;
  box-shadow:none;
  font-family:var(--ap-display);
  font-size:16px;
  line-height:1.2;
  font-weight:600;
  transition:
    color 180ms var(--ap-ease),
    border-color 180ms var(--ap-ease);
}

.att-approach-page .approach-btn-secondary .elementor-button:hover{
  color:var(--ap-navy);
  border-bottom-color:var(--ap-teal);
}

/* ==========================================================================
   HERO — full bleed right, image is a real image widget
   ========================================================================== */

.att-approach-page .approach-hero{
  width:100%;
  max-width:none;
  overflow:hidden;
  background:#fff;
}

.att-approach-page .approach-hero-inner{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}

.att-approach-page .approach-hero-inner{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  gap:0;
  align-items:stretch;
}

.att-approach-page .approach-hero-copy{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  padding:
    64px
    64px
    64px
    max(48px,calc((100vw - 1280px)/2 + 48px));
  justify-content:center;
}

.att-approach-page .approach-hero-media{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  min-height:620px;
  padding:0;
  margin:0;
  align-self:stretch;
}

.att-approach-page .approach-hero-media,
.att-approach-page .approach-hero-image,
.att-approach-page .approach-hero-image .elementor-widget-container{
  width:100%!important;
  height:100%!important;
  min-height:620px;
  padding:0!important;
  margin:0!important;
}

.att-approach-page .approach-hero-image img{
  display:block;
  width:100%!important;
  max-width:none!important;
  height:620px!important;
  min-height:620px!important;
  object-fit:cover!important;
  object-position:50% 50%!important;
}

.att-approach-page .approach-h1{
  margin-top:10px;
}

.att-approach-page .approach-hero-copy > .approach-lede{
  margin-top:22px;
  max-width:680px;
}

.att-approach-page .approach-hero-actions{
  width:auto!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:24px!important;
  margin-top:30px;
}

/* ---------- Breadcrumb ---------- */
.att-approach-page .approach-breadcrumb{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
  width:auto!important;
  max-width:max-content!important;
  margin-bottom:32px;
}

.att-approach-page .approach-crumb-link .elementor-button{
  padding:2px 0 4px;
  color:var(--ap-teal);
  background:transparent;
  border:0;
  border-bottom:2px solid var(--ap-teal);
  border-radius:0;
  box-shadow:none;
  font-family:var(--ap-text);
  font-size:14px;
  line-height:1.4;
  font-weight:600;
}

.att-approach-page .approach-crumb-sep .elementor-heading-title,
.att-approach-page .approach-crumb-current .elementor-heading-title{
  font-family:var(--ap-text);
  font-size:14px;
  line-height:1.4;
  color:var(--ap-ink);
}

/* ==========================================================================
   ON-PAGE NAV
   IDs are real Elementor _element_id values:
   whole / principles / model / different / change / levels / measure
   ========================================================================== */

.att-approach-page .approach-toc{
  position:sticky;
  top:68px;
  z-index:30;
  background:#fff;
  border-top:1px solid var(--ap-hair);
  border-bottom:1px solid var(--ap-hair);
}

body.admin-bar .att-approach-page .approach-toc{
  top:100px;
}

.att-approach-page .approach-toc-inner{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:stretch!important;
  gap:0!important;
  overflow-x:auto;
  scrollbar-width:thin;
}

.att-approach-page .approach-toc-link{
  flex:0 0 auto!important;
  width:auto!important;
  max-width:none!important;
}

.att-approach-page .approach-toc-link .elementor-button{
  min-height:52px;
  margin:0 24px 0 0!important;
  padding:16px 0 14px!important;
  color:var(--ap-navy)!important;
  background:transparent!important;
  border:0!important;
  border-bottom:3px solid transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  white-space:nowrap;
  font-family:var(--ap-display)!important;
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:600!important;
  transition:
    color 180ms var(--ap-ease),
    border-color 180ms var(--ap-ease);
}

.att-approach-page .approach-toc-link .elementor-button:hover,
.att-approach-page .approach-toc-link.on .elementor-button,
.att-approach-page .approach-toc-link.is-active .elementor-button{
  border-bottom-color:var(--ap-gold)!important;
}

.att-approach-page .approach-toc-link .elementor-button:focus-visible{
  outline:3px solid var(--ap-navy);
  outline-offset:3px;
  border-bottom-color:var(--ap-gold)!important;
}

.att-approach-page .approach-section[id],
.att-approach-page .approach-edge-section[id]{
  scroll-margin-top:136px;
}

/* ==========================================================================
   STANDARD SECTIONS
   ========================================================================== */

.att-approach-page .approach-section{
  padding:112px 0;
}

.att-approach-page .approach-white{background:#fff}
.att-approach-page .approach-light{background:var(--ap-light)}
.att-approach-page .approach-dark{background:var(--ap-navy-deep)}

.att-approach-page .approach-split-5-7{
  display:grid!important;
  grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important;
  gap:56px!important;
  align-items:start!important;
}

.att-approach-page .approach-split-5-7 > *{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
}

/* ---------- Whole-person dimensions ---------- */
.att-approach-page .approach-dimensions{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  gap:0!important;
  margin-top:28px;
  border-top:1px solid var(--ap-hair);
  border-bottom:1px solid var(--ap-hair);
}

.att-approach-page .approach-dimension{
  width:auto!important;
  flex:0 0 auto!important;
  padding:10px 14px 10px 0;
  margin-right:14px;
  position:relative;
}

.att-approach-page .approach-dimension:not(:last-child)::after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  width:3px;
  height:3px;
  background:var(--ap-teal);
  transform:translateY(-50%);
}

.att-approach-page .approach-dimension .elementor-heading-title{
  color:var(--ap-navy);
  font-family:var(--ap-text);
  font-size:16px;
  line-height:1.35;
  font-weight:600;
}

/* ==========================================================================
   ONE-EDGE BLEED SPLITS
   ========================================================================== */

.att-approach-page .approach-edge-section{
  width:100%;
  max-width:none;
}

.att-approach-page .approach-edge-split{
  width:100%;
  max-width:none;
}

.att-approach-page .approach-edge-split{
  display:grid!important;
  grid-template-columns:minmax(0,50%) minmax(0,50%)!important;
  gap:0!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

.att-approach-page .approach-split-media,
.att-approach-page .approach-split-copy{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
}

.att-approach-page .approach-split-media{
  padding:0!important;
  align-self:stretch;
}

.att-approach-page .approach-split-media,
.att-approach-page .approach-split-image,
.att-approach-page .approach-split-image .elementor-widget-container{
  width:100%!important;
  height:100%!important;
  min-height:100%;
  padding:0!important;
  margin:0!important;
}

.att-approach-page .approach-split-image img{
  display:block;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:100%!important;
  object-fit:cover!important;
}

.att-approach-page #principles .approach-split-image img{
  object-position:40% 45%!important;
}

.att-approach-page #different .approach-split-image img{
  object-position:50% 45%!important;
}

.att-approach-page #levels .approach-split-image img{
  object-position:50% 55%!important;
}

.att-approach-page .approach-split-copy{
  padding:
    88px
    max(48px,calc((100vw - 1280px)/2 + 48px))
    88px
    64px;
}

.att-approach-page .approach-edge-split-reverse{
  grid-template-columns:minmax(0,50%) minmax(0,50%)!important;
}

.att-approach-page .approach-edge-split-reverse .approach-split-copy{
  padding:
    88px
    64px
    88px
    max(48px,calc((100vw - 1280px)/2 + 48px));
}

.att-approach-page #principles .approach-split-copy{
  background:var(--ap-light);
}

/* ---------- Numbered editorial rows ---------- */
.att-approach-page .approach-numbered-list{
  margin-top:32px;
  border-top:2px solid var(--ap-navy);
}

.att-approach-page .approach-numbered-row{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:start!important;
  padding:14px 0;
  border-bottom:1px solid var(--ap-hair);
}

.att-approach-page .approach-list-num .elementor-heading-title{
  color:var(--ap-teal);
  font-family:var(--ap-display);
  font-size:15px;
  line-height:1.4;
  font-weight:600;
  font-variant-numeric:tabular-nums;
}

.att-approach-page .approach-list-title .elementor-heading-title{
  margin:0;
  color:var(--ap-navy);
  font-family:var(--ap-display);
  font-size:19px;
  line-height:1.18;
  font-weight:600;
}

.att-approach-page .approach-list-desc,
.att-approach-page .approach-list-desc p{
  margin:2px 0 0;
  color:var(--ap-ink);
  font-family:var(--ap-text);
  font-size:16px;
  line-height:1.48;
  font-weight:400;
}

/* Quote */
.att-approach-page .approach-quote,
.att-approach-page .approach-quote p{
  margin:22px 0 0;
  color:var(--ap-navy);
  font-family:var(--ap-display);
  font-size:26px;
  line-height:1.22;
  font-weight:600;
  letter-spacing:-.02em;
}

/* ==========================================================================
   DARK FORMATION MODEL
   ========================================================================== */

.att-approach-page .approach-dark .approach-eyebrow .elementor-heading-title{
  color:var(--ap-gold);
}

.att-approach-page .approach-dark .approach-h2 .elementor-heading-title,
.att-approach-page .approach-dark .approach-subsection-title .elementor-heading-title{
  color:#fff;
}

.att-approach-page .approach-on-dark,
.att-approach-page .approach-on-dark p{
  color:var(--ap-on-dark)!important;
}

.att-approach-page .approach-model-intro{
  display:grid!important;
  grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important;
  gap:56px!important;
  align-items:start!important;
}

.att-approach-page .approach-model-intro > .approach-lede{
  padding-top:34px;
}

.att-approach-page .approach-stages{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:24px!important;
  margin-top:56px;
}

.att-approach-page .approach-stage-card{
  width:auto!important;
  min-width:0!important;
  padding-top:18px;
  border-top:3px solid var(--ap-gold);
}

.att-approach-page .approach-stage-num .elementor-heading-title{
  color:var(--ap-gold);
  font-family:var(--ap-display);
  font-size:15px;
  line-height:1.4;
  font-weight:600;
}

.att-approach-page .approach-stage-title .elementor-heading-title{
  margin:12px 0 0;
  color:#fff;
  font-family:var(--ap-display);
  font-size:22px;
  line-height:1.15;
  font-weight:600;
}

.att-approach-page .approach-stage-desc,
.att-approach-page .approach-stage-desc p{
  margin:10px 0 0;
  color:var(--ap-on-dark);
  font-family:var(--ap-text);
  font-size:16px;
  line-height:1.48;
}

.att-approach-page .approach-subsection-title{
  margin-top:64px;
}

.att-approach-page .approach-subsection-title .elementor-heading-title{
  font-family:var(--ap-display);
  font-size:24px;
  line-height:1.2;
  font-weight:600;
}

.att-approach-page .approach-dark{
  width:100%;
}

.att-approach-page .approach-public-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:24px!important;
  margin-top:32px;
}

.att-approach-page .approach-public-card{
  width:auto!important;
  min-width:0!important;
  padding-top:18px;
  border-top:3px solid var(--ap-teal);
}

.att-approach-page .approach-public-title .elementor-heading-title{
  color:#fff;
  font-family:var(--ap-display);
  font-size:22px;
  line-height:1.15;
  font-weight:600;
}

.att-approach-page .approach-public-desc,
.att-approach-page .approach-public-desc p{
  margin:10px 0 0;
  color:var(--ap-on-dark);
  font-family:var(--ap-text);
  font-size:16px;
  line-height:1.48;
}

/* ==========================================================================
   IMAGE BAND
   ========================================================================== */

.att-approach-page .approach-band{
  width:100%;
  max-width:none;
  padding:0;
}

.att-approach-page .approach-band,
.att-approach-page .approach-band-image,
.att-approach-page .approach-band-image .elementor-widget-container{
  width:100%!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
}

.att-approach-page .approach-band-image img{
  display:block;
  width:100%!important;
  max-width:none!important;
  height:420px!important;
  object-fit:cover!important;
  object-position:55% 45%!important;
}

/* ==========================================================================
   THEORY OF CHANGE
   ========================================================================== */

.att-approach-page .approach-meta-row{
  display:flex!important;
  flex-flow:row wrap!important;
  align-items:center!important;
  gap:12px!important;
}

.att-approach-page .approach-light .approach-eyebrow .elementor-heading-title{
  color:var(--ap-navy);
}

.att-approach-page .approach-status{
  width:max-content!important;
  max-width:100%!important;
  padding:5px 9px!important;
  border:1px solid var(--ap-navy);
}

.att-approach-page .approach-status .elementor-heading-title{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--ap-navy);
  font-family:var(--ap-display);
  font-size:14px;
  line-height:1.2;
  font-weight:600;
}

.att-approach-page .approach-status .elementor-heading-title::before{
  content:"";
  display:inline-block;
  width:7px;
  height:7px;
  flex:0 0 7px;
  background:var(--ap-teal);
}

.att-approach-page .approach-section-head > .approach-h2{
  margin-top:10px;
}

.att-approach-page .approach-change-cols2{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:24px!important;
  margin-top:48px;
}

.att-approach-page .approach-change-column{
  width:auto!important;
  min-width:0!important;
  padding-top:18px;
  border-top:3px solid var(--ap-navy);
}

.att-approach-page .approach-card-title .elementor-heading-title{
  margin:0;
  color:var(--ap-navy);
  font-family:var(--ap-display);
  font-size:25px;
  line-height:1.12;
  font-weight:600;
  letter-spacing:-.02em;
}

.att-approach-page .approach-small-intro,
.att-approach-page .approach-small-intro p{
  margin:10px 0 0;
  color:var(--ap-ink);
  font-family:var(--ap-text);
  font-size:17px;
  line-height:1.5;
}

.att-approach-page .approach-bullet-list,
.att-approach-page .approach-bullet-list ul{
  margin:10px 0 0;
}

.att-approach-page .approach-bullet-list ul{
  padding-left:20px;
}

.att-approach-page .approach-bullet-list li{
  margin:7px 0;
  color:var(--ap-navy);
  font-family:var(--ap-text);
  font-size:17px;
  line-height:1.45;
}

.att-approach-page .approach-theory-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:24px!important;
  margin-top:28px;
}

.att-approach-page .approach-theory-card{
  width:auto!important;
  min-width:0!important;
  padding-top:18px;
  border-top:3px solid var(--ap-teal);
}

.att-approach-page .approach-theory-num .elementor-heading-title{
  color:var(--ap-teal);
  font-family:var(--ap-display);
  font-size:15px;
  line-height:1.4;
  font-weight:600;
}

.att-approach-page .approach-theory-card .approach-card-title{
  margin-top:10px;
}

.att-approach-page .approach-card-desc,
.att-approach-page .approach-card-desc p{
  margin:10px 0 0;
  color:var(--ap-ink);
  font-family:var(--ap-text);
  font-size:17px;
  line-height:1.5;
}

.att-approach-page .approach-horizon-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
  margin-top:56px;
}

.att-approach-page .approach-horizon-card{
  width:auto!important;
  min-width:0!important;
  padding-top:18px;
  border-top:3px solid var(--ap-navy);
}

/* ==========================================================================
   FOUR LEVELS
   ========================================================================== */

.att-approach-page .approach-levels-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:24px!important;
  margin-top:40px;
}

.att-approach-page .approach-level-card{
  width:auto!important;
  min-width:0!important;
  padding-top:18px;
  border-top:3px solid var(--ap-teal);
}

/* ==========================================================================
   MEASUREMENT TABLE
   ========================================================================== */

.att-approach-page .approach-table-widget{
  margin-top:48px;
}

.att-approach-page .approach-table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
  color:var(--ap-navy);
  font-family:var(--ap-text);
  font-size:17px;
  line-height:1.5;
}

.att-approach-page .approach-table thead th{
  padding:14px 16px;
  background:var(--ap-navy);
  color:#fff;
  border-right:1px solid rgba(255,255,255,.22);
  text-align:left;
  font-family:var(--ap-text);
  font-size:16px;
  line-height:1.35;
  font-weight:700;
}

.att-approach-page .approach-table thead th:first-child{
  width:28%;
}

.att-approach-page .approach-table tbody th,
.att-approach-page .approach-table tbody td{
  padding:16px;
  vertical-align:top;
  text-align:left;
  border-bottom:1px solid var(--ap-hair);
}

.att-approach-page .approach-table tbody th{
  color:var(--ap-navy);
  font-weight:700;
}

.att-approach-page .approach-table tbody td{
  color:var(--ap-ink);
}

.att-approach-page .approach-continuous{
  margin-top:64px;
}

.att-approach-page .approach-continuous{
  display:grid!important;
  grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important;
  gap:56px!important;
  align-items:start!important;
}

.att-approach-page .approach-navy .elementor-heading-title{
  color:var(--ap-navy)!important;
}

.att-approach-page .approach-note{
  margin-top:22px;
  padding-left:16px;
  border-left:2px solid var(--ap-navy);
}

.att-approach-page .approach-note,
.att-approach-page .approach-note p{
  color:var(--ap-ink);
  font-family:var(--ap-text);
  font-size:16px;
  line-height:1.5;
}

/* ==========================================================================
   CLOSING BAND
   ========================================================================== */

.att-approach-page .approach-close{
  padding:64px 0;
  background:var(--ap-navy-deep);
}

.att-approach-page .approach-close-grid{
  display:grid!important;
  grid-template-columns:minmax(0,7fr) minmax(220px,3fr)!important;
  gap:48px!important;
  align-items:center!important;
}

.att-approach-page .approach-close-h2 .elementor-heading-title{
  margin:0;
  color:#fff;
  font-family:var(--ap-display);
  font-size:46px;
  line-height:1.1;
  font-weight:600;
  letter-spacing:-.03em;
}

.att-approach-page .approach-close-lede,
.att-approach-page .approach-close-lede p{
  margin:10px 0 0;
  color:var(--ap-on-dark);
  font-family:var(--ap-text);
  font-size:20px;
  line-height:1.55;
}

.att-approach-page .approach-close-cta{
  justify-self:end;
}

/* ==========================================================================
   TABLET
   ========================================================================== */

@media(max-width:1100px){

  .att-approach-page .approach-wrap{
    width:calc(100% - 64px);
  }

  .att-approach-page .approach-h1 .elementor-heading-title{font-size:48px}
  .att-approach-page .approach-h2 .elementor-heading-title{font-size:38px}

  .att-approach-page .approach-lede,
  .att-approach-page .approach-lede p{font-size:19px}

  .att-approach-page .approach-section{padding:88px 0}

  .att-approach-page .approach-hero-inner{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  }

  .att-approach-page .approach-hero-copy{
    padding:48px 36px 48px 32px;
  }

  .att-approach-page .approach-hero-media,
  .att-approach-page .approach-hero-media,
  .att-approach-page .approach-hero-image,
  .att-approach-page .approach-hero-image .elementor-widget-container{
    min-height:540px;
  }

  .att-approach-page .approach-hero-image img{
    height:540px!important;
    min-height:540px!important;
  }

  .att-approach-page .approach-split-5-7,
  .att-approach-page .approach-model-intro,
  .att-approach-page .approach-continuous{
    grid-template-columns:1fr 1fr!important;
    gap:40px!important;
  }

  .att-approach-page .approach-split-copy{
    padding:72px 32px 72px 40px;
  }

  .att-approach-page .approach-edge-split-reverse .approach-split-copy{
    padding:72px 40px 72px 32px;
  }

  .att-approach-page .approach-stages{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .att-approach-page .approach-public-grid,
  .att-approach-page .approach-theory-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .att-approach-page .approach-horizon-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .att-approach-page .approach-band-image img{
    height:360px!important;
  }

  .att-approach-page .approach-levels-grid{
    grid-template-columns:1fr!important;
  }
}

/* ==========================================================================
   MOBILE
   ========================================================================== */

@media(max-width:760px){

  .att-approach-page .approach-wrap{
    width:calc(100% - 40px);
  }

  .att-approach-page .approach-h1 .elementor-heading-title{
    font-size:37px;
    line-height:1.05;
  }

  .att-approach-page .approach-h2 .elementor-heading-title{
    font-size:31px;
    line-height:1.1;
  }

  .att-approach-page .approach-lede,
  .att-approach-page .approach-lede p{font-size:18px}

  .att-approach-page .approach-body,
  .att-approach-page .approach-body p{font-size:17px}

  .att-approach-page .approach-section{padding:72px 0}

  /* Approved mobile masthead: image band first, copy below. */
  .att-approach-page .approach-hero-inner{
    grid-template-columns:1fr;
  }

  .att-approach-page .approach-hero-media{
    order:1;
    min-height:300px;
  }

  .att-approach-page .approach-hero-copy{
    order:2;
    padding:36px 20px 48px;
  }

  .att-approach-page .approach-hero-media,
  .att-approach-page .approach-hero-image,
  .att-approach-page .approach-hero-image .elementor-widget-container{
    min-height:300px;
  }

  .att-approach-page .approach-hero-image img{
    height:300px!important;
    min-height:300px!important;
  }

  .att-approach-page .approach-hero-actions{
    flex-direction:row!important;
    align-items:center!important;
    gap:20px!important;
  }

  .att-approach-page .approach-toc-link .elementor-button{
    margin-right:22px!important;
  }

  body.admin-bar .att-approach-page .approach-toc{
    top:114px;
  }

  .att-approach-page .approach-section[id],
  .att-approach-page .approach-edge-section[id]{
    scroll-margin-top:120px;
  }

  .att-approach-page .approach-split-5-7,
  .att-approach-page .approach-model-intro,
  .att-approach-page .approach-continuous{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }

  /* One-edge bleed becomes full-width image above text. */
  .att-approach-page .approach-edge-split,
  .att-approach-page .approach-edge-split-reverse{
    grid-template-columns:1fr!important;
  }

  .att-approach-page .approach-edge-split .approach-split-media,
  .att-approach-page .approach-edge-split-reverse .approach-split-media{
    order:1;
  }

  .att-approach-page .approach-edge-split .approach-split-copy,
  .att-approach-page .approach-edge-split-reverse .approach-split-copy{
    order:2;
    padding:56px 20px 64px;
  }

  .att-approach-page .approach-split-image img{
    height:360px!important;
    min-height:360px!important;
  }

  .att-approach-page .approach-numbered-row{
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:12px!important;
  }

  .att-approach-page .approach-quote,
  .att-approach-page .approach-quote p{
    font-size:23px;
  }

  .att-approach-page .approach-stages,
  .att-approach-page .approach-public-grid,
  .att-approach-page .approach-change-cols2,
  .att-approach-page .approach-theory-grid,
  .att-approach-page .approach-horizon-grid,
  .att-approach-page .approach-levels-grid{
    grid-template-columns:1fr!important;
  }

  .att-approach-page .approach-band-image img{
    height:300px!important;
  }

  /* Approved spec: indicator table becomes labelled blocks. */
  .att-approach-page .approach-table,
  .att-approach-page .approach-table tbody,
  .att-approach-page .approach-table tr,
  .att-approach-page .approach-table th,
  .att-approach-page .approach-table td{
    display:block;
    width:100%;
  }

  .att-approach-page .approach-table thead{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    clip-path:inset(50%);
    white-space:nowrap;
  }

  .att-approach-page .approach-table tbody tr{
    padding:20px 0;
    border-top:3px solid var(--ap-navy);
  }

  .att-approach-page .approach-table tbody th,
  .att-approach-page .approach-table tbody td{
    padding:0;
    border:0;
  }

  .att-approach-page .approach-table tbody th{
    font-size:20px;
    line-height:1.25;
  }

  .att-approach-page .approach-table tbody td{
    margin-top:8px;
    font-size:16px;
  }

  .att-approach-page .approach-close-grid{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }

  .att-approach-page .approach-close-h2 .elementor-heading-title{
    font-size:31px;
  }

  .att-approach-page .approach-close-cta{
    justify-self:start;
  }
}

@media(prefers-reduced-motion:reduce){
  .att-approach-page .elementor-button{
    transition:none!important;
  }
}


/* ==========================================================================
   V2 DOM CORRECTION
   The live Elementor DOM uses e-con-full on page wrappers. These rules
   deliberately target the REAL rendered containers rather than .e-con-inner.
   ========================================================================== */

.att-approach-page .approach-wrap{
  width:min(1280px,calc(100% - 96px)) !important;
  max-width:1280px !important;
  margin-inline:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

.att-approach-page .approach-hero-inner{
  display:grid !important;
  grid-template-columns:minmax(0,7fr) minmax(0,5fr) !important;
  gap:0 !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  align-items:stretch !important;
}

.att-approach-page .approach-hero-copy,
.att-approach-page .approach-hero-media{
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
}

.att-approach-page .approach-hero-media{
  min-height:620px !important;
}

.att-approach-page .approach-hero-image,
.att-approach-page .approach-hero-image .elementor-widget-container{
  height:100% !important;
  min-height:620px !important;
}

.att-approach-page .approach-hero-image img{
  width:100% !important;
  height:620px !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:50% 50% !important;
}

.att-approach-page .approach-toc-inner{
  display:flex !important;
  flex-flow:row nowrap !important;
  align-items:stretch !important;
  gap:0 !important;
  overflow-x:auto;
}

.att-approach-page .approach-split-5-7,
.att-approach-page .approach-model-intro,
.att-approach-page .approach-continuous{
  display:grid !important;
  grid-template-columns:minmax(0,5fr) minmax(0,7fr) !important;
  gap:56px !important;
  align-items:start !important;
}

.att-approach-page .approach-split-5-7 > *,
.att-approach-page .approach-model-intro > *,
.att-approach-page .approach-continuous > *{
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
}

.att-approach-page .approach-edge-split{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:0 !important;
  align-items:stretch !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

.att-approach-page .approach-edge-split > *{
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
}

.att-approach-page .approach-split-media{
  align-self:stretch !important;
  min-height:100% !important;
}

.att-approach-page .approach-split-image,
.att-approach-page .approach-split-image .elementor-widget-container{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
}

.att-approach-page .approach-split-image img{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
}

/* Keep the image/text proportions editorial rather than letting Elementor
   shrink one side based on content height. */
.att-approach-page #principles .approach-edge-split{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
}

.att-approach-page #different .approach-edge-split{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
}

.att-approach-page #levels .approach-edge-split{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
}

/* Image band is full bleed. */
.att-approach-page .approach-band,
.att-approach-page .approach-band-image,
.att-approach-page .approach-band-image .elementor-widget-container{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* Closing band uses the same 1280 content grid. */
.att-approach-page .approach-close-grid{
  display:grid !important;
  grid-template-columns:minmax(0,7fr) minmax(220px,3fr) !important;
  gap:48px !important;
  align-items:center !important;
}

/* Preserve the approved seven-item on-page navigation as one horizontal row
   on desktop; scrolling is reserved for smaller widths. */
@media(min-width:1101px){
  .att-approach-page .approach-toc-inner{
    overflow:visible;
  }

  .att-approach-page .approach-toc-link{
    flex:0 0 auto !important;
  }
}

@media(max-width:1100px){
  .att-approach-page .approach-wrap{
    width:calc(100% - 64px) !important;
  }

  .att-approach-page .approach-hero-inner{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr) !important;
  }

  .att-approach-page .approach-split-5-7,
  .att-approach-page .approach-model-intro,
  .att-approach-page .approach-continuous{
    grid-template-columns:1fr 1fr !important;
    gap:40px !important;
  }
}

@media(max-width:760px){
  .att-approach-page .approach-wrap{
    width:calc(100% - 40px) !important;
  }

  .att-approach-page .approach-hero-inner,
  .att-approach-page .approach-split-5-7,
  .att-approach-page .approach-model-intro,
  .att-approach-page .approach-continuous,
  .att-approach-page .approach-edge-split,
  .att-approach-page .approach-close-grid{
    grid-template-columns:1fr !important;
  }

  .att-approach-page .approach-hero-media{
    order:1;
    min-height:300px !important;
  }

  .att-approach-page .approach-hero-copy{
    order:2;
  }

  .att-approach-page .approach-edge-split .approach-split-media{
    order:1 !important;
  }

  .att-approach-page .approach-edge-split .approach-split-copy{
    order:2 !important;
  }
}


/* ==========================================================================
   V2 VISUAL ALIGNMENT TO APPROVED APPROACH PROTOTYPE
   ========================================================================== */

/* Whole-person inline dimensions are editorial text, not pill cards. */
.att-approach-page .approach-dimensions{
  border-top:0 !important;
  border-bottom:0 !important;
  margin-top:24px !important;
}

.att-approach-page .approach-dimension{
  padding:4px 14px 4px 0 !important;
  margin-right:14px !important;
}

/* Light split surfaces stay flat; no card treatment. */
.att-approach-page #principles .approach-split-copy{
  background:var(--ap-light) !important;
}

/* Numbered lists use restrained hairlines and teal numerals. */
.att-approach-page .approach-numbered-list{
  border-top:1px solid var(--ap-hair) !important;
}

.att-approach-page .approach-numbered-row{
  border-bottom:1px solid var(--ap-hair) !important;
}

/* Six-stage sequence: compact top-rule modules on the navy field. */
.att-approach-page .approach-stage-card{
  border-top:2px solid var(--ap-gold) !important;
}

/* Public progression is visually separate from the six-stage formation model. */
.att-approach-page .approach-public-grid{
  padding-top:8px;
  border-top:1px solid rgba(231,238,244,.22);
}

.att-approach-page .approach-public-card{
  border-top:2px solid var(--ap-teal) !important;
}

/* Theory/impact cards remain editorial, flat and rule-led. */
.att-approach-page .approach-change-column,
.att-approach-page .approach-horizon-card{
  border-top:2px solid var(--ap-navy) !important;
}

.att-approach-page .approach-theory-card,
.att-approach-page .approach-level-card{
  border-top:2px solid var(--ap-teal) !important;
}

/* Table uses Source Sans 3 and keeps a compact editorial header. */
.att-approach-page .approach-table{
  font-family:var(--ap-text) !important;
}

.att-approach-page .approach-table thead th{
  font-family:var(--ap-text) !important;
  font-weight:700 !important;
}

/* On light surfaces, Gold is not used for small status text. */
.att-approach-page .approach-status{
  border-color:var(--ap-navy) !important;
}
.att-approach-page .approach-status .elementor-heading-title{
  color:var(--ap-navy) !important;
}/* End custom CSS */