/* HatchDesk theme: legal page styles. Used by Home/Privacy (after article.css). Requires core.css. */

.hd .hd-lg-hero { padding-bottom: 64px; }
.hd .hd-lg .hd-ar-main { padding-top: 48px; }
.hd .hd-ar-body a { color: var(--hd-brand); text-decoration: underline; text-underline-offset: 3px; }
.hd .hd-ar-body a:hover { color: var(--hd-indigo); }
.hd .hd-lg-summary { display: grid; gap: 10px; margin: 8px 0 8px; }
.hd .hd-lg-summary > div { display: grid; grid-template-columns: auto 1fr; column-gap: 12px; align-items: center; padding: 16px 18px; border-radius: 18px; background: #fff; box-shadow: 0 0 0 1px rgba(11, 16, 32, .06); font-size: 14.5px; line-height: 1.45; }
.hd .hd-lg-summary i { grid-row: span 2; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: var(--hd-lime); color: var(--hd-ink); }
.hd .hd-lg-summary b { font-family: var(--hd-display); font-size: 15px; color: var(--hd-ink); }
.hd .hd-lg-summary span { color: rgba(11, 16, 32, .65); }
.hd .hd-lg .hd-ar-body > p:first-child { font-size: 18px; }

@media (min-width: 640px) {
    .hd .hd-lg-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .hd .hd-lg-summary > div { grid-template-columns: 1fr; row-gap: 4px; }
    .hd .hd-lg-summary i { grid-row: auto; margin-bottom: 8px; }
}
@media (min-width: 1024px) {
    .hd .hd-lg-hero { padding-bottom: 72px; }
    .hd .hd-lg .hd-ar-main { padding-top: 64px; }
}

/* site.css colours every b/strong blue; on this page bold text keeps the surrounding colour */
.hd .hd-ar-body b, .hd .hd-ar-body strong { color: var(--hd-ink); }
.hd .hd-lg .hd-ar-meta b { color: #fff; font-weight: 600; }

/* inline "Cookie settings" button in the policy text: looks like a link, reopens the consent banner */
.hd .hd-lg-cc { padding: 0; border: 0; background: none; font: inherit; color: var(--hd-brand); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.hd .hd-lg-cc:hover, .hd .hd-lg-cc:focus-visible { color: var(--hd-indigo); }