/* One owner for the editorial and software entry headers, including their breakpoints. */
.drcg-main .drcg-article-masthead,.drcg-main .drcg-product-hero{
  display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:start;
  grid-gap:24px;
  gap:24px;width:min(100%,1220px);margin-right:auto;margin-left:auto;padding:24px;
  min-width:0;min-height:0;max-height:none;box-sizing:border-box;overflow:visible;
  background:var(--drcg-surface);border:1px solid var(--drcg-border);
  border-radius:var(--drcg-radius-lg);box-shadow:var(--drcg-shadow-sm);
}
.drcg-main :is(.drcg-article-masthead,.drcg-product-hero){
  display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:start;
  grid-gap:24px;
  gap:24px;width:min(100%,1220px);margin-right:auto;margin-left:auto;padding:24px;
  min-width:0;min-height:0;max-height:none;box-sizing:border-box;overflow:visible;
  background:var(--drcg-surface);border:1px solid var(--drcg-border);
  border-radius:var(--drcg-radius-lg);box-shadow:var(--drcg-shadow-sm);
}
.drcg-article-masthead__copy,.drcg-product-hero__copy{grid-column:1;grid-row:1;min-width:0}
:is(.drcg-article-masthead__copy,.drcg-product-hero__copy){grid-column:1;grid-row:1;min-width:0}
.drcg-article-masthead__media,.drcg-product-hero__media{grid-column:2;grid-row:1;min-width:0;width:100%;margin:0}
:is(.drcg-article-masthead__media,.drcg-product-hero__media){grid-column:2;grid-row:1;min-width:0;width:100%;margin:0}
.drcg-article-masthead__media,.drcg-product-hero__media{
  aspect-ratio:1;overflow:hidden;margin:0;border-radius:12px;background:var(--drcg-surface-soft);
}
:is(.drcg-article-masthead__media,.drcg-product-hero__media){
  aspect-ratio:1;overflow:hidden;margin:0;border-radius:12px;background:var(--drcg-surface-soft);
}
.drcg-article-masthead__media img,.drcg-product-hero__media img{
  display:block;width:100%;height:100%;object-fit:contain;object-position:center;
}
:is(.drcg-article-masthead__media,.drcg-product-hero__media) img{
  display:block;width:100%;height:100%;object-fit:contain;object-position:center;
}
.drcg-main .drcg-article-masthead h1,.drcg-main .drcg-product-hero h1{
  display:block;max-width:none;margin:10px 0 14px;overflow:visible;
  font-family:var(--drcg-font-display);font-size:max(1.5rem, min(2.5vw, 2.125rem));font-size:clamp(1.5rem,2.5vw,2.125rem);
  font-weight:700;line-height:1.6;letter-spacing:normal;word-wrap:anywhere;overflow-wrap:anywhere;text-wrap:balance;
}
.drcg-main :is(.drcg-article-masthead,.drcg-product-hero) h1{
  display:block;max-width:none;margin:10px 0 14px;overflow:visible;
  font-family:var(--drcg-font-display);font-size:max(1.5rem, min(2.5vw, 2.125rem));font-size:clamp(1.5rem,2.5vw,2.125rem);
  font-weight:700;line-height:1.6;letter-spacing:normal;word-wrap:anywhere;overflow-wrap:anywhere;text-wrap:balance;
}
.drcg-article-masthead .drcg-lead,.drcg-product-hero .drcg-lead{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
  max-width:none;margin:0 0 16px;color:var(--drcg-text-subtle);
  font-size:.9375rem;line-height:1.95;word-wrap:anywhere;overflow-wrap:anywhere;
}
:is(.drcg-article-masthead,.drcg-product-hero) .drcg-lead{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
  max-width:none;margin:0 0 16px;color:var(--drcg-text-subtle);
  font-size:.9375rem;line-height:1.95;word-wrap:anywhere;overflow-wrap:anywhere;
}
.drcg-article-masthead .drcg-meta-row,.drcg-product-hero .drcg-meta-row{
  gap:12px 20px;margin-top:16px;font-size:.75rem;
}
:is(.drcg-article-masthead,.drcg-product-hero) .drcg-meta-row{
  gap:12px 20px;margin-top:16px;font-size:.75rem;
}
.drcg-masthead-actions,.drcg-product-hero__actions{
  display:flex;align-items:center;flex-wrap:wrap;gap:12px;
  margin:16px 0 0;padding-top:16px;border-top:1px solid var(--drcg-border);
}
.drcg-main .drcg-article-masthead .drcg-actions,.drcg-main .drcg-product-hero .drcg-actions{
  display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:auto;min-width:0;
}
.drcg-main :is(.drcg-article-masthead,.drcg-product-hero) .drcg-actions{
  display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:auto;min-width:0;
}
.drcg-main .drcg-article-masthead .drcg-action-button,.drcg-main .drcg-product-hero .drcg-action-button{
  flex:0 1 auto;min-height:44px;max-width:100%;padding:8px 12px;font-size:.75rem;white-space:normal;
}
.drcg-main :is(.drcg-article-masthead,.drcg-product-hero) .drcg-action-button{
  flex:0 1 auto;min-height:44px;max-width:100%;padding:8px 12px;font-size:.75rem;white-space:normal;
}
.drcg-main .drcg-article-masthead .drcg-rating-wrap,.drcg-main .drcg-product-hero .drcg-rating-wrap{
  min-width:0;max-width:100%;margin-top:12px;
}
.drcg-main :is(.drcg-article-masthead,.drcg-product-hero) .drcg-rating-wrap{
  min-width:0;max-width:100%;margin-top:12px;
}
.drcg-masthead-actions .drcg-rating-wrap{flex:1 1 180px}
.drcg-main .drcg-fact-grid:empty{display:none}
.drcg-main .drcg-rating-wrap .kk-star-ratings{flex-wrap:wrap;gap:8px;font-size:.75rem}
.drcg-main .drcg-article-masthead__media{aspect-ratio:auto}
.drcg-main .drcg-article-masthead__media img{height:auto}

