:root{--bncc:#0b4f7c;--bncc2:#087d76;--bncc-ink:#172633;--bncc-soft:#eef7f7;--bncc-line:#dce7ea;--bncc-gold:#b37b17}
.bncc-hero{padding:72px 0 48px;background:linear-gradient(135deg,#f2f8f7,#f9f6ed)}
.bncc-hero h1{max-width:820px;margin:.25rem 0 1rem;font-size:clamp(2.2rem,5vw,4.6rem);line-height:.98;letter-spacing:-.045em;color:#102c3c}
.bncc-hero .lead{max-width:780px;font-size:1.2rem;line-height:1.65;color:#445963}
.bncc-hero-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.bncc-hero-stats span{background:#fff;border:1px solid var(--bncc-line);border-radius:16px;padding:12px 16px;color:#52636b}
.bncc-hero-stats strong{display:block;color:var(--bncc);font-size:1.15rem}
.bncc-dashboard{padding:38px 0 72px}
.bncc-progress-card{display:grid;grid-template-columns:minmax(220px,1fr) minmax(240px,1.5fr);gap:26px;align-items:center;padding:22px 24px;background:#0b3d68;color:#fff;border-radius:22px;margin-bottom:24px;box-shadow:0 18px 44px rgba(10,44,67,.12)}
.bncc-progress-card .eyebrow{display:block;font-size:.72rem;letter-spacing:.12em;opacity:.75;margin-bottom:5px}
.bncc-progress-card strong{font-size:1.08rem}
.bncc-progress-track{height:10px;background:rgba(255,255,255,.2);border-radius:999px;overflow:hidden}
.bncc-progress-track i{display:block;width:0;height:100%;background:#fff;border-radius:999px;transition:width .3s ease}
.bncc-controls{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.bncc-controls button{border:1px solid var(--bncc-line);background:#fff;color:#36515f;border-radius:999px;padding:9px 14px;font-weight:750;cursor:pointer}
.bncc-controls button.is-active{background:var(--bncc);border-color:var(--bncc);color:#fff}
.bncc-search{margin-bottom:24px}
.bncc-search label{display:block;font-weight:800;color:#243a46;margin-bottom:7px}
.bncc-search input{width:100%;max-width:650px;border:1px solid var(--bncc-line);border-radius:14px;padding:13px 15px;font:inherit;background:#fff}
.bncc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bncc-card{display:flex;flex-direction:column;min-height:230px;padding:22px;border:1px solid var(--bncc-line);border-radius:20px;background:#fff;color:var(--bncc-ink);text-decoration:none;box-shadow:0 12px 34px rgba(17,51,71,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.bncc-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(17,51,71,.1);border-color:#b7d3d8}
.bncc-card.is-complete{border-color:#84beb2;background:linear-gradient(180deg,#fff,#f0faf7)}
.bncc-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}
.bncc-num{font-size:.75rem;letter-spacing:.1em;font-weight:900;color:var(--bncc)}
.bncc-done{font-size:.72rem;font-weight:850;color:#087d5f}
.bncc-card h3{font-size:1.25rem;line-height:1.2;margin:0 0 10px;letter-spacing:-.018em}
.bncc-card p{font-size:.93rem;color:#667a83;line-height:1.5;margin:0 0 18px}
.bncc-card b{margin-top:auto;color:var(--bncc)}
.bncc-method{padding:55px 0 78px;background:#f7faf9}
.bncc-method h2{font-size:clamp(1.8rem,3.6vw,3rem);margin:.25rem 0 1rem;color:#173848}
.bncc-method p{font-size:1.08rem;line-height:1.75;color:#4b616b}
.bncc-loading{padding:36px;text-align:center;color:#687b84}
.bncc-empty{grid-column:1/-1;padding:40px;text-align:center;border:1px dashed var(--bncc-line);border-radius:18px;color:#60747e}
.bncc-study-shell{max-width:1020px;padding-top:26px;padding-bottom:70px}
.bncc-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.85rem;color:#71828a;margin-bottom:22px}
.bncc-breadcrumb a{color:var(--bncc);text-decoration:none}
.bncc-study-head{padding:34px 0 26px;border-bottom:1px solid var(--bncc-line)}
.bncc-study-kicker{font-size:.75rem;font-weight:900;letter-spacing:.13em;color:var(--bncc);margin-bottom:8px}
.bncc-study-head h1{font-size:clamp(2.15rem,5vw,4rem);letter-spacing:-.042em;line-height:1.02;color:#153343;margin:0 0 14px}
.bncc-meta{display:flex;flex-wrap:wrap;gap:8px}
.bncc-meta span{padding:7px 10px;border-radius:999px;background:#eff6f6;color:#405964;font-size:.82rem;font-weight:750}
.bncc-study-content section{padding:27px 0;border-bottom:1px solid #edf1f2}
.bncc-study-content section h2{font-size:1.55rem;line-height:1.25;color:#173d4e;margin:0 0 14px}
.bncc-study-content section h3{font-size:1.15rem;color:#265365;margin:18px 0 10px}
.bncc-study-content section p{font-size:1.03rem;line-height:1.78;color:#344d59;margin:0 0 13px}
.bncc-study-content section ul{margin:10px 0 15px;padding-left:22px}
.bncc-study-content section li{margin:7px 0;line-height:1.6;color:#344d59}
.bncc-study-content section a{color:#086c79;font-weight:700}
.bncc-study-content section.is-experience{margin:24px 0;padding:24px;border:1px solid #b8ddd8;border-radius:20px;background:linear-gradient(135deg,#edf9f6,#f9fbf7)}
.bncc-study-content section.is-experience h2:before{content:"⚗ ";font-size:.9em}
.bncc-study-content section.is-faith{margin:24px 0;padding:24px;border-left:4px solid var(--bncc-gold);background:#fbf8ee;border-radius:0 18px 18px 0}
.bncc-study-content section.is-faith h2:before{content:"✝ ";font-size:.85em;color:var(--bncc-gold)}
.bncc-study-content section.is-bncc{background:#f3f7fa;margin:24px 0;padding:24px;border-radius:18px;border:1px solid #dae6ed}
.bncc-note{margin-top:18px;padding-top:16px;border-top:1px dashed #bdd7d2}
.bncc-note label{display:block;font-weight:800;color:#245266;margin-bottom:8px}
.bncc-note textarea{width:100%;min-height:92px;resize:vertical;border:1px solid #c7d9dc;border-radius:12px;padding:12px;font:inherit;background:#fff}
.bncc-note-actions{display:flex;align-items:center;gap:10px;margin-top:8px}
.bncc-action{border:0;border-radius:999px;background:var(--bncc);color:#fff;padding:9px 14px;font-weight:800;cursor:pointer}
.bncc-saved{font-size:.82rem;color:#4a756c}
.bncc-challenge{margin:28px 0;padding:25px;border-radius:22px;background:#0d405f;color:#fff}
.bncc-challenge h2{color:#fff!important}
.bncc-challenge .challenge-question{font-size:1.07rem;line-height:1.65;color:#fff;margin-bottom:16px}
.bncc-options{display:grid;gap:9px}
.bncc-option{border:1px solid rgba(255,255,255,.23);background:rgba(255,255,255,.07);color:#fff;text-align:left;border-radius:13px;padding:12px 13px;font:inherit;cursor:pointer}
.bncc-option:hover{background:rgba(255,255,255,.14)}
.bncc-option.correct{background:#11765f;border-color:#72d1b6}
.bncc-option.wrong{background:#874c4c;border-color:#d99c9c}
.bncc-feedback{margin-top:14px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.1);line-height:1.55}
.bncc-mission-box{margin-top:17px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.bncc-complete{border:0;border-radius:999px;background:#0b6f62;color:#fff;padding:11px 16px;font-weight:850;cursor:pointer}
.bncc-complete.is-done{background:#e8f5f1;color:#0b6658;border:1px solid #96cabc}
.bncc-study-nav{display:flex;justify-content:space-between;gap:12px;margin-top:35px}
.bncc-study-nav a{display:inline-flex;padding:11px 15px;border-radius:999px;border:1px solid var(--bncc-line);color:var(--bncc);font-weight:800;text-decoration:none}
.bncc-study-nav a:hover{background:#f2f8f8}
@media(max-width:820px){.bncc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bncc-progress-card{grid-template-columns:1fr}.bncc-hero{padding-top:48px}}
@media(max-width:560px){.bncc-grid{grid-template-columns:1fr}.bncc-card{min-height:0}.bncc-study-content section{padding:22px 0}.bncc-study-content section.is-experience,.bncc-study-content section.is-faith,.bncc-study-content section.is-bncc,.bncc-challenge{padding:19px}.bncc-hero-stats span{flex:1 1 30%}.bncc-study-nav{align-items:stretch}.bncc-study-nav a{font-size:.88rem}}