@layer global{.pagination__list{justify-content:center;align-items:center;gap:var(--space-2xs);font-size:var(--size-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.pagination__link,.pagination__current{min-width:44px;min-height:44px;padding-inline:var(--space-2xs);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:inline-flex}.pagination__link{color:var(--color-gray-600);text-decoration:none}.pagination__link:hover{background:var(--color-gray-100);text-decoration:underline}.pagination__current{color:var(--color-primary-readable);font-weight:700}}
@layer sections{.guide-list{padding-block:var(--space-md) var(--space-large)}.guide-list__inner{gap:var(--space-lg);display:grid}.guide-list__count{margin:0 0 var(--space-default);color:var(--color-gray-600)}.guide-list__posts{gap:var(--space-md);margin:0;padding:0;list-style:none;display:grid}.guide-list__card{border:var(--border-width) solid var(--color-gray-200);border-radius:var(--radius);background:var(--color-gray-100);box-shadow:var(--shadow-panel);transition:border-color .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:hidden}.guide-list__card:hover,.guide-list__card:focus-within{border-color:var(--color-primary);transform:translateY(-2px)}.guide-list__media{aspect-ratio:16/10;background:var(--color-gray-50)}.guide-list__media--empty{background-color:var(--color-ground);background-image:radial-gradient(60% 70% at 35% 55%, color-mix(in srgb, var(--color-primary) 30%, transparent), transparent 75%), radial-gradient(circle, color-mix(in srgb, var(--color-primary-readable) 45%, transparent) 1.5px, transparent 2.5px);background-size:auto,1rem 1rem}.guide-list__picture{object-fit:cover;block-size:100%;inline-size:100%;display:block}.guide-list__body{gap:var(--space-xs);padding:var(--space-md);align-content:start;display:grid}.guide-list__topics{gap:var(--space-2xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.guide-list__topics li{margin:0;display:inline-flex}.guide-list__chip{z-index:1;padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-primary) 22%, var(--color-gray-100));color:var(--color-gray-900);font-size:var(--size-xs);font-weight:700;text-decoration:none;display:inline-block;position:relative}.guide-list__chip:hover{background:color-mix(in srgb, var(--color-primary) 38%, var(--color-gray-100))}.guide-list__title{font-size:var(--size-xl);line-height:var(--leading-subline);margin:0}.guide-list__link{color:var(--color-gray-900);text-decoration:none}.guide-list__link:after{content:"";position:absolute;inset:0}.guide-list__card:hover .guide-list__link{text-underline-offset:.2em;text-decoration:underline}.guide-list__excerpt{color:var(--color-gray-700);margin:0}.guide-list__meta{justify-content:space-between;gap:var(--space-xs);margin:var(--space-2xs) 0 0;color:var(--color-gray-600);font-size:var(--size-sm);flex-wrap:wrap;display:flex}.guide-list__more{align-items:center;gap:var(--space-3xs);color:var(--color-primary-readable);font-weight:700;display:inline-flex}.guide-list__more svg{block-size:1rem;inline-size:1rem}.guide-list__aside{gap:var(--space-lg);align-content:start;display:grid}.guide-list__aside-title{margin:0 0 var(--space-xs);color:var(--color-gray-900);font-weight:800;display:block}.guide-list__search-row{gap:var(--space-2xs);display:flex}.guide-list__search-row input{min-inline-size:0;padding:var(--space-xs);border:var(--border-width) solid var(--color-gray-300);border-radius:var(--radius-sm);background:var(--color-gray-50);color:var(--color-gray-900);font:inherit;flex:1}.guide-list__search-row button{padding:var(--space-xs) var(--space-default);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-primary-ink);font:inherit;cursor:pointer;border:0;font-weight:700}.guide-list__topic-list{border:var(--border-width) solid var(--color-gray-200);border-radius:var(--radius);background:var(--color-gray-100);margin:0;padding:0;list-style:none;overflow:hidden}.guide-list__topic-list li+li{border-block-start:var(--border-width) solid var(--color-gray-200)}.guide-list__topic{justify-content:space-between;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-default);border-inline-start:var(--border-width-accent) solid transparent;color:var(--color-gray-900);text-decoration:none;display:flex}.guide-list__topic:hover{background:var(--color-gray-200)}.guide-list__topic[aria-current=page]{border-inline-start-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 16%, var(--color-gray-100));font-weight:700}.guide-list__topic-count{min-inline-size:1.75rem;padding:var(--space-3xs) var(--space-2xs);background:var(--color-gray-200);font-size:var(--size-xs);text-align:center;border-radius:999px;font-weight:700}@media (min-width:48rem){.guide-list__card{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.guide-list__media{aspect-ratio:auto;min-block-size:100%}}@media (min-width:62rem){.guide-list__inner{grid-template-columns:minmax(0,1fr) 20rem;align-items:start}.guide-list__aside{top:var(--space-default);position:sticky}}@media (prefers-reduced-motion:reduce){.guide-list__card{transition:none}.guide-list__card:hover,.guide-list__card:focus-within{transform:none}}}