/* Hunderacer.dk /hvalp/ — LOCKED MASTER #1
   Reference viewport: 1024px. Geometry measured from authoritative master. */

body.hvalp-master-page{
  margin:0!important;
  background:#fff!important;
  color:#10242e!important;
}
body.hvalp-master-page>main{
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  float:none!important;
  display:block!important;
}
body.hvalp-master-page .hp-shell{
  --green:#0b7a50;
  --green-dark:#075f3f;
  --ink:#10242e;
  --muted:#55646b;
  --line:#e6ebe8;
  --wrap:924px;
  width:100%;
  background:#fff;
  color:var(--ink);
  font-family:Arial,Helvetica,sans-serif;
  overflow-x:hidden;
}
body.hvalp-master-page .hp-shell,
body.hvalp-master-page .hp-shell *{box-sizing:border-box}
body.hvalp-master-page .hp-shell p,
body.hvalp-master-page .hp-shell strong{letter-spacing:normal!important}
body.hvalp-master-page .hp-wrap{
  width:min(var(--wrap),calc(100% - 48px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* HEADER — 41px reference */
body.hvalp-master-page .hp-header{
  width:100%!important;
  height:41px!important;
  min-height:41px!important;
  float:none!important;
  display:flex!important;
  align-items:center!important;
  background:#fff!important;
  border-bottom:1px solid #edf0ee!important;
}
body.hvalp-master-page .hp-header-inner{
  width:min(var(--wrap),calc(100% - 48px))!important;
  height:41px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:184px 1fr 232px!important;
  gap:20px!important;
  align-items:center!important;
}
body.hvalp-master-page .hp-brand{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#132631!important;
  text-decoration:none!important;
  font-size:17px!important;
  line-height:1!important;
}
body.hvalp-master-page .hp-brand strong{
  color:#132631!important;
  font-weight:700!important;
  font-size:17px!important;
}
body.hvalp-master-page .hp-paw{
  width:24px!important;
  height:24px!important;
  display:block!important;
  color:#0b6f49!important;
  background:none!important;
  box-shadow:none!important;
  border-radius:0!important;
}
body.hvalp-master-page .hp-paw svg{width:24px!important;height:24px!important;fill:currentColor!important;display:block!important}
body.hvalp-master-page .hp-nav{
  display:flex!important;
  align-items:center!important;
  gap:24px!important;
  height:41px!important;
}
body.hvalp-master-page .hp-nav a{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  height:41px!important;
  padding:0!important;
  color:#26353c!important;
  text-decoration:none!important;
  font-size:10.5px!important;
  font-weight:400!important;
}
body.hvalp-master-page .hp-nav a.is-active{font-weight:700!important}
body.hvalp-master-page .hp-nav a.is-active:after{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:0!important;
  height:2px!important;background:#0b7a50!important;
}
body.hvalp-master-page .hp-search{
  height:31px!important;
  margin:0!important;
  border-radius:18px!important;
  background:#f6f7f6!important;
  border:1px solid #ecefed!important;
  display:flex!important;
  align-items:center!important;
  padding:0 8px 0 14px!important;
}
body.hvalp-master-page .hp-search input{
  flex:1!important;min-width:0!important;border:0!important;outline:0!important;
  background:transparent!important;color:#526068!important;font-size:9.5px!important;
}
body.hvalp-master-page .hp-search button{
  width:24px!important;height:24px!important;border:0!important;background:transparent!important;
  color:#10242e!important;font-size:17px!important;line-height:1!important;padding:0!important;
}

/* HERO — 256px */
body.hvalp-master-page .hp-hero{
  position:relative!important;
  width:100%!important;
  height:256px!important;
  min-height:256px!important;
  overflow:hidden!important;
  background:linear-gradient(90deg,#27382a 0%,#30442f 42%,#4f6240 54%,#718660 100%)!important;
}
body.hvalp-master-page .hp-hero-grid{
  width:100%!important;
  max-width:none!important;
  height:256px!important;
  min-height:256px!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:52.75% 47.25%!important;
}
body.hvalp-master-page .hp-hero-copy{
  position:relative!important;
  z-index:2!important;
  padding:19px 14px 17px max(24px,calc((100vw - 924px)/2 + 10px))!important;
  color:#fff!important;
  min-width:0!important;
}
body.hvalp-master-page .hp-breadcrumb{
  display:flex!important;align-items:center!important;gap:8px!important;
  margin:0 0 9px!important;color:#fff!important;font-size:10.5px!important;line-height:1!important;
}
body.hvalp-master-page .hp-breadcrumb a{color:#fff!important;text-decoration:none!important}
body.hvalp-master-page .hp-hero h1{
  margin:0 0 10px!important;
  max-width:470px!important;
  color:#fff!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:43px!important;
  line-height:.98!important;
  letter-spacing:-.038em!important;
  font-weight:700!important;
}
body.hvalp-master-page .hp-hero p{
  max-width:444px!important;
  margin:0!important;
  color:#fff!important;
  font-size:12.8px!important;
  line-height:1.38!important;
}
body.hvalp-master-page .hp-actions{
  display:flex!important;gap:12px!important;flex-wrap:wrap!important;
  margin-top:13px!important;
}
body.hvalp-master-page .hp-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  min-height:38px!important;height:38px!important;padding:0 18px!important;
  border-radius:21px!important;border:1px solid transparent!important;
  text-decoration:none!important;font-size:10.5px!important;font-weight:700!important;line-height:1!important;
}
body.hvalp-master-page .hp-btn-green{background:#138758!important;color:#fff!important}
body.hvalp-master-page .hp-btn-light{background:#fff!important;color:#14272f!important}
body.hvalp-master-page .hp-btn span{font-size:15px!important}
body.hvalp-master-page .hp-hero-photo{
  position:relative!important;
  height:258px!important;
  min-height:258px!important;
  background-image:url('/images/hvalp-master/hero.png')!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
body.hvalp-master-page .hp-hero-photo:before{
  content:""!important;position:absolute!important;inset:0 auto 0 0!important;width:36px!important;
  background:linear-gradient(90deg,rgba(63,80,48,.38),rgba(63,80,48,0))!important;
}
body.hvalp-master-page .hp-handnote{display:none!important}

/* TRUST — y288→336 on reference */
body.hvalp-master-page .hp-trust{
  position:relative!important;
  z-index:4!important;
  width:min(var(--wrap),calc(100% - 48px))!important;
  min-height:48px!important;
  margin:-9px auto 13px!important;
  transform:none!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  background:#fff!important;
  border:1px solid #edf1ee!important;
  border-radius:8px!important;
  overflow:hidden!important;
  box-shadow:0 8px 26px rgba(16,45,34,.08)!important;
}
body.hvalp-master-page .hp-trust-item{
  min-height:47px!important;padding:8px 12px!important;
  display:flex!important;align-items:center!important;gap:9px!important;
}
body.hvalp-master-page .hp-trust-item+.hp-trust-item{border-left:1px solid #edf1ee!important}
body.hvalp-master-page .hp-trust-icon{
  width:28px!important;height:28px!important;flex:0 0 28px!important;
  display:grid!important;place-items:center!important;color:#0b744c!important;
  font-size:18px!important;border-radius:50%!important;
}
body.hvalp-master-page .hp-trust strong{
  display:block!important;margin:0 0 2px!important;
  color:#10242e!important;font-size:10.5px!important;font-weight:700!important;
}
body.hvalp-master-page .hp-trust small{
  display:block!important;color:#63716f!important;font-size:7.8px!important;line-height:1.22!important;
}

/* INTRO — 215px */
body.hvalp-master-page .hp-main{margin:0!important;padding:0 0 10px!important;min-height:0!important}
body.hvalp-master-page .hp-start{
  width:min(var(--wrap),calc(100% - 48px))!important;
  height:215px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:316px 1fr!important;
  background:linear-gradient(105deg,#faf7ef,#fbfbf8)!important;
  border-radius:8px!important;
  overflow:hidden!important;
}
body.hvalp-master-page .hp-start-photo{padding:10px 10px 13px 11px!important}
body.hvalp-master-page .hp-start-photo img{
  width:295px!important;height:192px!important;display:block!important;
  object-fit:cover!important;object-position:center!important;border-radius:7px!important;
}
body.hvalp-master-page .hp-start-copy{padding:10px 17px 9px 11px!important}
body.hvalp-master-page .hp-kicker{
  display:block!important;margin:0!important;
  color:#0b7650!important;font-size:7.8px!important;font-weight:800!important;letter-spacing:.20em!important;
}
body.hvalp-master-page .hp-start h2,
body.hvalp-master-page .hp-section-head h2,
body.hvalp-master-page .hp-match h2,
body.hvalp-master-page .hp-races h2,
body.hvalp-master-page .hp-bottom-grid h2{
  color:#10242e!important;
  font-family:Georgia,"Times New Roman",serif!important;
  letter-spacing:-.025em!important;
  font-weight:700!important;
}
body.hvalp-master-page .hp-start h2{
  margin:3px 0 5px!important;font-size:24px!important;line-height:1.02!important;
}
body.hvalp-master-page .hp-start-copy>p{
  margin:0!important;color:#405159!important;font-size:9.7px!important;line-height:1.43!important;
}
body.hvalp-master-page .hp-start-steps{
  display:grid!important;grid-template-columns:repeat(4,1fr)!important;
  gap:12px!important;margin-top:13px!important;
}
body.hvalp-master-page .hp-start-steps>div{
  display:grid!important;grid-template-columns:31px 1fr!important;grid-template-rows:auto auto!important;
  column-gap:7px!important;align-items:start!important;min-width:0!important;
}
body.hvalp-master-page .hp-start-steps span{
  grid-row:1/3!important;width:29px!important;height:29px!important;
  display:grid!important;place-items:center!important;border-radius:50%!important;
  color:#0b744c!important;background:#fff!important;font-size:17px!important;
}
body.hvalp-master-page .hp-start-steps strong{
  color:#10242e!important;font-size:8.8px!important;line-height:1.12!important;font-weight:700!important;
}
body.hvalp-master-page .hp-start-steps small{
  margin-top:4px!important;color:#65736f!important;font-size:7.2px!important;line-height:1.2!important;
}

/* TIMELINE */
body.hvalp-master-page .hp-timeline{
  width:min(var(--wrap),calc(100% - 48px))!important;
  margin:10px auto 0!important;padding:0!important;
}
body.hvalp-master-page .hp-section-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;
}
body.hvalp-master-page .hp-section-head h2{
  margin:0 0 3px!important;font-size:24px!important;line-height:1.04!important;
}
body.hvalp-master-page .hp-section-head p{
  margin:0!important;color:#52616a!important;font-size:9.8px!important;line-height:1.3!important;
}
body.hvalp-master-page .hp-pill{
  align-self:center!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:30px!important;padding:0 14px!important;border-radius:17px!important;
  border:1px solid #4f9d7e!important;background:#fff!important;color:#126746!important;
  text-decoration:none!important;font-size:8.7px!important;font-weight:700!important;white-space:nowrap!important;
}
body.hvalp-master-page .hp-time-row{
  width:100%!important;margin-top:7px!important;
  display:grid!important;grid-template-columns:repeat(11,auto)!important;
  justify-content:space-between!important;align-items:start!important;gap:0!important;
}
body.hvalp-master-page .hp-time-row article{width:118px!important;text-align:center!important}
body.hvalp-master-page .hp-time-row article img{
  width:72px!important;height:72px!important;display:block!important;margin:0 auto!important;
  border:0!important;border-radius:50%!important;box-shadow:none!important;object-fit:cover!important;
}
body.hvalp-master-page .hp-time-row strong{
  display:block!important;margin:3px 0 0!important;color:#10242e!important;font-size:9.8px!important;line-height:1.1!important;
}
body.hvalp-master-page .hp-time-row b{
  display:block!important;margin:2px 0 0!important;color:#10242e!important;font-size:9px!important;line-height:1.12!important;
}
body.hvalp-master-page .hp-time-row p{
  margin:4px 0 0!important;color:#5e6e73!important;font-size:7.5px!important;line-height:1.28!important;
}
body.hvalp-master-page .hp-time-row i{
  width:18px!important;height:18px!important;margin-top:27px!important;
  display:grid!important;place-items:center!important;border-radius:50%!important;
  background:#179261!important;color:#fff!important;font-size:8px!important;font-style:normal!important;
}

/* GUIDES — exact 5x2 geometry */
body.hvalp-master-page .hp-guides{
  width:min(var(--wrap),calc(100% - 48px))!important;
  margin:16px auto 0!important;padding:0!important;
}
body.hvalp-master-page .hp-section-head.simple{margin:0 0 8px!important}
body.hvalp-master-page .hp-guide-grid{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
  column-gap:16px!important;row-gap:10px!important;
}
body.hvalp-master-page .hp-guide-card{
  height:104px!important;min-height:104px!important;
  overflow:hidden!important;background:#fff!important;border:1px solid #e8ece9!important;
  border-radius:7px!important;text-decoration:none!important;color:#10242e!important;
  box-shadow:0 2px 8px rgba(13,44,32,.035)!important;
}
body.hvalp-master-page .hp-card-img{
  position:relative!important;
  width:100%!important;height:52px!important;
  background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
}
body.hvalp-master-page .hp-card-img span{
  position:absolute!important;left:9px!important;bottom:-12px!important;
  width:25px!important;height:25px!important;display:grid!important;place-items:center!important;
  border-radius:50%!important;background:#fff!important;color:#0b754d!important;
  box-shadow:0 2px 6px rgba(0,0,0,.07)!important;font-size:13px!important;
}
body.hvalp-master-page .hp-card-copy{
  position:relative!important;height:52px!important;min-height:52px!important;
  padding:14px 9px 7px!important;
}
body.hvalp-master-page .hp-card-copy strong{
  display:block!important;color:#10242e!important;font-size:9.5px!important;line-height:1.1!important;font-weight:700!important;
}
body.hvalp-master-page .hp-card-copy p{
  margin:4px 18px 0 0!important;color:#53626a!important;font-size:7.3px!important;line-height:1.25!important;
}
body.hvalp-master-page .hp-card-copy i{
  position:absolute!important;right:6px!important;bottom:6px!important;
  width:18px!important;height:18px!important;display:grid!important;place-items:center!important;
  border-radius:50%!important;background:#f2f5f3!important;color:#1e3a30!important;
  font-style:normal!important;font-size:8px!important;
}

/* MATCH — intentionally 950px wide like master */
body.hvalp-master-page .hp-match{
  width:min(950px,calc(100% - 40px))!important;
  height:145px!important;min-height:145px!important;
  margin:11px auto 0!important;
  display:grid!important;grid-template-columns:36% 39.6% 24.4%!important;
  overflow:hidden!important;border:1px solid #e1ece3!important;border-radius:8px!important;
  background:linear-gradient(90deg,#eff8ef,#eef8ed)!important;
}
body.hvalp-master-page .hp-match-copy{padding:13px 15px!important}
body.hvalp-master-page .hp-match h2{
  margin:3px 0 5px!important;font-size:24px!important;line-height:1.02!important;
}
body.hvalp-master-page .hp-match p{
  margin:0 0 9px!important;color:#41534d!important;font-size:8.8px!important;line-height:1.35!important;
}
body.hvalp-master-page .hp-match .hp-btn{
  min-height:31px!important;height:31px!important;width:auto!important;
  padding:0 14px!important;font-size:8.8px!important;
}
body.hvalp-master-page .hp-match-factors{
  display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:5px!important;
  align-items:center!important;padding:0!important;
}
body.hvalp-master-page .hp-match-factors>div{
  height:89px!important;min-height:89px!important;
  display:block!important;text-align:center!important;
  padding:8px 4px!important;border:1px solid #e5ece7!important;border-radius:7px!important;background:#fff!important;
}
body.hvalp-master-page .hp-match-factors span{
  display:block!important;margin-bottom:5px!important;color:#0b744c!important;font-size:20px!important;
}
body.hvalp-master-page .hp-match-factors strong{
  display:block!important;color:#10242e!important;font-size:8.3px!important;line-height:1.1!important;
}
body.hvalp-master-page .hp-match-factors small{
  display:block!important;margin-top:4px!important;color:#65736e!important;font-size:6.7px!important;line-height:1.2!important;
}
body.hvalp-master-page .hp-match-photo{position:relative!important;overflow:hidden!important;height:145px!important}
body.hvalp-master-page .hp-match-photo img{
  width:100%!important;height:145px!important;display:block!important;object-fit:cover!important;object-position:center!important;
}
body.hvalp-master-page .hp-match-photo span{display:none!important}

/* RACES */
body.hvalp-master-page .hp-races{
  width:min(var(--wrap),calc(100% - 48px))!important;
  margin:8px auto 0!important;padding:0!important;
}
body.hvalp-master-page .hp-race-row{
  display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:10px!important;margin-top:6px!important;
}
body.hvalp-master-page .hp-race-row a{
  position:relative!important;height:81px!important;overflow:hidden!important;
  background:#fff!important;border:1px solid #e7ebe8!important;border-radius:7px!important;
  color:#11242c!important;text-decoration:none!important;
}
body.hvalp-master-page .hp-race-row img{
  width:100%!important;height:45px!important;display:block!important;object-fit:cover!important;object-position:center!important;
}
body.hvalp-master-page .hp-race-row strong{
  display:block!important;padding:6px 18px 5px 6px!important;
  color:#11242c!important;font-size:7.4px!important;line-height:1.12!important;font-weight:700!important;
}
body.hvalp-master-page .hp-race-row span{
  position:absolute!important;right:5px!important;bottom:5px!important;
  width:15px!important;height:15px!important;display:grid!important;place-items:center!important;
  border-radius:50%!important;background:#f3f5f4!important;font-size:8px!important;
}

/* LOWER 3-COLUMN MASTER */
body.hvalp-master-page .hp-bottom-grid{
  width:min(950px,calc(100% - 40px))!important;
  height:120px!important;
  margin:9px auto 0!important;padding:0!important;
  display:grid!important;grid-template-columns:352px 378px 196px!important;gap:12px!important;
}
body.hvalp-master-page .hp-feature{
  height:120px!important;min-height:120px!important;
  display:grid!important;grid-template-columns:1fr auto!important;
  overflow:hidden!important;border:1px solid #ede9e0!important;border-radius:8px!important;background:#f8f5ef!important;
}
body.hvalp-master-page .hp-feature>div{padding:11px!important;min-width:0!important}
body.hvalp-master-page .hp-feature h2,
body.hvalp-master-page .hp-most-read h2{
  margin:0 0 5px!important;color:#10242e!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:17px!important;line-height:1.04!important;letter-spacing:-.02em!important;
}
body.hvalp-master-page .hp-feature p{
  margin:0 0 8px!important;color:#536069!important;font-size:7.7px!important;line-height:1.3!important;
}
body.hvalp-master-page .hp-feature .hp-btn{
  min-height:28px!important;height:28px!important;width:auto!important;padding:0 11px!important;font-size:7.8px!important;
}
body.hvalp-master-page .hp-feature img{
  height:120px!important;width:auto!important;display:block!important;object-fit:cover!important;object-position:center!important;
}
body.hvalp-master-page .hp-feature-buy img{width:109px!important}
body.hvalp-master-page .hp-feature-kit img{width:160px!important}
body.hvalp-master-page .hp-most-read{
  height:120px!important;padding:10px!important;border:1px solid #ecefeb!important;border-radius:8px!important;background:#fff!important;
}
body.hvalp-master-page .hp-most-read ol{list-style:none!important;margin:4px 0 0!important;padding:0!important;counter-reset:item!important}
body.hvalp-master-page .hp-most-read li{
  counter-increment:item!important;display:flex!important;align-items:flex-start!important;gap:7px!important;margin:4px 0!important;
}
body.hvalp-master-page .hp-most-read li:before{
  content:counter(item)!important;width:15px!important;height:15px!important;flex:0 0 15px!important;
  display:grid!important;place-items:center!important;border-radius:50%!important;background:#f2f4f3!important;font-size:7px!important;
}
body.hvalp-master-page .hp-most-read a{
  color:#3f5058!important;text-decoration:none!important;font-size:7.4px!important;line-height:1.22!important;
}

/* AUTHORITY FOOTER */
body.hvalp-master-page .hp-authority{
  width:min(var(--wrap),calc(100% - 48px))!important;
  min-height:49px!important;
  margin:10px auto 0!important;padding:9px 0 10px!important;
  display:grid!important;grid-template-columns:1.55fr repeat(3,.68fr) .82fr!important;
  gap:10px!important;align-items:center!important;border-top:1px solid #dfe6e1!important;
}
body.hvalp-master-page .hp-authority strong{
  color:#10242e!important;font-family:Georgia,"Times New Roman",serif!important;font-size:12.5px!important;font-weight:700!important;
}
body.hvalp-master-page .hp-authority p{
  margin:3px 0 0!important;color:#5e6d70!important;font-size:6.8px!important;line-height:1.3!important;
}
body.hvalp-master-page .hp-authority-meta{display:flex!important;align-items:center!important;gap:6px!important}
body.hvalp-master-page .hp-avatar{
  width:28px!important;height:28px!important;flex:0 0 28px!important;
  display:grid!important;place-items:center!important;border-radius:50%!important;
  background:#e8f1eb!important;color:#0c6a46!important;font-size:8px!important;font-weight:800!important;
}
body.hvalp-master-page .hp-authority a{
  color:#274c3d!important;text-decoration:none!important;font-size:6.8px!important;font-weight:700!important;
}

/* reference desktop stays desktop down to 861px */
@media(max-width:860px){
  body.hvalp-master-page .hp-wrap,
  body.hvalp-master-page .hp-header-inner{width:calc(100% - 28px)!important}
  body.hvalp-master-page .hp-header{height:54px!important;min-height:54px!important}
  body.hvalp-master-page .hp-header-inner{height:54px!important;grid-template-columns:1fr 190px!important}
  body.hvalp-master-page .hp-nav{display:none!important}
  body.hvalp-master-page .hp-hero{height:auto!important;min-height:0!important}
  body.hvalp-master-page .hp-hero-grid{height:auto!important;min-height:0!important;grid-template-columns:1fr!important}
  body.hvalp-master-page .hp-hero-photo{order:-1!important;height:250px!important;min-height:250px!important}
  body.hvalp-master-page .hp-hero-copy{padding:24px 14px 28px!important}
  body.hvalp-master-page .hp-hero h1{font-size:38px!important}
  body.hvalp-master-page .hp-hero p{font-size:13px!important}
  body.hvalp-master-page .hp-trust{grid-template-columns:1fr 1fr!important;margin-top:10px!important}
  body.hvalp-master-page .hp-trust-item:nth-child(3){border-left:0!important}
  body.hvalp-master-page .hp-start{height:auto!important;grid-template-columns:1fr!important}
  body.hvalp-master-page .hp-start-photo img{width:100%!important;height:auto!important}
  body.hvalp-master-page .hp-start-steps{grid-template-columns:1fr 1fr!important}
  body.hvalp-master-page .hp-time-row{overflow-x:auto!important;justify-content:start!important;gap:8px!important;padding-bottom:8px!important}
  body.hvalp-master-page .hp-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.hvalp-master-page .hp-match{width:calc(100% - 28px)!important;height:auto!important;grid-template-columns:1fr!important}
  body.hvalp-master-page .hp-match-factors{padding:0 14px 14px!important}
  body.hvalp-master-page .hp-match-photo{height:220px!important}
  body.hvalp-master-page .hp-match-photo img{height:220px!important}
  body.hvalp-master-page .hp-race-row{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body.hvalp-master-page .hp-bottom-grid{width:calc(100% - 28px)!important;height:auto!important;grid-template-columns:1fr!important}
  body.hvalp-master-page .hp-feature,
  body.hvalp-master-page .hp-most-read{height:auto!important;min-height:120px!important}
  body.hvalp-master-page .hp-authority{grid-template-columns:1fr 1fr!important}
  body.hvalp-master-page .hp-authority>div:first-child{grid-column:1/-1!important}
}
@media(max-width:560px){
  body.hvalp-master-page .hp-header-inner{grid-template-columns:1fr!important}
  body.hvalp-master-page .hp-search{display:none!important}
  body.hvalp-master-page .hp-trust{grid-template-columns:1fr!important}
  body.hvalp-master-page .hp-trust-item+.hp-trust-item{border-left:0!important;border-top:1px solid #edf1ee!important}
  body.hvalp-master-page .hp-start-steps{grid-template-columns:1fr!important}
  body.hvalp-master-page .hp-guide-grid{grid-template-columns:1fr!important}
  body.hvalp-master-page .hp-match-factors{grid-template-columns:1fr 1fr!important}
  body.hvalp-master-page .hp-race-row{grid-template-columns:1fr 1fr!important}
  body.hvalp-master-page .hp-authority{grid-template-columns:1fr!important}
  body.hvalp-master-page .hp-authority>div:first-child{grid-column:auto!important}
}


/* CONVERGENCE QA2 — measured against 1024×1536 authoritative master */
body.hvalp-master-page .hp-hero h1{
  font-size:39.5px!important;
  line-height:.96!important;
  max-width:500px!important;
  margin-bottom:10px!important;
}
body.hvalp-master-page .hp-hero h1 span{
  white-space:nowrap!important;
  display:inline-block!important;
}
body.hvalp-master-page .hp-hero-photo:before{
  width:130px!important;
  background:linear-gradient(90deg,rgba(48,68,47,.98) 0%,rgba(48,68,47,.84) 25%,rgba(48,68,47,.35) 65%,rgba(48,68,47,0) 100%)!important;
}
body.hvalp-master-page .hp-trust{
  height:48px!important;
  min-height:48px!important;
}
body.hvalp-master-page .hp-trust-item{
  height:46px!important;
  min-height:46px!important;
  padding:6px 12px!important;
}
body.hvalp-master-page .hp-trust-icon{
  width:26px!important;height:26px!important;flex-basis:26px!important;font-size:17px!important;
}
body.hvalp-master-page .hp-trust strong{font-size:10.2px!important}
body.hvalp-master-page .hp-trust small{font-size:7.4px!important;line-height:1.16!important}
body.hvalp-master-page .hp-timeline{margin-top:13px!important}
body.hvalp-master-page .hp-guides{margin-top:29px!important}
body.hvalp-master-page .hp-races{margin-top:11px!important}
body.hvalp-master-page .hp-races .hp-section-head h2{margin-bottom:1px!important}
body.hvalp-master-page .hp-races .hp-section-head p{
  line-height:1.1!important;
  font-size:9.8px!important;
}
body.hvalp-master-page .hp-race-row{margin-top:3px!important}
body.hvalp-master-page .hp-authority{
  height:58px!important;
  min-height:58px!important;
  overflow:hidden!important;
  padding:5px 0!important;
}
body.hvalp-master-page .hp-authority p{
  font-size:6.5px!important;
  line-height:1.15!important;
  margin-top:2px!important;
}
body.hvalp-master-page .hp-authority strong{font-size:12px!important}
body.hvalp-master-page .hp-avatar{
  width:27px!important;height:27px!important;flex-basis:27px!important;
}


/* CONVERGENCE QA3 — typography inheritance + photographic hero continuity */
body.hvalp-master-page .hp-hero h1 span{
  font:inherit!important;
  color:inherit!important;
  letter-spacing:inherit!important;
  line-height:inherit!important;
}
body.hvalp-master-page .hp-hero:before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:-24px!important;
  background:url('/images/hvalp-master/hero.png') center center/cover no-repeat!important;
  filter:blur(26px) brightness(.50) saturate(.85)!important;
  opacity:.52!important;
  transform:scale(1.06)!important;
  pointer-events:none!important;
}
body.hvalp-master-page .hp-hero:after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  inset:0!important;
  background:linear-gradient(90deg,rgba(34,54,40,.96) 0%,rgba(34,54,40,.93) 36%,rgba(34,54,40,.72) 49%,rgba(34,54,40,.22) 61%,rgba(34,54,40,0) 72%)!important;
  pointer-events:none!important;
}
body.hvalp-master-page .hp-hero-grid{position:relative!important;z-index:2!important}
body.hvalp-master-page .hp-hero-photo{z-index:2!important}
body.hvalp-master-page .hp-hero-copy{z-index:3!important}


/* =========================================================
   LOCKED SUBCOMPONENT PASS — HVALPEMATCH + E-E-A-T FOOTER
   Source: owner-provided code, 2026-10-06
========================================================= */
body.hvalp-master-page .puppy-match *,
body.hvalp-master-page .article-authority *{box-sizing:border-box}

body.hvalp-master-page .puppy-match svg,
body.hvalp-master-page .article-authority svg{
  display:block;
  width:100%;
  height:100%;
  stroke-width:1.9;
}

/* HVALPETEST */
body.hvalp-master-page .puppy-match{
  width:min(950px,calc(100% - 40px));
  height:145px;
  margin:11px auto 0;
  overflow:hidden;
  border:1px solid #dfeae2;
  border-radius:8px;
  background:linear-gradient(90deg,#f0f8f0 0%,#edf7ed 68%,#e8f4e7 100%);
}
body.hvalp-master-page .puppy-match__content{
  display:grid;
  grid-template-columns:342px 376px 232px;
  width:100%;
  height:100%;
}
body.hvalp-master-page .puppy-match__intro{padding:13px 15px}
body.hvalp-master-page .puppy-match__eyebrow{
  display:block;
  margin-bottom:3px;
  color:#0b7650;
  font-family:Arial,Helvetica,sans-serif;
  font-size:8px;
  font-weight:800;
  letter-spacing:.19em;
}
body.hvalp-master-page .puppy-match__intro h2{
  margin:0 0 5px;
  color:#10242e;
  font-family:Georgia,"Times New Roman",serif;
  font-size:24px;
  line-height:1.02;
  font-weight:700;
  letter-spacing:-.025em;
}
body.hvalp-master-page .puppy-match__intro p{
  max-width:305px;
  margin:0 0 9px;
  color:#41534d;
  font-family:Arial,Helvetica,sans-serif;
  font-size:8.8px;
  line-height:1.35;
}
body.hvalp-master-page .puppy-match__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  height:31px;
  padding:0 14px;
  border-radius:17px;
  background:#108458;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:8.8px;
  font-weight:700;
  text-decoration:none;
}
body.hvalp-master-page .puppy-match__cta svg{width:12px;height:12px}
body.hvalp-master-page .puppy-match__criteria{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:5px;
  align-items:center;
}
body.hvalp-master-page .puppy-match__criterion{
  height:89px;
  padding:9px 3px 6px;
  border:1px solid #e2eae4;
  border-radius:7px;
  background:rgba(255,255,255,.88);
  text-align:center;
}
body.hvalp-master-page .puppy-match__icon{
  width:24px;
  height:24px;
  margin:0 auto 6px;
  color:#108458;
}
body.hvalp-master-page .puppy-match__criterion strong{
  display:block;
  margin-bottom:4px;
  color:#10242e;
  font-family:Arial,Helvetica,sans-serif;
  font-size:8.3px;
  font-weight:700;
}
body.hvalp-master-page .puppy-match__criterion span{
  display:block;
  color:#64726e;
  font-family:Arial,Helvetica,sans-serif;
  font-size:6.7px;
  line-height:1.2;
}
body.hvalp-master-page .puppy-match__photo-container{
  position:relative;
  width:232px;
  height:145px;
}
body.hvalp-master-page .puppy-match__photo,
body.hvalp-master-page .puppy-match__photo img{
  display:block;
  width:232px;
  height:145px;
}
body.hvalp-master-page .puppy-match__photo img{object-fit:cover}
body.hvalp-master-page .puppy-match__badge{
  position:absolute;
  top:15px;
  right:15px;
  z-index:2;
  width:75px;
  height:75px;
  background:#b2dcc2;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px;
  text-align:center;
}
body.hvalp-master-page .puppy-match__badge span{
  font-family:Arial,sans-serif;
  font-size:8px;
  font-weight:700;
  color:#10242e;
  line-height:1.1;
}

/* E-E-A-T FOOTER */
body.hvalp-master-page .article-authority{
  width:min(924px,calc(100% - 48px));
  margin:25px auto;
  padding:15px 0;
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr .9fr .7fr;
  gap:20px;
  align-items:center;
  border-top:1px solid #dde5df;
  color:#10242e;
  font-family:Arial,sans-serif;
}
body.hvalp-master-page .article-authority__intro h2{
  margin:0 0 4px;
  font-family:Georgia,serif;
  font-size:14px;
  font-weight:700;
}
body.hvalp-master-page .article-authority__intro p{
  margin:0;
  font-size:10px;
  color:#64726e;
  line-height:1.4;
}
body.hvalp-master-page .article-authority__person{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
body.hvalp-master-page .article-authority__portrait{
  width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:50%;
  object-fit:cover;
  margin:0;
  float:none;
}
body.hvalp-master-page .article-authority__label{
  display:block;
  font-size:9px;
  color:#64726e;
}
body.hvalp-master-page .article-authority__person strong,
body.hvalp-master-page .article-authority__updated strong{
  display:block;
  font-size:11px;
  font-weight:700;
  color:#10242e;
  line-height:1.15;
}
body.hvalp-master-page .article-authority__person small{
  display:block;
  font-size:9px;
  color:#108458;
}
body.hvalp-master-page .article-authority__updated{
  display:flex;
  align-items:center;
  gap:8px;
}
body.hvalp-master-page .article-authority__calendar{
  width:18px;
  height:18px;
  color:#108458;
  flex:0 0 18px;
  margin:0;
}
body.hvalp-master-page .article-authority__source-link{
  font-size:11px;
  color:#108458;
  font-weight:700;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:4px;
}
body.hvalp-master-page .article-authority__source-link svg{width:12px;height:12px}

/* Mobile only; leaves 1024 master untouched */
@media(max-width:860px){
  body.hvalp-master-page .puppy-match{
    width:calc(100% - 28px);
    height:auto;
  }
  body.hvalp-master-page .puppy-match__content{grid-template-columns:1fr}
  body.hvalp-master-page .puppy-match__intro{padding:22px}
  body.hvalp-master-page .puppy-match__criteria{padding:0 22px 22px}
  body.hvalp-master-page .puppy-match__photo-container,
  body.hvalp-master-page .puppy-match__photo,
  body.hvalp-master-page .puppy-match__photo img{width:100%;height:230px}
  body.hvalp-master-page .article-authority{
    width:calc(100% - 28px);
    grid-template-columns:1fr 1fr;
  }
  body.hvalp-master-page .article-authority__intro{grid-column:1/-1}
}
@media(max-width:560px){
  body.hvalp-master-page .puppy-match__criteria{grid-template-columns:1fr 1fr}
  body.hvalp-master-page .puppy-match__intro h2{font-size:31px}
  body.hvalp-master-page .article-authority{grid-template-columns:1fr}
  body.hvalp-master-page .article-authority__intro{grid-column:auto}
  body.hvalp-master-page .article-authority__source-link{justify-content:flex-start;text-align:left}
}


/* =========================================================
   TRUST BAR ICON UPGRADE — ONLY HERO TRUST BAR
   2026-10-06
========================================================= */
body.hvalp-master-page .hp-trust-icon{
  position:relative!important;
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#eef8f2!important;
  color:#0b6f49!important;
  box-shadow:inset 0 0 0 1px rgba(11,111,73,.07)!important;
  font-size:0!important;
}
body.hvalp-master-page .hp-trust-icon svg{
  width:18px!important;
  height:18px!important;
  stroke:currentColor!important;
  stroke-width:1.85!important;
  fill:none!important;
}
body.hvalp-master-page .hp-trust-icon--dog > svg:first-child{
  width:19px!important;
  height:19px!important;
}
body.hvalp-master-page .hp-trust-icon--dog > svg:last-child{
  position:absolute!important;
  width:8px!important;
  height:8px!important;
  left:11px!important;
  top:11px!important;
  stroke-width:2!important;
}


/* =========================================================
   HERO MASTER IMAGE 2 — exact owner-approved cover direction
   2026-10-06
========================================================= */
body.hvalp-master-page .hp-hero{
  position:relative!important;
  overflow:hidden!important;
  background:
    url('/images/hvalp-master/hero-cover.webp')
    center 54% / cover no-repeat!important;
}
body.hvalp-master-page .hp-hero:before{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  inset:0!important;
  width:auto!important;
  background:
    linear-gradient(
      90deg,
      rgba(22,47,32,.94) 0%,
      rgba(22,47,32,.90) 20%,
      rgba(22,47,32,.78) 34%,
      rgba(22,47,32,.48) 46%,
      rgba(22,47,32,.12) 58%,
      rgba(22,47,32,0) 68%
    )!important;
  filter:none!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:none!important;
}
body.hvalp-master-page .hp-hero:after{
  display:none!important;
  content:none!important;
}
body.hvalp-master-page .hp-hero-grid{
  position:relative!important;
  z-index:2!important;
  background:transparent!important;
}
body.hvalp-master-page .hp-hero-copy{
  position:relative!important;
  z-index:3!important;
}
body.hvalp-master-page .hp-hero-photo{
  background:none!important;
  min-height:256px!important;
  height:256px!important;
}
body.hvalp-master-page .hp-hero-photo:before{
  display:none!important;
  content:none!important;
}
body.hvalp-master-page .hp-handnote{
  display:none!important;
}
body.hvalp-master-page .hp-hero h1{
  max-width:500px!important;
  font-size:39px!important;
  line-height:.96!important;
  letter-spacing:-.035em!important;
}
body.hvalp-master-page .hp-hero p{
  max-width:455px!important;
  font-size:12.8px!important;
  line-height:1.40!important;
}

/* Supplied trust assets only; retain the existing 30px icon footprint. */
body.hvalp-master-page .hp-trust .hp-trust-icon--asset{
  background:transparent!important;box-shadow:none!important;
}
body.hvalp-master-page .hp-trust .hp-trust-icon--asset img{
  position:absolute!important;width:40px!important;height:40px!important;
  max-width:none!important;object-fit:contain!important;left:-5px!important;top:-5px!important;
}

/* Owner-supplied photograph, image 2; composition follows reference image 3.
   Relative to this stylesheet, never the document's production <base>. */
body.hvalp-master-page .hp-hero{
  background:#213923 url('../images/hvalp-master/hero-cover-master.png') center top / cover no-repeat!important;
}
body.hvalp-master-page .hp-hero:before{
  background:linear-gradient(90deg,rgba(12,30,19,.66),rgba(12,30,19,.48) 35%,rgba(12,30,19,.15) 51%,transparent 62%)!important;
}
@media(min-width:861px){
  /* Fit the complete puppy, including paws, inside the existing hero height. */
  body.hvalp-master-page .hp-hero{
    background-size:auto 112%!important;
    background-position:right center!important;
  }
  body.hvalp-master-page .hp-hero:before{
    background:linear-gradient(90deg,#192d1e 0%,#192d1e 23%,rgba(25,45,30,.82) 33%,rgba(25,45,30,.28) 49%,transparent 62%)!important;
  }
  body.hvalp-master-page .hp-hero,
  body.hvalp-master-page .hp-hero-grid{
    height:clamp(256px,23.5vw,480px)!important;
    min-height:256px!important;
  }
  body.hvalp-master-page .hp-hero-grid{grid-template-columns:54% 46%!important}
  body.hvalp-master-page .hp-hero-copy{
    padding:clamp(19px,1.85vw,38px) 12px 24px 7.6vw!important;
  }
  body.hvalp-master-page .hp-breadcrumb{
    font-size:clamp(11px,1.13vw,23px)!important;
    margin-bottom:clamp(10px,1vw,20px)!important;
  }
  body.hvalp-master-page .hp-hero h1{
    max-width:none!important;font-size:clamp(36px,3.72vw,76px)!important;
    line-height:.98!important;letter-spacing:-.035em!important;
    margin-bottom:clamp(12px,1.3vw,27px)!important;
  }
  body.hvalp-master-page .hp-hero h1 span{font:inherit!important}
  body.hvalp-master-page .hp-hero p{
    max-width:43vw!important;font-size:clamp(12.8px,1.22vw,25px)!important;
    line-height:1.35!important;
  }
  body.hvalp-master-page .hp-hero .hp-actions{margin-top:clamp(13px,1vw,21px)!important;gap:14px!important;flex-wrap:nowrap!important}
  body.hvalp-master-page .hp-hero .hp-btn{
    height:clamp(36px,3vw,62px)!important;min-height:36px!important;
    font-size:clamp(11px,1.05vw,21px)!important;padding:0 clamp(18px,1.7vw,35px)!important;
    border-radius:40px!important;white-space:nowrap!important;
  }
  body.hvalp-master-page .hp-hero .hp-btn span{font-size:1.3em!important}
}
@media(max-width:860px){
  body.hvalp-master-page .hp-hero{
    background-position:center top!important;background-size:100% auto!important;
  }
  body.hvalp-master-page .hp-hero:before{display:none!important}
  body.hvalp-master-page .hp-hero-photo{
    height:33.4vw!important;min-height:0!important;
  }
  body.hvalp-master-page .hp-hero-copy{background:#213923!important;padding:22px 24px 30px!important}
  body.hvalp-master-page .hp-hero h1{font-size:clamp(29px,5vw,39px)!important;line-height:1.05!important}
  body.hvalp-master-page .hp-hero h1 span{font:inherit!important}
  body.hvalp-master-page .hp-hero p{max-width:100%!important}
}