@charset "UTF-8";
s {
  position: relative;
  text-decoration: none;
}
s:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0;
  width: calc(100% + 0.5em);
  height: 100%;
  margin-top: -0.03em;
  margin-left: -0.25em;
  border-top: solid 0.15em var(--green);
}

@media (min-width: 769px) {
  body.body--no_scroll {
    overflow: hidden;
  }
}

.dose_blogs_index {
  position: relative;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  position: relative;
  margin-bottom: 200px;
  border-top: solid 1px var(--black);
}
@supports (padding: clamp(1em, 1vw, 1em)) {
  .dose_blogs_index {
    margin-bottom: clamp(110px, 14.2857142857vw, 200px);
  }
}

.dose_blogs_index__heading {
  z-index: 60;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 0.03875em;
  font-size: 36px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.8em;
  text-indent: 0.8em;
  color: var(--green);
  pointer-events: none;
  transform: translateY(-50%);
}
@supports (padding: clamp(1em, 1vw, 1em)) {
  .dose_blogs_index__heading {
    font-size: clamp(36px, 6.4285714286vw, 90px);
  }
}

.dose_blogs_index__link {
  z-index: 50;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dose_blogs_index__link span {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.dose_blogs_index__list {
  display: grid;
  margin-top: 120px;
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  row-gap: 60px;
}

.dose_blogs_index__item {
  position: relative;
}
@media (min-width: 769px) {
  .dose_blogs_index__item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: flex-end;
  }
}

.dose_blogs_index__content {
  z-index: 80;
  position: relative;
}
@media (max-width: 768px) {
  .dose_blogs_index__content {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: 16px;
    max-width: 480px;
    transform: translateY(6px);
  }
}
@media (min-width: 769px) {
  .dose_blogs_index__content {
    grid-row: 1;
    grid-column: 1/span 2;
    margin-bottom: 25px;
    margin-left: 33.3333333333%;
  }
}

.dose_blogs_index__title {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  text-wrap: pretty;
}
@media (min-width: 769px) {
  .dose_blogs_index__title {
    font-size: 20px;
    line-height: 26px;
  }
}
.dose_blogs_index__title a {
  position: relative;
  display: block;
  padding: 0.5em 0 0.5em;
  line-height: 1.2;
  border-left: solid 32px var(--black);
  text-decoration: none;
  transform: translateZ(0);
  transition: border 0.4s, background 0.4s, color 0.4s;
  color: var(--white);
}
.dose_blogs_index__title a:hover, .dose_blogs_index__title a:focus, .dose_blogs_index__item:hover .dose_blogs_index__title a {
  border-color: var(--green);
  color: var(--black);
}
.dose_blogs_index__title a:hover .text-outer, .dose_blogs_index__title a:focus .text-outer, .dose_blogs_index__item:hover .dose_blogs_index__title a .text-outer {
  background-color: var(--green);
}
.dose_blogs_index__title a .text-outer {
  padding: 0.5em 0 0.54em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  background-color: var(--black);
  transition: background 0.4s;
}
@media (min-width: 769px) {
  .dose_blogs_index__title a .text-outer {
    padding: 0.5em 0 0.53em;
  }
}
@-moz-document url-prefix() {
  .dose_blogs_index__title a .text-outer {
    padding: 0.6em 0 0.58em;
  }
}
@supports (not (-webkit-text-size-adjust: none)) and (font: -apple-system-body) {
  .dose_blogs_index__title a .text-outer {
    padding: 0.5em 0 0.57em;
  }
  @media (min-width: 769px) {
    .dose_blogs_index__title a .text-outer {
      padding: 0.5em 0 0.56em;
    }
  }
}
@supports (-webkit-text-size-adjust: none) and (font: -apple-system-body) {
  .dose_blogs_index__title a .text-outer {
    padding: 0.44em 0 0.5em 0;
  }
}
.dose_blogs_index__title a .text-inner {
  position: relative;
  left: -16px;
}

.dose_blogs_index__published {
  margin-top: 20px;
  display: block;
  padding-left: 16px;
  font-size: 16px;
  line-height: 1.1875;
}
@supports (padding: clamp(1em, 1vw, 1em)) {
  .dose_blogs_index__published {
    font-size: clamp(16px, 1.7142857143vw, 24px);
  }
}
.dose_blogs_index__published > span {
  position: relative;
}
.dose_blogs_index__published > span:before {
  content: "";
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: -16px;
  width: calc(100% + 32px);
  height: 0.35em;
  background-color: var(--green);
  transition: background 0.4s;
}
.dose_blogs_index__item:hover .dose_blogs_index__published > span:before {
  background-color: var(--silver);
}
.dose_blogs_index__published > span span {
  position: relative;
  z-index: 10;
}

.dose_blogs_index__background {
  position: relative;
  aspect-ratio: 300/200;
  overflow: hidden;
  background-color: var(--white);
}
@media (min-width: 769px) {
  .dose_blogs_index__background {
    grid-row: 1;
    grid-column: 1;
  }
}

.dose_blogs_index__background__image {
  height: 100%;
  transform: scale(1.025);
  transition: transform 1s;
}
.dose_blogs_index__item:hover .dose_blogs_index__background__image, .dose_blogs_index__item:focus-within .dose_blogs_index__background__image {
  transform: scale(1);
}
.dose_blogs_index__item:hover .dose_blogs_index__background__image img, .dose_blogs_index__item:focus-within .dose_blogs_index__background__image img {
  filter: grayscale(0);
}
.dose_blogs_index__background__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: filter 0.75s;
  filter: grayscale(100);
}

