body.platinum-blog-design,body.platinum-blog-design #container{background:#fff}
.platinum-blog-design .platinum-blog-hero{position:relative;margin:20px auto 24px;max-width:800px;background:#fff;color:#fff}
.platinum-blog-design .platinum-blog-hero img{display:block;width:100%;height:auto}
.platinum-blog-design .platinum-blog-hero-title{position:absolute;top:clamp(.65rem,3vw,2rem);left:clamp(.75rem,4vw,2rem);padding:.35em .6em;background:rgb(23 20 15 / 58%);border-radius:3px}
.platinum-blog-design .platinum-blog-hero-title a{display:block;font-size:clamp(1.05rem,2.5vw,1.4rem);font-weight:700;color:#7bf331;text-decoration:none}
.platinum-blog-design .platinum-blog-hero-title p{margin:.3em 0 0;font-size:clamp(.68rem,1.6vw,.88rem);line-height:1.45}
.platinum-blog-design .platinum-blog-sidebar{min-width:0;color:#24211d;background:#fff;overflow-wrap:anywhere}
.platinum-blog-design .platinum-blog-widget{margin:0 0 1.5rem;padding:0 .15rem .85rem;border-bottom:1px solid #e0e0d7}
.platinum-blog-design .platinum-blog-widget h2{margin:0 0 .65rem;padding:.35rem .55rem;border-left:3px solid #4e8c20;background:#f4f6ef;color:#26351d;font-size:1rem}
.platinum-blog-design .platinum-blog-widget a{color:#352c23;text-decoration:underline;text-underline-offset:.15em}
.platinum-blog-design .platinum-blog-widget a:focus-visible,.platinum-blog-design .platinum-blog-hero a:focus-visible{outline:2px solid #559719;outline-offset:2px}
.platinum-blog-design .platinum-blog-widget ul{list-style:none;margin:0;padding:0}
.platinum-blog-design .platinum-blog-widget li{margin:.35rem 0}
.platinum-blog-design .platinum-blog-widget p{margin:.35rem 0 .6rem}
.platinum-blog-design .platinum-blog-widget img{display:block;max-width:100%;height:auto}
.platinum-blog-design .platinum-lesson{margin:.5rem 0 1rem}
.platinum-blog-design .platinum-dog-profile{margin:0 0 1rem}
.platinum-blog-design .platinum-dog-profile img{margin:.3rem 0}
.platinum-blog-design .platinum-blog-widget input{box-sizing:border-box;width:100%;min-height:2.6rem;margin:.25rem 0 .45rem}
.platinum-blog-design .platinum-blog-widget button{min-height:2.6rem;padding:.2rem .9rem;color:white;background:#345726;border:0;border-radius:3px}
.platinum-blog-design .platinum-calendar{width:100%;border-collapse:collapse;text-align:center;font-size:.85rem}
.platinum-blog-design .platinum-calendar caption{padding:.2rem;font-weight:bold}
.platinum-blog-design .platinum-calendar th,.platinum-blog-design .platinum-calendar td{padding:.22rem .1rem}
.platinum-blog-design .platinum-calendar td a{display:inline-flex;min-width:1.6rem;min-height:1.6rem;align-items:center;justify-content:center;background:#ebf4df;border-radius:3px;font-weight:bold}
.platinum-blog-design .platinum-calendar-nav{display:flex;justify-content:space-between}
.platinum-blog-design .platinum-calendar-nav a,.platinum-blog-design .platinum-blog-widget summary{display:block;padding:.35rem 0;cursor:pointer}
.platinum-blog-design .platinum-ranking{display:inline-block;padding:.4rem 0}
@media(max-width:767px){
  .platinum-blog-design .platinum-blog-hero{margin:0 auto 1rem}
  .platinum-blog-design #inner-content{display:block}
  .platinum-blog-design #sidebar1{display:block;float:none;width:100%;max-width:none;margin:1.5rem 0 0}
  .platinum-blog-design .platinum-blog-sidebar{padding:.45rem .55rem}
  .platinum-blog-design .platinum-dog-profile img,.platinum-blog-design .platinum-lesson img{max-width:min(100%,320px)}
}
@media(min-width:768px){
  .platinum-blog-design .platinum-blog-hero-title{top:60px;left:20px}
}
.platinum-blog-design .platinum-blog-hero-title a{color:#52db00}
.platinum-blog-design .platinum-dog-profile p{font-size:.88rem}

/* Compact archive layout for the grooming category on phones. */
@media (max-width: 767px) {
  .platinum-blog-design.category-57 .platinum-blog-hero {
    margin-bottom: .65rem;
  }
  .platinum-blog-design.category-57 .platinum-blog-hero img {
    height: min(36vw, 148px);
    object-fit: cover;
    object-position: center 55%;
  }
  .platinum-blog-design.category-57 #archive_header {
    margin-bottom: .4rem;
    padding: .45rem .1rem .55rem;
    box-shadow: none;
  }
  .platinum-blog-design.category-57 #archive_header h1 {
    margin: .25rem 0 0;
    font-size: 1.1rem;
    line-height: 1.45;
  }
  .platinum-blog-design.category-57 #main .catpost-cards {
    display: block;
    margin: 0;
  }
  .platinum-blog-design.category-57 #main .catpost-cards > .c_linkto_wrap {
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #e0e0d7;
  }
  .platinum-blog-design.category-57 #main .catpost-cards .c_linkto {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    gap: .7rem;
    min-height: 72px;
    height: auto;
    margin: 0;
    padding: 6px .65rem 6px .25rem;
    border-radius: 0;
    box-shadow: none;
  }
  .platinum-blog-design.category-57 #main .catpost-cards .c_linkto_img_wrap {
    display: none;
  }
  .platinum-blog-design.category-57 #main .catpost-cards .c_linkto_img_wrap:has(> img[src]:not([src=""])) {
    display: block;
    flex: 0 0 72px;
    width: 72px;
    height: 60px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-radius: 3px;
  }
  .platinum-blog-design.category-57 #main .catpost-cards .c_linkto_img_wrap img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .platinum-blog-design.category-57 #main .catpost-cards .sng-link-time {
    display: none;
  }
  .platinum-blog-design.category-57 #main .catpost-cards .c_linkto_text {
    display: block;
    flex: 1;
    min-width: 0;
    width: auto;
    padding: 0;
  }
  .platinum-blog-design.category-57 #main .catpost-cards .c_linkto_text h2 {
    display: block;
    margin: 0;
    color: #282820;
    font-size: 1rem;
    line-height: 1.5;
    white-space: normal;
    overflow-wrap: anywhere;
    text-decoration: underline;
    text-underline-offset: .15em;
  }
}