/* ==========================================================================
   FULL-BLEED INTERNAL HERO SYSTEM
   Same architecture as the approved homepage hero:
   background spans the viewport, content stays aligned to the site shell.
   ========================================================================== */
.fullbleed-hero{
  position:relative;
  isolation:isolate;
  width:100%;
  overflow:hidden;
}
.fullbleed-hero-media{
  position:absolute!important;
  z-index:0;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  overflow:hidden;
  border-radius:0!important;
  background:#edf1ef;
}
.fullbleed-hero-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.fullbleed-hero-overlay{
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
}
.fullbleed-hero-inner{
  position:relative;
  z-index:2;
}

/* Articles catalogue */
.articles-hub{
  padding-top:0;
}
.articles-hub-breadcrumb-shell{
  width:88%;
  max-width:1280px;
  padding-top:20px;
}
.articles-hub-breadcrumbs{
  margin-bottom:10px;
}
.articles-hub-hero{
  display:block;
  min-height:326px;
  margin:0 0 18px;
  padding:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:#fff;
}
.articles-hub-hero-media{
  min-width:0;
}
.articles-hub-hero-media img{
  min-height:0;
  object-position:center 53%;
}
.articles-hub-hero-overlay{
  background:linear-gradient(
    90deg,
    rgba(255,255,255,.99) 0%,
    rgba(255,255,255,.98) 16%,
    rgba(255,255,255,.95) 34%,
    rgba(255,255,255,.76) 46%,
    rgba(255,255,255,.18) 62%,
    rgba(255,255,255,0) 73%
  );
}
.articles-hub-hero-inner{
  display:flex;
  align-items:center;
  width:88%;
  max-width:1280px;
  min-height:326px;
}
.articles-hub-hero-copy{
  width:min(590px,48%);
  padding:0;
}
.articles-hub-hero-copy>p{
  max-width:560px;
}
.articles-hub-hero-note{
  position:absolute;
  right:18px;
  top:34px;
  max-width:180px;
  padding:8px 10px;
  border-radius:7px;
  background:rgba(255,255,255,.88);
  box-shadow:0 2px 12px rgba(16,35,45,.05);
  color:#31464e;
  font-size:11.5px;
  line-height:1.32;
  font-weight:800;
  transform:rotate(-3deg);
}

/* Single article */
.article-page{
  padding:0 0 72px;
}
.article-breadcrumb-shell{
  width:82.3%;
  max-width:var(--shell);
  padding-top:20px;
}
.article-breadcrumb-shell .breadcrumbs{
  margin-bottom:10px;
}
.article-hero{
  display:block;
  min-height:324px;
  margin:0;
  padding:0;
  border:0;
  background:#fff;
}
.article-hero-media img{
  object-position:center 52%;
}
.article-hero-overlay{
  background:linear-gradient(
    90deg,
    rgba(255,255,255,.995) 0%,
    rgba(255,255,255,.99) 17%,
    rgba(255,255,255,.96) 36%,
    rgba(255,255,255,.78) 50%,
    rgba(255,255,255,.22) 66%,
    rgba(255,255,255,0) 78%
  );
}
.article-hero-inner{
  display:flex;
  align-items:center;
  width:82.3%;
  max-width:var(--shell);
  min-height:324px;
}
.article-hero-copy{
  width:min(720px,62%);
  padding:0;
}
.article-hero h1{
  max-width:100%;
}
/* The guide variant formerly capped the heading at 15ch in styles.css. */
.article-variant-guide .article-hero h1{
  max-width:100%;
}
.article-dek{
  max-width:650px;
}
.article-page .article-shell{
  padding-top:0;
}
.article-main-grid{
  padding-top:28px;
}
.article-variant-guide .article-hero-media img{
  object-position:64% 52%;
}
.article-variant-guide .article-hero-copy{
  padding-left:0;
}

/* Category and comparison archives */
.archive-page{
  padding-top:0;
}
.archive-breadcrumb-shell{
  padding-top:20px;
}
.archive-breadcrumb-shell .breadcrumbs{
  margin-bottom:10px;
}
.archive-visual-hero{
  display:block;
  min-height:270px;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:#fff;
}
.archive-fullbleed-media img{
  object-position:center 52%;
}
.archive-fullbleed-overlay{
  background:linear-gradient(
    90deg,
    rgba(255,255,255,.995) 0%,
    rgba(255,255,255,.985) 20%,
    rgba(255,255,255,.94) 39%,
    rgba(255,255,255,.70) 52%,
    rgba(255,255,255,.14) 69%,
    rgba(255,255,255,0) 78%
  );
}
.archive-fullbleed-inner{
  display:flex;
  align-items:center;
  min-height:270px;
}
.archive-fullbleed-copy{
  width:min(620px,52%);
}
.archive-fullbleed-copy>span{
  display:block;
  margin-bottom:9px;
  color:var(--green);
  font-size:9px;
  line-height:1;
  font-weight:900;
  letter-spacing:.72px;
}
.archive-fullbleed-copy h1{
  margin:0;
  font-size:42px;
  line-height:1.06;
  letter-spacing:-.9px;
}
.archive-fullbleed-copy p{
  max-width:620px;
  margin:11px 0 0;
  color:#566970;
  font-size:14px;
  line-height:1.55;
}
.archive-page>.archive-visual-hero + .archive-shell{
  padding-top:20px;
}

/* Dedicated category panoramas keep the subject on the right and copy clear. */
.category-archive-page .archive-fullbleed-media img{
  object-position:center center;
}

/* A continuous photograph across the entire hero, including behind the copy. */
.comparison-archive-page .archive-fullbleed-media img{
  display:block;
  width:100%;
  margin:0;
  object-position:center 58%;
}
@media(min-width:701px){
  .comparison-archive-page .archive-fullbleed-overlay{
    background:linear-gradient(90deg,
      rgba(255,255,255,.92) 0%,
      rgba(255,255,255,.86) 25%,
      rgba(255,255,255,.60) 45%,
      rgba(255,255,255,.12) 65%,
      rgba(255,255,255,0) 78%);
  }
}
/* The existing tablet header is absolute and 54px tall. */
@media(min-width:601px) and (max-width:1000px){
  .comparison-archive-page{
    padding-top:54px;
  }
}
@media(max-width:700px){
  .comparison-archive-page .archive-fullbleed-media img{
    object-position:75% center;
  }
}

/* Only populated category archives gain a third card on wide desktops. */
@media(min-width:1200px){
  .category-archive-page .archive-grid-two{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
  }
  .category-archive-page .archive-card-body{
    padding:13px 13px 15px;
  }
  .category-archive-page .archive-card-body h2{
    font-size:16px;
    line-height:1.25;
  }
  .category-archive-page .archive-card-body p{
    font-size:11.5px;
  }
}

