: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; }
}.hj-home { --hj-ink: #172339; --hj-muted: #526079; --hj-gold: #b78c48; --hj-line: #d8d3c9; background: #fbfaf7; color: var(--hj-ink); }
.hj-home *, .hj-certificate-dialog * { box-sizing: border-box; }
.hj-home :is(p, ul, ol, figure, dl, h1, h2, h3, h4) { margin: 0; }
.hj-home :is(p, dd) { font-size: 16px; line-height: 1.85; overflow-wrap: anywhere; }
.hj-home :is(h1, h2, h3, h4) { word-break: keep-all; overflow-wrap: anywhere; }
.hj-home h2 { font-size: clamp(27px, 2.6vw, 36px); line-height: 1.45; letter-spacing: -.045em; font-family: 'Noto Serif KR', serif; }
.hj-home h3 { font-size: 22px; line-height: 1.5; letter-spacing: -.025em; }
.hj-home h4 { font-size: 18px; line-height: 1.6; }
.hj-home :is(button, input, select, textarea) { font: inherit; }
.hj-home button { cursor: pointer; }
.hj-home :is(button, a, input, select, textarea, summary):focus-visible, .hj-certificate-dialog :is(button, a):focus-visible { outline: 3px solid #b78c48; outline-offset: 4px; }
.hj-home [hidden], .hj-certificate-dialog:not([open]) { display: none !important; }
body[class] .hj-home .hj-hero { min-height: 0; height: auto; background: #101e32; background-image: none; padding-block: calc(var(--header-h) + 32px) 36px; }
.hj-home .hj-hero::before, .hj-home .hj-hero::after { display: none; }
.hj-hero-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; align-items: center; gap: 64px; }
.hj-home .hj-eyebrow { margin-bottom: 16px; color: #cfb37e; font-size: 13px; letter-spacing: .04em; }
.hj-home .hj-hero h1 { color: #fff; font-family: 'Noto Serif KR', serif; font-size: clamp(32px, 3.1vw, 45px); line-height: 1.5; letter-spacing: -.05em; margin: 0 0 18px; text-align: left; }
.hj-home .hj-hero h1 span { color: #d5b377; }
.hj-home .hj-hero-desc { color: #d1d8e1; margin-bottom: 22px; line-height: 1.75; }
.hj-choice { display: flex; align-items: stretch; gap: 4px; padding: 4px; width: fit-content; max-width: 100%; border: 1px solid #536079; border-radius: 4px; }
.hj-choice button { border: 0; background: transparent; color: #d4dce7; border-radius: 2px; padding: 10px 18px; min-height: 44px; font-size: 14px; font-weight: 600; }
.hj-choice button[aria-selected=true] { background: #d0af76; color: #101e32; }
.hj-home .hj-audience > p { color: #d1d8e1; font-size: 14px; margin: 14px 0; min-height: 26px; }
.hj-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.hj-home .hj-button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; padding: 12px 22px; border: 1px solid #c9a66b; border-radius: 4px; background: #c9a66b; color: #101e32; font-weight: 700; font-size: 15px; line-height: 1.5; text-align: center; }
.hj-home .hj-button:hover { background: #d9ba86; border-color: #d9ba86; }
.hj-home .hj-button-outline { background: transparent; color: #fff; border-color: #748298; }
.hj-home .hj-button-outline:hover { background: #243349; border-color: #a5afbf; }
.hj-home .hj-hero-contact { display: inline-flex; align-items: center; min-height: 44px; margin-top: 8px; color: #d1d8e1; font-size: 13px; }
.hj-portrait { position: relative; max-width: 300px; width: 100%; justify-self: end; }
.hj-portrait img { display: block; width: 100%; height: 350px; object-fit: cover; object-position: center 20%; border-radius: 2px; }
.hj-portrait figcaption { display: grid; grid-template-columns: auto 1fr; gap: 3px 12px; padding-top: 12px; color: #d3dce9; font-size: 12px; line-height: 1.6; }
.hj-portrait figcaption strong { font-size: 17px; grid-row: span 2; color: #fff; }
.hj-portrait figcaption a { color: #d1b37e; }
.hj-credentials { background: #f1eee7; border-bottom: 1px solid var(--hj-line); }
.hj-credentials > .container { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding-block: 18px; }
.hj-credentials a { display: grid; grid-template-columns: 24px 1fr; gap: 2px 12px; padding-inline: 22px; border-left: 1px solid var(--hj-line); align-content: center; }
.hj-credentials a:first-child { padding-left: 0; border: 0; }
.hj-credentials a span { grid-row: span 2; color: #8b6832; font-size: 13px; padding-top: 3px; }
.hj-credentials a strong { font-size: 15px; line-height: 1.6; font-weight: 600; }
.hj-credentials a small { color: #647080; font-size: 12px; line-height: 1.6; }
.hj-section { padding-block: 64px; border-bottom: 1px solid var(--hj-line); }
.hj-paper { background: #f1eee7; }
.hj-split { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: 64px; }
.hj-home .hj-step-label { font-size: 12px; font-weight: 600; color: #7a5d2f; margin-bottom: 10px; }
.hj-section-head > p:not(.hj-step-label) { color: var(--hj-muted); margin-block: 18px; }
.hj-heading-row { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 28px; }
.hj-heading-row > :last-child { flex-shrink: 0; }
.hj-home .hj-text-link { display: inline-flex; min-height: 40px; align-items: center; color: #775421; font-size: 14px; font-weight: 600; line-height: 1.65; text-decoration: underline; text-underline-offset: 5px; }
.hj-situation-choices { display: flex; flex-direction: column; margin-top: 22px; border-top: 1px solid var(--hj-line); }
.hj-situation-choices button { display: flex; align-items: center; justify-content: space-between; border: 0; border-bottom: 1px solid var(--hj-line); background: transparent; padding: 15px 12px; text-align: left; color: var(--hj-ink); font-size: 16px; min-height: 54px; }
.hj-situation-choices button[aria-selected=true] { background: #ece6da; color: #624718; font-weight: 700; border-left: 3px solid #a58044; padding-left: 9px; }
.hj-situation-panel { border-top: 2px solid #b2925e; padding-top: 20px; }
.hj-home .hj-guide { margin-block: 14px 12px; color: var(--hj-muted); }
.hj-related { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--hj-line); }
.hj-home .hj-small-label { color: #7a5d2f; font-size: 12px; font-weight: 600; margin-bottom: 7px; }
.hj-related > p:not(.hj-small-label) { color: var(--hj-muted); margin-top: 8px; font-size: 15px; }
.hj-light-choice { border-color: #c9c2b5; margin-bottom: 22px; }
.hj-light-choice button { color: #42516a; }
.hj-light-choice button[aria-selected=true] { background: #172339; color: #fff; }
.hj-comparison { display: grid; grid-template-columns: .8fr 1.2fr; gap: 48px; padding-block: 20px; }
.hj-comparison > div > p { color: var(--hj-muted); margin-block: 12px; max-width: 300px; }
.hj-comparison dl > div { display: grid; grid-template-columns: 52px 1fr; gap: 16px; border-top: 1px solid var(--hj-line); padding-block: 14px; }
.hj-comparison dl dt { font-size: 14px; font-weight: 700; padding-top: 3px; }
.hj-comparison dl dd { color: var(--hj-muted); margin: 0; }
.hj-home .hj-footnote { font-size: 13px; line-height: 1.75; color: #647080; margin-top: 18px; }
.hj-corp-link { border-top: 1px solid #bcb2a1; margin-top: 28px; padding-top: 22px; display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.hj-corp-link strong { font-size: 18px; }
.hj-corp-link p { font-size: 14px; color: var(--hj-muted); margin-top: 6px; }
.hj-case-filters { display: flex; flex-wrap: wrap; gap: 8px; }
.hj-case-filters button { padding: 9px 16px; min-height: 44px; border: 1px solid var(--hj-line); background: transparent; border-radius: 4px; color: #42516a; font-size: 14px; }
.hj-case-filters button[aria-pressed=true] { background: #172339; color: #fff; border-color: #172339; }
.hj-home .hj-case-count { margin-block: 14px; }
.hj-case-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.hj-case { border: 1px solid var(--hj-line); border-radius: var(--ksl-card-radius, 4px); background: #fff; padding: 22px; display: flex; flex-direction: column; }
.hj-case-type { color: #7a5d2f; font-size: 12px; margin-bottom: 10px; }
.hj-home .hj-case h3 { font-size: 19px; }
.hj-home .hj-case > p { color: var(--hj-muted); font-size: 14px; margin-top: 12px; }
.hj-case dl { margin-block: 18px; }
.hj-case dl div { border-top: 1px solid var(--hj-line); padding-block: 10px; }
.hj-case dt { font-size: 12px; font-weight: 600; color: #697489; }
.hj-home .hj-case dd { margin: 5px 0 0; font-size: 14px; line-height: 1.65; }
.hj-case > a:last-child { margin-top: auto; }
.hj-case-empty { border-block: 1px solid var(--hj-line); padding: 24px 0; }
.hj-proof { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 32px 64px; align-items: start; }
.hj-certificate { width: 100%; max-width: 340px; }
.hj-certificate > a { display: block; }
.hj-certificate img { display: block; width: 100%; height: auto; border: 1px solid var(--hj-line); }
.hj-certificate > a > span { display: block; min-height: 40px; padding-top: 10px; font-size: 13px; color: #775421; }
.hj-certificate figcaption { color: #647080; font-size: 12px; line-height: 1.8; padding-top: 6px; }
.hj-home .hj-proof-label { color: #7a5d2f; font-size: 10px; letter-spacing: .08em; margin-bottom: 12px; }
.hj-proof-points { list-style: none; padding: 0; margin-top: 22px !important; }
.hj-proof-points li { display: grid; grid-template-columns: 26px 1fr; gap: 16px; padding-block: 16px; border-top: 1px solid var(--hj-line); }
.hj-proof-points li > span { color: #947039; font-size: 13px; padding-top: 5px; }
.hj-home .hj-proof-points h3 { font-size: 18px; }
.hj-home .hj-proof-points p { color: var(--hj-muted); font-size: 14px; margin-top: 6px; }
.hj-greeting, .hj-reviews { grid-column: 1 / -1; border-top: 1px solid var(--hj-line); padding-top: 20px; }
.hj-greeting summary { font-weight: 600; cursor: pointer; min-height: 44px; line-height: 1.65; }
.hj-greeting-body { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 36px; padding-top: 20px; }
.hj-greeting-body > img { width: 200px; height: 267px; object-fit: cover; }
.hj-home .hj-greeting-body p { color: var(--hj-muted); max-width: 720px; margin-block: 14px; }
.hj-video { margin-top: 20px !important; max-width: 640px; }
.hj-video video { display: block; width: 100%; max-height: 360px; background: #101e32; }
.hj-video figcaption { font-size: 12px; color: var(--hj-muted); padding-top: 8px; }
.hj-review-controls { display: flex; align-items: center; gap: 16px; }
.hj-review-controls button { width: 44px; height: 44px; background: transparent; border: 1px solid var(--hj-line); border-radius: 4px; }
.hj-review-controls span { font-size: 13px; color: var(--hj-muted); }
.hj-review { max-width: 780px; padding-block: 12px; }
.hj-home .hj-process { background: #101e32; color: #f7f8fb; border-color: #344258; }
.hj-process h2 { margin-bottom: 24px; }
.hj-home .hj-process :is(.hj-step-label, .hj-small-label, .hj-text-link) { color: #d5b377; }
.hj-home .hj-process .hj-footnote { color: #b4bfce; }
.hj-timeline { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; margin-block: 32px 22px !important; }
.hj-timeline a { display: flex; flex-direction: column; align-items: start; gap: 12px; border-top: 1px solid #5b677b; padding-block: 18px; font-size: 14px; line-height: 1.6; color: #c8d1dd; }
.hj-timeline a span { font-size: 24px; color: #b4986b; }
.hj-timeline a[aria-current=step] { border-color: #dfbd81; color: #fff; }
.hj-timeline a[aria-current=step] span { color: #dfbd81; }
.hj-stage-details { border-top: 1px solid #47566b; padding-top: 24px; min-height: 145px; max-width: 780px; }
.hj-home .hj-stage-details h3 { font-size: 23px; }
.hj-home .hj-stage-details p:last-child { color: #c9d2df; margin-top: 10px; }
.hj-faq { border-bottom: 1px solid var(--hj-line); }
.hj-faq summary { cursor: pointer; min-height: 60px; font-size: 16px; line-height: 1.65; font-weight: 600; padding-block: 16px; }
.hj-home .hj-faq > p { color: var(--hj-muted); padding-bottom: 14px; font-size: 15px; }
.hj-faq > .hj-text-link { margin-bottom: 16px; }
.hj-faq-list { border-top: 1px solid var(--hj-line); }
.hj-home .hj-consult { background: #eae6de; }
.hj-consult-grid { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: 64px; }
.hj-consult-phone { display: block; margin-block: 20px 8px; font-weight: 700; font-size: 20px; line-height: 1.7; }
.hj-form-wrap { padding: 28px; border: 1px solid #c8c2b6; border-radius: var(--ksl-card-radius, 4px); background: #fff; max-width: 720px; }
.hj-home .hj-form { display: block; }
.hj-home .hj-form .hp-field { display: none; }
.hj-home .hj-form .form-grid-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.hj-home .hj-form .form-group { margin-bottom: 18px; }
.hj-home .hj-form .form-label { display: block; color: #172339; font-size: 14px; font-weight: 600; margin-bottom: 7px; }
.hj-home .hj-form :is(.form-input, .form-select, .form-textarea) { width: 100%; min-height: 46px; padding: 10px 12px; background: #fff; border: 1px solid #9ea8b5; border-radius: 4px; color: #172339; font-size: 16px; line-height: 1.6; }
.hj-home .hj-form textarea { resize: vertical; }
.hj-home .hj-form [aria-invalid=true] { border-color: #ad302f; }
.hj-home .hj-form .privacy-check { display: flex; align-items: start; gap: 8px; color: #42516a; font-size: 13px; line-height: 1.7; margin-bottom: 12px; }
.hj-home .hj-form .privacy-check input { margin-top: 4px; accent-color: #172339; flex-shrink: 0; }
.hj-home .hj-form .consult-submit { width: 100%; min-height: 48px; border: 1px solid #172339; border-radius: 4px; background: #172339; color: #fff; font-size: 15px; font-weight: 700; padding: 12px; }
.hj-home .hj-form .consult-submit:disabled { opacity: .6; cursor: wait; }
.hj-home .hj-field-error { color: #9e2928; font-size: 13px; line-height: 1.6; margin-top: 6px; }
.hj-home .hj-form .contact-receipt-note { color: #172339; background: #e9f0eb; border: 1px solid #758c7b; border-radius: 4px; padding: 16px; margin-top: 16px; white-space: pre-line; font-size: 14px; line-height: 1.8; }
.hj-home .hj-form .contact-receipt-note.is-error { background: #fbefee; border-color: #ad302f; color: #912e2c; }
.hj-home .hj-form .contact-receipt-note a { text-decoration: underline; display: block; padding-top: 6px; }
.hj-certificate-dialog { width: min(780px, calc(100% - 32px)); max-height: calc(100dvh - 40px); padding: 0; margin: auto; border: 1px solid #bdb5a6; border-radius: 4px; color: #172339; background: #fbfaf7; }
.hj-certificate-dialog::backdrop { background: rgba(10, 20, 34, .78); }
.hj-dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; border-bottom: 1px solid #d8d3c9; }
.hj-dialog-head h2 { margin: 0; font-size: 18px; }
.hj-dialog-head button { border: 1px solid #bdc4cf; border-radius: 4px; min-width: 72px; min-height: 44px; background: #fff; color: #172339; cursor: pointer; }
.hj-dialog-body { overflow-y: auto; max-height: calc(100dvh - 120px); padding: 20px; }
.hj-dialog-body img { display: block; width: 100%; height: auto; }
.hj-dialog-body > a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; text-decoration: underline; }
.hj-home :is(.hj-audience, .hj-situation-panel, .hj-comparison, .hj-process-panel, [data-home-stage-panel]) + [data-home-panel] { margin-top: 24px; }
.hj-home.hj-enhanced [data-home-panel] { margin-top: 0; }
@media (max-width: 1100px) { .hj-hero-layout { gap: 40px; grid-template-columns: minmax(0, 1fr) 260px; } .hj-portrait img { height: 320px; } .hj-split, .hj-consult-grid { gap: 40px; } .hj-proof { grid-template-columns: 280px minmax(0, 1fr); gap: 32px; } }
@media (max-width: 768px) {
body[class] .hj-home .hj-hero { padding-block: calc(var(--header-h) + 24px) 24px; }
.hj-hero-layout { grid-template-columns: minmax(0, 1fr); gap: 20px; }
.hj-home .hj-hero h1 { font-size: clamp(26px, 5.8vw, 38px); line-height: 1.5; margin-bottom: 12px; }
.hj-home .hj-eyebrow { font-size: 12px; margin-bottom: 10px; }
.hj-home .hj-hero-desc { font-size: 15px; margin-bottom: 16px; }
.hj-home .hj-audience > p { font-size: 13px; margin-block: 12px; }
.hj-desktop-break { display: none; }
.hj-choice button { padding-inline: 14px; }
.hj-actions { gap: 8px; }
.hj-home .hj-button { padding-inline: 14px; flex: 1; font-size: 14px; min-width: 0; }
.hj-portrait { display: grid; grid-template-columns: 100px 1fr; gap: 18px; max-width: none; align-items: end; justify-self: stretch; padding-top: 16px; border-top: 1px solid #3b495e; }
.hj-portrait img { width: 100px; height: 133px; }
.hj-portrait figcaption { display: flex; flex-direction: column; gap: 6px; padding: 0 0 10px; }
.hj-portrait figcaption strong { font-size: 20px; }
.hj-credentials > .container { padding-block: 12px; }
.hj-credentials a { grid-template-columns: 1fr; gap: 4px; padding-inline: 10px; }
.hj-credentials a span { display: none; }
.hj-credentials a strong { font-size: 12px; }
.hj-credentials a small { font-size: 11px; }
.hj-section { padding-block: 40px; }
.hj-split, .hj-consult-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
.hj-home h2 { font-size: 27px; }
.hj-heading-row { align-items: start; flex-direction: column; gap: 12px; margin-bottom: 20px; }
.hj-heading-row > :last-child { flex-shrink: 1; }
.hj-comparison { grid-template-columns: minmax(0, 1fr); gap: 18px; padding-block: 12px; }
.hj-comparison > div > p { max-width: none; }
.hj-corp-link { flex-direction: column; align-items: start; gap: 8px; }
.hj-case-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.hj-case { padding: 18px; }
.hj-proof { grid-template-columns: minmax(0, 1fr); gap: 26px; }
.hj-proof-copy { order: 0; }
.hj-certificate { order: 1; width: min(100%, 300px); justify-self: center; }
.hj-greeting, .hj-reviews { order: 2; }
.hj-greeting-body { grid-template-columns: 140px minmax(0, 1fr); gap: 20px; }
.hj-greeting-body > img { width: 140px; height: 187px; }
.hj-timeline { gap: 6px; margin-block: 24px 16px !important; }
.hj-timeline a { font-size: 12px; padding-block: 12px; gap: 8px; }
.hj-timeline a span { font-size: 22px; }
.hj-stage-details { padding-top: 20px; min-height: 180px; }
.hj-form-wrap { padding: 22px; width: 100%; }
}
@media (max-width: 480px) {
.hj-case-grid { grid-template-columns: minmax(0, 1fr); }
.hj-case-filters { gap: 6px; }
.hj-case-filters button { padding-inline: 12px; font-size: 13px; }
.hj-home .hj-process .hj-choice button { padding-inline: 10px; font-size: 13px; }
.hj-timeline { grid-template-columns: minmax(0, 1fr); gap: 0; }
.hj-timeline a { flex-direction: row; align-items: center; min-height: 48px; padding-block: 8px; gap: 16px; font-size: 14px; }
.hj-timeline a span { font-size: 18px; min-width: 28px; }
.hj-greeting-body { grid-template-columns: minmax(0, 1fr); }
.hj-greeting-body > img { width: 180px; height: 240px; }
.hj-home .hj-form .form-grid-two { grid-template-columns: minmax(0, 1fr); gap: 0; }
.hj-form-wrap { padding: 18px; }
.hj-dialog-head { padding: 12px; }
.hj-dialog-head h2 { font-size: 15px; }
.hj-dialog-body { padding: 12px; }
}:root, body[class] { --navy: #102d43;--navy-deep: #102d43;--navy-mid: #102d43;--navy-light: #102d43;--gold: #B99555;--gold-dark: #806333;--gold-light: #C9AA72;--gold-muted: rgba(185, 149, 85, .12);--text-heading: #102d43;--text-primary: #344653;--text-secondary: #344653;--text-muted: #596273;--text-light: #596273;--text-on-dark: #FFFFFF;--text-on-dark-secondary: #D5DCE5;--bg-page: #FFFFFF;--bg-card: #FFFFFF;--bg-warm: #f7f7f5;--border-light: #DDDCD6;--border-subtle: #DDDCD6;--ksl-card-line: #DDDCD6;--hj-ink: #102d43;--hj-muted: #344653;--hj-gold: #B99555;--hj-line: #DDDCD6; }
body[class] { background: var(--bg-page);color: var(--text-primary);font-size: 17px;line-height: 1.7;letter-spacing: normal; }
body[class] :is(input, select, textarea, button, summary, th, td) { font-family: var(--font-sans); }
body[class] :is(input, select, textarea) { font-size: 16px; }
body[class] main :is(h1, h2, h3, h4, h5, h6) { color: var(--text-heading); }
body[class] main h1 { font-family: var(--font-serif);font-weight: 700;font-size: 38px;line-height: 1.35;letter-spacing: -.02em; }
body[class] main h2 { font-size: 30px;font-weight: 700;line-height: 1.4; }
body[class] main :is(h3, h4, .overview-label, .q-title-lg) { font-size: 21px;font-weight: 700;line-height: 1.5; }
body[class] main :is(p, dd, .pasan-card-desc, .overview-text, .acc-panel-inner,
.step-desc, .intro-text, .faq-answer-inner, .case-text) { color: var(--text-primary);font-size: 17px;line-height: 1.7;letter-spacing: normal;text-align: left; }
body[class] main :is(.section-header, .pasan-card-header, .faq-group-head) { text-align: left; }
body[class] main :is(button, .btn, .hj-button, .pasan-nav-link, .cs-tabs a,
.mode-btn, .dg-tabs button, .dg-case-filters button, .cases-filter-button) { font-size: 16px;font-weight: 600;letter-spacing: normal; }
body[class] main :is(.q-title-lg, .faq-q-text, .report-title) { color: var(--text-heading); }
body[class] main :is(.dg-calc-range, .report-result-value) { font-family: var(--font-sans);font-size: 34px;font-weight: 700;line-height: 1.4;font-variant-numeric: tabular-nums; }
body[class] .ksl-subpage-hero[class] h1 { font-family: var(--font-serif);font-size: 38px;font-weight: 700;line-height: 1.35;letter-spacing: -.02em; }
body[class] .home-main .section-title { font-size: 30px;line-height: 1.4; }
body[class] .home-main .section-title, body[class] main :is(.section-heading, .pasan-card-title, .cases-head-title) { font-family: var(--font-sans);letter-spacing: -.02em;color: var(--text-heading); }
body[class] :is(.overview-label, .report-title) { color: var(--text-heading); }
body[class] main[class] :is(.cases-library-heading h2, .cases-head-title,
.faq-group-title, .fq-priority h2) { font-size: 30px;line-height: 1.4; }
body[class] :is(.hj-home, .dg-main, .fq-main, .cs-main, .cases-main,
.cases-library, .hj-paper, .hj-credentials, .hj-consult) { background: var(--bg-page); }
body[class] .hj-home :is(.hj-paper, .hj-process) { background: var(--bg-page); }
body[class] .hj-home .hj-paper:has(.hj-comparison), body.ksl-page-corp #sec-overview { background: var(--bg-warm); }
body[class] .hj-home { --hj-ink: #102d43;--hj-muted: #344653;--hj-line: #DDDCD6; }
body[class*="ksl-page-"] .ksl-subpage-hero[class] { background: var(--navy-deep);color: #fff;border-bottom-color: var(--navy-light); }
body[class*="ksl-page-"] .ksl-subpage-hero[class] :is(h1, .cases-title, .cases-title > span) { color: #fff; }
body[class*="ksl-page-"] .ksl-subpage-hero[class] :is(.hero-kicker, .pasan-hero-kicker, .cases-kicker, .faq-hero-kicker, .contact-hero-kicker, .loc-kicker) { color: var(--gold-light); }
body[class*="ksl-page-"] .ksl-subpage-hero[class] :is(p, .hero-desc, .pasan-hero-desc, .cases-desc,
.faq-hero-desc, .contact-hero-desc, .loc-desc) { color: rgba(255,255,255,.78);font-size: 17px;line-height: 1.7;border-left-color: rgba(185,149,85,.55); }
body[class*="ksl-page-"] main .ksl-subpage-hero[class] :is(p, .hero-desc, .pasan-hero-desc, .cases-desc) { color: rgba(255,255,255,.78);font-size: 17px;line-height: 1.7; }
body[class] main :is(.section-desc, .diff-desc, .s-content p, .hj-guide,
.hj-stage-details p, .case-preview-summary,
.case-preview-facts dd, .case-specs li) { color: var(--text-primary); }
body[class] main :is(.hj-process h2, .hj-process h3) { color: var(--text-heading); }
body[class] .hj-home .hj-process :is(.hj-timeline span, .hj-step-label, .hj-small-label, .hj-text-link) { color: var(--gold-dark); }
body[class] main :is(.hj-footnote, .hj-proof-points p, .hj-certificate figcaption,
.hj-video figcaption, .dg-small, .dg-note, .dg-answer-help p,
.hj-footnote, .cs-help, .cs-privacy p, .cs-panel-heading p, .fq-note,
.case-note, .case-doc figcaption, .cases-reading-note, .q-desc-box,
.hint-text, .form-desc, .form-hint, .contact-receipt-note,
.privacy-check, .privacy-text, .photo-caption, .t-desc, .cases-head-sub) { color: var(--text-muted);font-size: 14px;line-height: 1.7;text-align: left; }
body[class] main :is(.dg-budget-visual figcaption, .hj-credentials small,
.cases-reading-guide p, .hj-portrait figcaption) { font-size: 14px;line-height: 1.7; }
body[class] main :is(.hj-step-label, .hj-small-label, .hj-case-type,
.case-q-label, .cases-hero-link, .cases-section-count, .t-year, .tag-role,
.hj-text-link, .dg-eyebrow, .faq-q-label, .case-preview-facts dt,
.ksl-explore-action, .certificate-label) { color: var(--gold-dark); }
body[class] .hj-home .hj-hero, body[class] .home-main .hero { background: var(--navy-deep); }
body[class] main :is(.hj-hero, .hero, .consult-section, .consult-card, .cta-box) :is(h1, h2, h3) { color: #FFF; }
body[class] main :is(.hj-hero h1, .hero-content h1) { font-size: 50px;line-height: 1.35; }
body[class] .hj-home .hj-hero h1 { font-size: 50px;line-height: 1.35;letter-spacing: -.02em; }
body[class] main :is(.hj-hero h1 span, .hero-content h1 .highlight) { color: var(--gold); }
body[class] main :is(.hj-hero, .hero, .consult-section, .consult-card, .cta-box) p { color: var(--text-on-dark-secondary); }
body[class] main :is(.consult-section, .cta-box) { background: var(--navy); }
body[class] :is(.case-detail-hero, .legal-hero, .error-hero) { background: var(--navy-deep);border-bottom: 0; }
body[class] .error-hero { padding-block: 48px;margin-bottom: var(--ksl-content-gap); }
body[class] :is(.case-detail-hero, .legal-hero, .error-hero) h1 { color: #FFF; }
body[class] :is(.case-detail-hero, .legal-hero, .error-hero) p { color: var(--text-on-dark-secondary); }
body[class] .case-detail-hero .case-detail-kicker { color: var(--gold-light); }
body[class] .case-detail-hero .case-decision-badge { background: var(--gold);color: var(--navy-deep); }
body[class] .ksl-404-actions { display: flex;flex-wrap: wrap;gap: var(--ksl-action-gap);margin-bottom: var(--ksl-section-space); }
body[class] .ksl-404-actions .wp-block-button__link { display: inline-flex;align-items: center;min-height: var(--ksl-action-height);padding: 10px 20px;border: 1px solid var(--navy);border-radius: var(--ksl-action-radius);background: transparent;color: var(--navy);font-weight: 600; }
body[class] .ksl-404-actions .wp-block-button__link:not(.is-style-outline) { border-color: var(--gold);background: var(--gold);color: var(--navy-deep); }
body[class] main :is(.consult-section, .cta-box) :is(.privacy-check, .form-hint, .form-desc) { color: var(--text-on-dark-secondary); }
body[class] main .gold { color: var(--gold-dark); }
body[class] main :is(.hero, .consult-section, .cta-box) .gold { color: var(--gold); }
body[class] main :is(.btn-primary, .cta-btn, .consult-submit, .submit-btn,
.btn-submit-main, .btn-gold, .hj-button:not(.hj-button-outline), .cases-consult-primary), body[class] .desktop-consult-submit, body[class] .ksl-dock-primary, body[class] .wizard-controls :is(.wizard-btn:not(.secondary), .wizard-details-link) { background: var(--gold);color: var(--navy-deep);border-color: var(--gold); }
body[class] main .dg-tabs button[aria-selected=true] { background: var(--gold);color: var(--navy-deep);border-color: var(--gold); }
body[class] :is(.desktop-consult-bar, .desktop-consult-inner, .fixed-cta-bar,
.ksl-contact-dock, .question-wizard-ready .wizard-controls) { background: var(--navy);color: #FFF;border-color: var(--navy-light); }
body[class] :is(.ksl-consult-toggle, .desktop-consult-title,
.ksl-contact-dock-inner, .wizard-dock-label) { color: #FFF; }
body[class] :is(.ksl-consult-toggle-label, .desktop-consult-sub,
.desktop-consult-privacy, .desktop-consult-privacy-link, .desktop-consult-status) { color: var(--text-on-dark-secondary);font-size: 14px;line-height: 1.7; }
body[class] .desktop-consult-title { font-size: 21px; }
body[class] .desktop-consult-input { background: #FFF;color: var(--text-primary);font-size: 16px;border-color: var(--border-light); }
body[class] .desktop-consult-input::placeholder { color: var(--text-muted);opacity: 1; }
body[class] .desktop-consult-status[data-tone=success] { color: #FFF; }
body[class] .desktop-consult-status[data-tone=error] { color: #FCA5A5; }
body[class] .desktop-consult-bar .desktop-consult-submit:hover { background: var(--gold-light);color: var(--navy-deep);border-color: var(--gold-light); }
body[class] .desktop-consult-submit { font-size: 16px;font-weight: 600; }
@media (max-width: 768px) {
body[class] { font-size: 16px;line-height: 1.7; }
body[class] main h1 { font-size: 29px; }
body[class] .ksl-subpage-hero[class] h1 { font-size: 29px; }
body[class] main :is(.hj-hero h1, .hero-content h1) { font-size: 32px; }
body[class] .hj-home .hj-hero h1 { font-size: 32px; }
body[class] main h2 { font-size: 25px; }
body[class] .home-main .section-title { font-size: 25px; }
body[class] main[class] :is(.cases-library-heading h2, .cases-head-title,
.faq-group-title, .fq-priority h2) { font-size: 25px; }
body[class] main :is(h3, h4, .overview-label, .q-title-lg) { font-size: 19px; }
body[class] main :is(p, dd, .pasan-card-desc, .overview-text, .acc-panel-inner,
.step-desc, .intro-text, .faq-answer-inner, .case-text), body[class] .ksl-subpage-hero :is(p, .hero-desc, .pasan-hero-desc, .cases-desc,
.faq-hero-desc, .contact-hero-desc, .loc-desc) { font-size: 16px; }
body[class] main .ksl-subpage-hero[class] :is(p, .hero-desc, .pasan-hero-desc, .cases-desc) { font-size: 16px; }
body[class] main :is(.dg-calc-range, .report-result-value) { font-size: 30px; }
body[class] .cs-main .cs-tabs { display: grid;grid-template-columns: repeat(3, minmax(0, 1fr)); }
body[class] .cs-main .cs-tabs a { min-width: 0;padding-inline: 8px;font-size: 15px;white-space: normal;text-align: center; }
body[class] main :is(.hj-footnote, .hj-proof-points p, .hj-certificate figcaption,
.hj-video figcaption, .dg-small, .dg-note, .dg-answer-help p, .cs-help,
.cs-privacy p, .cs-panel-heading p, .fq-note, .case-note, .case-doc figcaption,
.cases-reading-note, .q-desc-box, .hint-text, .form-desc, .form-hint,
.contact-receipt-note, .privacy-check, .privacy-text, .photo-caption,
.t-desc, .cases-head-sub) { font-size: 14px; }
}
:root, body[class] { --ksl-content-max: 1160px;--ksl-reading-max: 760px;--ksl-selfcheck-max: 680px;--ksl-form-max: 720px;--ksl-page-gutter: 32px;--ksl-layout-max: calc(var(--ksl-content-max) + 2 * var(--ksl-page-gutter));--max-width: var(--ksl-layout-max);--ksl-section-space: 80px;--ksl-title-gap: 16px;--ksl-content-gap: 32px;--ksl-item-gap: 24px;--ksl-field-gap: 24px;--ksl-column-gap: 48px; }
body[class] :is(.inner, .container, .header-inner, .footer-inner, .pasan-nav,
.stats-bar-inner, .dg-container, .sc-container, .ksl-subpage-tool-inner), body[class] .legal-main :is(.container, .inner), body[class] .fq-main :is(.fq-content, .fq-hero > .inner), body[class] .ksl-subpage-hero > .inner, body.ksl-page-selfcheck .ksl-subpage-hero--tool > .ksl-subpage-tool-inner { width: 100%;max-width: var(--ksl-layout-max);margin-inline: auto;padding-inline: var(--ksl-page-gutter); }
body[class] .home-main :is(.container, .hero-grid) { padding-inline: var(--ksl-page-gutter); }
body[class] :is(.ksl-consult-toggle, .ksl-contact-dock-inner) { max-width: var(--ksl-layout-max);padding-inline: var(--ksl-page-gutter); }
body[class] .desktop-consult-inner { max-width: var(--ksl-layout-max);width: 100%;padding-inline: var(--ksl-page-gutter); }
body[class] :is(.intro-text, .case-text, .case-summary, .pasan-card-desc,
.acc-panel-inner, .profile-editorial, .dg-stage-content, .dg-section-heading,
.dg-disclosure > p, .dg-term > p, .dg-note, .legal-desc) { max-width: var(--ksl-reading-max); }
body[class] .fq-main :is(.fq-keywords, .fq-topics, .fq-priority, .faq-section,
.fq-consult, .fq-source), body[class] .legal-card { max-width: var(--ksl-reading-max);margin-inline: 0; }
body[class] .sc-container .main-card { width: 100%;max-width: var(--ksl-selfcheck-max);margin-inline: auto;padding-inline: 0; }
body.ksl-page-selfcheck main .info-section { width: 100%;max-width: var(--ksl-selfcheck-max);margin-inline: 0;padding-inline: 0; }
body.ksl-page-selfcheck .ksl-subpage-hero--tool > .ksl-subpage-tool-inner { max-width: calc(var(--ksl-selfcheck-max) + 2 * var(--ksl-page-gutter)); }
body[class] .sc-container { padding-block: var(--ksl-content-gap) var(--ksl-section-space); }
body[class] .sc-container .main-card { margin-top: 0; }
body[class] .section-header { margin-inline: 0;max-width: var(--ksl-reading-max); }
body.ksl-page-single :is(.page-head, .wp-content) { max-width: var(--ksl-reading-max);margin-inline: 0; }
body[class] .ksl-subpage-hero[class] { min-height: 360px;padding-block: 80px; }
body[class] .ksl-subpage-hero--tool[class] { padding-block: 80px; }
body[class] .ksl-subpage-hero[class] > .inner { display: block; }
body[class] .ksl-subpage-hero[class] h1 { margin: 0; }
body[class] .ksl-subpage-hero[class] :is(.hero-desc, .pasan-hero-desc,
.cases-desc, .faq-hero-desc, .contact-hero-desc, .loc-desc, .dg-hero p, .fq-hero p, .cs-hero p) { max-width: var(--ksl-reading-max);margin: var(--ksl-title-gap) 0 0;padding-left: 0;border-left: 0; }
body[class] .dg-main .dg-hero :is(.dg-button, .dg-hero-actions) { margin-top: var(--ksl-content-gap); }
body[class] .hj-home .hj-hero { padding-block: calc(var(--header-h) + 48px) 48px; }
body[class] .hj-home .hj-hero h1 { margin-bottom: var(--ksl-title-gap); }
body[class] main :is(.hj-section, .section-py, .dg-section, .loc-section)[class], body[class] .fq-main :is(.faq-section, .fq-consult), body[class] .cs-main .cs-panel, body[class] main .pasan-section-card[class], body[class] .home-main .section-py { padding-block: var(--ksl-section-space); }
body[class] .cases-main .cases-library { padding-block: var(--ksl-section-space); }
body[class] .cases-main .cases-section { padding-top: var(--ksl-section-space); }
body[class] :is(.location-wrap, .contact-main, .faq-main) { padding-bottom: 0; }
body[class] main :is(.section-header, .pasan-card-header, .dg-section-heading,
.faq-group-head, .cases-library-heading, .cases-head, .cs-panel-heading,
.sec-header, .hj-heading-row) { margin-bottom: var(--ksl-content-gap); }
body[class] main :is(.section-header, .pasan-card-header, .dg-section-heading,
.faq-group-head, .cases-head, .cs-panel-heading, .sec-header, .hj-section-head) :is(h2, h3) { margin-bottom: 0; }
body[class] main :is(.section-header, .pasan-card-header, .dg-section-heading,
.faq-group-head, .cases-head, .cs-panel-heading, .hj-section-head) > p:not([class*="label"]) { margin: var(--ksl-title-gap) 0 0; }
body[class] .sec-header { align-items: flex-start;flex-direction: column;gap: var(--ksl-title-gap); }
body[class] .ksl-subpage-actions { margin-top: var(--ksl-content-gap); }
body[class] .ksl-subpage-actions a { justify-content: flex-start; }
body[class] .legal-hero { padding-block: 48px var(--ksl-content-gap); }
body[class] .legal-section { padding-block: var(--ksl-content-gap) var(--ksl-section-space); }
body[class] .legal-wrap { gap: 0; }
body[class] main .legal-card { padding-block: 40px; }
body[class] .legal-card h2 { margin-bottom: var(--ksl-title-gap); }
body[class] :is(.hj-hero-layout, .hj-split, .hj-consult-grid, .hj-proof,
.hj-comparison, .profile-card, .dg-check-layout, .dg-calculator,
.dg-consult-layout, .dg-bankruptcy-compare, .cs-new-layout, .case-body,
.cases-consult) { gap: var(--ksl-column-gap); }
body[class] main :is(.diff-grid, .service-list, .trans-grid, .case-list,
.hj-case-grid, .dg-case-grid, .dg-doc-groups, .ksl-explore-grid) { gap: var(--ksl-item-gap); }
body[class] main .dg-options { gap: var(--ksl-item-gap); }
body[class] main :is(.service-list, .trans-grid, .case-list, .dg-core-conditions) { column-gap: var(--ksl-column-gap); }
body[class] main :is(.hj-stage-details, .dg-review-result) { min-height: 0; }
body[class] main :is(.q-item, .dg-question) { margin-bottom: var(--ksl-field-gap); }
body[class] main :is(.form-group, .dg-field) { margin-bottom: var(--ksl-field-gap); }
body[class] main :is(.hj-form, .contact-form) .form-group { margin-bottom: var(--ksl-field-gap); }
body[class] .dg-main .dg-field { margin-top: var(--ksl-field-gap);margin-bottom: 0; }
body[class] main :is(.form-grid-two, .form-row) { gap: var(--ksl-field-gap); }
body[class] main .form-grid-two > .form-group { margin-bottom: 0; }
body[class] main .form-grid-two { margin-bottom: var(--ksl-field-gap); }
body[class] main :is(.hj-form, .contact-form) .form-grid-two { gap: var(--ksl-field-gap);margin-bottom: var(--ksl-field-gap); }
body[class] main :is(.hj-form, .contact-form) .form-grid-two > .form-group { margin-bottom: 0; }
body[class] .sc-container .ksl-selfcheck-intro { margin: 0 0 var(--ksl-content-gap); }
body[class] .cs-main .ksl-contact-intro { max-width: var(--ksl-reading-max);margin: 0 0 var(--ksl-content-gap); }
body[class] .cs-main .cs-panel { padding-top: 0; }
body[class] .question-wizard-ready .wizard-controls { --wizard-content-left: max(var(--ksl-page-gutter), calc((100vw - var(--ksl-selfcheck-max)) / 2));--wizard-content-width: min(var(--ksl-selfcheck-max), calc(100vw - 2 * var(--wizard-content-left)));padding-left: var(--wizard-content-left);padding-right: calc(100vw - var(--wizard-content-left) - var(--wizard-content-width)); }
@media (max-width: 768px) {
:root, body[class] { --ksl-page-gutter: 20px;--ksl-section-space: 44px;--ksl-title-gap: 12px;--ksl-content-gap: 24px;--ksl-item-gap: 16px;--ksl-field-gap: 20px;--ksl-column-gap: 24px; }
body[class] .ksl-subpage-hero[class] { min-height: 280px;padding-block: 56px; }
body[class] .ksl-subpage-hero--tool[class] { padding-block: 56px; }
body[class] .hj-home .hj-hero { padding-block: calc(var(--header-h) + 32px) 32px; }
body[class] :is(.hj-hero-layout, .hj-split, .hj-consult-grid, .hj-proof,
.hj-comparison, .profile-card, .dg-check-layout, .dg-calculator,
.dg-consult-layout, .dg-bankruptcy-compare, .cs-new-layout, .case-body,
.cases-consult, .service-list, .trans-grid, .case-list, .hj-case-grid,
.dg-case-grid, .select-grid, .form-grid-two, .form-row, .dg-core-conditions,
.dg-doc-groups, .hj-greeting-body, .photo-grid, .footer-inner) { grid-template-columns: minmax(0, 1fr); }
body[class] main :is(.hj-form, .contact-form) .form-grid-two { grid-template-columns: minmax(0, 1fr); }
body[class] .sc-container { padding-top: var(--ksl-content-gap); }
body[class] .legal-hero { padding-block: 32px var(--ksl-content-gap); }
body[class] main .legal-card { padding-block: var(--ksl-content-gap); }
body[class] .dg-main .dg-hero :is(.dg-button, .dg-hero-actions) { order: 1;margin-top: var(--ksl-title-gap); }
}
body[class] { --header-h: 78px; }
@media (max-width: 1199px) {
body.ksl-menu-open :is(.fixed-cta-bar, .desktop-consult-bar, .wizard-controls) { visibility: hidden; }
}
@media (max-width: 992px) {
body[class] { --header-h: 64px; }
}
:root { --ksl-action-height: 48px;--ksl-action-radius: 5px;--ksl-action-gap: 12px;--ksl-action-disabled-bg: #ECEDEF;--ksl-action-disabled-text: #8A9099;--ksl-action-disabled-border: #D9DCE1; }
body[class] main :is(.hj-actions, .dg-hero-actions, .btn-group, .sec-actions,
.cases-consult-actions, .btn-action-group, .cs-success-actions, .fq-empty-actions) { gap: var(--ksl-action-gap); }
body[class] .report-box .btn-action-group { gap: var(--ksl-action-gap); }
body[class] main :is(.hj-button:not(.hj-button-outline), .dg-button, .consult-submit,
.submit-btn, .btn-submit-main, .btn-primary, .cta-btn, .consult-btn,
.cases-consult-primary, .fq-consult a, .fq-empty-primary,
.ksl-board-button:not(.ksl-board-button-secondary), .cs-button-primary, .btn-action.primary), body[class] .report-box .btn-primary, body[class] .wizard-controls :is(.wizard-btn:not(.secondary), .wizard-details-link) { display: inline-flex;align-items: center;justify-content: center;min-height: var(--ksl-action-height);padding: 10px 20px;border: 1px solid var(--gold);border-radius: var(--ksl-action-radius);background: var(--gold);color: var(--navy-deep);font-size: 15px;font-weight: 600;line-height: 1.7;text-align: center;text-decoration: none; }
body[class] main :is(.hj-button:not(.hj-button-outline), .dg-button, .consult-submit,
.submit-btn, .btn-submit-main, .btn-primary, .cta-btn, .consult-btn,
.cases-consult-primary, .fq-consult a, .fq-empty-primary,
.ksl-board-button:not(.ksl-board-button-secondary), .cs-button-primary, .btn-action.primary):hover, body[class] .report-box .btn-primary:hover, body[class] .wizard-controls :is(.wizard-btn:not(.secondary), .wizard-details-link):hover { border-color: var(--gold-light);background: var(--gold-light);color: var(--navy-deep); }
body[class] main :is(.hj-button-outline, .btn-secondary, .btn-ghost, .btn-outline,
.btn-action.secondary, .cases-consult-secondary, .cs-button-secondary,
.ksl-board-button-secondary, .fq-empty-secondary, .cs-board-filter button), body[class] .report-box .btn-secondary { display: inline-flex;align-items: center;justify-content: center;min-height: var(--ksl-action-height);padding: 10px 20px;border: 1px solid var(--navy);border-radius: var(--ksl-action-radius);background: transparent;color: var(--navy);font-size: 15px;font-weight: 600;line-height: 1.7;text-align: center;text-decoration: none; }
body[class] main :is(.hj-button-outline, .btn-secondary, .btn-ghost, .btn-outline,
.btn-action.secondary, .cases-consult-secondary, .cs-button-secondary,
.ksl-board-button-secondary, .fq-empty-secondary, .cs-board-filter button):hover, body[class] .report-box .btn-secondary:hover { border-color: var(--navy-deep);background: #F5F3EE;color: var(--navy-deep); }
body[class] main :is(.hj-hero, .consult-card)
:is(.hj-button-outline, .btn-secondary, .btn-ghost, .btn-outline), body[class] .wizard-controls .wizard-btn.secondary { min-height: var(--ksl-action-height);padding: 10px 20px;border: 1px solid rgba(255, 255, 255, .7);border-radius: var(--ksl-action-radius);background: transparent;color: #FFF; }
body[class] main :is(.hj-hero, .consult-card)
:is(.hj-button-outline, .btn-secondary, .btn-ghost, .btn-outline):hover, body[class] .wizard-controls .wizard-btn.secondary:hover { border-color: #FFF;background: rgba(255, 255, 255, .08);color: #FFF; }
body[class] main :is(.hj-choice, .hj-situation-choices, .hj-case-filters, .dg-tabs, .dg-case-filters,
.mode-tabs, .fq-topics > div, .cs-tabs, .cases-filter) { gap: var(--ksl-action-gap); }
body[class] main :is(.hj-choice button, .hj-situation-choices button, .hj-case-filters button,
.dg-tabs button, .dg-case-filters button, .mode-btn, .fq-topics button,
.cs-tabs a, .cases-filter-button) { display: inline-flex;align-items: center;justify-content: center;min-height: var(--ksl-action-height);padding: 10px 16px;margin: 0;border: 1px solid var(--border-light);border-radius: var(--ksl-action-radius);background: #FFF;color: var(--text-heading);font-size: 15px;font-weight: 600;line-height: 1.7;text-align: center;text-decoration: none; }
body[class] main :is(.hj-choice button[aria-selected="true"],
.hj-situation-choices button[aria-selected="true"],
.hj-case-filters button[aria-pressed="true"], .dg-tabs button[aria-selected="true"],
.dg-case-filters button[aria-pressed="true"], .mode-btn.active,
.mode-btn[aria-selected="true"], .fq-topics button[aria-pressed="true"],
.cs-tabs a[aria-selected="true"], .cases-filter-button.is-selected,
.cases-filter-button[aria-pressed="true"]) { border-color: var(--navy);background: var(--navy);color: #FFF; }
body[class] main.dg-main :is(.dg-tabs button[aria-selected="true"], .dg-case-filters button[aria-pressed="true"]), body[class] main.sc-container .mode-btn:is(.active, [aria-selected="true"]), body[class] main.fq-main:not(.fq-library) .fq-topics button[aria-pressed="true"], body[class] main.cs-main .cs-tabs a[aria-selected="true"], body[class] main.cases-main .cases-filter-button:is(.is-selected, [aria-pressed="true"]) { border-color: var(--navy) !important;background: var(--navy) !important;color: #FFF !important; }
body.ksl-page-contact main.cs-main .cs-tabs a[aria-selected="true"] { border-color: #102d43 !important;background: #102d43 !important;color: #FFF !important; }
body[class] main :is(.hj-choice button[aria-selected="true"],
.hj-situation-choices button[aria-selected="true"],
.hj-case-filters button[aria-pressed="true"], .dg-tabs button[aria-selected="true"],
.dg-case-filters button[aria-pressed="true"], .mode-btn.active,
.fq-topics button[aria-pressed="true"], .cs-tabs a[aria-selected="true"],
.cases-filter-button.is-selected) :is(span, i) { color: inherit; }
body[class] main :is(.hj-text-link, .dg-text-link, .cs-text-link, .case-article-link,
.cases-hero-link, .corp-action-link,
.fq-related a, .fq-next a, .fq-empty-text, .cs-process a) { color: var(--gold-dark);text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 4px; }
body[class] main :is(.hj-process, .cases-hero) :is(.hj-text-link, .cases-hero-link) { color: var(--gold); }
body[class] main :is(.hj-button, .dg-button, .consult-submit, .submit-btn,
.btn-submit-main, .btn-big, .ksl-board-button, .cs-button, .btn-action,
.mode-btn, .fq-topics button, .cases-filter-button):disabled, body[class] .wizard-controls .wizard-btn:disabled { border-color: var(--ksl-action-disabled-border) !important;background: var(--ksl-action-disabled-bg) !important;color: var(--ksl-action-disabled-text) !important;opacity: 1 !important;cursor: not-allowed; }
body[class] .report-box :is(.btn-primary, .btn-secondary):disabled { border-color: var(--ksl-action-disabled-border) !important;background: var(--ksl-action-disabled-bg) !important;color: var(--ksl-action-disabled-text) !important;opacity: 1 !important;cursor: not-allowed; }
body[class] .wizard-controls .wizard-details-link { display: none !important; }
body[class] .is-contact-step .wizard-details-link { display: inline-flex !important; }
@media (max-width: 767px) {
body[class] main :is(.hj-choice button, .hj-situation-choices button, .hj-case-filters button,
.dg-tabs button, .dg-case-filters button, .mode-btn, .fq-topics button,
.cs-tabs a, .cases-filter-button) { padding-inline: 12px;font-size: 15px; }
body[class] main .btn-action-group { grid-template-columns: 1fr; }
}
:root { --ksl-card-radius: 6px;--ksl-card-line: #DDDCD6;--ksl-card-border: 1px solid var(--ksl-card-line);--ksl-warm-surface: #F5F3EE; }
body[class] .hj-home { background: #FFF; }
body[class] .hj-home #home-situation, body[class] .hj-home #home-cases, body[class] .hj-home #home-authority, body[class] .hj-home #home-faq, body[class] .hj-home #sec-consult { background: #FFF; }
body[class] .hj-home #home-compare, body[class] .hj-home #home-process { background: var(--ksl-warm-surface); }
body[class] .hj-home #home-process { color: var(--text-primary);border-color: var(--border-light); }
body[class] .hj-home #home-process :is(h2, h3) { color: var(--text-heading); }
body[class] .hj-home #home-process :is(.hj-step-label, .hj-small-label, .hj-text-link) { color: var(--gold-dark); }
body[class] .hj-home #home-process .hj-footnote { color: var(--text-muted); }
body[class] main :is(.hj-case, .dg-case, .case-card, .case-item, .ksl-explore-card, .report-box) { border: var(--ksl-card-border);border-radius: var(--ksl-card-radius);background: #FFF;box-shadow: none; }
body[class] main :is(.hj-case, .dg-case, .case-card, .case-item, .ksl-explore-card) { transition: border-color .2s ease; }
body[class] main :is(.hj-case, .dg-case, .case-card, .case-item, .ksl-explore-card):hover { border-color: var(--gold);background: #FFF;box-shadow: none;transform: none; }
body[class] main :is(.hj-case, .dg-case, .ksl-explore-card) { padding: 24px; }
body[class] main .report-box { padding: 28px; }
body[class] main .case-item :is(.case-preview-facts, .case-specs, .case-note, .case-doc) { border-radius: 0;background: transparent;box-shadow: none; }
body[class] main .select-card:has(input:checked) { border-color: var(--gold);background: var(--gold-muted); }
body[class] main :is(.hj-form-wrap, .dg-consult-form, .dg-calculator-inputs), body[class] main.cs-main :is(.contact-form, #kslBoardVerify, .cs-success), body[class] main.sc-container .info-section { width: 100%;padding: 28px;border: var(--ksl-card-border);border-radius: var(--ksl-card-radius);background: #FFF;box-shadow: none; }
body[class] main.cs-main :is(.contact-form, #kslBoardVerify, .cs-success) { max-width: 720px; }
body[class] main.cs-main #kslBoardVerify { margin-top: 20px; }
body[class] main.sc-container .info-section { margin-top: 36px; }
body[class] main :is(.hj-form-wrap, .dg-consult-form, .dg-calculator-inputs, .contact-form, #kslBoardVerify, .info-section)
:is(.privacy-wrap, .privacy-detail, .info-block) { border-radius: 0;background: transparent;box-shadow: none; }
body.ksl-page-about .stats-bar { padding: 0;border: 0;border-block: var(--ksl-card-border);border-radius: 0;background: transparent;box-shadow: none; }
body.ksl-page-about .stat-item { padding: 24px; }
body[class] main :is(.diff-card, .service-item, .trans-item, .review-card, .check-card) { background: transparent;border: 0;border-top: var(--ksl-card-border);border-radius: 0;box-shadow: none; }
body[class] main :is(.faq-item, .acc-item, .hj-faq) { border-radius: 0;box-shadow: none; }
body[class] main :is(.faq-answer, .q-box, .a-box) { border-radius: 0;background: transparent;box-shadow: none; }
body[class] main .dg-doc-groups fieldset { border: 0;border-radius: 0;background: transparent;box-shadow: none; }
@media (max-width: 768px) {
body[class] main :is(.hj-case, .dg-case, .ksl-explore-card) { padding: 24px; }
body[class] main .report-box { padding: 24px; }
body[class] main :is(.hj-form-wrap, .dg-consult-form, .dg-calculator-inputs), body[class] main.cs-main :is(.contact-form, #kslBoardVerify, .cs-success), body[class] main.sc-container .info-section { padding: 24px; }
body.ksl-page-about .stat-item { padding: 20px 12px; }
}
:root { --ksl-motion-fast: 150ms;--ksl-motion: 150ms;--ksl-content-motion: 220ms;--ksl-motion-slow: 280ms;--ksl-reveal-motion: 220ms;--ksl-motion-ease: cubic-bezier(.2, .7, .2, 1); }
body[class] :is(a, button, summary, input, select, textarea) { transition-duration: var(--ksl-motion);transition-timing-function: ease; }
body[class] main .fade-section { opacity: 1;transform: none;transition: none; }
body.js-enhanced main :is(.check-card, .sol-card, .case-card, .review-card,
.p-step, .process-step, .diff-card, .service-item, .overview-item, .acc-item,
.case-item, .faq-item, .trans-item, .q-section, .info-section) { opacity: 1 !important;transform: none !important;animation: none !important;transition: none !important; }
body[class] main :is(button, [role="button"], [role="tab"], .hj-button, .dg-button,
.cases-filter-button, .select-card, .case-item, .hj-case, .dg-case, .ksl-explore-card), body[class] :is(.ksl-consult-toggle, .desktop-consult-submit) { transition-property: color, background-color, border-color, opacity;transition-duration: var(--ksl-motion);transition-timing-function: ease; }
body[class] main :is(button, [role="button"], [role="tab"], a[class*="btn"], a[class*="button"]), body[class] :is(.ksl-consult-toggle, .desktop-consult-submit) { transition-duration: var(--ksl-motion); }
body[class] main :is(button, [role="button"], .hj-button, .dg-button,
.cases-filter-button, .select-card, .case-item, .hj-case, .dg-case, .ksl-explore-card):hover, body[class] :is(.ksl-consult-toggle, .desktop-consult-submit):hover { transform: none !important;box-shadow: none !important; }
body[class] main a[class*="btn"]:hover, body[class] main a[class*="button"]:hover { transform: none !important;box-shadow: none !important; }
body[class] main .acc-btn:hover { width: 100% !important;margin-inline: 0 !important;padding-inline: 4px !important; }
body[class] main :is(.hj-choice button, .hj-situation-choices button, .dg-tabs button,
.dg-case-filters button, .mode-btn, .cases-filter-button)[aria-selected="true"], body[class] main :is(.dg-case-filters button, .cases-filter-button)[aria-pressed="true"] { box-shadow: inset 0 -3px 0 var(--gold) !important; }
body[class] main .ksl-state-updated { animation: kslStateUpdate var(--ksl-content-motion) var(--ksl-motion-ease) both !important; }
@keyframes kslStateUpdate { from { opacity: .9; transform: translateY(4px); }
to { opacity: 1; transform: none; } }
body[class] main :is(.dg-options label, .dg-doc-groups label, .select-card), body[class] main :is(.dg-options input, .dg-doc-groups input, .select-card input) { transition: color var(--ksl-motion) ease, background-color var(--ksl-motion) ease,
border-color var(--ksl-motion) ease, opacity var(--ksl-motion) ease; }
body[class] main .dg-budget-bar i { transition: width var(--ksl-motion-slow) var(--ksl-motion-ease); }
body[class] main #cases-sections { transition: opacity var(--ksl-content-motion) ease; }
body[class] main #cases-sections.is-filtering { opacity: .96; }
.hj-certificate-dialog::backdrop, .cases-document-dialog::backdrop { background: rgba(6, 16, 34, .78); }
.hj-dialog-head { position: sticky;top: 0;z-index: 2;background: #FBFAF7; }
.hj-dialog-actions { display: flex;flex-wrap: wrap;justify-content: flex-end;gap: 8px; }
.hj-dialog-body { overflow: auto; }
.hj-dialog-body img { min-width: 0;transition: width var(--ksl-motion) ease; }
.hj-dialog-body.is-zoomed img { width: 1200px;max-width: none; }
.hj-certificate-dialog[open], .cases-document-dialog[open] { animation: kslDialogIn var(--ksl-reveal-motion) var(--ksl-motion-ease) both; }
.hj-certificate-dialog[open]::backdrop, .cases-document-dialog[open]::backdrop { animation: kslBackdropIn var(--ksl-reveal-motion) ease both; }
@keyframes kslDialogIn { from { opacity: 0; transform: translateY(6px); }
to { opacity: 1; transform: none; } }
@keyframes kslBackdropIn { from { opacity: 0; } to { opacity: 1; } }
body[class] .desktop-consult-bar[open] .desktop-consult-inner { animation: kslConsultRise var(--ksl-motion) var(--ksl-motion-ease) both; }
body[class] .desktop-consult-bar[open] .ksl-consult-toggle { position: relative;z-index: 2; }
@keyframes kslConsultRise { from { opacity: 0; transform: translate(-50%, 8px); }
to { opacity: 1; transform: translate(-50%, 0); } }
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { scroll-behavior: auto !important;transition: none !important;animation: none !important; }
}
body[class]:not(.ksl-page-index) :is(.ksl-subpage-hero[class], .case-detail-hero, .legal-hero, .error-hero):not(.about-hero) { box-sizing: border-box;display: flex;align-items: center;min-height: 360px;padding-block: 80px;margin-top: 0; }
body[class]:not(.ksl-page-index) :is(.case-detail-hero, .legal-hero, .error-hero) > :is(.inner, .container) { width: 100%; }
@media (max-width: 768px) {
body[class]:not(.ksl-page-index) :is(.ksl-subpage-hero[class], .case-detail-hero, .legal-hero, .error-hero):not(.about-hero) { min-height: 280px;padding-block: 56px; }
}.ksl-visual-image { display: block;width: 100%;height: auto; }
body[class] :is(.ksl-home-scene, .ksl-hero-art, .ksl-contact-scene) { position: absolute;inset: 0;pointer-events: none;overflow: hidden; }
body[class] :is(.ksl-home-scene, .ksl-hero-art, .ksl-contact-scene) .ksl-visual-image { width: 100%;height: 100%;object-fit: cover; }
body[class] main.hj-home .hj-hero { background: #102d43; }
body[class] main.hj-home .hj-hero::before, body[class] main.hj-home .hj-hero::after { display: none;animation: none; }
body[class] .ksl-home-scene { z-index: -1; }
body[class] .ksl-home-scene::after { content: "";position: absolute;inset: 0;background: linear-gradient(90deg, #102d43ef 0%, #102d43d9 38%, #102d436b 74%, #102d4342 100%), linear-gradient(0deg, #102d4370, transparent 60%); }
body[class]:not(.ksl-page-index) main .ksl-subpage-hero.ksl-visual-hero[class] { position: relative;isolation: isolate;overflow: hidden;background: #fff;border: 0;color: #102d43;min-height: 420px;border-bottom: 1px solid #dce3e8}
body[class] .ksl-visual-hero .ksl-hero-art { z-index: -1; }
body[class] .ksl-visual-hero .ksl-hero-art::after { content: "";position: absolute;inset: 0;background: linear-gradient(90deg, #f4f8fcf5 0%, #f0f5faeb 31%, #edf3f9c4 47%, #edf3f930 68%, transparent 100%); }
body[class]:not(.ksl-page-index) main .ksl-subpage-hero.ksl-visual-hero[class]::before, body[class]:not(.ksl-page-index) main .ksl-subpage-hero.ksl-visual-hero[class]::after { display: none; }
body[class]:not(.ksl-page-index) main .ksl-subpage-hero.ksl-visual-hero[class] > .inner { position: relative;z-index: 1; }
body[class]:not(.ksl-page-index) main .ksl-subpage-hero.ksl-visual-hero[class] > .inner > * { order: 0; }
body[class]:not(.ksl-page-index) main .ksl-subpage-hero.ksl-visual-hero[class] > .inner > p { margin-top: 16px; }
body[class] main .ksl-visual-hero .inner > .dg-button { margin-top: 20px; }
body[class]:not(.ksl-page-index) main .ksl-subpage-hero.ksl-visual-hero[class] :is(h1, .cases-title, .cases-title > span) { max-width: 720px;color: #102d43; }
body[class]:not(.ksl-page-index) main .ksl-subpage-hero.ksl-visual-hero[class] :is(p, .hero-desc, .pasan-hero-desc, .cases-desc) { max-width: 580px;color: #344653;text-shadow: none; }
body[class] main .ksl-visual-hero :is(.cases-hero-link, .dg-button, .btn-primary) { position: relative;z-index: 1; }
body[class] .ksl-philosophy-visual { margin: 28px 0 0;overflow: hidden;border-radius: 8px;background: #fff; }
body[class] .ksl-philosophy-visual img { aspect-ratio: 1.65;object-fit: cover;object-position: 72% center; }
body[class] main.hj-home .ksl-process-visual { margin: 24px 0 0;border-radius: 8px;overflow: hidden; }
body[class] main.hj-home .ksl-process-visual img { aspect-ratio: 2.6;object-fit: cover;object-position: right 57%; }
body[class] .ksl-subpage-hero.fq-hero[class] > .inner { position: relative;max-width: var(--ksl-layout-max);padding-right: 340px; }
body[class] .ksl-faq-visual { position: absolute;width: 260px;right: var(--ksl-page-gutter);top: 50%;transform: translateY(-50%);margin: 0;border-radius: 12px;overflow: hidden; }
body[class] .ksl-faq-visual img { aspect-ratio: 1.4;object-fit: cover;object-position: right center; }
body[class] main.hj-home .ksl-home-faq-visual { position: absolute;right: -12px;top: 8px;width: 170px;margin: 0;border-radius: 10px;overflow: hidden;pointer-events: none; }
body[class] main.hj-home .ksl-home-faq-visual img { aspect-ratio: 1.4;object-fit: cover;object-position: right center; }
body[class] .ksl-subpage-hero.ksl-selfcheck-hero[class] { min-height: 420px;background: #fff;color: #102d43;border-bottom: 1px solid #dce3e8}
body[class] .ksl-subpage-hero.ksl-selfcheck-hero[class] > .ksl-subpage-tool-inner { display: grid;grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);gap: 64px;align-items: center;max-width: var(--ksl-layout-max); }
body[class] .ksl-subpage-hero.ksl-selfcheck-hero[class] h1 { color: #102d43; }
body[class] .ksl-subpage-hero.ksl-selfcheck-hero[class] .ksl-selfcheck-start-desc { margin: 20px 0 0;color: #344653;font-size: 17px;line-height: 1.8; }
body[class] .ksl-selfcheck-visual { margin: 0;overflow: hidden;border-radius: 12px; }
body[class] .ksl-selfcheck-visual img { aspect-ratio: 1.4;object-fit: cover;object-position: right center; }
body[class] .ksl-selfcheck-start { display: inline-flex;align-items: center;justify-content: center;gap: 24px;min-height: 52px;margin-top: 28px;padding: 14px 24px;border: 1px solid #102d43;border-radius: 5px;background: #102d43;color: #fff;font: 650 16px/1.5 var(--font-sans); }
body[class].ksl-selfcheck-intro { padding-bottom: 0 !important; }
body[class] .ksl-subpage-hero.ksl-selfcheck-hero.is-started[class] { min-height: 0;padding-block: 28px; }
body[class] .ksl-subpage-hero.ksl-selfcheck-hero.is-started[class] > .ksl-subpage-tool-inner { display: block; }
body[class] .ksl-selfcheck-hero.is-started .ksl-selfcheck-start-desc { display: none; }
body[class] .ksl-contact-scene { z-index: -1; }
body[class] .ksl-contact-scene img { object-position: center 52%; }
body[class] .ksl-contact-scene::after { content: "";position: absolute;inset: 0;background: linear-gradient(90deg, #102d43f2, #102d43bf 45%, #102d432b); }
body[class] main.cs-main .cs-hero :is(h1, p) { position: relative;z-index: 1;max-width: 620px; }
body[class] main.cs-main .contact-form { background: #fff; }
body[class] .ksl-location-visual { position: absolute;right: var(--ksl-page-gutter);top: 50%;transform: translateY(-50%);width: 180px;margin: 0;border-radius: 10px;overflow: hidden; }
body[class] .ksl-location-visual img { aspect-ratio: 1.5;object-fit: cover;object-position: right center; }
body[class] main .location-map-fallback h3 { color: #fff; }
body[class] main .location-map-fallback :is(p, ol, li) { color: #dce7f0; }
body[class] main .location-map-fallback a { color: #e2c486; }
@media (max-width: 1100px) {
body[class] main.hj-home .ksl-home-faq-visual { right: 0;top: -68px;width: 120px; }
}
@media (max-width: 768px) {
body[class] .ksl-home-scene .ksl-visual-image { object-position: 62% center; }
body[class] .ksl-home-scene::after { background: linear-gradient(90deg, #102d43ed, #102d43bf); }
body[class]:not(.ksl-page-index) main .ksl-subpage-hero.ksl-visual-hero[class] { display: flex;flex-direction: column;gap: 28px;min-height: 0;padding-block: 40px 0; }
body[class] main .ksl-visual-hero .ksl-hero-art { position: relative;z-index: 0;order: 2;inset: auto;flex: none;width: 100%;height: auto; }
body[class] main .ksl-visual-hero .ksl-hero-art img { width: 100%;height: auto;aspect-ratio: 16/9;object-fit: cover;object-position: right center; }
body[class] main .ksl-visual-hero .ksl-hero-art::after { display: none; }
body[class]:not(.ksl-page-index) main .ksl-subpage-hero.ksl-visual-hero[class] > .inner { order: 1;flex: none;align-self: start;width: 100%; }
body[class]:not(.ksl-page-index) main .ksl-subpage-hero.ksl-visual-hero[class] :is(h1, .cases-title) { font-size: 29px; }
body[class]:not(.ksl-page-index) main .ksl-subpage-hero.ksl-visual-hero[class] :is(p, .pasan-hero-desc, .cases-desc) { font-size: 16px; }
body[class] .ksl-philosophy-visual { max-width: 460px;margin-top: 22px; }
body[class] main.hj-home .ksl-process-visual { max-width: 420px;margin-top: 20px; }
body[class] main.hj-home .ksl-process-visual img { aspect-ratio: 3.2; }
body[class] .ksl-subpage-hero.fq-hero[class] > .inner { padding-right: var(--ksl-page-gutter); }
body[class] .ksl-faq-visual { position: static;float: right;width: 120px;transform: none;margin: 12px 0 12px 16px; }
body[class] .fq-search { clear: both; }
body[class] main.hj-home .ksl-home-faq-visual { width: 70px;top: 32px;right: 12px;z-index: 2; }
body[class] .ksl-subpage-hero.ksl-selfcheck-hero[class] > .ksl-subpage-tool-inner { grid-template-columns: minmax(0, 1fr);gap: 24px; }
body[class] .ksl-selfcheck-visual { width: 100%;max-width: 380px;justify-self: center; }
body[class] .ksl-selfcheck-visual img { aspect-ratio: 2;object-position: right 48%; }
body[class] .ksl-subpage-hero.ksl-selfcheck-hero[class] .ksl-selfcheck-start-desc { font-size: 16px; }
body[class] .ksl-selfcheck-start { margin-top: 22px; }
body[class] main.cs-main .ksl-contact-scene { position: relative;z-index: 0;order: 2;inset: auto;width: 100%; }
body[class] main.cs-main .ksl-contact-scene img { height: auto;aspect-ratio: 16/9;object-fit: cover; }
body[class] .ksl-contact-scene::after { display: none; }
body[class] .ksl-location-visual { position: static;transform: none;grid-column: 1;grid-row: 3;width: 140px;margin: 0; }
}body.ksl-page-index { --header-h: 100px;--hm-navy: #102d43;--hm-blue: #2464a0;--hm-muted: #60717d;--hm-line: #ccd8e3;background: #fff; }
body.ksl-page-index main.hm-home { background: #fff;color: var(--hm-navy);--hj-ink: var(--hm-navy);--hj-muted: var(--hm-muted);--hj-line: var(--hm-line); }
body.ksl-page-index main.hm-home :is(h1,h2,h3,h4) { font-family: "Pretendard Variable", Pretendard, sans-serif;color: var(--hm-navy);letter-spacing: -.055em;font-weight: 700; }
body.ksl-page-index main.hm-home :is(p, li) { word-break: keep-all;overflow-wrap: break-word; }
body.ksl-page-index main.hm-home .hm-container { width: 100%;max-width: calc(var(--ksl-max) + 2 * var(--ksl-gutter));padding-inline: var(--ksl-gutter);margin-inline: auto; }
body.ksl-page-index main.hm-home h2 { font-size: clamp(34px, 3.8vw, 60px);line-height: 1.3; }
body.ksl-page-index main.hm-home .hm-rule { display: block;width: 46px;height: 3px;margin-bottom: 23px;background: #60717d; }
body.ksl-page-index main.hm-home .hm-link { display: inline-flex;align-items: center;gap: 14px;width: fit-content;min-height: 44px;padding-bottom: 3px;border-bottom: 1px solid currentColor;color: var(--hm-blue);font-size: 19px;font-weight: 500;line-height: 1.5;text-decoration: none; }
body.ksl-page-index main.hm-home .hm-link span { font-size: 25px;font-weight: 400;transition: transform 160ms ease; }
body.ksl-page-index main.hm-home .hm-link:hover span { transform: translateX(4px); }
body.ksl-page-index main.hm-home #home-process { padding-top: 100px;background: #fff; }
body.ksl-page-index main.hm-home .hm-process-heading { display: flex;align-items: end;justify-content: space-between;gap: 36px; }
body.ksl-page-index main.hm-home .hm-procedure-tabs { display: flex;flex-shrink: 0;justify-content: flex-end;gap: 24px;margin-top: 28px;padding-bottom: 3px; }
body.ksl-page-index main.hm-home .hm-procedure-tabs button { position: relative;padding: 12px 9px;border: 0;border-bottom: 3px solid transparent;background: transparent;color: #60717d;font-size: 21px;font-weight: 650;white-space: nowrap; }
body.ksl-page-index main.hm-home .hm-procedure-tabs button + button::before { content: "";position: absolute;left: -13px;top: 17px;height: 21px;width: 1px;background: var(--hm-line); }
body.ksl-page-index main.hm-home .hm-procedure-tabs button[aria-selected=true] { border-bottom-color: var(--hm-navy);color: var(--hm-navy); }
body.ksl-page-index main.hm-home .hm-timeline { display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));list-style: none;margin: 48px 0 68px;padding: 0; }
body.ksl-page-index main.hm-home .hm-timeline li { position: relative;text-align: center;min-width: 0; }
body.ksl-page-index main.hm-home .hm-timeline li:not(:last-child)::after { content: "";position: absolute;top: 13px;left: 50%;right: -50%;height: 3px;background: #c9d6e1; }
body.ksl-page-index main.hm-home .hm-timeline a { position: relative;z-index: 1;display: flex;flex-direction: column;align-items: center;gap: 20px;min-height: 78px;padding-inline: 5px;color: #60717d;font-size: 20px;font-weight: 600;line-height: 1.5; }
body.ksl-page-index main.hm-home .hm-timeline-dot { display: block;width: 29px;height: 29px;border: 4px solid #c5d3df;border-radius: 50%;background: #fff;transition: border-color 160ms; }
body.ksl-page-index main.hm-home .hm-timeline a[aria-current=step] { color: var(--hm-navy); }
body.ksl-page-index main.hm-home .hm-timeline a[aria-current=step] .hm-timeline-dot { border: 9px solid var(--hm-navy); }
body.ksl-page-index main.hm-home .hm-timeline a:hover .hm-timeline-dot { border-color: #60717d; }
body.ksl-page-index main.hm-home .hm-stage-surface { padding-block: 48px 32px;background: #f6f6f3; }
body.ksl-page-index main.hm-home .hm-stage-footer { display: flex;justify-content: space-between;align-items: center;gap: 18px;margin-top: 28px; }
body.ksl-page-index main.hm-home .hm-stage-footer p { color: #60717d;font-size: 14px; }
body.ksl-page-index main.hm-home .hm-faq { padding-block: 110px; }
body.ksl-page-index main.hm-home .hm-faq-layout { display: grid;grid-template-columns: .85fr 1.5fr;gap: 70px; }
body.ksl-page-index main.hm-home .hm-kicker { display: flex;align-items: center;gap: 15px;margin-bottom: 20px;color: var(--hm-blue);font-size: 18px; }
body.ksl-page-index main.hm-home .hm-kicker::before { content: "";width: 30px;height: 1px;background: currentColor; }
body.ksl-page-index main.hm-home .hm-faq-intro h2 { font-size: clamp(32px, 3.65vw, 56px); }
body.ksl-page-index main.hm-home .hm-faq-intro > .hm-link { margin-top: 25px; }
body.ksl-page-index main.hm-home .hm-faq-list { border-top: 1px solid var(--hm-line); }
body.ksl-page-index main.hm-home .hm-faq-entry { border-bottom: 1px solid var(--hm-line); }
body.ksl-page-index main.hm-home .hm-faq-entry summary { position: relative;display: flex;align-items: center;justify-content: space-between;gap: 24px;min-height: 111px;padding: 30px 18px 30px 22px;list-style: none;cursor: pointer;color: #102d43;font-size: clamp(21px, 2.08vw, 30px);font-weight: 700;line-height: 1.5;letter-spacing: -.04em;word-break: keep-all; }
body.ksl-page-index main.hm-home .hm-faq-entry summary::-webkit-details-marker { display: none; }
body.ksl-page-index main.hm-home .hm-faq-toggle { position: relative;display: block;flex-shrink: 0;width: 24px;height: 24px;color: var(--hm-blue); }
body.ksl-page-index main.hm-home .hm-faq-toggle::before, body.ksl-page-index main.hm-home .hm-faq-toggle::after { content: "";position: absolute;background: currentColor;top: 11px;left: 0;width: 24px;height: 2px; }
body.ksl-page-index main.hm-home .hm-faq-toggle::after { transform: rotate(90deg);transition: transform 180ms; }
body.ksl-page-index main.hm-home .hm-faq-entry[open] .hm-faq-toggle::after { transform: rotate(0deg); }
body.ksl-page-index main.hm-home .hm-faq-answer { padding: 0 62px 36px 22px; }
body.ksl-page-index main.hm-home .hm-faq-answer p { color: #344653;font-size: 20px;line-height: 1.85; }
body.ksl-page-index main.hm-home .hm-faq-answer .hm-link { margin-top: 20px; }
body.ksl-page-index main.hm-home #sec-consult { padding-block: 90px;background: #fff;border: 0;border-top: 1px solid #dce3e8}
body.ksl-page-index main.hm-home .hj-consult-grid { max-width: calc(var(--ksl-max) + 2 * var(--ksl-gutter));padding-inline: var(--ksl-gutter);gap: 56px; }
body.ksl-page-index main.hm-home .hj-consult h2 { font-size: clamp(30px, 3vw, 44px); }
body.ksl-page-index main.hm-home .hj-step-label { color: #60717d; }
body.ksl-page-index main.hm-home .hj-consult-desc { margin-top: 23px;color: var(--hm-muted); }
body.ksl-page-index main.hm-home .hj-consult-links { display: grid;gap: 14px;margin-block: 28px; }
body.ksl-page-index main.hm-home .hj-consult-links > a { display: flex;align-items: center;gap: 14px;min-height: 52px;color: var(--hm-navy);font-size: 16px; }
body.ksl-page-index main.hm-home .hj-consult-links > a > span:last-child { margin-left: auto; }
body.ksl-page-index main.hm-home .hj-consult-links small { display: block;font-size: 19px; }
body.ksl-page-index main.hm-home .hj-contact-icon { display: grid;place-items: center;width: 40px;height: 40px;flex-shrink: 0;border-radius: 50%;background: #fff;color: #344653; }
body.ksl-page-index main.hm-home .hj-consult-steps { display: grid;gap: 17px;list-style: none;padding: 0; }
body.ksl-page-index main.hm-home .hj-consult-steps li { display: flex;align-items: start;gap: 14px; }
body.ksl-page-index main.hm-home .hj-consult-steps h3 { font-size: 17px; }
body.ksl-page-index main.hm-home .hj-consult-steps p { font-size: 14px;color: var(--hm-muted); }
body.ksl-page-index main.hm-home .hj-form-wrap { border-color: #d7e1eb;border-radius: 8px;box-shadow: none; }
body.ksl-page-index main.hm-home .hj-form .consult-submit { background: var(--hm-navy);border-color: var(--hm-navy);color: #fff; }
body.ksl-page-index main.hm-home .hj-form .consult-submit:hover { background: #2464a0;color: #fff; }
body.ksl-page-index .hj-certificate-dialog { background: #fff;border-color: #d0dce7; } body.ksl-page-index main.hm-home .hm-hero { position: relative;isolation: isolate;overflow: hidden;background: linear-gradient(115deg, #102d43 0%, #102d43 58%, #2464a0 100%); }
body.ksl-page-index main.hm-home .hm-hero-inner { display: grid;grid-template-columns: minmax(0, 1fr) auto;align-items: center;gap: clamp(32px, 5vw, 96px);min-height: clamp(620px, 46vw, 780px);padding-top: 150px;padding-bottom: 80px; }
body.ksl-page-index main.hm-home .hm-hero-copy { max-width: 820px; }
body.ksl-page-index main.hm-home .hm-eyebrow { margin: 0 0 26px;color: #b5d0e8;font-size: clamp(17px, 1.45vw, 23px);font-weight: 550;letter-spacing: -.025em; }
body.ksl-page-index main.hm-home h1 { margin: 0;color: #fff;font-size: clamp(38px, 4.2vw, 68px);line-height: 1.34;font-weight: 750;letter-spacing: -.055em; }
body.ksl-page-index main.hm-home h1 span { color: #cce6ff; }
body.ksl-page-index main.hm-home .hm-hero-description { margin-top: 24px;color: #e1eaf4;font-size: clamp(18px, 1.55vw, 24px);line-height: 1.7; }
body.ksl-page-index main.hm-home .hm-hero-actions { display: flex;align-items: center;flex-wrap: wrap;gap: 36px;margin-top: 44px; }
body.ksl-page-index main.hm-home .hm-primary { display: inline-flex;align-items: center;justify-content: center;gap: 24px;min-height: 56px;padding: 16px 36px;border: 1px solid #fff;border-radius: 8px;background: #fff;color: #102d43;font-size: 21px;font-weight: 750;text-decoration: none; }
body.ksl-page-index main.hm-home .hm-primary:hover { background: #eef4fa; }
body.ksl-page-index main.hm-home .hm-link-light { color: #fff;font-size: 21px; }
body.ksl-page-index main.hm-home .hm-hero-portrait { width: clamp(250px, 24vw, 380px);margin: 0;border-radius: 8px;overflow: hidden;background: #fff;border: 1px solid #ffffff2e;border-bottom: 1px solid #dce3e8}
body.ksl-page-index main.hm-home .hm-hero-portrait img { display: block;width: 100%;height: auto;aspect-ratio: 600 / 801; }
body.ksl-page-index main.hm-home .hm-hero-portrait figcaption { display: flex;align-items: baseline;gap: 10px;padding: 16px 20px;background: #fff;color: var(--hm-navy);font-size: 19px;font-weight: 750; }
body.ksl-page-index main.hm-home .hm-hero-portrait figcaption span { color: var(--hm-muted);font-size: 15px;font-weight: 500; } body.ksl-page-index main.hm-home .hm-trust { border-bottom: 1px solid var(--hm-line);background: #fff; }
body.ksl-page-index main.hm-home .hm-trust-bar { display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));margin: 0;padding: 0;list-style: none; }
body.ksl-page-index main.hm-home .hm-trust-bar > li + li { border-left: 1px solid var(--hm-line); }
body.ksl-page-index main.hm-home .hm-trust-item { display: flex;align-items: center;gap: 16px;width: 100%;min-height: 108px;padding: 22px clamp(16px, 2vw, 30px);border: 0;background: transparent;color: var(--hm-navy);font: inherit;text-align: left;cursor: pointer; }
body.ksl-page-index main.hm-home .hm-trust-item:hover { background: #f6f9fc; }
body.ksl-page-index main.hm-home .hm-trust-bar > li.active .hm-trust-item { background: #eef4fa;box-shadow: inset 0 -3px 0 var(--hm-navy); }
body.ksl-page-index main.hm-home .hm-trust-icon { display: grid;place-items: center;flex: none;width: 48px;height: 48px;border-radius: 50%;background: #fff;color: #2464a0; }
body.ksl-page-index main.hm-home .hm-trust-text { display: grid;gap: 3px;min-width: 0; }
body.ksl-page-index main.hm-home .hm-trust-text strong { font-size: 19px;font-weight: 750;letter-spacing: -.03em; }
body.ksl-page-index main.hm-home .hm-trust-text small { color: var(--hm-muted);font-size: 15px;line-height: 1.5; }
body.ksl-page-index main.hm-home .hm-trust-more { display: none;align-items: center;gap: 8px;flex: none;margin-left: auto;color: var(--hm-blue);font-size: 15px;font-weight: 650;white-space: nowrap; }
body.ksl-page-index main.hm-home .hm-trust.is-enhanced .hm-trust-more { display: inline-flex; }
body.ksl-page-index main.hm-home .hm-trust-chevron { width: 9px;height: 9px;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;transform: translateY(-2px) rotate(45deg);transition: transform var(--ksl-motion, 150ms) ease; }
body.ksl-page-index main.hm-home .hm-trust-bar > li.active .hm-trust-chevron { transform: translateY(2px) rotate(-135deg); }
body.ksl-page-index main.hm-home .hm-trust-panel { padding: 34px 0 40px;border-top: 1px solid var(--hm-line); }
body.ksl-page-index main.hm-home .hm-trust-panel > div { max-width: 820px; }
body.ksl-page-index main.hm-home .hm-trust-panel h3 { margin: 0 0 14px;font-size: clamp(22px, 2vw, 28px);line-height: 1.4; }
body.ksl-page-index main.hm-home .hm-trust-panel p { margin: 0 0 10px;color: #344653;font-size: 17px;line-height: 1.75; }
body.ksl-page-index main.hm-home .hm-trust-panel .hm-link { margin-top: 12px;font-size: 17px; }
body.ksl-page-index main.hm-home .hm-trust-panel .hm-link svg { width: 22px;height: 22px; }
body.ksl-page-index main.hm-home .hm-trust-cert { display: grid;grid-template-columns: 170px minmax(0, 1fr);align-items: start;gap: 36px; }
body.ksl-page-index main.hm-home .hm-trust-thumb { display: block;cursor: zoom-in; }
body.ksl-page-index main.hm-home .hm-trust-thumb img { display: block;width: 100%;height: auto;border: 1px solid #dbe4ec;border-color: #c9d3db; }
body.ksl-page-index main.hm-home .hm-trust-panel dl { margin: 0; }
body.ksl-page-index main.hm-home .hm-trust-panel dl > div { display: grid;grid-template-columns: 96px minmax(0, 1fr);gap: 16px;padding: 10px 0;border-bottom: 1px solid #e3eaf0;font-size: 17px; }
body.ksl-page-index main.hm-home .hm-trust-panel dt { color: var(--hm-muted); }
body.ksl-page-index main.hm-home .hm-trust-panel dd { margin: 0;font-weight: 650; } body.ksl-page-index main.hm-home .hm-check { background: #fff;border-top: 1px solid #dce3e8}
body.ksl-page-index main.hm-home .hm-check-layout { display: grid;grid-template-columns: minmax(0, 4fr) minmax(0, 6fr);align-items: start;gap: clamp(32px, 4vw, 64px); }
body.ksl-page-index main.hm-home .hm-check h2 { margin: 0;font-size: clamp(28px, 2.8vw, 42px);line-height: 1.32; }
body.ksl-page-index main.hm-home .hm-check-lead { margin: 12px 0 26px;color: var(--hm-muted);font-size: 17px;line-height: 1.7; }
body.ksl-page-index main.hm-home .hm-check-answer { position: sticky;top: var(--ksl-anchor-offset, 104px);padding: 32px clamp(22px, 2.6vw, 40px);border: 1px solid #d5e0ea;border-radius: 12px;background: var(--ksl-tint);border-color: #cddbe7;box-shadow: none; }
body.ksl-page-index main.hm-home .hm-check-answer-label { margin: 0 0 18px;padding-bottom: 14px;border-bottom: 1px solid #e3eaf0;color: var(--hm-blue);font-size: 15px;font-weight: 700; }
body.ksl-page-index main.hm-home .hm-check-result { min-height: 250px; }
body.ksl-page-index main.hm-home .hm-check-empty strong { display: block;font-size: 21px;line-height: 1.45; }
body.ksl-page-index main.hm-home .hm-check-empty p { margin: 8px 0 14px;color: var(--hm-muted);font-size: 16px; }
body.ksl-page-index main.hm-home .hm-check-empty ul { display: grid;gap: 8px;margin: 0;padding: 0;list-style: none; }
body.ksl-page-index main.hm-home .hm-check-empty li { padding: 12px 16px;border: 1px dashed #c9d7e3;border-radius: 10px;color: #6b7d90;font-size: 15px; }
body.ksl-page-index main.hm-home .hm-advice h3 { margin: 0;font-size: clamp(22px, 2vw, 28px);line-height: 1.4; }
body.ksl-page-index main.hm-home .hm-advice > p { margin: 10px 0 2px;color: #344653;font-size: 17px;line-height: 1.75; }
body.ksl-page-index main.hm-home .hm-advice-related { display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 12px;margin-top: 18px; }
body.ksl-page-index main.hm-home .hm-advice-card { display: flex;flex-direction: column;gap: 6px;padding: 16px 18px;border: 1px solid #d5e0ea;border-radius: 12px;background: #fff;color: var(--hm-navy);text-decoration: none; }
body.ksl-page-index main.hm-home .hm-advice-card:hover { border-color: var(--hm-navy); }
body.ksl-page-index main.hm-home .hm-advice-card-label { color: var(--hm-blue);font-size: 13px;font-weight: 700; }
body.ksl-page-index main.hm-home .hm-advice-card strong { font-size: 16px;line-height: 1.5; }
body.ksl-page-index main.hm-home .hm-advice-card-text { color: var(--hm-muted);font-size: 14px;line-height: 1.6; }
body.ksl-page-index main.hm-home .hm-advice-card-more { margin-top: auto;color: var(--hm-blue);font-size: 14px;font-weight: 650; }
body.ksl-page-index main.hm-home .hm-check-next { margin-top: 24px;padding-top: 20px;border-top: 1px solid #e3eaf0; }
body.ksl-page-index main.hm-home .hm-check-next p { margin: 0;color: var(--hm-muted);font-size: 15px;line-height: 1.6; }
body.ksl-page-index main.hm-home .hm-check-next p strong { margin-right: 8px;color: var(--hm-navy); }
body.ksl-page-index main.hm-home .hm-check-next .rg-button { margin-top: 12px; } body.ksl-page-index main.hm-home .hm-compare-table { font-size: 17px;line-height: 1.7; }
body.ksl-page-index main.hm-home .hm-compare-table :is(th, td) { padding: 24px 26px; }
body.ksl-page-index main.hm-home .hm-compare-table td strong { color: var(--hm-navy);font-weight: 750; }
body.ksl-page-index main.hm-home .hm-compare-table tbody th { padding: 12px 14px; }
body.ksl-page-index main.hm-home .hm-compare-pick { display: flex;align-items: center;justify-content: space-between;gap: 8px;width: 100%;min-height: 56px;padding: 6px 12px;border: 1px solid transparent;border-radius: 8px;background: transparent;color: var(--hm-navy);font: 700 17px/1.4 var(--font-sans, inherit);text-align: left;cursor: pointer; }
body.ksl-page-index main.hm-home .hm-compare-pick:hover { border-color: #b9cbdb;background: #fff; }
body.ksl-page-index main.hm-home .hm-compare-pick span { color: var(--hm-blue);font-size: 20px;font-weight: 500;transition: transform var(--ksl-motion, 150ms) ease; }
body.ksl-page-index main.hm-home .hm-compare-pick[aria-pressed=true] { border-color: var(--hm-navy);background: #fff; }
body.ksl-page-index main.hm-home .hm-compare-pick[aria-pressed=true] span { transform: rotate(45deg); }
body.ksl-page-index main.hm-home .hm-compare-table tr.is-selected td { background: #eef4fa; }
body.ksl-page-index main.hm-home .hm-compare-table tr.is-selected th { box-shadow: inset 4px 0 0 var(--hm-navy); }
body.ksl-page-index main.hm-home .hm-compare-note { min-height: 72px;padding: 20px 26px;border-top: 1px solid #d5e0ea;background: #f8fafc; }
body.ksl-page-index main.hm-home .hm-compare-note p { margin: 0;color: #344653;font-size: 16px;line-height: 1.75; }
body.ksl-page-index main.hm-home .hm-compare-note [data-compare-note-empty] { color: #7a8a9b; }
body.ksl-page-index main.hm-home .hm-compare-note strong { display: block;margin-bottom: 4px;color: var(--hm-navy);font-size: 17px; } body.ksl-page-index main.hm-home .hm-cases { background: #f6f6f3; }
body.ksl-page-index main.hm-home .hm-case-layout { display: grid;grid-template-columns: minmax(0, 1fr);gap: 20px; }
body.ksl-page-index main.hm-home .hm-case-layout.is-enhanced { grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);align-items: start; }
body.ksl-page-index main.hm-home .hm-case-stage { display: grid;gap: 16px; }
body.ksl-page-index main.hm-home .hm-case-feature { display: flex;flex-direction: column;align-items: flex-start;padding: clamp(28px, 3vw, 44px);border: 1px solid #dcd9d0;border-radius: 12px;background: #fff; }
body.ksl-page-index main.hm-home .hm-case-feature .rg-case-meta { margin: 0 0 14px; }
body.ksl-page-index main.hm-home .hm-case-feature h3 { margin: 0;font-size: clamp(23px, 2.2vw, 32px);line-height: 1.42; }
body.ksl-page-index main.hm-home .hm-case-issue { align-self: stretch;margin-top: 22px;padding: 18px 22px;border-left: 4px solid var(--hm-navy);border-radius: 0 10px 10px 0;background: #fff; }
body.ksl-page-index main.hm-home .hm-case-issue p { margin: 0;color: #344653;font-size: 17px;line-height: 1.75; }
body.ksl-page-index main.hm-home .hm-case-issue .hm-case-issue-label { margin-bottom: 4px;color: var(--hm-blue);font-size: 14px;font-weight: 700; }
body.ksl-page-index main.hm-home .hm-case-summary { margin: 16px 0 0;color: var(--hm-muted);font-size: 16px;line-height: 1.75; }
body.ksl-page-index main.hm-home .hm-case-read { margin-top: 26px;padding-inline: 28px; }
body.ksl-page-index main.hm-home .hm-case-list { display: grid;gap: 10px; }
body.ksl-page-index main.hm-home .hm-case-pick { display: grid;gap: 6px;width: 100%;padding: 18px 20px;border: 1px solid #dcd9d0;border-radius: 12px;background: #fff;color: var(--hm-navy);font: inherit;text-align: left;cursor: pointer; }
body.ksl-page-index main.hm-home .hm-case-pick:hover { border-color: #8aa5bd; }
body.ksl-page-index main.hm-home .hm-case-pick[aria-selected=true] { border-color: var(--hm-navy);box-shadow: inset 4px 0 0 var(--hm-navy); }
body.ksl-page-index main.hm-home .hm-case-pick-type { color: var(--hm-blue);font-size: 14px;font-weight: 650; }
body.ksl-page-index main.hm-home .hm-case-pick strong { font-size: 16px;line-height: 1.5; } body.ksl-page-index main.hm-home .hm-stage-detail { display: grid;grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) minmax(0, 1fr);gap: 20px;min-height: 190px; }
body.ksl-page-index main.hm-home .hm-stage-main { padding: 6px 16px 6px 0; }
body.ksl-page-index main.hm-home .hm-stage-count { margin: 0 0 8px;color: var(--hm-blue);font-size: 15px;font-weight: 700; }
body.ksl-page-index main.hm-home .hm-stage-main h3 { margin-bottom: 12px;font-size: clamp(23px, 2.2vw, 32px);line-height: 1.4; }
body.ksl-page-index main.hm-home .hm-stage-main > p:last-child { color: #344653;font-size: 18px;line-height: 1.8; }
body.ksl-page-index main.hm-home :is(.hm-stage-docs, .hm-stage-question) { padding: 24px 26px;border: 1px solid #dde6ee;border-radius: 12px;background: #fff; }
body.ksl-page-index main.hm-home :is(.hm-stage-docs, .hm-stage-question) h4 { display: flex;align-items: center;gap: 10px;margin: 0 0 14px;color: var(--hm-navy);font-size: 17px;font-weight: 750; }
body.ksl-page-index main.hm-home :is(.hm-stage-docs, .hm-stage-question) h4 svg { width: 22px;height: 22px;color: var(--hm-blue); }
body.ksl-page-index main.hm-home .hm-stage-docs ul { display: grid;gap: 8px;margin: 0;padding: 0;list-style: none; }
body.ksl-page-index main.hm-home .hm-stage-docs li { position: relative;padding-left: 20px;color: #344653;font-size: 16px;line-height: 1.6; }
body.ksl-page-index main.hm-home .hm-stage-docs li::before { content: "";position: absolute;left: 2px;top: .62em;width: 7px;height: 7px;border-radius: 4px;background: #60717d; }
body.ksl-page-index main.hm-home .hm-stage-question { border-color: #c8d9e8;background: #fff; }
body.ksl-page-index main.hm-home .hm-stage-question p { margin: 0;color: var(--hm-navy);font-size: 17px;font-weight: 600;line-height: 1.7; } body.ksl-page-index main.hm-home .hj-consult-photo { display: grid;grid-template-columns: 120px minmax(0, 1fr);align-items: center;gap: 18px;margin: 0 0 28px;padding-block: 18px;border-block: 1px solid var(--ksl-line); }
body.ksl-page-index main.hm-home .hj-consult-photo img { display: block;width: 120px;height: 120px;object-fit: cover;border-radius: 6px; }
body.ksl-page-index main.hm-home .hj-consult-photo figcaption { display: grid;gap: 4px;color: var(--hm-muted);font-size: 15px;line-height: 1.6; }
body.ksl-page-index main.hm-home .hj-consult-photo strong { color: var(--hm-navy);font-size: 17px; } body.ksl-page-index main.hm-home .hj-consult-form-column { min-width: 0; }
body.ksl-page-index main.hm-home .hj-consult-after { margin: 18px 4px 0;color: var(--hm-muted);font-size: 15px;line-height: 1.7; }
body.ksl-page-index main.hm-home .hj-consult-after a { color: var(--hm-blue);font-weight: 650;text-decoration: underline;text-underline-offset: 4px; }
@media (max-width: 1200px) {
body.ksl-page-index main.hm-home .hm-faq-layout { gap: 42px; }
body.ksl-page-index main.hm-home .hm-procedure-tabs { gap: 15px; }
body.ksl-page-index main.hm-home .hm-procedure-tabs button { font-size: 18px; }
body.ksl-page-index main.hm-home .hm-trust-more { font-size: 0;gap: 0; }
}
@media (max-width: 1024px) {
body.ksl-page-index main.hm-home .hm-timeline a { font-size: 17px; }
body.ksl-page-index main.hm-home .hm-hero-actions { gap: 26px; }
body.ksl-page-index main.hm-home .hm-primary { padding-inline: 26px;font-size: 19px; }
body.ksl-page-index main.hm-home .hm-link-light { font-size: 19px; }
body.ksl-page-index main.hm-home .hm-stage-detail { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
body.ksl-page-index main.hm-home .hm-stage-main { grid-column: 1 / -1;padding-right: 0; }
body.ksl-page-index main.hm-home .hm-check-layout { grid-template-columns: minmax(0, 1fr); }
body.ksl-page-index main.hm-home .hm-check-answer { position: static; }
body.ksl-page-index main.hm-home .hm-check-result { min-height: 0; }
body.ksl-page-index main.hm-home .hm-case-layout.is-enhanced { grid-template-columns: minmax(0, 1fr); }
body.ksl-page-index main.hm-home .hm-case-list { order: -1;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
}
@media (max-width: 768px) {
body.ksl-page-index { --header-h: 72px; }
body.ksl-page-index main.hm-home h2 { font-size: 32px; }
body.ksl-page-index main.hm-home .hm-hero-inner { grid-template-columns: minmax(0, 1fr);gap: 32px;min-height: 0;padding-top: 118px;padding-bottom: 44px; }
body.ksl-page-index main.hm-home .hm-eyebrow { margin-bottom: 20px;font-size: 15px; }
body.ksl-page-index main.hm-home h1 { font-size: clamp(26px, 6.7vw, 40px);line-height: 1.42; }
body.ksl-page-index main.hm-home .hm-hero-description { margin-top: 18px;font-size: 17px; }
body.ksl-page-index main.hm-home .hm-hero-actions { gap: 22px;margin-top: 28px; }
body.ksl-page-index main.hm-home .hm-primary { min-height: 54px;padding: 13px 20px;gap: 16px;border-radius: 6px;font-size: 17px; }
body.ksl-page-index main.hm-home .hm-link-light { gap: 10px;font-size: 17px; }
body.ksl-page-index main.hm-home .hm-hero-portrait { display: grid;grid-template-columns: 112px minmax(0, 1fr);align-items: center;width: 100%;max-width: 420px;border-radius: 10px; }
body.ksl-page-index main.hm-home .hm-hero-portrait figcaption { flex-direction: column;gap: 2px;padding: 16px 18px;font-size: 18px; }
body.ksl-page-index main.hm-home .hm-trust-bar { grid-template-columns: minmax(0, 1fr); }
body.ksl-page-index main.hm-home .hm-trust-bar > li + li { border-top: 1px solid var(--hm-line);border-left: 0; }
body.ksl-page-index main.hm-home .hm-trust-item { min-height: 76px;padding: 14px 0;gap: 14px; }
body.ksl-page-index main.hm-home .hm-trust-bar > li.active .hm-trust-item { margin-inline: calc(-1 * var(--ksl-gutter));padding-inline: var(--ksl-gutter);width: calc(100% + 2 * var(--ksl-gutter)); }
body.ksl-page-index main.hm-home .hm-trust-icon { width: 40px;height: 40px; }
body.ksl-page-index main.hm-home .hm-trust-text strong { font-size: 17px; }
body.ksl-page-index main.hm-home .hm-trust-text small { font-size: 14px; }
body.ksl-page-index main.hm-home .hm-trust-panel { padding: 24px 0 30px; }
body.ksl-page-index main.hm-home .hm-trust-cert { grid-template-columns: 104px minmax(0, 1fr);gap: 18px; }
body.ksl-page-index main.hm-home .hm-trust-panel p { font-size: 16px; }
body.ksl-page-index main.hm-home .hm-trust-panel dl > div { grid-template-columns: 72px minmax(0, 1fr);gap: 10px;font-size: 15px; }
body.ksl-page-index main.hm-home .hm-check h2 { font-size: 28px; }
body.ksl-page-index main.hm-home .hm-check-lead { font-size: 16px; }
body.ksl-page-index main.hm-home .hm-check-answer { padding: 24px 18px;border-radius: 12px; }
body.ksl-page-index main.hm-home .hm-compare-table { font-size: 15px;line-height: 1.6; }
body.ksl-page-index main.hm-home .hm-compare-table :is(th, td) { padding: 14px 10px; }
body.ksl-page-index main.hm-home .hm-compare-table tbody th { padding: 6px; }
body.ksl-page-index main.hm-home .hm-compare-pick { flex-direction: column;align-items: flex-start;gap: 0;min-height: 52px;padding: 6px;font-size: 15px; }
body.ksl-page-index main.hm-home .hm-compare-pick span { font-size: 17px; }
body.ksl-page-index main.hm-home .hm-compare-note { padding: 16px 14px; }
body.ksl-page-index main.hm-home .hm-compare-note p { font-size: 15px; }
body.ksl-page-index main.hm-home .hm-case-list { grid-template-columns: minmax(0, 1fr); }
body.ksl-page-index main.hm-home .hm-case-feature { padding: 24px 20px; }
body.ksl-page-index main.hm-home .hm-case-issue p { font-size: 16px; }
body.ksl-page-index main.hm-home .hm-case-read { align-self: stretch; }
body.ksl-page-index main.hm-home #home-process { padding-top: 65px; }
body.ksl-page-index main.hm-home .hm-process-heading { align-items: start;flex-direction: column;gap: 25px; }
body.ksl-page-index main.hm-home .hm-rule { width: 34px;height: 2px;margin-bottom: 20px; }
body.ksl-page-index main.hm-home .hm-procedure-tabs { justify-content: flex-start;gap: 18px;width: 100%;margin-top: 24px; }
body.ksl-page-index main.hm-home .hm-procedure-tabs button { padding-inline: 5px;font-size: 17px; }
body.ksl-page-index main.hm-home .hm-procedure-tabs button + button::before { left: -10px; }
body.ksl-page-index main.hm-home .hm-timeline { margin-block: 36px; }
body.ksl-page-index main.hm-home .hm-timeline li:not(:last-child)::after { top: 10px;height: 2px; }
body.ksl-page-index main.hm-home .hm-timeline a { gap: 14px;min-height: 87px;font-size: 14px;padding-inline: 4px;word-break: keep-all; }
body.ksl-page-index main.hm-home .hm-timeline-dot { width: 22px;height: 22px;border-width: 3px; }
body.ksl-page-index main.hm-home .hm-timeline a[aria-current=step] .hm-timeline-dot { border-width: 7px; }
body.ksl-page-index main.hm-home .hm-stage-surface { padding-block: 28px 24px; }
body.ksl-page-index main.hm-home .hm-stage-detail { grid-template-columns: minmax(0, 1fr);gap: 14px;min-height: 0; }
body.ksl-page-index main.hm-home .hm-stage-main h3 { font-size: 23px;margin-bottom: 8px; }
body.ksl-page-index main.hm-home .hm-stage-main > p:last-child { font-size: 16px; }
body.ksl-page-index main.hm-home :is(.hm-stage-docs, .hm-stage-question) { padding: 18px; }
body.ksl-page-index main.hm-home .hm-stage-footer { flex-wrap: wrap;margin-top: 22px; }
body.ksl-page-index main.hm-home .hm-stage-footer p { font-size: 14px; }
body.ksl-page-index main.hm-home .hm-faq { padding-block: 65px; }
body.ksl-page-index main.hm-home .hm-faq-layout { grid-template-columns: 1fr;gap: 35px; }
body.ksl-page-index main.hm-home .hm-faq-intro { position: relative; }
body.ksl-page-index main.hm-home .hm-faq-intro h2 { font-size: 32px; }
body.ksl-page-index main.hm-home .hm-kicker { font-size: 15px;margin-bottom: 16px; }
body.ksl-page-index main.hm-home .hm-faq-intro > .hm-link { margin-top: 17px;font-size: 16px; }
body.ksl-page-index main.hm-home .hm-faq-entry summary { padding: 24px 0;min-height: 90px;gap: 15px;font-size: 21px; }
body.ksl-page-index main.hm-home .hm-faq-toggle { width: 20px;height: 20px; }
body.ksl-page-index main.hm-home .hm-faq-toggle::before, body.ksl-page-index main.hm-home .hm-faq-toggle::after { width: 20px;top: 9px; }
body.ksl-page-index main.hm-home .hm-faq-answer { padding: 0 25px 27px 0; }
body.ksl-page-index main.hm-home .hm-faq-answer p { font-size: 16px; }
body.ksl-page-index main.hm-home .hm-faq-answer .hm-link { margin-top: 15px;font-size: 16px; }
body.ksl-page-index main.hm-home #sec-consult { padding-block: 60px; }
body.ksl-page-index main.hm-home .hj-consult-grid { grid-template-columns: 1fr;gap: 32px; }
body.ksl-page-index main.hm-home .hj-consult h2 { font-size: 30px; }
}
@media (max-width: 360px) {
body.ksl-page-index main.hm-home h1 { font-size: 25px; }
body.ksl-page-index main.hm-home .hm-hero-actions { gap: 14px 20px; }
body.ksl-page-index main.hm-home .hm-primary { padding-inline: 16px;font-size: 16px; }
body.ksl-page-index main.hm-home .hm-link-light { font-size: 16px; }
body.ksl-page-index main.hm-home .hm-hero-portrait { grid-template-columns: 96px minmax(0, 1fr); }
body.ksl-page-index main.hm-home .hm-procedure-tabs { gap: 13px; }
body.ksl-page-index main.hm-home .hm-procedure-tabs button { font-size: 16px; }
body.ksl-page-index main.hm-home .hm-timeline a { font-size: 12px; }
body.ksl-page-index main.hm-home .hm-compare-table :is(th, td) { padding-inline: 7px; }
}
@media (prefers-reduced-motion: reduce) {
body.ksl-page-index main.hm-home *, body.ksl-page-index main.hm-home *::before, body.ksl-page-index main.hm-home *::after { animation: none !important;transition: none !important;scroll-behavior: auto !important; }
}body[class] main :is(.rg-jump, .rg-section, .rg-band) { --rg-ink: var(--hm-navy, var(--rr-ink, #102d43));--rg-accent: var(--hm-blue, var(--rr-blue, #2464a0));--rg-muted: #60717d;--rg-line: #d5e0ea;--rg-soft: #f3f7fb; } body[class] main .rg-jump { border-bottom: 1px solid var(--rg-line);background: var(--rg-soft); }
body[class] main .rg-jump .hm-container { display: flex;align-items: center;gap: 20px;padding-block: 18px; }
body[class] main .rg-jump p { flex: none;margin: 0;color: var(--rg-muted);font-size: 15px;font-weight: 600; }
body[class] main .rg-jump ul { display: flex;gap: 8px;margin: 0;padding: 0;list-style: none;overflow-x: auto;scrollbar-width: none; }
body[class] main .rg-jump ul::-webkit-scrollbar { display: none; }
body[class] main .rg-jump a { display: inline-flex;align-items: center;min-height: 40px;padding: 0 16px;border: 1px solid var(--rg-line);border-radius: 6px;background: #fff;color: var(--rg-ink);font-size: 15px;font-weight: 600;white-space: nowrap;text-decoration: none; }
body[class] main .rg-jump a:hover { border-color: var(--rg-ink); }
body[class] main .rg-section { padding-block: 96px;background: #fff;color: var(--rg-ink); }
body[class] main .rg-section + .rg-section { border-top: 1px solid #edf1f5; }
body[class] main .rg-section .rg-head h2,
body[class] main .rg-band h2 { margin: 0;font-family: var(--font-sans);font-size: clamp(26px, 3vw, 40px);font-weight: 750;line-height: 1.32;letter-spacing: -.04em;color: var(--rg-ink); }
body[class] main .rg-section .rg-head p:not(.rg-kicker) { margin: 14px 0 0;color: var(--rg-muted);font-size: 17px;line-height: 1.7; }
body[class] main :is(.rg-section, .rg-band) .rg-kicker { margin: 0 0 12px;color: var(--rg-accent);font-size: 15px;font-weight: 700;letter-spacing: 0; }
body[class] main .rg-head-center { max-width: 720px;margin: 0 auto 40px;text-align: center; }
body[class] main .rg-head-center > * { text-align: inherit; }
body[class] main .rg-head-row { display: flex;align-items: end;justify-content: space-between;gap: 24px;margin-bottom: 36px; }
body[class] main .rg-head-links { display: flex;flex-wrap: wrap;gap: 4px 24px; }
body[class] main .rg-split { display: grid;grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);gap: 56px;align-items: start; }
body[class] main .rg-text-link { display: inline-flex;align-items: center;gap: 8px;min-height: 44px;color: var(--rg-accent);font-size: 16px;font-weight: 600;text-decoration: underline;text-underline-offset: 4px; }
body[class] main .rg-note { margin: 20px 0 0;color: var(--rg-muted);font-size: 14px;line-height: 1.6; }
body[class] main .rg-button { display: flex;align-items: center;justify-content: center;gap: 10px;min-height: 54px;margin-top: 20px;padding: 12px 20px;border-radius: 10px;background: var(--rg-ink);color: #fff;font-size: 16px;font-weight: 700;text-decoration: none; }
body[class] main .rg-button:hover { filter: brightness(1.15); } body[class] main .rg-check-list { display: grid;gap: 10px;margin: 0;padding: 0;border: 0;min-width: 0; }
body[class] main .rg-check-item { position: relative;display: flex;align-items: center;gap: 14px;min-height: 58px;padding: 14px 18px;border: 1px solid var(--rg-line);border-radius: 12px;background: #fff;color: var(--rg-ink);font-size: 16px;font-weight: 500;line-height: 1.5;cursor: pointer;transition: border-color .15s, background .15s; }
body[class] main .rg-check-item input { flex: none;width: 22px;height: 22px;margin: 0;accent-color: var(--rg-ink); }
body[class] main .rg-check-item:hover { border-color: var(--rg-ink); }
body[class] main .rg-check-item:has(input:checked) { border-color: var(--rg-ink);background: var(--rg-soft);font-weight: 650; }
body[class] main .rg-check-result { margin-top: 16px;padding: 22px;border-radius: 12px;background: var(--rg-soft); }
body[class] main .rg-check-empty { margin: 0;color: var(--rg-muted);font-size: 16px; }
body[class] main .rg-advice strong { display: block;color: var(--rg-ink);font-size: 19px;font-weight: 750;line-height: 1.45; }
body[class] main .rg-advice p { margin: 8px 0 0;color: #344653;font-size: 17px;line-height: 1.7; }
body[class] main .rg-advice-urgent { margin: 14px 0 0;padding: 12px 14px;border-radius: 8px;background: #fff4ed;color: #8a3412;font-size: 15px;line-height: 1.6; } body[class] main .rg-table-wrap { max-width: 960px;margin: 0 auto;border: 1px solid var(--rg-line);border-radius: 12px;overflow: hidden; }
body[class] main .rg-table { width: 100%;border-collapse: collapse;table-layout: fixed;font-size: 16px;line-height: 1.6; }
body[class] main .rg-table :is(th, td) { padding: 18px 20px;border-top: 1px solid var(--rg-line);text-align: left;vertical-align: top;word-break: keep-all;overflow-wrap: anywhere; }
body[class] main .rg-table thead th { border-top: 0;background: var(--rg-ink);color: #fff;font-size: 17px;font-weight: 700; }
body[class] main .rg-table thead th:first-child { width: 20%; }
body[class] main .rg-table tbody th { background: #f7f8f9;color: var(--rg-ink);font-weight: 700; }
body[class] main .rg-table td { color: #344653; }
body[class] main .rg-compare-links { display: flex;flex-wrap: wrap;justify-content: center;gap: 4px 28px;margin-top: 22px; }
body[class] main .rg-compare .rg-note { text-align: center; } body[class] main .rg-case-list { display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 16px;margin: 0;padding: 0;list-style: none; }
body[class] main .rg-case { display: flex;flex-direction: column;gap: 10px;height: 100%;padding: 24px;border: 1px solid var(--rg-line);border-radius: 12px;background: #fff;color: var(--rg-ink);text-decoration: none;transition: border-color .15s, box-shadow .15s; }
body[class] main .rg-case:hover { border-color: var(--rg-ink);box-shadow: none; }
body[class] main .rg-case-meta { display: flex;flex-wrap: wrap;gap: 6px; }
body[class] main .rg-case-meta span { padding: 3px 10px;border-radius: 6px;font-size: 14px;font-weight: 650; }
body[class] main .rg-case-type { background: var(--rg-soft);color: var(--rg-ink); }
body[class] main .rg-case-decision { background: #e7f6ee;color: #146c43; }
body[class] main .rg-case strong { font-size: 18px;font-weight: 750;line-height: 1.45; }
body[class] main .rg-case-point { color: var(--rg-muted);font-size: 15px;line-height: 1.6; }
body[class] main .rg-case-more { margin-top: auto;padding-top: 6px;color: var(--rg-accent);font-size: 15px;font-weight: 650; } body[class] main .rg-band { margin: 72px 0;border-radius: 12px;background: var(--rg-ink);color: #fff; }
body[class] main .rg-band-inner { display: flex;align-items: center;justify-content: space-between;gap: 32px;padding: 40px 44px; }
body[class] main .rg-band .rg-kicker { color: #9cc4ec; }
body[class] main .rg-band h2 { color: #fff;font-size: clamp(22px, 2.4vw, 30px); }
body[class] main .rg-band-points { display: flex;flex-wrap: wrap;gap: 6px 20px;margin: 14px 0 0;padding: 0;list-style: none;color: #d4e2f0;font-size: 15px; }
body[class] main .rg-band-points li::before { content: "✓";margin-right: 6px;color: #9cc4ec; }
body[class] main .rg-band-cta { display: inline-flex;flex: none;align-items: center;gap: 10px;min-height: 56px;padding: 0 28px;border-radius: 10px;background: #fff;color: var(--rg-ink);font-size: 17px;font-weight: 750;text-decoration: none; }
body[class] main .rg-band-cta:hover { background: #eef4fa; }
@media (max-width: 992px) {
body[class] main .rg-split { grid-template-columns: 1fr;gap: 28px; }
body[class] main .rg-case-list { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
body[class] main .rg-jump .hm-container { flex-direction: column;align-items: stretch;gap: 10px;padding-block: 14px; }
body[class] main .rg-jump p { font-size: 14px; }
body[class] main .rg-jump ul { margin-inline: calc(-1 * var(--ksl-gutter));padding-inline: var(--ksl-gutter); }
body[class] main .rg-section { padding-block: 56px; }
body[class] main .rg-section .rg-head h2 { font-size: 26px; }
body[class] main .rg-section .rg-head p:not(.rg-kicker) { font-size: 16px; }
body[class] main .rg-head-center { margin-bottom: 24px;text-align: left; }
body[class] main .rg-head-row { flex-direction: column;align-items: start;gap: 8px;margin-bottom: 20px; }
body[class] main .rg-check-item { min-height: 54px;padding: 12px 14px;font-size: 15px; }
body[class] main .rg-check-result { padding: 18px 16px; }
body[class] main .rg-table { font-size: 14px;line-height: 1.55; }
body[class] main .rg-table :is(th, td) { padding: 12px 10px; }
body[class] main .rg-table thead th { font-size: 15px; }
body[class] main .rg-table thead th:first-child { width: 24%; }
body[class] main .rg-compare-links { justify-content: flex-start;flex-direction: column;gap: 0; }
body[class] main .rg-compare .rg-note { text-align: left; }
body[class] main .rg-case { padding: 20px 18px; }
body[class] main .rg-band { margin: 48px 0; }
body[class] main .rg-band-inner { flex-direction: column;align-items: stretch;gap: 22px;padding: 28px 22px; }
body[class] main .rg-band-cta { justify-content: center; } body.ksl-page-index main.hm-home :is(.hm-process-art, .hm-faq-art) { display: none; }
body.ksl-page-index main.hm-home .hm-hero-proof { font-size: 14px; }
}@media (max-width: 768px) {
html body[class] :is(.rr-note, .dg-note, .hj-footnote, .rr-receipt-help, .rr-doc-status, .dg-summary-consent, .privacy-check > span, .cs-privacy p, .hm-stage-footer p, .dg-eyebrow, .rr-advanced > summary, .rr-advanced > p, .kr-point, .kr-reading-note, .fq-note, .fr-topic-status p, .ar-certificate-copy p, .lr-map-fallback p, .sr-intro-note, .contact-main td) { font-size: 14px !important;line-height: 1.65 !important; }
html body[class] :is(.rr-note, .dg-note, .hj-footnote) a { font-size: inherit; } html body[class] main.rr-page .rr-hero > figure:not(.ksl-flow-graphic) { display: none; }
}body[class] .ksl-naver-actions { --na-ink: #102d43;--na-muted: #60717d;--na-line: #d6e0eb;--na-accent: #03c75a;margin: 56px 0;padding: 32px;border: 1px solid var(--na-line);border-radius: 12px;background: #fff;color: var(--na-ink);text-align: left; }
body[class] .ksl-naver-actions .ksl-naver-actions__head h2 { margin: 0;font-family: var(--font-sans);font-size: clamp(20px, 2.2vw, 26px);font-weight: 800;line-height: 1.35;letter-spacing: -0.02em;color: var(--na-ink); }
body[class] .ksl-naver-actions .ksl-naver-actions__head p { margin: 8px 0 0;color: var(--na-muted);font-size: 15px;line-height: 1.6; }
body[class] .ksl-naver-actions .ksl-naver-action { margin-top: 20px;max-width: 420px;display: flex;align-items: center;gap: 14px;height: 100%;min-height: 76px;padding: 16px 18px;border: 1px solid var(--na-line);border-radius: 12px;background: #fff;color: var(--na-ink);text-decoration: none;transition: border-color 120ms, background-color 120ms; }
body[class] .ksl-naver-actions .ksl-naver-action:hover { border-color: var(--na-ink); }
body[class] .ksl-naver-actions .ksl-naver-action__icon { display: inline-flex;flex: none;align-items: center;justify-content: center;width: 44px;height: 44px;border-radius: 50%;background: #fff;color: var(--na-ink); }
body[class] .ksl-naver-actions .ksl-naver-action__icon svg { width: 22px;height: 22px; }
body[class] .ksl-naver-actions .ksl-naver-action__text { display: flex;flex: 1;flex-direction: column;gap: 2px;min-width: 0; }
body[class] .ksl-naver-actions .ksl-naver-action__text strong { color: inherit;font-size: 16px;font-weight: 800;line-height: 1.4; }
body[class] .ksl-naver-actions .ksl-naver-action__text small { color: var(--na-muted);font-size: 14px;line-height: 1.45; }
body[class] .ksl-naver-actions .ksl-naver-action__arrow { flex: none;font-size: 18px;line-height: 1; }
body[class] .ksl-naver-actions .ksl-naver-action--booking { border-color: var(--na-ink);background: var(--na-ink);color: #fff; }
body[class] .ksl-naver-actions .ksl-naver-action--booking:hover { background: #102d43; }
body[class] .ksl-naver-actions .ksl-naver-action--booking .ksl-naver-action__icon { background: var(--na-accent);color: #fff; }
body[class] .ksl-naver-actions .ksl-naver-action--booking .ksl-naver-action__text small { color: #c9d6e4; }
body[class] .ksl-naver-actions.ksl-naver-actions--compact { display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 8px 20px;margin: 20px 0;padding: 14px 0;border: 0;border-block: 1px solid var(--na-line);border-radius: 0;background: #fff; }
body[class] .ksl-naver-actions.ksl-naver-actions--compact .ksl-naver-actions__head h2 { font-size: 18px; }
body[class] .ksl-naver-actions.ksl-naver-actions--compact .ksl-naver-actions__head p { margin-top: 4px;font-size: 14px; }
body[class] .ksl-naver-actions.ksl-naver-actions--compact .ksl-naver-action { margin-top: 0;min-height: 44px;padding: 8px 12px;border: 1px solid var(--na-line);border-radius: 4px;background: #fff;color: var(--na-ink); }
body[class] .ksl-naver-actions.ksl-naver-actions--compact :is(.ksl-naver-action__icon,.ksl-naver-action__text small) { display: none; }
body[class] .ksl-naver-actions .ksl-naver-actions__more { display: flex;flex-wrap: wrap;gap: 4px 20px;margin: 12px 0 0;font-size: 15px; }
body[class] .ksl-naver-actions .ksl-naver-actions__more a { display: inline-flex;align-items: center;min-height: 44px;color: var(--na-muted);text-decoration: underline;text-underline-offset: 4px; }
body[class] .ksl-consult-links { display: flex;flex-wrap: wrap;gap: 8px 24px;padding-block: 24px;border-top: 1px solid var(--chrome-line); }
body[class] .ksl-consult-links a { display: inline-flex;align-items: center;min-height: 44px;color: var(--chrome-muted);text-decoration: underline;text-underline-offset: 4px; }
@media (max-width: 640px) {
body[class] .ksl-naver-actions { margin: 40px 0;padding: 22px 16px; }
body[class] .ksl-naver-actions .ksl-naver-action { min-height: 68px;padding: 14px; }
}body[class] { --header-h: 88px;--chrome-ink: #102d43;--chrome-blue: #2464a0;--chrome-muted: #60717d;--chrome-line: #d9e3ed;--chrome-gutter: var(--ksl-gutter);--chrome-width: calc(var(--ksl-max) + 2 * var(--ksl-gutter));--ksl-admin-offset: 0px; }
body.admin-bar { --ksl-admin-offset: 32px; }
html { scroll-padding-top: calc(var(--header-h, 88px) + 24px); }
body[class] .site-header { position: fixed;inset: var(--ksl-admin-offset) 0 auto;z-index: 10000;height: var(--header-h);background: #fff;border-bottom: 1px solid var(--chrome-line);color: var(--chrome-ink);transition: box-shadow .2s; }
body[class] .site-header.is-scrolled { box-shadow: 0 5px 24px #102d430a; }
body[class] .site-header .header-inner { display: flex;align-items: center;justify-content: space-between;gap: 24px;width: 100%;max-width: var(--chrome-width);height: 100%;margin-inline: auto;padding-inline: var(--chrome-gutter); }
body[class] .site-header .logo-area { display: flex;align-items: center;flex: none;gap: 12px;min-width: 0; }
body[class] .site-header .logo-img { width: auto;height: 40px;max-width: 64px;object-fit: contain; }
body[class] .site-header .logo-text { display: flex;flex-direction: column;gap: 5px;min-width: 0; }
body[class] .site-header .logo-main { color: var(--chrome-ink);font: 800 clamp(21px, 1.9vw, 27px)/1.2 var(--font-sans);letter-spacing: -.055em;white-space: nowrap; }
body[class] .site-header .logo-sub { color: var(--chrome-muted);font: 500 9px/1.2 var(--font-sans);letter-spacing: .18em; }
body[class] .site-header .gnb { display: flex;align-items: center;justify-content: flex-end;gap: clamp(20px, 2.4vw, 36px);height: 100%;min-width: 0; }
body[class] .site-header .nav-list { display: flex;align-items: stretch;gap: clamp(14px, 1.7vw, 28px);height: 100%;margin: 0;padding: 0;list-style: none; }
body[class] .site-header .nav-item { position: relative;display: flex;align-items: center;height: 100%;padding: 0;border: 0; }
body[class] .site-header .nav-link { position: relative;display: inline-flex;align-items: center;justify-content: center;gap: 7px;min-height: 44px;height: 100%;margin: 0;padding: 0 2px;border: 0;border-radius: 0;background: transparent;color: var(--chrome-ink);font: 550 15px/1.4 var(--font-sans);letter-spacing: -.025em;white-space: nowrap;appearance: none;text-decoration: none; }
body[class] .site-header .nav-link::after { content: "";position: absolute;inset: auto 0 -1px;display: block;width: 100%;height: 3px;background: var(--chrome-blue);transform: scaleX(0);transition: transform .18s; }
body[class] .site-header .nav-link:is(:hover, .active, [aria-current=page]) { color: var(--chrome-blue); }
body[class] .site-header .nav-link:is(:hover, .active, [aria-current=page])::after { transform: scaleX(1); }
body[class] .site-header .has-sub > .nav-link::before { content: "";order: 1;width: 6px;height: 6px;margin-top: -3px;border-right: 1.5px solid currentColor;border-bottom: 1.5px solid currentColor;transform: rotate(45deg); }
body[class] .site-header .sub-menu { position: absolute;inset: calc(100% - 6px) auto auto 50%;z-index: 2;min-width: 196px;margin: 0;padding: 8px;border: 1px solid var(--chrome-line);border-radius: 10px;background: #fff;box-shadow: 0 16px 40px #102d4314;list-style: none;visibility: hidden;opacity: 0;transform: translateX(-50%) translateY(6px);transition: opacity .18s, transform .18s; }
body[class] .site-header .nav-item.submenu-open > .sub-menu { visibility: visible;opacity: 1;transform: translateX(-50%) translateY(0); }
body[class] .site-header .sub-menu a { display: flex;align-items: center;min-height: 44px;padding: 10px 13px;border: 0;border-radius: 5px;color: var(--chrome-ink);font: 550 15px/1.4 var(--font-sans);white-space: nowrap; }
body[class] .site-header .sub-menu a:is(:hover, [aria-current=page]) { background: #eef4fa;color: var(--chrome-blue); }
body[class] .site-header .nav-cta { display: inline-flex;align-items: center;justify-content: center;flex: none;gap: 9px;min-height: 48px;padding: 11px 18px;border: 1px solid var(--chrome-ink);border-radius: 6px;background: var(--chrome-ink);color: #fff;font: 650 14px/1.4 var(--font-sans);white-space: nowrap; }
body[class] .site-header .nav-cta:hover { border-color: #2464a0;background: #2464a0; }
body[class] .site-header .nav-cta svg { flex: none;width: 17px;height: 17px; }
body[class] .site-header :is(.menu-toggle, .menu-backdrop) { display: none; }
body[class] .site-header a { transition: color .18s, background-color .18s; }
body[class] .site-footer { padding: 56px 0 30px;border-top: 1px solid var(--chrome-line);background: #fff;color: var(--chrome-ink);font-family: var(--font-sans); }
body[class] .site-footer .footer-inner { display: grid;grid-template-columns: minmax(0, 1fr) minmax(290px, .55fr);gap: 32px 64px;width: 100%;max-width: var(--chrome-width);margin-inline: auto;padding-inline: var(--chrome-gutter); }
body[class] .site-footer .footer-brand { display: inline-block;color: var(--chrome-ink);font-size: 24px;font-weight: 800;line-height: 1.3;letter-spacing: -.05em; }
body[class] .site-footer p { margin: 0; }
body[class] .site-footer .footer-tagline { margin: 10px 0 22px;color: var(--chrome-muted);font-size: 14px; }
body[class] .site-footer .footer-contact { display: grid;gap: 8px;margin: 0;color: var(--chrome-muted);font: normal 14px/1.7 var(--font-sans);word-break: keep-all;overflow-wrap: anywhere; }
body[class] .site-footer .footer-contact p + p { display: flex;flex-wrap: wrap;gap: 4px 18px; }
body[class] .site-footer .footer-registration { display: flex;flex-wrap: wrap;gap: 4px 18px;margin-top: 12px;color: var(--chrome-muted);font-size: 12px;line-height: 1.6; }
body[class] .site-footer .footer-connect { border-left: 1px solid var(--chrome-line);padding-left: 40px; }
body[class] .site-footer .footer-connect-label { display: block;color: var(--chrome-muted);font-size: 13px;font-weight: 600; }
body[class] .site-footer .footer-phone { display: inline-block;margin-top: 6px;color: var(--chrome-ink);font-size: clamp(25px, 2.3vw, 32px);font-weight: 750;line-height: 1.3;letter-spacing: -.035em; }
body[class] .site-footer .footer-hours { margin-top: 7px;color: var(--chrome-muted);font-size: 13px; }
body[class] .site-footer .footer-actions { display: flex;align-items: center;flex-wrap: wrap;gap: 16px 20px;margin-top: 20px; }
body[class] .site-footer .footer-actions a { display: inline-flex;align-items: center;justify-content: center;gap: 12px;min-height: 44px;color: var(--chrome-ink);font-size: 14px;font-weight: 650; }
body[class] .site-footer .footer-actions .footer-consult { padding: 10px 16px;border: 1px solid var(--chrome-ink);border-radius: 6px;background: var(--chrome-ink);color: #fff; }
body[class] .site-footer .footer-consult:hover { border-color: var(--chrome-blue);background: var(--chrome-blue);color: #fff; }
body[class] .site-footer .footer-actions svg { width: 18px;height: 18px; }
body[class] .site-footer a:hover { color: var(--chrome-blue); }
body[class] .site-footer .footer-navigation { grid-column: 1 / -1;display: flex;flex-wrap: wrap;gap: 0 26px;margin-top: 4px;padding: 13px 0;border-block: 1px solid var(--chrome-line); }
body[class] .site-footer .footer-navigation a { display: inline-flex;align-items: center;min-height: 36px;color: var(--chrome-muted);font-size: 13px; }
body[class] .site-footer .footer-bottom { grid-column: 1 / -1;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 14px 24px;margin-top: -12px;color: var(--chrome-muted); }
body[class] .site-footer .footer-bottom small { font-size: 12px;line-height: 1.7; }
body[class] .site-footer .footer-bottom nav { display: flex;flex-wrap: wrap;gap: 24px; }
body[class] .site-footer .footer-bottom nav a { font-size: 12px;line-height: 1.7; }
body[class] .site-footer .footer-notice { grid-column: 1 / -1;margin-top: -18px;color: var(--chrome-muted);font-size: 11px;line-height: 1.8; }
body[class] .fixed-cta-bar { display: none; }
body[class] .desktop-consult-bar { background: var(--chrome-ink);border-top: 1px solid #344653; }
body[class] .desktop-consult-bar .ksl-consult-toggle { max-width: var(--chrome-width);padding-inline: var(--chrome-gutter); }
body[class] .desktop-consult-bar .ksl-consult-toggle-label { color: #dceaf7; }
body[class] .desktop-consult-bar .desktop-consult-inner { padding: 28px;border: 1px solid var(--chrome-line);border-radius: 12px 12px 0 0;background: #fff;color: var(--chrome-ink);box-shadow: 0 -10px 32px #102d4314; }
body[class] .desktop-consult-bar .desktop-consult-title { color: var(--chrome-ink);font: 750 20px/1.4 var(--font-sans); }
body[class] .desktop-consult-bar .desktop-consult-sub { color: var(--chrome-muted); }
body[class] .desktop-consult-bar .desktop-consult-input { border-color: var(--chrome-line);border-radius: 6px;background: #fff;color: var(--chrome-ink); }
body[class] .desktop-consult-bar .desktop-consult-input::placeholder { color: var(--chrome-muted); }
body[class] .desktop-consult-bar .desktop-consult-input:focus { border-color: var(--chrome-blue);box-shadow: 0 0 0 3px #2464a020; }
body[class] .desktop-consult-bar .desktop-consult-submit { border-color: var(--chrome-ink);border-radius: 6px;background: var(--chrome-ink);color: #fff; }
body[class] .desktop-consult-bar :is(.desktop-consult-privacy, .desktop-consult-privacy-link, .desktop-consult-status) { color: var(--chrome-muted); }
body[class] .desktop-consult-bar .desktop-consult-status[data-tone=error] { color: #b42332; }
body[class] .desktop-consult-bar .desktop-consult-status[data-tone=success] { color: #176b4b; }
body[class] .desktop-consult-bar input[type=checkbox] { accent-color: var(--chrome-blue); }
@media (max-width: 1199px) {
body[class] { --header-h: 76px; }
body[class] .site-header .menu-toggle { display: block;position: relative;z-index: 3;flex: none;width: 44px;height: 44px;padding: 0;border: 1px solid var(--chrome-line);border-radius: 8px;background: #fff; }
body[class] .site-header .menu-toggle span { position: absolute;left: 11px;display: block;width: 20px;height: 2px;background: var(--chrome-ink);transition: transform .18s, opacity .18s; }
body[class] .site-header .menu-toggle span:nth-child(1) { top: 14px; }
body[class] .site-header .menu-toggle span:nth-child(2) { top: 21px; }
body[class] .site-header .menu-toggle span:nth-child(3) { top: 28px; }
body[class] .site-header .menu-toggle.active span:nth-child(1) { top: 21px;transform: rotate(45deg); }
body[class] .site-header .menu-toggle.active span:nth-child(2) { opacity: 0; }
body[class] .site-header .menu-toggle.active span:nth-child(3) { top: 21px;transform: rotate(-45deg); }
body[class] .site-header .gnb { position: fixed;inset: calc(var(--header-h) + var(--ksl-admin-offset)) 0 auto auto;z-index: 2;display: flex;flex-direction: column;align-items: stretch;justify-content: flex-start;gap: 0;width: min(100%, 400px);height: calc(100dvh - var(--header-h) - var(--ksl-admin-offset));padding: 28px 24px calc(24px + env(safe-area-inset-bottom, 0px));border: 0;border-left: 1px solid var(--chrome-line);border-radius: 0;background: #fff;overflow-y: auto;overscroll-behavior: contain;visibility: hidden;transform: translateX(100%);transition: transform .2s ease, visibility .2s; }
body[class] .site-header .gnb.open { visibility: visible;transform: translateX(0); }
body[class] .site-header .nav-list { flex: none;flex-direction: column;gap: 0;width: 100%;height: auto;margin-bottom: 28px;overflow: visible; }
body[class] .site-header .nav-item { display: block;width: 100%;height: auto;border-bottom: 1px solid var(--chrome-line); }
body[class] .site-header .nav-link { justify-content: space-between;width: 100%;height: auto;min-height: 60px;padding: 16px 4px;font-size: 18px;font-weight: 650; }
body[class] .site-header .nav-link::after { display: none; }
body[class] .site-header .gnb .sub-menu { position: static;display: none;width: 100%;min-width: 0;margin: 0 0 12px;padding: 5px 8px;border: 0;border-radius: 6px;background: #fff;box-shadow: none;visibility: visible;opacity: 1;transform: none; }
body[class] .site-header .gnb .nav-item.submenu-open > .sub-menu { display: block;transform: none; }
body[class] .site-header .gnb .nav-cta { width: 100%;min-height: 52px;margin-top: auto;font-size: 16px; }
body[class] .site-header .menu-backdrop:not([hidden]) { position: fixed;inset: calc(var(--header-h) + var(--ksl-admin-offset)) 0 0;z-index: 1;display: block;width: 100%;padding: 0;border: 0;background: #102d434d;cursor: default; }
body[class].ksl-menu-open :is(.fixed-cta-bar, .desktop-consult-bar, .wizard-controls) { visibility: hidden; }
}
@media (max-width: 992px) {
body[class] .site-footer .footer-inner { grid-template-columns: minmax(0, 1fr) minmax(240px, .6fr);gap: 28px 32px; }
body[class] .site-footer .footer-connect { padding-left: 28px; }
html body.ksl-has-naver-bar { padding-bottom: var(--ksl-fixed-bottom-h, calc(78px + env(safe-area-inset-bottom, 0px))) !important; }
body[class] .fixed-cta-bar.fixed-cta-bar--naver { position: fixed;inset: auto 0 0;z-index: 9997;display: block;padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));border-top: 1px solid var(--chrome-line);border-radius: 0;background: #fff;box-shadow: 0 -6px 24px #102d430a; }
body[class] .fixed-cta-inner { display: grid;grid-template-columns: 1fr 1.4fr .8fr;gap: 6px;width: 100%;max-width: 620px;min-height: 56px;margin: 0 auto; }
body[class] .fixed-cta-bar .cta-btn { display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 4px;min-width: 0;min-height: 56px;padding: 5px 8px;border: 0;border-radius: 8px;background: #fff;color: var(--chrome-ink);text-decoration: none; }
body[class] .fixed-cta-bar .cta-btn.primary { flex-direction: row;gap: 8px;background: var(--chrome-ink);color: #fff; }
body[class] .fixed-cta-bar .cta-btn:hover { background: #eef4fa; }
body[class] .fixed-cta-bar .cta-btn.primary:hover { background: #2464a0; }
body[class] .fixed-cta-bar .cta-btn svg { flex: none;width: 20px;height: 20px; }
body[class] .fixed-cta-bar .cta-label-main { color: inherit;font-size: 12px;font-weight: 650;line-height: 1.3;white-space: nowrap; }
body[class] .fixed-cta-bar .primary .cta-label-main { font-size: 14px; }
}
@media (max-width: 782px) {
body.admin-bar { --ksl-admin-offset: 46px; }
}
@media (max-width: 640px) {
body[class] { --header-h: 72px; }
body[class] .site-header .header-inner { gap: 12px; }
body[class] .site-header .logo-main { font-size: 23px; }
body[class] .site-header .logo-sub { font-size: 8px;letter-spacing: .12em; }
body[class] .site-header .logo-img { height: 30px;max-width: 40px; }
body[class] .site-footer { padding-block: 36px 24px; }
body[class] .site-footer .footer-inner { grid-template-columns: minmax(0, 1fr);gap: 24px; }
body[class] .site-footer .footer-brand { font-size: 22px; }
body[class] .site-footer .footer-tagline { margin: 7px 0 16px;font-size: 13px; }
body[class] .site-footer .footer-contact { font-size: 13px; }
body[class] .site-footer .footer-registration { font-size: 11px; }
body[class] .site-footer .footer-connect { padding: 22px 0 0;border-left: 0;border-top: 1px solid var(--chrome-line); }
body[class] .site-footer .footer-phone { font-size: 28px; }
body[class] .site-footer .footer-actions { gap: 12px 24px;margin-top: 16px; }
body[class] .site-footer .footer-navigation { gap: 0 22px;margin-top: 0;padding-block: 12px; }
body[class] .site-footer .footer-navigation a { font-size: 12px; }
body[class] .site-footer .footer-bottom { flex-direction: column;align-items: flex-start;gap: 12px;margin-top: 0; }
body[class] .site-footer .footer-bottom nav { order: -1; }
body[class] .site-footer .footer-notice { margin-top: -8px;font-size: 11px; }
}
@media (max-width: 360px) {
body[class] { }
body[class] .site-header .logo-main { font-size: 20px; }
body[class] .site-header .logo-sub { display: none; }
body[class] .site-header .logo-area { gap: 7px; }
body[class] .site-header .logo-img { max-width: 26px;height: 26px; }
body[class] .fixed-cta-bar .primary svg { display: none; }
}
@media (prefers-reduced-motion: reduce) {
body[class] .site-header, body[class] .site-header :is(a, .gnb, .sub-menu, .menu-toggle span, .nav-link::after) { transition: none; }
} @media (min-width: 1200px) {
body:not(.js-enhanced) .site-header .nav-item:is(:hover, :focus-within) > .sub-menu { visibility: visible;opacity: 1;transform: translateX(-50%); }
} body[class] .site-header .nav-actions { display: flex;align-items: center;flex: none;gap: 10px; }
body[class] .site-header .nav-selfcheck { display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 48px;padding: 11px 16px;border: 1px solid var(--chrome-ink);border-radius: 6px;background: #fff;color: var(--chrome-ink);font: 650 14px/1.4 var(--font-sans);white-space: nowrap; }
body[class] .site-header .nav-selfcheck:is(:hover, [aria-current=page]) { border-color: var(--chrome-blue);background: #eef4fa;color: var(--chrome-blue); }
body[class] .site-header .nav-selfcheck svg { flex: none;width: 17px;height: 17px; }
@media (max-width: 1199px) {
body[class] .site-header .gnb .nav-actions { display: grid;grid-template-columns: minmax(0, 1fr);gap: 10px;width: 100%;margin-top: auto; }
body[class] .site-header .gnb .nav-actions :is(.nav-cta, .nav-selfcheck) { width: 100%;min-height: 52px;margin: 0;font-size: 16px; }
}body[class]:not(.ksl-page-index) main .ksl-dark-hero[class] {
background: #102d43;color: #fff;border-color: #ffffff30;
}
body[class]:not(.ksl-page-index) main .ksl-dark-hero[class] :is(h1,h2,h1 span,.ar-eyebrow,.rr-eyebrow,.sr-eyebrow,.case-detail-kicker) { color: #fff; }
body[class]:not(.ksl-page-index) main .ksl-dark-hero[class] :is(p,.ar-breadcrumb,.ar-credentials li,.ar-hero-photo figcaption span,.fq-shortcuts > span,.sr-mode legend) { color: #d5e0e9; }
body[class]:not(.ksl-page-index) main .ksl-dark-hero[class] :is(.ar-text-link,.rr-text-link,.fq-shortcuts a,.corp-purpose-link) { color: #fff; }
body[class]:not(.ksl-page-index) main .ksl-dark-hero[class] :is(.ar-primary,.rr-primary,.sr-primary,.fq-search-submit) { border-color: #fff;background: #fff;color: #102d43; }
body[class]:not(.ksl-page-index) main .ksl-dark-hero[class] :is(.ar-primary,.rr-primary,.sr-primary,.fq-search-submit):hover { border-color: #d5e0e9;background: #d5e0e9;color: #102d43; }
body[class]:not(.ksl-page-index) main .ksl-dark-hero[class] :is(.ar-breadcrumb a,.ar-hero-photo figcaption) { color: #fff;border-color: #ffffff60; } body[class]:not(.ksl-page-index) main .ksl-dark-hero[class]:is(.kr-heading,.cr-page-heading,.lr-heading,.legal-heading,.page-head,.ksl-page-head) { padding: 28px 32px; }
body[class]:not(.ksl-page-index) main .ksl-dark-hero[class].rr-hero { padding: 30px 32px; }
body[class]:not(.ksl-page-index) main .ksl-dark-hero[class].fq-hero { padding-block: 28px; }
body[class]:not(.ksl-page-index) main .ksl-dark-hero[class].sr-intro { padding: 28px 24px; }
body[class]:not(.ksl-page-index) main .ksl-dark-hero[class] .sr-mode label { border-color: #ffffff70;color: #fff; }
body[class]:not(.ksl-page-index) main .ksl-dark-hero[class] .sr-mode label:has(input:checked) { border-color: #fff;background: #fff;color: #102d43; } body[class]:not(.ksl-page-index) main .ksl-dark-hero[class] .ksl-flow-graphic { color: #102d43; }
body[class]:not(.ksl-page-index) main .ksl-dark-hero[class] .ksl-flow-graphic[class] p { color: #60717d; } body[class]:not(.ksl-page-index) main .ksl-dark-hero[class] .corp-purpose-options button { border-color: #ffffff70;background: transparent;color: #fff; }
body[class]:not(.ksl-page-index) main .ksl-dark-hero[class] .corp-purpose-options button[aria-selected=true] { border-color: #fff;background: #fff;color: #102d43; }
body[class]:not(.ksl-page-index) main .ksl-dark-hero[class] .corp-purpose-results { border-color: #ffffff40;background: #ffffff08; }
body[class]:not(.ksl-page-index) main .ksl-dark-hero[class] .case-decision-badge { border-color: #ffffff70;background: transparent;color: #fff; }
body[class]:not(.ksl-page-index) main .ksl-dark-hero[class] .kr-page-badge { border-color: #ffffff70;background: transparent;color: #fff; }
@media (max-width: 640px) {
body[class]:not(.ksl-page-index) main .ksl-dark-hero[class]:is(.kr-heading,.cr-page-heading,.lr-heading,.legal-heading,.page-head,.ksl-page-head,.rr-hero) { padding: 24px 20px; }
body[class]:not(.ksl-page-index) main .ksl-dark-hero[class].sr-intro { padding: 24px 18px; }
body[class]:not(.ksl-page-index) main .ksl-dark-hero[class].fq-hero { padding-block: 24px; }
} body[class] .ksl-site-resources { padding: 40px 0;background: #f6f6f3;border-top: 1px solid #d9e3ed;color: #102d43; }
body[class] .ksl-site-resources__inner { width: 100%;max-width: calc(var(--ksl-max) + 2 * var(--ksl-gutter));margin-inline: auto;padding-inline: var(--ksl-gutter); }
body[class] .ksl-site-resources header p { margin: 0 0 8px;color: #60717d;font-size: 14px; }
body[class] .ksl-site-resources h2 { margin: 0;font: 750 clamp(22px,2.3vw,30px)/1.4 var(--font-sans);letter-spacing: -.035em; }
body[class] .ksl-site-resources__links { display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 16px;margin-top: 24px; }
body[class] .ksl-site-resource { display: flex;align-items: center;gap: 16px;min-width: 0;min-height: 112px;padding: 22px;border: 1px solid #c5d0d9;border-radius: 6px;background: #fff;color: #102d43;transition: background-color 150ms,border-color 150ms; }
body[class] .ksl-site-resource:hover { border-color: #2464a0;background: #f1f5f8; }
body[class] .ksl-site-resource:focus-visible { outline: 3px solid #78adf4;outline-offset: 4px; }
body[class] .ksl-site-resource--primary { border-color: #102d43;background: #102d43;color: #fff; }
body[class] .ksl-site-resource--primary:hover { border-color: #2464a0;background: #2464a0; }
body[class] .ksl-site-resource__icon { flex: none; }
body[class] .ksl-site-resource svg { display: block;width: 26px;height: 26px; }
body[class] .ksl-site-resource strong { display: block;font-size: 19px;font-weight: 700;line-height: 1.5; }
body[class] .ksl-site-resource small { display: block;margin-top: 6px;color: #344653;font-size: 14px;line-height: 1.6;word-break: keep-all; }
body[class] .ksl-site-resource--primary small { color: #d5e0e9; }
body[class] .ksl-site-resource__arrow { flex: none;margin-left: auto;font-size: 23px; }
@media (max-width: 992px) {
body[class] .ksl-site-resources__links { gap: 10px; }
body[class] .ksl-site-resource { flex-wrap: wrap;gap: 10px;padding: 18px; }
body[class] .ksl-site-resource > span:nth-child(2) { flex: 1 1 100%;order: 1; }
}
@media (max-width: 640px) {
body[class] .ksl-site-resources { padding-block: 28px; }
body[class] .ksl-site-resources__links { grid-template-columns: minmax(0,1fr);margin-top: 20px; }
body[class] .ksl-site-resource { flex-wrap: nowrap;gap: 14px;min-height: 96px;padding: 18px; }
body[class] .ksl-site-resource > span:nth-child(2) { flex: 1;order: 0; }
body[class] .ksl-site-resource strong { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
body[class] .ksl-site-resource { transition: none; }
}:root { --ksl-navy: #102d43;--ksl-blue: #2464a0;--ksl-text: #344653;--ksl-muted: #60717d;--ksl-tint: #eef4fa;--ksl-line: #dce3e8;--ksl-max: 1280px;--ksl-gutter: clamp(20px, 4vw, 48px);--ksl-radius-sm: 6px;--ksl-radius-lg: 10px;--ksl-section: 104px;--ksl-control-h: 52px; }
@media (max-width: 768px) { :root { --ksl-section: 64px; } }
:root { --ksl-anchor-offset: 104px;--ksl-state-ink: #102d43;--ksl-state-accent: #2464a0;--ksl-state-error: #a13329;--ksl-state-success: #236344;--ksl-state-line: #ccdceb;--ksl-state-selected: var(--ksl-tint); } :root { --ksl-motion-hero: 600ms;--ksl-motion-section: 420ms;--ksl-motion-panel: 220ms;--ksl-motion-question: 220ms;--ksl-motion-accordion: 260ms;--ksl-motion-progress: 280ms; }
body[class] [hidden] { display: none !important; }
body[class] main[id], body[class] main [id] { scroll-margin-top: var(--ksl-anchor-offset);scroll-margin-bottom: calc(var(--ksl-fixed-bottom-h, 0px) + 24px); }
body[class] :is(main,.site-header,.site-footer,.fixed-cta-bar,.desktop-consult-bar) :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible { outline: 3px solid #78adf4;outline-offset: 4px; }
body[class] main [data-ui-disclosure-panel]:not([hidden]) { display: block !important;max-height: none !important;opacity: 1 !important; }
body[class] [data-ui-tabs] [data-ui-selected=true] { border-color: var(--ksl-state-accent); }
body[class] [data-ui-tabs=navigation] [data-ui-selected=true] { background: var(--ksl-state-selected);color: var(--ksl-state-ink);font-weight: 700; }
body[class] main [aria-invalid=true] { border-color: var(--ksl-state-error) !important; }
body[class] :is(.ksl-field-error,.dg-field-error,.selfcheck-error) { margin: 6px 0 0;color: var(--ksl-state-error);font-size: 14px;line-height: 1.6; } body[class] .ksl-status[data-ui-state=error] { color: var(--ksl-state-error) !important;border-color: #d9aaa4 !important;background: #fff4f2 !important; }
body[class] .ksl-status[data-ui-state=success] { color: var(--ksl-state-success) !important;border-color: #b8d8c7 !important;background: #f2faf5 !important; }
body[class] .ksl-status[data-ui-state=loading] { display: flex;align-items: center;gap: 10px;color: var(--ksl-state-ink) !important;border-color: var(--ksl-state-line) !important;background: var(--ksl-state-selected) !important; }
body[class] .ksl-status[data-ui-state=loading]::before { content: "";flex: none;width: 16px;height: 16px;border: 2px solid currentColor;border-right-color: transparent;border-radius: 50%;animation: kslStatusSpin 800ms linear infinite; }
@keyframes kslStatusSpin { to { transform: rotate(1turn); } }
body[class] .ksl-status:is([data-ui-state=error],[data-ui-state=success],[data-ui-state=loading]) { padding: 12px 14px;border-width: 1px;border-style: solid;border-radius: 4px;overflow-wrap: anywhere;white-space: pre-line; }
body[class] [data-ui-form][aria-busy=true] [type=submit] { cursor: wait;opacity: .7; }
body[class] [data-ui-privacy] { flex-wrap: wrap; }
body[class] [data-ui-privacy] > .ksl-field-error { flex-basis: 100%;grid-column: 1 / -1; }
body[class] [data-ui-selected=true] input[type=checkbox], body[class] [data-ui-form] :is(input[type=checkbox],input[type=radio]) { accent-color: var(--ksl-state-accent); }
body[class] main :is(.sr-option,.rr-quick-options label,.dg-options label,.dg-doc-groups label,.select-card,.cr-category) { transition: background-color var(--ksl-motion,150ms) ease, border-color var(--ksl-motion,150ms) ease, color var(--ksl-motion,150ms) ease; }
body[class] main :is(#questionProgressBar,[data-rr-question-fill],[data-doc-progress-fill],.dg-budget-bar i) { transition: width var(--ksl-motion-progress) ease-out; }
@media (prefers-reduced-motion: reduce) {
[data-ui-tabs] *, [data-ui-disclosure-panel], .ksl-status, .ksl-status::before { animation: none !important;transition: none !important; }
} .ksl-service-guides ul { list-style: none; margin: 1.5rem 0 0; padding: 0; }
.ksl-service-guides li { padding: 1.25rem 0; border-top: 1px solid var(--line, #dce2e6); }
.ksl-service-guides h3 { margin: 0 0 .5rem; font-size: 1.125rem; }
.ksl-service-guides p { margin: 0; line-height: 1.7; } body[class] .ksl-faq-context { display: grid;gap: 8px;padding: 16px;border: 1px solid #b9c6d1;border-left: 3px solid #2464a0;border-radius: 4px;background: #f7f7f5; }
body[class] .ksl-faq-context p { margin: 0;font-size: 13px;color: #60717d; }
body[class] .ksl-faq-context strong { font-size: 15px;line-height: 1.7;overflow-wrap: anywhere; }
body[class] .ksl-faq-context button { width: fit-content;min-height: 44px;padding: 8px 0;border: 0;background: transparent;color: #2464a0;font-size: 14px;text-decoration: underline;text-underline-offset: 4px; } body[class] main h1 { font-size: clamp(30px, 3.2vw, 42px) !important;line-height: 1.36 !important; }
body.ksl-page-index main h1 { font-size: clamp(40px, 4vw, 54px) !important; }
@media (max-width: 768px) {
body[class] main h1 { font-size: 30px !important; }
body.ksl-page-index main h1 { font-size: 32px !important; }
}
@media (max-width: 360px) {
body[class]:not(.ksl-page-index) main h1 { font-size: 28px !important; }
} body:is(.ksl-page-rehab,.ksl-page-pasan,.ksl-page-corp) main.rr-page .rr-layout { grid-template-columns: 200px minmax(0, 1fr);gap: 48px; }
body:is(.ksl-page-rehab,.ksl-page-pasan,.ksl-page-corp) main.rr-page .rr-sidebar { max-height: calc(100dvh - var(--header-h) - 40px);overflow-y: auto;overscroll-behavior: contain;scrollbar-width: thin; }
body:is(.ksl-page-rehab,.ksl-page-pasan,.ksl-page-corp) main.rr-page .rr-sidebar .rr-section-nav { margin-top: 26px;padding-top: 4px; }
body:is(.ksl-page-rehab,.ksl-page-pasan,.ksl-page-corp) main.rr-page .rr-section-nav p { margin: 0 0 6px;color: var(--ksl-muted);font-size: 13px;font-weight: 700;letter-spacing: .02em; }
body:is(.ksl-page-rehab,.ksl-page-pasan,.ksl-page-corp) main.rr-page .rr-sidebar .rr-section-nav a { position: relative;min-height: 40px;padding: 9px 0 9px 14px;border-bottom: 0;color: var(--ksl-text);font-size: 15px;line-height: 1.45; }
body:is(.ksl-page-rehab,.ksl-page-pasan,.ksl-page-corp) main.rr-page .rr-sidebar .rr-section-nav a::before { content: "";position: absolute;left: 0;top: 8px;bottom: 8px;width: 2px;border-radius: 2px;background: var(--ksl-line); }
body:is(.ksl-page-rehab,.ksl-page-pasan,.ksl-page-corp) main.rr-page .rr-sidebar .rr-section-nav a:hover { color: var(--ksl-blue); }
body:is(.ksl-page-rehab,.ksl-page-pasan,.ksl-page-corp) main.rr-page .rr-sidebar .rr-section-nav a[aria-current=location] { color: var(--ksl-navy);font-weight: 700; }
body:is(.ksl-page-rehab,.ksl-page-pasan,.ksl-page-corp) main.rr-page .rr-sidebar .rr-section-nav a[aria-current=location]::before { background: var(--ksl-blue); }
body:is(.ksl-page-rehab,.ksl-page-pasan,.ksl-page-corp) main.rr-page .rr-content > .sv-jump { display: none; }
body:is(.ksl-page-rehab,.ksl-page-pasan,.ksl-page-corp) main.rr-page .rr-content > section:not(.rr-hero):not(#sec-hero) { padding-block: 88px; }
body:is(.ksl-page-rehab,.ksl-page-pasan,.ksl-page-corp) main.rr-page .rr-content > section:not(.rr-hero):not(#sec-hero) + section { border-top: 1px solid var(--ksl-line); }
@media (max-width: 992px) {
body:is(.ksl-page-rehab,.ksl-page-pasan,.ksl-page-corp) main.rr-page .rr-content > .sv-jump { position: sticky;top: calc(var(--header-h) + var(--ksl-admin-offset, 0px));z-index: 5;display: flex;flex-wrap: nowrap;gap: 4px;margin: 0 calc(-1 * var(--ksl-gutter)) 8px;padding: 6px var(--ksl-gutter);overflow-x: auto;border-block: 1px solid var(--ksl-line);background: #fff;scrollbar-width: none; }
body:is(.ksl-page-rehab,.ksl-page-pasan,.ksl-page-corp) main.rr-page .rr-content > .sv-jump::-webkit-scrollbar { display: none; }
body:is(.ksl-page-rehab,.ksl-page-pasan,.ksl-page-corp) main.rr-page .rr-content > .sv-jump a { flex: none;display: inline-flex;align-items: center;min-height: 44px;padding: 0 12px;border-radius: 6px;color: var(--ksl-text);font-size: 15px;white-space: nowrap; }
body:is(.ksl-page-rehab,.ksl-page-pasan,.ksl-page-corp) main.rr-page .rr-content > .sv-jump a[aria-current=location] { background: var(--ksl-tint);color: var(--ksl-navy);font-weight: 700; }
body:is(.ksl-page-rehab,.ksl-page-pasan,.ksl-page-corp) main.rr-page .rr-content > section:not(.rr-hero):not(#sec-hero) { padding-block: 56px; }
}
body:is(.ksl-page-rehab,.ksl-page-pasan,.ksl-page-corp) main.rr-page .rr-actions .rr-hero-booking { margin-top: 0;padding-inline: 4px;font-size: 15px; } body:is(.ksl-page-rehab,.ksl-page-pasan) main.rr-page .rr-hero:has(.ksl-flow-graphic) { grid-template-columns: minmax(0, 1.15fr) minmax(280px, 1fr);align-items: center;gap: 48px; }
body[class] main .ksl-flow-graphic { margin: 0;padding: 28px 28px 24px;border: 1px solid var(--ksl-line);border-radius: var(--ksl-radius-lg);background: #fff; }
body[class] main .ksl-flow-graphic figcaption { margin-bottom: 18px;color: var(--ksl-blue);font-size: 14px;font-weight: 700; }
body[class] main .ksl-flow-graphic ol { position: relative;display: grid;gap: 22px;margin: 0;padding: 0;list-style: none; }
body[class] main .ksl-flow-graphic ol::before { content: "";position: absolute;left: 17px;top: 18px;bottom: 18px;width: 2px;background: var(--ksl-line); }
body[class] main .ksl-flow-graphic li { position: relative;display: grid;grid-template-columns: 36px minmax(0, 1fr);gap: 16px;align-items: start; }
body[class] main .ksl-flow-graphic .ksl-flow-number { display: grid;place-items: center;width: 36px;height: 36px;border: 2px solid var(--ksl-navy);border-radius: 50%;background: #fff;color: var(--ksl-navy);font-size: 15px;font-weight: 800; }
body[class] main .ksl-flow-graphic li:last-child .ksl-flow-number { background: var(--ksl-navy);color: #fff; }
body[class] main .ksl-flow-graphic strong { display: block;color: var(--ksl-navy);font-size: 17px;line-height: 1.5; }
body[class] main .ksl-flow-graphic p { margin: 4px 0 0;color: var(--ksl-muted);font-size: 15px;line-height: 1.65; }
@media (max-width: 1199px) {
body:is(.ksl-page-rehab,.ksl-page-pasan) main.rr-page .rr-hero:has(.ksl-flow-graphic) { grid-template-columns: minmax(0, 1fr);gap: 28px; }
}
@media (max-width: 768px) {
body[class] main .ksl-flow-graphic { padding: 20px 18px; }
body[class] main .ksl-flow-graphic ol { gap: 16px; }
} body[class] main h1 { text-wrap: balance; }
@media (max-width: 768px) {
body:not(.ksl-page-index) main h1 br { display: none; }
}.pl-table-wrap { width: 100%; overflow-x: auto; }
body[class] main .pl-explanation-table { width: 100%; border-collapse: collapse; margin-block: 24px; table-layout: fixed; color: #102d43; font-size: 17px; line-height: 1.7; }
body[class] main .pl-explanation-table caption { padding-bottom: 14px; text-align: left; color: #60717d; font-size: 15px; }
body[class] main .pl-explanation-table :is(th,td) { padding: 20px 24px; vertical-align: top; border-bottom: 1px solid #dce3e8; text-align: left; }
body[class] main .pl-explanation-table thead th { background: #102d43; color: #fff; font-weight: 700; }
body[class] main .pl-explanation-table tbody th { width: 25%; font-weight: 650; background: #f7f8f9; }
body[class] main .pl-explanation-table p { margin: 10px 0 0; font-size: 17px; line-height: 1.7; color: #344653; } @media (min-width: 993px) {
body.ksl-page-index main.hm-home .hm-hero-inner { grid-template-columns: minmax(0,3fr) minmax(0,2fr); gap: 48px; min-height: 620px; padding-top: 132px; padding-bottom: 40px; }
body.ksl-page-index main.hm-home h1 { font-size: clamp(36px,3.4vw,50px) !important; }
body.ksl-page-index main.hm-home h1 span { white-space: nowrap; }
body.ksl-page-index main.hm-home .hm-hero-portrait { width: 100%; max-width: none; }
body.ksl-page-index main.hm-home .hm-hero-portrait img { width: 100%; height: 440px; object-fit: contain; object-position: bottom; }
}
body.ksl-page-index main.hm-home .hm-hero-description { font-size: 18px; max-width: 570px; }
body.ksl-page-index main.hm-home .hm-hero-actions { gap: 24px; }
body.ksl-page-index main.hm-home .hm-hero-actions a { font-size: 18px; }
body.ksl-page-index main.hm-home .hm-trust-item { min-height: 80px; padding-block: 12px; }
body.ksl-page-index main.hm-home .hm-trust-text strong { font-size: 17px; }
body.ksl-page-index main.hm-home .hm-trust-text small { font-size: 13px; }
body.ksl-page-index main.hm-home .hm-trust-icon { width: 36px; height: 36px; } body.ksl-page-about main.ar-page .ar-hero-photo { width: min(100%,375px); justify-self: center; }
body.ksl-page-about main.ar-page .ar-hero-photo-frame { height: 500px; }
body.ksl-page-about main.ar-page .ar-hero-photo img { width: 100%; height: 500px; object-fit: cover; object-position: top; }
body.ksl-page-about main.ar-page .ar-record { padding-block: 64px; }
body.ksl-page-about main.ar-page .pl-career-timeline { margin: 32px 0 0; padding: 0; list-style: none; }
body.ksl-page-about main.ar-page .pl-career-timeline li { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 40px; padding-block: 28px; border-top: 1px solid #dce3e8; }
body.ksl-page-about main.ar-page .pl-career-year { color: #2464a0; font-size: 24px; font-weight: 700; }
body.ksl-page-about main.ar-page .pl-career-timeline li > div { padding-left: 28px; border-left: 2px solid #dce3e8; }
body.ksl-page-about main.ar-page .pl-career-timeline h3 { font-size: 24px; margin-bottom: 10px; }
body.ksl-page-about main.ar-page .pl-career-timeline li > div > p { font-size: 17px; line-height: 1.7; }
body.ksl-page-about main.ar-page .pl-career-timeline .ar-text-link { margin-top: 12px; font-size: 16px; }
body.ksl-page-about main.ar-page .ar-certificate { padding-block: 48px; background: #f8f8f6; }
body.ksl-page-about main.ar-page .ar-certificate-layout { grid-template-columns: 160px minmax(0,1fr); gap: 48px; }
body.ksl-page-about main.ar-page .ar-certificate-visual { padding: 0; background: transparent; }
body.ksl-page-about main.ar-page .ar-certificate-copy h2 { margin: 12px 0 20px; font-size: 30px; }
body.ksl-page-about main.ar-page .ar-certificate-copy dl > div { padding-block: 10px; font-size: 17px; }
body.ksl-page-about main.ar-page .pl-office-section { padding-block: 64px; }
body.ksl-page-about main.ar-page .pl-office-photo { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: 48px; }
body.ksl-page-about main.ar-page .pl-office-photo img { width: 100%; height: 340px; object-fit: cover; object-position: center; border-radius: 6px; }
body.ksl-page-about main.ar-page .pl-office-photo figcaption > strong { display: block; margin-bottom: 12px; font-size: 26px; }
body.ksl-page-about main.ar-page .pl-office-photo figcaption > p { margin-bottom: 20px; font-size: 17px; } body.ksl-page-rehab main.rr-page .rr-sidebar .rr-section-nav { display: none; }
body.ksl-page-rehab main.rr-page .rr-content > .sv-jump { position: sticky; top: calc(var(--header-h) + var(--ksl-admin-offset,0px)); z-index: 5; display: flex; gap: 0; margin-block: 0 24px; padding: 6px 0; background: #fff; border-bottom: 1px solid #dce3e8; }
body.ksl-page-rehab main.rr-page .rr-content > .sv-jump a { flex: 1; justify-content: center; min-height: 48px; padding: 10px; border-bottom: 2px solid transparent; font-size: 17px; }
body.ksl-page-rehab main.rr-page .rr-content > .sv-jump a[aria-current=location] { border-bottom-color: #102d43; background: #eef4fa; font-weight: 700; }
body.ksl-page-rehab main.rr-page .rr-review { display: block; }
body.ksl-page-rehab main.rr-page .pl-condition-reading h2 { margin-bottom: 18px; font-size: 32px; }
body.ksl-page-rehab main.rr-page .rr-review > .rr-advanced { margin-top: 24px; }
body.ksl-page-rehab main.rr-page .rr-process-tabs { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); }
body.ksl-page-rehab main.rr-page .rr-process-tabs button { min-height: 80px; padding-inline: 6px; font-size: 15px; }
body.ksl-page-rehab main.rr-page .rr-process-tabs button[aria-selected=true] { border-bottom: 3px solid #102d43; } body.ksl-page-pasan main.rr-page .rr-hero > .ksl-flow-graphic { display: none; }
body.ksl-page-pasan main.rr-page .rr-hero:has(.ksl-flow-graphic) { display: block; }
body.ksl-page-pasan main.rr-page .pl-pasan-table { margin-bottom: 12px; }
body.ksl-page-pasan main.rr-page .pl-pasan-table th { width: 50%; }
body.ksl-page-pasan main.rr-page .pl-pasan-questions .rr-accordion { display: grid; gap: 0; }
body.ksl-page-pasan main.rr-page .pl-pasan-questions details { padding: 0; border: 0; border-bottom: 1px solid #dce3e8; border-radius: 0; background: #fff; }
body.ksl-page-pasan main.rr-page .pl-pasan-questions summary { min-height: 72px; padding: 22px 12px; background: #fff; font-size: 21px; }
body.ksl-page-pasan main.rr-page .pl-pasan-questions details > div { padding: 22px 24px; background: #eef4fa; }
body.ksl-page-pasan main.rr-page .pl-pasan-questions details > div p + p { margin-top: 12px; } body.ksl-page-corp main.rr-page.corp-selection .corp-purpose-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
body.ksl-page-corp main.rr-page.corp-selection .corp-purpose-options button { min-height: 56px; padding: 12px 10px; font-size: 17px; }
body.ksl-page-corp main.rr-page.corp-selection .corp-purpose-panel { padding: 28px 0 0; background: transparent; }
body.ksl-page-corp main.rr-page.corp-selection .corp-purpose-panel h2 { font-size: 26px; }
body.ksl-page-corp main.rr-page.corp-selection .pl-purpose-materials { margin-top: 20px; padding-block: 20px; border-block: 1px solid #ffffff40; }
body.ksl-page-corp main.rr-page.corp-selection .pl-purpose-materials h3 { color: #fff; font-size: 17px; }
body.ksl-page-corp main.rr-page.corp-selection .pl-purpose-materials ul { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 12px 0 0; padding-left: 20px; color: #d5e0e9; }
body.ksl-page-corp main.rr-page.corp-selection .pl-purpose-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; margin-top: 20px; }
body.ksl-page-corp main.rr-page.corp-selection .pl-purpose-actions .rr-button { min-height: 56px; } body.ksl-page-cases main.kr-page .kr-case-row { display: block; padding-block: 32px; }
body.ksl-page-cases main.kr-page .case-q-title { font-size: 24px; line-height: 1.45; }
html body.ksl-page-cases main.kr-page .kr-point { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-width: 900px; margin-top: 14px; font-size: 17px !important; line-height: 1.7; font-weight: 400; }
body.ksl-page-cases main.kr-page .kr-row-stage { margin-top: 14px; }
body.ksl-page-cases main.kr-page .kr-row-action { display: inline-flex; width: auto; min-height: 44px; gap: 16px; margin-top: 14px; padding: 0; border: 0; } body.ksl-page-faq main.fq-reference .fq-hero { min-height: 220px; padding-block: 24px; }
body.ksl-page-faq main.fq-reference .fq-hero h1 { font-size: 36px !important; }
body.ksl-page-faq main.fq-reference .fq-search { margin-top: 14px; }
body.ksl-page-faq main.fq-reference .fq-shortcuts { margin-top: 12px; }
body.ksl-page-faq main.fq-reference .fq-search-input { min-height: 56px; padding: 8px 16px; }
body.ksl-page-faq main.fq-reference .fq-shortcuts a { min-height: 32px; }
body.ksl-page-faq main.fq-reference .faq-question { min-height: 72px; }
body.ksl-page-faq main.fq-reference .fq-answer-content { width: 100%; max-width: 760px; }
body.ksl-page-faq main.fq-reference .fq-short-answer { font-weight: 400; }
body.ksl-page-faq main.fq-reference .fq-short-answer strong { font-weight: 700; }
body.ksl-page-contact main.cs-reference .cr-page-heading { padding: 8px 0 20px; margin-bottom: 20px; background: #fff; color: #102d43; }
body.ksl-page-contact main.cs-reference .cr-page-heading h1 { font-size: 32px !important; }
body.ksl-page-contact main.cs-reference .cs-tabs.cr-methods { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; margin-bottom: 12px; }
body.ksl-page-contact main.cs-reference .cs-tabs.cr-methods a { display: flex; align-items: center; justify-content: center; height: 56px; min-height: 56px; padding: 10px; border: 0; border-bottom: 2px solid #dce3e8; border-radius: 0; font-size: 17px; }
body.ksl-page-contact main.cs-reference .cs-tabs.cr-methods a[aria-current=page] { border-bottom-color: #102d43; background: #eef4fa; }
body.ksl-page-contact main.cs-reference #contactForm button[type=submit] { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 56px; }
body.ksl-page-selfcheck main.sr-page .sr-workspace { width: 100%; max-width: 760px; margin-inline: auto; }
body.ksl-page-selfcheck main.sr-page .sr-option { min-height: 64px; } body.ksl-page-location main.lr-page .lr-heading { padding: 0 0 16px; background: #fff; color: #102d43; border-bottom: 1px solid #dce3e8; }
body.ksl-page-location main.lr-page .lr-heading h1 { font-size: 32px !important; }
body.ksl-page-location main.lr-page .lr-address { padding-block: 24px; }
body.ksl-page-location main.lr-page .pl-arrival { margin-top: 32px; }
body.ksl-page-location main.lr-page .pl-arrival-route { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; margin: 24px 0 0; padding: 0; list-style: none; }
body.ksl-page-location main.lr-page .pl-arrival-route > li { min-width: 0; }
body.ksl-page-location main.lr-page .pl-route-number { display: grid; place-items: center; width: 32px; height: 32px; margin-bottom: 14px; background: #102d43; color: #fff; border-radius: 50%; font-size: 15px; }
body.ksl-page-location main.lr-page .pl-arrival-route figure { margin: 0; }
body.ksl-page-location main.lr-page .pl-arrival-route figure > a { display: block; position: relative; }
body.ksl-page-location main.lr-page .pl-arrival-route img { display: block; width: 100%; height: 180px; object-fit: cover; border-radius: 5px; }
body.ksl-page-location main.lr-page .pl-wayfinding-note { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; height: 180px; padding: 16px; background: #f5f5f2; color: #102d43; border: 1px solid #dce3e8; border-radius: 5px; text-align: center; }
body.ksl-page-location main.lr-page .pl-wayfinding-note svg { width: 32px; height: 32px; }
body.ksl-page-location main.lr-page .pl-arrival-route figcaption { padding-top: 16px; }
body.ksl-page-location main.lr-page .pl-arrival-route h3 { font-size: 21px; margin-bottom: 8px; }
body.ksl-page-location main.lr-page .pl-arrival-route figcaption > strong { font-size: 16px; }
body.ksl-page-location main.lr-page .pl-arrival-route figcaption p { margin-top: 8px; font-size: 17px; line-height: 1.7; }
@media (max-width: 992px) {
body.ksl-page-location main.lr-page .pl-arrival-route { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 768px) {
body[class] main .pl-explanation-table :is(th,td) { padding: 16px 12px; overflow-wrap: anywhere; }
body.ksl-page-index main.hm-home .hm-trust .hm-container { overflow-x: auto; }
body.ksl-page-index main.hm-home .hm-trust-bar { grid-template-columns: repeat(3,minmax(210px,1fr)); }
body.ksl-page-index main.hm-home .hm-trust-bar > li + li { border-top: 0; border-left: 1px solid #dce3e8; }
body.ksl-page-index main.hm-home .hm-trust-item { min-height: 76px; gap: 8px; padding: 12px; }
body.ksl-page-index main.hm-home .hm-trust-more { display: none; }
body.ksl-page-about main.ar-page .ar-hero-photo { width: 100%; grid-template-columns: 96px minmax(0,1fr); align-items: center; }
body.ksl-page-about main.ar-page .ar-hero-photo-frame, body.ksl-page-about main.ar-page .ar-hero-photo img { height: 128px; }
body.ksl-page-about main.ar-page .pl-career-timeline li { grid-template-columns: 72px minmax(0,1fr); gap: 14px; }
body.ksl-page-about main.ar-page .pl-career-timeline li > div { padding-left: 16px; }
body.ksl-page-about main.ar-page .pl-career-timeline h3 { font-size: 21px; }
body.ksl-page-about main.ar-page .ar-certificate-layout { grid-template-columns: 90px minmax(0,1fr); gap: 20px; }
body.ksl-page-about main.ar-page .ar-certificate-copy h2 { margin-top: 8px; font-size: 23px; }
body.ksl-page-about main.ar-page .ar-certificate-copy dl > div { grid-template-columns: 70px minmax(0,1fr); gap: 8px; }
body.ksl-page-about main.ar-page .ar-certificate-copy dd { padding-left: 0; border: 0; }
body.ksl-page-about main.ar-page .pl-office-photo { grid-template-columns: minmax(0,1fr); gap: 24px; }
body.ksl-page-about main.ar-page .pl-office-photo img { height: 260px; }
body.ksl-page-rehab main.rr-page .rr-process-tabs button { font-size: 13px; }
body.ksl-page-pasan main.rr-page .pl-pasan-questions summary { font-size: 19px; }
body.ksl-page-corp main.rr-page.corp-selection .corp-purpose-options button { padding-inline: 6px; font-size: 15px; }
body.ksl-page-corp main.rr-page.corp-selection .pl-purpose-actions { display: grid; }
body.ksl-page-cases main.kr-page .case-q-title { font-size: 22px; }
body.ksl-page-faq main.fq-reference .fq-hero { min-height: 0; padding-block: 22px; }
body.ksl-page-faq main.fq-reference .fq-hero h1 { font-size: 30px !important; }
body.ksl-page-faq main.fq-reference .fq-shortcuts { display: none; }
body.ksl-page-location main.lr-page .pl-arrival-route { grid-template-columns: minmax(0,1fr); gap: 28px; }
body.ksl-page-location main.lr-page .pl-arrival-route > li { position: relative; padding-left: 48px; }
body.ksl-page-location main.lr-page .pl-arrival-route > li:not(:last-child)::after { content: ''; position: absolute; top: 38px; left: 15px; bottom: -24px; width: 1px; background: #ccd8e3; }
body.ksl-page-location main.lr-page .pl-route-number { position: absolute; top: 0; left: 0; }
body.ksl-page-location main.lr-page .pl-arrival-route img, body.ksl-page-location main.lr-page .pl-wayfinding-note { height: 190px; }
}.mobile-header-consult, .mobile-hero-break, .mobile-portrait-career, .mobile-service-consult { display: none; }
.consult-extra { margin-block: 16px; border-block: 1px solid #dce3e8; }
.consult-extra > summary { min-height: 48px; padding: 12px 0; cursor: pointer; color: #102d43; font-weight: 650; }
.consult-extra > .form-group, .consult-extra > fieldset { margin-block: 12px; }
@media (max-width: 992px) {
body[class] .fixed-cta-inner { grid-template-columns: minmax(0, 35fr) minmax(0, 65fr); gap: 0; }
body[class] .fixed-cta-bar .cta-btn { flex-direction: row; gap: 6px; height: 56px; padding-inline: 6px; }
body[class] .fixed-cta-bar .cta-label-main { font-size: 15px; }
body[class] .fixed-cta-bar .primary .cta-label-main { font-size: 16px; } body[class].ksl-form-editing .fixed-cta-bar { visibility: hidden; pointer-events: none; }
body:is(.ksl-page-rehab, .ksl-page-pasan, .ksl-page-corp) main.rr-page .rr-content > .sv-jump { gap: 0; }
body:is(.ksl-page-rehab, .ksl-page-pasan, .ksl-page-corp) main.rr-page .rr-content > .sv-jump a { flex: 1; justify-content: center; padding-inline: 8px; border-radius: 0; border-bottom: 2px solid transparent; }
body:is(.ksl-page-rehab, .ksl-page-pasan, .ksl-page-corp) main.rr-page .rr-content > .sv-jump a[aria-current=location] { border-bottom-color: #102d43; }
}
@media (max-width: 768px) {
html body[class] { --header-h: 60px; --ksl-gutter: 20px; --ksl-page-gutter: 20px; --chrome-gutter: 20px; --ksl-control-h: 56px; }
body[class] .site-header .header-inner { gap: 8px; }
body[class] .site-header .logo-area { flex: 1; gap: 0; }
body[class] .site-header .logo-img, body[class] .site-header .logo-sub { display: none; }
body[class] .site-header .logo-main { font-size: clamp(14px, 4.4vw, 20px); letter-spacing: -.06em; }
body[class] .site-header .mobile-header-consult { display: inline-flex; flex: none; align-items: center; justify-content: center; min-height: 40px; padding: 8px 10px; border-radius: 6px; background: #102d43; color: #fff; font-size: 13px; font-weight: 650; white-space: nowrap; }
body[class] .site-header .menu-toggle { width: 44px; height: 44px; }
body[class] .site-header .gnb .nav-cta { min-height: 56px; }
body.ksl-page-index main.hm-home .hm-hero-inner { min-height: 0; gap: 14px; padding-top: 80px; padding-bottom: 20px; }
body.ksl-page-index main.hm-home .hm-eyebrow { margin-bottom: 12px; font-size: 12px; line-height: 1.5; }
body.ksl-page-index main.hm-home h1 { font-size: clamp(28px, 8vw, 32px) !important; line-height: 1.32 !important; }
.mobile-hero-break { display: block; }
body.ksl-page-index main.hm-home .hm-hero-description { margin-top: 10px; font-size: 16px; line-height: 1.6; }
body.ksl-page-index main.hm-home .hm-hero-actions { display: grid; gap: 10px; margin-top: 16px; }
body.ksl-page-index main.hm-home .hm-hero-actions > a { display: flex; justify-content: space-between; width: 100%; height: 56px; min-height: 56px; margin: 0; padding: 12px 18px; border: 1px solid #fff; border-radius: 6px; font-size: 17px; line-height: 1.5; }
body.ksl-page-index main.hm-home .hm-hero-actions > a span { font-size: 22px; line-height: 1; }
body.ksl-page-index main.hm-home .hm-hero-portrait { grid-template-columns: 64px minmax(0, 1fr); max-width: none; border-radius: 6px; }
body.ksl-page-index main.hm-home .hm-hero-portrait img { width: 64px; height: 72px; object-fit: cover; object-position: center top; }
body.ksl-page-index main.hm-home .hm-hero-portrait figcaption { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0 8px; padding: 10px 14px; font-size: 17px; line-height: 1.5; }
body.ksl-page-index main.hm-home .hm-hero-portrait figcaption span { font-size: 14px; }
body.ksl-page-index main.hm-home .mobile-portrait-career { display: block; flex-basis: 100%; font-size: 13px; color: #60717d; font-weight: 500; }
html body[class] main :is(p, li, dd) { font-size: 17px !important; line-height: 1.7 !important; }
html body[class] main :is(.hm-hero-description, .rr-lead, .pasan-hero-desc, .corp-hero-desc) { font-size: 16px !important; line-height: 1.6 !important; }
html body[class] main .hm-eyebrow { font-size: 12px !important; line-height: 1.5 !important; }
body.ksl-page-about main.ar-page .ar-wrap { padding-inline: 20px; }
body:is(.ksl-page-rehab, .ksl-page-pasan, .ksl-page-corp) main.rr-page .rr-container { padding-inline: 20px; }
html body[class] main.rr-page .rr-hero > .ksl-flow-graphic { display: none; }
body:is(.ksl-page-rehab, .ksl-page-pasan) main.rr-page .rr-hero:has(.ksl-flow-graphic) { display: block; }
body:is(.ksl-page-rehab, .ksl-page-pasan) main.rr-page .rr-actions { display: grid; gap: 10px; }
body:is(.ksl-page-rehab, .ksl-page-pasan) main.rr-page .rr-actions .rr-hero-booking { display: none; }
body:is(.ksl-page-rehab, .ksl-page-pasan) main.rr-page .rr-actions .mobile-service-consult { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; min-height: 56px; border: 1px solid #fff; border-radius: 6px; color: #fff; font-size: 17px; }
html body[class] main .form-grid-two { grid-template-columns: minmax(0, 1fr); }
html body[class] main form[data-ui-consult] :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]), select, textarea) { font-size: 17px; scroll-margin-block: 100px 24px; }
html body[class] main form[data-ui-consult] button[type=submit] { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; height: 56px; min-height: 56px !important; font-size: 17px; }
html body[class] main :is(.consult-btn, .rr-button.rr-primary, .dg-button, .ar-primary, .ksl-selfcheck-start) { min-height: 56px; }
html body[class] main .ksl-field-error { font-size: 14px; line-height: 1.6; margin-top: 6px; }
html body[class] main .consult-extra > summary { font-size: 16px; }
html body[class] main .hm-faq-answer p + p { margin-top: 12px; }
}
@media (max-width: 360px) {
body[class] .site-header .mobile-header-consult { padding-inline: 8px; font-size: 12px; }
body[class] .fixed-cta-bar .cta-label-main { font-size: 14px; }
body[class] .fixed-cta-bar .primary .cta-label-main { font-size: 15px; }
}:root, html body[class] {
--ksl-max: 1200px; --ksl-layout-max: 1200px; --ksl-reading-max: 760px;
--ksl-form-max: 760px; --ksl-section: 80px; --ksl-section-space: 80px;
--ksl-control-h: 52px; --ksl-action-height: 52px;
--ds-body: 18px; --ds-muted: #526170; --ds-primary: #2464a0;
--ds-section-half: 40px;
}
html body[class] main[class] :is(p,li,dd,td):not(.ksl-a11y-hidden) { font-size: var(--ds-body) !important; line-height: 1.7 !important; }
html body[class] main[class] :is(p,dd,.fq-answer-content,.case-reading-section,.ar-greeting-body) { max-width: var(--ksl-reading-max) !important; }
html body[class] main[class] .pl-explanation-table :is(th,td) { white-space: normal; overflow-wrap: anywhere; word-break: keep-all; }
html body[class] main[class] .pl-explanation-table:not(.pl-pasan-table) thead th:first-child { width: 28%; }
html body[class] main[class] .pl-explanation-table { margin-block: 0; }
html body[class] main[class] .pl-condition-reading > h2 { margin-bottom: 28px; }
html body[class] main[class] .pl-table-wrap + .rr-text-link { margin-top: 28px; }
html body[class] main[class] h1:not(.ksl-a11y-hidden) { font-size: clamp(36px,2.8vw,40px) !important; line-height: 1.35 !important; }
html body.ksl-page-index main.hm-home h1:not(.ksl-a11y-hidden) { font-size: clamp(48px,3.7vw,56px) !important; }
html body[class] main[class] h2 { font-size: clamp(28px,2.25vw,32px) !important; line-height: 1.4; }
html body[class] main[class] :is(h1,h2) + p { margin-top: 16px !important; }
html body[class] main[class] :is(.rr-section-heading,.dg-section-heading,.pasan-card-header,.hm-process-heading,.ar-record-heading,.lr-section-heading) { margin-bottom: 28px !important; }
html body[class] main[class] :is(.hj-footnote,.rr-note,.dg-note,.dg-small,.rr-receipt-help,.rr-doc-status,.kr-reading-note,.fq-note,.fr-topic-status p,.ar-certificate-copy p,.lr-map-fallback p,.sr-intro-note,.sr-question-note,.corp-form-help,.cs-help,.cr-message-guide,.form-optional,.cr-optional,small):not(.ksl-a11y-hidden) {
font-size: 15px !important; line-height: 1.7 !important; color: var(--ds-muted);
}
html body[class] main[class] :is(.hm-trust-text small,.pl-arrival-route figcaption > strong,.case-information-note,.hj-consult-after,.sr-question-hint) { color: var(--ds-muted); }
html body[class] main[class] :is(.ksl-field-error,.ksl-status):not(.ksl-a11y-hidden) { font-size: 15px !important; line-height: 1.7 !important; } html body[class]:not(.ksl-page-index) main .ksl-dark-hero[class] { min-height: 0; background: #fff; color: #102d43; border-color: #dce3e8; box-shadow: none; }
html body[class]:not(.ksl-page-index) main .ksl-dark-hero[class] :is(h1,h2,h3,h1 span,.ar-eyebrow,.rr-eyebrow,.sr-eyebrow,.case-detail-kicker) { color: #102d43; }
html body[class]:not(.ksl-page-index) main .ksl-dark-hero[class] :is(p,li,.ar-breadcrumb,.ar-credentials li,.ar-hero-photo figcaption span,.fq-shortcuts > span,.sr-mode legend) { color: #344653; }
html body[class]:not(.ksl-page-index) main .ksl-dark-hero[class] :is(.ar-text-link,.rr-text-link,.fq-shortcuts a,.corp-purpose-link,.ar-breadcrumb a,.ar-hero-photo figcaption) { color: #2464a0; border-color: #dce3e8; }
html body[class]:not(.ksl-page-index) main .ksl-dark-hero[class] :is(.sr-mode label,.corp-purpose-options button) { color: #102d43; border-color: #b8c6d2; background: #fff; }
html body[class]:not(.ksl-page-index) main .ksl-dark-hero[class] :is(.sr-mode label:has(input:checked),.corp-purpose-options button[aria-selected=true]) { color: #102d43; border-color: #2464a0; background: #eef4fa; }
html body[class]:not(.ksl-page-index) main .ksl-dark-hero[class] .case-decision-badge { color: #102d43; border-color: #c8d4df; background: #f5f7f9; }
html body[class]:not(.ksl-page-index) main .ksl-dark-hero[class]:is(.rr-hero,.kr-heading,.cr-page-heading,.lr-heading,.legal-heading,.page-head,.ksl-page-head,.sr-intro) { padding: 24px 0; }
html body[class]:not(.ksl-page-index) main .ksl-dark-hero[class].rr-hero:has(.ksl-flow-graphic) { display: block; }
html body[class] main.rr-page .rr-hero > .ksl-flow-graphic { display: none; }
html body.ksl-page-faq main.fq-reference .fq-hero.ksl-dark-hero { min-height: 0; padding-block: 16px; }
html body.ksl-page-faq main.fq-reference .fq-search { margin-top: 28px; }
html body.ksl-page-faq main.fq-reference .fq-search-input { min-height: 52px; padding: 5px 14px; }
html body.ksl-page-faq main.fq-reference .fq-search-submit { height: 52px; min-height: 52px; padding: 10px 20px; }
html body.ksl-page-contact main.cs-reference .cr-breadcrumb { padding-block: 12px; }
html body.ksl-page-contact main.cs-reference .cr-page-heading { padding: 0 0 16px; margin-bottom: 28px; }
html body.ksl-page-about main.ar-page .ar-hero-layout { min-height: 0; padding-block: 24px 32px; }
html body.ksl-page-about main.ar-page .ar-process-banner { padding-block: 28px; background: #fff; border-bottom: 1px solid #dce3e8; }
html body.ksl-page-about main.ar-page .ar-process-banner :is(h2,p) { color: #102d43; }
html body.ksl-page-about main.ar-page .ar-process-banner > div > span { display: none; }
html body.ksl-page-index main.hm-home .hm-hero-inner { min-height: 0; padding-top: calc(var(--header-h) + 28px); padding-bottom: 28px; }
html body.ksl-page-index main.hm-home .hm-trust-more { font-size: 0; }
html body.ksl-page-index main.hm-home .hm-trust-text strong { line-height: 1.4; }
@media (min-width: 993px) {
html body.ksl-page-index main.hm-home .hm-hero-portrait img { height: 360px; }
} html body.ksl-page-index main.hm-home > :is(#home-check,#home-compare,#home-cases) { padding-block: var(--ds-section-half); }
html body.ksl-page-about main.ar-page > :is(.ar-record,.ar-certificate,.ar-greeting,.pl-office-section) { padding-block: var(--ds-section-half); background: #fff; }
html body[class] main.rr-page .rr-content > section:not(.rr-hero):not(#sec-consult) { margin-block: 0; padding-block: var(--ds-section-half); }
html body[class] main.rr-page .rr-definition { padding-block: 28px 0; }
html body.ksl-page-contact main.cs-reference .cr-board { margin-top: 80px; }
html body.ksl-page-location main.lr-page :is(.lr-map-section,.lr-transport,.lr-visit) { margin-top: 80px; } html body.ksl-page-corp main.rr-page.corp-selection .corp-purpose-results { margin-top: 28px; padding: 0; border: 0; border-radius: 0; background: #fff; }
html body.ksl-page-corp main.rr-page.corp-selection .pl-purpose-materials { border-color: #dce3e8; }
html body.ksl-page-corp main.rr-page.corp-selection .pl-purpose-materials h3 { color: #102d43; }
html body.ksl-page-corp main.rr-page.corp-selection .pl-purpose-materials ul { color: #344653; }
html body.ksl-page-about main.ar-page .ar-check-list { grid-template-columns: minmax(0,1fr); gap: 0; }
html body.ksl-page-about main.ar-page .ar-check-list li { padding: 24px 0; border: 0; border-top: 1px solid #dce3e8; border-radius: 0; background: #fff; box-shadow: none; }
html body.ksl-page-index main.hm-home :is(.hm-case-feature,.hm-case-issue) { border: 0; border-top: 1px solid #dce3e8; border-radius: 0; background: #fff; box-shadow: none; }
html body.ksl-page-contact main.cs-reference #contactForm { border: 0; border-radius: 0; box-shadow: none; }
html body.ksl-page-contact main.cs-reference .cr-form-heading { padding-inline: 0; background: #fff; border-bottom: 1px solid #dce3e8; }
html body.ksl-page-contact main.cs-reference .cr-form-fields { padding-inline: 0; } html body[class] main[class] :is(#sec-consult,#faq-consult,.lr-visit) { padding: var(--ds-section-half) 28px; background: #102d43 !important; color: #fff; border-color: #102d43; }
html body[class] main[class] :is(#sec-consult,#faq-consult,.lr-visit) :is(h2,h3,p,li,a,small,strong,figcaption,figcaption span):not(:where(form *,.hj-form-wrap *,.rr-consult-body *,.dg-consult-form *,.fr-consult-form *,.ar-consult-body *)) { color: #fff !important; }
html body[class] main[class] :is(.hj-form-wrap,.rr-consult-body,.dg-consult-form,.fr-consult-form,.ar-consult-body) { padding: 28px; border: 0; border-radius: 6px; background: #fff; color: #344653; box-shadow: none; }
html body[class] main[class] :is(.hj-form-wrap,.rr-consult-body,.dg-consult-form,.fr-consult-form,.ar-consult-body) :is(h2,h3,label) { color: #102d43; }
html body[class] main[class] :is(.hj-form-wrap,.rr-consult-body,.dg-consult-form,.fr-consult-form,.ar-consult-body) form { padding: 0; border: 0; background: #fff; box-shadow: none; }
html body.ksl-page-index main.hm-home .hj-consult-grid { padding-inline: 0; }
html body[class] main[class] :is(.hj-consult-grid,.rr-consult,.dg-consult-layout,.fr-consult,.ar-consult) { gap: 28px; }
html body.ksl-page-about main.ar-page .ar-consult-intro { padding: 0; background: transparent; }
html body.ksl-page-faq main.fq-reference .fr-consult-intro { padding: 0; background: transparent; }
html body[class] main[class] #sec-consult .rr-consult-intro { background: transparent !important; border: 0; }
html body[class] main[class] #sec-consult .rr-consult-intro > span { color: #d5e0e9 !important; font-size: 15px; }
html body[class] main[class] #sec-consult > .dg-note { background: transparent !important; border: 0; color: #d5e0e9 !important; }
html body[class] main[class] #sec-consult .dg-consult-intro [data-summary-count] { color: #fff !important; }
html body[class] main[class] #sec-consult .rr-consult-body .rr-summary [data-summary-items] p { color: #344653 !important; }
html body[class] main[class] .lr-visit .lr-button-primary { background: transparent !important; border-color: #fff !important; color: #fff !important; } html body[class] main[class] :is(.rr-primary,.ar-primary,.dg-button,.sr-primary,.fq-search-submit,.lr-button-primary):not(:disabled) { border: 1px solid #102d43; background: #fff; color: #102d43; box-shadow: none; }
html body[class] main[class] :is(.hm-hero-actions > .hm-link,.rr-actions > .mobile-service-consult) { height: 52px; min-height: 52px; }
html body[class] :is(.ksl-consult-primary,.nav-cta,.mobile-header-consult,.footer-consult,.rr-sidebar-consult,.cta-btn.primary,.hm-hero-actions > .hm-primary,main form[data-ui-consult] button[type=submit],main .kr-consult > a,main .pl-purpose-actions > .rr-primary,main .ar-actions > .ar-primary,main .case-consult-link > a) {
display: inline-flex; align-items: center; justify-content: center; gap: 10px;
height: 52px !important; min-height: 52px !important; padding: 10px 20px;
border: 1px solid var(--ds-primary) !important; border-radius: 6px;
background: var(--ds-primary) !important; color: #fff !important;
font-weight: 650; line-height: 1.4; text-decoration: none; box-sizing: border-box;
}
html body[class] :is(.ksl-consult-primary,.nav-cta,.mobile-header-consult,.footer-consult,.rr-sidebar-consult,.cta-btn.primary,.hm-hero-actions > .hm-primary,main form[data-ui-consult] button[type=submit],main .kr-consult > a,main .pl-purpose-actions > .rr-primary,main .ar-actions > .ar-primary,main .case-consult-link > a):hover { background: #1a507f !important; border-color: #1a507f !important; }
html body[class] main form[data-ui-consult] button[type=submit]:disabled { background: #dce3e8 !important; border-color: #dce3e8 !important; color: #526170 !important; }
html body[class] .site-header .nav-selfcheck { min-height: 52px; }
html body[class] .fixed-cta-bar .cta-btn { height: 52px; min-height: 52px; }
html body[class] .fixed-cta-inner { min-height: 52px; }
html body[class] .rr-sidebar-consult { padding-inline: 12px !important; gap: 8px; font-size: 14px; white-space: nowrap; }
@media (min-width: 769px) {
html body[class] main .mobile-service-consult { display: none !important; }
}
@media (min-width: 769px) and (max-width: 1199px) {
html body[class] .site-header .mobile-header-consult { display: inline-flex !important; }
}
@media (min-width: 1200px) {
html body[class] .site-header .mobile-header-consult { display: none !important; }
}
@media (max-width: 768px) {
html body[class] { --ds-body: 17px; --ksl-section: 48px; --ksl-section-space: 48px; --ds-section-half: 24px; }
html body[class] main[class] h1:not(.ksl-a11y-hidden) { font-size: 28px !important; }
html body.ksl-page-index main.hm-home h1:not(.ksl-a11y-hidden) { font-size: clamp(28px,8vw,32px) !important; }
html body[class] main[class] h2 { font-size: 26px !important; }
html body[class] main[class] .hm-eyebrow:not(.ksl-a11y-hidden) { font-size: 12px !important; }
html body[class] main[class] :is(.hm-hero-description,.rr-lead):not(.ksl-a11y-hidden) { font-size: 16px !important; }
html body.ksl-page-index main.hm-home .hm-hero-inner { padding-top: 80px; padding-bottom: 20px; }
html body[class]:not(.ksl-page-index) main .ksl-dark-hero[class]:is(.rr-hero,.kr-heading,.cr-page-heading,.lr-heading,.legal-heading,.sr-intro) { padding: 20px 0; }
html body[class] .site-header .mobile-header-consult { padding-inline: 8px !important; }
html body[class] main[class] :is(#sec-consult,#faq-consult,.lr-visit) { padding: 24px 20px; }
html body[class] main[class] :is(.hj-form-wrap,.rr-consult-body,.dg-consult-form,.fr-consult-form,.ar-consult-body) { padding: 20px; }
html body.ksl-page-contact main.cs-reference .cr-board { margin-top: 48px; }
html body.ksl-page-location main.lr-page :is(.lr-map-section,.lr-transport,.lr-visit) { margin-top: 48px; }
}