/* Hawthorne content navigation actions. Explicit attributes opt in selected links
   without restyling the shared header, forms, story controls or transactions.
   Important declarations are limited to this opt-in component because the legacy
   page styles use ID selectors and important action colors. */
:root {
  --hi-action-ink:#172f40; --hi-action-paper:#fffdf8;
  --hi-action-green:#245b50; --hi-action-hover:#25504f;
  --hi-action-wash:#edf1eb; --hi-action-gold:#edcc88;
  --hi-action-gold-hover:#f4ddaf; --hi-action-border:#7c968d;
  --hi-action-primary:var(--hi-action-ink);
  --hi-action-foreground:var(--hi-action-paper);
  --hi-action-secondary:var(--hi-action-green);
  --hi-action-outline:var(--hi-action-border);
  --hi-action-accent:var(--hi-action-gold);
  --hi-action-radius:6px; --hi-action-gap:10px;
  --hi-action-inset-x:20px; --hi-action-inset-y:12px;
  --hi-action-min-height:48px;
}
/* Layered important rules consistently outrank older unlayered important rules. */
@layer hi-content-actions {
main a[data-hi-action] {
  display:inline-flex!important; align-items:center!important; justify-content:center!important;
  box-sizing:border-box!important; gap:var(--hi-action-gap)!important;
  min-height:var(--hi-action-min-height)!important; max-width:100%;
  padding:var(--hi-action-inset-y) var(--hi-action-inset-x)!important;
  border:1px solid transparent!important; border-radius:var(--hi-action-radius)!important;
  font:500 15px/22px 'Public Sans',Arial,sans-serif!important;
  letter-spacing:0!important; text-transform:none!important;
  text-decoration:none!important; text-align:center!important;
  white-space:normal!important; overflow-wrap:anywhere;
  box-shadow:none!important; transform:none!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease!important;
  background:var(--hi-action-primary)!important; color:var(--hi-action-foreground)!important;
}
main a[data-hi-action]:hover {background:var(--hi-action-hover)!important}
main a[data-hi-action="secondary"] {
  background:transparent!important; color:var(--hi-action-secondary)!important;
  border-color:var(--hi-action-outline)!important;
}
main a[data-hi-action="secondary"]:hover {background:var(--hi-action-wash)!important}
main a[data-hi-action="accent"] {background:var(--hi-action-accent)!important;color:var(--hi-action-ink)!important}
main a[data-hi-action="accent"]:hover {background:var(--hi-action-gold-hover)!important}
main a[data-hi-action="light"] {background:var(--hi-action-paper)!important;color:var(--hi-action-ink)!important}
main a[data-hi-action="light"]:hover {background:var(--hi-action-wash)!important}
main a[data-hi-action="outline-light"] {background:transparent!important;border-color:var(--hi-action-paper)!important;color:var(--hi-action-paper)!important}
main a[data-hi-action="outline-light"]:hover {background:var(--hi-action-hover)!important}
main a[data-hi-action="text"], main a[data-hi-action="text-light"] {
  padding:var(--hi-action-inset-y) 0!important; border:0!important; border-radius:0!important;
  background:transparent!important; color:var(--hi-action-secondary)!important;
  justify-content:flex-start!important; text-align:left!important;
  text-decoration:underline!important; text-decoration-thickness:1px!important;
  text-underline-offset:5px!important;
}
main a[data-hi-action="text"]:hover {color:var(--hi-action-ink)!important}
main a[data-hi-action="text-light"] {color:var(--hi-action-paper)!important}
main a[data-hi-action="text-light"]:hover {color:var(--hi-action-gold)!important}
main a[data-hi-action] > :is(svg,[aria-hidden="true"]) {
  flex:none!important; margin:0!important; color:inherit!important;
  font-size:inherit!important; line-height:1!important;
}
main a[data-hi-action] > svg {width:18px!important;height:18px!important}
main a[data-hi-action]:focus-visible {
  outline:3px solid var(--hi-action-ink)!important; outline-offset:3px!important;
  box-shadow:0 0 0 3px var(--hi-action-paper)!important;
}
@media(prefers-reduced-motion:reduce) {main a[data-hi-action] {transition:none!important}}
@media(forced-colors:active) {
  main a[data-hi-action] {border-color:ButtonText!important}
  main a[data-hi-action]:focus-visible {outline-color:Highlight!important}
}
}