.locale-switch{display:inline-flex;gap:2px;border:1px solid rgba(60,40,20,.18);border-radius:8px;padding:2px;background:rgba(255,250,244,.55)}.locale-switch__btn{border:none;border-radius:6px;padding:.28rem .55rem;font:inherit;font-size:.78rem;cursor:pointer;background:transparent;color:var(--ink)}.locale-switch__btn--active{background:rgba(60,40,20,.12);font-weight:600}.site-footer{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .9rem;margin-top:.5rem;padding-top:.85rem;border-top:1px solid rgba(60,40,20,.1);font-size:.75rem;color:var(--ink-muted)}.site-footer__link,.site-footer__mail{color:inherit;text-decoration:none}.site-footer__link:hover,.site-footer__mail:hover{color:var(--ink);text-decoration:underline;text-underline-offset:2px}.site-footer__mail{margin-left:auto}.app{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;max-width:1180px;margin:0 auto;padding:1.15rem 1rem 1.75rem;gap:1rem}.app__header{justify-content:space-between;gap:.75rem 1rem}.app__header,.app__header-main{display:flex;flex-wrap:wrap;align-items:center}.app__header-main{gap:.85rem;min-width:0;width:100%}.app__brand{margin:0;font-family:var(--font-display);font-size:clamp(1.55rem,4vw,2rem);font-weight:700;color:var(--ink);white-space:nowrap}.app__nav-link{font-size:.78rem;line-height:1.2;color:var(--ink-muted);text-decoration:none;white-space:nowrap}.app__nav-link:hover{color:var(--ink);text-decoration:underline;text-underline-offset:2px}.app__main{flex:1 1;display:flex;flex-direction:column;min-height:0}@media (max-width:819px){.app__header{flex-direction:column;align-items:stretch;gap:.5rem}.app__header-main{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"brand more locale" "modes modes modes";grid-column-gap:.5rem;column-gap:.5rem;grid-row-gap:.45rem;row-gap:.45rem;width:100%}.app__brand{grid-area:brand;font-size:clamp(1.35rem,6vw,1.7rem);align-self:center}.more-menu{grid-area:more;justify-self:end;align-self:center}.app__header-main .locale-switch{grid-area:locale;align-self:center}.app__header-main .mode-switch{grid-area:modes;width:100%;justify-content:space-between}.app__header-main .mode-switch__btn{flex:1 1;font-size:.78rem;padding:.35rem .25rem;text-align:center}}