/* A tiny Abundance-only ceremonial progression. Never applied to other design directions. */
html[data-look=abundance] .ef-ab-init {
  position:relative;isolation:isolate;overflow:hidden;
  display:grid;grid-template-columns:minmax(130px,.45fr) minmax(0,1.55fr);gap:clamp(18px,4vw,65px);
  align-items:center;margin:clamp(20px,3vw,36px) 0 42px;
  padding:clamp(28px,5vw,72px);
  background:linear-gradient(125deg,#fdfbf5,#e6eee1 56%,#f7efe4);
  color:#263b30;border:1px solid #cddbc8;border-radius:23px;
}
html[data-look=abundance] .ef-ab-init-flower {
  font-size:clamp(120px,19vw,240px);line-height:1;color:#8ca68a;
  text-align:center;opacity:.8;animation:ef-ab-init-breathe 7s ease-in-out infinite alternate;pointer-events:none;
}
html[data-look=abundance] .ef-ab-init-content {min-width:0;position:relative}
html[data-look=abundance] .ef-ab-init-tag {font:600 11px/1.5 "Courier New",monospace;letter-spacing:.15em;color:#5b745e}
html[data-look=abundance] .ef-ab-init-progress {display:flex;gap:9px;list-style:none;padding:0;margin:18px 0 24px}
html[data-look=abundance] .ef-ab-init-progress li {display:grid;place-items:center;width:37px;height:37px;border:1px solid #acbeab;border-radius:50%;font:11px "Courier New",monospace}
html[data-look=abundance] .ef-ab-init-progress li[aria-current=step] {background:#2f4c3b;border-color:#2f4c3b;color:#fffdf7}
html[data-look=abundance] .ef-ab-init :is(h1,h3) {font:650 clamp(36px,5.3vw,76px)/1.01 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.065em;color:#25372a;margin:0 0 18px}
html[data-look=abundance] .ef-ab-init p {font-size:clamp(15px,1.6vw,18px);color:#4d6652;line-height:1.65;max-width:58ch;margin:0 0 20px}
html[data-look=abundance] .ef-ab-init-reflection {display:grid;gap:5px;border-left:3px solid #72956d;padding:9px 0 9px 17px;margin:23px 0;color:#3d5944}
html[data-look=abundance] .ef-ab-init-reflection strong {font-size:16px}
html[data-look=abundance] .ef-ab-init-reflection span {font-size:14px;line-height:1.5}
html[data-look=abundance] .ef-ab-init .ef-ab-init-note {font-size:13px;color:#5b6e5c}
html[data-look=abundance] .ef-ab-init-actions {display:flex;gap:15px;flex-wrap:wrap;align-items:center;margin-top:22px}
html[data-look=abundance] :is(.ef-ab-init-button,.ef-ab-init-link) {display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:48px;min-width:0;padding:12px 19px;font:650 14px/1.35 "Helvetica Neue",Arial,sans-serif;border-radius:100px;text-decoration:none;cursor:pointer}
html[data-look=abundance] .ef-ab-init-button {background:#2d4937;color:#fffdf7;border:1px solid #2d4937}
html[data-look=abundance] .ef-ab-init-button:hover {background:#46694e;color:#fffdf7}
html[data-look=abundance] .ef-ab-init-link {border:1px solid #9fb59e;color:#2d4937;background:transparent}
html[data-look=abundance] :is(.ef-ab-init-button,.ef-ab-init-link):focus-visible {outline:3px solid #4d744a;outline-offset:4px}
html[data-look=abundance] .ef-ab-init-inapp {margin:20px 0 40px;min-height:420px}
html[data-look=abundance] .ef-ab-init-inapp h1 {color:#25372a}
html[data-look=abundance] .ob-abundance-channel {margin:22px 0;padding:clamp(20px,3vw,32px);border:1px solid #bacfb7;border-radius:16px;background:#f5f6ec;color:#2d4636}
html[data-look=abundance] .ob-abundance-channel h2 {font-size:clamp(23px,3vw,37px);line-height:1.1;font-weight:650;margin:9px 0 17px;letter-spacing:-.045em}
html[data-look=abundance] .ob-abundance-channel p {color:#465e48;font-size:15px;line-height:1.6}
html[data-look=abundance] .ob-abundance-channel a {display:inline-block;font-size:14px;border-bottom:1px solid #7e9879;padding:9px 0;color:#2e5137;margin-top:10px}
html[data-look=abundance] .ob-abundance-progress {font:12px "Courier New",monospace;letter-spacing:.09em;color:#486b4b}
@keyframes ef-ab-init-breathe {to{opacity:.5;transform:rotate(9deg) scale(1.065)}}
@media(max-width:720px){
 html[data-look=abundance] .ef-ab-init {grid-template-columns:1fr;gap:5px;padding:28px 23px}
 html[data-look=abundance] .ef-ab-init-flower {font-size:108px;justify-self:center;line-height:.8}
 html[data-look=abundance] .ef-ab-init :is(h1,h3){font-size:clamp(36px,9.1vw,58px)}
 html[data-look=abundance] .ef-ab-init-actions{flex-direction:column;align-items:stretch}
 html[data-look=abundance] :is(.ef-ab-init-button,.ef-ab-init-link){width:100%;min-height:51px}
}
@media(prefers-reduced-motion:reduce){
 html[data-look=abundance] .ef-ab-init-flower{animation:none}
}