body.ck-proof { background: radial-gradient(ellipse at 80% 5%,#dce6e080,transparent 36rem), radial-gradient(ellipse at 5% 30%,#d9dddf70,transparent 28rem),#f7f8f5; }
.ck-proof [hidden] { display:none!important; }
#proof-cover-dialog { border:0; border-radius:18px; max-width:90vw; max-height:90vh; padding:42px 20px 20px; }
#proof-cover-dialog::backdrop { background:#102319b3; }
#proof-cover-dialog img { max-height:75vh; object-fit:contain; }
#proof-cover-close { position:absolute; top:4px; right:6px; border:0; background:white; font-size:28px; width:44px; height:38px; }
.proof-main { max-width:1240px; margin:auto; padding:0 28px 90px; }
.proof-hero { position:relative; isolation:isolate; display:grid; grid-template-columns:1fr auto; align-items:center; padding:64px 0 42px; gap:25px; overflow:hidden; }
.proof-hero:before { content:''; position:absolute; z-index:-1; width:450px; height:300px; right:0; top:0; background:radial-gradient(ellipse,#73948228,#7f898b19 45%,transparent 70%); filter:blur(18px); transform:rotate(-20deg); }
.proof-hero h1 { font:900 clamp(3.5rem,7vw,6.5rem)/1 Arial,sans-serif; letter-spacing:-.07em; margin:0 0 15px; color:#075f39; }
.proof-hero h2 { font-size:clamp(1.7rem,4vw,2.8rem); line-height:1.4; margin:0 0 12px; letter-spacing:-.035em; }
.proof-hero p { max-width:650px; color:#56615b; margin:0; }
.proof-mark { font:900 clamp(130px,18vw,235px)/1 Georgia,serif; color:#8aa29526; padding:0 55px; transform:rotate(9deg); }
.proof-tabs { display:flex; gap:4px; border-bottom:1px solid var(--line); margin-bottom:35px; }
.proof-tabs a { text-decoration:none; padding:16px 22px; font-weight:800; border-bottom:3px solid transparent; }
.proof-tabs a[aria-current=page] { color:var(--green); border-bottom-color:var(--green); }
.proof-intro { display:flex; gap:20px; justify-content:space-between; align-items:end; margin-bottom:25px; }
.proof-intro h2 { margin:0; font-size:1.65rem; }
.proof-intro p { margin:5px 0 0; color:#657069; }
.proof-counter { font:800 .72rem/1.5 Arial,sans-serif; letter-spacing:.13em; color:#69766f; white-space:nowrap; }
.proof-categories { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:25px 0 36px; }
.proof-category { padding:24px; border:1px solid #d4ded6; border-radius:20px; background:#ffffffc9; text-decoration:none; transition:transform .2s,box-shadow .2s; }
.proof-category:hover { transform:translateY(-3px); box-shadow:0 12px 30px #183c2412; }
.proof-category b { display:block; margin:12px 0 6px; font-size:1.1rem; }
.proof-category p { margin:0; font-size:.88rem; color:#617168; }
.proof-category .category-code { color:#087642; font:800 .74rem Arial; letter-spacing:.08em; }
.proof-breadcrumb { display:flex; flex-wrap:wrap; gap:8px; align-items:center; color:#65766a; font-size:.88rem; margin:24px 0; }
.proof-breadcrumb a { color:#075f39; text-underline-offset:3px; }
.proof-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.proof-card { display:flex; flex-direction:column; padding:28px; border:1px solid #dce3dd; border-radius:20px; background:#fff; }
.proof-code { color:var(--green); font:800 .74rem/1.5 Arial; letter-spacing:.12em; }
.proof-card h3 { margin:10px 0 10px; font-size:1.25rem; line-height:1.55; }
.proof-card p { color:#5f6c64; margin:0 0 20px; font-size:.93rem; }
.proof-location { display:block; color:#758177; font-size:.78rem; margin-top:auto; padding-top:12px; border-top:1px solid #e8ece8; }
.proof-read { display:inline-flex; align-items:center; justify-content:center; gap:16px; text-decoration:none; font-weight:800; border-radius:999px; background:#0a6d41; color:white; min-height:44px; padding:10px 22px; width:fit-content; margin-top:16px; font-size:.92rem; }
.proof-read.secondary { background:#edf2ed; color:#075f39; }
.proof-read:focus-visible,.proof-tabs a:focus-visible,.proof-category:focus-visible { outline:3px solid #10a65e80; outline-offset:4px; }
.proof-feature { display:grid; grid-template-columns:1fr auto; gap:28px; align-items:center; padding:34px; margin:0 0 32px; color:white; background:linear-gradient(120deg,#103b2b,#08683d); border-radius:24px; }
.proof-feature .proof-code { color:#b7dccb; }
.proof-feature h3 { font-size:1.5rem; line-height:1.55; margin:10px 0; }
.proof-feature p { color:#cee3d8; margin:0; max-width:760px; }
.proof-feature .proof-read { background:#fff; color:#075f39; white-space:nowrap; }
.article-heading { max-width:920px; padding:18px 0 26px; }
.article-heading h1 { font-size:clamp(1.8rem,3.5vw,2.8rem); line-height:1.5; margin:10px 0 12px; letter-spacing:-.025em; }
.article-heading p { color:#607064; margin:0; }
.article-layout { display:grid; grid-template-columns:230px minmax(0,800px); gap:48px; align-items:start; }
.article-toc { position:sticky; top:110px; font-size:.88rem; background:#eaf0e8b3; padding:20px; border-radius:16px; }
.article-toc summary { font-weight:800; cursor:pointer; color:#075f39; }
.article-toc nav { display:grid; gap:12px; margin-top:14px; }
.article-toc a { text-decoration:none; color:#53655a; }
.article-toc a:hover { color:#087642; text-decoration:underline; }
.article-body { min-width:0; }
.article-body section { scroll-margin-top:120px; margin:0 0 34px; }
.article-body h2 { font-size:1.32rem; margin:0 0 14px; color:#173d29; }
.article-body p { font-size:1.06rem; line-height:1.95; margin:0 0 17px; }
.evaluation-box { padding:26px 30px; border-left:4px solid #087642; background:#eaf1e9; border-radius:0 18px 18px 0; }
.evaluation-box .evaluation { font-weight:800; color:#075f39; }
.summary-label { font-size:.8rem!important; color:#698071; }
.question-box { padding:24px 28px; border:1px solid #cbdccc; border-radius:18px; background:#fff; }
.reference-link { font-size:.82em; color:#087642; font-weight:700; white-space:nowrap; }
.proof-references { display:grid; gap:18px; padding:0; list-style:none; }
.proof-references li { scroll-margin-top:125px; overflow-wrap:anywhere; padding-bottom:18px; border-bottom:1px solid #dce4dd; font-size:.87rem; line-height:1.7; }
.proof-references p { font-size:.87rem; }
.proof-article-actions { display:flex; justify-content:space-between; flex-wrap:wrap; gap:15px; border-top:1px solid #dce4dd; padding:20px 0; }
.scripture-group { margin:40px 0; scroll-margin-top:120px; }
.scripture-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.scripture-card { display:grid; grid-template-columns:160px minmax(0,1fr); gap:24px; padding:26px; background:#fff; border:1px solid #dce4dd; border-radius:22px; }
.scripture-cover { margin:0; }
.scripture-cover a { height:240px; display:flex; align-items:center; justify-content:center; border-radius:12px; background:#f2f4ef; padding:12px; }
.scripture-cover img { object-fit:contain; width:100%; max-height:216px; height:auto; }
.scripture-cover figcaption { margin-top:10px; color:#6c776f; font-size:.72rem; line-height:1.6; }
.scripture-card h3 { margin:0 0 8px; font-size:1.15rem; }
.scripture-card p { margin:0 0 8px; font-size:.9rem; color:#5e6c61; }
.scripture-card .proof-read { padding:8px 16px; font-size:.83rem; }
.scripture-buttons { display:flex; flex-wrap:wrap; gap:8px; }
.scripture-volumes { grid-column:1/-1; margin-top:10px; }
.scripture-volumes summary { cursor:pointer; font-weight:700; color:#075f39; }
.volume-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:15px; }
.volume-item { padding:12px; border:1px solid #e0e6df; border-radius:10px; display:grid; gap:5px; font-size:.8rem; }
.volume-item a { color:#087642; min-height:28px; display:flex; align-items:center; }
.volume-pending { color:#8a908b; font-size:.74rem; }
.proof-note { border-top:1px solid #d4ded5; margin-top:38px; padding-top:22px; color:#65736a; font-size:.87rem; }
.method-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-bottom:36px; }
.method-step { border-radius:18px; padding:25px; border:1px solid #d4e0d7; background:white; }
.method-step b { font:800 1.7rem Arial; color:#8eaea0; }
.method-step h3 { font-size:1.1rem; }
.method-copy { max-width:900px; background:#fff; border-radius:22px; padding:34px; }
.method-copy p { line-height:1.9; color:#526358; }
.proof-home-icon { display:inline-flex; align-items:center; justify-content:center; width:44px; min-height:44px; border:1px solid #cbd9cd; border-radius:50%; color:#075f39; font-size:1.45rem; text-decoration:none; flex-shrink:0; }
.proof-home-icon[aria-current=page],.desktop-nav a[aria-current=page] { background:#e1ede1; color:#075f39; }
.ck-proof.in-app .site-header,.ck-proof.in-app .mobile-nav,.ck-proof.in-app footer { display:none; }
.ck-proof.in-app .proof-main { padding-bottom:30px; }
.ck-proof.in-app .proof-hero { padding-top:30px; }
.ck-proof.in-app .article-toc { top:12px; }
.ck-proof.in-app .article-body section { scroll-margin-top:20px; }
@media(max-width:1100px) { .header-channel { display:none; } .site-header { gap:16px; } .header-tools { gap:8px; } .proof-categories,.method-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .scripture-grid { grid-template-columns:1fr; } }
@media(max-width:760px) { .proof-main { padding:0 18px 105px; } .proof-hero { padding:38px 0 30px; grid-template-columns:1fr; } .proof-mark { display:none; } .proof-tabs a { padding:14px 17px; font-size:.95rem; } .proof-intro { align-items:start; flex-direction:column; gap:8px; } .proof-categories { gap:10px; } .proof-category { padding:19px 16px; } .proof-category b { font-size:.96rem; } .proof-grid { grid-template-columns:1fr; } .proof-card { padding:24px; } .proof-feature { grid-template-columns:1fr; padding:26px; gap:12px; } .article-layout { grid-template-columns:1fr; gap:24px; } .article-toc { position:static; } .article-heading { padding-top:0; } .article-body p { font-size:1rem; } .evaluation-box { padding:22px; } .scripture-card { grid-template-columns:115px minmax(0,1fr); padding:19px; gap:16px; } .scripture-cover a { height:180px; padding:8px; } .scripture-cover img { max-height:164px; } .method-grid { gap:12px; } .method-step { padding:20px 16px; } .method-copy { padding:24px; } .header-tools { gap:6px; } .proof-home-icon { width:42px; min-height:42px; } }
@media(max-width:380px) { .scripture-card { grid-template-columns:1fr; } .scripture-cover { max-width:150px; margin:0 auto 10px; } .scripture-cover a { height:210px; } .scripture-cover img { max-height:194px; } .volume-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .method-grid { grid-template-columns:1fr; } .site-header { padding:12px; gap:8px; } .brand { gap:7px; } .brand b { font-size:.98rem; } .brand small { letter-spacing:.12em; } .auth-trigger { width:90px; min-height:44px; padding:5px; font-size:.72rem; gap:5px; } #auth-trigger-label { max-width:58px; white-space:normal; font-size:10px; line-height:12px; text-align:center; } .auth-trigger-icon { width:1.15rem; height:1.15rem; flex-shrink:0; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .proof-category { transition:none; } }