@import url('/trilu-design-tokens-v1.css?v=1');
/* Use the approved shared material in both themes; one open branch per level. */
#siteMenu .menu-sheet{background:var(--tl-glass-strong);color:var(--tl-ink);border:1px solid var(--tl-glass-border);box-shadow:var(--tl-shadow);backdrop-filter:blur(var(--tl-blur));-webkit-backdrop-filter:blur(var(--tl-blur))}
#siteMenu .menu-sheet>header{margin-bottom:var(--tl-space-4)}
#siteMenu .menu-sheet h2{margin:0;color:inherit;font-family:var(--tl-font-ui);font-size:var(--tl-text-jp);line-height:1.3}
#siteMenu .menu-close{color:var(--tl-ink);background:var(--tl-paper-soft);border-color:var(--tl-hair);min-width:var(--tl-control-min);min-height:var(--tl-control-min)}
#siteMenu .tl-menu-tree .tl-menu-link{background:none;border:0;box-shadow:none;border-radius:0}
.tl-menu-tree{font-family:var(--tl-font-ui,inherit);min-width:0;width:100%}
.tl-menu-tree .tl-menu-branch{border:0;border-bottom:1px solid var(--tl-hair,currentColor);margin:0;padding:0;background:none;border-radius:0;box-shadow:none}
.tl-menu-tree .tl-menu-branch>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--tl-space-3,12px);min-height:var(--tl-control-min,44px);padding:var(--tl-space-3,12px) var(--tl-space-2,8px);color:inherit;font:inherit;font-weight:650;line-height:1.4;cursor:pointer;list-style:none}
.tl-menu-tree .tl-menu-branch>summary::-webkit-details-marker{display:none}
.tl-menu-tree .tl-menu-children{padding:0 0 var(--tl-space-2,8px) var(--tl-space-3,12px);min-width:0}
.tl-menu-tree .tl-menu-link{display:flex;align-items:center;min-height:var(--tl-control-min,44px);padding:var(--tl-space-2,8px);margin:0;color:inherit;font:inherit;font-weight:450;line-height:1.4;text-decoration:none;white-space:normal;overflow-wrap:anywhere;border-radius:var(--tl-radius-control,12px);box-sizing:border-box}
.tl-menu-tree .tl-menu-overview{color:inherit;font-size:.92em;font-weight:500}
.tl-menu-tree .tl-menu-chevron{display:block;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);flex:none;margin-right:var(--tl-space-2,8px)}
.tl-menu-tree .tl-menu-branch[open]>summary>.tl-menu-chevron{transform:rotate(225deg)}
.tl-menu-tree :is(summary,a):hover{background:var(--tl-wash,transparent)}
.tl-menu-tree :is(summary,a):focus-visible{outline:2px solid var(--tl-focus,currentColor);outline-offset:-2px}
.tl-menu-tree .tl-menu-children .tl-menu-branch{border-bottom:0}
@media(prefers-reduced-motion:reduce){.tl-menu-tree *{scroll-behavior:auto}}

/* The personal disclosure lives after the context spec, outside its replaceable tree. */
.tl-personal-menu{font-family:var(--tl-font-ui,inherit);min-width:0;width:100%;border:0;border-bottom:1px solid var(--tl-hair,currentColor);margin:0;padding:0;background:none;border-radius:0;box-shadow:none}
.tl-personal-menu>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--tl-space-3,12px);min-height:var(--tl-control-min,44px);padding:var(--tl-space-3,12px) var(--tl-space-2,8px);color:inherit;font:inherit;font-weight:650;line-height:1.4;cursor:pointer;list-style:none;box-sizing:border-box}
.tl-personal-menu>summary::-webkit-details-marker{display:none}
.tl-personal-menu>.tl-menu-children{padding:0 0 var(--tl-space-2,8px) var(--tl-space-3,12px);min-width:0}
.tl-personal-menu>.tl-menu-children>.tl-menu-link{display:flex;align-items:center;min-height:var(--tl-control-min,44px);padding:var(--tl-space-2,8px);margin:0;color:inherit;font:inherit;font-weight:450;line-height:1.4;text-decoration:none;white-space:normal;overflow-wrap:anywhere;border-radius:var(--tl-radius-control,12px);box-sizing:border-box;background:none;border:0;box-shadow:none}
.tl-personal-menu>summary>.tl-menu-chevron{display:block;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);flex:none;margin-right:var(--tl-space-2,8px)}
.tl-personal-menu[open]>summary>.tl-menu-chevron{transform:rotate(225deg)}
.tl-personal-menu>summary:hover,.tl-personal-menu>.tl-menu-children>.tl-menu-link:hover{background:var(--tl-wash,transparent)}
.tl-personal-menu>summary:focus-visible,.tl-personal-menu>.tl-menu-children>.tl-menu-link:focus-visible{outline:2px solid var(--tl-focus,currentColor);outline-offset:-2px}
/* These links retain the historical th-link class; override only its drawer-specific important rules. */
#th-drawer .tl-personal-menu>.tl-menu-children>.tl-menu-link{padding:var(--tl-space-2,8px)!important;color:inherit!important;background:none!important}
#th-drawer .tl-personal-menu>.tl-menu-children>.tl-menu-link:hover{color:inherit!important;background:var(--tl-wash,transparent)!important}