@media(max-width:1000px){
  .articles-hub-breadcrumb-shell,
  .articles-hub-hero-inner{
    width:92%;
  }
  .article-breadcrumb-shell,
  .article-hero-inner{
    width:92%;
  }
  .articles-hub-hero-copy{
    width:min(560px,58%);
  }
  .article-hero-copy{
    width:min(660px,75%);
  }
  .articles-hub-hero-overlay,
  .article-hero-overlay,
  .archive-fullbleed-overlay{
    background:linear-gradient(
      90deg,
      rgba(255,255,255,.99) 0%,
      rgba(255,255,255,.97) 38%,
      rgba(255,255,255,.78) 60%,
      rgba(255,255,255,.18) 82%
    );
  }
}

@media(max-width:700px){
  .articles-hub-breadcrumb-shell,
  .article-breadcrumb-shell,
  .archive-breadcrumb-shell{
    padding-top:14px;
  }

  .articles-hub-hero,
  .article-hero{
    min-height:292px;
  }
  .archive-visual-hero{
    min-height:240px;
  }

  .articles-hub-hero-inner,
  .article-hero-inner{
    min-height:292px;
  }
  .archive-fullbleed-inner{
    min-height:240px;
  }

  .articles-hub-hero-overlay,
  .article-hero-overlay,
  .archive-fullbleed-overlay{
    background:linear-gradient(
      90deg,
      rgba(255,255,255,.99) 0%,
      rgba(255,255,255,.97) 58%,
      rgba(255,255,255,.82) 82%,
      rgba(255,255,255,.58) 100%
    );
  }

  .articles-hub-hero-media img,
  .article-hero-media img,
  .archive-fullbleed-media img{
    object-position:68% center;
  }
  .category-archive-page .archive-fullbleed-media img{
    object-position:75% center;
  }

  .articles-hub-hero-copy,
  .archive-fullbleed-copy{
    width:88%;
  }
  .article-hero-copy{
    width:100%;
  }

  .articles-hub-hero h1{
    font-size:36px;
  }
  .archive-fullbleed-copy h1{
    max-width:16ch;
  }
  .article-hero h1{
    max-width:100%;
  }
  .articles-hub-hero-copy>p,
  .archive-fullbleed-copy p{
    max-width:90%;
  }
  .article-dek{
    max-width:100%;
  }
  .articles-hub-hero-note{
    display:none;
  }
}


/*
 * Articles #24/#25 have independent hero photographs and 760px catalogue
 * thumbnails. The images are 16:9, while desktop hero is ~5.5:1:
 * full-width cover cropped the tools above/below the visible banner.
 * Limit image to the right half so more of the actual subject stays visible.
 * Keep the approved full-bleed hero structure and left-side text intact.
 */
@media (min-width: 901px) {
  body.postid-24 .article-hero-media,
  body.postid-25 .article-hero-media {
    background: #fff;
  }
  body.postid-24 .article-hero-media img,
  body.postid-25 .article-hero-media img {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    width: 55%;
    max-width: none;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }
}

/*
 * Future editorial series: if post has its own _shtukoved_hero_image_id,
 * position the separately composed HERO photo in the right 55% of the
 * desktop banner. The preview Featured Image is left independent.
 * Existing approved article HERO layout is not changed.
 */
@media (min-width: 901px) {
  .article-hero--dedicated .article-hero-media {
    background: #fff;
  }
  .article-hero--dedicated .article-hero-media img {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    width: 55%;
    max-width: none;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }
}

/*
 * ===========================================================================
 * ВАЖНО! HERO-ФОН ВСЕГДА НА ВСЮ ШИРИНУ: 100% ШИРИНЫ, НОЛЬ ШВОВ, НОЛЬ ПАНЕЛЕЙ.
 * ДЛЯ НОВЫХ СТАТЕЙ ЗАПРЕЩЕНО ИСПОЛЬЗОВАТЬ 55% IMAGE SLOT ВМЕСТО ФОНА.
 * ОБЯЗАТЕЛЬНЫЙ КОНТРАКТ: docs/ARTICLE_HERO_FULL_WIDTH_STANDARD.md
 *
 * The legacy 55% right image slot above is retained ONLY for approved legacy
 * compositions. A full-background hero opt-in wins that selector at every
 * viewport, including desktop >= 901px (where the regression occurred).
 * ===========================================================================
 */
.article-hero--full-background .fullbleed-hero-media,
.article-hero--full-background .article-hero-media {
  position: absolute !important;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  overflow: hidden;
  border-radius: 0;
}
.article-hero--dedicated.article-hero--full-background .article-hero-media img,
.article-hero--full-background .article-hero-media img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  min-width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
}
.article-solder-paste .article-hero--full-background .article-hero-overlay {
  background: linear-gradient(90deg,
    rgba(255,255,255,.97) 0%,
    rgba(255,255,255,.94) 21%,
    rgba(255,255,255,.80) 38%,
    rgba(255,255,255,.35) 59%,
    rgba(255,255,255,0) 80%);
}
@media (max-width: 700px) {
  .article-solder-paste .article-hero--full-background .article-hero-overlay {
    background: linear-gradient(90deg,
      rgba(255,255,255,.98) 0%,
      rgba(255,255,255,.94) 42%,
      rgba(255,255,255,.72) 75%,
      rgba(255,255,255,.56) 100%);
  }
}

/* Keep the faucet, key and insert in view. The generic centered crop removes
   the right side of this panorama; the spare room is on the left. */
.article-aerator-key .article-hero-media img{
  object-position:right center;
}

/* The new 3:1 panorama has deliberate copy space on the left. Show the entire
   composition across the banner; the generic 55% image slot crops the tool. */
.article-pneumatic-plunger .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-pneumatic-plunger .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 26%,rgba(255,255,255,.75) 43%,rgba(255,255,255,.08) 70%,rgba(255,255,255,0) 100%)}
.article-pneumatic-plunger .article-dek{max-width:540px}
@media(min-width:1600px){.article-pneumatic-plunger .article-hero,.article-pneumatic-plunger .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-pneumatic-plunger .article-hero-media img{object-position:75% center}.article-pneumatic-plunger .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.94) 62%,rgba(255,255,255,.73))}}

/* Dowel jig: the panorama already reserves the left side for the heading. */
.article-dowel-jig .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-dowel-jig .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 28%,rgba(255,255,255,.75) 43%,rgba(255,255,255,.08) 70%,rgba(255,255,255,0) 100%)}
.article-dowel-jig .article-dek{max-width:520px}
@media(min-width:1600px){.article-dowel-jig .article-hero,.article-dowel-jig .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-dowel-jig .article-hero-media img{object-position:75% center}.article-dowel-jig .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}

