/* Blog articles and cards. Everything else on these pages comes from the site's own stylesheet. */
.fmt-meta { font-size: 12.5px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #ad752a; }
.fmt-post { max-width: 760px; }
.fmt-post__subtitle { margin-top: 14px; font-size: 1.28rem; line-height: 1.5; color: #283138; }
.fmt-post__body { margin-top: 26px; font-size: 17px; line-height: 1.8; color: #4e5759; }
.fmt-post__body > * + * { margin-top: 1.1em; }
.fmt-post__body h2 { margin-top: 2.2em; font-size: clamp(1.55rem, 2.6vw, 2.05rem); line-height: 1.18; letter-spacing: -.015em; color: #283138; font-weight: 400; }
.fmt-post__body h3 { margin-top: 1.8em; font-size: 1.25rem; line-height: 1.3; color: #283138; font-weight: 500; }
.fmt-post__body h4 { margin-top: 1.5em; font-size: 1.08rem; color: #283138; font-weight: 600; }
.fmt-post__body h2 + *, .fmt-post__body h3 + *, .fmt-post__body h4 + * { margin-top: .6em; }
.fmt-post__body ul, .fmt-post__body ol { padding-left: 1.3em; }
.fmt-post__body ul { list-style: none; padding-left: 0; }
.fmt-post__body ul > li { position: relative; padding-left: 1.6em; }
.fmt-post__body ul > li::before { content: ""; position: absolute; left: 0; top: .62em; width: 13px; height: 6px; background: #c9a84c; clip-path: polygon(0 100%, 50% 0, 100% 100%, 82% 100%, 50% 34%, 18% 100%); }
.fmt-post__body ol { list-style: decimal; }
.fmt-post__body ol > li::marker { color: #ad752a; font-weight: 700; }
.fmt-post__body li + li { margin-top: .45em; }
.fmt-post__body li > ul, .fmt-post__body li > ol { margin-top: .45em; }
.fmt-post__body a { color: #283138; font-weight: 600; text-decoration: underline; text-decoration-color: #c9a84c; text-decoration-thickness: 2px; text-underline-offset: 3px; transition: color .25s ease, text-decoration-color .25s ease; }
.fmt-post__body a:hover { color: #ad752a; text-decoration-color: #ad752a; }
.fmt-post__body strong { color: #283138; font-weight: 700; }
.fmt-post__body img { display: block; width: 100%; height: auto; margin: 1.6em 0; box-shadow: 0 30px 60px -45px rgba(27, 34, 38, .6); }
.fmt-post__body figure { margin: 1.6em 0; }
.fmt-post__body figure img { margin: 0; }
.fmt-post__body figcaption { display: none; } /* descriptions stay in the photo's alt text, as on the rest of the site */
.fmt-post__body hr { border: 0; height: 1px; background: rgba(40, 49, 56, .14); margin: 2.4em 0; }
.fmt-post__body blockquote { border-left: 3px solid #c9a84c; padding: 4px 0 4px 18px; color: #283138; font-size: 1.1rem; }
.fmt-post__body table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.55; display: block; overflow-x: auto; }
.fmt-post__body th { background: #283138; color: #fff; text-align: left; font-weight: 600; padding: 11px 14px; }
.fmt-post__body td { padding: 11px 14px; border-bottom: 1px solid rgba(40, 49, 56, .12); vertical-align: top; }
.fmt-post__body tr:nth-child(even) td { background: #f4f1ee; }
/* the article's own contents list */
.fmt-post__body #table-of-contents { margin-top: 0; font-size: 12.5px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: #ad752a; }
.fmt-post__body #table-of-contents + ul { margin-top: 12px; background: #f4f1ee; border-left: 3px solid #c9a84c; padding: 20px 22px 20px 22px; font-size: 15.5px; line-height: 1.5; }
.fmt-post__body #table-of-contents + ul ul { margin-top: .35em; font-size: 14.5px; }
.fmt-post__body #table-of-contents + ul a { font-weight: 500; text-decoration-thickness: 1px; }
.fmt-post__body #table-of-contents + ul li::before { top: .5em; }
.fmt-post__body [id] { scroll-margin-top: 120px; }
.fmt-faq-a p + p { margin-top: .6em; }

/* article cards */
.fmt-cards { margin-top: 44px; display: grid; gap: 26px; }
@media (min-width: 720px) { .fmt-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .fmt-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.fmt-card { display: flex; flex-direction: column; background: #fff; border-bottom: 3px solid #c9a84c; box-shadow: 0 30px 60px -44px rgba(27, 34, 38, .55); transition: transform .45s cubic-bezier(.22, 1, .36, 1), box-shadow .45s ease; }
.fmt-card:hover { transform: translateY(-6px); box-shadow: 0 40px 70px -40px rgba(27, 34, 38, .6); }
.fmt-card__img { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: #efefef; }
.fmt-card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.1s cubic-bezier(.22, 1, .36, 1); }
.fmt-card:hover .fmt-card__img img { transform: scale(1.06); }
.fmt-card__body { display: flex; flex: 1; flex-direction: column; padding: 22px 24px 26px; }
.fmt-card h3 { margin-top: 10px; font-size: 1.22rem; line-height: 1.3; font-weight: 500; color: #283138; }
.fmt-card h3 a:hover { color: #ad752a; }
.fmt-card__text { margin-top: 10px; font-size: 15.5px; line-height: 1.65; color: #4e5759; }
.fmt-card__more { margin-top: auto; padding-top: 18px; font-size: 14.5px; font-weight: 700; color: #283138; display: inline-flex; gap: 6px; align-items: center; }
.fmt-card__more:hover { color: #ad752a; }
.bg-fmt-paper .fmt-card { background: #fff; }

@media (prefers-reduced-motion: reduce) {
  .fmt-card, .fmt-card__img img { transition: none; }
  .fmt-card:hover, .fmt-card:hover .fmt-card__img img { transform: none; }
}