/* My Kingdom Keys RC5 — Six Growth Keys Formation Architecture
   Locked order:
   Know the Kingdom → Obey the King → Abide with the King →
   Serve the King's Purpose → DECLARE THE KING →
   Discover the Mysteries of the Kingdom ↺
*/

.growth-order-ribbon{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px;
    margin:12px 0 18px;
    padding:13px 14px;
    border-radius:17px;
    background:#f3ede1;
    border:1px solid rgba(60,66,55,.09);
}
.growth-order-ribbon span{
    font-size:.88rem;
    line-height:1.25;
    font-weight:900;
    color:#3e493b;
}
.growth-order-ribbon b{
    font-size:.9rem;
    color:#9b8e72;
}
.growth-key-card.key-understanding:before{background:#6d668c}
.key-understanding .key-number{background:#e7e1ee;color:#564d76}
.key-understanding .key-card-copy h2{color:#514a70}

.holy-spirit-throughline,
.spirit-thread-card{
    margin:20px 0;
    padding:17px;
    border-radius:19px;
    background:#e9e7f0;
    border:1px solid rgba(76,70,91,.11);
    color:#3f3b4b;
}
.holy-spirit-throughline>span,
.spirit-thread-card>span{
    display:block;
    font-size:.82rem;
    line-height:1.35;
    letter-spacing:.09em;
    font-weight:950;
    color:#696178;
}
.holy-spirit-throughline h2{
    margin:5px 0 7px;
    font-size:1.2rem;
    line-height:1.25;
}
.holy-spirit-throughline p,
.spirit-thread-card p{
    margin:0;
    font-size:.96rem;
    line-height:1.58;
}
.holy-spirit-throughline>div{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:12px;
}
.holy-spirit-throughline b{
    padding:7px 9px;
    border-radius:999px;
    background:#f5f2f8;
    font-size:.82rem;
    line-height:1.2;
}

.knowledge-begins,
.understanding-mysteries{
    margin:24px 0;
}
.knowledge-movement-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
}
.knowledge-movement-grid article{
    padding:16px;
    border-radius:18px;
    background:#fffaf0;
    border:1px solid rgba(57,63,52,.09);
}
.knowledge-movement-grid article>span{
    display:block;
    font-size:.82rem;
    letter-spacing:.08em;
    font-weight:950;
    color:#827352;
}
.knowledge-movement-grid h3{
    margin:4px 0 7px;
    font-size:1.16rem;
    line-height:1.2;
    color:#303a2e;
}
.knowledge-movement-grid p{
    margin:0;
    font-size:.94rem;
    line-height:1.55;
    color:#5d6459;
}

.understanding-loop{
    margin-top:16px;
    padding:13px 14px;
    border-radius:15px;
    background:#e8e3ef;
    color:#544c70;
    font-size:.86rem;
    line-height:1.45;
    font-weight:850;
    letter-spacing:.025em;
}
.understanding-loop strong{
    display:block;
    margin-top:3px;
    font-size:.94rem;
}
.mystery-guardrail{
    display:grid;
    gap:4px;
    margin:13px 0;
    padding:14px;
    border-radius:16px;
    background:#eeeaf3;
}
.mystery-guardrail strong{
    font-size:.95rem;
    color:#514a6b;
}
.mystery-guardrail span{
    font-size:.92rem;
    line-height:1.5;
    color:#625c70;
}
.understanding-library-button{margin-top:10px!important}

.knowledge-depth-switch{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    margin:10px 0 18px;
}
.knowledge-depth-switch a{
    min-height:64px;
    display:grid;
    grid-template-columns:32px 1fr;
    gap:8px;
    align-items:center;
    padding:11px 12px;
    box-sizing:border-box;
    border-radius:16px;
    background:#f5efe4;
    border:1px solid rgba(57,63,52,.1);
    color:#394237;
    text-decoration:none;
}
.knowledge-depth-switch a>span{
    width:31px;
    height:31px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:#e7e1d5;
    font-size:.9rem;
    font-weight:950;
}
.knowledge-depth-switch strong{
    display:block;
    font-size:.91rem;
    line-height:1.25;
}
.knowledge-depth-switch small{
    display:block;
    margin-top:2px;
    font-size:.82rem;
    line-height:1.3;
    color:#70746b;
}
.knowledge-depth-switch a.active{
    background:#e6ecdf;
    border-color:rgba(70,89,64,.18);
}
.knowledge-depth-switch a.active>span{
    background:#d5e0cd;
}

.studio-publish-warning{
    margin:12px 0;
    padding:12px 13px;
    border-radius:14px;
    background:#f5ead7;
    border:1px solid rgba(112,78,32,.12);
    font-size:.91rem;
    line-height:1.48;
    color:#5e4e37;
}
.studio-publish-warning strong{font-weight:900}

html[data-contrast="high"] .holy-spirit-throughline,
html[data-contrast="high"] .spirit-thread-card,
html[data-contrast="high"] .knowledge-movement-grid article,
html[data-contrast="high"] .mystery-guardrail,
html[data-contrast="high"] .knowledge-depth-switch a,
html[data-contrast="high"] .studio-publish-warning{
    background:#fff!important;
    color:#111!important;
    border-color:#444!important;
}

@media(min-width:680px){
    .knowledge-movement-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:390px){
    .knowledge-depth-switch{grid-template-columns:1fr}
    .growth-order-ribbon span{font-size:.84rem}
}