/* #42 uses a panoramic photo composed for the entire banner, rather than a
   16:9 attachment confined to the right half. Keep the approved copy layout. */
#post-42 .article-hero-media img{
  position:static;
  width:100%;
  max-width:none;
  height:100%;
  object-fit:cover;
  object-position:50% 50%;
}
#post-42 .article-hero-overlay{
  background:linear-gradient(90deg,
    rgba(255,255,255,.92) 0%,
    rgba(255,255,255,.90) 36%,
    rgba(255,255,255,.78) 48%,
    rgba(255,255,255,.26) 64%,
    rgba(255,255,255,0) 78%);
}
@media(max-width:700px){
  #post-42 .article-hero-media img{object-position:74% center}
  #post-42 .article-hero-overlay{
    background:linear-gradient(90deg,
      rgba(255,255,255,.96) 0%,
      rgba(255,255,255,.92) 40%,
      rgba(255,255,255,.84) 65%,
      rgba(255,255,255,.58) 100%);
  }
}

/* #44: a panorama composed for the full banner; keep the approved text geometry. */
#post-44 .article-hero-media img{
  position:static;
  width:100%;
  max-width:none;
  height:100%;
  object-fit:cover;
  object-position:50% 50%;
}
#post-44 .article-hero-overlay{
  background:linear-gradient(90deg,
    rgba(255,255,255,.92) 0%,
    rgba(255,255,255,.90) 36%,
    rgba(255,255,255,.78) 48%,
    rgba(255,255,255,.26) 64%,
    rgba(255,255,255,0) 78%);
}
@media(max-width:700px){
  #post-44 .article-hero-media img{object-position:78% center}
  #post-44 .article-hero-overlay{
    background:linear-gradient(90deg,
      rgba(255,255,255,.96) 0%,
      rgba(255,255,255,.92) 40%,
      rgba(255,255,255,.84) 65%,
      rgba(255,255,255,.58) 100%);
  }
}


/* #99 and refreshed brake pages: full-width panoramas, approved text geometry. */
:is(#post-99,#post-24,#post-25,#post-18) .article-hero-media img{
  position:static;
  width:100%;
  max-width:none;
  height:100%;
  object-fit:cover;
  object-position:50% 50%;
}
:is(#post-99,#post-24,#post-25,#post-18) .article-hero-overlay{
  background:linear-gradient(90deg,
    rgba(255,255,255,.92) 0%,
    rgba(255,255,255,.90) 36%,
    rgba(255,255,255,.78) 48%,
    rgba(255,255,255,.26) 64%,
    rgba(255,255,255,0) 78%);
}
@media(max-width:700px){
  :is(#post-99,#post-24,#post-25,#post-18) .article-hero-media img{object-position:78% center}
  :is(#post-99,#post-24,#post-25,#post-18) .article-hero-overlay{
    background:linear-gradient(90deg,
      rgba(255,255,255,.96) 0%,
      rgba(255,255,255,.92) 40%,
      rgba(255,255,255,.84) 65%,
      rgba(255,255,255,.58) 100%);
  }
}


/* #114 panorama is composed for the full banner; leave copy and UI unchanged. */
#post-114 .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:50% 50%}
#post-114 .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.90) 36%,rgba(255,255,255,.75) 48%,rgba(255,255,255,.20) 64%,rgba(255,255,255,0) 78%)}
@media(max-width:700px){#post-114 .article-hero-media img{object-position:74% center}#post-114 .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.90) 45%,rgba(255,255,255,.76))}}

/* #121 panorama is composed for the full banner; leave copy and UI unchanged. */
#post-121 .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:50% 50%}
#post-121 .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.90) 36%,rgba(255,255,255,.75) 48%,rgba(255,255,255,.20) 64%,rgba(255,255,255,0) 78%)}
@media(max-width:700px){#post-121 .article-hero-media img{object-position:74% center}#post-121 .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.90) 45%,rgba(255,255,255,.76))}}

/* #127: its own panorama; compact UI v1 components remain unchanged. */
#post-127 .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:50% 50%}
#post-127 .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.90) 36%,rgba(255,255,255,.75) 48%,rgba(255,255,255,.20) 64%,rgba(255,255,255,0) 78%)}
@media(max-width:700px){#post-127 .article-hero-media img{object-position:74% center}#post-127 .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.90) 45%,rgba(255,255,255,.76))}}

/* #134: its own panorama; compact UI v1 components remain unchanged. */
#post-134 .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:50% 50%}
#post-134 .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.90) 36%,rgba(255,255,255,.75) 48%,rgba(255,255,255,.20) 64%,rgba(255,255,255,0) 78%)}
@media(max-width:700px){#post-134 .article-hero-media img{object-position:74% center}#post-134 .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.90) 45%,rgba(255,255,255,.76))}}

/* #139:#post-139 .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:50% 50%}
#post-139 .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.90) 36%,rgba(255,255,255,.75) 48%,rgba(255,255,255,.20) 64%,rgba(255,255,255,0) 78%)}
@media(max-width:700px){#post-139 .article-hero-media img{object-position:74% center}#post-139 .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.90) 45%,rgba(255,255,255,.76))}}

/* #145: oil extractor uses approved UI v1 components. */
#post-145 .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:50% 50%}
#post-145 .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.90) 36%,rgba(255,255,255,.75) 48%,rgba(255,255,255,.20) 64%,rgba(255,255,255,0) 78%)}
@media(max-width:700px){#post-145 .article-hero-media img{object-position:74% center}#post-145 .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.90) 45%,rgba(255,255,255,.76))}}


/* #150: oil extractor uses approved UI v1 components. */
#post-150 .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:50% 50%}
#post-150 .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.90) 36%,rgba(255,255,255,.75) 48%,rgba(255,255,255,.20) 64%,rgba(255,255,255,0) 78%)}
@media(max-width:700px){#post-150 .article-hero-media img{object-position:74% center}#post-150 .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.90) 45%,rgba(255,255,255,.76))}}


/* Keep the complete #150 extractor in view on very wide screens. */
@media(min-width:1600px){#post-150 .article-hero,#post-150 .article-hero-inner{min-height:calc(100vw / 4.5)}}

/* #158 own imagery within UI v1; no shared redesign. */
#post-158 .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover}
#post-158 .article-hero-media img{object-position:50% center}
#post-158 .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 28%,rgba(255,255,255,.73) 43%,rgba(255,255,255,.08) 69%,rgba(255,255,255,0) 100%)}
@media(min-width:1600px){#post-158 .article-hero,#post-158 .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){#post-158 .article-hero-media img{object-position:74% center}#post-158 .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.94) 62%,rgba(255,255,255,.75))}}

/* #165: independent full panorama, approved UI v1. */
#post-165 .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:50% center}
#post-165 .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 28%,rgba(255,255,255,.73) 43%,rgba(255,255,255,.08) 69%,rgba(255,255,255,0) 100%)}
@media(min-width:1600px){#post-165 .article-hero,#post-165 .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){#post-165 .article-hero-media img{object-position:74% center}#post-165 .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.94) 62%,rgba(255,255,255,.75))}}

/* #170: independent full panorama, approved UI v1. */
#post-170 .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:50% center}
#post-170 .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 28%,rgba(255,255,255,.73) 43%,rgba(255,255,255,.08) 69%,rgba(255,255,255,0) 100%)}
@media(min-width:1600px){#post-170 .article-hero,#post-170 .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){#post-170 .article-hero-media img{object-position:74% center}#post-170 .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.94) 62%,rgba(255,255,255,.75))}}

/* #174: own diagrams and panoramic HERO within approved UI v1. */
#post-174 .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:50% center}
#post-174 .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 28%,rgba(255,255,255,.73) 43%,rgba(255,255,255,.08) 69%,rgba(255,255,255,0) 100%)}
@media(min-width:1600px){#post-174 .article-hero,#post-174 .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){#post-174 .article-hero-media img{object-position:74% center}#post-174 .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.94) 62%,rgba(255,255,255,.75))}}

/* Contour gauge: panoramic HERO within approved UI v1. */
.article-contour-gauge .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:50% center}
.article-contour-gauge .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 28%,rgba(255,255,255,.73) 43%,rgba(255,255,255,.08) 69%,rgba(255,255,255,0) 100%)}
@media(min-width:1600px){.article-contour-gauge .article-hero,.article-contour-gauge .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-contour-gauge .article-hero-media img{object-position:74% center}.article-contour-gauge .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.94) 62%,rgba(255,255,255,.75))}}

/* Silicone spatula: existing panoramic HERO and contained step components. */
.article-silicone-spatula .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:50% center}
.article-silicone-spatula .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 28%,rgba(255,255,255,.73) 43%,rgba(255,255,255,.08) 69%,rgba(255,255,255,0) 100%)}
@media(min-width:1600px){.article-silicone-spatula .article-hero,.article-silicone-spatula .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-silicone-spatula .article-hero-media img{object-position:74% center}.article-silicone-spatula .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.94) 62%,rgba(255,255,255,.75))}}

