/* Hanken Grotesk — self-hosted, variable font, latin subset (400–700) */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: optional;
  src: url('/fonts/hanken-grotesk-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* MorrowVault — shared site styles */

/* FAQ */
.faq-item { border:1px solid #E6E8E0; background:#FFFFFF; border-radius:15px; padding:2px 20px; margin-bottom:11px; }
.faq-q { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:17px 0; cursor:pointer; font-size:16px; font-weight:600; }
.faq-q h3 { margin:0; font:inherit; color:inherit; }
.faq-a { font-size:15px; line-height:1.65; color:#6c7066; margin:0 0 17px; }
.faq-mark { color:#9aa090; flex:none; font-size:22px; line-height:1; font-weight:400; }

/* Section typography */
.sec-label { font-size:12px; letter-spacing:.16em; font-weight:600; color:#9aa090; text-transform:uppercase; }

/* Homepage cards (22px radius, 26px padding) */
.card { background:#FBFBF9; border:1px solid #E6E8E0; border-radius:22px; padding:26px; transition:transform .3s cubic-bezier(.16,.84,.44,1),box-shadow .3s ease,border-color .3s ease; }
.card:hover { transform:translateY(-6px); box-shadow:0 22px 42px -20px rgba(43,46,41,.22); border-color:#D4DAC9; }

/* Article content cards (18px radius, 22px padding) */
.card-sm { background:#FBFBF9; border:1px solid #E6E8E0; border-radius:18px; padding:22px; transition:transform .3s cubic-bezier(.16,.84,.44,1),box-shadow .3s ease,border-color .3s ease; }
.card-sm:hover { transform:translateY(-5px); box-shadow:0 20px 38px -20px rgba(43,46,41,.2); border-color:#D4DAC9; }

/* Related guide block links */
.guide-card { display:block; background:#FBFBF9; border:1px solid #E6E8E0; border-radius:18px; padding:22px; transition:transform .3s cubic-bezier(.16,.84,.44,1),box-shadow .3s ease,border-color .3s ease; }
.guide-card:hover { transform:translateY(-5px); box-shadow:0 20px 38px -20px rgba(43,46,41,.2); border-color:#D4DAC9; }

/* Homepage article link cards (flex-column, white bg, 22px radius) */
.article-card { display:flex; flex-direction:column; background:#FFFFFF; border:1px solid #E6E8E0; border-radius:22px; padding:26px; transition:transform .3s cubic-bezier(.16,.84,.44,1),box-shadow .3s ease,border-color .3s ease; }
.article-card:hover { transform:translateY(-6px); box-shadow:0 22px 42px -20px rgba(43,46,41,.22); border-color:#D4DAC9; }