.site-header{backdrop-filter:blur(12px);background:#f6f2e7f5;border-bottom:1px solid #1e362d33}.site-header .site-nav{gap:20px;min-height:70px;position:relative}.site-header .brand{flex:none;gap:9px}.site-header .brand-logo{object-fit:contain;flex:none;width:48px;height:42px}.site-header .brand-copy{line-height:1.05}.site-header .brand-copy small{letter-spacing:.06em;margin-top:5px}.site-header .site-nav .desktop-navigation{margin-left:auto;display:block}.site-header .site-nav .desktop-navigation ul{gap:24px;font-size:.8rem}.site-header .desktop-navigation a,.site-header .english-navigation a{align-items:center;min-height:44px;display:inline-flex}.site-header .header-actions{align-items:center;gap:8px;display:flex}.site-header .header-search,.site-header .notebook-menu summary{justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 14px;font-size:.78rem;font-weight:750;display:flex}.site-header .header-search{color:#294d3d;border:1px solid #294d3d;border-radius:2px}.site-header .header-search svg,.site-header .notebook-menu svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round}.site-header .header-search:hover{color:#f8f4e9;background:#294d3d}.site-header .notebook-menu{display:none}.site-header .notebook-menu summary{cursor:pointer;padding-inline:9px;list-style:none}.site-header .notebook-menu summary::-webkit-details-marker{display:none}.site-header .notebook-menu[open] summary{color:var(--site-red)}.site-header .site-nav .notebook-menu__pages{background:#fbf8ef;border:1px solid #b8b5a5;width:min(330px,100%);padding:18px 20px 10px;display:block;position:absolute;top:calc(100% - 1px);right:0;box-shadow:6px 8px #2b3f3214}.site-header .notebook-menu__pages p{color:#607163;letter-spacing:.08em;margin:0 0 10px;font-size:.68rem}.site-header .site-nav .notebook-menu__pages ul{display:block}.site-header .notebook-menu__pages li+li{border-top:1px solid #d9d6c8}.site-header .notebook-menu__pages a{grid-template-columns:22px 1fr auto;align-items:center;gap:12px;min-height:60px;padding-block:8px;font-size:.86rem;display:grid}.site-header .notebook-menu__number{color:#8d9384;font-family:monospace;font-size:.7rem;font-weight:400}.site-header .notebook-menu__pages small{color:#657064;margin-top:3px;font-size:.65rem;font-weight:400;display:block}.site-header .site-nav :is(a,summary):focus-visible{outline:2px solid var(--site-red);outline-offset:4px}@media (width<=900px){.site-header .site-nav{gap:10px}.site-header .site-nav .desktop-navigation{display:none}.site-header .notebook-menu{display:block}.site-header .header-actions{margin-left:auto}.site-header .site-nav .english-navigation{display:block}}@media (width<=620px){.site-header .site-nav{gap:6px;min-height:62px}.site-header .brand{gap:5px}.site-header .brand-logo{width:40px;height:36px}.site-header .brand-copy{letter-spacing:.02em;font-size:.86rem}.site-header .header-actions{gap:3px}.site-header .header-search{padding-inline:10px}.site-header .notebook-menu summary{gap:4px;padding-inline:7px}}@media (prefers-reduced-motion:reduce){.site-header{backdrop-filter:none}}.site-footer{border-top:1px solid var(--site-line);background:#ebe4d7}.site-footer .site-footer__inner{grid-template-columns:1fr auto;align-items:center;gap:28px 46px;padding-block:42px 34px;display:grid}.site-footer .site-footer__brand{letter-spacing:.06em;justify-self:start;align-items:center;gap:12px;font-size:.98rem;font-weight:900;display:inline-flex}.site-footer .site-footer__brand img{object-fit:contain;width:50px;height:44px}.site-footer .site-footer__brand small{color:var(--site-muted);letter-spacing:.14em;font-size:.58rem;display:block}.site-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:0 24px;font-size:.78rem;font-weight:750;display:flex}.site-footer nav a{align-items:center;min-height:44px;display:inline-flex}.site-footer nav a:hover{color:var(--site-red)}.site-footer nav a:focus-visible{outline:2px solid var(--site-red);outline-offset:3px}.site-footer p{color:var(--site-muted);grid-column:1/-1;margin:0;font-size:.68rem}@media (width<=700px){.site-footer .site-footer__inner{grid-template-columns:1fr;gap:24px}.site-footer nav{justify-content:flex-start}}