/* Silicone joint guide: approved article components, own scope only. */
.article-silicone-joint .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:50% center}
.article-silicone-joint .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 28%,rgba(255,255,255,.73) 43%,rgba(255,255,255,.08) 69%,rgba(255,255,255,0) 100%)}
@media(min-width:1600px){.article-silicone-joint .article-hero,.article-silicone-joint .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-silicone-joint .article-hero-media img{object-position:74% center}.article-silicone-joint .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.94) 62%,rgba(255,255,255,.75))}}

/* Sealant gun selection: approved article components, own scope only. */
.article-sealant-gun .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:50% center}
.article-sealant-gun .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 28%,rgba(255,255,255,.73) 43%,rgba(255,255,255,.08) 69%,rgba(255,255,255,0) 100%)}
@media(min-width:1600px){.article-sealant-gun .article-hero,.article-sealant-gun .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-sealant-gun .article-hero-media img{object-position:74% center}.article-sealant-gun .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.94) 62%,rgba(255,255,255,.75))}}

.article-minifix-jig .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-minifix-jig .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 28%,rgba(255,255,255,.76) 43%,rgba(255,255,255,.08) 70%,rgba(255,255,255,0) 100%)}
.article-minifix-jig .article-dek{max-width:520px}
@media(min-width:1600px){.article-minifix-jig .article-hero,.article-minifix-jig .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-minifix-jig .article-hero-media img{object-position:76% center}.article-minifix-jig .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}

.article-pocket-jig .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-pocket-jig .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 28%,rgba(255,255,255,.75) 43%,rgba(255,255,255,.08) 70%,rgba(255,255,255,0) 100%)}
.article-pocket-jig .article-dek{max-width:520px}
@media(min-width:1600px){.article-pocket-jig .article-hero,.article-pocket-jig .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-pocket-jig .article-hero-media img{object-position:76% center}.article-pocket-jig .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}

.article-handle-template .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-handle-template .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 28%,rgba(255,255,255,.75) 43%,rgba(255,255,255,.08) 70%,rgba(255,255,255,0) 100%)}
.article-handle-template .article-dek{max-width:520px}
@media(min-width:1600px){.article-handle-template .article-hero,.article-handle-template .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-handle-template .article-hero-media img{object-position:76% center}.article-handle-template .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}

.article-edge-trimmer .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-edge-trimmer .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 28%,rgba(255,255,255,.75) 43%,rgba(255,255,255,.08) 70%,rgba(255,255,255,0) 100%)}
.article-edge-trimmer .article-dek{max-width:520px}
@media(min-width:1600px){.article-edge-trimmer .article-hero,.article-edge-trimmer .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-edge-trimmer .article-hero-media img{object-position:78% center}.article-edge-trimmer .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}

/* Profile crimper article: full-width subject right, readable copy left. */
.article-profile-crimper .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-profile-crimper .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.97) 27%,rgba(255,255,255,.78) 43%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-profile-crimper .article-dek{max-width:520px}
@media(min-width:1600px){.article-profile-crimper .article-hero,.article-profile-crimper .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-profile-crimper .article-hero-media img{object-position:80% center}.article-profile-crimper .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}

/* Drilling dust article: vacuum shroud stays on the right, copy stays legible. */
.article-drill-dust .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-drill-dust .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 27%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.04) 70%,rgba(255,255,255,0) 100%)}
.article-drill-dust .article-dek{max-width:520px}
@media(min-width:1600px){.article-drill-dust .article-hero,.article-drill-dust .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-drill-dust .article-hero-media img{object-position:80% center}.article-drill-dust .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}

/* Laminate fitting kit: tools stay to the right of the article heading. */
.article-laminate-kit .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-laminate-kit .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-laminate-kit .article-dek{max-width:520px}
@media(min-width:1600px){.article-laminate-kit .article-hero,.article-laminate-kit .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-laminate-kit .article-hero-media img{object-position:80% center}.article-laminate-kit .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}

/* Depinator article: small tools to the right of the readable heading. */
.article-depinator .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-depinator .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-depinator .article-dek{max-width:520px}
@media(min-width:1600px){.article-depinator .article-hero,.article-depinator .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-depinator .article-hero-media img{object-position:80% center}.article-depinator .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}

