:root{--kh-bg:#fffdf8; --kh-green:#2f5e3b; --kh-green-2:#3b6e53;--kh-gold:#e4a21c; --kh-text:#143a2a; --kh-muted:#365246;--kh-card:#f3f6f2; --kh-border:#e8efe9; --kh-header-h:90px;}html,body{margin:0;padding:0;box-sizing:border-box}body{padding-top:var(--kh-header-h)!important}#t_Header .t-Header-branding,
#t_Header .t-Header-logo,
#t_Header .t-Header-navBar,
#t_Header .t-Header-controls{display:none!important}#t_Footer,.t-Footer,.t-Footer-body{display:none!important;height:0!important;margin:0!important;padding:0!important}.t-Body-main,.t-Body-content,.t-Body-contentInner{margin-bottom:0!important;padding-bottom:0!important}.khala-header{position:fixed; top:0; left:0; right:0;z-index:9999; width:100%;background:#fdfaf4; border-bottom:1px solid #f0e4d4;box-shadow:0 2px 4px rgba(0,0,0,.05);display:block!important;}.header-inner{max-width:1200px; margin:0 auto;display:flex; align-items:center; justify-content:space-between;padding:5px 24px;}.logo-box{display:flex;align-items:center;}.logo{height:96px;width:auto;}.nav-menu{display:flex; gap:28px}.nav-item{color:#204c3b; font-weight:600; text-decoration:none; transition:color .3s}.nav-item:hover{color:#d5a23c}.user-box{display:flex; align-items:center; gap:8px}.user-icon{width:24px; height:24px; background:#eee; border-radius:50%; padding:3px}.username{color:#204c3b; font-weight:500}.khala-footer{width:100%; background:#2b5c46; color:#fff;padding:24px 0; font-size:14px; margin-top:60px;border-top:1px solid #204c3b; display:block!important;}.footer-inner{max-width:1200px; margin:0 auto; display:flex;justify-content:space-between; align-items:center; padding:0 24px;}.footer-left .logo-text{font-size:20px; font-weight:700; color:#d5a23c}.footer-links a{color:#fff; text-decoration:none; margin-left:20px}.footer-links a:hover{color:#d5a23c}.t-Body,.t-Body-content,.t-Body-contentInner{background:var(--kh-bg)!important}.course-layout{display:flex; flex-direction:row; min-height:calc(100vh - 120px)}.course-sidebar{width:340px; background:#fafcf9; border-right:1px solid var(--kh-border); padding:20px 14px; overflow-y:auto}.course-body{flex:1; padding:32px; background:#fff}.sec{border:1px solid var(--kh-border); border-radius:12px; background:#fff; margin-bottom:12px; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,.03)}.sec-head{width:100%; text-align:left; padding:12px 14px; font-weight:700; color:var(--kh-text); background:#eef5f0; border:0; cursor:pointer; display:flex; align-items:center; gap:10px; transition:background .2s}.sec-head:hover{background:#e3efe9}.sec-head .chev{width:10px; height:10px; border-right:2px solid var(--kh-green); border-bottom:2px solid var(--kh-green); transform:rotate(-45deg); transition:.2s; margin-top:-2px}.sec-head.open .chev{transform:rotate(45deg)}.sec-body{padding:10px 14px; background:#fff}.lesson{padding:10px 8px; border-radius:8px; transition:background .2s}.lesson:hover{background:#f7fbf8}.lesson-title a{color:var(--kh-text); text-decoration:none; font-weight:600}.lesson-title a.active{color:var(--kh-green); font-weight:700}.lesson-desc{color:var(--kh-muted); font-size:13.5px; margin-top:4px}#lesson_content h1,#lesson_content h2,#lesson_content h3{color:var(--kh-text)}#lesson_content p{color:#333; line-height:1.6}#lesson_content a{color:var(--kh-green)}#lesson_content .note{background:var(--kh-card); border-left:4px solid var(--kh-green); padding:10px 12px; border-radius:8px; margin:10px 0}html{scroll-padding-top:var(--kh-header-h)}:target::before{content:""; display:block; height:var(--kh-header-h); margin-top:calc(-1 * var(--kh-header-h)); visibility:hidden}@media (max-width:900px){.course-layout{flex-direction:column}.course-sidebar{width:100%; border-right:0; border-bottom:1px solid var(--kh-border)}.course-body{padding:18px 16px}.header-inner{flex-direction:column; gap:10px}.nav-menu{flex-wrap:wrap; justify-content:center}.footer-inner{flex-direction:column; text-align:center; gap:8px}}body, #lesson_content, #course_menu {-webkit-user-select: none !important;-moz-user-select: none !important;-ms-user-select: none !important;user-select: none !important;}img {-webkit-user-drag: none !important;user-drag: none !important;pointer-events: none;}.scroll-top{position: fixed;bottom: 30px;right: 30px;z-index: 9999;display: none;width: 56px;height: 56px;border: 0;border-radius: 50%;cursor: pointer;background: radial-gradient(120% 120% at 30% 30%, #2F7A58 0%, #1F4739 60%, #183B30 100%);color: #fff;box-shadow: 0 14px 26px rgba(0,0,0,.20), 0 4px 10px rgba(0,0,0,.12) inset,
0 0 0 1px rgba(255,255,255,.08) inset;transition: transform .18s ease, box-shadow .18s ease, background .3s ease;backdrop-filter: blur(1px);}.scroll-top svg{display:block;margin: 0 auto;filter: drop-shadow(0 1px 1px rgba(0,0,0,.35));}.scroll-top:hover{transform: translateY(-3px) scale(1.03);box-shadow: 0 16px 28px rgba(0,0,0,.22), 0 6px 14px rgba(0,0,0,.14) inset,
0 0 0 1px rgba(255,255,255,.12) inset;background: radial-gradient(120% 120% at 30% 30%, #359369 0%, #246B4A 60%, #1E4C3D 100%);}.scroll-top:active{transform: translateY(0) scale(.98);}.scroll-top:focus-visible{outline: none;box-shadow: 0 0 0 3px rgba(123,226,178,.55), 0 10px 22px rgba(0,0,0,.2);}@media (prefers-reduced-motion: reduce){.scroll-top{ transition: none; }}.course-menu-btn{display:none !important;}.course-overlay{display:none;}@media (max-width: 900px) {.course-layout{display:block;}.course-body{width:100%;padding:20px 16px;}.course-sidebar{position:fixed;top:75px;left:0;bottom:0;width:82%;max-width:340px;z-index:99999;background:#fff;overflow-y:auto;border-right:1px solid #ddd;transform:translateX(-105%);transition:transform .25s ease;box-shadow:0 0 20px rgba(0,0,0,.18);}.course-sidebar.open{transform:translateX(0);}.course-overlay{position:fixed;inset:75px 0 0 0;background:rgba(0,0,0,.4);z-index:99998;}.course-overlay.show{display:block;}.course-menu-btn{display:flex !important;align-items:center;gap:8px;position:sticky;top:90px;margin:12px 14px;z-index:99997;border:0;background:#1F4739;color:#fff;padding:10px 16px;border-radius:999px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.18);}}#courseMenuBtn,
.course-menu-btn {display: none !important;}@media (max-width: 900px) {#courseMenuBtn,
.course-menu-btn {display: flex !important;align-items: center;gap: 8px;position: sticky;top: 90px;margin: 12px 14px;z-index: 99997;border: 0;background: #1F4739;color: #fff;padding: 10px 16px;border-radius: 999px;font-weight: 700;cursor: pointer;box-shadow: 0 4px 12px rgba(0,0,0,.18);}}.dk-blog-page {max-width: 1180px;margin: 0 auto;padding: 56px 24px 96px;}.dk-blog-hero {text-align: center;max-width: 820px;margin: 0 auto 44px;}.dk-blog-eyebrow {display: inline-flex;align-items: center;justify-content: center;color: #f2a900;font-weight: 800;font-size: 15px;letter-spacing: 0.08em;text-transform: uppercase;margin-bottom: 14px;}.dk-blog-hero h1 {margin: 0 0 16px;color: #003c35;font-size: clamp(36px, 5vw, 58px);line-height: 1.08;font-weight: 900;}.dk-blog-hero p {color: #425c53;font-size: 18px;line-height: 1.75;margin: 0;}.dk-blog-grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 26px;}.dk-blog-card {background: #fffdf7;border: 1px solid #e8eadf;border-radius: 24px;overflow: hidden;box-shadow: 0 14px 34px rgba(0, 60, 53, 0.08);transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;}.dk-blog-card:hover {transform: translateY(-6px);box-shadow: 0 24px 48px rgba(0, 60, 53, 0.14);border-color: rgba(242, 169, 0, 0.55);}.dk-blog-card-link {display: flex;flex-direction: column;min-height: 280px;padding: 28px;color: #003c35;text-decoration: none;}.dk-blog-card-link:hover {text-decoration: none;color: #003c35;}.dk-blog-card-top {display: flex;align-items: center;justify-content: space-between;gap: 12px;margin-bottom: 18px;}.dk-blog-category {display: inline-flex;align-items: center;border-radius: 999px;padding: 7px 12px;background: #eef7f1;color: #006b4f;font-size: 13px;font-weight: 800;}.dk-blog-date {color: #6c7d76;font-size: 13px;white-space: nowrap;}.dk-blog-card h2 {color: #003c35;font-size: 24px;line-height: 1.28;margin: 0 0 14px;font-weight: 900;}.dk-blog-card p {color: #405a51;font-size: 16px;line-height: 1.7;margin: 0;}.dk-blog-readmore {margin-top: auto;padding-top: 24px;color: #f2a900;font-weight: 900;}@media (max-width: 1024px) {.dk-blog-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 700px) {.dk-blog-page {padding: 38px 18px 72px;}.dk-blog-grid {grid-template-columns: 1fr;}.dk-blog-card-link {min-height: auto;}}.dk-post-page {background:
radial-gradient(circle at top left, rgba(242, 169, 0, 0.08), transparent 34%),
radial-gradient(circle at top right, rgba(0, 107, 79, 0.08), transparent 30%),
#fffdf7;min-height: calc(100vh - 90px);}.dk-post-shell {max-width: 920px;margin: 0 auto;padding: 46px 24px 96px;}.dk-post-back {display: inline-flex;align-items: center;color: #006b4f;font-weight: 800;text-decoration: none;margin-bottom: 34px;}.dk-post-back:hover {color: #f2a900;text-decoration: none;}.dk-post-hero {text-align: center;margin-bottom: 34px;}.dk-post-meta-row {display: flex;align-items: center;justify-content: center;gap: 14px;flex-wrap: wrap;margin-bottom: 18px;}.dk-post-category {display: inline-flex;align-items: center;border-radius: 999px;padding: 8px 14px;background: #eef7f1;color: #006b4f;font-size: 13px;font-weight: 900;}.dk-post-date {color: #6b7c75;font-size: 14px;font-weight: 600;}.dk-post-hero h1 {max-width: 860px;margin: 0 auto 22px;color: #003c35;font-size: clamp(38px, 5vw, 64px);line-height: 1.08;letter-spacing: -0.04em;font-weight: 950;}.dk-post-summary {max-width: 760px;margin: 0 auto;color: #405a51;font-size: 20px;line-height: 1.75;}.dk-post-divider {width: 100%;height: 1px;background: linear-gradient(
90deg,
transparent,
rgba(242, 169, 0, 0.75),
transparent
);margin: 42px 0;}.dk-post-content {max-width: 820px;margin: 0 auto;color: #122b26;font-size: 19px;line-height: 1.9;}.dk-post-content h2 {color: #003c35;font-size: clamp(28px, 3vw, 38px);line-height: 1.22;margin: 54px 0 18px;letter-spacing: -0.025em;font-weight: 900;}.dk-post-content h3 {color: #003c35;font-size: 25px;line-height: 1.3;margin: 38px 0 14px;font-weight: 900;}.dk-post-content p {margin: 0 0 22px;}.dk-post-content strong {color: #003c35;font-weight: 900;}.dk-post-content a {color: #006b4f;font-weight: 800;text-decoration-thickness: 2px;text-underline-offset: 4px;}.dk-post-content a:hover {color: #f2a900;}.dk-post-content ul,
.dk-post-content ol {margin: 18px 0 28px;padding-left: 0;list-style-position: inside;}.dk-post-content li {margin-bottom: 10px;padding-left: 4px;}.dk-post-content blockquote {margin: 34px 0;padding: 22px 26px;background: #f4faf6;border-left: 5px solid #f2a900;border-radius: 16px;color: #003c35;font-size: 20px;font-style: italic;}.dk-post-content code {background: #eef7f1;color: #003c35;border-radius: 7px;padding: 3px 7px;font-size: 0.92em;}.dk-post-content pre {overflow-x: auto;background: #062c27;color: #fffdf7;border-radius: 18px;padding: 22px;line-height: 1.7;margin: 28px 0;}.dk-post-content pre code {background: transparent;color: inherit;padding: 0;}.dk-post-source {max-width: 820px;margin: 56px auto 0;padding: 26px 28px;background: #f8fbf8;border: 1px solid #e3ebe5;border-radius: 22px;}.dk-post-source-label {color: #6b7c75;font-size: 13px;font-weight: 900;letter-spacing: 0.08em;text-transform: uppercase;margin-bottom: 8px;}.dk-post-source a {color: #006b4f;font-size: 18px;font-weight: 900;text-decoration: none;}.dk-post-source a:hover {color: #f2a900;}.dk-post-not-found {text-align: center;background: #fff;border: 1px solid #e3ebe5;border-radius: 24px;padding: 44px 28px;}.dk-post-not-found h1 {color: #003c35;margin-bottom: 12px;}@media (max-width: 720px) {.dk-post-shell {padding: 34px 18px 76px;}.dk-post-hero {text-align: left;}.dk-post-meta-row {justify-content: flex-start;}.dk-post-summary,
.dk-post-content {font-size: 17px;}.dk-post-content ul,
.dk-post-content ol {list-style-position: outside;padding-left: 22px;}}.dk-post-image {margin: 34px auto;}.dk-post-image img {display: block;width: 100%;border-radius: 24px;border: 1px solid #e3ebe5;box-shadow: 0 18px 42px rgba(0, 60, 53, 0.12);background: #fff;}.dk-post-image figcaption {margin-top: 12px;color: #6b7c75;font-size: 14px;text-align: center;line-height: 1.6;}.dk-api-flow {margin: 36px 0;padding: 26px;background: #f8fbf8;border: 1px solid #e2ebe5;border-radius: 24px;box-shadow: 0 16px 38px rgba(0, 60, 53, 0.08);}.dk-api-flow-title {margin: 0 0 22px;color: #003c35;font-size: 22px;font-weight: 900;text-align: center;}.dk-api-flow-grid {display: grid;grid-template-columns: 1fr auto 1fr auto 1fr;align-items: center;gap: 14px;}.dk-api-box {background: #fffdf7;border: 1px solid #dfe9e3;border-radius: 18px;padding: 20px;text-align: center;}.dk-api-box h3 {margin: 0 0 8px;color: #003c35;font-size: 20px;}.dk-api-box p {margin: 0;color: #405a51;font-size: 15px;line-height: 1.6;}.dk-api-arrow {color: #f2a900;font-size: 28px;font-weight: 900;}.dk-api-note {margin-top: 18px;padding: 14px 16px;background: #eef7f1;border-radius: 14px;color: #003c35;font-size: 15px;line-height: 1.6;}@media (max-width: 820px) {.dk-api-flow-grid {grid-template-columns: 1fr;}.dk-api-arrow {transform: rotate(90deg);text-align: center;}}.dk-auto-flow {margin: 36px 0;padding: 26px;background: #f8fbf8;border: 1px solid #e2ebe5;border-radius: 24px;box-shadow: 0 16px 38px rgba(0, 60, 53, 0.08);}.dk-auto-flow-title {margin: 0 0 22px;color: #003c35;font-size: 22px;font-weight: 900;text-align: center;}.dk-auto-flow-grid {display: grid;grid-template-columns: 1fr auto 1fr auto 1fr;align-items: stretch;gap: 14px;}.dk-auto-box {background: #fffdf7;border: 1px solid #dfe9e3;border-radius: 18px;padding: 20px;text-align: center;}.dk-auto-box h3 {margin: 0 0 8px;color: #003c35;font-size: 20px;}.dk-auto-box p {margin: 0;color: #405a51;font-size: 15px;line-height: 1.6;}.dk-auto-arrow {display: flex;align-items: center;justify-content: center;color: #f2a900;font-size: 28px;font-weight: 900;}.dk-auto-note {margin-top: 18px;padding: 14px 16px;background: #eef7f1;border-radius: 14px;color: #003c35;font-size: 15px;line-height: 1.6;}@media (max-width: 820px) {.dk-auto-flow-grid {grid-template-columns: 1fr;}.dk-auto-arrow {transform: rotate(90deg);}}.dk-otp-flow {margin: 36px 0;padding: 26px;background: #f8fbf8;border: 1px solid #e2ebe5;border-radius: 24px;box-shadow: 0 16px 38px rgba(0, 60, 53, 0.08);}.dk-otp-flow-title {margin: 0 0 22px;color: #003c35;font-size: 22px;font-weight: 900;text-align: center;}.dk-otp-flow-grid {display: grid;grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;align-items: stretch;gap: 12px;}.dk-otp-box {background: #fffdf7;border: 1px solid #dfe9e3;border-radius: 18px;padding: 18px;text-align: center;}.dk-otp-box h3 {margin: 0 0 8px;color: #003c35;font-size: 18px;}.dk-otp-box p {margin: 0;color: #405a51;font-size: 14px;line-height: 1.6;}.dk-otp-arrow {display: flex;align-items: center;justify-content: center;color: #f2a900;font-size: 26px;font-weight: 900;}.dk-otp-note {margin-top: 18px;padding: 14px 16px;background: #eef7f1;border-radius: 14px;color: #003c35;font-size: 15px;line-height: 1.6;}@media (max-width: 980px) {.dk-otp-flow-grid {grid-template-columns: 1fr;}.dk-otp-arrow {transform: rotate(90deg);}}.dk-view-flow {margin: 36px 0;padding: 26px;background: #f8fbf8;border: 1px solid #e2ebe5;border-radius: 24px;box-shadow: 0 16px 38px rgba(0, 60, 53, 0.08);}.dk-view-flow-title {margin: 0 0 22px;color: #003c35;font-size: 22px;font-weight: 900;text-align: center;}.dk-view-flow-grid {display: grid;grid-template-columns: 1fr auto 1fr auto 1fr;align-items: stretch;gap: 14px;}.dk-view-box {background: #fffdf7;border: 1px solid #dfe9e3;border-radius: 18px;padding: 20px;text-align: center;}.dk-view-box h3 {margin: 0 0 8px;color: #003c35;font-size: 20px;}.dk-view-box p {margin: 0;color: #405a51;font-size: 15px;line-height: 1.6;}.dk-view-arrow {display: flex;align-items: center;justify-content: center;color: #f2a900;font-size: 28px;font-weight: 900;}.dk-view-note {margin-top: 18px;padding: 14px 16px;background: #eef7f1;border-radius: 14px;color: #003c35;font-size: 15px;line-height: 1.6;}@media (max-width: 820px) {.dk-view-flow-grid {grid-template-columns: 1fr;}.dk-view-arrow {transform: rotate(90deg);}}.dk-aging-flow {margin: 36px 0;padding: 26px;background: #f8fbf8;border: 1px solid #e2ebe5;border-radius: 24px;box-shadow: 0 16px 38px rgba(0, 60, 53, 0.08);}.dk-aging-flow-title {margin: 0 0 22px;color: #003c35;font-size: 22px;font-weight: 900;text-align: center;}.dk-aging-grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 14px;}.dk-aging-box {background: #fffdf7;border: 1px solid #dfe9e3;border-radius: 18px;padding: 20px;}.dk-aging-box h3 {margin: 0 0 8px;color: #003c35;font-size: 19px;}.dk-aging-box p {margin: 0;color: #405a51;font-size: 15px;line-height: 1.6;}.dk-aging-note {margin-top: 18px;padding: 14px 16px;background: #eef7f1;border-radius: 14px;color: #003c35;font-size: 15px;line-height: 1.6;}@media (max-width: 900px) {.dk-aging-grid {grid-template-columns: 1fr;}}.dk-ai-context-flow {margin: 36px 0;padding: 26px;background: #f8fbf8;border: 1px solid #e2ebe5;border-radius: 24px;box-shadow: 0 16px 38px rgba(0, 60, 53, 0.08);}.dk-ai-context-title {margin: 0 0 22px;color: #003c35;font-size: 22px;font-weight: 900;text-align: center;}.dk-ai-context-grid {display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));gap: 12px;}.dk-ai-context-box {background: #fffdf7;border: 1px solid #dfe9e3;border-radius: 18px;padding: 18px;text-align: center;}.dk-ai-context-box h3 {margin: 0 0 8px;color: #003c35;font-size: 17px;}.dk-ai-context-box p {margin: 0;color: #405a51;font-size: 14px;line-height: 1.55;}.dk-ai-context-note {margin-top: 18px;padding: 14px 16px;background: #eef7f1;border-radius: 14px;color: #003c35;font-size: 15px;line-height: 1.6;}@media (max-width: 980px) {.dk-ai-context-grid {grid-template-columns: 1fr;}}.dk-ai-ir-flow {margin: 36px 0;padding: 26px;background: #f8fbf8;border: 1px solid #e2ebe5;border-radius: 24px;box-shadow: 0 16px 38px rgba(0, 60, 53, 0.08);}.dk-ai-ir-title {margin: 0 0 22px;color: #003c35;font-size: 22px;font-weight: 900;text-align: center;}.dk-ai-ir-grid {display: grid;grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;align-items: stretch;gap: 12px;}.dk-ai-ir-box {background: #fffdf7;border: 1px solid #dfe9e3;border-radius: 18px;padding: 18px;text-align: center;}.dk-ai-ir-box h3 {margin: 0 0 8px;color: #003c35;font-size: 18px;}.dk-ai-ir-box p {margin: 0;color: #405a51;font-size: 14px;line-height: 1.6;}.dk-ai-ir-arrow {display: flex;align-items: center;justify-content: center;color: #f2a900;font-size: 26px;font-weight: 900;}.dk-ai-ir-note {margin-top: 18px;padding: 14px 16px;background: #eef7f1;border-radius: 14px;color: #003c35;font-size: 15px;line-height: 1.6;}@media (max-width: 980px) {.dk-ai-ir-grid {grid-template-columns: 1fr;}.dk-ai-ir-arrow {transform: rotate(90deg);}}.dk-debug-flow {margin: 36px 0;padding: 26px;background: #f8fbf8;border: 1px solid #e2ebe5;border-radius: 24px;box-shadow: 0 16px 38px rgba(0, 60, 53, 0.08);}.dk-debug-title {margin: 0 0 22px;color: #003c35;font-size: 22px;font-weight: 900;text-align: center;}.dk-debug-grid {display: grid;grid-template-columns: 1fr auto 1fr auto 1fr;align-items: stretch;gap: 14px;}.dk-debug-box {background: #fffdf7;border: 1px solid #dfe9e3;border-radius: 18px;padding: 20px;text-align: center;}.dk-debug-box h3 {margin: 0 0 8px;color: #003c35;font-size: 19px;}.dk-debug-box p {margin: 0;color: #405a51;font-size: 15px;line-height: 1.6;}.dk-debug-arrow {display: flex;align-items: center;justify-content: center;color: #f2a900;font-size: 28px;font-weight: 900;}.dk-debug-note {margin-top: 18px;padding: 14px 16px;background: #eef7f1;border-radius: 14px;color: #003c35;font-size: 15px;line-height: 1.6;}@media (max-width: 820px) {.dk-debug-grid {grid-template-columns: 1fr;}.dk-debug-arrow {transform: rotate(90deg);}}.dk-apex261-flow {margin: 36px 0;padding: 26px;background: #f8fbf8;border: 1px solid #e2ebe5;border-radius: 24px;box-shadow: 0 16px 38px rgba(0, 60, 53, 0.08);}.dk-apex261-title {margin: 0 0 22px;color: #003c35;font-size: 22px;font-weight: 900;text-align: center;}.dk-apex261-grid {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 14px;}.dk-apex261-box {background: #fffdf7;border: 1px solid #dfe9e3;border-radius: 18px;padding: 18px;text-align: center;}.dk-apex261-box h3 {margin: 0 0 8px;color: #003c35;font-size: 18px;}.dk-apex261-box p {margin: 0;color: #405a51;font-size: 14px;line-height: 1.6;}.dk-apex261-note {margin-top: 18px;padding: 14px 16px;background: #eef7f1;border-radius: 14px;color: #003c35;font-size: 15px;line-height: 1.6;}@media (max-width: 980px) {.dk-apex261-grid {grid-template-columns: 1fr;}}.dk-mcp-flow {margin: 36px 0;padding: 26px;background: #f8fbf8;border: 1px solid #e2ebe5;border-radius: 24px;box-shadow: 0 16px 38px rgba(0, 60, 53, 0.08);}.dk-mcp-title {margin: 0 0 22px;color: #003c35;font-size: 22px;font-weight: 900;text-align: center;}.dk-mcp-grid {display: grid;grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;align-items: stretch;gap: 12px;}.dk-mcp-box {background: #fffdf7;border: 1px solid #dfe9e3;border-radius: 18px;padding: 18px;text-align: center;}.dk-mcp-box h3 {margin: 0 0 8px;color: #003c35;font-size: 18px;}.dk-mcp-box p {margin: 0;color: #405a51;font-size: 14px;line-height: 1.6;}.dk-mcp-arrow {display: flex;align-items: center;justify-content: center;color: #f2a900;font-size: 26px;font-weight: 900;}.dk-mcp-note {margin-top: 18px;padding: 14px 16px;background: #eef7f1;border-radius: 14px;color: #003c35;font-size: 15px;line-height: 1.6;}@media (max-width: 980px) {.dk-mcp-grid {grid-template-columns: 1fr;}.dk-mcp-arrow {transform: rotate(90deg);}}.dk-vibe-flow {margin: 36px 0;padding: 26px;background: #f8fbf8;border: 1px solid #e2ebe5;border-radius: 24px;box-shadow: 0 16px 38px rgba(0, 60, 53, 0.08);}.dk-vibe-title {margin: 0 0 22px;color: #003c35;font-size: 22px;font-weight: 900;text-align: center;}.dk-vibe-grid {display: grid;grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;align-items: stretch;gap: 12px;}.dk-vibe-box {background: #fffdf7;border: 1px solid #dfe9e3;border-radius: 18px;padding: 18px;text-align: center;}.dk-vibe-box h3 {margin: 0 0 8px;color: #003c35;font-size: 18px;}.dk-vibe-box p {margin: 0;color: #405a51;font-size: 14px;line-height: 1.6;}.dk-vibe-arrow {display: flex;align-items: center;justify-content: center;color: #f2a900;font-size: 26px;font-weight: 900;}.dk-vibe-note {margin-top: 18px;padding: 14px 16px;background: #eef7f1;border-radius: 14px;color: #003c35;font-size: 15px;line-height: 1.6;}@media (max-width: 980px) {.dk-vibe-grid {grid-template-columns: 1fr;}.dk-vibe-arrow {transform: rotate(90deg);}}.dk-auth-flow {margin: 36px 0;padding: 26px;background: #f8fbf8;border: 1px solid #e2ebe5;border-radius: 24px;box-shadow: 0 16px 38px rgba(0, 60, 53, 0.08);}.dk-auth-title {margin: 0 0 22px;color: #003c35;font-size: 22px;font-weight: 900;text-align: center;}.dk-auth-grid {display: grid;grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;align-items: stretch;gap: 12px;}.dk-auth-box {background: #fffdf7;border: 1px solid #dfe9e3;border-radius: 18px;padding: 18px;text-align: center;}.dk-auth-box h3 {margin: 0 0 8px;color: #003c35;font-size: 18px;}.dk-auth-box p {margin: 0;color: #405a51;font-size: 14px;line-height: 1.6;}.dk-auth-arrow {display: flex;align-items: center;justify-content: center;color: #f2a900;font-size: 26px;font-weight: 900;}.dk-auth-note {margin-top: 18px;padding: 14px 16px;background: #eef7f1;border-radius: 14px;color: #003c35;font-size: 15px;line-height: 1.6;}@media (max-width: 980px) {.dk-auth-grid {grid-template-columns: 1fr;}.dk-auth-arrow {transform: rotate(90deg);}}.dk-open-door-flow {margin: 36px 0;padding: 26px;background: #f8fbf8;border: 1px solid #e2ebe5;border-radius: 24px;box-shadow: 0 16px 38px rgba(0, 60, 53, 0.08);}.dk-open-door-title {margin: 0 0 22px;color: #003c35;font-size: 22px;font-weight: 900;text-align: center;}.dk-open-door-grid {display: grid;grid-template-columns: 1fr auto 1fr auto 1fr;align-items: stretch;gap: 14px;}.dk-open-door-box {background: #fffdf7;border: 1px solid #dfe9e3;border-radius: 18px;padding: 20px;text-align: center;}.dk-open-door-box h3 {margin: 0 0 8px;color: #003c35;font-size: 18px;}.dk-open-door-box p {margin: 0;color: #405a51;font-size: 14px;line-height: 1.6;}.dk-open-door-arrow {display: flex;align-items: center;justify-content: center;color: #f2a900;font-size: 26px;font-weight: 900;}.dk-open-door-note {margin-top: 18px;padding: 14px 16px;background: #eef7f1;border-radius: 14px;color: #003c35;font-size: 15px;line-height: 1.6;}@media (max-width: 820px) {.dk-open-door-grid {grid-template-columns: 1fr;}.dk-open-door-arrow {transform: rotate(90deg);}}.dk-logout-flow {margin: 36px 0;padding: 26px;background: #f8fbf8;border: 1px solid #e2ebe5;border-radius: 24px;box-shadow: 0 16px 38px rgba(0, 60, 53, 0.08);}.dk-logout-title {margin: 0 0 22px;color: #003c35;font-size: 22px;font-weight: 900;text-align: center;}.dk-logout-grid {display: grid;grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;align-items: stretch;gap: 12px;}.dk-logout-box {background: #fffdf7;border: 1px solid #dfe9e3;border-radius: 18px;padding: 18px;text-align: center;}.dk-logout-box h3 {margin: 0 0 8px;color: #003c35;font-size: 18px;}.dk-logout-box p {margin: 0;color: #405a51;font-size: 14px;line-height: 1.6;}.dk-logout-arrow {display: flex;align-items: center;justify-content: center;color: #f2a900;font-size: 26px;font-weight: 900;}.dk-logout-note {margin-top: 18px;padding: 14px 16px;background: #eef7f1;border-radius: 14px;color: #003c35;font-size: 15px;line-height: 1.6;}@media (max-width: 980px) {.dk-logout-grid {grid-template-columns: 1fr;}.dk-logout-arrow {transform: rotate(90deg);}}.dk-agent-ui-flow {margin: 36px 0;padding: 26px;background: #f8fbf8;border: 1px solid #e2ebe5;border-radius: 24px;box-shadow: 0 16px 38px rgba(0, 60, 53, 0.08);}.dk-agent-ui-title {margin: 0 0 22px;color: #003c35;font-size: 22px;font-weight: 900;text-align: center;}.dk-agent-ui-grid {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 14px;}.dk-agent-ui-box {background: #fffdf7;border: 1px solid #dfe9e3;border-radius: 18px;padding: 18px;text-align: center;}.dk-agent-ui-box h3 {margin: 0 0 8px;color: #003c35;font-size: 18px;}.dk-agent-ui-box p {margin: 0;color: #405a51;font-size: 14px;line-height: 1.6;}.dk-agent-ui-note {margin-top: 18px;padding: 14px 16px;background: #eef7f1;border-radius: 14px;color: #003c35;font-size: 15px;line-height: 1.6;}@media (max-width: 980px) {.dk-agent-ui-grid {grid-template-columns: 1fr;}}.dk-skill-mcp-flow {margin: 36px 0;padding: 26px;background: #f8fbf8;border: 1px solid #e2ebe5;border-radius: 24px;box-shadow: 0 16px 38px rgba(0, 60, 53, 0.08);}.dk-skill-mcp-title {margin: 0 0 22px;color: #003c35;font-size: 22px;font-weight: 900;text-align: center;}.dk-skill-mcp-grid {display: grid;grid-template-columns: 1fr auto 1fr auto 1fr;align-items: stretch;gap: 14px;}.dk-skill-mcp-box {background: #fffdf7;border: 1px solid #dfe9e3;border-radius: 18px;padding: 20px;text-align: center;}.dk-skill-mcp-box h3 {margin: 0 0 8px;color: #003c35;font-size: 18px;}.dk-skill-mcp-box p {margin: 0;color: #405a51;font-size: 14px;line-height: 1.6;}.dk-skill-mcp-arrow {display: flex;align-items: center;justify-content: center;color: #f2a900;font-size: 26px;font-weight: 900;}.dk-skill-mcp-note {margin-top: 18px;padding: 14px 16px;background: #eef7f1;border-radius: 14px;color: #003c35;font-size: 15px;line-height: 1.6;}@media (max-width: 900px) {.dk-skill-mcp-grid {grid-template-columns: 1fr;}.dk-skill-mcp-arrow {transform: rotate(90deg);}}.dk-md-ai-flow {margin: 36px 0;padding: 26px;background: #f8fbf8;border: 1px solid #e2ebe5;border-radius: 24px;box-shadow: 0 16px 38px rgba(0, 60, 53, 0.08);}.dk-md-ai-title {margin: 0 0 22px;color: #003c35;font-size: 22px;font-weight: 900;text-align: center;}.dk-md-ai-grid {display: grid;grid-template-columns: 1fr auto 1fr auto 1fr;align-items: stretch;gap: 14px;}.dk-md-ai-box {background: #fffdf7;border: 1px solid #dfe9e3;border-radius: 18px;padding: 20px;text-align: center;}.dk-md-ai-box h3 {margin: 0 0 8px;color: #003c35;font-size: 18px;}.dk-md-ai-box p {margin: 0;color: #405a51;font-size: 14px;line-height: 1.6;}.dk-md-ai-arrow {display: flex;align-items: center;justify-content: center;color: #f2a900;font-size: 26px;font-weight: 900;}.dk-md-ai-note {margin-top: 18px;padding: 14px 16px;background: #eef7f1;border-radius: 14px;color: #003c35;font-size: 15px;line-height: 1.6;}@media (max-width: 900px) {.dk-md-ai-grid {grid-template-columns: 1fr;}.dk-md-ai-arrow {transform: rotate(90deg);}}.dk-lock-flow {margin: 36px 0;padding: 26px;background: #f8fbf8;border: 1px solid #e2ebe5;border-radius: 24px;box-shadow: 0 16px 38px rgba(0, 60, 53, 0.08);}.dk-lock-title {margin: 0 0 8px;color: #003c35;font-size: 22px;font-weight: 900;text-align: center;}.dk-lock-subtitle {margin: 0 0 24px;color: #587068;font-size: 14px;line-height: 1.6;text-align: center;}.dk-lock-grid {display: grid;grid-template-columns: 1fr auto 1fr auto 1fr;align-items: stretch;gap: 14px;}.dk-lock-box {background: #fffdf7;border: 1px solid #dfe9e3;border-radius: 18px;padding: 20px;text-align: center;}.dk-lock-box h3 {margin: 0 0 8px;color: #003c35;font-size: 17px;font-weight: 900;}.dk-lock-box p {margin: 0;color: #405a51;font-size: 14px;line-height: 1.6;}.dk-lock-box.dk-lock-wait {background: #fff8e6;border-color: #f4d98a;}.dk-lock-box.dk-lock-success {background: #eef7f1;border-color: #cfe3d7;}.dk-lock-arrow {display: flex;align-items: center;justify-content: center;color: #f2a900;font-size: 26px;font-weight: 900;}.dk-lock-note {margin-top: 18px;padding: 14px 16px;background: #eef7f1;border-radius: 14px;color: #003c35;font-size: 15px;line-height: 1.6;}.dk-race-panel {margin: 32px 0;padding: 24px;background: #fff8f3;border: 1px solid #f1d8ca;border-radius: 22px;}.dk-race-panel h3 {margin: 0 0 18px;color: #7b2c1c;font-size: 20px;font-weight: 900;text-align: center;}.dk-race-columns {display: grid;grid-template-columns: 1fr 1fr;gap: 18px;}.dk-race-column {padding: 18px;background: #fff;border: 1px solid #eaded7;border-radius: 16px;}.dk-race-column h4 {margin: 0 0 12px;color: #003c35;font-size: 17px;}.dk-race-column ol {margin: 0;padding-left: 20px;}.dk-race-column li {margin: 7px 0;color: #405a51;line-height: 1.55;}.dk-lock-result {margin: 28px 0;padding: 22px;background: #f1f8f3;border-left: 5px solid #16805c;border-radius: 0 18px 18px 0;}.dk-lock-result strong {color: #003c35;}.dk-lock-result p {margin: 6px 0;color: #405a51;line-height: 1.65;}.dk-lock-warning {margin: 28px 0;padding: 20px;background: #fff8e6;border: 1px solid #f0d995;border-radius: 18px;}.dk-lock-warning strong {color: #7a5100;}.dk-lock-warning p {margin: 7px 0 0;color: #5f563d;line-height: 1.65;}@media (max-width: 900px) {.dk-lock-grid {grid-template-columns: 1fr;}.dk-lock-arrow {transform: rotate(90deg);}.dk-race-columns {grid-template-columns: 1fr;}}.dk-apex-tab-article {--dk-primary: #4054f4;--dk-primary-soft: #eef1ff;--dk-success: #16835c;--dk-success-soft: #ecfbf4;--dk-warning: #c47a00;--dk-warning-soft: #fff8e7;--dk-danger: #c64242;--dk-danger-soft: #fff1f1;--dk-dark: #16181d;--dk-text: #25272b;--dk-muted: #6c7280;--dk-border: #e0e3ea;--dk-card: #ffffff;--dk-bg: #f7f8fc;color: var(--dk-text);font-size: 16px;line-height: 1.75;}.dk-apex-tab-article *,
.dk-apex-tab-article *::before,
.dk-apex-tab-article *::after {box-sizing: border-box;}.dk-apex-tab-article h2 {margin-top: 42px;margin-bottom: 16px;padding-left: 13px;border-left: 4px solid var(--dk-primary);font-size: 25px;line-height: 1.35;}.dk-apex-tab-article h3 {margin-top: 28px;margin-bottom: 12px;font-size: 20px;}.dk-apex-tab-article p {margin: 12px 0;}.dk-apex-tab-article ul,
.dk-apex-tab-article ol {padding-left: 26px;}.dk-apex-tab-article li {margin: 7px 0;}.dk-apex-tab-article code {padding: 2px 6px;border-radius: 5px;background: #f0f1f5;font-family: Consolas, Monaco, monospace;font-size: 0.93em;}.dk-code {margin: 18px 0;padding: 18px 20px;overflow-x: auto;border-radius: 12px;background: #17191f;color: #edf0f5;}.dk-code pre {margin: 0;white-space: pre-wrap;word-break: break-word;font-family: Consolas, Monaco, monospace;font-size: 14px;line-height: 1.65;}.dk-note,
.dk-warning,
.dk-success {margin: 22px 0;padding: 17px 19px;border-radius: 10px;}.dk-note {border-left: 4px solid var(--dk-primary);background: var(--dk-primary-soft);}.dk-warning {border-left: 4px solid var(--dk-warning);background: var(--dk-warning-soft);}.dk-success {border-left: 4px solid var(--dk-success);background: var(--dk-success-soft);}.dk-table-wrap {width: 100%;margin: 22px 0;overflow-x: auto;}.dk-table {width: 100%;min-width: 640px;border-collapse: collapse;background: #fff;}.dk-table th,
.dk-table td {padding: 12px 14px;border: 1px solid var(--dk-border);text-align: left;vertical-align: top;}.dk-table th {background: #f1f3f8;font-weight: 700;}.dk-tab-concept {margin: 28px 0;padding: 24px;border: 1px solid var(--dk-border);border-radius: 16px;background: var(--dk-bg);}.dk-browser-bar {display: flex;align-items: center;gap: 8px;margin-bottom: 18px;}.dk-browser-dot {width: 10px;height: 10px;border-radius: 50%;background: #c7cad2;}.dk-tab-row {display: grid;grid-template-columns: repeat(3, 1fr);gap: 10px;}.dk-tab-ui {position: relative;padding: 18px 12px;border: 1px solid var(--dk-border);border-radius: 10px;background: #fff;text-align: center;font-weight: 700;}.dk-tab-ui.active {border: 2px solid var(--dk-primary);background: var(--dk-primary-soft);color: var(--dk-primary);}.dk-tab-ui.hidden-tab {color: var(--dk-muted);}.dk-state-badge {display: inline-block;margin-top: 8px;padding: 3px 9px;border-radius: 50px;font-size: 11px;font-weight: 700;}.dk-state-active {background: var(--dk-primary);color: #fff;}.dk-state-hidden {background: #eceef3;color: #666;}.dk-big-arrow {padding: 20px 0 12px;text-align: center;color: var(--dk-primary);font-size: 30px;font-weight: 700;}.dk-server-card {max-width: 680px;margin: 0 auto;padding: 20px;border-radius: 13px;background: #17191f;color: #fff;}.dk-server-title {margin-bottom: 13px;text-align: center;font-size: 18px;font-weight: 700;}.dk-server-line {display: flex;align-items: center;gap: 9px;padding: 8px 0;border-bottom: 1px solid #30333b;}.dk-server-line:last-child {border-bottom: 0;}.dk-check {color: #6ce0a7;font-weight: 800;}.dk-debug-sim {margin: 28px 0;padding: 23px;border-radius: 16px;background: #17191f;color: #fff;}.dk-debug-header {display: flex;justify-content: space-between;gap: 12px;margin-bottom: 18px;padding-bottom: 13px;border-bottom: 1px solid #343740;}.dk-debug-title {font-weight: 700;}.dk-debug-request {color: #aab0bf;font-family: Consolas, monospace;font-size: 13px;}.dk-debug-item {display: grid;grid-template-columns: 170px 1fr auto;gap: 14px;align-items: center;margin: 9px 0;padding: 12px 14px;border-radius: 9px;background: #22252c;}.dk-debug-name {font-weight: 700;}.dk-debug-records {color: #c5cad6;font-size: 14px;}.dk-executed {padding: 4px 10px;border-radius: 30px;background: #1d6d50;color: #bcf3d9;font-size: 11px;font-weight: 700;}.dk-timeline-box {margin: 28px 0;padding: 24px;border: 1px solid var(--dk-border);border-radius: 16px;background: #fff;}.dk-timeline-title {margin-bottom: 22px;text-align: center;font-size: 20px;font-weight: 700;}.dk-perf-row {display: grid;grid-template-columns: 170px 1fr 70px;gap: 14px;align-items: center;margin: 16px 0;}.dk-perf-label {font-weight: 700;}.dk-perf-track {position: relative;height: 34px;overflow: hidden;border-radius: 7px;background: #eef0f5;}.dk-perf-bar {position: absolute;top: 0;bottom: 0;border-radius: 7px;background: linear-gradient(90deg, #5365f7, #7a87fb);}.dk-bar-1 {left: 0%;width: 32%;}.dk-bar-2 {left: 32%;width: 34%;}.dk-bar-3 {left: 66%;width: 32%;}.dk-perf-time {font-weight: 700;text-align: right;}.dk-scale {display: flex;justify-content: space-between;margin: 12px 84px 0 184px;color: var(--dk-muted);font-size: 12px;}.dk-total-result {margin-top: 24px;padding: 18px;border-radius: 12px;background: var(--dk-danger-soft);color: var(--dk-danger);text-align: center;}.dk-total-result strong {display: block;font-size: 29px;}.dk-lazy-flow {margin: 28px 0;padding: 24px;border: 1px solid var(--dk-border);border-radius: 16px;background: var(--dk-bg);}.dk-flow-first {display: flex;justify-content: center;}.dk-flow-card {width: 240px;padding: 18px;border: 1px solid var(--dk-border);border-radius: 12px;background: #fff;text-align: center;}.dk-flow-card.primary {border: 2px solid var(--dk-primary);}.dk-flow-card.success {border: 2px solid var(--dk-success);}.dk-flow-card h4 {margin: 0 0 6px;font-size: 16px;}.dk-flow-card p {margin: 0;color: var(--dk-muted);font-size: 13px;}.dk-flow-arrow-down {padding: 10px;text-align: center;color: var(--dk-primary);font-size: 26px;}.dk-flow-ready {max-width: 300px;margin: 0 auto;padding: 12px 16px;border-radius: 30px;background: var(--dk-success-soft);color: var(--dk-success);text-align: center;font-weight: 700;}.dk-flow-columns {display: grid;grid-template-columns: 1fr 1fr;gap: 24px;margin-top: 28px;}.dk-flow-column {display: flex;flex-direction: column;align-items: center;}.dk-mini-step {width: 100%;max-width: 320px;margin: 5px 0;padding: 10px 14px;border-radius: 9px;background: #fff;border: 1px solid var(--dk-border);text-align: center;font-size: 14px;}.dk-mini-arrow {color: var(--dk-primary);font-size: 20px;line-height: 1;}.dk-compare {display: grid;grid-template-columns: 1fr 90px 1fr;gap: 18px;align-items: stretch;margin: 30px 0;}.dk-compare-card {padding: 22px;border-radius: 15px;background: #fff;border: 1px solid var(--dk-border);}.dk-compare-card.before {border-top: 5px solid var(--dk-danger);}.dk-compare-card.after {border-top: 5px solid var(--dk-success);}.dk-compare-title {margin-bottom: 16px;font-size: 21px;font-weight: 800;}.dk-compare-line {display: flex;justify-content: space-between;gap: 15px;padding: 9px 0;border-bottom: 1px solid #eceef2;}.dk-compare-line:last-child {border-bottom: 0;}.dk-compare-total {margin-top: 16px;padding-top: 14px;border-top: 2px solid var(--dk-border);font-size: 26px;font-weight: 800;}.dk-compare-middle {display: flex;align-items: center;justify-content: center;color: var(--dk-primary);font-size: 34px;font-weight: 800;}.dk-improvement {margin: 20px 0 30px;padding: 20px;border-radius: 14px;background: linear-gradient(135deg, #edfdf5, #f4fff9);color: #147650;text-align: center;}.dk-improvement-number {display: block;font-size: 34px;font-weight: 800;}.dk-checklist {margin: 24px 0;padding: 22px;border-radius: 14px;background: #f8f9fc;border: 1px solid var(--dk-border);}.dk-check-row {position: relative;padding: 8px 0 8px 28px;}.dk-check-row::before {content: "✓";position: absolute;left: 0;top: 8px;color: var(--dk-success);font-weight: 900;}@media (max-width: 800px) {.dk-tab-row {grid-template-columns: 1fr;}.dk-debug-item {grid-template-columns: 1fr;}.dk-perf-row {grid-template-columns: 1fr;}.dk-scale {display: none;}.dk-flow-columns {grid-template-columns: 1fr;}.dk-compare {grid-template-columns: 1fr;}.dk-compare-middle {transform: rotate(90deg);min-height: 50px;}}