html,
body {margin: 0;padding: 0;}*,
*::before,
*::after {box-sizing: border-box;}.t-Header-branding,
.t-Header-nav,
.t-Footer .t-Footer-body {display: none !important;}body.t-PageBody {padding-top: 0 !important;}.khala-header {width: 100%;background: #fdfaf4;border-bottom: 1px solid #f0e4d4;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);position: sticky;top: 0;z-index: 9999;}.header-inner {width: 100%;max-width: 1240px;min-height: 72px;margin: 0 auto;padding: 10px 24px;display: flex;align-items: center;gap: 26px;}.logo-box {display: flex;align-items: center;justify-content: center;flex: 0 0 auto;text-decoration: none;}.logo {display: block;width: auto;height: 48px;object-fit: contain;}.nav-menu {flex: 1 1 auto;display: flex;align-items: center;justify-content: center;gap: 26px;min-width: 0;}.nav-item {display: inline-flex;align-items: center;justify-content: center;color: #003c35;text-decoration: none;font-size: 15px;font-weight: 700;line-height: 1.2;white-space: nowrap;background: transparent;border: 0;padding: 10px 0;cursor: pointer;font-family: inherit;transition:
color 0.2s ease,
background-color 0.2s ease;}.nav-item:hover,
.nav-item:focus-visible {color: #f2a900;}.nav-dropdown {position: relative;display: flex;align-items: center;}.nav-dropdown-button {gap: 5px;}.nav-arrow {display: inline-block;font-size: 14px;line-height: 1;transition: transform 0.2s ease;}.nav-dropdown.is-open .nav-arrow {transform: rotate(180deg);}.dropdown-menu {display: none;position: absolute;top: calc(100% + 4px);left: 50%;transform: translateX(-50%);min-width: 220px;padding: 8px;background: #fffdf7;border: 1px solid #e8e0cf;border-radius: 12px;box-shadow:
0 12px 30px rgba(0, 0, 0, 0.12);z-index: 10000;}.dropdown-menu::before {content: "";position: absolute;height: 10px;top: -10px;left: 0;right: 0;}@media (min-width: 769px) {.nav-dropdown:hover .dropdown-menu,
.nav-dropdown:focus-within .dropdown-menu,
.nav-dropdown.is-open .dropdown-menu {display: block;}}.dropdown-menu a {display: block;padding: 11px 14px;border-radius: 8px;color: #003c35;text-decoration: none;font-size: 14px;font-weight: 650;white-space: nowrap;transition:
background-color 0.15s ease,
color 0.15s ease;}.dropdown-menu a:hover,
.dropdown-menu a:focus-visible {background: #eef7f1;color: #f2a900;}.user-box {flex: 0 0 auto;display: flex;align-items: center;gap: 8px;}.user-icon {width: 22px;height: 22px;border-radius: 50%;background: #eee;}.username {color: #204c3b;font-size: 14px;font-weight: 600;white-space: nowrap;}.khala-menu-toggle {display: none;width: 44px;height: 44px;padding: 10px;border: 1px solid #d6c9b6;border-radius: 10px;background: #fffdf7;cursor: pointer;}.khala-menu-toggle span {display: block;width: 100%;height: 2px;margin: 5px 0;border-radius: 999px;background: #005b47;transition:
transform 0.2s ease,
opacity 0.2s ease;}body.khala-menu-open .khala-menu-toggle span:nth-child(1) {transform: translateY(7px) rotate(45deg);}body.khala-menu-open .khala-menu-toggle span:nth-child(2) {opacity: 0;}body.khala-menu-open .khala-menu-toggle span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}@media (max-width: 768px) {.khala-header {position: sticky;top: 0;}.header-inner {position: relative;min-height: 64px;padding: 8px 16px;justify-content: space-between;}.khala-menu-toggle {display: block;order: 1;}.logo-box {order: 2;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}.logo {height: 42px;}.user-box {order: 3;width: 44px;justify-content: flex-end;}.username,
.user-icon {display: none;}.nav-menu {display: none;position: absolute;top: 100%;left: 0;right: 0;width: 100%;max-height: calc(100vh - 64px);overflow-y: auto;padding: 12px 16px 18px;background: #fffaf2;border-top: 1px solid #eadfce;box-shadow:
0 14px 30px rgba(0, 0, 0, 0.12);flex-direction: column;align-items: stretch;gap: 2px;}body.khala-menu-open .nav-menu {display: flex;}.nav-item {width: 100%;justify-content: flex-start;padding: 13px 10px;font-size: 15px;border-radius: 8px;}.nav-item:hover {background: #eef7f1;}.nav-dropdown {width: 100%;display: block;}.nav-dropdown-button {justify-content: space-between;}.dropdown-menu {display: none;position: static;transform: none;width: 100%;min-width: 0;margin: 0;padding: 3px 0 6px 14px;background: transparent;border: 0;border-radius: 0;box-shadow: none;}.nav-dropdown.is-open .dropdown-menu {display: block;}.dropdown-menu::before {display: none;}.dropdown-menu a {padding: 11px 12px;font-size: 14px;}}.khala-footer {width: 100%;margin-top: 60px;padding: 24px 0;background: #2b5c46;border-top: 1px solid #204c3b;color: #fff;font-size: 14px;}.footer-inner {max-width: 1200px;margin: 0 auto;padding: 0 24px;display: flex;justify-content: space-between;align-items: center;gap: 20px;}.footer-left .logo-text {color: #d5a23c;font-size: 20px;font-weight: 700;}.footer-links a {margin-left: 20px;color: #fff;text-decoration: none;}.footer-links a:hover {color: #d5a23c;}@media (max-width: 768px) {.footer-inner {flex-direction: column;text-align: center;gap: 10px;}.footer-links a {display: inline-block;margin: 5px 8px;}}@media screen and (max-width: 768px) {  body .khala-header {width: 100% !important;height: 64px !important;min-height: 64px !important;position: sticky !important;top: 0 !important;background: #fdfaf4 !important;border-bottom: 1px solid #f0e4d4 !important;overflow: visible !important;z-index: 9999 !important;}  body .khala-header .header-inner {position: relative !important;width: 100% !important;max-width: none !important;height: 64px !important;min-height: 64px !important;margin: 0 !important;padding: 0 14px !important;display: flex !important;align-items: center !important;justify-content: space-between !important;flex-direction: row !important;gap: 0 !important;}body .khala-header .khala-menu-toggle {display: flex !important;position: relative !important;width: 42px !important;height: 42px !important;flex: 0 0 42px !important;padding: 9px !important;align-items: center !important;justify-content: center !important;flex-direction: column !important;border: 1px solid #006e5b !important;border-radius: 8px !important;background: #fffdf7 !important;z-index: 10002 !important;}body .khala-header .khala-menu-toggle span {display: block !important;width: 21px !important;height: 2px !important;margin: 2.5px 0 !important;background: #005b47 !important;border-radius: 999px !important;}body .khala-header .logo-box {position: absolute !important;left: 50% !important;top: 50% !important;transform: translate(-50%, -50%) !important;width: auto !important;height: 48px !important;margin: 0 !important;padding: 0 !important;display: flex !important;align-items: center !important;justify-content: center !important;z-index: 10001 !important;}body .khala-header .logo-box .logo {display: block !important;width: auto !important;max-width: 115px !important;height: 42px !important;max-height: 42px !important;margin: 0 !important;padding: 0 !important;object-fit: contain !important;}body .khala-header .user-box {width: 42px !important;height: 42px !important;flex: 0 0 42px !important;margin-left: auto !important;display: flex !important;align-items: center !important;justify-content: flex-end !important;}body .khala-header .user-icon,
body .khala-header .username {display: none !important;}body .khala-header #khalaMainMenu,
body .khala-header .nav-menu {display: none !important;position: absolute !important;top: 64px !important;left: 0 !important;right: 0 !important;width: 100% !important;height: auto !important;max-height: calc(100vh - 64px) !important;overflow-y: auto !important;margin: 0 !important;padding: 12px 16px 18px !important;background: #fffaf2 !important;border-top: 1px solid #eadfce !important;box-shadow:
0 15px 30px rgba(0, 0, 0, 0.12) !important;flex-direction: column !important;align-items: stretch !important;justify-content: flex-start !important;gap: 2px !important;z-index: 10000 !important;}  body.khala-menu-open .khala-header #khalaMainMenu,
body.khala-menu-open .khala-header .nav-menu {display: flex !important;}body .khala-header .nav-menu > .nav-item {display: flex !important;width: 100% !important;padding: 13px 10px !important;align-items: center !important;justify-content: flex-start !important;color: #005b47 !important;font-size: 15px !important;font-weight: 700 !important;line-height: 1.3 !important;text-decoration: none !important;white-space: normal !important;border: 0 !important;background: transparent !important;}body .khala-header .nav-dropdown {display: block !important;position: relative !important;width: 100% !important;margin: 0 !important;}body .khala-header .nav-dropdown-button {display: flex !important;width: 100% !important;padding: 13px 10px !important;align-items: center !important;justify-content: space-between !important;color: #005b47 !important;font-size: 15px !important;font-weight: 700 !important;background: transparent !important;border: 0 !important;cursor: pointer !important;}  body .khala-header .dropdown-menu {display: none !important;position: static !important;width: 100% !important;min-width: 0 !important;transform: none !important;margin: 0 !important;padding: 2px 0 5px 15px !important;background: transparent !important;border: 0 !important;border-radius: 0 !important;box-shadow: none !important;}  body .khala-header .nav-dropdown.is-open > .dropdown-menu {display: block !important;}body .khala-header .dropdown-menu a {display: block !important;width: 100% !important;padding: 11px 12px !important;color: #005b47 !important;font-size: 14px !important;font-weight: 600 !important;line-height: 1.35 !important;text-decoration: none !important;white-space: normal !important;}body .khala-header .dropdown-menu::before {display: none !important;}}.khala-header {width: 100%;background-color: #fdfaf4;border-bottom: 1px solid #f0e4d4;box-shadow: 0 2px 4px rgba(0,0,0,0.05);position: sticky;top: 0;z-index: 999;}.header-inner {max-width: 1280px;margin: 0 auto;display: grid;grid-template-columns: 220px 1fr;align-items: center;column-gap: 28px;padding: 14px 24px;}.logo-box {display: flex;align-items: center;justify-content: flex-start;text-decoration: none;}.logo {display: block;height: 68px;width: auto;object-fit: contain;}.nav-menu {display: flex;align-items: center;justify-content: flex-start;gap: 26px;flex-wrap: nowrap;}.nav-item {color: #204c3b;font-weight: 600;text-decoration: none;font-size: 16px;line-height: 1.2;transition: color .25s ease;background: transparent;border: 0;cursor: pointer;padding: 0;}.nav-item:hover {color: #d5a23c;}.nav-dropdown {position: relative;}.nav-dropdown-button::after {content: " ▾";font-size: 12px;}.dropdown-menu {display: none;position: absolute;top: calc(100% + 12px);left: 0;min-width: 220px;background: #fffdf7;border: 1px solid #e8e0cf;border-radius: 14px;box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);padding: 10px 0;z-index: 9999;}.dropdown-menu a {display: block;padding: 12px 18px;color: #003c35;text-decoration: none;font-weight: 600;white-space: nowrap;}.dropdown-menu a:hover {background: #eef7f1;color: #d5a23c;}@media (min-width: 769px) {.nav-dropdown:hover .dropdown-menu {display: block;}.khala-menu-toggle {display: none !important;}}