/* Spring clamp article: small tools to the right of the readable heading. */
.article-spring-clamp .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-spring-clamp .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-spring-clamp .article-dek{max-width:520px}
@media(min-width:1600px){.article-spring-clamp .article-hero,.article-spring-clamp .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-spring-clamp .article-hero-media img{object-position:80% center}.article-spring-clamp .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}

/* Cooling tester article: small tools to the right of the readable heading. */
.article-cooling-tester .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-cooling-tester .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-cooling-tester .article-dek{max-width:520px}
@media(min-width:1600px){.article-cooling-tester .article-hero,.article-cooling-tester .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-cooling-tester .article-hero-media img{object-position:80% center}.article-cooling-tester .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}

/* CO2 tester article: small tools to the right of the readable heading. */
.article-co2-tester .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-co2-tester .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-co2-tester .article-dek{max-width:520px}
@media(min-width:1600px){.article-co2-tester .article-hero,.article-co2-tester .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-co2-tester .article-hero-media img{object-position:80% center}.article-co2-tester .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}

/* Rivet nut article: small tools to the right of the readable heading. */
.article-rivet-nut .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-rivet-nut .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-rivet-nut .article-dek{max-width:520px}
@media(min-width:1600px){.article-rivet-nut .article-hero,.article-rivet-nut .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-rivet-nut .article-hero-media img{object-position:80% center}.article-rivet-nut .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}

/* Hose pinch article: small tools to the right of the readable heading. */
.article-hose-pinch .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-hose-pinch .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-hose-pinch .article-dek{max-width:520px}
@media(min-width:1600px){.article-hose-pinch .article-hero,.article-hose-pinch .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-hose-pinch .article-hero-media img{object-position:80% center}.article-hose-pinch .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}

/* CV boot article: small tools to the right of the readable heading. */
.article-cv-boot .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-cv-boot .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-cv-boot .article-dek{max-width:520px}
@media(min-width:1600px){.article-cv-boot .article-hero,.article-cv-boot .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-cv-boot .article-hero-media img{object-position:80% center}.article-cv-boot .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}

/* Exhaust hanger article: small tools to the right of the readable heading. */
.article-exhaust-hanger .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-exhaust-hanger .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-exhaust-hanger .article-dek{max-width:520px}
@media(min-width:1600px){.article-exhaust-hanger .article-hero,.article-exhaust-hanger .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-exhaust-hanger .article-hero-media img{object-position:80% center}.article-exhaust-hanger .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}

/* Pipe calibrator article: small tools to the right of the readable heading. */
.article-pipe-calibrator .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-pipe-calibrator .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-pipe-calibrator .article-dek{max-width:520px}
@media(min-width:1600px){.article-pipe-calibrator .article-hero,.article-pipe-calibrator .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-pipe-calibrator .article-hero-media img{object-position:80% center}.article-pipe-calibrator .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}

/* Pipe deburrer article: small tools to the right of the readable heading. */
.article-pipe-deburrer .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-pipe-deburrer .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-pipe-deburrer .article-dek{max-width:520px}
@media(min-width:1600px){.article-pipe-deburrer .article-hero,.article-pipe-deburrer .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-pipe-deburrer .article-hero-media img{object-position:80% center}.article-pipe-deburrer .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}

/* Helping hands article: small tools to the right of the readable heading. */
.article-helping-hands .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-helping-hands .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-helping-hands .article-dek{max-width:520px}
@media(min-width:1600px){.article-helping-hands .article-hero,.article-helping-hands .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-helping-hands .article-hero-media img{object-position:80% center}.article-helping-hands .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}

/* Solder fume article: small tools to the right of the readable heading. */
.article-solder-fume .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-solder-fume .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-solder-fume .article-dek{max-width:520px}
@media(min-width:1600px){.article-solder-fume .article-hero,.article-solder-fume .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-solder-fume .article-hero-media img{object-position:80% center}.article-solder-fume .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}

/* Vacuum pick article: small tools to the right of the readable heading. */
.article-vacuum-pick .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-vacuum-pick .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-vacuum-pick .article-dek{max-width:520px}
@media(min-width:1600px){.article-vacuum-pick .article-hero,.article-vacuum-pick .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-vacuum-pick .article-hero-media img{object-position:80% center}.article-vacuum-pick .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}

/* Aquarium siphon article: small tools to the right of the readable heading. */
.article-aquarium-siphon .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-aquarium-siphon .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-aquarium-siphon .article-dek{max-width:520px}
@media(min-width:1600px){.article-aquarium-siphon .article-hero,.article-aquarium-siphon .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-aquarium-siphon .article-hero-media img{object-position:80% center}.article-aquarium-siphon .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}

/* Mat splitter article: small tools to the right of the readable heading. */
.article-mat-splitter .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-mat-splitter .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-mat-splitter .article-dek{max-width:520px}
@media(min-width:1600px){.article-mat-splitter .article-hero,.article-mat-splitter .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-mat-splitter .article-hero-media img{object-position:80% center}.article-mat-splitter .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}

/* Stripping knife article: small tools to the right of the readable heading. */
.article-stripping-knife .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-stripping-knife .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-stripping-knife .article-dek{max-width:520px}
@media(min-width:1600px){.article-stripping-knife .article-hero,.article-stripping-knife .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-stripping-knife .article-hero-media img{object-position:80% center}.article-stripping-knife .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}

/* Mat splitter: align the published editorial-photo markup with UI v1 compact photos. */
.article-mat-splitter .article-body .entry-content .article-editorial-photo{float:left;width:min(300px,36%);max-width:100%;margin:0 24px 16px 0}
.article-mat-splitter .article-body .entry-content .article-editorial-photo>img{display:block;width:100%;height:auto;margin:0;border-radius:8px}
.article-mat-splitter .article-body .entry-content .article-editorial-photo>figcaption{margin:8px 0 0}
.article-mat-splitter .article-body .entry-content .article-editorial-photo+p{max-width:none}
.article-mat-splitter .article-body .entry-content .article-editorial-photo~h2,.article-mat-splitter .article-body .entry-content .article-editorial-photo~section{clear:both}
@media(max-width:700px){.article-mat-splitter .article-body .entry-content .article-editorial-photo{float:none;width:min(280px,100%);margin:0 0 16px}}

/* Bias binder article: small tools to the right of the readable heading. */
.article-bias-binder .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-bias-binder .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-bias-binder .article-dek{max-width:520px}
@media(min-width:1600px){.article-bias-binder .article-hero,.article-bias-binder .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-bias-binder .article-hero-media img{object-position:80% center}.article-bias-binder .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}

/* Shoe stretcher article: small tools to the right of the readable heading. */
.article-shoe-stretcher .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-shoe-stretcher .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-shoe-stretcher .article-dek{max-width:520px}
@media(min-width:1600px){.article-shoe-stretcher .article-hero,.article-shoe-stretcher .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-shoe-stretcher .article-hero-media img{object-position:80% center}.article-shoe-stretcher .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}


