@layer components{.blog-hero.journal-hero{padding-block:42px 56px}.journal-heading{grid-template-columns:1.25fr 1fr;align-items:end;gap:80px;display:grid}.journal-hero .journal-heading h1{font-size:clamp(44px,4.9vw,68px);line-height:1.08}.journal-heading>p{max-width:43ch;padding-bottom:4px;font-size:17px;line-height:1.8}.journal-index .blog-tools{gap:28px;margin-bottom:0;padding-block:18px}.journal-index .blog-filters{gap:8px 22px}.journal-index .filter-button{background:0 0;border-bottom:2px solid #0000;border-radius:0;min-height:44px;padding:8px 0;font-size:14px}.journal-index .filter-button[aria-pressed=true]{color:var(--text);border-bottom-color:var(--link-blue);background:0 0}.journal-index .filter-button:hover{color:var(--text);background:0 0}.journal-index .blog-search{border-color:var(--line);border-width:0 0 0 1px;border-radius:0;padding:10px 0 10px 14px}.journal-index .blog-search input{width:180px;min-height:24px;font-size:14px}.journal-index .blog-search input::placeholder{color:var(--muted)}.journal-results{flex-wrap:wrap;justify-content:space-between;gap:10px 24px;padding-block:24px;font-size:13px;display:flex}.journal-results>p{color:var(--text)}.journal-results>span{color:var(--muted)}.journal-list{border-top:1px solid var(--line)}.post-row{border-bottom:1px solid var(--line);grid-template-columns:200px minmax(0,1fr);gap:56px;padding-block:34px;display:grid}.post-row-meta{color:var(--muted);flex-direction:column;align-items:start;gap:6px;padding-top:5px;font-size:13px;display:flex}.post-row-meta>span:first-child{color:var(--link-blue);margin-bottom:9px;font-size:14px}.post-row-copy{min-width:0}.post-row-copy h2{letter-spacing:-.025em;font-size:clamp(23px,2.25vw,30px);line-height:1.35}.post-row-copy h2>a{justify-content:space-between;align-items:start;gap:40px;display:flex}.post-row-copy h2 svg{color:var(--link-blue);margin-top:8px;transition:transform .18s cubic-bezier(.2,0,0,1)}.post-row-copy>p{max-width:66ch;color:var(--muted);margin-top:14px;padding-right:46px;font-size:16px;line-height:1.8}.journal-index .empty-state{border:0;border-bottom:1px solid var(--line);border-radius:0;padding-block:48px}.article-toc.journal-toc a[data-section-id]{color:var(--muted);border-left:2px solid #0000;padding-left:14px}.article-toc.journal-toc a[data-section-id][aria-current=location]{border-left-color:var(--link-blue);color:var(--text)}.article-toc.journal-toc a[data-section-id]:hover{color:var(--text)}.journal-toc .all-guides-link{color:var(--link-blue);margin-top:20px}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.post-row-copy h2>a:hover svg{transform:translate(3px,-3px)}}}@layer responsive{@media (width<=1100px){.journal-heading{gap:42px}.journal-index .blog-tools{flex-wrap:wrap}.post-row{grid-template-columns:170px minmax(0,1fr);gap:36px}}@media (width<=900px){.blog-hero.journal-hero{padding-block:30px 40px}.journal-heading{grid-template-columns:1fr;gap:24px}.journal-heading>p{max-width:55ch}.journal-index .blog-tools{flex-direction:column;align-items:stretch;gap:18px}.journal-index .blog-search{border:1px solid var(--line);padding:10px 14px}.journal-index .blog-search input{width:100%}.article-toc.journal-toc{border-block:1px solid var(--line);background:0 0;border-radius:0;padding:24px 0}.article-toc.journal-toc a[data-section-id]{margin-right:0;padding-block:9px;font-size:14px;display:block}}@media (width<=600px){.journal-hero .journal-heading h1{font-size:clamp(35px,9vw,48px)}.journal-heading>p{font-size:16px}.journal-index .blog-filters{gap:4px 20px}.journal-index .filter-button{font-size:13px}.journal-results{padding-block:20px;font-size:12px}.post-row{grid-template-columns:1fr;gap:16px;padding-block:28px}.post-row-meta{flex-flow:wrap;align-items:baseline;gap:8px 16px;padding-top:0;font-size:12px}.post-row-meta>span:first-child{margin-bottom:0;font-size:12px}.post-row-copy h2{font-size:23px}.post-row-copy h2>a{gap:20px}.post-row-copy h2 svg{width:18px;height:18px;margin-top:7px}.post-row-copy>p{padding-right:0;font-size:16px}}@media (prefers-reduced-motion:reduce){.post-row-copy h2 svg{transition:none;transform:none}}}