:root{--on4-text:#16181d;--on4-muted:#5b6472;--on4-surface:var(--brand-background,#fff);--on4-line:#16181d1f;--on4-accent:var(--brand-primary,#e8622c);--on4-width:72rem}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--on4-surface);color:var(--on4-text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}a{color:inherit}img{max-width:100%;height:auto}.site{flex-direction:column;min-height:100vh;display:flex}.site-nav{border-bottom:1px solid var(--on4-line);background:var(--on4-surface);z-index:20;position:sticky;top:0}.site-nav__inner{max-width:var(--on4-width);flex-wrap:wrap;align-items:center;gap:1rem;margin:0 auto;padding:.75rem 1rem;display:flex}.site-nav__brand{align-items:center;gap:.5rem;font-weight:700;text-decoration:none;display:inline-flex}.site-nav__links{gap:1rem;margin:0;padding:0;list-style:none;display:flex}.site-nav__links a{text-decoration:none}.site-nav__links a:hover{color:var(--on4-accent)}.site-search{gap:.25rem;margin-inline-start:auto;display:flex}.site-search__label{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;position:absolute;overflow:hidden}.site-search input{border:1px solid var(--on4-line);border-radius:.4rem;padding:.35rem .6rem}.site-languages{gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.site-languages a[aria-current=true]{color:var(--on4-accent);font-weight:600}.site-main{flex:1}.site-article,.site-content{max-width:var(--on4-width);margin:0 auto;padding:2rem 1rem}.site-footer{border-top:1px solid var(--on4-line);color:var(--on4-muted);text-align:center;margin-top:3rem;padding:2rem 1rem;font-size:.875rem}.page-theme{min-height:100vh}.site-section{width:100%}.contact-form,.comment-form{gap:.75rem;max-width:32rem;display:grid}.contact-form label,.comment-form label{gap:.25rem;font-weight:600;display:grid}.contact-form input,.contact-form textarea,.comment-form input,.comment-form textarea,.site-search input{font:inherit}.contact-form input,.contact-form textarea,.comment-form input,.comment-form textarea{border:1px solid var(--on4-line);border-radius:.4rem;padding:.5rem .65rem}button{background:var(--on4-accent);color:#fff;cursor:pointer;font:inherit;border:0;border-radius:.4rem;width:fit-content;padding:.5rem 1rem}button:disabled{opacity:.6}.form-message{min-height:1.25rem}.form-message[data-state=error]{color:#b3261e}.notice{text-align:center;max-width:40rem;margin:0 auto;padding:4rem 1rem}.notice h1{margin:.5rem 0;font-size:1.5rem}.notice p{color:var(--on4-muted)}.btn{margin-top:1rem;text-decoration:none;display:inline-block}.page-title{margin:0 0 1.5rem}.post-list{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1.25rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.post-card{border:1px solid var(--on4-line);border-radius:.5rem;padding:1.25rem}.post-card__title{margin:0 0 .5rem}.post-list__category{color:var(--on4-accent);margin:0 0 .5rem;font-size:.8rem;font-weight:600}.post-card__date{color:var(--on4-muted);font-size:.8rem}.term-list{flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.term-list a{border:1px solid var(--on4-line);color:var(--on4-accent);border-radius:999px;padding:.2rem .8rem;text-decoration:none}.post-card__image{margin:-1.25rem -1.25rem 1rem;display:block}.post-card__image img{aspect-ratio:16/9;object-fit:cover;border-radius:.5rem .5rem 0 0;width:100%;display:block}.term-cards{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1.25rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.term-card a{border:1px solid var(--on4-line);color:inherit;border-radius:.5rem;text-decoration:none;display:block;overflow:hidden}.term-card__image{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.term-card__image--empty{background:color-mix(in srgb, var(--on4-accent) 14%, transparent);color:var(--on4-accent);justify-content:center;align-items:center;font-size:2.5rem;font-weight:700;display:flex}.term-card__name{padding:.75rem 1rem 0;font-weight:600;display:block}.term-card__count{color:var(--on4-muted);padding:.15rem 1rem .9rem;font-size:.8rem;display:block}.term-header__image{aspect-ratio:21/9;object-fit:cover;border-radius:.5rem;width:100%;margin:0 0 1.5rem;display:block}.term-header__description{color:var(--on4-muted);margin:-.5rem 0 1.5rem}
