:root{--kh-blue:#173b63;--kh-blue2:#245f91;--kh-border:#dfe7ef;--kh-bg:#f7f9fc;--kh-text:#243342}
.kh-hero{padding:48px 26px;text-align:center;border-radius:18px;background:linear-gradient(135deg,#f6f9fc,#edf4fb);margin:10px 0 28px}.kh-kicker{font-size:13px;letter-spacing:.18em;font-weight:700;color:var(--kh-blue2)}.kh-hero h1{font-size:clamp(30px,5vw,48px);line-height:1.12;margin:10px auto 12px;color:var(--kh-blue);max-width:900px}.kh-hero p{font-size:18px;max-width:760px;margin:0 auto 24px;color:#526579}.kh-search-wrap{max-width:620px;margin:auto}.kh-search-wrap form{display:flex}.kh-search-wrap input[type=search]{flex:1;border-radius:10px 0 0 10px!important}.kh-search-wrap input[type=submit],.kh-search-wrap button{border-radius:0 10px 10px 0!important}
.kh-home-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:26px 0 40px}.kh-home-card{display:block;padding:24px;border:1px solid var(--kh-border);border-radius:16px;background:#fff;text-decoration:none!important;box-shadow:0 5px 20px rgba(26,54,83,.06);transition:.2s}.kh-home-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(26,54,83,.11)}.kh-home-card h2{font-size:21px;color:var(--kh-blue);margin:10px 0 8px}.kh-home-card p{color:#5b6c7e;margin:0}.kh-icon{font-size:33px}
.kh-home-section{margin:34px 0}.kh-home-section>h2{color:var(--kh-blue);font-size:28px}.kh-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.kh-post-card{border:1px solid var(--kh-border);border-radius:14px;padding:20px;background:#fff}.kh-post-card h3{font-size:19px;margin:0 0 8px}.kh-post-card p{margin:0;color:#66778a}
.kh-browser{max-width:1000px;margin:0 auto}.kh-browser-title{margin-bottom:20px}.kh-browser-title h1{color:var(--kh-blue);font-size:38px;margin-bottom:5px}.kh-browser-title p{color:#66778a;max-width:760px}.kh-filter{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;align-items:end;padding:16px;border:1px solid var(--kh-border);background:var(--kh-bg);border-radius:14px;margin-bottom:22px}.kh-filter label{font-weight:600;font-size:13px;color:#42566b}.kh-filter select,.kh-filter input{width:100%;margin-top:6px;height:44px;border:1px solid #ccd8e4;border-radius:8px;background:#fff}.kh-filter button{height:44px;border:0;border-radius:8px;background:var(--kh-blue2);color:white;padding:0 28px;font-weight:700;cursor:pointer}.kh-chapter-heading{font-size:26px;color:var(--kh-blue);margin:26px 0 14px}
.kh-verse-card{border:1px solid var(--kh-border);border-radius:14px;background:white;margin:0 0 16px;overflow:hidden;box-shadow:0 2px 10px rgba(27,57,87,.04)}.kh-verse-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;border-bottom:1px solid var(--kh-border);background:#fbfcfe}.kh-verse-head h3{margin:0;color:var(--kh-blue);font-size:18px}.kh-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;white-space:nowrap}.kh-green{background:#e7f7eb;color:#24753b}.kh-yellow{background:#fff4d8;color:#8a6411}.kh-red{background:#fde8e8;color:#a52b2b}.kh-neutral{background:#edf1f5;color:#617180}
.kh-reading-version{padding:18px 18px 8px}.kh-reading-label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:var(--kh-blue2);margin-bottom:7px}.kh-reading-text{font-size:18px;line-height:1.72;color:var(--kh-text)}.kh-reading-text p:last-child{margin-bottom:0}
.kh-simple-actions{display:flex;gap:10px;flex-wrap:wrap;padding:10px 18px 16px}.kh-simple-actions details{flex:1 1 230px;border:1px solid var(--kh-border);border-radius:10px;background:#fbfcfe;overflow:hidden}.kh-simple-actions summary{cursor:pointer;list-style:none;padding:10px 13px;font-weight:700;color:var(--kh-blue2);user-select:none}.kh-simple-actions summary::-webkit-details-marker{display:none}.kh-simple-actions summary:after{content:'+';float:right;font-size:18px;line-height:1}.kh-simple-actions details[open] summary:after{content:'–'}.kh-compare-details[open],.kh-analysis-details[open]{flex-basis:100%}
.kh-compare-hint{display:none;padding:8px 14px;font-size:12px;color:#66778a;background:#fff;border-top:1px solid var(--kh-border)}.kh-compare-grid{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;border-top:1px solid var(--kh-border);background:#fff}.kh-version-box{padding:16px;min-height:110px}.kh-version-box+.kh-version-box{border-left:1px solid var(--kh-border)}.kh-label{text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:800;color:var(--kh-blue2);margin-bottom:8px}.kh-text{font-size:16px;line-height:1.62;color:var(--kh-text)}.kh-text p:last-child{margin-bottom:0}
.kh-analysis-body{border-top:1px solid var(--kh-border);padding:0 14px 8px;background:#fff}.kh-detail-block{padding:13px 0;border-top:1px dashed #d9e2eb}.kh-detail-block:first-child{border-top:0}.kh-detail-block strong{display:block;color:var(--kh-blue);margin-bottom:6px}.kh-empty{padding:24px;border:1px dashed #c9d5e0;background:#fafcff;border-radius:12px;color:#5d6f81}.kh-empty p:last-child{margin-bottom:0}.kh-welcome{text-align:center}.kh-article-notes{margin-top:22px}
.kh-admin-fields textarea,.kh-admin-fields input{font-size:14px}.kh-status-list{margin-top:20px}
@media(max-width:1100px){.kh-compare-hint{display:block}.kh-compare-grid{grid-template-columns:repeat(5,minmax(240px,78vw))}.kh-version-box{scroll-snap-align:start}}
@media(max-width:900px){.kh-home-grid{grid-template-columns:repeat(2,1fr)}.kh-post-grid{grid-template-columns:repeat(2,1fr)}.kh-filter{grid-template-columns:1fr 1fr}.kh-filter button{grid-column:1/-1}}
@media(max-width:560px){.kh-hero{padding:34px 16px}.kh-home-grid,.kh-post-grid,.kh-filter{grid-template-columns:1fr}.kh-browser-title h1{font-size:32px}.kh-verse-head{align-items:flex-start;flex-direction:column}.kh-reading-version{padding:15px 15px 7px}.kh-reading-text{font-size:17px}.kh-simple-actions{padding:9px 15px 14px}.kh-version-box{padding:14px}.kh-text{font-size:16px}}