.tooto-hcl-widget .journal-shell { background: var(--color-background); color: var(--color-foreground); }
.tooto-hcl-widget .journal { padding-block: var(--journal-mobile-top) var(--journal-mobile-bottom); }
.tooto-hcl-widget .journal__inner, .tooto-hcl-widget .journal__results { min-width: 0; }
.tooto-hcl-widget .journal.section--full-width > .journal__inner { padding-inline: var(--page-margin); }
.tooto-hcl-widget .journal__heading { margin: 0 0 32px; color: var(--journal-accent, currentColor); font: var(--font-heading--weight, 600) clamp(2rem, 1.5rem + 2vw, 3.5rem)/1.4 var(--font-heading--family); letter-spacing: 1px; overflow-wrap: anywhere; }
.tooto-hcl-widget .journal__layout { display: grid; gap: 32px; min-width: 0; }
.tooto-hcl-widget .journal__categories { display: flex; flex-wrap: wrap; align-content: start; gap: 8px 24px; }
.tooto-hcl-widget .journal__category { display: inline-flex; align-items: center; min-height: 44px; color: inherit; font: 400 1.125rem/1.6 var(--font-body--family); letter-spacing: 1px; text-decoration: none; overflow-wrap: anywhere; }
.tooto-hcl-widget .journal__category.is-active { color: var(--journal-accent, currentColor); text-decoration: underline; text-underline-offset: 6px; }
.tooto-hcl-widget .journal__list { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 32px 24px; margin: 0; padding: 0; list-style: none; }
.tooto-hcl-widget .journal__item, .tooto-hcl-widget .journal__card { min-width: 0; }
.tooto-hcl-widget .journal__link { display: block; color: inherit; text-decoration: none; }
.tooto-hcl-widget .journal__media { overflow: hidden; }
.tooto-hcl-widget .journal__image { display: block; width: 100%; height: auto; }
.tooto-hcl-widget .journal__caption { display: grid; gap: 6px; padding-top: 16px; }
.tooto-hcl-widget .journal__date { color: var(--journal-date, currentColor); font: 400 1rem/1.5 var(--font-body--family); }
.tooto-hcl-widget .journal__title { margin: 0; max-width: 30ch; color: inherit; font: 400 1.375rem/1.333333 var(--font-body--family); text-transform: none; overflow-wrap: anywhere; }
.tooto-hcl-widget .journal__empty { grid-column: 1 / -1; margin: 0; padding-block: 24px; font-family: var(--font-body--family); }
.tooto-hcl-widget .journal__pagination { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin-top: 40px; }
.tooto-hcl-widget .journal__pagination a, .tooto-hcl-widget .journal__pagination .current { display: inline-flex; min-width: 44px; min-height: 44px; align-items: center; justify-content: center; color: inherit; }
.tooto-hcl-widget .journal__pagination .current { color: var(--journal-accent, currentColor); }
.tooto-hcl-widget .journal a:focus-visible { outline: 2px solid var(--journal-accent, currentColor); outline-offset: 4px; }
@media (min-width: 1024px) {
  .tooto-hcl-widget .journal { padding-block: var(--journal-top) var(--journal-bottom); }
  .tooto-hcl-widget .journal__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tooto-hcl-widget .journal[data-masonry-ready] .journal__list { grid-auto-rows: 1px; row-gap: 0; }
  .tooto-hcl-widget .journal[data-masonry-ready] .journal__item { grid-row-end: span var(--journal-span, 1); }
  .tooto-hcl-widget .journal__title { font-size: clamp(1.25rem, 0.964286rem + 0.595238vw, 1.5rem); }
}
@media (min-width: 1024px) {
  .tooto-hcl-widget .journal__heading { margin-bottom: 77px; font-size: clamp(2.5rem, 3.888889vw, 3.5rem); }
  .tooto-hcl-widget .journal__layout { grid-template-columns: minmax(120px, 19.609375%) minmax(0, 1fr); gap: 24px; }
  .tooto-hcl-widget .journal__categories { display: flex; flex-direction: column; align-items: flex-start; gap: 0; }
  .tooto-hcl-widget .journal__category { min-height: 32px; font-size: 1.25rem; }
  .tooto-hcl-widget .journal__category.is-active { text-decoration: none; }
}
@media (min-width: 1920px) {
  .tooto-hcl-widget .journal__heading { font-size: clamp(3.5rem, 2rem + 1.25vw, 4rem); }
  .tooto-hcl-widget .journal__title { font-size: clamp(1.5rem, 0.75rem + 0.625vw, 1.75rem); }
  .tooto-hcl-widget .journal__category { font-size: clamp(1.25rem, 0.875rem + 0.3125vw, 1.375rem); }
  .tooto-hcl-widget .journal__date { font-size: clamp(1rem, 0.625rem + 0.3125vw, 1.125rem); }
}
@media (hover: hover) {
  .tooto-hcl-widget .journal__category:hover, .tooto-hcl-widget .journal__link:hover .journal__title { color: var(--journal-accent, currentColor); }
}
@media (prefers-reduced-motion: no-preference) {
  .tooto-hcl-widget .journal__category, .tooto-hcl-widget .journal__title { transition: color 220ms ease; }
  .tooto-hcl-widget .journal[data-motion='true'] .journal__image { transition: transform 900ms cubic-bezier(0.16, 1, 0.3, 1); }
  .tooto-hcl-widget .journal[data-motion='true'] .is-revealed .journal__link { animation: journal-enter 750ms cubic-bezier(0.16, 1, 0.3, 1) both; }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .tooto-hcl-widget .journal[data-motion='true'] .journal__link:hover .journal__image { transform: scale(1.025); }
}
@keyframes journal-enter { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }

