/* =====================================================================
   Harbour & Hale · page pieces (Clause industry template)
   Load after clause.css. Prefix hh-.
   ===================================================================== */
.hh-links .card { text-decoration: none; color: inherit; transition: transform var(--d) var(--ease), box-shadow var(--d); }
.hh-links .card:hover { transform: translateY(-3px); box-shadow: var(--shadow-lift), 0 0 0 1.5px var(--green); }
.hh-serv { align-items: stretch; }
.hh-serv > div { display: grid; }
.hh-serv > [hidden] { display: none; }
.hh-why { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }
.hh-safe { padding: 16px 18px; border: 1px solid var(--line); background: var(--paper); }
.hh-need { background: var(--red-soft); }
/* "Leave this site": always in reach on a family law site */
.hh-exit { position: fixed; z-index: 60; right: 16px; bottom: 16px; display: inline-flex; flex-direction: column; align-items: flex-start; padding: 10px 16px; border-radius: var(--r-s); background: var(--ink); color: var(--paper); text-decoration: none; font: 600 15px/1.15 var(--body); box-shadow: var(--shadow-lift); }
.hh-exit small { font: 500 12px/1.2 var(--body); opacity: 0.8; }
.hh-exit:hover { background: var(--red); color: var(--on-red); }
@media print { .hh-exit { display: none; } }
.foot { padding-bottom: 96px; }