.site-footer{padding-block:var(--space-6);border-block-start:var(--border-width) solid var(--border);background:var(--surface);color:var(--text-muted);font-size:var(--text-sm);margin-block-start:var(--space-7)}.site-footer__grid{gap:var(--space-5);display:grid}.site-footer__about p{max-inline-size:60ch;margin-block-end:var(--space-2)}.site-footer__name{color:var(--text);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700}.site-footer__note{margin-block-end:0}.site-footer__links ul{gap:0 var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-footer__links a{min-block-size:var(--touch-target);color:var(--text);align-items:center;text-decoration:none;display:inline-flex}.site-footer__links a:hover{color:var(--primary);text-decoration:underline}@media (width>=640px){.site-footer__grid{grid-template-columns:1fr auto;align-items:start}}.site-header{z-index:5;background:var(--surface);border-block-end:var(--border-width) solid var(--border);position:sticky;inset-block-start:0}.site-header__row{align-items:center;gap:var(--space-3);min-block-size:60px;display:flex}.logo{align-items:center;gap:var(--space-2);min-block-size:var(--touch-target);color:var(--text);font-family:var(--font-heading);font-weight:700;font-size:var(--text-xl);flex:none;text-decoration:none;display:inline-flex}.logo__mark{border-radius:var(--radius-control);background:var(--primary);block-size:32px;inline-size:32px;color:var(--on-primary);place-items:center;display:inline-grid}.logo__mark svg{block-size:20px;inline-size:20px}[dir=rtl] .logo__mark svg{transform:scaleX(-1)}.search{flex:1;min-inline-size:0;max-inline-size:560px;margin-inline:auto;display:flex;position:relative}.search__input{min-inline-size:0;min-block-size:var(--touch-target);padding-block:var(--space-2);padding-inline:var(--space-3) calc(var(--touch-target) + var(--space-1));border:var(--border-width) solid var(--border-strong);background:var(--bg);color:var(--text);font:inherit;font-size:var(--text-base);transition:border-color var(--transition);border-radius:999px;flex:1}.search__input::placeholder{color:var(--text-muted);opacity:1}.search__input:hover{border-color:var(--text-muted)}.search__input:focus-visible{outline-offset:0;border-color:var(--focus)}.search__submit{inline-size:var(--touch-target);color:var(--text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;inset-block:0;inset-inline-end:0}.search__submit:hover{color:var(--primary)}.logo+.lang-switch{margin-inline-start:auto}.lang-switch{min-block-size:var(--touch-target);min-inline-size:var(--touch-target);padding-inline:var(--space-3);border:var(--border-width) solid var(--border);border-radius:var(--radius-control);color:var(--text);transition:color var(--transition), border-color var(--transition);flex:none;justify-content:center;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.lang-switch:hover{border-color:var(--primary);color:var(--primary)}.chips-row{max-inline-size:var(--content-max);margin-inline:auto}.chips{gap:var(--space-2);overscroll-behavior-x:contain;scrollbar-width:none;padding-inline:var(--space-4);padding-block-end:var(--space-1);display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{min-block-size:var(--touch-target);color:var(--text-muted);font-size:var(--text-sm);border-radius:999px;flex:none;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.chip__pill{padding:var(--space-1) var(--space-3);border:var(--border-width) solid var(--border);background:var(--surface);white-space:nowrap;transition:color var(--transition), border-color var(--transition), background-color var(--transition);border-radius:999px}.chip:hover .chip__pill{border-color:var(--primary);color:var(--primary)}.chip:focus-visible{outline:none}.chip:focus-visible .chip__pill{outline:2px solid var(--focus);outline-offset:2px}.chip[aria-current=page] .chip__pill{background:var(--primary-soft);color:var(--primary);border-color:#0000}@media (width<=479px){.logo__name{font-size:var(--text-lg)}.site-header__row{gap:var(--space-2)}}