/* Shoe tree article: small tools to the right of the readable heading. */
.article-shoe-trees .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-shoe-trees .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-shoe-trees .article-dek{max-width:520px}
@media(min-width:1600px){.article-shoe-trees .article-hero,.article-shoe-trees .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-shoe-trees .article-hero-media img{object-position:80% center}.article-shoe-trees .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}


/* Silicone removal article: small tools to the right of the readable heading. */
.article-silicone-removal .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-silicone-removal .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-silicone-removal .article-dek{max-width:520px}
@media(min-width:1600px){.article-silicone-removal .article-hero,.article-silicone-removal .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-silicone-removal .article-hero-media img{object-position:80% center}.article-silicone-removal .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}


/* Keep publication HTML KSES-safe; style the small timing table in the theme. */
.article-silicone-removal .article-body .entry-content .wp-block-table table{min-width:0;table-layout:fixed;overflow-wrap:anywhere}

/* Silicone removal: text-only steps follow their content height. */
.article-silicone-removal .article-step-card.article-step-card--text-only{min-height:0;grid-template-rows:auto auto}

/* Dowel centres: scoped article assets and compact text steps. */
.article-dowel-centres .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center 65%}
.article-dowel-centres .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-dowel-centres .article-dek{max-width:520px}
@media(min-width:1600px){.article-dowel-centres .article-hero,.article-dowel-centres .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-dowel-centres .article-hero-media img{object-position:80% center}.article-dowel-centres .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}
.article-dowel-centres .article-step-card.article-step-card--text-only{min-height:0;grid-template-rows:auto auto}

/* Keep complete dowel marking centres and the drill bit visible in tool cards. */
.article-dowel-centres .article-tool-card img{object-fit:contain}

/* Homepage material photos are native links with the existing block geometry. */
.articles-section .article-card .article-img{display:block}

/* A completed picker result is a native link to its matching article section. */
.picker .recommend:not(.is-empty){padding-bottom:44px}
.picker .recommend-link{position:absolute;inset:0;z-index:3;border-radius:inherit;color:inherit}
.picker .recommend-link[hidden]{display:none}
.picker .recommend-link>span{position:absolute;left:14px;bottom:12px;color:var(--green);font-size:12px;font-weight:700}
.picker .recommend-link:focus-visible{outline:2px solid var(--green);outline-offset:-3px}

/* Solder diagnostics: complete tools, compact steps, KSES-safe table. */
.article-solder-not-sticking .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-solder-not-sticking .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-solder-not-sticking .article-dek{max-width:520px}
@media(min-width:1600px){.article-solder-not-sticking .article-hero,.article-solder-not-sticking .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-solder-not-sticking .article-hero-media img{object-position:80% center}.article-solder-not-sticking .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}
.article-solder-not-sticking .article-step-card.article-step-card--text-only{min-height:0;grid-template-rows:auto auto}
.article-solder-not-sticking .article-tool-card img{object-fit:contain}
.article-solder-not-sticking .article-body .entry-content .wp-block-table table{min-width:0;table-layout:fixed;overflow-wrap:anywhere}

/* Keep the last entries of this long desktop TOC reachable in the sticky sidebar. */
@media(min-width:1000px){.article-solder-not-sticking .article-toc-list{max-height:calc(100vh - 130px);overflow-y:auto;overscroll-behavior:contain}}

/* Tip tinning: scoped photos, compact steps and scrollable desktop TOC. */
.article-tip-tinning .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-tip-tinning .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-tip-tinning .article-dek{max-width:520px}
@media(min-width:1600px){.article-tip-tinning .article-hero,.article-tip-tinning .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-tip-tinning .article-hero-media img{object-position:80% center}.article-tip-tinning .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}
.article-tip-tinning .article-step-card.article-step-card--text-only{min-height:0;grid-template-rows:auto auto}
.article-tip-tinning .article-tool-card img{object-fit:contain}
.article-tip-tinning .article-body .entry-content .wp-block-table table{min-width:0;table-layout:fixed;overflow-wrap:anywhere}
@media(min-width:1000px){.article-tip-tinning .article-toc-list{max-height:calc(100vh - 130px);overflow-y:auto;overscroll-behavior:contain}}

/* Tip cleaning: scoped photos, compact steps and scrollable desktop TOC. */
.article-tip-cleaning .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-tip-cleaning .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-tip-cleaning .article-dek{max-width:520px}
@media(min-width:1600px){.article-tip-cleaning .article-hero,.article-tip-cleaning .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-tip-cleaning .article-hero-media img{object-position:80% center}.article-tip-cleaning .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}
.article-tip-cleaning .article-step-card.article-step-card--text-only{min-height:0;grid-template-rows:auto auto}
.article-tip-cleaning .article-tool-card img{object-fit:contain}
.article-tip-cleaning .article-body .entry-content .wp-block-table table{min-width:0;table-layout:fixed;overflow-wrap:anywhere}
@media(min-width:1000px){.article-tip-cleaning .article-toc-list{max-height:calc(100vh - 130px);overflow-y:auto;overscroll-behavior:contain}}

/* Solder temperature: scoped photos, compact steps and scrollable desktop TOC. */
.article-solder-temperature .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-solder-temperature .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-solder-temperature .article-dek{max-width:520px}
@media(min-width:1600px){.article-solder-temperature .article-hero,.article-solder-temperature .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-solder-temperature .article-hero-media img{object-position:80% center}.article-solder-temperature .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}
.article-solder-temperature .article-step-card.article-step-card--text-only{min-height:0;grid-template-rows:auto auto}
.article-solder-temperature .article-tool-card img{object-fit:contain}
.article-solder-temperature .article-body .entry-content .wp-block-table table{min-width:0;table-layout:fixed;overflow-wrap:anywhere}
@media(min-width:1000px){.article-solder-temperature .article-toc-list{max-height:calc(100vh - 130px);overflow-y:auto;overscroll-behavior:contain}}

/* Solder power: scoped photos, compact steps and scrollable desktop TOC. */
.article-solder-power .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-solder-power .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-solder-power .article-dek{max-width:520px}
@media(min-width:1600px){.article-solder-power .article-hero,.article-solder-power .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-solder-power .article-hero-media img{object-position:80% center}.article-solder-power .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}
.article-solder-power .article-step-card.article-step-card--text-only{min-height:0;grid-template-rows:auto auto}
.article-solder-power .article-tool-card img{object-fit:contain}
.article-solder-power .article-body .entry-content .wp-block-table table{min-width:0;table-layout:fixed;overflow-wrap:anywhere}
@media(min-width:1000px){.article-solder-power .article-toc-list{max-height:calc(100vh - 130px);overflow-y:auto;overscroll-behavior:contain}}

