/* Keep the home mission readable when a tall AdSense Auto ads Anchor sits at the
   bottom of a phone viewport. Does not restyle the ad itself (AdSense policy).
   Approved by Bill 11 November 2026, 16:12 UK. */

/* When a large bottom anchor would cover .hm-intro, tighten our own spacing so
   the last line of the mission sits above the collapse tab. */
html.co-anchor-clear .hm-intro{padding:2px 0 0;row-gap:0}
html.co-anchor-clear .hm-mission{font-size:.94rem;line-height:1.2}
html.co-anchor-clear .hm-mission .hm-free{margin-bottom:0}
html.co-anchor-clear .hm-date,html.co-anchor-clear .hm-intro p.hm-date{margin:0 0 1px}

/* Stronger compact if the first pass is not enough (very short viewport + tall ad). */
html.co-anchor-clear-more .rx-site{padding-bottom:0}
html.co-anchor-clear-more .hm-mission{font-size:.92rem;line-height:1.18}

/* Demo mock used only on the preview page for before/after shots (localhost cannot
   fill a real Auto ads Anchor). Hidden unless html has .co-demo-anchor. */
.co-demo-anchor-ad{
  display:none;position:fixed;left:0;right:0;bottom:0;z-index:2147483646;
  height:337px;background:#111;color:#111;box-shadow:0 -1px 0 #000;
  font:16px/1.3 system-ui,sans-serif
}
html.co-demo-anchor .co-demo-anchor-ad{display:block}
.co-demo-anchor-tab{
  position:absolute;left:0;top:-28px;width:56px;height:36px;
  background:#f4f4f4;border:1px solid #bbb;border-bottom:0;
  border-radius:14px 14px 0 0;box-shadow:0 -1px 2px rgba(0,0,0,.12);
  display:flex;align-items:center;justify-content:center
}
.co-demo-anchor-tab svg{width:22px;height:22px;display:block}
.co-demo-anchor-body{
  height:100%;background:linear-gradient(#e8eef2,#d7dee4);
  display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start
}
.co-demo-anchor-body .co-demo-label{
  margin:0;padding:10px 16px 0;font:700 22px/1.2 Arial,sans-serif;color:#222
}
.co-demo-anchor-body .co-demo-sub{
  margin:6px 16px 0;font:400 15px/1.3 Arial,sans-serif;color:#444
}