/* BuyMounjaroAustralia.co
   Base: calm white and cool grey with a deep forest editorial band (the site's own green, darkened).
   Colour comes from the three providers' own brand colours, used only on their own logos, cards and links.
   8px spacing grid. Radii: 20 cards, 14 tiles, 12 buttons, pills round. */
:root{
  --ink:#101828;--ink-2:#344054;--muted:#475467;--line:#e4e7ec;--line-2:#d0d5dd;--surface:#fff;--canvas:#f4f7f6;
  --brand:#0f6b4f;--brand-tint:#e8f4ee;
  --forest:#0b2a22;--forest-2:#113a2f;--on-dark:#ffffff;--on-dark-2:#c3d5cd;--mint:#5fe0a8;
  --ms:#ff2d7a;--ms-ink:#d6175f;--ms-tint:#fff0f5;--ms-btn:#dd1b64;--ms-btn-2:#c8104f;--ms-hover:#b70d48;
  --ln:#664fff;--ln-ink:#4a35d3;--ln-tint:#f1efff;
  --pr:#1677ff;--pr-ink:#0b5fcc;--pr-tint:#ebf3ff;--pr-plate:#000819;
  --danger:#b42318;--danger-tint:#fef3f2;
  --shadow-1:0 1px 2px rgba(16,24,40,.06);
  --shadow-2:0 1px 2px rgba(16,24,40,.05),0 12px 32px -12px rgba(16,24,40,.16);
  --shadow-3:0 2px 4px rgba(16,24,40,.06),0 24px 56px -20px rgba(16,24,40,.32);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html,body{overflow-x:clip}
body{margin:0;background:var(--surface);color:var(--ink);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;padding-bottom:88px}
@media (min-width:900px){body{font-size:18px;padding-bottom:0}}
a{color:var(--brand);text-underline-offset:2px}
a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
img{max-width:100%;height:auto}
svg.i{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wrap{max-width:1040px;margin:0 auto;padding:0 16px}
main .wrap>*{min-width:0;max-width:100%}
main p,main li,details p{max-width:68ch}

/* Provider colour scopes */
.b-ms{--b:var(--ms);--b-ink:var(--ms-ink);--b-tint:var(--ms-tint)}
.b-ln{--b:var(--ln);--b-ink:var(--ln-ink);--b-tint:var(--ln-tint)}
.b-pr{--b:var(--pr);--b-ink:var(--pr-ink);--b-tint:var(--pr-tint)}

/* Header */
header.site{background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px}
.logo{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--ink);text-decoration:none;min-width:0}
.logo svg{flex:0 0 24px;width:24px;height:24px}
.logo span{color:var(--muted);font-weight:500}
.logo span.logo-a{color:var(--ink);font-weight:750;margin-right:-8px}
nav.main{display:flex;gap:24px;flex-wrap:wrap}
nav.main a{color:var(--ink-2);text-decoration:none;font-size:15px;font-weight:500;padding:18px 0}
nav.main a:hover{color:var(--ink)}
nav.main a[aria-current]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--brand)}
.menu-btn{display:none;background:var(--surface);color:var(--ink);border:1px solid var(--line-2);border-radius:10px;min-height:44px;min-width:44px;padding:10px 14px;font:600 15px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;cursor:pointer}
@media (max-width:760px){
  .menu-btn{display:block}
  nav.main{display:none;position:absolute;top:60px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;gap:0;padding:8px 16px 16px;box-shadow:var(--shadow-2)}
  nav.main a{padding:14px 0;border-bottom:1px solid var(--line);font-size:16px}
  nav.main a[aria-current]{box-shadow:none;color:var(--brand)}
  nav.main.open{display:flex}
}

/* Type scale: 14 / 15 / 17-18 / 20 / 24 / 32 / 48 */
h1{font-size:clamp(28px,4.4vw,48px);font-weight:800;letter-spacing:-.03em;line-height:1.08;margin:0 0 16px;overflow-wrap:break-word;max-width:20ch}
h2{font-size:clamp(24px,3vw,32px);font-weight:750;letter-spacing:-.02em;line-height:1.2;margin:0 0 24px;overflow-wrap:break-word}
h3{font-size:20px;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0 0 8px}
.lead{font-size:18px;line-height:1.55;margin:0}
.meta{font-size:15px;color:var(--muted)}
main{padding:0}