.dose_blogs_index__background__fade {
  z-index: 40;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: var(--blogs_index_fade);
}

.dose_blogs_index__pagination {
  position: relative;
  margin-top: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dose_blogs_index__pagination ul.page-numbers {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .dose_blogs_index__pagination ul.page-numbers {
    width: 100%;
  }
}
.dose_blogs_index__pagination ul.page-numbers li {
  margin-left: 4px;
  margin-right: 4px;
}
.dose_blogs_index__pagination ul.page-numbers li > a,
.dose_blogs_index__pagination ul.page-numbers li > span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border: solid 2px transparent;
  font-size: 16px;
  text-align: center;
  line-height: 50px;
  border-radius: 25px;
}
.dose_blogs_index__pagination ul.page-numbers li > a {
  text-decoration: none;
  background-color: var(--green);
  color: var(--black);
  transition: background 0.2s, color 0.2s;
}
.dose_blogs_index__pagination ul.page-numbers li > a:hover, .dose_blogs_index__pagination ul.page-numbers li > a:focus {
  background-color: var(--black);
  color: var(--green);
}
@media (max-width: 768px) {
  .dose_blogs_index__pagination ul.page-numbers li > a.page-numbers {
    display: none;
  }
}
.dose_blogs_index__pagination ul.page-numbers li.pagination__item--current > span {
  border-color: var(--green);
  background-color: var(--silver);
  color: var(--black);
}
@media (max-width: 768px) {
  .dose_blogs_index__pagination ul.page-numbers li.pagination__item--current > span {
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
  }
  .dose_blogs_index__pagination ul.page-numbers li.pagination__item--current > span:before {
    content: "Page ";
  }
}
@media (max-width: 768px) {
  .dose_blogs_index__pagination ul.page-numbers li.pagination__item--first,
  .dose_blogs_index__pagination ul.page-numbers li.pagination__item--last {
    display: none;
  }
}
@media (max-width: 768px) {
  .dose_blogs_index__pagination ul.page-numbers li.pagination__item--prev > a.page-numbers,
  .dose_blogs_index__pagination ul.page-numbers li.pagination__item--next > a.page-numbers,
  .dose_blogs_index__pagination ul.page-numbers li.pagination__item--first > a.page-numbers,
  .dose_blogs_index__pagination ul.page-numbers li.pagination__item--last > a.page-numbers {
    display: flex;
  }
}
@media (min-width: 769px) {
  .dose_blogs_index__pagination ul.page-numbers li.pagination__item--prev svg,
  .dose_blogs_index__pagination ul.page-numbers li.pagination__item--next svg,
  .dose_blogs_index__pagination ul.page-numbers li.pagination__item--first svg,
  .dose_blogs_index__pagination ul.page-numbers li.pagination__item--last svg {
    display: none;
  }
}
@media (max-width: 768px) {
  .dose_blogs_index__pagination ul.page-numbers li.pagination__item--prev .text,
  .dose_blogs_index__pagination ul.page-numbers li.pagination__item--next .text,
  .dose_blogs_index__pagination ul.page-numbers li.pagination__item--first .text,
  .dose_blogs_index__pagination ul.page-numbers li.pagination__item--last .text {
    display: none;
  }
}
.dose_blogs_index__pagination ul.page-numbers li.pagination__item--prev > a,
.dose_blogs_index__pagination ul.page-numbers li.pagination__item--next > a,
.dose_blogs_index__pagination ul.page-numbers li.pagination__item--first > a,
.dose_blogs_index__pagination ul.page-numbers li.pagination__item--last > a {
  padding-left: 20px;
  padding-right: 20px;
  width: auto;
}
.dose_blogs_index__pagination ul.page-numbers li.pagination__item--next {
  order: -1;
}
@media (max-width: 768px) {
  .dose_blogs_index__pagination ul.page-numbers li.pagination__item--next {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
  }
}
@media (min-width: 769px) {
  .dose_blogs_index__pagination ul.page-numbers li.pagination__item--next > a {
    min-width: 300px;
  }
}
.dose_blogs_index__pagination ul.page-numbers li.pagination__item--prev {
  order: -2;
}
@media (max-width: 768px) {
  .dose_blogs_index__pagination ul.page-numbers li.pagination__item--prev {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
  }
}
.dose_blogs_index__pagination ul.page-numbers li.pagination__item--prev svg {
  transform: scaleX(-1);
}
@media (min-width: 769px) {
  .dose_blogs_index__pagination ul.page-numbers li.pagination__item--prev > a {
    min-width: 300px;
  }
}
.dose_blogs_index__pagination ul.page-numbers li.pagination__item--prev:has(~ li.pagination__item--next) {
  display: none;
}
@media (max-width: 768px) {
  .dose_blogs_index__pagination ul.page-numbers li.pagination__item--dots {
    display: none;
  }
}
.dose_blogs_index__pagination ul.page-numbers li.pagination__item--dots > span {
  width: auto;
}