.site-header{--nav-panel:var(--app-bg);--nav-text:var(--app-text);--nav-muted:var(--app-muted);--nav-rule:var(--app-line);--nav-input:var(--paper);display:block;padding:10px var(--page-gutter,4%);position:sticky;top:0;z-index:90;background:var(--page);border-bottom:1px solid var(--line)}.site-header-inner{display:flex;align-items:center;gap:16px;min-height:44px;min-width:0}.site-header .brand{width:auto;margin-right:auto;flex-shrink:0}.site-header a:focus-visible,.site-header button:focus-visible,.site-header input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.site-header button{cursor:pointer}.main-menu.desktop-links{display:none;position:static;inset:auto;padding:0;max-height:none;overflow:visible;align-items:center;gap:6px;flex:0 0 auto;white-space:nowrap}.primary-tools{display:flex;align-items:center;gap:12px}.nav-menu-trigger>a,.nav-primary{display:flex;align-items:center;min-height:44px;padding:8px 3px;font:11px/1.5 var(--mono);text-decoration:none;border-bottom:1px solid transparent}.nav-menu-trigger>a:hover,.nav-menu-trigger>a[aria-current],.nav-primary:hover,.nav-primary[aria-current]{border-bottom-color:var(--strong)}.nav-divider{height:26px;border-left:1px solid var(--line);margin:0 8px;flex-shrink:0}.nav-menu-trigger{display:flex;align-items:center}.nav-disclosure{display:inline-flex;justify-content:center;align-items:center;min-height:44px;width:24px;padding:3px;background:none;color:var(--text);border:0}.nav-disclosure svg{width:15px;height:15px}.nav-disclosure[aria-expanded=true] svg{transform:rotate(180deg)}.nav-disclosure[aria-expanded=true]{background:var(--surface2)}.reference-menu{position:absolute;top:100%;right:var(--page-gutter,4%);width:min(860px,calc(100vw - 32px));max-height:calc(100dvh - 88px);overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;padding:22px;background:var(--nav-panel);color:var(--nav-text);border:1px solid var(--nav-rule);box-shadow:0 16px 28px #0005;white-space:normal}.reference-menu[hidden]{display:none}.reference-menu:before{content:"";position:absolute;bottom:100%;left:0;right:0;height:16px}.navigation-column h2{font:11px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--nav-muted);margin-bottom:8px}.navigation-links{display:grid;gap:0}.navigation-links a{display:flex;align-items:center;min-height:44px;padding:9px 0;font-size:14px;line-height:1.5;text-decoration:none;overflow-wrap:anywhere}.navigation-links a:hover,.navigation-links a[aria-current]{text-decoration:underline;text-underline-offset:4px}.reference-menu .drawer-subtopic{grid-column:1/-1}.reference-menu .drawer-subtopic .navigation-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px}.reference-menu .drawer-subtopic .drawer-disclosure-trigger{font-size:15px}.navigation-alphabet{grid-template-columns:repeat(6,minmax(0,1fr));gap:0}.navigation-alphabet a{justify-content:center;font:16px var(--mono);border:1px solid var(--nav-rule)}[data-nav-menu=letters] .reference-menu{width:min(380px,calc(100vw - 32px));grid-template-columns:1fr}[data-nav-menu=learn] .reference-menu{grid-template-columns:repeat(3,minmax(0,1fr))}.site-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.header-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:8px 10px;border:1px solid var(--line);background:transparent;color:inherit;font:11px/1.4 var(--mono)}.header-icon-button svg{width:20px;height:20px;flex-shrink:0}.header-icon-button:hover{background:var(--surface)}.site-header .mobile-menu-button{background:var(--accent);border-color:var(--accent);color:var(--paper)}.site-header .mobile-menu-button:hover{background:var(--accent-2)}.site-header .site-search-open{min-width:44px;flex-shrink:0}.site-drawer{margin:0 0 0 auto;position:fixed;inset:0;width:min(32rem,100vw);max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;border-left:1px solid var(--nav-rule);background:var(--nav-panel);color:var(--nav-text);overflow-y:auto;overscroll-behavior:contain;color-scheme:dark}.site-drawer:not([open]){display:none}.site-drawer[open]{animation:drawer-enter .24s ease-out}.site-drawer::backdrop{background:#0a0f0dcc;animation:drawer-backdrop-enter .24s ease-out}.site-drawer[open][data-closing=true]{animation:drawer-exit .24s ease-in forwards}.site-drawer[data-closing=true]::backdrop{animation:drawer-backdrop-exit .24s ease-in forwards}.drawer-content{padding:clamp(20px,4vw,30px)}.drawer-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.drawer-heading h2{font:600 28px/1.15 var(--sans);letter-spacing:-.04em}.drawer-heading .header-icon-button{border-color:var(--nav-rule)}.drawer-content .header-icon-button:hover{background:var(--app-panel2)}.drawer-content>label{display:block;font-size:13px;margin-bottom:8px}.drawer-search-box{display:flex;align-items:center;border:1px solid var(--nav-rule);background:var(--nav-input);color:var(--text)}.drawer-search-box input{min-width:0;width:100%;min-height:50px;padding:10px 12px;background:transparent;color:var(--text);border:0;border-radius:0;font:16px var(--sans);color-scheme:light}.drawer-search-box .header-icon-button{border:0;background:transparent;color:var(--text)}.drawer-content .search-help{margin:10px 0 18px;color:var(--nav-muted);font:12px/1.6 var(--sans)}.drawer-groups h3{font:600 22px/1.3 var(--sans);letter-spacing:-.025em}.drawer-primary{padding:18px 0 12px;border-bottom:1px solid var(--nav-rule)}.drawer-primary .navigation-links a{font-weight:600;font-size:17px}.drawer-disclosure{border-top:1px solid var(--nav-rule);margin-top:14px;padding-top:4px}.drawer-primary+.drawer-topic{border-top:0}.drawer-disclosure-heading{margin:0}.drawer-disclosure-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:50px;padding:10px 0;text-align:left;color:inherit;background:transparent;border:0;font:600 21px/1.3 var(--sans);letter-spacing:-.02em}.drawer-chevron{width:8px;height:8px;margin-right:6px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(-45deg);transition:transform .26s ease;flex-shrink:0}.drawer-disclosure-trigger[aria-expanded=true]>.drawer-chevron{transform:rotate(45deg)}.drawer-disclosure-panel{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .26s ease,opacity .2s ease,visibility 0s linear .26s}.drawer-disclosure-panel[data-expanded=true]{grid-template-rows:1fr;opacity:1;visibility:visible;transition-delay:0s}.drawer-disclosure-content{min-height:0;overflow:hidden}.drawer-subtopic{margin-top:6px}.drawer-subtopic .drawer-disclosure-trigger{font-size:16px;font-weight:500}.drawer-subtopic .drawer-disclosure-content{padding-left:14px}.drawer-group-hub{display:flex;align-items:center;min-height:44px;padding:10px 0;color:var(--nav-muted);font-size:13px;text-underline-offset:4px}.drawer-content .navigation-links a{font-size:15px;min-height:44px}.drawer-content .navigation-alphabet{grid-template-columns:repeat(6,minmax(0,1fr))}.site-search-results{list-style:none;padding:0;margin:0}.site-search-results a{display:grid;grid-template-columns:1fr auto;column-gap:16px;row-gap:5px;min-height:64px;padding:15px 0;border-bottom:1px solid var(--nav-rule);text-decoration:none;font-size:18px}.site-search-results a:hover strong{text-decoration:underline;text-underline-offset:4px}.search-result-category{grid-column:1/-1;font:11px var(--mono);color:var(--nav-muted)}.site-search-results strong{font-weight:500}.site-search-results a>span:last-child{align-self:center}@keyframes drawer-enter{0%{transform:var(--drawer-start,translateX(100%))}to{transform:translateX(0)}}@keyframes drawer-exit{0%{transform:var(--drawer-start,translateX(0))}to{transform:translateX(100%)}}@keyframes drawer-backdrop-enter{0%{opacity:var(--backdrop-start,0)}to{opacity:1}}@keyframes drawer-backdrop-exit{0%{opacity:var(--backdrop-start,1)}to{opacity:0}}@media(min-width:1680px){.main-menu.desktop-links{display:flex}.site-header-actions .mobile-menu-button{display:none}}@media(max-width:500px){.site-header-inner{gap:10px}.site-header-actions{gap:6px}.header-action-label{display:none}.site-header .brand img{width:34px;height:34px}.site-header .brand span{font-size:9px}.drawer-content{padding:20px}.drawer-heading h2{font-size:25px}}@media(prefers-reduced-motion:reduce){.site-drawer::backdrop,.site-drawer[open]{animation:none!important}.drawer-chevron,.drawer-disclosure-panel{transition:none!important}}@media print{.site-drawer,.site-header{display:none!important}}.drawer-search-box input::-webkit-search-cancel-button,.drawer-search-box input::-webkit-search-decoration{appearance:none}.reference-menu{width:min(640px,calc(100vw - 32px));padding:14px 18px;gap:12px 20px}.reference-menu .drawer-subtopic{margin:0;padding:0}.reference-menu .drawer-disclosure-trigger{min-height:44px;padding:8px 0;font-size:14px}.reference-menu .navigation-links a{min-height:36px;padding:6px 0;font-size:13px}.reference-menu .drawer-subtopic .drawer-disclosure-content{padding-left:10px}[data-nav-menu=comparisons] .reference-menu,[data-nav-menu=signatures] .reference-menu{gap:0;grid-template-columns:1fr}[data-nav-menu=comparisons] .navigation-column,[data-nav-menu=signatures] .navigation-column{padding:0 0 10px}[data-nav-menu=comparisons] .navigation-column .navigation-links,[data-nav-menu=signatures] .navigation-column .navigation-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}[data-nav-menu=learn] .reference-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.drawer-disclosure{margin-top:0;padding-top:0}.drawer-disclosure-trigger{min-height:44px;padding:8px 0}.drawer-subtopic{margin-top:0}.drawer-content .drawer-subtopic .drawer-disclosure-trigger{font-size:15px}.drawer-content .drawer-primary{padding:12px 0 10px}[data-nav-menu=handwriting] .reference-menu,[data-nav-menu=learn] .reference-menu{grid-template-columns:1fr}[data-nav-menu=handwriting] .navigation-column .navigation-links,[data-nav-menu=learn] .navigation-column .navigation-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}[data-nav-menu=handwriting] .navigation-column:last-child .navigation-links{grid-template-columns:repeat(3,minmax(0,1fr))}.drawer-static-group{border-top:1px solid var(--nav-rule);padding:10px 0 6px}.drawer-static-group h4{margin:0 0 6px;font:500 15px/1.4 var(--sans);color:var(--nav-muted)}.drawer-static-group>.navigation-links{padding-left:14px}