/* Ethicare — STACKED GUIDE COVER (dual-country comparison guides).
   Self-contained: every value is a literal, so this component works on any page
   regardless of which token block that page declares. It was previously scoped
   inside comparison-guide.css's .cg block, which made it unreachable to the six
   guides that don't carry that body class.

   STACKED, not overlaid. The split photograph sits ABOVE the copy; the copy sits on
   solid deep teal. Contrast therefore does not depend on the photograph at all, and
   swapping either image can never break it. (Overlaying was tried and abandoned: a
   12px lime eyebrow over the near-white Tekapo sky needs a scrim of alpha .80 to
   clear AA, which obscures the photograph exactly where it is brightest.)
   The only text over photography is the two country labels, and each carries its own
   solid chip, so their backdrop is deterministic too. */

.cover{position:relative;display:block;background:#013D3B;isolation:isolate}
.cov-bg{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#01312F;height:clamp(210px,34vh,330px);overflow:hidden}
.cov-bg img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center 46%;display:block}
.cov-top{position:absolute;left:0;right:0;top:0;height:clamp(210px,34vh,330px);padding:18px 32px;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:4px;z-index:2;pointer-events:none}
.cov-ct{justify-self:start;display:inline-flex;align-items:center;gap:8px;background:rgba(1,49,47,.85);border-radius:999px;padding:7px 15px;font-family:'Work Sans',ui-sans-serif,sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#FCFBF8;white-space:nowrap}
.cov-ct:last-child{justify-self:end}
.cov-ct i{width:8px;height:8px;border-radius:50%;flex:none}
.cov-ct i.nz{background:#72A471}
.cov-ct i.au{background:#B32C62}
.cov-in{max-width:1180px;width:100%;margin:0 auto;padding:clamp(40px,5vw,62px) 32px clamp(38px,4.5vw,54px)}
.cov-eb{display:flex;align-items:center;gap:16px;margin-bottom:24px;font-family:'Work Sans',ui-sans-serif,sans-serif;font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#C6E084}
.cov-eb i{display:block;width:28px;height:2px;background:#A6C84A;flex:none}
.cover h1{font-family:'Work Sans',ui-sans-serif,sans-serif;font-size:clamp(40px,6.2vw,80px);font-weight:300;line-height:.96;letter-spacing:-.035em;color:#FCFBF8;margin:0;max-width:22ch;text-wrap:balance}
.cover h1 em{font-style:normal}
.cov-sub{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:clamp(20px,2.5vw,30px);line-height:1.3;color:rgba(252,251,248,.9);margin:16px 0 0;max-width:30ch}
.cov-lead{max-width:50ch;font-family:'Manrope',ui-sans-serif,sans-serif;font-size:clamp(16px,1.5vw,18.5px);line-height:1.62;color:rgba(252,251,248,.9);margin:24px 0 0;text-wrap:pretty}
.cov-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.cover a.cov-a,.cover a.cov-b{font-family:'Work Sans',ui-sans-serif,sans-serif;font-size:15px;font-weight:500;padding:15px 26px;border-radius:12px;cursor:pointer;white-space:nowrap;text-decoration:none;transition:transform .15s ease,background .15s ease}
.cover a.cov-a{display:inline-flex;align-items:center;gap:8px;background:#FCFBF8;color:#02615D;border:none}
.cover a.cov-a:hover{transform:translateY(-1px);color:#02615D}
.cover a.cov-b{display:inline-flex;align-items:center;background:transparent;color:#FCFBF8;border:1px solid rgba(252,251,248,.5)}
.cover a.cov-b:hover{background:rgba(252,251,248,.12);color:#FCFBF8}
.cov-meta{display:flex;flex-wrap:wrap;gap:8px 40px;margin-top:40px;padding-top:22px;border-top:1px solid rgba(252,251,248,.28)}
.cov-meta span{font-family:'Work Sans',ui-sans-serif,sans-serif;font-size:12.5px;font-weight:500;letter-spacing:.05em;color:rgba(252,251,248,.86);white-space:nowrap}
@media(max-width:760px){.cov-bg{height:clamp(170px,26vh,220px)}.cov-top{height:clamp(170px,26vh,220px);padding:14px 20px}.cov-ct{font-size:10.5px;padding:6px 12px;letter-spacing:.12em}.cov-in{padding:34px 20px 32px}}

/* ---------------- GUIDE BAR ---------------- */
.guidebar{background:#fff;border-bottom:1px solid #E4E9E5}
.gb-in{max-width:1180px;margin:0 auto;padding:0 32px;min-height:62px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px}
.gb-t{font-family:'Work Sans',ui-sans-serif,sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#5C6B57;white-space:nowrap}
.gb-l{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}
.guidebar a.gb{font-family:'Work Sans',ui-sans-serif,sans-serif;font-size:13.5px;font-weight:500;color:#2F5E49;white-space:nowrap;text-decoration:none}
.guidebar a.gb:hover{color:#02615D;text-decoration:underline;text-decoration-color:#A6C84A;text-underline-offset:3px;text-decoration-thickness:2px}
@media(max-width:760px){.gb-in{padding:12px 20px}}