/* Go2Dog Home Knowledge Bridge v1.0.4
   Mobile refinement from live screenshots: knowledge cards stay directly attached to search,
   use compact row sizing, and resist larger global homepage link/button spacing. */
.g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d1261-searchbar.g2d-hkb-search-connected{
  margin-bottom:8px;
}
.g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-inline-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 14px;
  margin:0 0 24px;
  padding:0;
}
.g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-card{
  --tile:#edf6ef;
  --stroke:#155b49;
  min-width:0;
  min-height:66px;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 24px;
  align-items:center;
  gap:13px;
  padding:8px 14px 8px 9px;
  border:1px solid #e0e7e0;
  border-radius:16px;
  background:rgba(255,255,255,.96);
  color:#17312b;
  box-shadow:0 6px 18px rgba(25,62,50,.035);
  text-decoration:none;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-card:hover,
.g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-card:focus-visible{
  transform:translateY(-1px);
  border-color:#cedbd2;
  box-shadow:0 10px 22px rgba(25,62,50,.075);
  outline:none;
}
.g2d-hkb-icon{
  width:48px;
  height:48px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:var(--tile);
  color:var(--stroke);
}
.g2d-hkb-icon svg{
  width:26px;
  height:26px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.g2d-hkb-copy{min-width:0;display:grid;gap:2px;line-height:1.15}
.g2d-hkb-copy strong{font-size:15px;font-weight:850;color:#17312b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g2d-hkb-copy small{font-size:12px;color:#718079;font-weight:650}
.g2d-hkb-arrow{justify-self:end;font-size:18px;line-height:1;color:#53675f}
.g2d-hkb-training{--tile:#e9f6ee;--stroke:#176a55}
.g2d-hkb-care{--tile:#e8f2fb;--stroke:#397aa5}
.g2d-hkb-nutrition{--tile:#fff0df;--stroke:#b96a18}
.g2d-hkb-behaviour{--tile:#fceadf;--stroke:#aa5a34}
.g2d-hkb-health{--tile:#e7f6ef;--stroke:#25805e}
.g2d-hkb-exercise{--tile:#eef6df;--stroke:#5b7e26}
.g2d-hkb-senior{--tile:#fbe9df;--stroke:#8a634b}
.g2d-hkb-home{--tile:#fff1db;--stroke:#c56b15}
.g2d-hkb-travel{--tile:#e3f0fc;--stroke:#276ba4}
.g2d-hkb-firstaid{--tile:#ffe5e8;--stroke:#d93742}

@media(max-width:700px){
  .g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d1261-searchbar.g2d-hkb-search-connected{
    margin-bottom:6px!important;
  }
  .g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-inline-grid{
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin:0 0 18px!important;
    padding:0!important;
  }
  .g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-card{
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
    grid-template-columns:44px minmax(0,1fr) 18px!important;
    gap:10px!important;
    padding:7px 11px 7px 7px!important;
    margin:0!important;
    border-radius:15px!important;
    line-height:1.1!important;
  }
  .g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-icon{
    width:44px!important;
    height:44px!important;
    border-radius:12px!important;
  }
  .g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-icon svg{
    width:24px!important;
    height:24px!important;
  }
  .g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-copy{
    gap:2px!important;
    line-height:1.08!important;
  }
  .g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-copy strong{
    font-size:15px!important;
    line-height:1.12!important;
    margin:0!important;
    padding:0!important;
  }
  .g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-copy small{
    font-size:11.5px!important;
    line-height:1.15!important;
    margin:0!important;
    padding:0!important;
  }
  .g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-arrow{
    font-size:18px!important;
    margin:0!important;
    padding:0!important;
  }
}
@media(max-width:380px){
  .g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-card{
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    grid-template-columns:40px minmax(0,1fr) 17px!important;
    gap:9px!important;
    padding:6px 10px 6px 6px!important;
  }
  .g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-icon{
    width:40px!important;
    height:40px!important;
  }
  .g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-copy strong{font-size:14px!important}
  .g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-copy small{font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){
  .g2d-hkb-card{transition:none!important}
}

/* v1.0.2 — direct knowledge-category library view.
   Homepage clicks now land on the real Knowledge route, skip the generic step/search head,
   and show every topic in the selected category. Native article URLs keep the existing reader/access rules. */
.g2d-hkb-library-view{
  width:min(1120px,calc(100% - 32px));
  margin:18px auto 34px;
  scroll-margin-top:96px;
}
.g2d-hkb-library-back{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin:0 0 14px;
  color:#225f4f;
  font-weight:800;
  text-decoration:none;
}
.g2d-hkb-library-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  padding:22px 24px 18px;
  border:1px solid #dde7df;
  border-radius:22px 22px 0 0;
  background:linear-gradient(135deg,#f7fbf7,#eef7ef);
}
.g2d-hkb-library-heading-copy{min-width:0}
.g2d-hkb-library-head .eyebrow{display:block;margin:0 0 7px;color:#2e745e;font-size:11px;letter-spacing:.15em;font-weight:900}
.g2d-hkb-library-head h1{margin:0;color:#17312b;font-size:clamp(26px,3.6vw,42px);line-height:1.05}
.g2d-hkb-library-head p{max-width:780px;margin:9px 0 0;color:#63736c;line-height:1.55}
.g2d-hkb-library-total{flex:0 0 auto;padding:8px 12px;border-radius:999px;background:#fff;color:#4d665d;font-size:13px;font-weight:800;border:1px solid #dfe8e1}
.g2d-hkb-library-filter{padding:12px 14px;background:#f7faf7;border-left:1px solid #dde7df;border-right:1px solid #dde7df}
.g2d-hkb-library-filter input{
  width:100%;height:48px;box-sizing:border-box;border:1px solid #d7e2da;border-radius:14px;background:#fff;color:#17312b;padding:0 15px;font:inherit;outline:none;
}
.g2d-hkb-library-filter input:focus{border-color:#4d8a72;box-shadow:0 0 0 3px rgba(77,138,114,.12)}
.g2d-hkb-library-list{
  display:grid;
  gap:0;
  border:1px solid #dde7df;
  border-radius:0 0 22px 22px;
  overflow:hidden;
  background:#fff;
}
.g2d-hkb-library-row{
  min-width:0;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto 22px;
  align-items:center;
  gap:12px;
  min-height:78px;
  padding:11px 16px;
  color:#17312b;
  text-decoration:none;
  border-bottom:1px solid #edf1ee;
  background:#fff;
  transition:background .14s ease;
}
.g2d-hkb-library-row:last-child{border-bottom:0}
.g2d-hkb-library-row:hover,.g2d-hkb-library-row:focus-visible{background:#f5faf6;outline:none}
.g2d-hkb-library-row-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#eef7f0;font-size:22px}
.g2d-hkb-library-row-copy{min-width:0;display:grid;gap:4px}
.g2d-hkb-library-row-copy strong{font-size:16px;line-height:1.2;color:#17312b}
.g2d-hkb-library-row-copy small{color:#718079;font-size:12.5px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g2d-hkb-library-access{padding:5px 8px;border-radius:999px;font-size:11px;font-weight:850;white-space:nowrap}
.g2d-hkb-library-access.is-free{background:#eaf6ee;color:#247052}
.g2d-hkb-library-access.is-plus{background:#fff0db;color:#9a5b16}
.g2d-hkb-library-row-arrow{font-size:18px;color:#5b6f67}
.g2d-hkb-library-empty{padding:24px;border:1px solid #dde7df;border-top:0;border-radius:0 0 22px 22px;background:#fff;color:#63736c;text-align:center;font-weight:700}

@media(max-width:700px){
  .g2d-hkb-library-view{width:calc(100% - 24px);margin:10px auto 24px;scroll-margin-top:74px}
  .g2d-hkb-library-back{margin:0 0 10px;font-size:14px}
  .g2d-hkb-library-head{align-items:flex-start;padding:16px 15px 14px;border-radius:18px 18px 0 0;gap:12px}
  .g2d-hkb-library-head h1{font-size:27px}
  .g2d-hkb-library-head p{font-size:13px;line-height:1.4;margin-top:7px}
  .g2d-hkb-library-total{padding:6px 8px;font-size:11px}
  .g2d-hkb-library-filter{padding:9px 10px}
  .g2d-hkb-library-filter input{height:44px;border-radius:12px;font-size:14px}
  .g2d-hkb-library-list{border-radius:0 0 18px 18px}
  .g2d-hkb-library-row{grid-template-columns:38px minmax(0,1fr) auto 18px;gap:9px;min-height:66px;padding:8px 10px}
  .g2d-hkb-library-row-icon{width:38px;height:38px;border-radius:11px;font-size:19px}
  .g2d-hkb-library-row-copy strong{font-size:14px}
  .g2d-hkb-library-row-copy small{font-size:11px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal}
  .g2d-hkb-library-access{font-size:10px;padding:4px 6px}
  .g2d-hkb-library-row-arrow{font-size:16px}
}
@media(max-width:390px){
  .g2d-hkb-library-head{display:grid}
  .g2d-hkb-library-total{justify-self:start}
  .g2d-hkb-library-row{grid-template-columns:36px minmax(0,1fr) 16px}
  .g2d-hkb-library-row-icon{width:36px;height:36px}
  .g2d-hkb-library-access{display:none}
}


/* v1.0.4 — explicit back navigation for the native Breed Atlas.
   The breed directory now has a real button back to the homepage Knowledge overview;
   breed detail pages also get a clear button back to the full breed directory. */
.g2d-hkb-breed-nav{
  width:min(1120px,calc(100% - 32px));
  margin:16px auto 12px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}
.g2d-hkb-back-button,
.g2d-hkb-library-back,
.g2d-hkb-native-back-enhanced{
  min-height:42px;
  box-sizing:border-box;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:9px 14px!important;
  border:1px solid #cfddd3!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#1f5e4d!important;
  font-weight:850!important;
  line-height:1.15!important;
  text-decoration:none!important;
  box-shadow:0 5px 14px rgba(25,62,50,.05)!important;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease!important;
}
.g2d-hkb-back-button-primary{
  border-color:#1f654f!important;
  background:#1f654f!important;
  color:#fff!important;
}
.g2d-hkb-back-button:hover,
.g2d-hkb-back-button:focus-visible,
.g2d-hkb-library-back:hover,
.g2d-hkb-library-back:focus-visible,
.g2d-hkb-native-back-enhanced:hover,
.g2d-hkb-native-back-enhanced:focus-visible{
  transform:translateY(-1px);
  border-color:#1f654f!important;
  box-shadow:0 8px 18px rgba(25,62,50,.10)!important;
  outline:none!important;
}
.g2d-hkb-library-back{margin:0 0 14px!important}
@media(max-width:700px){
  .g2d-hkb-breed-nav{
    width:calc(100% - 24px);
    margin:10px auto 10px;
    display:grid;
    grid-template-columns:1fr;
  }
  .g2d-hkb-back-button,
  .g2d-hkb-library-back,
  .g2d-hkb-native-back-enhanced{
    width:100%;
    min-height:44px;
    padding:10px 12px!important;
    font-size:14px!important;
  }
}

/* v1.0.5 — one Knowledge directory language for every category.
   Non-breed categories now use the same visual hierarchy as the native Breed Atlas:
   real back button -> large category title -> soft discovery panel -> filter -> card grid -> article reader. */
.g2d-hkb-directory-view,
.g2d-hkb-article-view{
  width:min(1180px,calc(100% - 32px));
  margin:14px auto 38px;
  scroll-margin-top:92px;
  color:#17312b;
}
.g2d-hkb-directory-nav{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin:0 0 20px;
}
.g2d-hkb-directory-hero{
  padding:14px 4px 22px;
  border-bottom:1px solid #e5ebe6;
}
.g2d-hkb-directory-title-row{
  display:flex;
  align-items:center;
  gap:13px;
}
.g2d-hkb-directory-title-icon{
  flex:0 0 auto;
  font-size:34px;
  line-height:1;
}
.g2d-hkb-directory-hero h1{
  margin:0;
  color:#18312b;
  font-size:clamp(34px,4.8vw,58px);
  line-height:.98;
  letter-spacing:-.035em;
  font-weight:900;
}
.g2d-hkb-directory-hero p{
  max-width:850px;
  margin:10px 0 0;
  color:#66766f;
  font-size:15px;
  line-height:1.55;
}
.g2d-hkb-directory-intro{
  margin:18px 0 16px;
  padding:20px 22px;
  border:1px solid #e0e8e2;
  border-radius:18px;
  background:linear-gradient(135deg,#f8fbf8,#f0f7f1);
  box-shadow:0 7px 20px rgba(35,76,60,.025);
}
.g2d-hkb-directory-intro .eyebrow{
  display:block;
  margin:0 0 5px;
  color:#2c715b;
  font-size:11px;
  letter-spacing:.15em;
  font-weight:900;
}
.g2d-hkb-directory-intro h2{
  margin:0;
  color:#17312b;
  font-size:clamp(22px,3vw,34px);
  line-height:1.08;
  font-weight:900;
}
.g2d-hkb-directory-intro p{
  max-width:850px;
  margin:8px 0 0;
  color:#66766f;
  line-height:1.5;
}
.g2d-hkb-directory-filter{
  margin:0 0 16px;
}
.g2d-hkb-directory-filter input{
  width:100%;
  height:50px;
  box-sizing:border-box;
  border:1px solid #d6e0d9;
  border-radius:13px;
  background:#fff;
  color:#17312b;
  padding:0 16px;
  font:inherit;
  outline:none;
  box-shadow:0 3px 12px rgba(25,62,50,.025);
}
.g2d-hkb-directory-filter input:focus{
  border-color:#3f8068;
  box-shadow:0 0 0 3px rgba(63,128,104,.12);
}
.g2d-hkb-directory-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px 16px;
}
.g2d-hkb-directory-card{
  min-width:0;
  min-height:112px;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:12px;
  row-gap:5px;
  align-items:start;
  padding:15px 15px 12px;
  border:1px solid #e1e7e2;
  border-radius:16px;
  background:#fff;
  color:#17312b;
  text-decoration:none;
  box-shadow:0 5px 16px rgba(25,62,50,.035);
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.g2d-hkb-directory-card:hover,
.g2d-hkb-directory-card:focus-visible{
  transform:translateY(-1px);
  border-color:#c9d8ce;
  box-shadow:0 9px 22px rgba(25,62,50,.08);
  outline:none;
}
.g2d-hkb-directory-card-icon{
  grid-row:1 / span 2;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#edf6ef;
  font-size:23px;
  line-height:1;
}
.g2d-hkb-directory-card-copy{
  min-width:0;
  display:grid;
  gap:5px;
}
.g2d-hkb-directory-card-copy strong{
  color:#17312b;
  font-size:16px;
  line-height:1.18;
  font-weight:850;
}
.g2d-hkb-directory-card-copy small{
  color:#718079;
  font-size:12px;
  line-height:1.35;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.g2d-hkb-directory-card-meta{
  grid-column:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:9px;
  margin-top:2px;
}
.g2d-hkb-directory-card-arrow{
  color:#5a6e66;
  font-size:18px;
  line-height:1;
}
.g2d-hkb-directory-view .g2d-hkb-library-empty{
  margin-top:14px;
  border:1px solid #dde7df;
  border-radius:15px;
}

/* Shared article reader: same calm, roomy visual system as the directories. */
.g2d-hkb-article-nav{margin-bottom:16px}
.g2d-hkb-article-card{
  overflow:hidden;
  border:1px solid #dfe7e1;
  border-radius:22px;
  background:#fff;
  box-shadow:0 8px 26px rgba(25,62,50,.045);
}
.g2d-hkb-article-head{
  display:grid;
  grid-template-columns:56px minmax(0,1fr) auto;
  gap:14px;
  align-items:start;
  padding:24px 26px 21px;
  background:linear-gradient(135deg,#f8fbf8,#eef7ef);
  border-bottom:1px solid #e2e9e4;
}
.g2d-hkb-article-icon{
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:#fff;
  font-size:27px;
  box-shadow:0 4px 14px rgba(25,62,50,.05);
}
.g2d-hkb-article-heading-copy .eyebrow{
  display:block;
  margin:0 0 4px;
  color:#2c715b;
  font-size:10.5px;
  letter-spacing:.14em;
  font-weight:900;
}
.g2d-hkb-article-category{
  display:block;
  margin:0 0 7px;
  color:#64756d;
  font-size:13px;
  font-weight:750;
}
.g2d-hkb-article-head h1{
  margin:0;
  color:#17312b;
  font-size:clamp(28px,4vw,46px);
  line-height:1.04;
  letter-spacing:-.025em;
}
.g2d-hkb-article-reading{
  max-width:860px;
  padding:28px 30px 30px;
  color:#344a42;
  font-size:16px;
  line-height:1.75;
}
.g2d-hkb-article-reading p{margin:0 0 1.2em}
.g2d-hkb-article-reading p:last-child{margin-bottom:0}
.g2d-hkb-article-locked{
  margin:26px;
  padding:22px;
  border:1px solid #eadbbf;
  border-radius:16px;
  background:#fff8ed;
  color:#5f4a2e;
}
.g2d-hkb-article-locked strong{display:block;margin:0 0 6px}
.g2d-hkb-article-locked p{margin:0 0 14px}
.g2d-hkb-article-access-btn{
  display:inline-flex;
  min-height:42px;
  align-items:center;
  padding:8px 14px;
  border-radius:11px;
  background:#1f654f;
  color:#fff!important;
  font-weight:850;
  text-decoration:none!important;
}
.g2d-hkb-article-foot{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  padding:16px 24px 22px;
  border-top:1px solid #eef2ef;
}

@media(max-width:920px){
  .g2d-hkb-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .g2d-hkb-directory-view,
  .g2d-hkb-article-view{
    width:calc(100% - 24px);
    margin:10px auto 26px;
    scroll-margin-top:72px;
  }
  .g2d-hkb-directory-nav,
  .g2d-hkb-article-nav{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
    margin-bottom:12px;
  }
  .g2d-hkb-directory-hero{padding:8px 2px 16px}
  .g2d-hkb-directory-title-row{gap:9px;align-items:flex-start}
  .g2d-hkb-directory-title-icon{font-size:27px;margin-top:2px}
  .g2d-hkb-directory-hero h1{font-size:34px;line-height:1.02}
  .g2d-hkb-directory-hero p{font-size:13px;line-height:1.45;margin-top:7px}
  .g2d-hkb-directory-intro{margin:12px 0 11px;padding:15px 14px;border-radius:15px}
  .g2d-hkb-directory-intro h2{font-size:24px}
  .g2d-hkb-directory-intro p{font-size:12.5px;line-height:1.4}
  .g2d-hkb-directory-filter{margin-bottom:10px}
  .g2d-hkb-directory-filter input{height:44px;border-radius:12px;font-size:14px}
  .g2d-hkb-directory-grid{grid-template-columns:1fr;gap:7px}
  .g2d-hkb-directory-card{
    min-height:78px;
    grid-template-columns:42px minmax(0,1fr) auto;
    grid-template-rows:auto;
    align-items:center;
    gap:10px;
    padding:9px 11px 9px 9px;
    border-radius:14px;
  }
  .g2d-hkb-directory-card-icon{grid-row:auto;width:42px;height:42px;border-radius:12px;font-size:21px}
  .g2d-hkb-directory-card-copy{gap:3px}
  .g2d-hkb-directory-card-copy strong{font-size:14.5px}
  .g2d-hkb-directory-card-copy small{font-size:11px;-webkit-line-clamp:1}
  .g2d-hkb-directory-card-meta{grid-column:auto;display:grid;justify-items:end;gap:5px;margin:0}
  .g2d-hkb-directory-card-meta .g2d-hkb-library-access{font-size:9.5px;padding:3px 5px}
  .g2d-hkb-directory-card-arrow{font-size:16px}
  .g2d-hkb-article-card{border-radius:18px}
  .g2d-hkb-article-head{grid-template-columns:44px minmax(0,1fr);gap:10px;padding:16px 14px}
  .g2d-hkb-article-head>.g2d-hkb-library-access{grid-column:2;justify-self:start}
  .g2d-hkb-article-icon{width:44px;height:44px;border-radius:13px;font-size:22px}
  .g2d-hkb-article-head h1{font-size:29px}
  .g2d-hkb-article-reading{padding:19px 16px 22px;font-size:15px;line-height:1.65}
  .g2d-hkb-article-locked{margin:16px;padding:16px}
  .g2d-hkb-article-foot{display:grid;grid-template-columns:1fr;padding:13px 14px 16px}
}
@media(max-width:390px){
  .g2d-hkb-directory-card-meta .g2d-hkb-library-access{display:none}
}

/* v1.0.7 — unified Knowledge Atlas.
   Every Knowledge category now follows the same calm directory hierarchy as Breed Atlas.
   Articles are a reading surface, not a course surface. */
.g2d-hkb-directory-view,
.g2d-hkb-article-view{
  width:min(1200px,calc(100% - 40px));
  margin:18px auto 48px;
  color:#1d302b;
}
.g2d-hkb-directory-hero{
  padding:8px 6px 22px;
  border-bottom:1px solid #e3e8e4;
}
.g2d-hkb-directory-title-row{
  display:flex;
  align-items:center;
  gap:14px;
}
.g2d-hkb-directory-title-icon{
  flex:0 0 auto;
  display:inline-grid;
  place-items:center;
  min-width:42px;
  font-size:35px;
  line-height:1;
}
.g2d-hkb-directory-hero h1{
  margin:0;
  color:#1f302c;
  font-size:clamp(38px,5vw,64px);
  line-height:.98;
  letter-spacing:-.045em;
  font-weight:900;
}
.g2d-hkb-directory-hero p{
  max-width:900px;
  margin:10px 0 0 56px;
  color:#68766f;
  font-size:15px;
  line-height:1.5;
}
.g2d-hkb-directory-nav,
.g2d-hkb-article-nav{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0;
}
.g2d-hkb-back-button{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  padding:10px 16px!important;
  border:1px solid #d5ddd7!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#30483f!important;
  font-size:14px!important;
  line-height:1.1!important;
  font-weight:800!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.g2d-hkb-back-button-primary{
  border-color:#334a42!important;
  background:#334a42!important;
  color:#fff!important;
}
.g2d-hkb-back-button:hover,
.g2d-hkb-back-button:focus-visible{
  transform:translateY(-1px);
  outline:none;
  box-shadow:0 6px 16px rgba(28,55,45,.08)!important;
}
.g2d-hkb-directory-intro{
  margin:0 0 20px;
  padding:24px 28px;
  border:1px solid #e0e6e1;
  border-radius:18px;
  background:linear-gradient(120deg,#f8faf8 0%,#f1f5f2 100%);
  box-shadow:none;
}
.g2d-hkb-directory-intro .eyebrow{
  display:block;
  margin:0 0 8px;
  color:#334c43;
  font-size:11px;
  letter-spacing:.14em;
  font-weight:900;
}
.g2d-hkb-directory-intro h2{
  margin:0;
  color:#20332d;
  font-size:clamp(28px,3.2vw,42px);
  line-height:1.05;
  letter-spacing:-.03em;
  font-weight:900;
}
.g2d-hkb-directory-intro p{
  max-width:900px;
  margin:10px 0 0;
  color:#65736d;
  font-size:14px;
  line-height:1.5;
}
.g2d-hkb-directory-filter{
  margin:0 0 22px;
}
.g2d-hkb-directory-filter input{
  width:100%;
  height:54px;
  box-sizing:border-box;
  border:1px solid #d9e0db;
  border-radius:13px;
  background:#fff;
  color:#20332d;
  padding:0 17px;
  font:inherit;
  font-size:14px;
  outline:none;
  box-shadow:0 3px 12px rgba(28,55,45,.025);
}
.g2d-hkb-directory-filter input:focus{
  border-color:#557b6c;
  box-shadow:0 0 0 3px rgba(69,113,96,.1);
}
.g2d-hkb-directory-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px 18px;
}
.g2d-hkb-directory-card{
  min-width:0;
  min-height:106px;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  grid-template-rows:1fr;
  align-items:center;
  gap:13px;
  padding:15px 16px;
  border:1px solid #e0e6e2;
  border-radius:16px;
  background:#fff;
  color:#20332d!important;
  text-decoration:none!important;
  box-shadow:0 3px 12px rgba(28,55,45,.025);
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.g2d-hkb-directory-card:hover,
.g2d-hkb-directory-card:focus-visible{
  transform:translateY(-1px);
  border-color:#cbd6cf;
  box-shadow:0 8px 20px rgba(28,55,45,.06);
  outline:none;
}
.g2d-hkb-directory-card-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#edf4ef;
  font-size:22px;
  line-height:1;
}
.g2d-hkb-directory-card-copy{
  min-width:0;
  display:grid;
  gap:5px;
}
.g2d-hkb-directory-card-copy strong{
  color:#20332d;
  font-size:16px;
  line-height:1.18;
  font-weight:850;
}
.g2d-hkb-directory-card-copy small{
  color:#6d7a74;
  font-size:12px;
  line-height:1.35;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.g2d-hkb-directory-card>.g2d-hkb-library-access{
  align-self:start;
  margin-top:1px;
  padding:4px 7px;
  border-radius:999px;
  background:#fff1dc;
  color:#8f581e;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}
.g2d-hkb-directory-card-arrow{
  color:#5f6f68;
  font-size:19px;
  line-height:1;
}
.g2d-hkb-directory-view .g2d-hkb-library-empty{
  margin-top:16px;
  padding:20px;
  border:1px solid #dfe6e1;
  border-radius:14px;
  background:#fff;
  color:#68776f;
  text-align:center;
}

/* Direct Knowledge article reader */
.g2d-hkb-article-category-hero{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:14px;
  align-items:start;
  padding:8px 6px 22px;
  border-bottom:1px solid #e3e8e4;
}
.g2d-hkb-article-category-hero .eyebrow{
  display:block;
  margin:2px 0 6px;
  color:#47685b;
  font-size:10.5px;
  letter-spacing:.13em;
  font-weight:900;
}
.g2d-hkb-article-category-hero h1{
  margin:0;
  color:#20332d;
  font-size:clamp(34px,4.5vw,56px);
  line-height:1;
  letter-spacing:-.04em;
  font-weight:900;
}
.g2d-hkb-article-category-hero p{
  max-width:850px;
  margin:9px 0 0;
  color:#68766f;
  font-size:14px;
  line-height:1.5;
}
.g2d-hkb-article-card{
  overflow:hidden;
  border:1px solid #dfe6e1;
  border-radius:18px;
  background:#fff;
  box-shadow:0 5px 18px rgba(28,55,45,.035);
}
.g2d-hkb-article-head{
  display:grid;
  grid-template-columns:56px minmax(0,1fr) auto;
  gap:15px;
  align-items:center;
  padding:25px 28px 22px;
  border-bottom:1px solid #e6ebe7;
  background:linear-gradient(120deg,#f8faf8 0%,#f1f5f2 100%);
}
.g2d-hkb-article-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:#fff;
  font-size:26px;
  box-shadow:0 4px 12px rgba(28,55,45,.045);
}
.g2d-hkb-article-heading-copy .eyebrow{
  display:block;
  margin:0 0 7px;
  color:#47685b;
  font-size:10.5px;
  letter-spacing:.14em;
  font-weight:900;
}
.g2d-hkb-article-head h2{
  margin:0;
  color:#20332d;
  font-size:clamp(28px,3.5vw,44px);
  line-height:1.05;
  letter-spacing:-.03em;
  font-weight:900;
}
.g2d-hkb-article-reading{
  max-width:900px;
  box-sizing:border-box;
  padding:30px 32px 34px;
  color:#344941;
  font-size:16px;
  line-height:1.75;
}
.g2d-hkb-article-reading p{
  margin:0 0 1.25em;
}
.g2d-hkb-article-reading p:last-child{
  margin-bottom:0;
}
.g2d-hkb-article-reading ul{
  margin:0 0 1.3em 1.25em;
  padding:0;
}
.g2d-hkb-article-reading li{
  margin:.35em 0;
}
.g2d-hkb-article-locked{
  margin:28px 30px;
  padding:22px;
  border:1px solid #ead9bb;
  border-radius:15px;
  background:#fff8ed;
  color:#5f4a2e;
}
.g2d-hkb-article-access-btn{
  display:inline-flex;
  min-height:42px;
  align-items:center;
  padding:8px 14px;
  border-radius:11px;
  background:#334a42;
  color:#fff!important;
  font-weight:850;
  text-decoration:none!important;
}
.g2d-hkb-article-foot{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:17px 28px 22px;
  border-top:1px solid #edf1ee;
}

@media(max-width:960px){
  .g2d-hkb-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .g2d-hkb-directory-view,
  .g2d-hkb-article-view{
    width:calc(100% - 24px);
    margin:10px auto 30px;
  }
  .g2d-hkb-directory-hero{padding:7px 2px 15px}
  .g2d-hkb-directory-title-row{gap:9px;align-items:flex-start}
  .g2d-hkb-directory-title-icon{min-width:30px;font-size:27px;margin-top:2px}
  .g2d-hkb-directory-hero h1{font-size:34px;line-height:1.01}
  .g2d-hkb-directory-hero p{margin:7px 0 0 39px;font-size:13px;line-height:1.4}
  .g2d-hkb-directory-nav,
  .g2d-hkb-article-nav{display:grid;grid-template-columns:1fr;gap:7px;margin:12px 0}
  .g2d-hkb-back-button{width:100%;min-height:44px}
  .g2d-hkb-directory-intro{padding:16px 15px;margin-bottom:12px;border-radius:15px}
  .g2d-hkb-directory-intro h2{font-size:25px}
  .g2d-hkb-directory-intro p{font-size:12.5px;line-height:1.4}
  .g2d-hkb-directory-filter{margin-bottom:11px}
  .g2d-hkb-directory-filter input{height:45px;border-radius:12px;font-size:14px}
  .g2d-hkb-directory-grid{grid-template-columns:1fr;gap:8px}
  .g2d-hkb-directory-card{
    min-height:76px;
    grid-template-columns:42px minmax(0,1fr) auto;
    gap:10px;
    padding:10px 12px 10px 10px;
    border-radius:14px;
  }
  .g2d-hkb-directory-card-icon{width:42px;height:42px;border-radius:12px;font-size:20px}
  .g2d-hkb-directory-card-copy strong{font-size:14.5px}
  .g2d-hkb-directory-card-copy small{font-size:11px;-webkit-line-clamp:1}
  .g2d-hkb-directory-card>.g2d-hkb-library-access{display:none}
  .g2d-hkb-directory-card-arrow{font-size:17px}
  .g2d-hkb-article-category-hero{grid-template-columns:38px minmax(0,1fr);gap:9px;padding:7px 2px 15px}
  .g2d-hkb-article-category-hero h1{font-size:32px}
  .g2d-hkb-article-category-hero p{font-size:12.5px;line-height:1.4}
  .g2d-hkb-article-card{border-radius:16px}
  .g2d-hkb-article-head{grid-template-columns:44px minmax(0,1fr);gap:10px;padding:17px 15px}
  .g2d-hkb-article-head>.g2d-hkb-library-access{grid-column:2;justify-self:start}
  .g2d-hkb-article-icon{width:44px;height:44px;border-radius:12px;font-size:21px}
  .g2d-hkb-article-head h2{font-size:27px}
  .g2d-hkb-article-reading{padding:20px 17px 24px;font-size:15px;line-height:1.65}
  .g2d-hkb-article-locked{margin:16px;padding:16px}
  .g2d-hkb-article-foot{padding:13px 14px 16px}
}

/* v1.0.8 — Breed Atlas parity.
   Every Knowledge category now reuses the actual Breed Atlas visual structure:
   native page heading -> back navigation -> Atlas intro/stat -> card library.
   Article readers mirror the native breed-detail card instead of a separate UI language. */
.g2d-hkb-atlas-view,
.g2d-hkb-atlas-article-view{
  width:100%;
  margin:0;
  padding:0;
}
.g2d-hkb-atlas-page-heading{
  margin-top:8px!important;
  margin-bottom:14px!important;
}
.g2d-hkb-atlas-page-heading h1{
  margin:0!important;
}
.g2d-hkb-atlas-page-heading .muted{
  max-width:780px;
}
.g2d-hkb-atlas-nav{
  width:100%;
  margin:0 0 14px!important;
}
.g2d-hkb-atlas-intro{
  margin-bottom:14px!important;
}
.g2d-hkb-topic-library{
  margin:0;
}
.g2d-hkb-topic-card{
  min-width:0;
}
.g2d-hkb-topic-card>span{
  flex:0 0 auto;
  width:34px;
  text-align:center;
  line-height:1;
}
.g2d-hkb-topic-card>div{
  min-width:0;
}
.g2d-hkb-topic-card strong{
  line-height:1.22;
}
.g2d-hkb-topic-card small{
  color:var(--g2d-green-dark,#365c51)!important;
}
.g2d-hkb-topic-card p{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.g2d-hkb-topic-library .g2d-hkb-library-empty{
  margin:16px 0 0;
  border:1px solid var(--g2d-border,#e3e8e5);
  border-radius:16px;
  background:#fff;
}
.g2d-hkb-topic-detail{
  margin-inline:auto;
}
.g2d-hkb-topic-art{
  min-height:210px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:8px;
}
.g2d-hkb-topic-art-emoji{
  font-size:96px;
  line-height:1;
  filter:saturate(.86);
}
.g2d-hkb-topic-sections{
  grid-template-columns:1fr!important;
}
.g2d-hkb-topic-info{
  grid-column:1 / -1;
}
.g2d-hkb-topic-reading{
  color:#334a42;
  font-size:16px;
  line-height:1.72;
}
.g2d-hkb-topic-reading p{
  margin:0 0 1em;
}
.g2d-hkb-topic-reading p:last-child{
  margin-bottom:0;
}
.g2d-hkb-topic-reading ul{
  margin:0;
  padding-left:1.25rem;
}
.g2d-hkb-topic-reading li+li{
  margin-top:.45em;
}
.g2d-hkb-topic-lock{
  margin-top:20px;
}

@media(max-width:650px){
  .g2d-hkb-atlas-page-heading{
    margin:4px 0 10px!important;
  }
  .g2d-hkb-atlas-page-heading h1{
    font-size:clamp(30px,9vw,42px)!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
  }
  .g2d-hkb-atlas-page-heading .muted{
    margin-top:7px!important;
    font-size:14px!important;
    line-height:1.45!important;
  }
  .g2d-hkb-atlas-nav{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-bottom:12px!important;
  }
  .g2d-hkb-atlas-intro{
    margin-bottom:12px!important;
  }
  .g2d-hkb-topic-library{
    padding:13px!important;
  }
  .g2d-hkb-topic-library .g2d-breed-filter{
    margin-bottom:13px!important;
  }
  .g2d-hkb-topic-library .g2d-breed-filter input{
    min-height:48px;
    font-size:15px!important;
    padding:12px 14px!important;
  }
  .g2d-hkb-topic-grid{
    gap:10px!important;
  }
  .g2d-hkb-topic-card{
    min-height:0!important;
    padding:13px!important;
    gap:12px!important;
    border-radius:18px!important;
  }
  .g2d-hkb-topic-card>span{
    width:32px;
    font-size:27px!important;
  }
  .g2d-hkb-topic-card strong{
    font-size:16px!important;
  }
  .g2d-hkb-topic-card small{
    font-size:12px!important;
  }
  .g2d-hkb-topic-card p{
    margin-top:6px!important;
    font-size:13px!important;
    line-height:1.4!important;
  }
  .g2d-hkb-topic-art{
    min-height:180px;
    order:-1;
  }
  .g2d-hkb-topic-art-emoji{
    font-size:82px;
  }
  .g2d-hkb-topic-detail{
    padding:18px!important;
  }
  .g2d-hkb-topic-detail h1{
    font-size:clamp(31px,9vw,43px)!important;
    line-height:1.02!important;
  }
  .g2d-hkb-topic-detail .g2d-breed-lead{
    font-size:14px!important;
    line-height:1.5!important;
  }
  .g2d-hkb-topic-sections{
    gap:10px!important;
    margin:16px 0 0!important;
  }
  .g2d-hkb-topic-sections article{
    padding:15px!important;
  }
  .g2d-hkb-topic-reading{
    font-size:15px;
    line-height:1.65;
  }
}

/* v1.0.9 — compact category pages + long-form learning articles.
   The oversized Atlas summary card is removed. Articles become one professional
   reading flow with real imagery, expert context, practical sections and no
   Flow/Academy action blocks below the article. */
.g2d-hkb-count-line{
  display:flex;
  align-items:baseline;
  gap:7px;
  margin:0 0 12px;
  padding:0 2px;
  color:#607068;
  font-size:13px;
  line-height:1.2;
}
.g2d-hkb-count-line strong{
  color:#2f4a41;
  font-size:15px;
  font-weight:900;
}
.g2d-hkb-count-line span{
  font-weight:750;
}
.g2d-hkb-topic-card-copy{
  min-width:0;
}
.g2d-hkb-topic-card-copy p{
  margin:.35rem 0 0!important;
  color:#6d7772!important;
}
.g2d-hkb-plus-label{
  align-self:start;
  padding:4px 8px;
  border-radius:999px;
  background:#fff1db;
  color:#8b581b!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.2!important;
}

/* Hide legacy action/journey blocks on the direct article reader as a CSS backup.
   JavaScript also removes them so late injected blocks do not reappear. */
body:has([data-g2d-hkb-article-view]) .g2d12160-journey,
body:has([data-g2d-hkb-article-view]) .g2d80-discovery,
body:has([data-g2d-hkb-article-view]) .g2d12180-context-actions,
body:has([data-g2d-hkb-article-view]) .g2d12940-flow{
  display:none!important;
}

.g2d-hkb-learning-article{
  overflow:hidden;
  padding:0!important;
  border-radius:24px!important;
  background:#fff!important;
}
.g2d-hkb-learning-hero{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  min-height:360px;
  background:linear-gradient(135deg,#f3f7f2 0%,#edf4ef 100%);
  border-bottom:1px solid #e1e8e3;
}
.g2d-hkb-learning-hero-photo{
  margin:0;
  min-height:360px;
  overflow:hidden;
  background:#e7eee8;
}
.g2d-hkb-learning-hero-photo img{
  width:100%;
  height:100%;
  min-height:360px;
  object-fit:cover;
  display:block;
}
.g2d-hkb-learning-hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:42px 42px 42px 38px;
}
.g2d-hkb-learning-hero-copy .eyebrow,
.g2d-hkb-learning-summary .eyebrow{
  display:block;
  margin:0 0 10px;
  color:#44856c;
  font-size:11px;
  line-height:1.2;
  font-weight:950;
  letter-spacing:.15em;
}
.g2d-hkb-learning-title-row{
  display:flex;
  align-items:flex-start;
  gap:13px;
}
.g2d-hkb-learning-title-icon{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:15px;
  background:#fff;
  font-size:26px;
  box-shadow:0 4px 16px rgba(35,67,55,.07);
}
.g2d-hkb-learning-title-row h1{
  margin:0!important;
  color:#1d342c!important;
  font-size:clamp(34px,4.3vw,58px)!important;
  line-height:1.02!important;
  letter-spacing:-.04em!important;
  font-weight:950!important;
}
.g2d-hkb-learning-meta{
  margin:16px 0 0 61px!important;
  color:#65746d!important;
  font-size:14px!important;
  line-height:1.4!important;
}
.g2d-hkb-longform{
  max-width:900px;
  margin:0 auto;
  padding:44px 46px 54px;
  color:#344840;
  font-size:17px;
  line-height:1.78;
}
.g2d-hkb-learning-summary{
  margin:0 0 34px;
  padding:0 0 30px;
  border-bottom:1px solid #e7ece8;
}
.g2d-hkb-learning-summary p{
  margin:0;
  color:#42564f;
  font-size:20px;
  line-height:1.68;
}
.g2d-hkb-learning-section{
  margin:0;
  padding:28px 0;
  border-bottom:1px solid #e9eeea;
}
.g2d-hkb-learning-section:last-of-type{
  border-bottom:0;
}
.g2d-hkb-learning-section h2{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 13px!important;
  color:#203a31!important;
  font-size:25px!important;
  line-height:1.18!important;
  letter-spacing:-.02em!important;
}
.g2d-hkb-learning-section-icon{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:12px;
  background:#edf7f1;
  color:#34745d;
  font-size:19px;
}
.g2d-hkb-learning-section p{
  margin:0!important;
  color:#475a53!important;
  font-size:16.5px!important;
  line-height:1.75!important;
}
.g2d-hkb-learning-section ul{
  display:grid;
  gap:10px;
  margin:4px 0 0!important;
  padding:0!important;
  list-style:none!important;
}
.g2d-hkb-learning-section li{
  position:relative;
  padding:0 0 0 30px;
  color:#42564f;
}
.g2d-hkb-learning-section li::before{
  content:'✓';
  position:absolute;
  left:0;
  top:.05em;
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#e5f3e9;
  color:#2d765b;
  font-size:12px;
  font-weight:950;
}
.g2d-hkb-learning-professional{
  margin-top:10px;
  padding:24px!important;
  border:1px solid #eadfc8;
  border-radius:17px;
  background:#fffaf0;
}
.g2d-hkb-learning-professional h2{
  color:#674c26!important;
}
.g2d-hkb-learning-professional .g2d-hkb-learning-section-icon{
  background:#fff1d8;
}
.g2d-hkb-learning-photo{
  margin:30px 0 12px;
  overflow:hidden;
  border-radius:20px;
  border:1px solid #e2e9e4;
  background:#f2f5f2;
}
.g2d-hkb-learning-photo img{
  display:block;
  width:100%;
  max-height:440px;
  object-fit:cover;
}
.g2d-hkb-learning-photo figcaption{
  padding:11px 14px 13px;
  color:#68766f;
  font-size:12px;
  line-height:1.45;
}
.g2d-hkb-learning-mid-photo img{
  max-height:330px;
}
.g2d-hkb-reading-end{
  margin-top:32px;
  padding-top:8px;
}
.g2d-hkb-reading-end .g2d-hkb-back-button{
  width:auto;
}

@media(max-width:700px){
  .g2d-hkb-count-line{
    margin:0 2px 9px;
    font-size:12px;
  }
  .g2d-hkb-topic-library{
    padding-top:12px!important;
  }
  .g2d-hkb-learning-article{
    border-radius:20px!important;
  }
  .g2d-hkb-learning-hero{
    display:flex;
    flex-direction:column;
    min-height:0;
  }
  .g2d-hkb-learning-hero-photo{
    min-height:0;
    aspect-ratio:16 / 10;
  }
  .g2d-hkb-learning-hero-photo img{
    min-height:0;
    height:100%;
  }
  .g2d-hkb-learning-hero-copy{
    padding:24px 20px 27px;
  }
  .g2d-hkb-learning-title-row{
    gap:10px;
  }
  .g2d-hkb-learning-title-icon{
    width:42px;
    height:42px;
    border-radius:12px;
    font-size:22px;
  }
  .g2d-hkb-learning-title-row h1{
    font-size:clamp(30px,8.8vw,42px)!important;
  }
  .g2d-hkb-learning-meta{
    margin:12px 0 0 52px!important;
    font-size:12.5px!important;
  }
  .g2d-hkb-longform{
    padding:27px 20px 35px;
    font-size:15.5px;
    line-height:1.68;
  }
  .g2d-hkb-learning-summary{
    margin-bottom:19px;
    padding-bottom:22px;
  }
  .g2d-hkb-learning-summary p{
    font-size:17px;
    line-height:1.62;
  }
  .g2d-hkb-learning-section{
    padding:22px 0;
  }
  .g2d-hkb-learning-section h2{
    gap:9px;
    font-size:20px!important;
  }
  .g2d-hkb-learning-section-icon{
    width:34px;
    height:34px;
    border-radius:10px;
    font-size:17px;
  }
  .g2d-hkb-learning-section p{
    font-size:15px!important;
    line-height:1.68!important;
  }
  .g2d-hkb-learning-photo{
    margin:22px 0 6px;
    border-radius:16px;
  }
  .g2d-hkb-learning-photo img{
    max-height:260px;
  }
  .g2d-hkb-learning-professional{
    padding:17px!important;
  }
  .g2d-hkb-reading-end .g2d-hkb-back-button{
    width:100%;
  }
}

/* v1.0.10 — Bora visual identity + tighter professional mobile reading/list UI.
   Theme-owned stock marketing dog photography is swapped by JS only when an
   exact known stock filename is encountered. User-uploaded dog/profile images
   are never touched. */
img[src*="bora-home.webp"],
img[src*="bora-outdoor.webp"],
img[src*="bora-action.webp"],
img[src*="bora-travel.webp"]{
  object-fit:cover;
}
.g2d-route-home .g2d1261-home img[src*="bora-home.webp"]{
  object-position:center 46%!important;
}

/* Topic directory cards: one clean surface, no nested bubble, safe wrapping. */
.g2d-hkb-topic-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
a.g2d-hkb-topic-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 28px!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  gap:14px!important;
  min-width:0!important;
  min-height:112px!important;
  padding:16px 16px!important;
  overflow:hidden!important;
  border:1px solid #dde5df!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(35,67,55,.045)!important;
  text-decoration:none!important;
}
a.g2d-hkb-topic-card::before,
a.g2d-hkb-topic-card::after{
  display:none!important;
  content:none!important;
}
.g2d-hkb-topic-card>.g2d-hkb-topic-icon{
  grid-column:1!important;
  grid-row:1!important;
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  border:1px solid #e1e8e3!important;
  border-radius:15px!important;
  background:#f7faf7!important;
  font-size:25px!important;
  line-height:1!important;
}
.g2d-hkb-topic-card>.g2d-hkb-topic-card-copy{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.g2d-hkb-topic-card-copy strong{
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#203a31!important;
  font-size:17px!important;
  line-height:1.28!important;
  font-weight:900!important;
  letter-spacing:-.015em!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.g2d-hkb-topic-card-copy p{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  max-width:100%!important;
  margin:6px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#6d7772!important;
  font-size:13.5px!important;
  line-height:1.42!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.g2d-hkb-topic-arrow{
  grid-column:3!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:center!important;
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  border-radius:50%!important;
  border:1px solid #dce5df!important;
  color:#63736c!important;
  background:#fff!important;
  font-size:18px!important;
  line-height:1!important;
}
.g2d-hkb-plus-label{
  position:absolute!important;
  top:8px!important;
  right:49px!important;
  margin:0!important;
}

/* Article reader: make the content card behave like the Breed Guide detail card,
   but keep long-form learning text comfortable and inside its borders. */
.g2d-hkb-atlas-article-view>.g2d-hkb-atlas-page-heading{
  display:none!important;
}
.g2d-hkb-learning-article,
.g2d-hkb-learning-article *{
  box-sizing:border-box!important;
}
.g2d-hkb-learning-hero{
  grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr)!important;
  min-width:0!important;
}
.g2d-hkb-learning-hero-copy{
  min-width:0!important;
  overflow:hidden!important;
}
.g2d-hkb-learning-title-row{
  min-width:0!important;
  align-items:flex-start!important;
}
.g2d-hkb-learning-title-row h1{
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  hyphens:auto!important;
  text-wrap:balance;
}
.g2d-hkb-learning-meta{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}
.g2d-hkb-longform{
  width:100%!important;
  max-width:920px!important;
  min-width:0!important;
}
.g2d-hkb-longform p,
.g2d-hkb-longform li,
.g2d-hkb-learning-section h2{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.g2d-hkb-learning-photo img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
}

@media(max-width:980px){
  .g2d-hkb-topic-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .g2d-hkb-learning-hero{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:650px){
  .g2d-hkb-topic-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  a.g2d-hkb-topic-card{
    grid-template-columns:44px minmax(0,1fr) 26px!important;
    gap:12px!important;
    min-height:96px!important;
    padding:13px 14px!important;
    border-radius:18px!important;
  }
  .g2d-hkb-topic-card>.g2d-hkb-topic-icon{
    width:44px!important;
    height:44px!important;
    border-radius:14px!important;
    font-size:23px!important;
  }
  .g2d-hkb-topic-card-copy strong{
    font-size:16px!important;
    line-height:1.24!important;
  }
  .g2d-hkb-topic-card-copy p{
    margin-top:4px!important;
    font-size:13px!important;
    line-height:1.38!important;
  }
  .g2d-hkb-topic-arrow{
    width:26px!important;
    height:26px!important;
    font-size:16px!important;
  }
  .g2d-hkb-plus-label{
    top:6px!important;
    right:44px!important;
    font-size:9px!important;
  }

  .g2d-hkb-atlas-article-view{
    padding-inline:0!important;
  }
  .g2d-hkb-learning-article{
    width:100%!important;
    max-width:100%!important;
    margin-inline:0!important;
    border-radius:20px!important;
    overflow:hidden!important;
  }
  .g2d-hkb-learning-hero-photo{
    aspect-ratio:16/9!important;
  }
  .g2d-hkb-learning-hero-copy{
    padding:22px 18px 24px!important;
  }
  .g2d-hkb-learning-title-row{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:10px!important;
  }
  .g2d-hkb-learning-title-icon{
    width:40px!important;
    height:40px!important;
    font-size:21px!important;
  }
  .g2d-hkb-learning-title-row h1{
    font-size:clamp(28px,7.4vw,38px)!important;
    line-height:1.06!important;
    letter-spacing:-.035em!important;
  }
  .g2d-hkb-learning-meta{
    margin:10px 0 0 50px!important;
    font-size:12.5px!important;
    line-height:1.42!important;
  }
  .g2d-hkb-longform{
    padding:25px 18px 34px!important;
    font-size:15.5px!important;
    line-height:1.68!important;
  }
  .g2d-hkb-learning-summary p{
    font-size:16.5px!important;
    line-height:1.62!important;
  }
  .g2d-hkb-learning-section{
    padding:20px 0!important;
  }
  .g2d-hkb-learning-section h2{
    font-size:19px!important;
    line-height:1.28!important;
  }
  .g2d-hkb-learning-section p,
  .g2d-hkb-learning-section li{
    font-size:15px!important;
    line-height:1.65!important;
  }
  .g2d-hkb-learning-photo{
    margin:20px 0 6px!important;
    border-radius:16px!important;
  }
  .g2d-hkb-learning-photo img{
    max-height:none!important;
    aspect-ratio:16/10!important;
  }
  .g2d-hkb-breed-nav.g2d-hkb-atlas-nav{
    gap:7px!important;
  }
  .g2d-hkb-back-button{
    min-height:48px!important;
    padding:11px 14px!important;
    font-size:14px!important;
    line-height:1.25!important;
    white-space:normal!important;
    text-align:center!important;
  }
}

/* v1.0.11 — approved Bora homepage direction.
   Public home now follows the approved photo-led category grid: Bora in the hero,
   six compact photo cards per row on wide screens, clean responsive list cards on phones. */
.g2d-route-home:not(.g2d-logged-in) .g2d1261-hero{
  grid-template-columns:minmax(0,.98fr) minmax(520px,1.22fr)!important;
  min-height:430px!important;
  background:linear-gradient(120deg,#f9f7ef 0%,#eff6ef 48%,#f6f5ed 100%)!important;
  border-radius:26px!important;
  overflow:hidden!important;
}
.g2d-route-home:not(.g2d-logged-in) .g2d1261-hero-copy{
  padding:40px 38px!important;
}
.g2d-route-home:not(.g2d-logged-in) .g2d1261-hero h1{
  max-width:690px!important;
  font-size:clamp(42px,4.5vw,66px)!important;
  line-height:.99!important;
  letter-spacing:-2.25px!important;
}
.g2d-route-home:not(.g2d-logged-in) .g2d1261-hero-visual{
  min-height:430px!important;
  background:#edf5ed!important;
}
.g2d-route-home:not(.g2d-logged-in) .g2d1261-hero-visual img[data-g2d-bora-hero="1"]{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 50%!important;
}
.g2d-route-home:not(.g2d-logged-in) .g2d1261-hero-visual:after{
  background:linear-gradient(90deg,rgba(249,247,239,.28) 0%,transparent 28%),linear-gradient(0deg,rgba(10,54,43,.10),transparent 48%)!important;
}
.g2d-route-home:not(.g2d-logged-in) .g2d1261-preview-card{
  left:28px!important;
  right:28px!important;
  bottom:26px!important;
  border:1px solid rgba(219,230,221,.9)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.95)!important;
  box-shadow:0 16px 34px rgba(26,62,50,.13)!important;
}
.g2d-route-home:not(.g2d-logged-in) .g2d1261-searchbar.g2d-hkb-search-connected{
  margin:0 0 16px!important;
  border-radius:18px!important;
  box-shadow:0 8px 24px rgba(25,62,50,.05)!important;
}
.g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-inline-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:16px!important;
  margin:0 0 26px!important;
  padding:0!important;
}
.g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-card{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  padding:0!important;
  gap:0!important;
  overflow:hidden!important;
  border:1px solid #dfe7e1!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(29,65,52,.045)!important;
  color:#17312b!important;
  text-decoration:none!important;
}
.g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-card-photo{
  display:block!important;
  width:100%!important;
  aspect-ratio:1.58/1!important;
  overflow:hidden!important;
  background:#edf4ed!important;
}
.g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-card-photo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transition:transform .2s ease!important;
}
.g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-card:hover .g2d-hkb-card-photo img,
.g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-card:focus-visible .g2d-hkb-card-photo img{
  transform:scale(1.025)!important;
}
.g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-card-footer{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) 20px!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  padding:10px 11px!important;
}
.g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-card-footer .g2d-hkb-icon{
  width:40px!important;
  height:40px!important;
  border-radius:13px!important;
}
.g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-card-footer .g2d-hkb-icon svg{
  width:22px!important;
  height:22px!important;
}
.g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-card-footer .g2d-hkb-copy strong{
  display:block!important;
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:900!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
}
.g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-card-footer .g2d-hkb-copy small{
  display:block!important;
  margin-top:3px!important;
  font-size:11px!important;
  line-height:1.2!important;
  color:#718079!important;
}
.g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-card-footer .g2d-hkb-arrow{
  font-size:18px!important;
  color:#4f655c!important;
}

/* Article images are contextual Bora scenes. Keep them crisp and restrained. */
.g2d-hkb-learning-hero-photo img,
.g2d-hkb-learning-mid-photo img{
  object-position:center!important;
  background:#eef5ef!important;
}

@media(max-width:1280px){
  .g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-inline-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media(max-width:980px){
  .g2d-route-home:not(.g2d-logged-in) .g2d1261-hero{
    grid-template-columns:1fr!important;
  }
  .g2d-route-home:not(.g2d-logged-in) .g2d1261-hero-visual{
    min-height:360px!important;
  }
  .g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-inline-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:700px){
  .g2d-route-home:not(.g2d-logged-in) .g2d1261-hero-copy{
    padding:28px 22px!important;
  }
  .g2d-route-home:not(.g2d-logged-in) .g2d1261-hero h1{
    font-size:clamp(38px,10.4vw,48px)!important;
    line-height:1.01!important;
    letter-spacing:-1.5px!important;
  }
  .g2d-route-home:not(.g2d-logged-in) .g2d1261-hero-visual{
    min-height:330px!important;
  }
  .g2d-route-home:not(.g2d-logged-in) .g2d1261-preview-card{
    left:16px!important;
    right:16px!important;
    bottom:16px!important;
  }
  .g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-inline-grid{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-card{
    display:grid!important;
    grid-template-columns:104px minmax(0,1fr)!important;
    grid-template-rows:96px!important;
    min-height:96px!important;
    height:96px!important;
    max-height:96px!important;
    border-radius:18px!important;
  }
  .g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-card-photo{
    grid-column:1!important;
    grid-row:1!important;
    width:104px!important;
    height:96px!important;
    aspect-ratio:auto!important;
  }
  .g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-card-footer{
    grid-column:2!important;
    grid-row:1!important;
    grid-template-columns:38px minmax(0,1fr) 18px!important;
    gap:9px!important;
    padding:10px 12px!important;
  }
  .g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-card-footer .g2d-hkb-icon{
    width:38px!important;
    height:38px!important;
  }
  .g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-card-footer .g2d-hkb-copy strong{
    font-size:15px!important;
  }
  .g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d-hkb-card-footer .g2d-hkb-copy small{
    font-size:11.5px!important;
  }
}

/* v1.0.12 — exact Breed Atlas card parity for every Knowledge category.
   These rules intentionally come last and neutralise the older bespoke
   Knowledge-card UI. The markup now mirrors the native .g2d-breed-card:
   icon -> title -> small meta -> short description. */
.g2d-hkb-topic-library.card{
  padding:18px!important;
}
.g2d-hkb-topic-grid.g2d-breed-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
a.g2d-hkb-topic-card.g2d-breed-card{
  position:relative!important;
  display:flex!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  align-items:flex-start!important;
  gap:12px!important;
  min-width:0!important;
  min-height:0!important;
  padding:16px!important;
  overflow:visible!important;
  border:1px solid var(--g2d-border,#e3e8e5)!important;
  border-radius:18px!important;
  background:var(--g2d-paper,#fff)!important;
  box-shadow:none!important;
  color:var(--g2d-text,#203a31)!important;
  text-decoration:none!important;
  transition:transform .15s ease,box-shadow .15s ease!important;
}
a.g2d-hkb-topic-card.g2d-breed-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 10px 28px rgba(47,57,50,.08)!important;
}
a.g2d-hkb-topic-card.g2d-breed-card::before,
a.g2d-hkb-topic-card.g2d-breed-card::after{
  content:none!important;
  display:none!important;
}
a.g2d-hkb-topic-card.g2d-breed-card>.g2d-hkb-topic-icon{
  flex:0 0 auto!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:28px!important;
  line-height:1.1!important;
  text-align:left!important;
}
a.g2d-hkb-topic-card.g2d-breed-card>.g2d-hkb-topic-card-copy{
  flex:1 1 auto!important;
  display:block!important;
  min-width:0!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
a.g2d-hkb-topic-card.g2d-breed-card .g2d-hkb-topic-card-copy strong{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:var(--g2d-text,#203a31)!important;
  font-size:16px!important;
  line-height:1.3!important;
  font-weight:800!important;
  letter-spacing:0!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
a.g2d-hkb-topic-card.g2d-breed-card .g2d-hkb-topic-card-copy small{
  display:block!important;
  margin:3px 0 0!important;
  padding:0!important;
  color:var(--g2d-green-dark,#365c51)!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:600!important;
}
a.g2d-hkb-topic-card.g2d-breed-card .g2d-hkb-topic-card-copy p{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  margin:7px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--g2d-muted,#6d7772)!important;
  font-size:13px!important;
  line-height:1.45!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.g2d-hkb-topic-arrow,
.g2d-hkb-plus-label{
  display:none!important;
}

@media(max-width:900px){
  .g2d-hkb-topic-grid.g2d-breed-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:650px){
  .g2d-hkb-topic-library.card{
    padding:13px!important;
  }
  .g2d-hkb-topic-grid.g2d-breed-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  a.g2d-hkb-topic-card.g2d-breed-card{
    gap:12px!important;
    padding:13px!important;
    border-radius:18px!important;
  }
  a.g2d-hkb-topic-card.g2d-breed-card>.g2d-hkb-topic-icon{
    font-size:28px!important;
  }
  a.g2d-hkb-topic-card.g2d-breed-card .g2d-hkb-topic-card-copy strong{
    font-size:16px!important;
    line-height:1.28!important;
  }
  a.g2d-hkb-topic-card.g2d-breed-card .g2d-hkb-topic-card-copy small{
    font-size:12px!important;
  }
  a.g2d-hkb-topic-card.g2d-breed-card .g2d-hkb-topic-card-copy p{
    margin-top:6px!important;
    font-size:13px!important;
    line-height:1.4!important;
  }
}


/* v1.0.13 — public homepage stops after the category grid. */
body.g2d-route-home:not(.g2d-logged-in) .g2d1261-home > .g2d-hkb-inline-grid ~ *,
body.g2d-route-home:not(.logged-in) .g2d1261-home > .g2d-hkb-inline-grid ~ *,
.g2d1261-home.g2d-hkb-home-trimmed > .g2d-hkb-inline-grid ~ *{
  display:none!important;
}
.g2d1261-home.g2d-hkb-home-trimmed{
  padding-bottom:18px!important;
}
.g2d1261-home.g2d-hkb-home-trimmed > .g2d-hkb-inline-grid{
  margin-bottom:0!important;
}


/* v1.0.14 — hard guest-home cutoff.
   Only hero + search + Knowledge categories remain inside the public-home
   wrapper. Guest modules rendered later by index.php are also hidden. */
body.g2d-hkb-home-categories-only .g2d1261-home > :not(.g2d1261-hero):not(.g2d1261-searchbar):not(.g2d-hkb-inline-grid){
  display:none!important;
}
body.g2d-hkb-home-categories-only .g2d216-start,
body.g2d-hkb-home-categories-only .g2d166-public-cta,
body.g2d-hkb-home-categories-only .g2d171-home-partners,
body.g2d-hkb-home-categories-only .g2d132-discovery,
body.g2d-hkb-home-categories-only .g2d215-home{
  display:none!important;
}
body.g2d-hkb-home-categories-only .g2d1261-home{
  padding-bottom:18px!important;
  margin-bottom:0!important;
}
body.g2d-hkb-home-categories-only .g2d1261-home > .g2d-hkb-inline-grid{
  margin-bottom:0!important;
}

/* v1.0.18 — tighten public-home footer spacing and keep the approved Bora header visual.
   Screenshot request: less empty space under the category list, and homepage header
   should stay on the approved image treatment like reference 3. */
body.g2d-hkb-home-categories-only main,
body.g2d-hkb-home-categories-only main.container,
body.g2d-hkb-home-categories-only .container{
  min-height:auto!important;
}
body.g2d-route-home:not(.g2d-logged-in) .g2d1261-home.g2d-hkb-home-trimmed,
body.g2d-hkb-home-categories-only .g2d1261-home{
  padding-bottom:8px!important;
  margin-bottom:0!important;
  flex:0 0 auto!important;
}
body.g2d-hkb-home-categories-only .g2d1261-home > .g2d-hkb-inline-grid,
body.g2d-route-home:not(.g2d-logged-in) .g2d1261-home.g2d-hkb-home-trimmed > .g2d-hkb-inline-grid{
  margin-bottom:4px!important;
}
body.g2d-hkb-home-categories-only :where(footer,.site-footer,[class*="footer"]),
body.g2d-route-home:not(.g2d-logged-in) :where(footer,.site-footer,[class*="footer"]){
  margin-top:0!important;
}
@media(max-width:700px){
  body.g2d-hkb-home-categories-only main,
  body.g2d-hkb-home-categories-only main.container,
  body.g2d-hkb-home-categories-only .container{
    min-height:auto!important;
    padding-bottom:0!important;
  }
  body.g2d-route-home:not(.g2d-logged-in) .g2d1261-home.g2d-hkb-home-trimmed,
  body.g2d-hkb-home-categories-only .g2d1261-home{
    padding-bottom:6px!important;
  }
  body.g2d-hkb-home-categories-only .g2d1261-home > .g2d-hkb-inline-grid,
  body.g2d-route-home:not(.g2d-logged-in) .g2d1261-home.g2d-hkb-home-trimmed > .g2d-hkb-inline-grid{
    margin-bottom:2px!important;
  }
  body.g2d-hkb-home-categories-only :where(footer,.site-footer,[class*="footer"]),
  body.g2d-route-home:not(.g2d-logged-in) :where(footer,.site-footer,[class*="footer"]){
    margin-top:0!important;
    padding-top:12px!important;
  }
  body.g2d-route-home:not(.g2d-logged-in) .g2d1261-home .g2d1261-hero-visual img,
  body.g2d-hkb-home-categories-only .g2d1261-home .g2d1261-hero-visual img{
    object-position:center 48%!important;
  }
}