/* Solder power: scoped photos, compact steps and scrollable desktop TOC. */
.article-solder-beginner .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center 55%}
.article-solder-beginner .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-solder-beginner .article-dek{max-width:520px}
@media(min-width:1600px){.article-solder-beginner .article-hero,.article-solder-beginner .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-solder-beginner .article-hero-media img{object-position:80% center}.article-solder-beginner .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}
.article-solder-beginner .article-step-card.article-step-card--text-only{min-height:0;grid-template-rows:auto auto}
.article-solder-beginner .article-tool-card img{object-fit:contain}
.article-solder-beginner .article-body .entry-content .wp-block-table table{min-width:0;table-layout:fixed;overflow-wrap:anywhere}
@media(min-width:1000px){.article-solder-beginner .article-toc-list{max-height:calc(100vh - 130px);overflow-y:auto;overscroll-behavior:contain}}

/* Tip shape: scoped photographs and compact native blocks. */
.article-tip-shape .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-tip-shape .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-tip-shape .article-dek{max-width:520px}
@media(min-width:1600px){.article-tip-shape .article-hero,.article-tip-shape .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-tip-shape .article-hero-media img{object-position:80% center}.article-tip-shape .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}
.article-tip-shape .article-step-card.article-step-card--text-only{min-height:0;grid-template-rows:auto auto}
.article-tip-shape .article-tool-card img{object-fit:contain}
.article-tip-shape .article-body .entry-content .wp-block-table table{min-width:0;table-layout:fixed;overflow-wrap:anywhere}
@media(min-width:1000px){.article-tip-shape .article-toc-list{max-height:calc(100vh - 130px);overflow-y:auto;overscroll-behavior:contain}}

/* Tip shape: scoped photographs and compact native blocks. */
.article-solder-alloy .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-solder-alloy .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-solder-alloy .article-dek{max-width:520px}
@media(min-width:1600px){.article-solder-alloy .article-hero,.article-solder-alloy .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-solder-alloy .article-hero-media img{object-position:80% center}.article-solder-alloy .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}
.article-solder-alloy .article-step-card.article-step-card--text-only{min-height:0;grid-template-rows:auto auto}
.article-solder-alloy .article-tool-card img{object-fit:contain}
.article-solder-alloy .article-body .entry-content .wp-block-table table{min-width:0;table-layout:fixed;overflow-wrap:anywhere}
@media(min-width:1000px){.article-solder-alloy .article-toc-list{max-height:calc(100vh - 130px);overflow-y:auto;overscroll-behavior:contain}}

/* Rosin: scoped photo crops, tables and native steps. */
.article-solder-rosin .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-solder-rosin .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-solder-rosin .article-dek{max-width:520px}
@media(min-width:1600px){.article-solder-rosin .article-hero,.article-solder-rosin .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-solder-rosin .article-hero-media img{object-position:80% center}.article-solder-rosin .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}
.article-solder-rosin .article-step-card.article-step-card--text-only{min-height:0;grid-template-rows:auto auto}
.article-solder-rosin .article-tool-card img{object-fit:contain}
.article-solder-rosin .article-body .entry-content .wp-block-table table{min-width:0;table-layout:fixed;overflow-wrap:anywhere}
@media(min-width:1000px){.article-solder-rosin .article-toc-list{max-height:calc(100vh - 130px);overflow-y:auto;overscroll-behavior:contain}}

/* Rosin plain tables: match the approved editorial table component. */
.article-solder-rosin .article-body .entry-content>table{width:100%;min-width:0;table-layout:fixed;overflow-wrap:anywhere;border-collapse:collapse;border:1px solid var(--line);background:#fff;margin:18px 0 28px}
.article-solder-rosin .article-body .entry-content>table :is(th,td){padding:10px 11px;border:1px solid var(--line);text-align:left;vertical-align:top}
.article-solder-rosin .article-body .entry-content>table th{background:#f8faf9;color:var(--ink);font-weight:800}

/* Flux: scoped hero, native cards and tables. */
.article-solder-flux .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-solder-flux .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-solder-flux .article-dek{max-width:520px}
@media(min-width:1600px){.article-solder-flux .article-hero,.article-solder-flux .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-solder-flux .article-hero-media img{object-position:80% center}.article-solder-flux .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}
.article-solder-flux .article-step-card.article-step-card--text-only{min-height:0;grid-template-rows:auto auto}
.article-solder-flux .article-tool-card img{object-fit:contain}
.article-solder-flux .article-body .entry-content .wp-block-table table{min-width:0;table-layout:fixed;overflow-wrap:anywhere}
@media(min-width:1000px){.article-solder-flux .article-toc-list{max-height:calc(100vh - 130px);overflow-y:auto;overscroll-behavior:contain}}

/* Flux: scoped hero, native cards and tables. */
.article-solder-seal .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:82% center}
.article-solder-seal .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 30%,rgba(255,255,255,.72) 48%,rgba(255,255,255,.04) 75%)}
.article-solder-seal .article-dek{max-width:520px}
.article-solder-seal .article-step-card.article-step-card--text-only{min-height:0;grid-template-rows:auto auto}
.article-solder-seal .article-tool-card img{object-fit:contain}
.article-solder-seal .article-choice-card>img{object-fit:contain;background:#f3faf6}
@media(max-width:700px){.article-solder-seal .article-hero-media img{object-position:78% center}.article-solder-seal .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.94) 60%,rgba(255,255,255,.78))}}
.article-solder-wires .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-solder-wires .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-solder-wires .article-dek{max-width:520px}
@media(min-width:1600px){.article-solder-wires .article-hero,.article-solder-wires .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-solder-wires .article-hero-media img{object-position:80% center}.article-solder-wires .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}
.article-solder-wires .article-step-card.article-step-card--text-only{min-height:0;grid-template-rows:auto auto}
.article-solder-wires .article-tool-card img{object-fit:contain}
.article-solder-wires .article-body .entry-content .wp-block-table table{min-width:0;table-layout:fixed;overflow-wrap:anywhere}
@media(min-width:1000px){.article-solder-wires .article-toc-list{max-height:calc(100vh - 130px);overflow-y:auto;overscroll-behavior:contain}}

