/* Shared navigation for all tonchi tools. Keep this file independent from page-specific CSS. */
.tm-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #e7edf4;box-shadow:0 1px 0 rgba(15,23,42,.03)}
.tm-header-row{position:relative;min-height:72px;display:flex;align-items:center;gap:20px}
.tm-brand{display:inline-flex;align-items:center;gap:10px;color:#17324d;text-decoration:none;font-weight:900;white-space:nowrap;flex:0 0 auto}
.tm-brand-icon{width:34px;height:34px;color:#2f80ed;display:grid;place-items:center}.tm-brand-icon svg{display:block;width:100%;height:100%}.tm-brand-text{font-size:17px;letter-spacing:-.02em}
.tm-desktop-nav{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}
.tm-desktop-nav a{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-decoration:none;color:#334155;background:#fff;border:1px solid #dbe4ee;border-radius:999px;padding:8px 12px;font-size:12px;line-height:1;font-weight:800;transition:.15s ease}
.tm-desktop-nav a:hover{border-color:#a9c5eb;color:#1d4ed8;background:#f8fbff}.tm-desktop-nav a.is-active{color:#1d4ed8;background:#eaf2ff;border-color:#bad2f6}.tm-desktop-nav .tm-tools-link{color:#17324d;border-color:#cfd9e5}
.tm-menu-button{margin-left:auto;display:none;align-items:center;gap:5px;border:1px solid #d6e0eb;background:#fff;color:#17324d;border-radius:12px;padding:9px 11px;font:inherit;font-size:13px;font-weight:900;cursor:pointer}.tm-menu-button svg{width:17px;height:17px;transition:transform .18s}.tm-menu-button[aria-expanded="true"] svg{transform:rotate(180deg)}
.tm-mobile-menu{position:absolute;right:0;top:calc(100% + 8px);width:min(280px,calc(100vw - 28px));background:#fff;border:1px solid #dbe4ee;border-radius:16px;padding:7px;box-shadow:0 16px 40px rgba(15,23,42,.16)}
.tm-mobile-menu[hidden]{display:none!important}.tm-mobile-menu a{display:flex;align-items:center;width:100%;text-decoration:none;color:#25364a;font-size:14px;font-weight:800;padding:12px 13px;border-radius:10px}.tm-mobile-menu a:hover,.tm-mobile-menu a:focus-visible{background:#f3f7fc;outline:none}.tm-mobile-menu a.is-active{background:#eaf2ff;color:#1d4ed8}.tm-mobile-menu .tm-tools-mobile{margin-top:5px;border-top:1px solid #edf1f5;border-radius:0 0 10px 10px;color:#17324d}
@media(max-width:900px){.tm-header-row{min-height:64px}.tm-desktop-nav{display:none}.tm-menu-button{display:inline-flex}.tm-brand-text{font-size:15px}.tm-brand-icon{width:31px;height:31px}}
@media(max-width:420px){.tm-header-row{gap:10px}.tm-brand{gap:7px}.tm-brand-text{font-size:14px}.tm-menu-button{padding:8px 10px;font-size:12px}.tm-mobile-menu{right:0}}