svg{height:var(--46f1723d);width:var(--6e79d1f0)}svg{height:var(--0578e43c);width:var(--2a4ca411)}svg>#arrow{fill:red}.featured-blog-post{align-items:center;background-color:var(--clr-subtle-grey);border-radius:.75em;color:var(--clr-primary-text);display:flex;flex-direction:row;font-size:1.125rem;gap:16px;padding-block:.5rem;padding-inline:1rem}.featured-blog-post>.icon{min-inline-size:18px}.featured-blog-post>.icon>#arrow{fill:var(--clr-tertiary-text)}.featured-blog-post:hover{color:var(--clr-link)}.featured-blog-post:hover>.icon>#arrow{fill:var(--clr-link)}.featured-blog-post:focus-visible:not(:hover)>.icon>#arrow{fill:var(--clr-focus)}@media screen and (min-width:72em){.featured-blog-post{font-size:1.25rem}}section.blog-section{display:grid;gap:24px;grid-template-areas:"title" "posts" "others";grid-template-columns:1fr;padding-block:48px;padding-inline:max(16px,(100% - var(--paragraph-inline-size))/2)}section.blog-section>h2{grid-area:title;margin-block-end:12px}@media screen and (min-width:72em){section.blog-section>h2{margin-block-end:0}}section.blog-section>.featured-blog-posts{align-items:start;display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;grid-area:posts;inline-size:100%;max-inline-size:100%}@media screen and (min-width:72em){section.blog-section>.featured-blog-posts{flex-direction:row;gap:32px}}section.blog-section>.other-blog-posts{font-size:1.125rem;grid-area:others;line-height:1.6667em;margin-block-start:4px}section.blog-section>.other-blog-posts a{font-weight:700}@media screen and (min-width:72em){section.blog-section{gap:48px;padding-block:96px;padding-inline:max(16px,(100% - 1152px)/2)}}