.tooto-hcl-widget .journal__toolbar, .tooto-hcl-widget .journal__read-more { display: none; }
.tooto-hcl-widget .journal__read-more svg { display: block; width: 100%; height: 100%; }
.tooto-hcl-widget .journal__drawer { position: fixed; inset: 0 0 0 auto; width: 50vw; max-width: none; height: 100%; height: 100dvh; max-height: none; margin: 0; padding: 24px clamp(16px, 3vw, 32px); border: 0; background: var(--color-background); color: var(--color-foreground); overflow-y: auto; overscroll-behavior: contain; }
.tooto-hcl-widget .journal__drawer:not([open]) { display: none; }
.tooto-hcl-widget .journal__drawer::backdrop { background: rgb(0 0 0 / 40%); }
.tooto-hcl-widget .journal__drawer-header { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 24px; }
.tooto-hcl-widget .journal__drawer-header h2 { margin: 0; font: 500 18px/1.4 var(--font-body--family); color: inherit; }
.tooto-hcl-widget .journal__close, .tooto-hcl-widget .journal__filter { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 0; border: 0; border-radius: 0; background: transparent; color: inherit; box-shadow: none; cursor: pointer; font: 400 13px/1.4 var(--font-body--family); }
.tooto-hcl-widget .journal__filter[hidden] { display: none; }
.tooto-hcl-widget .journal__close { flex: 0 0 44px; width: 44px; }
.tooto-hcl-widget .journal__drawer-categories { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.tooto-hcl-widget .journal button:focus-visible { outline: 2px solid var(--journal-accent, currentColor); outline-offset: 3px; }
html.journal-filter-open { overflow: hidden; }
@media (max-width: 1023px) {
  .tooto-hcl-widget .journal__toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
  .tooto-hcl-widget .journal__count { margin: 0; font: 600 16px/1.4 var(--font-body--family); }
  .tooto-hcl-widget .journal .journal__categories { display: none; }
  .tooto-hcl-widget .journal__layout { gap: 20px; }
  .tooto-hcl-widget .journal__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 10px; }
  .tooto-hcl-widget .journal[data-masonry-ready] .journal__list { grid-auto-rows: 1px; row-gap: 0; }
  .tooto-hcl-widget .journal[data-masonry-ready] .journal__item { grid-row-end: span var(--journal-span, 1); }
  .tooto-hcl-widget .journal__caption { padding-top: 8px; gap: 4px; }
  .tooto-hcl-widget .journal__date { font-size: 13px; color: var(--journal-accent, currentColor); }
  .tooto-hcl-widget .journal__title { font-size: 13px; line-height: 1.4; font-weight: 500; }
  .tooto-hcl-widget .journal__read-more { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin-top: 4px; }
}
@media (max-width: 767px) {
  .tooto-hcl-widget .journal__drawer {
    inset: var(--journal-header-bottom, var(--header-height, 0px)) 0 0;
    width: 100vw;
    max-width: 100vw;
    height: calc(100vh - var(--journal-header-bottom, var(--header-height, 0px)));
    height: calc(100dvh - var(--journal-header-bottom, var(--header-height, 0px)));
    max-height: none;
    margin: 0;
    border-radius: 0;
    box-sizing: border-box;
    padding-top: max(24px, env(safe-area-inset-top));
    padding-bottom: max(24px, env(safe-area-inset-bottom));
  }
  .tooto-hcl-widget .journal__drawer::backdrop { top: var(--journal-header-bottom, var(--header-height, 0px)); background: rgb(0 0 0 / 40%); }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .tooto-hcl-widget .journal__list { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 18px; }
  .tooto-hcl-widget .journal__title { font-size: 16px; }
  .tooto-hcl-widget .journal__read-more { width: 36px; height: 36px; }
  .tooto-hcl-widget .journal__count { font-size: 20px; }
  .tooto-hcl-widget .journal__filter { font-size: 15px; }
}
@media (prefers-reduced-motion: no-preference) {
  .tooto-hcl-widget .journal__drawer[open] { animation: journal-drawer-enter 320ms cubic-bezier(.16, 1, .3, 1) both; }
  .tooto-hcl-widget .journal__drawer[open].is-closing { animation: journal-drawer-exit 220ms ease both; }
}
@keyframes journal-drawer-enter { from { transform: translateX(100%); } to { transform: translateX(0); } }
@keyframes journal-drawer-exit { to { transform: translateX(100%); } }


  @media (max-width: 1023px) {
    .tooto-hcl-widget .journal__heading {
      margin-bottom: 24px;
      font-size: 32px;
      line-height: 1.2;
    }
  }
  @media (max-width: 767px) {
    .tooto-hcl-widget .journal__heading {
      text-align: center;
      font-size: 28px;
    }
  }