.article-layout {
  width: min(920px, calc(100% - 48px));
  max-width: 920px;
  font-family: "Cormorant Garamond", Georgia, serif;
}
.article-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  color: #8b7658;
  font: 13px/1.2 Arial, sans-serif;
  letter-spacing: .09em;
}
.article-topline .back-link { margin: 0; }
.article-breadcrumbs { display:flex; align-items:center; flex-wrap:wrap; gap:7px; min-width:0; }
.article-breadcrumbs a { color:#725f48; text-decoration:none; }
.article-breadcrumbs a:hover { text-decoration:underline; text-underline-offset:3px; }
.article-header { margin: 34px 0 24px; }
.article-header h1 {
  max-width: 900px;
  margin: 0 0 25px;
  font-size: clamp(49px, 5.5vw, 78px);
  line-height: .98;
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
}
.article-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 28px;
  padding: 13px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  color: #736b73;
  font: 14px/1.3 Arial, sans-serif;
}
.article-stats span,.article-stats a { text-decoration: none; }
.article-stats b { color: #332b36; font-weight: 600; }
.article-cover {
  display: block;
  width: 100%;
  max-height: 680px;
  object-fit: cover;
  border-radius: 7px;
  margin: 30px auto 42px;
}
.article-body {
  width: min(100%, 780px);
  margin: 0 auto;
  padding: 5px 0 20px;
  color: #302934;
  font: 22px/1.65 "Cormorant Garamond", Georgia, serif;
  overflow-wrap: anywhere;
}
.article-body p,.article-body>span,.article-body>div { margin: 0 0 1.15em; }
.article-body>span { display: block; }
.article-body h2 { margin: 1.65em 0 .55em; font-size: 38px; line-height: 1.08; }
.article-body h3 { margin: 1.5em 0 .5em; font-size: 30px; line-height: 1.15; }
.article-body h4,.article-body h5 { margin: 1.35em 0 .45em; font-size: 25px; }
.article-body ul,.article-body ol { margin: 1em 0 1.35em; padding-left: 1.35em; }
.article-body li { margin: .38em 0; padding-left: .2em; }
.article-body blockquote {
  margin: 1.5em 0;
  padding: 17px 24px;
  border-left: 3px solid #a98b5b;
  background: #f5f0e9;
  color: #514853;
}
.article-body a { color: #765933; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.article-body img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 30px auto;
  border-radius: 5px;
}
.article-body figure { margin: 32px 0; }
.article-body figcaption { margin-top: 8px; color: var(--muted); text-align: center; font-size: 16px; }
.article-body video,.article-body audio {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 30px auto;
  border-radius: 7px;
  background: #17141a;
}
.article-body video { aspect-ratio: 16/9; height: auto; }
.article-body table { display: block; width: 100%; max-width: 100%; overflow-x: auto; border-collapse: collapse; font-size: 18px; }
.article-body th,.article-body td { padding: .7rem; border: 1px solid var(--line); }
.article-body hr { margin: 2em 0; border: 0; border-top: 1px solid var(--line); }
.article-author-card {
  display: grid;
  grid-template-columns: 76px minmax(0,1fr) minmax(170px,220px);
  gap: 22px;
  align-items: center;
  margin: 42px 0 25px;
  padding: 25px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(130deg,#fffdfa,#f4efe8);
}
.author-avatar {
  width: 76px;
  height: 76px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  background: #302936;
  color: #d7bc8c;
  font-size: 34px;
}
.author-avatar img { width: 100%; height: 100%; object-fit: cover; }
.author-copy h2 { margin: 3px 0; font-size: 31px; }
.author-copy h2 a { text-decoration: none; }
.author-copy p { margin: 5px 0 0; color: var(--muted); font-size: 17px; line-height: 1.25; }
.author-links { display: grid; gap: 8px; }
.author-links a { display: flex; justify-content: space-between; gap: 12px; padding: 9px 12px; border: 1px solid #d7c8b6; border-radius: 5px; text-decoration: none; font: 14px Arial,sans-serif; }
.article-rating {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 25px;
  padding: 27px;
  margin: 20px 0 40px;
  border-radius: 8px;
  background: #2c2630;
  color: #f7f0e7;
}
.article-rating .eyebrow { color: #c7a975; }
.article-rating h2 { margin: 4px 0; font-size: 35px; }
.article-rating p { margin: 4px 0; color: #d7cfd5; }
.article-rating fieldset { border: 0; padding: 0; margin: 0; text-align: right; }
.rating-stars { display: flex; justify-content: flex-end; gap: 3px; margin-bottom: 8px; }
.rating-stars input { position: absolute; opacity: 0; pointer-events: none; }
.rating-stars label { cursor: pointer; color: #746a73; font-size: 34px; line-height: 1; }
.rating-stars input:checked+label,.rating-stars label:hover { color: #d6b06c; }
.rating-stars input:focus-visible+label { outline: 2px solid #fff; outline-offset: 2px; }
.article-rating .button { border-color: #b99b68; background: transparent; }
.rating-login { text-align: right; }
.article-comments { margin-top: 45px; padding-top: 30px; border-top: 1px solid var(--line); }
.comments-heading h2 { margin: 5px 0 22px; font-size: 40px; }
.comments-heading h2 small { font-size: 19px; color: var(--muted); }
.article-comment { padding: 19px 22px; margin: 12px 0; background: #fff; border: 1px solid var(--line); border-radius: 7px; }
.article-comment-reply { margin-left: 55px; border-left: 3px solid #b2986a; }
.comment-author { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 9px; margin-bottom: 12px; border-bottom: 1px solid var(--line); }
.comment-author time { font: 12px Arial,sans-serif; color: #8d858c; }
.comment-body { line-height: 1.55; overflow-wrap: anywhere; }
.comment-body p { margin: .4em 0; }
.article-meta { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.article-meta .back-link { margin-bottom: 0; }
.subcategories { margin-top: -12px; }
.content-directory>.lead,.events-page>.lead { margin-bottom:30px; }
.knowledge-sections {
  display:flex;
  align-items:stretch;
  flex-wrap:wrap;
  gap:0;
  margin:4px 0 18px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.knowledge-sections a {
  padding:13px 17px 11px;
  border-bottom:2px solid transparent;
  color:#65576a;
  text-decoration:none;
  font-size:18px;
}
.knowledge-sections a:hover,.knowledge-sections a[aria-current="page"] { border-color:#a88756; color:#2d2431; }
.knowledge-subsections {
  display:flex;
  flex-wrap:wrap;
  gap:8px 10px;
  margin:0 0 28px;
  padding:15px 17px;
  border:1px solid #e2d7ca;
  border-radius:7px;
  background:#f5efe7;
}
.knowledge-subsection-group { display:flex; align-items:center; flex-wrap:wrap; gap:5px; }
.knowledge-subsection-children { display:flex; flex-wrap:wrap; gap:5px; padding-left:5px; border-left:1px solid #c9b89f; }
.knowledge-subsection-children a { font-size:15px; color:#776875; }
.knowledge-subsections a {
  padding:5px 11px;
  border:1px solid transparent;
  border-radius:4px;
  color:#5d515f;
  text-decoration:none;
  font-size:17px;
  line-height:1.15;
}
.knowledge-subsections a:hover,.knowledge-subsections a[aria-current="page"] { border-color:#bda887; background:#fffaf3; color:#2e2632; }
.directory-selection { margin:12px 0 24px; }
.directory-selection h2 { margin:3px 0 0; font-size:38px; }
.article-card-grid,.event-card-grid { align-items:stretch; }
.article-card,.event-card {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:270px;
  border-color:#ded1c1;
  background:#e6d8c7;
}
.article-card-media {
  position:absolute;
  z-index:-2;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.52;
  filter:grayscale(.68) sepia(.8) saturate(.55) contrast(.82);
  transform:scale(1.015);
}
.article-card-wash {
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(130deg,rgba(244,237,227,.68),rgba(218,199,178,.50));
}
.article-card h2,.event-card h2 { font-size:32px; line-height:1.04; margin:18px 0 10px; }
.article-card p,.event-card p { color:#554b52; line-height:1.3; }
.article-card .card-arrow,.event-card .card-arrow { color:#72593c; }
.article-card:hover,.event-card:hover { border-color:#b89e7c; box-shadow:0 12px 28px rgba(62,45,38,.1); }
.event-card { background:#d9ccba; }
.event-card .article-card-wash { background:linear-gradient(135deg,rgba(239,230,216,.67),rgba(203,184,161,.51)); }
.pagination { display: flex; justify-content: center; align-items: center; gap: 1.5rem; margin-top: 2.5rem; }
@media(max-width:700px){
  .article-layout{width:calc(100% - 30px)}
  .article-header{margin-top:25px}
  .article-header h1{font-size:clamp(45px,13vw,62px)}
  .article-stats{gap:9px 18px}
  .article-body{font-size:20px;line-height:1.58}
  .article-body h2{font-size:32px}
  .article-author-card{grid-template-columns:62px minmax(0,1fr);padding:19px;gap:15px}
  .author-avatar{width:62px;height:62px}
  .author-links{grid-column:1/-1}
  .article-rating{grid-template-columns:1fr;padding:22px}
  .article-rating fieldset,.rating-login{text-align:left}
  .rating-stars{justify-content:flex-start}
  .article-comment-reply{margin-left:22px}
  .comment-author{display:block}
  .comment-author time{display:block;margin-top:4px}
  .article-topline{align-items:flex-start}
  .article-breadcrumbs{max-width:72%}
  .article-card,.event-card{min-height:245px}
  .knowledge-sections{display:grid;grid-template-columns:1fr 1fr}
  .knowledge-sections a{padding:10px 8px;font-size:16px}
  .knowledge-subsections{padding:12px;gap:7px}
  .knowledge-subsections a{font-size:16px}
}