.article-list-view .view-toggle{border-radius:var(--border-radius);background-color:#d6b47e;background-image:var(--texture-light-wood);background-repeat:repeat;background-size:var(--texture-size-sm);border:1px solid #532d1252;gap:2px;padding:3px;display:inline-flex;box-shadow:inset 0 1px #fff7dc66,inset 0 -1px #4f260d29,0 8px 18px #2a180c33}.article-list-view .view-toggle button{border-radius:calc(var(--border-radius) - 2px);color:#6b421f;cursor:pointer;width:2rem;height:2rem;font:inherit;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:flex}.article-list-view .view-toggle button[aria-checked=true]{color:#2f170c;background:#532d122e;border-color:#532d1270;box-shadow:inset 0 1px #fff7dc47,inset 0 -1px #4f260d2e}.article-list-view .view-toggle button:hover:not([aria-checked=true]){color:#2f170c;background:#fff7dc29}.article-list-view .view-toggle svg{fill:none;stroke:currentColor;width:1.1rem;height:1.1rem}.article-list-view .article-grid{gap:var(--space-lg);perspective:1200px;padding:var(--space-md);border-radius:var(--border-radius);background-color:#d6b47e;background-image:var(--texture-light-wood);background-repeat:repeat;background-size:var(--texture-size-lg);border:1px solid #532d1247;grid-template-columns:1fr;display:grid;box-shadow:inset 0 1px #fff7dc6b,inset 0 -1px #4f260d29,0 2px #ffedbe2e,0 16px 30px #321e0e2e,0 34px 64px #321e0e1f}.article-list-view .article-list{padding:var(--space-md);border-radius:var(--border-radius);background-color:#d6b47e;background-image:var(--texture-light-wood);background-repeat:repeat;background-size:var(--texture-size-lg);border:1px solid #532d1247;flex-direction:column;display:flex;box-shadow:inset 0 1px #fff7dc6b,inset 0 -1px #4f260d29,0 2px #ffedbe2e,0 16px 30px #321e0e2e,0 34px 64px #321e0e1f}.article-list-view [data-view=grid] .article-list,.article-list-view [data-view=list] .article-grid{display:none}.article-list-view .list-item{gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:calc(var(--border-radius) * .75);transition:background var(--transition-fast);grid-template-columns:8rem 1fr auto;align-items:baseline;display:grid}.article-list-view .list-item:hover{background:#532d1214}.article-list-view .list-item time{color:#5a341d;font-size:var(--text-sm);white-space:nowrap;text-shadow:0 1px #ffebb83d;font-weight:700}.article-list-view .list-item a{color:#2f170c;font-family:var(--font-heading);text-shadow:0 1px #ffebb847;font-weight:700;text-decoration:none}.article-list-view .list-item a:hover,.article-list-view .list-item a:focus-visible{color:var(--color-accent-hover)}.list-tags{flex-wrap:wrap;gap:.3rem;display:flex}.list-tags a{border:1px solid rgb(from var(--color-pill-border) r g b / .5);border-radius:var(--border-radius);background:rgb(from var(--color-pill-bg) r g b / .18);color:var(--color-pill-text);font-family:var(--font-primary);font-size:var(--text-xs);transition:background var(--transition-fast), border-color var(--transition-fast);padding:.1rem .35rem;font-weight:700;text-decoration:none}.list-tags a:hover{border-color:rgb(from var(--color-pill-border) r g b / .9);background:rgb(from var(--color-pill-bg) r g b / .8)}.article-list-view--filterable .article-grid{margin-top:var(--space-lg)}.article-list-view--filterable .article-grid>.article-card.collapsible{max-height:18rem;transition:max-height var(--transition-smooth), opacity var(--transition-smooth), transform var(--transition-smooth), padding var(--transition-smooth), border-width var(--transition-smooth), margin var(--transition-smooth);overflow:hidden}.article-list-view--filterable .article-grid>.article-card.collapsible.is-collapsed{max-height:0;margin:calc(-1 * var(--space-xl)) 0 0;opacity:0;pointer-events:none;border-width:0;padding-top:0;padding-bottom:0;transform:translateY(-.35rem)}.article-list-view--filterable .article-grid>.article-card.collapsible[hidden],.list-item.is-filtered-out{display:none}@media (width<=600px){.article-list-view .list-item{gap:var(--space-xs);padding:var(--space-sm) var(--space-xs);grid-template-columns:1fr}.list-tags{display:none}}