._8qrUIa_root{background:var(--background);width:100%;min-width:0;color:var(--foreground);font-family:var(--font-body);letter-spacing:var(--tracking-body);container:blog/inline-size}._8qrUIa_inner{max-width:1180px;padding:var(--space-16) var(--space-6);margin:0 auto;position:relative}._8qrUIa_index{gap:var(--space-8);display:grid}._8qrUIa_header{gap:var(--space-3);max-width:600px;display:grid}._8qrUIa_title{font-family:var(--font-display);font-size:clamp(1.75rem, 1rem + 3cqi, var(--text-4xl));letter-spacing:var(--tracking-display);font-weight:500;line-height:var(--leading-display);margin:0}._8qrUIa_description{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-body);text-wrap:pretty;margin:0}._8qrUIa_filters{margin:0 calc(var(--space-6) * -1);padding:0 var(--space-6);scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}._8qrUIa_filters::-webkit-scrollbar{display:none}._8qrUIa_filter{isolation:isolate;border-radius:var(--radius-pill);height:36px;padding:0 var(--space-4);color:var(--text-secondary);font:inherit;font-size:var(--text-sm);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--duration-fast) var(--ease-standard);background:0 0;border:0;flex:none;font-weight:500;position:relative}._8qrUIa_filter[aria-pressed=true]{color:var(--background)}@media (hover:hover) and (pointer:fine){._8qrUIa_filter[aria-pressed=false]:hover{color:var(--foreground)}}._8qrUIa_filterHighlight{z-index:-1;border-radius:inherit;background:var(--foreground);position:absolute;inset:0}._8qrUIa_clip{min-width:0}._8qrUIa_clip[data-clip]{overflow:hidden}._8qrUIa_stack{gap:var(--space-8);display:grid}._8qrUIa_page{gap:var(--space-12);display:grid}._8qrUIa_grid{gap:var(--space-12) var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}._8qrUIa_card,._8qrUIa_featured{align-content:start;gap:var(--space-4);color:inherit;-webkit-tap-highlight-color:transparent;border-radius:22px;text-decoration:none;display:grid}._8qrUIa_featured{align-items:center;gap:var(--space-10);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}._8qrUIa_imageFrame{aspect-ratio:3/2;background:var(--surface-muted);border-radius:20px;position:relative;overflow:hidden}._8qrUIa_featured ._8qrUIa_imageFrame{aspect-ratio:16/10;border-radius:26px}._8qrUIa_image{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-considered) var(--ease-standard);display:block}._8qrUIa_cardBody{align-content:start;gap:var(--space-2);display:grid}._8qrUIa_featured ._8qrUIa_cardBody{gap:var(--space-3)}._8qrUIa_meta{color:var(--text-muted);font-size:var(--text-xs);flex-wrap:wrap;gap:6px;margin:0;display:flex}._8qrUIa_meta span:first-child{color:var(--foreground);font-weight:500}._8qrUIa_cardTitle{font-size:var(--text-lg);text-wrap:balance;transition:color var(--duration-fast) var(--ease-standard);margin:0;font-weight:500;line-height:1.3}._8qrUIa_featuredTitle{font-family:var(--font-display);font-size:clamp(var(--text-2xl), 1rem + 2.2cqi, var(--text-3xl));letter-spacing:var(--tracking-display);font-weight:500;line-height:var(--leading-display);text-wrap:balance;margin:0}._8qrUIa_excerpt{color:var(--text-secondary);font-size:var(--text-sm);text-wrap:pretty;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}._8qrUIa_featured ._8qrUIa_excerpt{font-size:var(--text-base);-webkit-line-clamp:3}._8qrUIa_byline{align-items:center;gap:var(--space-2);min-width:0;margin-top:var(--space-2);font-size:var(--text-sm);display:flex}._8qrUIa_avatar{background:var(--surface-muted);object-fit:cover;border-radius:50%;flex:none;width:24px;height:24px}._8qrUIa_authorName{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}._8qrUIa_readTime{color:var(--text-muted);flex:none}._8qrUIa_readTime:before{content:"·";margin-right:var(--space-2)}._8qrUIa_card:active ._8qrUIa_imageFrame,._8qrUIa_featured:active ._8qrUIa_imageFrame{transform:scale(.99)}._8qrUIa_imageFrame{transition:transform var(--duration-fast) var(--ease-standard)}@media (hover:hover) and (pointer:fine){._8qrUIa_card:hover ._8qrUIa_image,._8qrUIa_featured:hover ._8qrUIa_image{transform:scale(1.03)}._8qrUIa_card:hover ._8qrUIa_cardTitle{color:var(--text-secondary)}}._8qrUIa_empty{padding:var(--space-16) 0;color:var(--text-secondary);text-align:center;margin:0}._8qrUIa_pagination{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-6);display:flex;position:relative}._8qrUIa_pagination:before{content:"";background:var(--border);height:1px;position:absolute;top:0;left:0;right:0}._8qrUIa_pageNumbers{gap:2px;display:flex}._8qrUIa_pageNumber,._8qrUIa_pageStep{isolation:isolate;border-radius:var(--radius-pill);min-width:36px;height:36px;padding:0 var(--space-3);color:var(--text-secondary);font:inherit;font-size:var(--text-sm);font-variant-numeric:tabular-nums;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--duration-fast) var(--ease-standard), transform var(--duration-instant) var(--ease-standard);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;font-weight:500;display:inline-flex;position:relative}._8qrUIa_pageNumber{padding:0}._8qrUIa_pageNumber[aria-current=page]{color:var(--foreground)}._8qrUIa_pageHighlight{z-index:-1;border-radius:inherit;background:var(--surface-muted);position:absolute;inset:0}._8qrUIa_pageStep:disabled{color:var(--text-muted);opacity:.5;cursor:default}._8qrUIa_pageStep:not(:disabled):active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){._8qrUIa_pageNumber:hover,._8qrUIa_pageStep:not(:disabled):hover{color:var(--foreground)}}._8qrUIa_reader{gap:var(--space-8);max-width:760px;margin:0 auto;display:grid}._8qrUIa_back{border-radius:var(--radius-pill);width:fit-content;height:36px;padding:0 var(--space-3) 0 var(--space-2);margin-left:calc(var(--space-2) * -1);color:var(--text-secondary);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);background:0 0;border:0;align-items:center;gap:6px;font-weight:500;display:inline-flex}@media (hover:hover) and (pointer:fine){._8qrUIa_back:hover{background:var(--surface-muted);color:var(--foreground)}}._8qrUIa_readerHead{gap:var(--space-3);display:grid}._8qrUIa_readerTitle{font-family:var(--font-display);font-size:clamp(var(--text-2xl), 1rem + 3.4cqi, var(--text-4xl));letter-spacing:var(--tracking-display);font-weight:500;line-height:var(--leading-display);text-wrap:balance;margin:0}._8qrUIa_readerImage{aspect-ratio:16/9;background:var(--surface-muted);border-radius:26px;overflow:hidden}._8qrUIa_readerBody{gap:var(--space-5);display:grid}._8qrUIa_readerBody p{color:var(--text-secondary);font-size:var(--text-lg);text-wrap:pretty;margin:0;line-height:1.65}._8qrUIa_readerBody ._8qrUIa_lead{color:var(--foreground);font-size:var(--text-xl);line-height:1.5}@container blog (max-width:900px){._8qrUIa_grid{grid-template-columns:repeat(2,minmax(0,1fr))}._8qrUIa_featured{gap:var(--space-6)}}@container blog (max-width:680px){._8qrUIa_inner{padding:var(--space-12) var(--space-4)}._8qrUIa_filters{margin:0 calc(var(--space-4) * -1);padding:0 var(--space-4)}._8qrUIa_featured{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}._8qrUIa_featured ._8qrUIa_imageFrame{aspect-ratio:3/2;border-radius:20px}._8qrUIa_page{gap:var(--space-10)}._8qrUIa_grid{gap:var(--space-10) var(--space-4)}._8qrUIa_readerBody p{font-size:var(--text-base)}._8qrUIa_readerBody ._8qrUIa_lead{font-size:var(--text-lg)}}@container blog (max-width:540px){._8qrUIa_grid{grid-template-columns:minmax(0,1fr)}._8qrUIa_pageStep span{display:none}._8qrUIa_pageStep{padding:0}}@media (prefers-reduced-motion:reduce){._8qrUIa_image,._8qrUIa_imageFrame{transition:none}._8qrUIa_card:hover ._8qrUIa_image,._8qrUIa_featured:hover ._8qrUIa_image{transform:none}}
