@layer bricks {.brxe-logo{color:currentcolor;font-size:20px;font-weight:600;line-height:1}.brxe-logo img{display:block;height:auto;width:auto}.brxe-logo a{color:currentcolor;display:inline-block}}@layer bricks {.brxe-code{width:100%}}@layer bricks {.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}}#brxe-tkcbbp .bricks-site-logo {height: var(--space-xl)}:root { --adh-height: 7.2rem; --adh-blue: #1565C0;  --adh-blue-hover: var(--primary);  --adh-border: var(--border-primary);  --adh-text: var(--text-body);  --adh-text-dark: var(--text-title);  --adh-transition: all 0.22s ease;}.adh { position: sticky; top: 0; z-index: 1000; width: 100%; height: var(--adh-height); background-color: var(--surface-white); border-bottom: 1px solid var(--adh-border); transition: var(--adh-transition);}.adh.is-scrolled { box-shadow: var(--shadow-l);} .adh__inner { max-width: var(--max-screen-width); height: 100%; margin-inline: auto; padding-inline: var(--space-m); display: flex; align-items: center; gap: var(--space-m);}.adh__logo { display: flex; align-items: center; flex-shrink: 0; margin-right: auto; text-decoration: none;} .adh__logo-img { height: 4.8rem; width: auto; max-width: 20rem; object-fit: contain; display: block;}.adh__nav { display: flex; align-items: center; gap: var(--space-4xs);} .adh__nav-link { display: inline-flex; align-items: center; gap: var(--space-4xs); padding: var(--space-2xs) var(--space-xs); font-size: var(--nav-link-size); font-weight: 500; color: var(--adh-text); text-decoration: none; border-radius: var(--radius-s); transition: var(--adh-transition); white-space: nowrap;} .adh__nav-link:hover,.adh__nav-link.is-active { color: var(--adh-blue); background-color: var(--primary-l-6);}.adh__nav-item { position: relative;} .adh__nav-item--dropdown { display: flex; align-items: center;}.adh__chevron { font-size: 1rem; color: var(--adh-text); transition: transform 0.2s ease, color 0.2s ease;} .adh__nav-item--dropdown:hover .adh__chevron { transform: rotate(180deg); color: var(--adh-blue);}.adh__dropdown { position: absolute; top: calc(100% + var(--space-xs)); left: 50%; transform: translateX(-50%) translateY(6px); min-width: 28rem; background-color: var(--bg-surface); border-radius: var(--radius-m); border: 1px solid var(--adh-border); box-shadow: var(--shadow-xl); padding: var(--space-2xs); opacity: 0; pointer-events: none; transition: opacity 0.18s ease, transform 0.18s ease; z-index: 200;} .adh__nav-item--dropdown:hover .adh__dropdown { opacity: 1; pointer-events: auto; transform: translateX(-50%) translateY(0);} .adh__dropdown-item { display: flex; align-items: center; gap: var(--space-s); padding: var(--space-xs) var(--space-s); border-radius: var(--radius-s); text-decoration: none; color: var(--adh-text); transition: var(--adh-transition);} .adh__dropdown-item:hover { background-color: var(--primary-l-6); color: var(--adh-blue);} .adh__dropdown-icon { width: 4rem; height: 4rem; min-width: 4rem; background-color: var(--primary-l-6); border-radius: var(--radius-s); display: flex; align-items: center; justify-content: center; font-size: var(--text-m); color: var(--adh-blue); transition: var(--adh-transition);} .adh__dropdown-item:hover .adh__dropdown-icon { background-color: var(--adh-blue); color: #fff;} .adh__dropdown-title { display: block; font-size: var(--text-s); font-weight: 600; color: var(--adh-text-dark); margin-bottom: 0.2rem; transition: color 0.2s ease;} .adh__dropdown-item:hover .adh__dropdown-title { color: var(--adh-blue);} .adh__dropdown-desc { display: block; font-size: var(--text-2xs); color: var(--adh-text); line-height: 1.5;} .adh__dropdown-divider { height: 1px; background-color: var(--adh-border); margin: var(--space-2xs) var(--space-xs);} .adh__dropdown-item--all { font-size: var(--text-s); font-weight: 600; color: var(--adh-blue); justify-content: center; gap: var(--space-xs);} .adh__dropdown-item--all:hover { background-color: var(--primary-l-6);}.adh__actions { display: flex; align-items: center; gap: var(--space-xs); flex-shrink: 0;}.adh__portal-btn { display: inline-flex; align-items: center; gap: var(--space-3xs); padding: var(--space-2xs) var(--space-s); font-size: var(--text-s); font-weight: 600; color: var(--adh-text-dark); text-decoration: none; border: 1px solid var(--adh-border); border-radius: var(--radius-m); transition: var(--adh-transition); white-space: nowrap;} .adh__portal-btn:hover { color: var(--adh-blue); border-color: var(--adh-blue); background-color: var(--primary-l-6);} .adh__portal-icon { font-size: var(--text-xs); color: var(--adh-text); transition: color 0.2s ease;} .adh__portal-btn:hover .adh__portal-icon { color: var(--adh-blue);}.adh__portal-dot { display: inline-block; width: 0.65rem; height: 0.65rem; background-color: #22C55E; border-radius: var(--radius-full); flex-shrink: 0; animation: adh-pulse 2.5s ease-in-out infinite;}@keyframes adh-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.4; transform: scale(0.65); }}.adh__book-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-3xs); padding: var(--space-xs) var(--space-s); font-size: var(--text-s); font-weight: 700; color: #ffffff; text-decoration: none; background-color: var(--adh-blue); border: 1px solid var(--adh-blue); border-radius: var(--radius-m); box-shadow: var(--shadow-m); white-space: nowrap; transition: var(--adh-transition);} .adh__book-btn:hover { background-color: var(--adh-blue-hover); border-color: var(--adh-blue-hover); transform: translateY(-0.2rem); box-shadow: 0 8px 24px rgba(21, 101, 192, 0.3); color: #fff;}.adh__toggle { display: none; align-items: center; justify-content: center; width: 4rem; height: 4rem; padding: 0; background: transparent; border: 1px solid var(--adh-border); border-radius: var(--radius-s); cursor: pointer; flex-shrink: 0; color: var(--adh-text-dark); font-size: var(--text-m); transition: var(--adh-transition);} .adh__toggle:hover { background-color: var(--dark-5); border-color: var(--dark-30);} .adh__toggle-icon { pointer-events: none; }.adh__toggle-icon--close { display: none; }.adh.nav-open .adh__toggle-icon--open { display: none; } .adh.nav-open .adh__toggle-icon--close { display: inline; }.adh__drawer { position: fixed; inset-block-start: var(--adh-height); inset-inline: 0; z-index: 999; background-color: var(--surface-white); border-top: 1px solid var(--adh-border); box-shadow: var(--shadow-xl); padding: var(--space-s) var(--space-m) var(--space-xl); max-height: calc(100dvh - var(--adh-height)); overflow-y: auto; display: none; opacity: 0; transform: translateY(-0.8rem); pointer-events: none; transition: opacity 0.22s ease, transform 0.22s ease;} .adh__drawer.is-open { opacity: 1; transform: translateY(0); pointer-events: auto;} .adh__drawer-inner { display: flex; flex-direction: column;} .adh__drawer-label { font-size: var(--text-2xs); font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--adh-text); padding-bottom: var(--space-xs); margin-bottom: var(--space-2xs); border-bottom: 1px solid var(--adh-border);} .adh__drawer-link { display: flex; align-items: center; gap: var(--space-xs); padding: var(--space-xs) var(--space-2xs); font-size: var(--text-s); font-weight: 500; color: var(--adh-text-dark); text-decoration: none; border-radius: var(--radius-s); transition: var(--adh-transition);} .adh__drawer-link i { width: 1.6rem; text-align: center; color: var(--adh-blue); font-size: var(--text-xs);} .adh__drawer-link:hover { background-color: var(--primary-l-6); color: var(--adh-blue);} .adh__drawer-link--sub { padding-left: var(--space-l); font-size: var(--text-xs); color: var(--adh-text);} .adh__drawer-actions { display: flex; flex-direction: column; gap: var(--space-xs); margin-top: var(--space-m); padding-top: var(--space-m); border-top: 1px solid var(--adh-border);} .adh__drawer-portal { display: flex; align-items: center; justify-content: center; gap: var(--space-xs); padding: var(--space-xs) var(--space-s); font-size: var(--text-s); font-weight: 600; color: var(--adh-text-dark); text-decoration: none; border: 1px solid var(--adh-border); border-radius: var(--radius-m); transition: var(--adh-transition);} .adh__drawer-portal:hover { border-color: var(--adh-blue); color: var(--adh-blue); background-color: var(--primary-l-6);} .adh__drawer-book { display: flex; align-items: center; justify-content: center; gap: var(--space-xs); padding: var(--space-s) var(--space-m); font-size: var(--text-m); font-weight: 700; color: #fff; text-decoration: none; background-color: var(--adh-blue); border: 1px solid var(--adh-blue); border-radius: var(--radius-m); box-shadow: var(--shadow-m); transition: var(--adh-transition);} .adh__drawer-book:hover { background-color: var(--adh-blue-hover); border-color: var(--adh-blue-hover); color: #fff;}@media (max-width: 1200px) { .adh__logo-sub { display: none; }}@media (max-width: 992px) { .adh__nav, .adh__actions { display: none; } .adh__toggle { display: flex; } .adh__drawer { display: block; }}.adh__nav-link,.adh__book-btn,.adh__portal-btn { color: revert !important;} .adh__nav-link { color: var(--text-body) !important; } .adh__book-btn { color: #ffffff !important; } .adh__portal-btn { color: var(--text-title) !important; }.adh__inner { justify-content: space-between !important;} .adh__logo { margin-right: 0 !important;}.adh { justify-content: unset; } .adh__inner { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: var(--space-m) !important;} .adh__logo { flex-shrink: 0 !important; } .adh__nav { display: flex !important; align-items: center !important; flex: 1 !important; justify-content: center !important;} .adh__actions { display: flex !important; align-items: center !important; flex-shrink: 0 !important;} .adh__nav-link,.adh__nav-link * { color: var(--text-body) !important; } .adh__book-btn,.adh__book-btn * { color: #ffffff !important; background-color: #1565C0 !important;} .adh__portal-btn,.adh__portal-btn * { color: var(--text-title) !important;}.adh__toggle-icon--close { display: none !important; } .adh.nav-open .adh__toggle-icon--open { display: none !important; } .adh.nav-open .adh__toggle-icon--close { display: inline-block !important; }@media (max-width: 992px) { .adh__nav { display: none !important; } .adh__actions { display: none !important; }}```