@media(max-width:980px){.drcg-main .drcg-article-masthead,.drcg-main .drcg-product-hero{grid-template-columns:minmax(0,1fr) 210px;gap:20px;padding:20px}.drcg-main :is(.drcg-article-masthead,.drcg-product-hero){grid-template-columns:minmax(0,1fr) 210px;gap:20px;padding:20px}}
@media(max-width:680px){
 .drcg-main .drcg-article-masthead,.drcg-main .drcg-product-hero{grid-template-columns:minmax(0,1fr);gap:20px;padding:18px}
 .drcg-main :is(.drcg-article-masthead,.drcg-product-hero){grid-template-columns:minmax(0,1fr);gap:20px;padding:18px}
 .drcg-article-masthead__copy,.drcg-product-hero__copy{grid-column:1;grid-row:1}
 :is(.drcg-article-masthead__copy,.drcg-product-hero__copy){grid-column:1;grid-row:1}
 .drcg-article-masthead__media,.drcg-product-hero__media{grid-column:1;grid-row:2;width:min(300px,100%);margin-right:auto;margin-left:auto}
 :is(.drcg-article-masthead__media,.drcg-product-hero__media){grid-column:1;grid-row:2;width:min(300px,100%);margin-right:auto;margin-left:auto}
}

@media(max-width:600px){.drcg-breadcrumb{flex-wrap:nowrap;min-width:0;min-height:26px;white-space:nowrap;overflow:hidden}.drcg-breadcrumb>a{flex-shrink:0}.drcg-breadcrumb>a:not(:first-child){max-width:36%;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.drcg-breadcrumb>[aria-current]{min-width:0;overflow:hidden;text-overflow:ellipsis}}