.blog-page {padding-top:160px;}
.blog-page__header {margin-bottom:56px;}
.blog-page h1,.blog-post h1 {margin:0;font-family:var(--font-display);font-size:64px;font-weight:600;line-height:72px;color:var(--color-menu);}
.blog-post {padding-top:160px;padding-bottom:var(--space-16);}
.blog-post__header {max-width:800px;margin:0 auto 56px;}
.blog-post__image {max-width:800px;margin:0 auto var(--space-10);border-radius:var(--space-2);overflow:hidden;}
.blog-post__image img {display:block;width:100%;height:448px;object-fit:cover;}
.blog-post__content {max-width:800px;margin-inline:auto;}
.blog-post__content section + section {margin-top:var(--space-5);}
.blog-post__content h2 {margin:0 0 var(--space-2);font-size:39px;font-weight:500;line-height:1.1;text-wrap:wrap;}
.blog-post__content p {margin:0;font-size:20px;font-weight:400;line-height:1.3;text-wrap:wrap;}
.blog-post__footer {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);max-width:800px;margin:var(--space-10) auto 0;padding-top:var(--space-4);border-top:1px solid rgb(90 98 113 / 24%);}
.blog-post__share {display:flex;flex-wrap:wrap;gap:var(--space-1);max-width:100%;}
.blog-post__share-button {display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:var(--space-1);background:var(--color-surface);color:var(--color-ink);font:inherit;font-size:24px;line-height:1;cursor:pointer;transition:background-color 200ms var(--ease-out),color 200ms var(--ease-out);}
.blog-post__share-status {flex-basis:100%;margin:0;font-size:var(--font-size-small);line-height:var(--line-body);}
.blog-post__share-status:empty {display:none;}
@media(hover:hover) and (pointer:fine) {.blog-post__share-button:hover {background:var(--color-ink);color:var(--color-paper);}}
@media(max-width:807.98px) {
  .blog-page,.blog-post {padding-top:128px;}
  .blog-page__header,.blog-post__header {margin-bottom:var(--space-4);}
  .blog-page h1,.blog-post h1 {font-size:40px;line-height:48px;}
  .blog-post {padding-bottom:var(--space-10);}
  .blog-post__image {margin-bottom:var(--space-5);}
  .blog-post__image img {height:280px;}
  .blog-post__content h2 {font-size:30px;line-height:1.1;}
  .blog-post__content p {font-size:18px;line-height:1.3;}

  .blog-post__footer {margin-top:var(--space-5);}

}

.blog-post__back {margin-left:auto;}

.blog-page__filters button {flex:none;white-space:nowrap;padding:var(--space-1) 0;border:0;background:transparent;color:rgb(38 42 54 / 56%);font-size:var(--font-size-body);font-weight:600;line-height:var(--line-body);cursor:pointer;}
.blog-page__filters button[aria-pressed="true"] {color:var(--color-black);}
.blog-post__meta {display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);margin-bottom:var(--space-2);font-size:var(--font-size-small);line-height:var(--line-body);color:rgb(38 42 54 / 72%);}

.blog-page__tools {display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);}
.blog-page__filters {min-width:0;}
.blog-page__search:not([hidden]) {display:flex;align-items:center;flex:0 0 320px;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid rgb(90 98 113 / 24%);border-radius:var(--space-1);}
.blog-page__search:focus-within {border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent);}
.blog-page__search .ti {flex:none;font-size:24px;line-height:24px;}
.blog-page__search input {width:100%;min-width:0;padding:0;border:0;outline:none;background:transparent;color:var(--color-menu);font:inherit;font-size:var(--font-size-body);line-height:var(--line-body);appearance:none;}
.blog-page__search input::-webkit-search-cancel-button {display:none;}
.blog-page__search button:not([hidden]) {display:grid;place-items:center;flex:none;width:24px;height:24px;padding:0;border:0;background:transparent;color:var(--color-menu);cursor:pointer;}
.blog-page__empty {margin:0;font-size:var(--font-size-body);line-height:var(--line-body);}
@media(max-width:807.98px) {
  .blog-page__tools {flex-direction:column;align-items:stretch;gap:var(--space-2);}
  .blog-page__search:not([hidden]) {flex:auto;}
  }

.blog-page__pagination:not([hidden]) {display:flex;justify-content:center;align-items:center;gap:var(--space-0-5);margin-top:var(--space-5);}
.blog-page__pagination button {min-width:32px;min-height:48px;padding:var(--space-1);border:0;background:transparent;color:rgb(38 42 54 / 56%);font:inherit;cursor:pointer;}
.blog-page__pagination button[aria-current="page"] {color:var(--color-menu);font-weight:600;}
#blog-grid {scroll-margin-top:112px;}

.blog-page__pagination button:disabled {opacity:.3;cursor:default;}
.blog-page__pagination > span {display:grid;place-items:center;min-width:32px;}

.blog-page__pagination .ti {font-size:24px;vertical-align:middle;}

@media (max-width:359.98px) {
  .blog-page__pagination:not([hidden]) {gap:0;}
  .blog-page__pagination > button,.blog-page__pagination > span {flex:0 1 32px;min-width:0;padding-inline:0;}
}

@media(max-width:807.98px) {.blog-post__footer {row-gap:var(--space-4);}}

.blog-post__content p + p {margin-top:var(--space-2);}
.blog-post__references ul {margin:0;padding-left:var(--space-3);font-size:20px;line-height:1.3;}
.blog-post__references li + li {margin-top:var(--space-1);}
.blog-post__references a {text-decoration:underline;text-underline-offset:4px;}

@media(max-width:807.98px) {.blog-post__references ul {font-size:18px;}}