/* KJT Site Core - Armoury: Step 1 picture, Steps 4 and 5 (7.8.7) */
.kja-tablets{margin:2rem 0 0;border-radius:1.5rem;overflow:hidden;background:#120a06;box-shadow:0 18px 44px rgba(62,9,63,.18)}
.kja-tablets img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.kja-tablets figcaption{padding:.8rem 1.1rem;background:#1b120c;color:#f3d27a;font:700 .85rem/1.3 system-ui,sans-serif;letter-spacing:.04em}
.kja-tablets figcaption a{color:#fff;text-decoration:underline;text-underline-offset:3px}

.kja-wrap{max-width:80rem;margin:0 auto;padding:3.5rem 1.25rem;display:grid;gap:2.5rem;align-items:center}
@media(min-width:640px){.kja-wrap{padding:5rem 2rem}}
@media(min-width:1024px){.kja-wrap{grid-template-columns:minmax(0,1.05fr) minmax(22rem,.95fr);gap:3.5rem}}
.kja-eyebrow{margin:0;color:var(--color-purple,#70126f);font:800 .75rem/1 system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase}
.kja-eyebrow--teal{color:var(--color-teal,#0b7778)}
.kja-h2{margin:.75rem 0 0;font-size:clamp(2.25rem,4.5vw,3rem);line-height:1.1}
.kja-lead{margin:1.2rem 0 0;font-size:1.3rem;line-height:1.5;font-weight:600;color:var(--color-ink,#1d1a22)}
.kja-step .kja-lead{margin-top:1.1rem!important}.kja-step .kja-body{margin-top:.9rem!important}
.kja-step5 .kja-lead,.kja-step5 .kja-body{color:#3e093f}
.kja-lead a{margin-left:.35rem;font-size:.95rem;font-weight:800;color:var(--color-purple,#70126f);text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.kja-body{margin:1rem 0 0;font-size:1.08rem;line-height:1.75;color:var(--color-ink,#1d1a22);max-width:38rem}

.kja-jesus-prayer{margin-top:1.75rem;padding:1.5rem 1.6rem;border-radius:1.25rem;background:var(--color-purple-deep,#3e093f);color:#fff}
.kja-jesus-prayer__label{margin:0;color:var(--color-yellow,#f3c548);font:800 .72rem/1 system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase}
.kja-jesus-prayer__text{margin:.8rem 0 0;font-size:clamp(1.5rem,3vw,1.9rem);line-height:1.25}
.kja-jesus-prayer__hint{margin:.75rem 0 0;font-size:.92rem;color:rgba(255,255,255,.75)}

.kja-mini{margin-top:1rem;display:flex;align-items:center;gap:.9rem;padding:.7rem .9rem .7rem .7rem;border-radius:1.1rem;background:#fff;border:1px solid var(--color-line,#e5dfe7);color:var(--color-ink,#1d1a22);text-decoration:none;transition:border-color .2s,transform .2s}
.kja-mini:hover,.kja-mini:focus-visible{border-color:var(--color-teal,#0b7778);transform:translateY(-2px)}
.kja-mini img{flex:none;width:4.5rem;height:3.4rem;border-radius:.7rem;object-fit:cover}
.kja-mini>span{flex:1;min-width:0}
.kja-mini strong{display:block;color:var(--color-purple-deep,#3e093f);font-size:.98rem}
.kja-mini strong+span{display:block;margin-top:.15rem;font-size:.84rem;line-height:1.4;color:var(--color-muted,#665f6b)}
.kja-arrow{flex:none;color:var(--color-teal,#0b7778)}

.kja-preview{border-radius:1.6rem;overflow:hidden;background:#fff;box-shadow:0 22px 50px rgba(62,9,63,.16)}
.kja-preview__hero{position:relative;display:block;aspect-ratio:16/8;overflow:hidden;color:#fff;text-decoration:none}
.kja-preview__hero img{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;transition:transform .6s}
.kja-preview__hero:hover img{transform:scale(1.04)}
.kja-step5 .kja-preview__hero img{object-position:78% 38%}
.kja-preview__shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(30,4,32,.88),rgba(30,4,32,.1) 65%)}
.kja-preview__tag{position:absolute;left:1.25rem;top:1.1rem;padding:.35rem .7rem;border-radius:999px;background:rgba(255,255,255,.9);color:var(--color-purple-deep,#3e093f);font:800 .68rem/1 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.kja-preview__title{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.45);position:absolute;left:1.25rem;right:1.25rem;bottom:1rem;font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.1}
.kja-preview__body{padding:1.25rem 1.25rem 1.4rem}
.kja-preview__intro{margin:0 0 .6rem;color:var(--color-muted,#665f6b);font:800 .72rem/1 system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.kja-list{list-style:none;margin:0;padding:0}
.kja-list li+li{border-top:1px solid var(--color-line,#e5dfe7)}
.kja-list a{display:flex;align-items:center;gap:.75rem;padding:.7rem .35rem;color:var(--color-ink,#1d1a22);text-decoration:none;border-radius:.6rem}
.kja-list a:hover,.kja-list a:focus-visible{background:var(--color-teal-soft,#e6f3f1)}
.kja-list strong{flex:none;width:11rem;color:var(--color-purple-deep,#3e093f);font-size:.95rem}
.kja-list span{flex:1;font-size:.86rem;line-height:1.4;color:var(--color-muted,#665f6b)}
@media(max-width:480px){.kja-list a{flex-wrap:wrap;gap:.1rem .75rem}.kja-list strong{width:auto;flex:1 1 100%}.kja-list span{flex:1}}

.kja-btn{margin-top:1.1rem;display:inline-flex;align-items:center;gap:.5rem;min-height:3rem;padding:0 1.5rem;border-radius:999px;font:800 .95rem/1 system-ui,sans-serif;text-decoration:none;transition:transform .2s,background .2s}
.kja-btn:hover,.kja-btn:focus-visible{transform:translateY(-2px)}
.kja-btn .kja-arrow{color:inherit}
.kja-btn--purple{background:var(--color-purple-deep,#3e093f);color:#fff!important}
.kja-btn--purple:hover{background:var(--color-purple,#70126f)}
.kja-btn--gold{background:var(--color-yellow,#f3c548);color:#3e093f!important}

.kja-ticks{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:.55rem}
.kja-ticks li{position:relative;padding-left:2rem;font-weight:700;color:#3e093f}
.kja-ticks li::before{content:"";position:absolute;left:0;top:.1rem;width:1.35rem;height:1.35rem;border-radius:50%;background:#3e093f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f3c548' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/.85rem no-repeat}

.kja-preview--dark{background:var(--color-purple-deep,#3e093f)}
.kja-preview--dark .kja-preview__intro{color:rgba(255,255,255,.7)}
.kja-chips{display:flex;flex-wrap:wrap;gap:.45rem}
.kja-chip{padding:.45rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff!important;font:700 .84rem/1.2 system-ui,sans-serif;text-decoration:none;transition:background .2s,border-color .2s}
.kja-chip:hover,.kja-chip:focus-visible{background:rgba(243,197,72,.2);border-color:var(--color-yellow,#f3c548)}
@media(min-width:1024px){.kja-wrap--flip .kja-preview{order:2}}