.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:40;border-right:1px solid var(--line);background:var(--bg);display:flex;flex-direction:column;padding:22px 20px 16px;transition:width .22s;overflow-y:auto;scrollbar-width:thin}.brand{display:flex;justify-content:center;padding:4px 0 18px;min-height:204px}.brand-full{width:180px;max-height:208px;object-fit:contain}.brand-emblem{display:none;width:47px;height:56px}.family-links{padding:14px 0;border-block:1px solid var(--line);display:flex;align-items:center;gap:8px;justify-content:space-between;font-size:9px;letter-spacing:.04em}.family-links a[aria-current=page]{color:var(--gold)}.family-links span{color:var(--muted)}.navigation{display:flex;flex-direction:column;gap:2px;padding:19px 0}.nav-item{display:flex;align-items:center;gap:12px;min-height:39px;padding:5px 9px 5px 12px;border:0;border-left:3px solid transparent;text-align:left;font:500 20px/1.25 var(--serif);white-space:nowrap}.nav-item .icon{width:17px;height:17px;opacity:.75}.nav-item:hover{background:var(--wash)}.nav-item[aria-current=page]{border-left-color:var(--accent);color:var(--ink)}.nav-item[aria-current=page] .icon{color:var(--accent);opacity:1}.sidebar-bottom{margin-top:auto;padding-top:18px}.sidebar-motto{margin:18px 0 25px;font-family:var(--ja);font-size:16px;letter-spacing:.42em;line-height:2;color:var(--gold);text-align:center;opacity:.7}.theme-button{width:100%;display:flex;gap:11px;align-items:center;border:0;border-top:1px solid var(--line);padding:17px 5px 3px;font:12px var(--sans)}.switch-dot{margin-left:auto;width:32px;height:18px;border:1px solid var(--gold);border-radius:30px;padding:2px}.switch-dot::after{content:'';display:block;width:12px;height:12px;background:var(--gold);border-radius:50%;transform:translateX(12px)}[data-theme=light] .switch-dot::after{transform:none}.sidebar-collapse{position:absolute;right:10px;top:9px;width:30px;height:30px;color:var(--muted);opacity:.5}.sidebar:hover .sidebar-collapse{opacity:1}.main-shell{margin-left:var(--sidebar);transition:margin-left .22s;min-height:100vh;padding:0 34px}.topbar{height:64px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:3;gap:16px}.topbar-label{font:13px var(--serif);text-transform:uppercase;letter-spacing:.22em;display:flex;align-items:center;gap:14px}.topbar-label .ja{font-size:23px;letter-spacing:.04em}.topbar-tools{display:flex;align-items:center;gap:7px}.topbar-note{font:10px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.mobile-menu{display:none!important}.mobile-overlay{position:fixed;inset:0;z-index:35;background:#0009;border:0}.site-footer{margin-top:72px;padding:30px 0 35px;border-top:1px solid var(--line);display:flex;gap:28px;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.footer-mark{font:24px var(--serif);color:var(--ink)}.footer-links{display:flex;gap:24px}.page-heading{padding:52px 0 34px;max-width:900px}.page-heading .ja{color:var(--gold);font-size:20px;margin-bottom:13px;letter-spacing:.2em}.page-heading p{margin-top:19px;color:var(--muted);max-width:670px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-size:11px;color:var(--muted);padding-top:28px}.breadcrumbs .icon{width:11px;height:11px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}.section-head .section-label{margin-bottom:11px}.section-head .text-link{font-size:12px;flex-shrink:0}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}.directory-link{padding:24px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.directory-link h2{font-size:31px}.directory-link p{font-size:12px;color:var(--muted);margin-top:6px}.directory-count{color:var(--gold);font:32px var(--serif)}.article-page{max-width:850px;margin:0 auto;padding:50px 0}.article-page h1{margin-bottom:28px}.article-page h2{font-size:34px;margin:40px 0 18px}.article-page h3{font-size:26px;margin:24px 0 12px}.article-page p,.article-page li{line-height:1.9}.article-page a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}.article-page ul{padding-left:22px}.article-page dl{border-block:1px solid var(--line);padding:20px 0}.article-page dt{color:var(--gold);margin-top:12px}.article-page dd{margin-left:0}.article-page code{font-size:12px;background:var(--wash);padding:3px 6px}.storage-note{font-size:12px;color:var(--muted);max-width:680px;padding:20px 0}.sidebar-compact{--sidebar:76px}.sidebar-compact .sidebar{padding:18px 10px}.sidebar-compact .brand{min-height:98px;padding-top:24px}.sidebar-compact .brand-full,.sidebar-compact .family-links,.sidebar-compact .nav-label,.sidebar-compact .sidebar-motto,.sidebar-compact .theme-label,.sidebar-compact .switch-dot{display:none}.sidebar-compact .brand-emblem{display:block}.sidebar-compact .nav-item{justify-content:center;padding:10px 7px;height:46px}.sidebar-compact .nav-item .icon{width:20px;height:20px}.sidebar-compact .theme-button{justify-content:center}.sidebar-compact .sidebar-collapse .icon{transform:rotate(180deg)}
@media(min-width:1700px){.main-shell{padding-inline:55px}.topbar{height:76px}.sidebar{padding-inline:24px}:root{--sidebar:255px}:root.sidebar-compact{--sidebar:76px}}
@media(max-width:1100px){:root{--sidebar:212px}.sidebar{padding-inline:15px}.main-shell{padding-inline:25px}.nav-item{font-size:18px}.brand-full{width:160px}.brand{min-height:185px}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){:root,:root.sidebar-compact{--sidebar:0px}.sidebar{width:260px;transform:translateX(-100%);transition:transform .22s;padding:20px}.sidebar-compact .sidebar{padding:20px}.menu-open .sidebar{transform:translateX(0)}.menu-open{overflow:hidden}.sidebar .brand-full{display:block;width:170px}.sidebar .brand-emblem{display:none}.sidebar .brand{min-height:174px;padding-top:0}.sidebar .family-links{display:flex}.sidebar .nav-label,.sidebar .theme-label,.sidebar .sidebar-motto,.sidebar .switch-dot{display:block}.sidebar .nav-item{justify-content:start;padding:7px 9px 7px 12px;height:39px;font-size:19px}.sidebar .theme-button{justify-content:start}.sidebar .sidebar-collapse{display:none}.mobile-menu{display:flex!important}.main-shell{margin-left:0;padding-inline:20px}.topbar{height:61px}.topbar-label{font-size:10px;letter-spacing:.12em;gap:8px}.topbar-label .ja{font-size:20px}.topbar-note{display:none}.topbar-tools{gap:0}.site-footer{margin-top:48px;align-items:start;flex-direction:column;gap:15px;padding-bottom:25px}.page-heading{padding:36px 0 27px}.skip-link{left:15px}.toast{left:50%}.section-head{align-items:start}.directory-grid{gap:0 22px}.sidebar-bottom{padding-top:0}.sidebar-motto{display:none!important}.navigation{padding:14px 0;gap:0}}
@media(max-width:480px){.directory-grid{grid-template-columns:1fr}.topbar-label{letter-spacing:.05em}.topbar-label .ja{font-size:18px}.topbar-tools .icon-button{width:34px}.main-shell{padding-inline:17px}.section-head{flex-direction:column;gap:12px}.footer-links{gap:18px;flex-wrap:wrap}}

.brand-light{display:none!important}[data-theme=light] .brand-dark{display:none!important}[data-theme=light] .brand-light.brand-full{display:block!important}.sidebar-compact[data-theme=light] .brand-light.brand-full{display:none!important}.sidebar-compact[data-theme=light] .brand-light.brand-emblem{display:block!important}
@media(max-width:800px){.sidebar-compact[data-theme=light] .brand-light.brand-full{display:block!important}.sidebar-compact[data-theme=light] .brand-light.brand-emblem{display:none!important}}
.small-hero-copy{font-size:19px;margin-top:10px;max-width:670px}
@media(max-width:1100px){.small-hero-copy{max-width:470px;font-size:18px}}
@media(max-width:520px){.small-hero-copy{display:none}.desktop-break{display:none}}
@media(max-width:480px){.topbar{gap:8px}.topbar-label{font-size:9px;gap:6px;white-space:nowrap}.topbar-label .ja{flex-shrink:0}}