/* Section bands (full bleed, content on the 1040px column) */
main .wrap>.band{max-width:none}
.band{margin:0 calc(50% - 50vw);padding:64px calc(50vw - 50%)}
.tint{background:var(--canvas)}
@media (max-width:560px){.band{padding-top:48px;padding-bottom:48px}h2{margin-bottom:16px}}

/* Editorial hero band */
.hero{position:relative;color:var(--on-dark);background:
  radial-gradient(520px 260px at 100% 0%,rgba(255,45,122,.22),transparent 70%),
  radial-gradient(560px 300px at 0% 100%,rgba(102,79,255,.22),transparent 70%),
  radial-gradient(640px 280px at 70% 120%,rgba(22,119,255,.18),transparent 70%),
  linear-gradient(160deg,var(--forest-2),var(--forest) 60%);
  padding-top:48px;padding-bottom:136px}
.hero h1{color:var(--on-dark)}
.hero .lead{color:var(--on-dark-2);max-width:60ch}
.hero a{color:var(--on-dark)}
.dateline{list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;margin:0 0 16px;padding:0;font-size:14px;color:var(--on-dark-2)}
.dateline li{display:inline-flex;align-items:center;gap:6px;max-width:none}
.dateline svg.i{width:16px;height:16px;color:var(--mint)}
.dateline a{color:var(--on-dark-2)}
.dateline a:hover{color:var(--on-dark)}
@media (max-width:560px){.hero{padding-top:20px;padding-bottom:104px}h1{font-size:26px;line-height:1.15;margin-bottom:12px}.dateline{gap:4px 14px;margin-bottom:12px;font-size:13.5px;line-height:1.4}.hero .lead{font-size:16px;line-height:1.5}}

