/* Mobile menu follows the approved white, text-first mockup. */
.tooli2026_mobile_menu_head,.tooli2026_mobile_menu_foot,.tooli2026_mobile_menu_label,.tooli2026_menu_backdrop{display:none}
.tooli2026_mobile_menu_items{display:contents}
@media(max-width:760px){
.tooli2026_menu_backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:179;background:#222b4170;backdrop-filter:blur(2px)}
.tooli2026_site #tooli2026_navigation{--mobile-menu-bg:#fff;display:none;position:fixed;inset:0 0 0 auto;z-index:180;width:min(calc(100vw - 26px),390px);height:100dvh;max-height:100dvh;margin:0;padding:0;overflow:hidden;gap:0;border:0;border-left:1px solid var(--tooli2026_border);border-radius:20px 0 0 20px;background:var(--mobile-menu-bg);box-shadow:-6px 0 32px #25304724;align-items:stretch;flex-direction:column;flex-wrap:nowrap;color:var(--tooli2026_ink)}
html[data-th-theme=dark] .tooli2026_site #tooli2026_navigation{--mobile-menu-bg:var(--tooli2026_surface)}
.tooli2026_site #tooli2026_navigation.tooli2026_menu_open{display:flex}
.tooli2026_mobile_menu_head{display:block;flex:none;padding:max(24px,env(safe-area-inset-top)) 22px 19px;background:var(--mobile-menu-bg);border-bottom:1px solid var(--tooli2026_border)}
.tooli2026_mobile_menu_heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tooli2026_site #tooli2026_navigation .tooli2026_mobile_menu_brand{font:26px/1.2 var(--tooli2026_ui);letter-spacing:-1px;color:var(--tooli2026_ink);text-decoration:none}
.tooli2026_mobile_menu_brand>span{color:var(--tooli2026_pink)}
.tooli2026_mobile_menu_head svg,.tooli2026_mobile_menu_foot svg,.tooli2026_sub_toggle>svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.tooli2026_site #tooli2026_navigation .tooli2026_mobile_menu_close{display:grid;place-items:center;width:44px;height:44px;padding:12px;border:1px solid var(--tooli2026_border);border-radius:9px;background:var(--tooli2026_base);color:var(--tooli2026_secondary);box-shadow:none}
.tooli2026_site #tooli2026_navigation .tooli2026_mobile_menu_account{display:flex;align-items:center;gap:12px;margin:19px 0 20px;color:var(--tooli2026_ink)}
.tooli2026_mobile_menu_avatar{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid var(--tooli2026_border);border-radius:11px;background:var(--tooli2026_mint);overflow:hidden}
.tooli2026_mobile_menu_avatar img{display:block;width:100%;height:100%;object-fit:cover}
.tooli2026_mobile_menu_identity{min-width:0;flex:1}
.tooli2026_mobile_menu_identity strong{display:block;font:600 14px/1.6 var(--tooli2026_body);overflow-wrap:anywhere;letter-spacing:-.3px}
.tooli2026_mobile_menu_identity small{display:block;margin-top:4px;font:11px/1.5 var(--tooli2026_body);color:var(--tooli2026_muted)}
.tooli2026_mobile_menu_account>svg{width:16px;color:var(--tooli2026_muted)}
.tooli2026_mobile_menu_search{display:flex;align-items:center;gap:8px;height:44px;margin:0;padding:0 12px;border:1px solid var(--tooli2026_border);border-radius:9px;background:var(--tooli2026_base);color:var(--tooli2026_muted)}
.tooli2026_mobile_menu_search>svg{width:17px;height:17px}
.tooli2026_site #tooli2026_navigation .tooli2026_mobile_menu_search input{width:100%;min-width:0;flex:1;border:0;border-radius:0;outline:0;box-shadow:none;background:none;color:var(--tooli2026_ink);font:13px var(--tooli2026_body);padding:0;height:100%}
.tooli2026_site #tooli2026_navigation .tooli2026_mobile_menu_search input:focus-visible{outline:none}
.tooli2026_mobile_menu_search:focus-within{outline:2px solid var(--tooli2026_pink);outline-offset:2px}
.tooli2026_site #tooli2026_navigation .tooli2026_mobile_menu_items{display:block;flex:1;min-height:0;padding:8px 22px 14px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.tooli2026_site #tooli2026_navigation .tooli2026_directory_trigger,.tooli2026_site #tooli2026_navigation .tooli2026_nav_end{display:none}
.tooli2026_site #tooli2026_navigation .tooli2026_nav_item{display:flex;position:relative;flex-wrap:wrap;align-items:center;width:100%;margin:0;padding:0;border:0;border-bottom:1px solid var(--tooli2026_border);border-radius:0;background:none;box-shadow:none}
.tooli2026_site #tooli2026_navigation .tooli2026_nav_item>.tooli2026_nav_link{display:flex;align-items:center;flex:1;min-width:0;min-height:58px;margin:0;padding:12px 0;border:0;border-radius:0;background:none;box-shadow:none;font:600 15px/1.6 var(--tooli2026_body);color:var(--tooli2026_ink);text-shadow:none}
.tooli2026_site #tooli2026_navigation .tooli2026_nav_link>.tooli2026_mobile_menu_original{display:none}
.tooli2026_site #tooli2026_navigation .tooli2026_mobile_menu_label{display:inline}
.tooli2026_site #tooli2026_navigation .tooli2026_sub_toggle{display:grid;place-items:center;flex:none;width:44px;height:54px;padding:14px 0 14px 14px;margin:0;border:0;border-radius:0;background:none;color:var(--tooli2026_muted);box-shadow:none}
.tooli2026_site #tooli2026_navigation .tooli2026_sub_toggle>svg{width:16px;height:16px;transition:transform .15s}
.tooli2026_site #tooli2026_navigation .tooli2026_open>.tooli2026_nav_link,.tooli2026_site #tooli2026_navigation .tooli2026_open>.tooli2026_sub_toggle{color:var(--tooli2026_accent)}
.tooli2026_site #tooli2026_navigation .tooli2026_open>.tooli2026_sub_toggle>svg{transform:rotate(180deg)}
.tooli2026_site #tooli2026_navigation .tooli2026_nav_item>.tooli2026_dropdown{display:none!important;position:static;flex:0 0 100%;width:100%;margin:0;padding:0 0 16px;border:0;border-radius:0;background:none;box-shadow:none;max-height:none;overflow:visible}
.tooli2026_site #tooli2026_navigation .tooli2026_nav_item.tooli2026_open>.tooli2026_dropdown{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}
.tooli2026_site #tooli2026_navigation .tooli2026_dropdown>li{min-width:0;padding:0;border:0}
.tooli2026_site #tooli2026_navigation .tooli2026_dropdown a{display:flex;align-items:center;min-height:44px;padding:9px 10px;border:0;border-radius:7px;background:none;color:var(--tooli2026_secondary);font:13px/1.5 var(--tooli2026_body);white-space:normal;word-break:keep-all;overflow-wrap:anywhere;box-shadow:none}
.tooli2026_site #tooli2026_navigation .tooli2026_dropdown a::before{display:none}
.tooli2026_site #tooli2026_navigation .tooli2026_dropdown a:hover{background:var(--tooli2026_base)}
.tooli2026_site #tooli2026_navigation .tooli2026_dropdown a[aria-current=page]{background:var(--tooli2026_pink-soft);color:var(--tooli2026_accent);font-weight:600}
.tooli2026_site #tooli2026_navigation .tooli2026_dropdown a[aria-current=page]::after{content:"";flex:none;margin-left:auto;width:5px;height:5px;border-radius:50%;background:var(--tooli2026_pink)}
.tooli2026_site #tooli2026_navigation .tooli2026_flyout{display:block;position:static;min-width:0;padding:0 0 0 8px;border:0;box-shadow:none;background:none}
.tooli2026_site #tooli2026_navigation .tooli2026_flyout a{font-size:12px}
.tooli2026_mobile_menu_foot{display:block;flex:none;padding:12px 22px max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--tooli2026_border);background:var(--mobile-menu-bg)}
.tooli2026_mobile_menu_shortcuts{display:flex;gap:6px;justify-content:space-between}
.tooli2026_site #tooli2026_navigation .tooli2026_mobile_menu_shortcuts>a,.tooli2026_site #tooli2026_navigation .tooli2026_mobile_menu_shortcuts>button{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-height:44px;padding:0;border:0;border-radius:7px;background:none;color:var(--tooli2026_secondary);font:11px var(--tooli2026_body);text-shadow:none}
.tooli2026_mobile_menu_shortcuts svg{width:15px;height:15px}
.tooli2026_mobile_menu_end{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding-top:11px;border-top:1px solid var(--tooli2026_border);font:11px var(--tooli2026_body);color:var(--tooli2026_muted)}
.tooli2026_mobile_menu_end>a{display:inline-flex;align-items:center;min-height:30px}
.tooli2026_mobile_menu_empty{margin:15px 0;padding:12px 0;color:var(--tooli2026_muted);font:13px/1.7 var(--tooli2026_body)}
.tooli2026_site #tooli2026_navigation [hidden]{display:none!important}
}
@media(prefers-reduced-motion:reduce){.tooli2026_sub_toggle>svg{transition:none!important}}
/* ===== 모바일 메뉴 디테일(틀은 그대로): 번호 타일, 지금 있는 메뉴 표시, 펼친 하위 메뉴 상자, 카드형 계정·바로가기 ===== */
@media(max-width:760px){
.tooli2026_site #tooli2026_navigation .tooli2026_mobile_menu_brand{background:none;padding:0}

.tooli2026_mobile_menu_head{border-bottom:2px dashed var(--tooli2026_pink-soft)}
/* 계정: 분홍 카드 */
.tooli2026_site #tooli2026_navigation .tooli2026_mobile_menu_account{padding:12px 12px 12px 12px;border:1.5px solid var(--tooli2026_line);border-radius:12px;background:var(--tooli2026_pink-soft);box-shadow:3px 3px 0 var(--tooli2026_line);text-decoration:none}
.tooli2026_site #tooli2026_navigation .tooli2026_mobile_menu_account:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--tooli2026_line)}
.tooli2026_mobile_menu_avatar{border:1.5px solid var(--tooli2026_line)!important}
.tooli2026_mobile_menu_account>svg{display:grid;width:26px!important;height:26px!important;padding:5px;border-radius:7px;background:var(--tooli2026_surface);color:var(--tooli2026_accent)!important}
/* 메뉴 줄: 왼쪽에 번호 타일(색은 차례로) */
.tooli2026_site #tooli2026_navigation .tooli2026_mobile_menu_items{counter-reset:th-menu}
.tooli2026_site #tooli2026_navigation .tooli2026_nav_item{counter-increment:th-menu}
.tooli2026_site #tooli2026_navigation .tooli2026_nav_item>.tooli2026_nav_link::before{content:counter(th-menu,decimal-leading-zero);display:grid;place-items:center;flex:none;width:30px;height:30px;margin-right:12px;border:1.5px solid var(--tooli2026_line);border-radius:8px;background:var(--th-tile,#ffd6e5);color:#293047;font:12px/1 var(--tooli2026_ui)}
.tooli2026_site #tooli2026_navigation .tooli2026_nav_item:nth-child(5n+2){--th-tile:#cdeedd}
.tooli2026_site #tooli2026_navigation .tooli2026_nav_item:nth-child(5n+3){--th-tile:#ffe8a8}
.tooli2026_site #tooli2026_navigation .tooli2026_nav_item:nth-child(5n+4){--th-tile:#d9e4ff}
.tooli2026_site #tooli2026_navigation .tooli2026_nav_item:nth-child(5n){--th-tile:#ead9ff}
/* 지금 보고 있는 메뉴: 분홍 글씨 + 타일 그림자 + "여기" 점 */
.tooli2026_site #tooli2026_navigation .tooli2026_nav_item:has([aria-current=page])>.tooli2026_nav_link{color:var(--tooli2026_accent)}
.tooli2026_site #tooli2026_navigation .tooli2026_nav_item:has([aria-current=page])>.tooli2026_nav_link::before{box-shadow:2px 2px 0 var(--tooli2026_line)}
.tooli2026_site #tooli2026_navigation .tooli2026_nav_item:has([aria-current=page])>.tooli2026_nav_link::after{content:"여기";margin-left:8px;padding:1px 6px;border-radius:5px;background:var(--tooli2026_accent);color:#fff;font:10px/1.6 var(--tooli2026_ui)}
/* 펼친 하위 메뉴: 옅은 상자 안에 ▸ 표시 */
.tooli2026_site #tooli2026_navigation .tooli2026_nav_item.tooli2026_open{border-bottom-color:transparent}
.tooli2026_site #tooli2026_navigation .tooli2026_nav_item.tooli2026_open>.tooli2026_dropdown{margin:0 0 12px;padding:8px;border:1px dashed var(--tooli2026_border);border-radius:10px;background:var(--tooli2026_base)}
.tooli2026_site #tooli2026_navigation .tooli2026_dropdown a::before{content:"▸";display:inline!important;margin-right:6px;color:var(--tooli2026_pink);font-size:10px;background:none;width:auto;height:auto;position:static}
/* 아래 바로가기: 아이콘 위·글자 아래 타일 */
.tooli2026_mobile_menu_shortcuts{gap:8px!important}
.tooli2026_site #tooli2026_navigation .tooli2026_mobile_menu_shortcuts>a,.tooli2026_site #tooli2026_navigation .tooli2026_mobile_menu_shortcuts>button{flex-direction:column;gap:4px;min-height:58px;border:1px solid var(--tooli2026_border);border-radius:10px;background:var(--tooli2026_base);color:var(--tooli2026_ink);font-weight:600}
.tooli2026_site #tooli2026_navigation .tooli2026_mobile_menu_shortcuts>a:active,.tooli2026_site #tooli2026_navigation .tooli2026_mobile_menu_shortcuts>button:active{background:var(--tooli2026_pink-soft);border-color:var(--tooli2026_accent)}
.tooli2026_mobile_menu_shortcuts svg{width:18px!important;height:18px!important;color:var(--tooli2026_accent)}
.tooli2026_mobile_menu_end::after{content:"SINCE 2000 ♥";font:10px var(--tooli2026_ui);letter-spacing:1px;color:var(--tooli2026_pink)}
}