.cmd-page{max-width:1500px;margin:0 auto;padding:28px}.cmd-hero{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:42px;border-radius:24px;background:linear-gradient(135deg,#0c2745,#153f68 62%,#826a32);color:#fff;box-shadow:0 20px 45px rgba(9,34,58,.2)}.cmd-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:800;color:#d9bd72;margin:0 0 8px}.cmd-hero h1{font-size:clamp(2rem,4vw,4rem);line-height:1;margin:0 0 14px}.cmd-intro{max-width:720px;margin:0;color:#dbe8f5;font-size:1.05rem}.cmd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:-18px 24px 24px;position:relative}.cmd-stats div{background:#fff;border:1px solid #dce5ed;border-radius:16px;padding:18px;box-shadow:0 8px 24px rgba(14,42,68,.09);text-align:center}.cmd-stats strong{display:block;font-size:1.8rem;color:#143d63}.cmd-stats span{color:#667789;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}.cmd-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px;background:#f5f8fb;border:1px solid #dce5ed;border-radius:16px;margin-bottom:18px}.cmd-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #cbd8e3;border-radius:10px;padding:0 12px;flex:1;min-width:260px}.cmd-search input{border:0;outline:0;padding:12px 0;width:100%;background:transparent}.cmd-toolbar select,.cmd-form-grid input,.cmd-form-grid select,.cmd-form-grid textarea,.cmd-dialog>form>label select,.cmd-split-heads input{border:1px solid #cbd8e3;border-radius:10px;padding:11px;background:#fff;font:inherit}.cmd-btn{border:1px solid #bdccd8;background:#fff;color:#173e60;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}.cmd-btn:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(20,61,99,.12)}.cmd-btn-primary{background:#b79647;border-color:#b79647;color:#fff}.cmd-btn-danger{background:#a63e3e;border-color:#a63e3e;color:#fff}.cmd-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr);gap:18px;align-items:start}.cmd-browser,.cmd-detail{min-width:0}.cmd-topic{background:#fff;border:1px solid #d8e2ea;border-radius:16px;margin-bottom:14px;overflow:hidden}.cmd-topic>summary,.cmd-section>summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none}.cmd-topic>summary{padding:18px 20px;background:#173e60;color:#fff;font-size:1.15rem;font-weight:800}.cmd-topic summary b,.cmd-section summary b{margin-left:auto;border-radius:999px;padding:3px 9px;font-size:.76rem;background:rgba(255,255,255,.16)}.cmd-chevron{font-size:1.45rem;transition:.2s}.cmd-topic[open]>summary .cmd-chevron,.cmd-section[open]>summary .cmd-chevron{transform:rotate(90deg)}.cmd-topic-body{padding:12px}.cmd-section{border:1px solid #e0e7ed;border-radius:12px;margin:8px 0;overflow:hidden}.cmd-section>summary{padding:13px 15px;background:#f1f5f8;color:#254b6c;font-weight:800}.cmd-section summary b{background:#dbe6ee}.cmd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.cmd-card{border:1px solid #dce5eb;border-radius:14px;padding:16px;background:#fff;cursor:pointer;transition:.18s;box-shadow:0 2px 8px rgba(15,44,68,.04)}.cmd-card:hover,.cmd-card.active{border-color:#b79647;box-shadow:0 10px 24px rgba(15,44,68,.12);transform:translateY(-2px)}.cmd-card-top,.cmd-card footer{display:flex;justify-content:space-between;gap:8px;align-items:center}.cmd-number{font-weight:900;color:#9a7930}.cmd-status{font-size:.68rem;text-transform:uppercase;padding:4px 8px;border-radius:999px;font-weight:800;border:1px solid transparent}.cmd-status-public{background:#dff2e7;color:#237344;border-color:#b7dec5}.cmd-status-private{background:#eee8f7;color:#6d4b8d;border-color:#d8cbea}.cmd-visibility-toggle{cursor:pointer;font:inherit}.cmd-visibility-toggle:hover{filter:brightness(.96);transform:translateY(-1px)}.cmd-visibility-toggle:disabled{opacity:.55;cursor:wait}.cmd-card h3{margin:10px 0 8px;color:#153f65;font-size:1rem;line-height:1.35}.cmd-card p{margin:0;color:#6b7b89;font-size:.82rem;min-height:2.2em}.cmd-card footer{border-top:1px solid #eef2f5;margin-top:14px;padding-top:10px;color:#607382;font-size:.78rem;font-weight:700}.cmd-detail{position:sticky;top:20px;background:#fff;border:1px solid #d8e2ea;border-radius:18px;min-height:420px;box-shadow:0 10px 28px rgba(12,39,69,.08);overflow:hidden}.cmd-detail-placeholder{display:grid;place-items:center;text-align:center;padding:70px 30px;color:#6d7d8a}.cmd-seal{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:#173e60;color:#d9bd72;font-size:1.45rem;margin-bottom:14px}.cmd-detail-content header{padding:24px;background:linear-gradient(135deg,#153e63,#22577f);color:#fff}.cmd-detail-content h2{margin:7px 0}.cmd-breadcrumb{font-size:.8rem;color:#cbddea}.cmd-detail-title-row{display:flex;gap:12px;align-items:center;justify-content:space-between}.cmd-detail-title-row .cmd-kicker{margin:0}.cmd-detail-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.cmd-detail-body{padding:20px}.cmd-reference-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin:8px 0}.cmd-reference{display:block;text-decoration:none;color:#173e60;border:1px solid #e0e7ed;border-radius:11px;padding:12px;background:#f8fafc}.cmd-reference:hover{border-color:#b79647}.cmd-reference-copy{display:grid;gap:2px}.cmd-reference-copy small{color:#607382}.cmd-private-override{margin-top:18px;padding:12px;border:1px solid #d8cbea;border-radius:10px;background:#f7f3fb;color:#654d7c;font-size:.82rem;line-height:1.45}.cmd-empty{text-align:center;padding:60px}.cmd-dialog{border:0;border-radius:18px;padding:0;max-width:760px;width:min(94vw,760px);box-shadow:0 25px 70px rgba(0,0,0,.3)}.cmd-dialog-wide{max-width:920px;width:min(96vw,920px)}.cmd-dialog::backdrop{background:rgba(5,20,35,.65)}.cmd-dialog form{padding:24px}.cmd-dialog header,.cmd-dialog footer{display:flex;justify-content:space-between;align-items:center;gap:14px}.cmd-dialog h2{margin:0}.cmd-icon{border:0;background:#eef3f6;border-radius:50%;width:36px;height:36px;font-size:1.4rem;cursor:pointer}.cmd-form-grid{display:grid;grid-template-columns:1fr 2fr;gap:14px;margin:20px 0}.cmd-form-grid label,.cmd-dialog>form>label{display:grid;gap:6px;color:#35536d;font-weight:700;font-size:.84rem}.cmd-wide{grid-column:1/-1}.cmd-form-error{color:#a63e3e;min-height:1.2em}.cmd-split-heads{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.cmd-split-heads div{display:grid;grid-template-columns:90px 1fr;gap:8px}.cmd-split-records{border:1px solid #dce5eb;border-radius:12px;overflow:hidden}.cmd-split-row{display:grid;grid-template-columns:1fr 110px 110px;padding:11px;border-bottom:1px solid #e6edf2;align-items:center}.cmd-split-row:last-child{border-bottom:0}.cmd-split-row label{text-align:center}.is-hidden{display:none!important}@media(max-width:1050px){.cmd-layout{grid-template-columns:1fr}.cmd-detail{position:relative;top:auto}.cmd-grid{grid-template-columns:1fr}}@media(max-width:700px){.cmd-page{padding:12px}.cmd-hero{padding:26px;align-items:flex-start;flex-direction:column}.cmd-stats{grid-template-columns:1fr 1fr;margin:-8px 8px 18px}.cmd-form-grid{grid-template-columns:1fr}.cmd-wide{grid-column:auto}.cmd-split-row{grid-template-columns:1fr 70px 70px}.cmd-split-heads{grid-template-columns:1fr}.cmd-reference-row{grid-template-columns:1fr}.cmd-reference-row .cmd-status{justify-self:start}}

/* v22 - Show verse text in Associated Scripture rows */
.cmd-reference-verse-text {
    display: block;
    margin-top: 6px;
    color: #4f5e6b;
    font-size: 0.88rem;
    font-weight: 500;
    line-height: 1.45;
}

/* v23 - Commandments study-stat hover/focus explanations */
.cmd-stat-tile {
    position: relative;
    outline: none;
}

.cmd-stat-tile:focus-visible {
    border-color: #b79647;
    box-shadow: 0 0 0 3px rgba(183, 150, 71, .18), 0 8px 24px rgba(14, 42, 68, .09);
}

.cmd-stat-tooltip {
    position: absolute;
    z-index: 40;
    left: 50%;
    bottom: calc(100% + 12px);
    width: min(320px, 80vw);
    padding: 12px 14px;
    border: 1px solid #d8c18a;
    border-radius: 11px;
    background: #fffdf7;
    color: #263746;
    box-shadow: 0 12px 30px rgba(12, 39, 69, .18);
    font-size: .84rem;
    font-weight: 500;
    line-height: 1.45;
    text-align: left;
    text-transform: none;
    letter-spacing: normal;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, 5px);
    transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
}

.cmd-stat-tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 10px;
    height: 10px;
    background: #fffdf7;
    border-right: 1px solid #d8c18a;
    border-bottom: 1px solid #d8c18a;
    transform: translate(-50%, -5px) rotate(45deg);
}

.cmd-stat-tile:hover .cmd-stat-tooltip,
.cmd-stat-tile:focus .cmd-stat-tooltip,
.cmd-stat-tile:focus-within .cmd-stat-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
}

@media (max-width: 700px) {
    .cmd-stat-tooltip {
        width: min(280px, 76vw);
    }
}