/* Flux: scoped hero, native cards and tables. */
.article-solder-board .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-solder-board .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-solder-board .article-dek{max-width:520px}
@media(min-width:1600px){.article-solder-board .article-hero,.article-solder-board .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-solder-board .article-hero-media img{object-position:80% center}.article-solder-board .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}
.article-solder-board .article-step-card.article-step-card--text-only{min-height:0;grid-template-rows:auto auto}
.article-solder-board .article-tool-card img{object-fit:contain}
.article-solder-board .article-body .entry-content .wp-block-table table{min-width:0;table-layout:fixed;overflow-wrap:anywhere}
@media(min-width:1000px){.article-solder-board .article-toc-list{max-height:calc(100vh - 130px);overflow-y:auto;overscroll-behavior:contain}}

/* Flux: scoped hero, native cards and tables. */
.article-led-strip .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-led-strip .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-led-strip .article-dek{max-width:520px}
@media(min-width:1600px){.article-led-strip .article-hero,.article-led-strip .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-led-strip .article-hero-media img{object-position:80% center}.article-led-strip .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}
.article-led-strip .article-step-card.article-step-card--text-only{min-height:0;grid-template-rows:auto auto}
.article-led-strip .article-tool-card img{object-fit:contain}
.article-led-strip .article-body .entry-content .wp-block-table table{min-width:0;table-layout:fixed;overflow-wrap:anywhere}
@media(min-width:1000px){.article-led-strip .article-toc-list{max-height:calc(100vh - 130px);overflow-y:auto;overscroll-behavior:contain}}

/* Flux: scoped hero, native cards and tables. */
.article-headphone-wires .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-headphone-wires .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-headphone-wires .article-dek{max-width:520px}
@media(min-width:1600px){.article-headphone-wires .article-hero,.article-headphone-wires .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-headphone-wires .article-hero-media img{object-position:80% center}.article-headphone-wires .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}
.article-headphone-wires .article-step-card.article-step-card--text-only{min-height:0;grid-template-rows:auto auto}
.article-headphone-wires .article-tool-card img{object-fit:contain}
.article-headphone-wires .article-body .entry-content .wp-block-table table{min-width:0;table-layout:fixed;overflow-wrap:anywhere}
@media(min-width:1000px){.article-headphone-wires .article-toc-list{max-height:calc(100vh - 130px);overflow-y:auto;overscroll-behavior:contain}}

/* Flux: scoped hero, native cards and tables. */
.article-solder-cold .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-solder-cold .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-solder-cold .article-dek{max-width:520px}
@media(min-width:1600px){.article-solder-cold .article-hero,.article-solder-cold .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-solder-cold .article-hero-media img{object-position:80% center}.article-solder-cold .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}
.article-solder-cold .article-step-card.article-step-card--text-only{min-height:0;grid-template-rows:auto auto}
.article-solder-cold .article-tool-card img{object-fit:contain}
.article-solder-cold .article-body .entry-content .wp-block-table table{min-width:0;table-layout:fixed;overflow-wrap:anywhere}
@media(min-width:1000px){.article-solder-cold .article-toc-list{max-height:calc(100vh - 130px);overflow-y:auto;overscroll-behavior:contain}}

/* Flux: scoped hero, native cards and tables. */
.article-solder-melt .article-hero-media img{position:static;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center}
.article-solder-melt .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.06) 70%,rgba(255,255,255,0) 100%)}
.article-solder-melt .article-dek{max-width:520px}
@media(min-width:1600px){.article-solder-melt .article-hero,.article-solder-melt .article-hero-inner{min-height:calc(100vw / 4.5)}}
@media(max-width:700px){.article-solder-melt .article-hero-media img{object-position:80% center}.article-solder-melt .article-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.95) 62%,rgba(255,255,255,.74))}}
.article-solder-melt .article-step-card.article-step-card--text-only{min-height:0;grid-template-rows:auto auto}
.article-solder-melt .article-tool-card img{object-fit:contain}
.article-solder-melt .article-body .entry-content .wp-block-table table{min-width:0;table-layout:fixed;overflow-wrap:anywhere}
@media(min-width:1000px){.article-solder-melt .article-toc-list{max-height:calc(100vh - 130px);overflow-y:auto;overscroll-behavior:contain}}


/* Comparison panoramas occupy the whole banner, as in approved article #44. */
.article-editorial-comparison .article-hero-media img{
  position:static;width:100%;max-width:none;height:100%;
  object-fit:cover;object-position:50% 50%;
}
.article-editorial-comparison .article-hero-overlay{
  background:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.90) 36%,rgba(255,255,255,.78) 48%,rgba(255,255,255,.26) 64%,rgba(255,255,255,0) 78%);
}
@media(max-width:700px){
  .article-editorial-comparison .article-hero-media img{object-position:78% center}
  .article-editorial-comparison .article-hero-overlay{
    background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.92) 40%,rgba(255,255,255,.84) 65%,rgba(255,255,255,.58) 100%);
  }
}

/* Generic archive fallback: maintain the same breadcrumb-to-content rhythm
   as approved article/category pages. The dedicated comparison archive retains
   its full-bleed hero and its existing UI v1 geometry. */
.archive-standard-page .archive-shell{
  padding-top:24px;
}
.archive-standard-page .archive-hero{
  max-width:900px;
  margin-bottom:28px;
}
@media(max-width:700px){
  .archive-standard-page .archive-shell{
    padding-top:16px;
  }
  .archive-standard-page .archive-hero{
    margin-bottom:22px;
  }
}




/* === ARTICLE 3 / THERMO STAPLER: one seamless 100%-width photo, NEVER a right panel ===
 * Mandatory docs/ARTICLE_HERO_FULL_WIDTH_STANDARD.md. Keep stable H1 and readable overlay.
 */
.article-hot-stapler .article-hero--full-background .article-hero-overlay {
 background: linear-gradient(90deg,
  rgba(255,255,255,.98) 0%,
  rgba(255,255,255,.95) 19%,
  rgba(255,255,255,.81) 35%,
  rgba(255,255,255,.38) 56%,
  rgba(255,255,255,0) 78%);
}
@media (max-width:700px) {
 .article-hot-stapler .article-hero--full-background .article-hero-overlay {
  background: linear-gradient(90deg,
   rgba(255,255,255,.98) 0%,
   rgba(255,255,255,.96) 39%,
   rgba(255,255,255,.77) 75%,
   rgba(255,255,255,.59) 100%);
 }
}


/* ROSE-ALLOY: NON-NEGOTIABLE ONE-PHOTO 100%-WIDTH HERO. No 55% panels, no seam. */
.article-rose-alloy .article-hero--full-background .article-hero-overlay {
 background:linear-gradient(90deg, rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 20%,rgba(255,255,255,.78) 38%,rgba(255,255,255,.30) 58%,rgba(255,255,255,0) 77%);
}
@media(max-width:700px){
 .article-rose-alloy .article-hero--full-background .article-hero-overlay {
  background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 48%,rgba(255,255,255,.69) 78%,rgba(255,255,255,.44) 100%);
 }
}