.guides-pagination{--guides-pagination-target: var(--guides-control-min, 3rem);container-type:inline-size;display:grid;grid-template-areas:"previous pages next";grid-template-columns:max-content max-content max-content;align-items:center;justify-content:center;gap:clamp(.5rem,2cqi,.75rem);margin-block-start:clamp(3rem,7cqi,5rem)}.guides-pagination__control,.guides-pagination__page{display:inline-flex;min-block-size:var(--guides-pagination-target);align-items:center;justify-content:center;border:1px solid var(--guides-line, #dbe3f0);border-radius:999px;background:var(--guides-surface, #ffffff);box-shadow:0 .125rem .375rem #0f172a12;color:var(--guides-copy, #475569);font-size:.875rem;font-weight:700;transition:border-color .18s ease-out,background-color .18s ease-out,color .18s ease-out}.guides-pagination__control{max-inline-size:100%;padding-inline:clamp(1rem,3cqi,1.5rem)}.guides-pagination__control:first-child{grid-area:previous}.guides-pagination__control:last-child{grid-area:next}.guides-pagination__pages{display:flex;grid-area:pages;min-inline-size:0;max-inline-size:100%;flex:0 1 auto;flex-wrap:wrap;justify-content:center;gap:clamp(.25rem,1.2cqi,.5rem)}.guides-pagination__page{inline-size:clamp(var(--guides-pagination-target),10cqi,3.5rem);aspect-ratio:1;flex:0 0 auto;padding:0;font-weight:800}@container guides-page (inline-size < 40rem){.guides-pagination{inline-size:100%;grid-template-areas:"pages pages" "previous next";grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.guides-pagination__control{inline-size:100%}.guides-pagination__pages{flex-wrap:nowrap}}.guides-pagination__control:hover:not(:disabled),.guides-pagination__page:hover{border-color:color-mix(in srgb,var(--guides-brand, #5146e5) 42%,var(--guides-line, #dbe3f0));background:color-mix(in srgb,var(--guides-brand, #5146e5) 8%,var(--guides-surface, #ffffff));color:var(--guides-brand-strong, #4338ca)}.guides-pagination__control:focus-visible,.guides-pagination__page:focus-visible{outline:.1875rem solid var(--guides-focus, #6366f1);outline-offset:.1875rem}.guides-pagination__control:disabled{cursor:not-allowed;opacity:.4}.guides-pagination__page[aria-current=page]{border-width:.125rem;border-color:var(--guides-brand, #5146e5);outline:.125rem solid color-mix(in srgb,var(--guides-brand, #5146e5) 24%,transparent);outline-offset:.125rem;background:var(--guides-brand, #5146e5);color:#fff}@media(forced-colors:active){.guides-pagination__page[aria-current=page]{outline-color:Highlight}}.guides-page{--guides-ink: #0b1224;--guides-copy: #475569;--guides-muted: #64748b;--guides-line: #dbe3f0;--guides-surface: #ffffff;--guides-surface-soft: #f8fafc;--guides-brand: #5146e5;--guides-brand-strong: #4338ca;--guides-focus: #6366f1;--guides-control-min: 3rem;--guides-inline-padding: clamp(1rem, 5vw, 5rem);--guides-section-gap: clamp(3rem, 6vw, 4rem);box-sizing:border-box;container-name:guides-page;container-type:inline-size;inline-size:100%;padding-block:clamp(5rem,9vw,8rem) clamp(3rem,6vw,5rem);padding-inline:var(--guides-inline-padding);color:var(--guides-ink)}.dark .guides-page{--guides-ink: #f8fafc;--guides-copy: #cbd5e1;--guides-muted: #94a3b8;--guides-line: #273449;--guides-surface: #0f172a;--guides-surface-soft: #111827;--guides-brand: #818cf8;--guides-brand-strong: #a5b4fc;--guides-focus: #a5b4fc}.guides-page__hero,.guides-filters,.guides-browse,.guides-results,.guides-grid,.guides-pagination{inline-size:min(100%,80rem);margin-inline:auto}.guides-page__hero{margin-block-end:var(--guides-section-gap);text-align:center}.guides-page__eyebrow{display:block;margin-block-end:.5rem;color:var(--guides-brand);font-size:.75rem;font-weight:800;letter-spacing:.08em;line-height:1rem;text-transform:uppercase}.guides-page__title{margin:0;color:var(--guides-ink);font-size:clamp(2.5rem,5.2vw,4.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.05}.guides-page__lead{inline-size:min(100%,68ch);margin:clamp(1.25rem,3cqi,1.5rem) auto 0;color:var(--guides-copy);font-size:clamp(1.0625rem,1.5vw,1.25rem);line-height:1.5}.guides-search{position:relative;z-index:1;container-type:inline-size;inline-size:min(100%,42rem);margin-inline:auto;margin-block-end:clamp(2rem,5cqi,2.5rem)}.guides-search__field{position:relative}.guides-search__icon{position:absolute;inset-block:0;inset-inline-start:0;display:flex;align-items:center;padding-inline-start:clamp(.875rem,3cqi,1rem);pointer-events:none}.guides-search__icon svg{inline-size:clamp(1.25rem,4cqi,1.5rem);block-size:auto;color:#818cf8;transition:color .18s ease-out}.guides-search__field:focus-within .guides-search__icon svg{color:var(--guides-brand)}.guides-search__input{box-sizing:border-box;display:block;inline-size:100%;min-block-size:var(--guides-control-min);padding-block:clamp(.75rem,3cqi,1rem);padding-inline:clamp(2.75rem,9cqi,3rem);border:.125rem solid color-mix(in srgb,var(--guides-brand) 16%,var(--guides-line));border-radius:999px;background:color-mix(in srgb,var(--guides-surface) 84%,transparent);box-shadow:0 .125rem .25rem #0f172a0f;color:var(--guides-ink);font-size:clamp(1rem,3.5cqi,1.125rem);transition:border-color .18s ease-out,background-color .18s ease-out,box-shadow .18s ease-out}.guides-search__input:focus{border-color:var(--guides-focus);outline:none;background:var(--guides-surface);box-shadow:0 0 0 .25rem color-mix(in srgb,var(--guides-focus) 20%,transparent)}.guides-search__input::-moz-placeholder{color:var(--guides-muted)}.guides-search__input::placeholder{color:var(--guides-muted)}.guides-search__input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.guides-search__clear{position:absolute;inset-block:0;inset-inline-end:0;display:flex;inline-size:clamp(2.75rem,9cqi,3rem);align-items:center;justify-content:center;border-radius:0 999px 999px 0;color:var(--guides-muted);transition:color .18s ease-out}.guides-search__clear:hover{color:var(--guides-ink)}.guides-search__clear:focus-visible,.guides-filter:focus-visible,.guide-category__action:focus-visible,.guides-empty__action:focus-visible,.guide-card:focus-visible{outline:.1875rem solid var(--guides-focus);outline-offset:.1875rem}.guides-search__clear svg{inline-size:1.25rem;block-size:auto}.guides-filters{overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:var(--guides-inline-padding);scroll-snap-type:inline proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-block-end:var(--guides-section-gap)}.guides-filters::-webkit-scrollbar{display:none}.guides-filters__list{box-sizing:border-box;display:flex;inline-size:-moz-max-content;inline-size:max-content;min-inline-size:100%;padding-block:.5rem 1rem;padding-inline:.5rem;flex-wrap:nowrap;justify-content:center;gap:clamp(.5rem,1.5cqi,.75rem)}.guides-filter{scroll-snap-align:start;min-block-size:var(--guides-control-min);padding-block:.5rem;padding-inline:clamp(.875rem,3cqi,1.5rem);border:1px solid var(--guides-line);border-radius:999px;background:var(--guides-surface);color:var(--guides-copy);font-size:.875rem;font-weight:700;line-height:1.25rem;white-space:nowrap;transition:border-color .18s ease-out,background-color .18s ease-out,color .18s ease-out}.guides-filter:hover{border-color:color-mix(in srgb,var(--guides-brand) 42%,var(--guides-line));color:var(--guides-brand-strong)}.guides-filter[aria-pressed=true]{border-color:var(--guides-ink);background:var(--guides-ink);color:var(--guides-surface);box-shadow:0 .25rem .75rem #0f172a24}.guides-browse{display:grid;gap:clamp(3rem,8cqi,5rem)}.guide-category{container-name:guide-category;container-type:inline-size;min-inline-size:0}.guide-category__header{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:.75rem 1.5rem;margin-block-end:clamp(1rem,3cqi,1.5rem)}.guide-category__title,.guides-results__title{margin:0;color:var(--guides-ink);font-size:clamp(1.5rem,4cqi,2rem);font-weight:800;letter-spacing:-.02em;line-height:1.15}.guide-category__count,.guides-results__count{margin:.375rem 0 0;color:var(--guides-muted);font-size:.875rem;line-height:1.5}.guide-category__action{min-block-size:var(--guides-control-min);padding-inline:.75rem;border-radius:999px;color:var(--guides-brand-strong);font-size:.875rem;font-weight:800;white-space:nowrap}.guide-category__action:hover{background:color-mix(in srgb,var(--guides-brand) 8%,transparent)}.guide-category__rail{display:flex;overflow-x:auto;align-items:stretch;margin:0;padding:0 0 .5rem;gap:clamp(.875rem,2.5cqi,1.5rem);list-style:none;overscroll-behavior-inline:contain;scroll-padding-inline:0;scroll-snap-type:inline mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.guide-category__rail::-webkit-scrollbar{display:none}.guide-category__rail .guide-card-shell{flex:0 0 min(88cqi,20rem);scroll-snap-align:start}.guide-category__rail .guide-card__cover{block-size:auto;aspect-ratio:2 / 1;padding:clamp(.75rem,5cqi,1.5rem)}.guide-category__rail .guide-card__body{padding:clamp(1rem,6cqi,1.5rem)}@container guide-category (inline-size >= 64rem){.guide-category__rail{display:grid;overflow:visible;grid-template-columns:repeat(3,minmax(0,1fr));padding-block-end:0}.guide-category__rail .guide-card-shell{flex:none}}.guides-results{scroll-margin-block-start:clamp(5rem,12cqi,7rem)}.guides-results__header{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:.75rem 1.5rem;margin-block-end:clamp(1rem,3cqi,1.5rem)}.guides-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:clamp(1rem,2.5cqi,2rem);margin:0;padding:0;list-style:none}.guides-empty{grid-column:1 / -1;padding-block:clamp(3rem,10cqi,5rem);text-align:center}.guides-empty__icon{display:flex;inline-size:clamp(3.5rem,12cqi,5rem);aspect-ratio:1;align-items:center;justify-content:center;margin-inline:auto;margin-block-end:clamp(1rem,3cqi,1.5rem);border-radius:50%;background:var(--guides-surface-soft)}.guides-empty__icon svg{inline-size:50%;block-size:auto;color:var(--guides-muted)}.guides-empty__title{margin:0;color:var(--guides-ink);font-size:clamp(1.5rem,4cqi,2rem);font-weight:800}.guides-empty__copy{margin-block:.5rem 0;color:var(--guides-muted);line-height:1.5}.guides-empty__action{min-block-size:var(--guides-control-min);margin-block-start:clamp(1rem,3cqi,1.5rem);padding-inline:1rem;color:var(--guides-brand-strong);font-weight:700}.guides-empty__action:hover{text-decoration:underline}.guide-card-shell{container-type:inline-size;display:flex;min-inline-size:0}.guide-card-article{display:flex;flex:1 1 auto;min-inline-size:0}.guide-card{display:flex;inline-size:100%;block-size:100%;overflow:hidden;flex-direction:column;border:1px solid var(--guides-line);border-radius:clamp(1.25rem,6cqi,1.5rem);background:var(--guides-surface);box-shadow:0 .125rem .375rem #0f172a12;transition:border-color .18s ease-out,box-shadow .18s ease-out}.guide-card:hover{border-color:color-mix(in srgb,var(--guides-brand) 32%,var(--guides-line));box-shadow:0 .75rem 1.75rem #0f172a1f}.guide-card__cover{position:relative;display:flex;overflow:hidden;aspect-ratio:8 / 5;align-items:center;justify-content:center;padding:clamp(1rem,7cqi,2rem)}.guide-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000001a;mix-blend-mode:overlay;transition:opacity .18s ease-out}.guide-card:hover .guide-card__overlay{opacity:0}.guide-card__glow{position:absolute;inset-block-start:0;inset-inline-end:0;inline-size:clamp(5rem,25cqi,8rem);aspect-ratio:1;border-radius:50%;background:#fff3;filter:blur(clamp(1rem,6cqi,2rem));transform:translate(33%,-50%)}.guide-card__category-title{position:relative;z-index:1;margin:0;color:#fff;font-size:clamp(1.5rem,8cqi,1.875rem);font-weight:800;text-align:center;text-shadow:0 .125rem .25rem rgb(15 23 42 / .28)}.guide-card__body{display:flex;flex:1 1 auto;flex-direction:column;padding:clamp(1rem,7cqi,2rem)}.guide-card__title{margin:0;color:var(--guides-ink);font-size:clamp(1.125rem,6cqi,1.25rem);font-weight:700;line-height:1.3;transition:color .18s ease-out}.guide-card:hover .guide-card__title{color:var(--guides-brand-strong)}.guide-card__summary{margin-block:clamp(.75rem,3cqi,1rem) clamp(1rem,5cqi,1.5rem);color:var(--guides-copy);font-size:.875rem;line-height:1.5rem}.guide-card__metadata{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:clamp(.5rem,2cqi,.75rem);margin-block-start:auto;padding-block-start:clamp(1rem,5cqi,1.5rem);border-block-start:1px solid var(--guides-line)}.guide-card__author{display:flex;min-inline-size:0;align-items:flex-start;gap:.375rem;color:var(--guides-ink);font-size:.875rem;font-weight:600}.guide-card__author svg{flex:0 0 auto;inline-size:1rem;block-size:auto;color:var(--guides-brand)}.guide-card__read-time{color:var(--guides-muted);font-size:.875rem;font-weight:500;white-space:nowrap}@media(prefers-reduced-motion:reduce){.guides-page *,.guides-page *:before,.guides-page *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(forced-colors:active){.guides-filter[aria-pressed=true]{outline:.1875rem solid Highlight;outline-offset:.1875rem}}