:root { --navy: #102d43;--navy-mid: #102d43;--navy-light: #102d43;--gold: #b8924a;--gold-light: #d4b978;--gold-muted: rgba(184,146,74,0.12);--text-primary: #1a1a1a;--text-secondary: #344653;--text-muted: #777;--text-light: #999;--bg-page: #f8f7f5;--bg-warm: #f7f7f5;--bg-card: #ffffff;--border-light: #e8e5e0;--border-subtle: #f0ede8;--header-h: 72px;--max-width: 1080px;--font-serif: "Noto Serif KR", "Batang", serif;--font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--success: #15803d;--warning: #b45309; }
html { scroll-behavior: smooth; }
* { box-sizing: border-box; }
body { margin: 0;padding: var(--header-h) 0 0;font-family: var(--font-sans);color: var(--text-primary);background: var(--bg-page);line-height: 1.6; }
img { max-width: 100%;height: auto; }
video, iframe { max-width: 100%; }
.ksl-a11y-hidden { position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important; }
a { text-decoration: none;color: inherit;transition: var(--transition); }
ul, li { list-style: none;padding: 0;margin: 0; }
button { cursor: pointer;border: none;font-family: inherit; }
@media (max-width: 640px) {
body { font-size: 16px;line-height: 1.8;letter-spacing: -0.01em; }
p, li { line-height: 1.85; }
}
:root { --shadow-sm: 0 1px 3px rgba(0,0,0,0.04);--shadow-md: 0 4px 20px rgba(0,0,0,0.06);--shadow-lg: 0 12px 40px rgba(0,0,0,0.08);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--success: #15803d;--warning: #b45309; }
*, *::before, *::after { box-sizing: border-box; }
body { line-height: 1.7;overflow-x: hidden;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
.inner, .container { max-width: var(--max-width);margin: 0 auto;padding: 0 24px; }
.skip-link { position: absolute;top: -100px;left: 16px;z-index: 20000;padding: 10px 14px;background: #fff;color: var(--navy);border-radius: 10px;border: 1px solid var(--border-light);box-shadow: 0 16px 40px rgba(10, 15, 30, 0.18);transition: top 0.2s ease; }
.skip-link:focus { top: 16px; }
.fade-section { opacity: 0;transform: translateY(20px);transition: opacity 0.55s ease, transform 0.55s ease; }
.fade-section.visible { opacity: 1;transform: none; }
:root { --desktop-consult-bar-h: 56px; }
.ksl-consult-toggle { display: flex;align-items: center;justify-content: space-between;gap: 16px;min-height: 56px;max-width: 1200px;margin: 0 auto;padding: 12px 24px;color: #fff;font-size: 14px;font-weight: 700;cursor: pointer;list-style: none; }
.ksl-consult-toggle::-webkit-details-marker { display: none; }
.ksl-consult-toggle-label { display: flex;align-items: center;gap: 10px;color: var(--gold-light); }
.ksl-consult-close-copy { display: none; }
.desktop-consult-bar[open] .ksl-consult-open-copy { display: none; }
.desktop-consult-bar[open] .ksl-consult-close-copy { display: inline; }
.desktop-consult-bar[open] .ksl-consult-toggle-label > span:last-child { transform: rotate(180deg); }
.desktop-consult-bar { position: fixed;left: 0;right: 0;bottom: 0;z-index: 9997;display: none;background: rgba(10,15,30,0.96);border-top: 1px solid rgba(184,146,74,0.38);box-shadow: 0 -12px 42px rgba(0,0,0,0.28);backdrop-filter: blur(10px); }
.desktop-consult-inner { max-width: 1280px;margin: 0 auto;padding: 12px 18px;display: flex;gap: 14px;align-items: center;flex-wrap: wrap; }
.desktop-consult-copy { flex: 0 0 auto;min-width: 220px; }
.desktop-consult-title { font-family: var(--font-serif);font-size: 16px;font-weight: 800;color: #fff;line-height: 1.25; }
.desktop-consult-sub { margin-top: 4px;font-size: 12px;font-weight: 600;color: rgba(255,255,255,0.68);letter-spacing: -0.01em; }
.desktop-consult-form { flex: 1 1 520px;min-width: 320px; }
.desktop-consult-honeypot { position: absolute;left: -9999px;width: 1px;height: 1px;opacity: 0; }
.desktop-consult-fields { display: flex;gap: 10px;align-items: center; }
.desktop-consult-field { flex: 0 0 auto; }
.desktop-consult-field--message { flex: 1 1 auto;min-width: 220px; }
.desktop-consult-input { height: 42px;padding: 0 12px;border-radius: 10px;border: 1px solid rgba(255,255,255,0.14);background: rgba(255,255,255,0.06);color: rgba(255,255,255,0.92);outline: none;transition: var(--transition);font-size: 14px; }
.desktop-consult-input::placeholder { color: rgba(255,255,255,0.5); }
.desktop-consult-input:focus { border-color: rgba(184,146,74,0.7);box-shadow: 0 0 0 3px rgba(184,146,74,0.14); }
.desktop-consult-textarea { height: 42px;padding: 10px 12px;resize: none;line-height: 1.4;overflow: hidden; }
.desktop-consult-submit { height: 42px;padding: 0 16px;border-radius: 10px;background: var(--gold);color: var(--navy);font-weight: 900;font-size: 14px;border: 1px solid rgba(184,146,74,0.9);transition: var(--transition);white-space: nowrap; }
.desktop-consult-submit:hover { background: var(--gold-light);border-color: var(--gold-light);transform: translateY(-1px); }
.desktop-consult-submit:disabled { opacity: 0.7;transform: none;cursor: not-allowed; }
.desktop-consult-meta { margin-top: 8px;display: flex;align-items: center;gap: 10px;flex-wrap: wrap; }
.desktop-consult-privacy { display: inline-flex;align-items: center;gap: 6px;font-size: 12px;color: rgba(255,255,255,0.72);font-weight: 600; }
.desktop-consult-privacy input { width: 14px;height: 14px;accent-color: var(--gold); }
.desktop-consult-privacy-link { font-size: 12px;color: rgba(184,146,74,0.95);font-weight: 800; }
.desktop-consult-privacy-link:hover { color: var(--gold-light); }
.desktop-consult-status { font-size: 12px;color: rgba(255,255,255,0.72);font-weight: 600; }
.desktop-consult-status[data-tone="success"] { color: rgba(212,185,120,0.98); }
.desktop-consult-status[data-tone="error"] { color: rgba(248,113,113,0.92); }
@media (min-width: 993px) {
body { padding-bottom: calc(var(--desktop-consult-bar-h, 112px) + env(safe-area-inset-bottom, 0px)); }
.desktop-consult-bar { display: block; }
.desktop-consult-bar { animation: desktopConsultIn 320ms ease-out both; }
}
@keyframes desktopConsultIn { from { transform: translateY(14px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
.desktop-consult-bar { animation: none !important; }
}
@media (max-width: 1120px) {
.desktop-consult-copy { min-width: 160px; }
.desktop-consult-sub { display: none; }
}
@media (max-width: 1024px) {
.desktop-consult-fields { flex-wrap: wrap; }
.desktop-consult-field--message { min-width: 100%; }
}
@media (max-width: 768px) {
html body { font-size: 16px; }
}
@media (max-width: 640px) {
body .container, body .inner { padding-left: 16px;padding-right: 16px; }
}
.contact-receipt-note { overflow-wrap:anywhere; }
.contact-receipt-note code { white-space:normal; }
body[class*="ksl-page-"] .ksl-subpage-hero { box-sizing: border-box;display: flex;align-items: center;min-height: 300px;padding: 32px 0;text-align: left; }
body[class*="ksl-page-"] .ksl-subpage-hero > .inner { width: 100%; }
body[class*="ksl-page-"] .ksl-subpage-hero :is(h1, p) { word-break: keep-all;overflow-wrap: anywhere; }
body[class*="ksl-page-"] .ksl-subpage-hero h1 { margin: 0;font-size: 34px;line-height: 1.45;letter-spacing: -.035em; }
body[class*="ksl-page-"] .ksl-subpage-hero :is(.pasan-hero-kicker, .hero-badge, .cases-kicker, .faq-hero-kicker, .hero-kicker, .contact-hero-kicker, .loc-kicker) { display: block;margin: 0 0 10px;font-size: 11px;line-height: 1.6;letter-spacing: .13em; }
body[class*="ksl-page-"] .ksl-subpage-hero :is(.pasan-hero-desc, .hero-desc, .cases-desc, .faq-hero-desc, .contact-hero-desc, .loc-desc) { max-width: 560px;margin: 12px 0 0;font-size: 16px;line-height: 1.8; }
body[class*="ksl-page-"] .ksl-subpage-hero::before, body[class*="ksl-page-"] .ksl-subpage-hero::after { animation: none; }
.ksl-explore-outline { display: flex;flex-wrap: wrap;align-items: center;gap: 10px;margin: 20px 0;padding: 14px 0;border-block: 1px solid var(--border-light); }
.ksl-explore-outline > span { flex-basis: 100%;color: var(--text-secondary);font-size: 14px; }
.ksl-explore-outline a { display: inline-flex;align-items: center;min-height: 44px;padding: 8px 12px;border: 1px solid var(--border-light);border-radius: 4px;background: #fff;color: var(--navy);font-size: 14px;font-weight: 700;text-decoration: none; }
body[class*="ksl-page-"] .ksl-subpage-hero--info > .inner, body[class*="ksl-page-"] .ksl-subpage-hero--profile > .inner { display: grid;grid-template-columns: 1.15fr 1fr;column-gap: 56px;row-gap: 0;align-items: center; }
body[class*="ksl-page-"] .ksl-subpage-hero--info h1, body[class*="ksl-page-"] .ksl-subpage-hero--profile h1 { grid-column: 1;grid-row: 2;align-self: start; }
body[class*="ksl-page-"] .ksl-subpage-hero--profile .hero-desc { grid-column: 2;grid-row: 1 / span 2;padding-left: 28px;border-left: 1px solid #b8924a80;margin: 0; }
body[class*="ksl-page-"] .ksl-subpage-hero--info::before { display: none; }
body:is(.ksl-page-rehab, .ksl-page-pasan, .ksl-page-corp) .pasan-nav-wrapper { margin-top: 0;margin-bottom: 20px; }
body:is(.ksl-page-rehab, .ksl-page-pasan, .ksl-page-corp) .pasan-nav-link { min-height: 48px;padding: 13px 24px; }
body:is(.ksl-page-rehab, .ksl-page-pasan, .ksl-page-corp) .pasan-section-card { padding: 32px; }
body:is(.ksl-page-rehab, .ksl-page-pasan, .ksl-page-corp) .pasan-card-header { margin-bottom: 24px; }
body[class*="ksl-page-"] .ksl-subpage-hero--profile { background: #f1eee7;color: #102d43;border-bottom: 1px solid #ded7c9; }
body[class*="ksl-page-"] .ksl-subpage-hero--profile::before, body[class*="ksl-page-"] .ksl-subpage-hero--profile::after { display: none; }
body[class*="ksl-page-"] .ksl-subpage-hero--profile .hero-desc { color: #344653; }
body.ksl-page-about .ksl-explore-outline { margin: 16px 0 20px;padding: 14px 18px; }
body.ksl-page-about .section-py { padding: 48px 0; }
body.ksl-page-about .stats-bar { margin-bottom: 24px;padding: 24px; }
body.ksl-page-about .section-header { margin-bottom: 28px; }
body[class*="ksl-page-"] .ksl-subpage-hero--archive { background: #eeeae2;color: #102d43; }
body.ksl-page-cases .cases-library { padding-top: 24px;padding-bottom: 40px; }
body.ksl-page-cases .cases-tools { padding: 18px;gap: 16px; }
body.ksl-page-cases .cases-section { padding-top: 24px; }
body[class*="ksl-page-"] .ksl-subpage-hero--tool { min-height: 200px;padding: 24px 0; }
body[class*="ksl-page-"] .ksl-subpage-hero--tool h1 { font-size: 30px; }
body.ksl-page-faq .ksl-subpage-hero--tool { background: #f5f4ef;color: #102d43;border-bottom: 1px solid #ded8cd; }
body.ksl-page-faq .faq-main { padding-bottom: 40px; }
body.ksl-page-selfcheck .ksl-subpage-hero--tool { display: block;background: #f4f6f8;color: #102d43;border-bottom: 1px solid #dce2e9; }
body.ksl-page-selfcheck .ksl-subpage-hero--tool > .ksl-subpage-tool-inner { max-width: 760px;margin: 0 auto;padding: 0 24px; }
body.ksl-page-selfcheck .hero-kicker { color: #86632f; }
body.ksl-page-selfcheck .hero-desc { color: #344653; }
body.ksl-page-selfcheck .main-card { margin-top: 20px;padding: 24px; }
body.ksl-page-selfcheck .question-progress { padding: 12px 16px;margin-bottom: 14px; }
body.ksl-page-selfcheck .wizard-progress-head { margin-bottom: 6px; }
body.ksl-page-selfcheck .q-header { margin-bottom: 12px;padding-bottom: 10px; }
body.ksl-page-selfcheck .ksl-question-help { margin-bottom: 14px;padding: 0 14px;border: 1px solid #ded9ce;border-radius: 6px;background: #f7f5f0; }
body.ksl-page-selfcheck .ksl-question-help summary { min-height: 44px;padding: 10px 0;color: #76551f;font-size: 14px;font-weight: 700;cursor: pointer; }
body.ksl-page-selfcheck .ksl-question-help .q-desc-box { padding: 12px;margin-bottom: 12px; }
body.ksl-page-selfcheck .ksl-question-help .diagram-container { margin: 0 0 12px;padding: 12px; }
body.ksl-page-selfcheck .q-label { margin-bottom: 12px; }
body.ksl-page-contact .contact-hero :is(.contact-hero-kicker, h1, .contact-hero-desc) { grid-column: 1; }
body .ksl-subpage-actions { display: flex;flex-wrap: wrap;align-items: center;gap: 10px; }
body.ksl-page-contact .ksl-subpage-actions { grid-column: 2;grid-row: 1 / span 3; }
body .ksl-subpage-actions a { display: inline-flex;align-items: center;justify-content: center;gap: 16px;min-height: 44px;padding: 10px 18px;border: 1px solid #bba16d;border-radius: 6px;color: #f6e4c5;font-size: 14px;font-weight: 700; }
body.ksl-page-contact .contact-main { padding-bottom: 40px; }
body.ksl-page-location .ksl-subpage-hero--tool { background: #f0eee8;color: #102d43;border-bottom: 1px solid #ded8cd; }
body.ksl-page-location .sec-header { margin-bottom: 18px;padding-bottom: 14px; }
@media (max-width: 768px) {
body[class*="ksl-page-"] .ksl-subpage-hero { min-height: 280px;padding: 28px 0; }
body[class*="ksl-page-"] .ksl-subpage-hero h1 { font-size: 28px; }
body[class*="ksl-page-"] .ksl-subpage-hero--info > .inner, body[class*="ksl-page-"] .ksl-subpage-hero--profile > .inner { display: block; }
body[class*="ksl-page-"] .ksl-subpage-hero--profile .hero-desc { margin-top: 14px;padding-left: 0;border: 0; }
body[class*="ksl-page-"] .ksl-subpage-hero--tool { min-height: 200px;padding: 24px 0; }
body[class*="ksl-page-"] .ksl-subpage-hero--tool h1 { font-size: 26px; }
body[class*="ksl-page-"] .ksl-subpage-hero--tool :is(.hero-desc, .faq-hero-desc, .contact-hero-desc, .loc-desc) { font-size: 15px; }
body:is(.ksl-page-rehab, .ksl-page-pasan, .ksl-page-corp) .pasan-nav-wrapper { margin-bottom: 12px; }
body:is(.ksl-page-rehab, .ksl-page-pasan, .ksl-page-corp) .pasan-section-card { padding: 24px 20px; }
body:is(.ksl-page-rehab, .ksl-page-pasan, .ksl-page-corp) .pasan-nav-link { padding: 12px 18px; }
body.ksl-page-cases .ksl-subpage-hero h1 { font-size: 26px; }
body.ksl-page-cases .cases-tools { padding: 14px; }
body.ksl-page-contact .ksl-subpage-actions { margin-top: 14px; }
body.ksl-page-contact .ksl-subpage-actions a { padding: 9px 12px; }
}
@media (max-width: 390px) {
body[class*="ksl-page-"] .ksl-subpage-hero > .inner { padding-left: 18px;padding-right: 18px; }
body.ksl-page-selfcheck .sc-container, body.ksl-page-selfcheck .ksl-subpage-tool-inner { padding-left: 18px;padding-right: 18px; }
body.ksl-page-selfcheck .main-card { padding: 18px; }
}
:root { --ksl-card-radius: 4px;--ksl-card-line: #d7d2c8;--ksl-card-border: 1px solid var(--ksl-card-line); }
body { --radius-sm: var(--ksl-card-radius);--radius-md: var(--ksl-card-radius);--radius-lg: var(--ksl-card-radius);--shadow-card: none;--shadow-float: none; }
body[class] main :is(.ksl-explore-card, .case-card, .case-item, .select-card, .report-box), body[class] .report-box, body.ksl-page-about .stats-bar { border: var(--ksl-card-border);border-radius: var(--ksl-card-radius);box-shadow: none; }
body[class] main :is(.ksl-explore-card, .case-card, .case-item):hover { border-color: #ac874b;box-shadow: none;transform: none; }
body[class] main .select-card:has(input:checked) { border-color: #ac874b;background: var(--gold-muted); }
body[class] main .case-item.open { border-color: #ac874b; }
body[class] main :is(.profile-card, .main-card, .board-card, .form-card, .info-card, .legal-card) { background: transparent;border: 0;border-radius: 0;box-shadow: none; }
body[class] main .pasan-section-card:not(.consult-card) { padding: 32px 0;background: transparent;border: 0;border-top: var(--ksl-card-border);border-radius: 0;box-shadow: none; }
body[class] main .pasan-section-card:first-child { border-top: 0; }
body[class] main :is(.diff-card, .review-card, .check-card, .service-item, .trans-item) { padding: 24px 0;background: transparent;border: 0;border-top: var(--ksl-card-border);border-radius: 0;box-shadow: none; }
body[class] main :is(.diff-card, .service-item):hover { border-color: var(--ksl-card-line);box-shadow: none;transform: none; }
body[class] main .diff-grid { gap: 28px; }
body[class] main .legal-card { padding: 24px 0;border-top: var(--ksl-card-border); }
body[class] main .legal-card:first-child { border-top: 0;padding-top: 12px; }
body[class] main .main-card { padding: 0; }
body[class] main .ksl-board-private-text { padding: 18px 0;background: transparent;border-top: var(--ksl-card-border);border-radius: 0; }
body[class] main .ksl-explore-outline { padding: 12px 0;border: 0;border-bottom: var(--ksl-card-border);background: transparent;border-radius: 0; }
body[class] main .ksl-explore-outline a { border-radius: var(--ksl-card-radius); }
body[class] main .cases-tools { padding: 0;border: 0;border-radius: 0;background: transparent;box-shadow: none; }
body[class] main :is(.ksl-question-help, .cases-reading-guide) { padding: 0;background: transparent;border: 0;border-top: var(--ksl-card-border);border-bottom: var(--ksl-card-border);border-radius: 0; }
body[class] main .question-progress { padding: 8px 0 14px;background: transparent;border: 0;border-bottom: var(--ksl-card-border);border-radius: 0; }
body[class] main :is(.q-desc-box, .diagram-container) { padding: 12px 0;background: transparent;border: 0;border-radius: 0; }
body[class] main :is(.info-block, .info-section, .privacy-detail, .privacy-wrap, .detail-box, .lock-box, .q-box, .a-box) { padding: 20px 0;background: transparent;border: 0;border-top: var(--ksl-card-border);border-radius: 0;box-shadow: none; }
body[class] main .faq-answer { background: transparent;border-radius: 0; }
body[class] main .faq-answer-inner { padding: 16px 0 22px 28px; }
body[class] main .faq-table-wrap { border: 0;border-radius: 0;background: transparent; }
body[class] .report-box .report-content { padding: 16px 0;background: transparent;border: 0;border-top: var(--ksl-card-border);border-radius: 0; }
body[class] main :is(.case-preview-facts, .case-specs, .case-note) { padding: 16px 0;border: 0;border-top: var(--ksl-card-border);background: transparent;border-radius: 0; }
body[class] main .case-doc { padding: 0;border: 0;border-radius: 0;background: transparent; }
body[class] main :is(.cases-empty, .cases-reading-note) { padding: 20px 0;border: 0;border-top: var(--ksl-card-border);border-radius: 0;background: transparent; }
body[class] main :is(.photo-item, .map-container) { border-radius: 0;border: 0;box-shadow: none; }
body[class] main .photo-caption { padding: 10px 0;border: 0;background: transparent; }
body[class] main .photo-item:hover .photo-img, body[class] main .case-card:hover .case-img-wrap img { transform: none; }
body[class] main .consult-card { border: 0;border-radius: 0;box-shadow: none; }
body[class] main :is(.btn, .consult-btn, .btn-action, .ksl-board-button, .cases-filter-button, .cases-search-field, .case-document-action), body[class] main :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea), body[class] .ksl-subpage-actions a, body[class] .cases-document-dialog, body[class] .cases-document-toolbar :is(a, button) { border-radius: var(--ksl-card-radius); }
body[class] .cases-document-dialog { border: var(--ksl-card-border);box-shadow: none; }
body[class] main .ksl-board-pages :is(a, button) { border-radius: var(--ksl-card-radius); }
body[class] :is(.fixed-cta-bar, .desktop-consult-bar) { border-radius: 0;box-shadow: none;border-top: 1px solid #ffffff30; }
@media (max-width: 768px) {
body[class] main .pasan-section-card:not(.consult-card) { padding: 24px 0; }
body[class] main .faq-answer-inner { padding-left: 0; }
body[class] main .ksl-board-table tr { padding: 16px 0;border: 0;border-bottom: var(--ksl-card-border);border-radius: 0;box-shadow: none; }
}
:root { --ksl-layout-max: 1200px;--ksl-reading-max: 780px;--ksl-form-max: 720px;--ksl-fixed-bottom-h: 69px; }
body[class] { --max-width: var(--ksl-layout-max);--header-h: 72px;padding-top: var(--header-h);padding-bottom: var(--ksl-fixed-bottom-h) !important; }
body.ksl-page-index { padding-top: 0; }
html { scroll-padding-top: calc(var(--header-h, 72px) + 16px); }
body[class] :is(.inner, .container, .header-inner, .footer-inner, .pasan-nav, .stats-bar-inner) { width: 100%;max-width: var(--ksl-layout-max);margin-inline: auto;padding-inline: 24px; }
body[class] :is(.pasan-card-desc, .acc-panel-inner, .legal-container, .wp-content, .profile-editorial, .intro-text, .case-summary) { max-width: var(--ksl-reading-max); }
body[class] .acc-panel-inner { padding-left: 0; }
body[class] .legal-main :is(.container, .inner) { max-width: calc(var(--ksl-reading-max) + 48px); }
body.ksl-page-single :is(.page-head, .wp-content) { max-width: var(--ksl-reading-max);margin-inline: auto; }
body[class] main :is(.profile-content, .intro-text, .case-text) { min-width: 0; }
body[class] .case-text { max-width: var(--ksl-reading-max); }
body[class] main :is(.pasan-card-desc, .overview-text, .acc-panel-inner, .step-desc, .intro-text, .faq-answer-inner) { font-size: 16px;line-height: 1.85; }
body[class] .sc-container, body.ksl-page-selfcheck .ksl-subpage-hero--tool > .ksl-subpage-tool-inner { width: 100%;max-width: var(--ksl-form-max);padding-inline: 24px;margin-inline: auto; }
body[class] main.ksl-board-page .form-card, body.ksl-page-selfcheck main .info-section { width: 100%;max-width: var(--ksl-form-max);margin-inline: auto;padding: 24px;background: #fff;border: var(--ksl-card-border);border-radius: var(--ksl-card-radius);box-shadow: none; }
body[class] .contact-form { max-width: var(--ksl-form-max); }
body[class] .home-main .hero { padding-top: calc(var(--header-h) + 28px);padding-bottom: 36px; }
body[class] .home-main .hero-grid { max-width: var(--ksl-layout-max);padding-inline: 24px; }
body[class] .ksl-subpage-hero { min-height: 260px;padding-block: 24px; }
body[class] .ksl-subpage-hero h1 { font-size: 32px; }
body[class] .ksl-subpage-hero--tool { min-height: 160px;padding-block: 20px; }
body[class] .ksl-subpage-hero--tool h1 { font-size: 28px; }
body[class] .ksl-subpage-hero--tool :is(.hero-desc, .faq-hero-desc, .contact-hero-desc, .loc-desc) { margin-top: 8px; }
body[class] .ksl-subpage-hero--info { background: #f1eee7;color: #102d43;border-bottom: 1px solid #ded8cc; }
body[class] .ksl-subpage-hero--info::after { display: none; }
body[class] .home-main .section-title { font-size: clamp(28px, 3vw, 38px);margin-bottom: 22px; }
body[class] .home-main .section-header { margin-bottom: 30px; }
body[class] .home-main .section-py { padding-block: 64px; }
body[class] .pasan-card-title, body[class] .section-heading { font-size: 28px; }
body[class] :is(.pasan-hero-kicker, .hero-badge, .cases-kicker, .faq-hero-kicker, .hero-kicker, .contact-hero-kicker, .loc-kicker, .pasan-card-kicker, .sec-kicker, .faq-group-kicker, .consult-kicker, .section-kicker, .legal-kicker), body[class] .ksl-subpage-hero :is(.pasan-hero-kicker, .hero-badge, .cases-kicker, .faq-hero-kicker, .hero-kicker, .contact-hero-kicker, .loc-kicker) { display: none; }
body[class] .home-main .section-kicker { display: none; }
body[class] .home-main .section-kicker::before, body[class] .home-main .section-kicker::after { display: none; }
body[class] .desktop-consult-bar { background: #102d43;backdrop-filter: none;box-shadow: none;animation: none;border-top: 1px solid #344653; }
body[class] .ksl-consult-toggle { min-height: 68px;height: 68px;padding: 12px 24px;max-width: var(--ksl-layout-max); }
body[class] .desktop-consult-inner { position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);width: calc(100% - 48px);max-width: var(--ksl-layout-max);max-height: calc(100dvh - var(--header-h) - 100px);overflow-y: auto;padding: 24px;gap: 24px;background: #102d43;border: 1px solid #344653;border-radius: var(--ksl-card-radius);justify-content: space-between; }
body[class] .desktop-consult-copy { min-width: 150px; }
body[class] .desktop-consult-form { flex: 1 1 560px;max-width: var(--ksl-form-max);min-width: 0; }
body[class] .desktop-consult-fields { display: grid;grid-template-columns: 120px 150px minmax(140px, 1fr) 68px;gap: 10px; }
body[class] .desktop-consult-field { min-width: 0; }
body[class] .desktop-consult-field--message { min-width: 0; }
body[class] .desktop-consult-input { width: 100%;background: #102d43;border-color: #647080;color: #fff;border-radius: var(--ksl-card-radius); }
body[class] .desktop-consult-submit { border-radius: var(--ksl-card-radius); }
body[class] .question-wizard-ready .wizard-controls { position: fixed;left: 0;right: 0;bottom: 0;z-index: 9997;min-height: 68px;margin: 0;padding: 12px max(24px, calc((100vw - 672px) / 2));flex-direction: row;flex-wrap: nowrap;align-items: center;gap: 12px;background: #102d43;border-top: 1px solid #344653; }
body[class] .wizard-dock-label { margin-right: auto;color: #e1e6ed;font-size: 13px;white-space: nowrap; }
body[class] .wizard-controls .wizard-btn { width: auto;flex: 0 0 auto;min-width: 112px;min-height: 44px;padding: 10px 16px;border-radius: 4px;background: #c4a26a;color: #102d43;font-size: 14px; }
body[class] .wizard-controls .wizard-btn.secondary { background: transparent;color: #fff;border: 1px solid #647080; }
body[class] .wizard-controls .wizard-btn:disabled { opacity: .55; }
body[class] .wizard-details-link { display: none;min-height: 44px;align-items: center;padding: 10px 16px;background: #c4a26a;color: #102d43;font-size: 14px;font-weight: 700;border-radius: 4px; }
body[class] .is-contact-step .wizard-details-link { display: inline-flex; }
body[class] .wizard-progress-step { display: none; }
@media (max-width: 992px) {
:root { --ksl-fixed-bottom-h: 58px; }
body[class] { --header-h: 64px; }
body[class] .home-main .hero { padding-top: calc(var(--header-h) + 24px);padding-bottom: 32px; }
body[class] .question-wizard-ready .wizard-controls { min-height: 64px;padding: 10px 24px; }
}
@media (max-width: 768px) {
body[class] .ksl-subpage-hero { min-height: 240px;padding-block: 24px; }
body[class] .ksl-subpage-hero h1 { font-size: 27px; }
body[class] .ksl-subpage-hero--tool { min-height: 150px;padding-block: 18px; }
body[class] .ksl-subpage-hero--tool h1 { font-size: 25px; }
body.ksl-page-contact .ksl-subpage-actions { display: none; }
body[class] .home-main .section-py { padding-block: 44px; }
body[class] .home-main .section-title { font-size: 28px; }
body[class] .pasan-card-title, body[class] .section-heading { font-size: 24px; }
body[class] :is(.inner, .container, .header-inner, .footer-inner, .pasan-nav, .stats-bar-inner), body[class] .sc-container, body.ksl-page-selfcheck .ksl-subpage-hero--tool > .ksl-subpage-tool-inner { padding-inline: 18px; }
body[class] main.ksl-board-page .form-card, body.ksl-page-selfcheck main .info-section { padding: 18px; }
body[class] .wizard-controls .wizard-btn { min-width: 88px;padding: 10px 12px;font-size: 13px; }
body[class] .wizard-dock-label { font-size: 12px; }
body[class] .question-wizard-ready .wizard-controls { padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));gap: 8px; }
body[class] .wizard-details-link { font-size: 12px;padding-inline: 10px; }
body[class] .is-contact-step .wizard-dock-label { display: none; }
}