.article-byline a { color: inherit; text-underline-offset: 3px; }
.article-body a { text-underline-offset: 4px; }
.article-body h2 { scroll-margin-top: 110px; }
.article-body .comparison { overflow-x: auto; }
.article-body .comparison table { min-width: 480px; }
.article-body .related-guides { margin: 40px 0 0; padding: 24px; border: 1px solid var(--brass); }
.article-body .related-guides h2 { margin-top: 0; }
.guide-question { border-bottom: 1px solid rgba(36,61,49,.18); padding: 20px 0; }
.guide-question summary {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  font-family: 'Cormorant Garamond',serif;
  font-size: 24px;
  cursor: pointer;
  color: var(--green-deep);
  list-style: none;
}
.guide-question summary::-webkit-details-marker { display: none; }
.guide-question summary::after {
  content: '+';
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  min-width: 28px;
  border: 1px solid var(--text-light);
  border-radius: 50%;
  color: var(--text-muted);
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  line-height: 1;
  transition: all .4s ease;
}
.guide-question[open] summary::after {
  background: var(--green-deep);
  border-color: var(--green-deep);
  color: var(--cream);
  transform: rotate(45deg);
}
.guide-question p { margin-top: 14px; font-size: 16px; line-height: 1.75; color: var(--text-muted); }
.guide-question[open] summary { color: var(--green-mid); }
a:focus-visible, summary:focus-visible, button:focus-visible { outline: 2px solid var(--green-mid); outline-offset: 5px; }
.article-header h1, .article-header .article-intro { animation: none; opacity: 1; transform: none; }
@media(max-width:600px) {
  .guide-question summary { font-size: 21px; gap: 12px; }
  .guide-question summary::after { width: 26px; height: 26px; min-width: 26px; font-size: 13px; }
  .article-byline { line-height: 1.7; }
}

.article-body .comparison { border: 1px solid rgba(36,61,49,.18); margin:24px 0; }
.article-body .comparison table { width:100%; border-collapse:collapse; }
.article-body .comparison th, .article-body .comparison td { padding:16px; text-align:left; vertical-align:top; border-bottom:1px solid rgba(36,61,49,.12); font-size:15px; line-height:1.6; }
.article-body .comparison thead th { background:var(--green-deep); color:var(--cream); }
.article-body .comparison tbody th { color:var(--green-deep); font-weight:500; }
.article-body .comparison tbody tr:last-child > * { border-bottom:0; }