/* Humiwell | journal page styles
   Global resets, keyframes and responsive breakpoints, plus the hover and focus
   states that were authored inline in the design source. */

  html { scroll-behavior:smooth; }
  body { margin:0; background:#F6EFE1; -webkit-font-smoothing:antialiased; }
  a { color:#2F4133; text-decoration:none; }
  a:hover { color:#A9823E; }
  ::selection { background:#C9A66B; color:#2F4133; }
  [data-rangetrack]::-webkit-scrollbar { display:none; }
  [data-cursor-ring] { display:none; }
  @media (hover:hover) and (pointer:fine) { [data-cursor-ring] { display:block; } }
  @media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } [data-cursor-ring] { display:none !important; } }
  @media (max-width:1120px) {
    [data-grid3] { grid-template-columns:repeat(2,1fr) !important; }
    [data-footgrid] { grid-template-columns:repeat(3,1fr) !important; }
    [data-stdband] { grid-template-columns:repeat(4,1fr) !important; }
  }
  @media (max-width:860px) {
    [data-desknav], [data-deskcta] { display:none !important; }
    [data-headrow] { grid-template-columns:1fr auto !important; }
    [data-headlogo] { justify-self:start !important; }
    [data-menubtn] { display:block !important; }
    [data-split], [data-grid3], [data-grid2] { grid-template-columns:1fr !important; }
    [data-footgrid] { grid-template-columns:repeat(2,1fr) !important; }
    [data-stdgrid] { grid-template-columns:repeat(2,1fr) !important; }
    [data-stdband] { grid-template-columns:repeat(4,1fr) !important; }
  }


/* ---- hover and focus states ---- */
.hw-journal-1:hover{border-bottom-color:#A9823E !important;color:#A9823E !important}
.hw-journal-2:hover{border-bottom-color:#A9823E !important;color:#A9823E !important}
.hw-journal-3:hover{border-bottom-color:#A9823E !important;color:#A9823E !important}
.hw-journal-4:hover{border-bottom-color:#A9823E !important;color:#A9823E !important}
.hw-journal-5:hover{border-bottom-color:#A9823E !important;color:#A9823E !important}
.hw-journal-6:hover{background:#FBF7EE !important;color:#A9823E !important}
.hw-journal-7:hover{background:#FBF7EE !important;color:#A9823E !important}
.hw-journal-8:hover{background:#FBF7EE !important;color:#A9823E !important}
.hw-journal-9:hover{background:#FBF7EE !important;color:#A9823E !important}
.hw-journal-10:hover{border-color:#2F4133 !important;color:#A9823E !important}
.hw-journal-11:hover{background:#2F4133 !important;border-color:#2F4133 !important;color:#F6EFE1 !important}
.hw-journal-12:focus{border-color:#2F4133 !important}
.hw-journal-13:hover{background:#C9A66B !important;border-color:#C9A66B !important}
.hw-journal-14:hover{border-color:#F6EFE1 !important;color:#C9A66B !important}
.hw-journal-15:focus{border-color:#2F4133 !important}
.hw-journal-16:hover{background:#A9823E !important;border-color:#A9823E !important}
.hw-journal-17:hover{background:#C9A66B !important;border-color:#C9A66B !important;color:#2F4133 !important}
.hw-journal-18:hover{background:#C9A66B !important;border-color:#C9A66B !important;color:#2F4133 !important}
.hw-journal-19:hover{background:#C9A66B !important;border-color:#C9A66B !important;color:#2F4133 !important}
.hw-journal-20:hover{color:#C9A66B !important}
.hw-journal-21:hover{color:#C9A66B !important}
.hw-journal-22:hover{color:#C9A66B !important}
.hw-journal-23:hover{color:#C9A66B !important}
.hw-journal-24:hover{color:#C9A66B !important}
.hw-journal-25:hover{color:#C9A66B !important}
.hw-journal-26:hover{color:#C9A66B !important}
.hw-journal-27:hover{color:#C9A66B !important}
.hw-journal-28:hover{color:#C9A66B !important}
.hw-journal-29:hover{color:#C9A66B !important}
.hw-journal-30:hover{color:#C9A66B !important}
.hw-journal-31:hover{color:#C9A66B !important}
.hw-journal-32:hover{color:#C9A66B !important}
.hw-journal-33:hover{border-color:#C9A66B !important;color:#C9A66B !important}

/* --- More dropdown --- */
.hw-nm-item + .hw-nm-item{border-top:1px solid rgba(169,130,62,.13)}
.hw-nm-item:hover{background:#FBF7EE !important}
.hw-nm-item:hover .hw-nm-t{color:#A9823E !important}
.hw-nm-item:hover .hw-nm-arrow{opacity:1 !important;transform:translateX(0) !important}
.hw-nm-item:focus-visible{background:#FBF7EE !important;outline:1px solid rgba(169,130,62,.45);outline-offset:-1px}
.hw-nm-item:focus-visible .hw-nm-arrow{opacity:1 !important;transform:translateX(0) !important}
[data-navmorebtn] .hw-nm-chev{transition:transform .38s cubic-bezier(.22,1,.36,1)}
[data-navmorebtn][aria-expanded="true"] .hw-nm-chev{transform:rotate(180deg)}
@media (prefers-reduced-motion:reduce){.hw-nm-panel,.hw-nm-item,.hw-nm-arrow,.hw-nm-chev{transition-duration:.01ms !important}}