/* The CarePoint pages: /carepoints/, a country, a CarePoint (design D3, 19 October 2026;
   christshopeuk website/design/carepoint-page/). Taken from the mockup (src/round5.py and the rounds
   it builds on), with the sponsor page's parts it borrows copied in so this page needs no other file.
   No fully rounded pill anywhere: corners are 8 px (var(--v3-r-btn)). Nothing moves. */

/* ---- borrowed from the sponsor page (assets/sponsor-page.css) ---- */
.ch-v3 .spf-facts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 var(--v3-s5);padding:0;list-style:none}
.ch-v3 .spf-facts li{border:1.5px solid var(--v3-ink);border-radius:var(--v3-r-btn);padding:8px 16px;font:600 .9375rem/1.2 var(--v3-font-text);color:var(--v3-ink);background:#fff}
.ch-v3 .spf-ex{display:grid;gap:var(--v3-s3)}
@media(min-width:960px){.ch-v3 .spf-ex{grid-template-columns:300px minmax(0,1fr);gap:var(--v3-s4);align-items:stretch}}
.ch-v3 .spf-tabs{display:flex;flex-wrap:wrap;gap:8px}
@media(min-width:960px){.ch-v3 .spf-tabs{flex-direction:column;flex-wrap:nowrap}}
.ch-v3 .spf-tab{display:flex;align-items:center;gap:12px;text-align:left;border:1.5px solid var(--v3-line);background:#fff;color:var(--v3-ink);border-radius:var(--v3-r-card);padding:12px 16px;font:600 1rem/1.2 var(--v3-font-text);cursor:pointer;transition:background .15s ease,border-color .15s ease}
@media(min-width:960px){.ch-v3 .spf-tab{padding:16px 18px;flex:1}}
.ch-v3 .spf-tab .ch-v3-icon{width:22px;height:22px;color:var(--v3-green);flex:none}
.ch-v3 .spf-tab:hover{border-color:var(--v3-green)}
.ch-v3 .spf-tab[aria-selected="true"]{background:var(--v3-ink);border-color:var(--v3-ink);color:#fff}
.ch-v3 .spf-tab[aria-selected="true"] .ch-v3-icon{color:var(--v3-gold)}
.ch-v3 .spf-panel{background:#fff;border:1px solid var(--v3-line);border-radius:16px;overflow:hidden;box-shadow:var(--v3-shadow-lg);display:grid}
@media(min-width:720px){.ch-v3 .spf-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.ch-v3 .spf-panel figure{margin:0;min-height:260px;position:relative}
.ch-v3 .spf-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ch-v3 .spf-panel-body{padding:var(--v3-s4);display:flex;flex-direction:column;justify-content:center}
.ch-v3 .spf-panel-body h3{font-size:1.6rem;margin:0 0 12px}
.ch-v3 .spf-panel-body p{margin:0 0 16px}
.ch-v3 .spf-panel-body .v3-checklist{gap:8px;font-size:.9375rem}
.ch-v3 .spf-panel[hidden]{display:none!important}
.ch-v3 .spx-two{display:grid;gap:var(--v3-s5)}
@media(min-width:960px){.ch-v3 .spx-two{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:var(--v3-s7);align-items:start}}
.ch-v3 .spx-two .v3-section-head{margin-bottom:var(--v3-s4)}
.ch-v3 .spx-pic{margin:0;border-radius:var(--v3-r-card);overflow:hidden;aspect-ratio:4/3;box-shadow:var(--v3-shadow-lg);max-width:100%}
.ch-v3 .spx-pic img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:959px){.ch-v3 .spx-pic{display:none}}

/* ---- the header: the map is its ground, the words on the left ---- */
.ch-v3 .cpd3-hero{position:relative;background:var(--v3-bg-soft);overflow:hidden;min-height:520px;display:flex;align-items:center}
.ch-v3 .cpd3-map{position:absolute;top:0;right:0;bottom:0;width:58%;
  -webkit-mask:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.35) 18%,#000 42%);mask:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.35) 18%,#000 42%)}
.ch-v3 .cpd3-map img,.ch-v3 .cpd3-map svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.ch-v3 .cpd3-map img{object-fit:cover;object-position:center}
.ch-v3 .cpd3-in{position:relative;z-index:1;padding-top:var(--v3-s6);padding-bottom:var(--v3-s6);width:100%}
.ch-v3 .cpd3-in .ch-breadcrumbs{margin-bottom:var(--v3-s4)}
.ch-v3 .cpd3-in .v3-chip{margin-bottom:var(--v3-s3)}
.ch-v3 .cpd3-in .v3-h1{font-size:clamp(2.4rem,5vw,3.8rem);max-width:12ch;margin-bottom:var(--v3-s3)}
.ch-v3 .cpd3-in .v3-h1 em{font-style:normal;color:var(--v3-green-ink)}
.ch-v3 .cpd3-in .v3-lead{max-width:44ch;margin-bottom:var(--v3-s3)}
.ch-v3 .cpd3-in .spf-facts{margin-bottom:var(--v3-s4)}
@media(min-width:900px){.ch-v3 .cpd3-in>*{max-width:46%}}
@media(max-width:899px){
  .ch-v3 .cpd3-hero{display:block;min-height:0}
  .ch-v3 .cpd3-map{position:relative;width:100%;height:240px;
    -webkit-mask:linear-gradient(180deg,#000 55%,rgba(0,0,0,0) 100%);mask:linear-gradient(180deg,#000 55%,rgba(0,0,0,0) 100%)}
  .ch-v3 .cpd3-in{padding-top:var(--v3-s3)}
  }

/* ---- the CarePoints beside this one: green cards, this one in gold ---- */
.ch-v3 .cpd-where-sec{padding:var(--v3-s4) 0 0}
.ch-v3 .cpd3-where{padding-top:var(--v3-s5)}
.ch-v3 .cpd3-sibhead{margin-bottom:var(--v3-s2)}
.ch-v3 .cpd3-sibwhere{display:flex;align-items:center;gap:8px;font-family:var(--v3-font-display);font-weight:600;font-size:1.1rem;color:var(--v3-ink);margin-bottom:6px}
.ch-v3 .cpd3-sibwhere a{color:var(--v3-ink);text-decoration:underline;text-decoration-color:#9fc3ab;text-underline-offset:3px}
.ch-v3 .cpd3-sibwhere span{color:var(--v3-muted)}
.ch-v3 .cpd3-sibwhere .ch-v3-icon{width:18px;height:18px;color:var(--v3-gold-ink)}
.ch-v3 .cp-sibs-label{font-family:var(--v3-font-display);font-weight:600;font-size:var(--v3-t-small);letter-spacing:.06em;text-transform:uppercase;color:var(--v3-muted);margin:0}
.ch-v3 .cpd3-sibgrid{grid-template-columns:repeat(2,1fr)!important}
@media(min-width:700px){.ch-v3 .cpd3-sibgrid{grid-template-columns:repeat(3,1fr)!important}}
@media(min-width:1000px){.ch-v3 .cpd3-sibgrid{grid-template-columns:repeat(var(--n,6),1fr)!important}}
.ch-v3 .cpd3-sib{background:var(--v3-green-tint);border-color:#bfe5cf}
.ch-v3 .cpd3-sib:hover{border-color:var(--v3-green)}
.ch-v3 .cpd3-sib.is-on{background:var(--v3-gold);border-color:#e3b600}
.ch-v3 .cpd3-sib.is-on span{color:var(--v3-ink-soft)}

/* ---- small CarePoint cards (country page, siblings) ---- */
.ch-v3 .cpd-place{margin-bottom:var(--v3-s4)}
.ch-v3 .cpd-place p{margin:0 0 var(--v3-s2)}
.ch-v3 .cpd-cpgrid{display:grid;gap:10px;grid-template-columns:1fr}
@media(min-width:560px){.ch-v3 .cpd-cpgrid{grid-template-columns:1fr 1fr}}
.ch-v3 .cpd-cpcard{display:block;padding:12px 14px;border:1.5px solid var(--v3-line);border-radius:var(--v3-r-card);text-decoration:none;background:#fff;min-width:0}
.ch-v3 .cpd-cpcard b{display:block;font-family:var(--v3-font-display);font-weight:600;color:var(--v3-ink)}
.ch-v3 .cpd-cpcard span{font-size:var(--v3-t-small);color:var(--v3-muted)}
.ch-v3 a.cpd-cpcard:hover{border-color:var(--v3-green)}

/* ---- the CarePoint's own part ---- */
.ch-v3 .cpd-text p{margin:0 0 var(--v3-s2)}
.ch-v3 .cpd-text .v3-h3{margin-top:var(--v3-s4)}
.ch-v3 .cpd-text>.v3-h3:first-child,.ch-v3 .cpd-text>.cpd-place:first-child .v3-h3{margin-top:0}
.ch-v3 .cpd3-mapline{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--v3-muted);font-size:var(--v3-t-small);margin-top:var(--v3-s3)}
.ch-v3 .cpd3-mapline .ch-v3-icon{width:18px;height:18px;color:var(--v3-green)}
.ch-v3 .cpd3-mapline a,.ch-v3 .cpd3-every a,.ch-v3 .cp-more a{color:var(--v3-green-ink);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.ch-v3 .cp-more{margin:var(--v3-s5) 0 0}
.ch-v3 .cp-more a .ch-v3-icon{width:18px;height:18px}

/* ---- the one line about every CarePoint ---- */
.ch-v3 .cpd3-every{background:var(--v3-bg-soft);padding:var(--v3-s4) 0}
.ch-v3 .cpd3-every p{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;color:var(--v3-ink-soft)}
.ch-v3 .cpd3-every b{color:var(--v3-ink)}
.ch-v3 .cpd3-every .ch-v3-icon{width:20px;height:20px;color:var(--v3-green)}

/* ---- previous / all / next ---- */
.ch-v3 .cpd-pn{padding:var(--v3-s5) 0 var(--v3-s6)}
.ch-v3 .cpb-prevnext{display:flex;justify-content:space-between;align-items:center;gap:var(--v3-s2);flex-wrap:wrap;background:#fff;border:1px solid var(--v3-line);border-radius:var(--v3-r-card);padding:var(--v3-s3) var(--v3-s4)}
.ch-v3 .cpb-prevnext a,.ch-v3 .cpb-prevnext .is-quiet{font-family:var(--v3-font-display);font-weight:600;color:var(--v3-ink);text-decoration:none}
.ch-v3 .cpb-prevnext small{display:block;font-weight:400;color:var(--v3-muted);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.ch-v3 .cpb-next{text-align:right}
.ch-v3 .cpb-prevnext .cpb-all{color:var(--v3-green-ink)}

/* ---- the index's country cards ---- */
.ch-v3 .cpd3-country{text-decoration:none;display:block}
.ch-v3 .cpd3-country-map{height:150px;margin-bottom:var(--v3-s2);display:flex;align-items:center}
.ch-v3 .cpd3-country-map img{height:150px;width:auto;max-width:100%;object-fit:contain;display:block}
.ch-v3 .cpd-countries .v3-card p{margin:0 0 4px;font-size:var(--v3-t-small)}
.ch-v3 .cpd-country-where{color:var(--v3-muted)}
.ch-v3 .v3-card-link{display:inline-flex;align-items:center;gap:6px;margin-top:var(--v3-s2);color:var(--v3-green-ink);font-weight:600}

/* ---- news and the invitation ---- */
.ch-v3 .cp-news{text-decoration:none;display:block}
.ch-v3 .cp-news .v3-h3{font-size:1.2rem;margin:var(--v3-s2) 0}
.ch-v3 .cp-talk-grid{display:grid;gap:var(--v3-s5);align-items:start}
@media(min-width:900px){.ch-v3 .cp-talk-grid{grid-template-columns:.9fr 1.1fr;gap:var(--v3-s6)}}
.ch-v3 .cp-talk .v3-lead-form{max-width:none;margin:0}
.ch-v3 .cp-phone{display:flex;align-items:center;gap:8px;color:var(--v3-ink-soft)}
.ch-v3 .cp-phone a{color:var(--v3-green-ink);font-weight:600;text-decoration:none}
.ch-v3 .cp-phone .ch-v3-icon{width:20px;height:20px;color:var(--v3-green)}
.ch-v3 .cp-need p{margin:0 0 var(--v3-s2)}