/* Ranked fold: winner card overlaps the hero edge */
.top3{position:relative;margin-top:-112px}
@media (max-width:560px){.top3{margin-top:-88px}}
.winner{position:relative;background:var(--surface);border-radius:20px;padding:24px;box-shadow:var(--shadow-3);border-top:4px solid var(--ms)}
.winner-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.winner h2{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:0;font-size:inherit}
.pick{display:inline-flex;align-items:center;font-size:14px;font-weight:700;letter-spacing:0;color:var(--ms-ink);background:var(--ms-tint);border-radius:999px;padding:4px 12px}
.winner h2 img{height:40px;width:auto;display:block}
.rating{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--ink)}
.rating b{font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1;color:var(--b-ink,var(--ink));font-variant-numeric:tabular-nums}
.rating span{font-size:12px;line-height:1.15;color:var(--muted);font-weight:600}
.winner .rating b{color:var(--ms-ink)}
.big{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;font-size:clamp(48px,9vw,72px);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.big small{font-size:18px;font-weight:600;color:var(--muted);letter-spacing:0}
.winner .sub{margin:12px 0 8px;font-size:17px;color:var(--ink-2)}
.why{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:600;color:var(--brand)}
.trustline{font-size:14px;color:var(--muted);margin:12px 0 0}
.row{display:grid;grid-template-columns:24px 36px 1fr auto auto;gap:12px;align-items:center;min-height:64px;padding:12px 16px;margin-top:8px;background:var(--surface);border:1px solid var(--line);border-radius:16px;color:var(--ink);text-decoration:none;box-shadow:var(--shadow-1);transition:border-color .15s,box-shadow .15s}
.row:hover{border-color:var(--b);box-shadow:0 10px 24px -14px var(--b)}
.row .n{font-size:15px;font-weight:700;color:var(--muted);text-align:center}
.row .ico{width:36px;height:36px;border-radius:10px}
.row .rt{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.row .rt strong{font-size:17px}
.row .rt small{font-size:14px;color:var(--muted)}
.row .p{font-weight:750;font-size:18px;font-variant-numeric:tabular-nums}
.row .go{display:inline-flex;align-items:center;gap:2px;color:var(--b-ink);font-weight:700;white-space:nowrap}
.row .go svg.i{width:18px;height:18px;stroke-width:2.2}
@media (max-width:560px){
  .winner{padding:16px}.winner-head{margin-bottom:8px}.winner h2 img{height:34px}.pick{font-size:13px;padding:3px 10px}
  .rating b{font-size:24px}.big small{font-size:16px}
  .winner .sub{font-size:15.5px;line-height:1.45;margin:8px 0 6px}.why{font-size:14px;margin-bottom:12px}
  .trustline{font-size:13.5px;line-height:1.4;margin-top:10px}
  .row{grid-template-columns:16px 32px 1fr auto;gap:10px;min-height:58px;padding:8px 12px}.row .ico{width:32px;height:32px;border-radius:8px}.row .p{display:none}
  .row .rt strong{font-size:16px}.row .rt small{font-size:13.5px}
}

/* Trust strip */
.trustwrap{padding:32px 0 8px}
.trust-h{font-size:15px;font-weight:600;color:var(--muted);margin:0 0 12px}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0;padding:0;list-style:none}
.trust li{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;line-height:1.3;max-width:none}
.tile{flex:0 0 44px;width:44px;height:44px;border-radius:14px;display:grid;place-items:center}
.tile svg.i{width:22px;height:22px}
.c-gr{background:var(--brand-tint);color:var(--brand)}
.c-ms{background:var(--ms-tint);color:var(--ms-ink)}
.c-ln{background:var(--ln-tint);color:var(--ln-ink)}
.c-pr{background:var(--pr-tint);color:var(--pr-ink)}
@media (max-width:760px){.trust{grid-template-columns:1fr 1fr;gap:16px 12px}.trust li{font-size:14px;gap:10px}.tile{flex-basis:40px;width:40px;height:40px;border-radius:12px}}

/* Buttons. The MyShape button is the only filled one; others are outline in their own colour. */
.cta{display:block;text-align:center;background:linear-gradient(180deg,var(--ms-btn),var(--ms-btn-2));color:#fff;border:0;font-weight:700;font-size:18px;line-height:1.3;padding:16px 24px;min-height:48px;border-radius:12px;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 10px 24px -10px rgba(200,16,79,.7);text-decoration:none}
.cta:hover{background:var(--ms-hover)}
.cta span{display:block;font-size:14.5px;font-weight:500;margin-top:2px;color:#fff}
.cta.outline{background:var(--surface);color:var(--b-ink,var(--brand));border:1.5px solid var(--b,var(--brand));box-shadow:none;font-size:17px;padding:12px 20px}
.cta.outline:hover{background:var(--b-tint,var(--brand-tint))}
@media (min-width:760px){main .cta{max-width:420px}.winner .cta{display:inline-block;min-width:380px}}
.mini-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;font-size:15px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap;border-radius:10px;background:linear-gradient(180deg,var(--ms-btn),var(--ms-btn-2));color:#fff}
.mini-cta:hover{background:var(--ms-hover)}
.mini-cta.outline{background:var(--surface);color:var(--b-ink,var(--brand));border:1.5px solid var(--b,var(--brand))}
.mini-cta.outline:hover{background:var(--b-tint,var(--brand-tint))}
.textlink{font-weight:600}
.after-cta{margin:16px 0 0;font-size:16px;color:var(--muted)}
.btn{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;font-weight:700;padding:12px 20px;min-height:44px;border-radius:12px;margin-top:8px}

/* Provider review cards: logo side + detail side */
.pcard{position:relative;display:grid;grid-template-columns:300px 1fr;gap:32px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px;margin:0 0 24px;box-shadow:var(--shadow-2)}
.pcard:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:4px;border-radius:20px 20px 0 0;background:var(--b,var(--line-2))}
.pcard.is-winner{border-color:rgba(255,45,122,.45);box-shadow:0 2px 4px rgba(16,24,40,.05),0 24px 48px -24px rgba(214,23,95,.45)}
.pc-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.pc-main{min-width:0}
.pc-main>p{margin:0 0 16px}
.logo-tile{display:grid;place-items:center;height:88px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px}
.logo-tile img{max-height:48px;width:auto}
.b-pr .logo-tile{background:var(--pr-plate);border-color:var(--pr-plate)}
.mono-tile{background:var(--canvas)}
.pc-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}
.rank{display:inline-grid;place-items:center;min-width:40px;height:32px;padding:0 10px;border-radius:999px;background:var(--b-tint,var(--canvas));color:var(--b-ink,var(--ink-2));font-weight:750;font-size:15px}
.rank svg.i{width:18px;height:18px}
.price{font-size:36px;font-weight:800;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums}
.price small{display:block;font-size:15px;font-weight:500;letter-spacing:0;color:var(--muted);margin-top:4px;line-height:1.4}
.badge{display:inline-block;font-size:13px;font-weight:700;line-height:1.4;padding:4px 10px;border-radius:999px;background:var(--b-tint,var(--brand-tint));color:var(--b-ink,var(--brand));margin:0 0 12px}
.badge.ink{background:var(--canvas);color:var(--ink-2);border:1px solid var(--line)}
.badge.bad{background:var(--danger-tint);color:var(--danger);margin:0}
.bestfor{font-size:15px;font-weight:600;color:var(--b-ink,var(--ink-2));margin:-4px 0 12px!important}
.mono{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e9edf2;color:#475467;font-weight:750;font-size:15px;line-height:1;flex:0 0 auto}
.mono.lg{width:56px;height:56px;border-radius:16px;font-size:24px;background:#e3e8ee}
.proscons{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 0 20px;padding:16px 0 0;border-top:1px solid var(--line)}
.proscons h4{margin:0 0 8px;font-size:14px;font-weight:700;color:var(--ink-2)}
ul.pros,ul.cons,ul.xs{list-style:none;margin:0;padding:0;display:grid;gap:8px}
ul.pros li,ul.cons li,ul.xs li{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.45}
ul.pros svg.i,ul.cons svg.i,ul.xs svg.i{margin-top:1px}
ul.pros svg.i{color:var(--b-ink,var(--brand))}
ul.cons svg.i{color:#98a2b3}
ul.xs svg.i{color:var(--danger)}
.pc-main>ul.cons,.pc-main>ul.xs{margin:0 0 16px}
.callout{background:var(--ms-tint);border-radius:12px;padding:12px 16px}
.callout a{color:var(--ms-ink)}
.source{font-size:14px;color:var(--muted);margin:0!important}
.pcard.muted{box-shadow:var(--shadow-1)}
.pcard.avoid{box-shadow:var(--shadow-1);border-color:#f3c7c3}
.pcard.avoid:before{background:var(--danger)}
.avoid .rank{background:var(--danger-tint);color:var(--danger)}
.avoid .price{font-size:28px;color:var(--ink-2)}
blockquote{margin:0 0 16px;color:var(--ink-2);font-size:16px;background:var(--canvas);border-left:3px solid var(--line-2);padding:12px 16px;border-radius:0 10px 10px 0}
@media (max-width:820px){
  .pcard{grid-template-columns:1fr;gap:16px;padding:20px 16px}
  .logo-tile{height:72px}.logo-tile img{max-height:40px}
  .price{font-size:32px}
  .proscons{grid-template-columns:1fr;gap:16px}
}
.note{display:flex;gap:12px;background:var(--pr-tint);border-radius:14px;padding:16px;margin:24px 0}
.note svg.i{color:var(--pr-ink);margin-top:2px}
.disclose{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--surface);font-size:15px;margin:24px 0 8px;max-width:none!important}
.disclose svg.i{color:var(--muted);margin-top:1px}
.toc{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin:24px 0}
.toc ol{margin:8px 0 0;padding-left:20px}
ul.ticks{list-style:none;padding:0;margin:12px 0}
ul.ticks li{padding-left:28px;position:relative;margin:6px 0}
ul.ticks li:before{content:"\2713";position:absolute;left:0;color:var(--brand);font-weight:700}

/* How we compared */
ul.criteria{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
ul.criteria li{display:grid;grid-template-columns:44px 1fr;column-gap:16px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;max-width:none;color:var(--muted);font-size:16px;line-height:1.5;box-shadow:var(--shadow-1)}
ul.criteria .tile{grid-row:span 2}
ul.criteria strong{display:block;color:var(--ink);font-size:17px;margin-bottom:2px}
@media (max-width:640px){ul.criteria{grid-template-columns:1fr;gap:12px}ul.criteria li{padding:16px}}

/* Brand list with icons (subpages) */
ul.brandlist{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:8px}
ul.brandlist li{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 16px;max-width:none;box-shadow:var(--shadow-1)}
ul.brandlist img{width:32px;height:32px;border-radius:8px}
ul.brandlist a{color:var(--b-ink);font-weight:700}

/* Tables */
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;margin:0 0 16px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-2)}
table{border-collapse:collapse;width:100%;min-width:640px;font-size:16px;font-variant-numeric:tabular-nums}
th,td{padding:16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
th{font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap;padding-top:14px;padding-bottom:14px;background:#fafbfc}
tbody tr:last-child td{border-bottom:0}
tr.top td{background:linear-gradient(90deg,rgba(255,45,122,.07),rgba(255,45,122,.02))}
tr.top td:first-child{box-shadow:inset 4px 0 0 var(--ms)}
.tname{display:inline-flex;align-items:center;gap:12px}
.tname img{width:32px;height:32px;border-radius:9px;flex:0 0 32px}
.tname>span:last-child{display:flex;flex-direction:column;line-height:1.3}
.tname small{font-size:13px;color:var(--muted)}
.yes{color:var(--brand);font-weight:700;white-space:nowrap}
.yes svg.i{width:18px;height:18px;vertical-align:-4px;margin-right:4px}
.no{color:var(--danger);font-weight:700}
td.no:last-child{text-align:center}
@media (max-width:640px){
  .table-wrap{overflow:visible;border:0;background:none;box-shadow:none;border-radius:0}
  table{min-width:0}
  table,tbody,tr,td{display:block}
  thead{display:none}
  tr{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin:0 0 8px;box-shadow:var(--shadow-1)}
  tr.top{border:2px solid var(--ms)}
  td,tr.top td,tr.top td:first-child{border:0;padding:0;background:none;box-shadow:none}
  td[data-label]{font-size:15px}
  td[data-label]:before{content:attr(data-label) ": ";color:var(--muted);font-size:14px}
  table.compare tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center}
  table.compare td{grid-column:1}
  table.compare td:first-child{margin-bottom:6px}
  table.compare td:nth-child(5){display:none}
  table.compare td:last-child{grid-column:2;grid-row:1/span 4;align-self:center}
  table.compare td:last-child:empty{display:none}
  .table-wrap:has(table.keep){border:1px solid var(--line);background:var(--surface);border-radius:16px;box-shadow:var(--shadow-1)}
  table.keep{display:table}
  table.keep thead{display:table-header-group}
  table.keep tbody{display:table-row-group}
  table.keep tr{display:table-row;border:0;border-radius:0;padding:0;margin:0;background:none;box-shadow:none}
  table.keep th,table.keep td{display:table-cell;padding:12px 16px;border-bottom:1px solid var(--line)}
  table.keep tbody tr:last-child td{border-bottom:0}
  table.keep td[data-label]:before{content:none}
}

/* Steps */
ol.steps{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
ol.steps li{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;max-width:none;color:var(--muted);font-size:16px;line-height:1.5;box-shadow:var(--shadow-1)}
ol.steps .tile{margin-bottom:16px}
ol.steps small{display:block;font-size:14px;font-weight:600;color:var(--muted);margin-bottom:2px}
ol.steps strong{display:block;color:var(--ink);font-size:18px;margin-bottom:4px}
@media (max-width:760px){ol.steps{grid-template-columns:1fr;gap:12px}ol.steps li{display:grid;grid-template-columns:44px 1fr;column-gap:16px;padding:16px}ol.steps .tile{grid-row:span 3;margin:0}}

/* FAQ */
.faq{border-top:1px solid var(--line);max-width:820px}
details{border-bottom:1px solid var(--line);padding:8px 0;margin:0}
summary{min-height:56px;display:flex;justify-content:space-between;align-items:center;gap:16px;list-style:none;font-weight:650;font-size:18px;cursor:pointer}
summary::-webkit-details-marker{display:none}
summary:after{content:"";flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:var(--canvas) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23101828' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .2s}
details[open] summary:after{transform:rotate(45deg)}
details p{margin:0 0 16px;color:var(--ink-2)}
@media (max-width:560px){summary{font-size:17px}}

/* End card (inside a closing hero band) */
.hero.end{padding-top:64px;padding-bottom:64px}
.endcta{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:center;background:var(--surface);color:var(--ink);border-radius:20px;padding:32px;box-shadow:var(--shadow-3)}
.endcta h2{margin:0 0 8px}
.endcta p{margin:0 0 20px;color:var(--ink-2)}
@media (max-width:760px){.endcta{grid-template-columns:1fr;gap:16px;padding:20px 16px}.hero.end{padding-top:40px;padding-bottom:40px}}

/* Footer */
footer.site{background:var(--forest);color:var(--on-dark-2);padding:48px 0 40px;font-size:15px}
footer.site .foot-logo{color:#fff;margin-bottom:16px;display:inline-flex}
footer.site .foot-logo span{color:var(--on-dark-2)}
footer.site .foot-logo span.logo-a{color:#fff}
footer.site nav{display:flex;flex-wrap:wrap;gap:0 24px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.12)}
footer.site nav a{display:inline-block;padding:11px 0;color:#fff;text-decoration:none;font-weight:500}
footer.site nav a:hover{text-decoration:underline}
footer.site a{color:#fff}
footer.site p{max-width:80ch;margin:0 0 12px}

/* Sticky bar: mobile only, shown when no other CTA is on screen */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:20;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(16,24,40,.12);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;transform:translateY(110%);transition:transform .25s}
.sticky.show{transform:none}
.sticky img{flex:0 0 40px;width:40px;height:40px;border-radius:11px}
.sticky .txt{flex:1;min-width:0;font-size:13.5px;line-height:1.3;color:var(--muted)}
.sticky .txt b{display:block;font-size:16px;color:var(--ink)}
.sticky .mini-cta{min-height:48px;padding:12px 14px}
@media (min-width:900px){.sticky{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* Round 2 refinements */
.dateline li>span a{color:var(--on-dark-2)}
@media (min-width:900px){h1{max-width:27ch}}
@media (max-width:560px){h1{max-width:none}}
@media (min-width:820px){
  .winner{display:grid;grid-template-columns:1.25fr 1fr;gap:0;padding:0}
  .w-main{padding:28px 32px}
  .w-act{padding:28px 32px;border-left:1px solid var(--line);background:linear-gradient(180deg,#fff,#fff7fa);border-radius:0 20px 20px 0;display:flex;flex-direction:column;justify-content:center}
  .winner .w-act .cta{display:block;min-width:0;max-width:none}
  .why{margin-bottom:0}
}
.logo-tile{background:var(--b-tint,var(--canvas));border-color:transparent}
.b-pr .logo-tile{background:var(--pr-plate)}
@media (min-width:821px){.pc-main .cta{display:none}}
@media (max-width:820px){
  .pc-side{display:grid;grid-template-columns:1fr auto;gap:12px 16px;align-items:center}
  .pc-side .logo-tile{height:64px;padding:8px 12px}
  .pc-side .logo-tile img{max-height:36px}
  .pc-meta{flex-direction:column;align-items:flex-end;gap:6px}
  .pc-side .price,.pc-side .cta{grid-column:1/-1}
}
.pcard.single{display:block}
.single-head{display:flex;align-items:center;gap:16px;margin:0 0 16px}
.single-head>div{flex:1;min-width:0}
.single-head h3{margin:4px 0 0}
.single-head .badge{margin:0}
.single-head .badge svg.i{width:15px;height:15px;vertical-align:-3px;margin-right:4px}
.single .price{font-size:28px;margin:0 0 16px}
.single .price small{display:inline;margin-left:8px}
.avoid .rating b{color:var(--danger)}
@media (max-width:560px){.single .price small{display:block;margin:4px 0 0}.mono.lg{width:48px;height:48px;font-size:20px}}

/* Subpages */
.hero.slim{padding-bottom:48px}
.hero .meta{color:var(--on-dark-2)}
@media (max-width:560px){.hero.slim{padding-bottom:36px}}
.prose>h2{margin-top:56px}
.prose>h2:first-child{margin-top:0}
.prose>.winner{margin:40px 0 0}
.prose>.cta{margin-top:8px}
@media (max-width:560px){.prose>h2{margin-top:40px}}
ol.steps-4{grid-template-columns:1fr 1fr;margin-bottom:24px}
ol.steps-4 h2{font-size:20px;margin:0 0 8px;letter-spacing:-.01em}
ol.steps-4 p{margin:0;color:var(--ink-2)}
@media (max-width:760px){ol.steps-4{grid-template-columns:1fr}ol.steps-4 .tile{grid-row:span 3}}
.cta-pair{display:flex;flex-wrap:wrap;gap:12px}
.cta-pair .cta{flex:1 1 240px;margin:0}
.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;margin:0 0 24px;box-shadow:var(--shadow-1)}
.note{display:block}
.note svg.i{float:left;margin:3px 12px 0 0}
.note p{margin:0;overflow:hidden}
.endcta .logo-tile{height:120px}
.endcta .logo-tile img{max-height:56px}
table.compare th:first-child{width:210px}
.tname small{white-space:nowrap}
@media (max-width:760px){.endcta .logo-tile{height:72px}.endcta .logo-tile img{max-height:40px}}
/* reserve the sticky bar's space inside the dark footer, not as a white strip */
body{padding-bottom:0}
@media (max-width:899px){footer.site{padding-bottom:128px}}