/* Shared public typography and link treatment, including hover and keyboard use. */
@media screen {
  .mcc-public-type h1,
  .mcc-public-type #hero h1 {
    font-size:clamp(1.875rem,3.2vw,2.75rem)!important;
    font-weight:700!important;
    line-height:1.18!important;
    letter-spacing:-.025em!important;
    overflow-wrap:break-word;
  }
  .mcc-public-type :is(.section-title,.home-section-title,.section-head,.support-guidance,.support-form-heading,.resource-section,.mcc-guide-section) h2 {
    font-size:clamp(1.5rem,2.3vw,2rem)!important;
    font-weight:700!important;
    line-height:1.28!important;
    letter-spacing:-.015em!important;
    overflow-wrap:break-word;
  }
  .mcc-public-type :is(.lead,.page-lede,.resource-lede,.mcc-guide-deck),
  .mcc-public-type .page-hero .lead,
  .mcc-public-type #hero .mcc-guide-deck {
    font-size:1.0625rem!important;
    line-height:1.75!important;
  }
  .mcc-public-type.home-photo-preview #hero h2 {
    font-size:1.0625rem!important;
    line-height:1.75!important;
  }
}

.mcc-public-visual a,
.mcc-public-visual a:is(:hover,:focus,:active),
.mcc-public-visual a * {
  text-decoration:none!important;
}
.mcc-public-visual a:focus-visible {
  outline:3px solid #a46c0c;
  outline-offset:4px;
  border-radius:4px;
}

/* Text links retain a clear affordance without an underline or button-sized box. */
.mcc-public-visual :is(main,article,.legal-block,.legal-card,.content,.container) :is(p,li,td,label) > a:not([class]),
.mcc-public-visual .contextual-link {
  font-weight:650;
  border-radius:4px;
  transition:background-color .16s ease,color .16s ease;
}
.mcc-public-visual :is(main,article,.legal-block,.legal-card,.content) :is(p,li,td,label) > a:not([class]) {
  background:rgb(20 87 64 / 7%);
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}
.mcc-public-visual :is(main,article,.legal-block,.legal-card,.content,.container) :is(p,li,td,label) > a:not([class]):hover,
.mcc-public-visual .contextual-link:hover {
  background:rgb(20 87 64 / 14%);
}
/* On dark surfaces use a translucent light highlight and inherit the light ink. */
.mcc-public-visual :is(.hero,.cta-band,.mcc-guide-cta,.resource-help,.summary-card,.cookie-banner) :is(p,li) > a:not([class]) {
  color:inherit;
  background:rgb(255 255 255 / 12%);
}
.mcc-public-visual :is(.hero,.cta-band,.mcc-guide-cta,.resource-help,.summary-card,.cookie-banner) :is(p,li) > a:not([class]):hover {
  background:rgb(255 255 255 / 22%);
}

/* Related resources use the same quiet green action chips as the reviewed guides. */
.mcc-public-visual .mcc-resource-related a,
.mcc-public-visual .resource-links a {
  display:inline-flex;
  align-items:center;
  gap:10px;
  max-width:100%;
  padding:10px 14px;
  border:1px solid #cbdcd2;
  border-radius:10px;
  background:#edf5ef;
  color:#145740;
  font-weight:650;
  line-height:1.45;
  white-space:normal;
  transition:background-color .16s ease,border-color .16s ease;
}
.mcc-public-visual .mcc-resource-related a:hover,
.mcc-public-visual .resource-links a:hover {
  color:#0c3d2b;
  background:#deece2;
  border-color:#6d9980;
}
.mcc-public-visual .resource-help .resource-links a {
  color:#f0f6e7;
  border-color:#7fa590;
  background:rgb(255 255 255 / 7%);
}
.mcc-public-visual .resource-help .resource-links a:hover {
  color:#153f32;
  background:#e2efc8;
}
.mcc-public-visual :is(#footer,.mcc-public-footer) a:not([class]):hover {
  background:#e8f1eb;
  border-radius:4px;
}
@media(max-width:700px) {
  .mcc-public-type :is(.lead,.page-lede,.resource-lede,.mcc-guide-deck),
  .mcc-public-type .page-hero .lead,
  .mcc-public-type #hero .mcc-guide-deck,
  .mcc-public-type.home-photo-preview #hero h2 {font-size:1rem!important}
}
@media(prefers-reduced-motion:reduce) {
  .mcc-public-visual a {transition:none!important}
}