@charset "UTF-8";
.stm-blog-editorial-hero{--stm-bh-accent:var(--stm-color-primary);--stm-bh-surface:var(--stm-color-surface-soft);--stm-bh-panel:var(--stm-color-surface);position:relative;width:100%;margin:0 0 var(--stm-header-page-separation-height,7px);padding:11px 0 13px;background:var(--stm-color-canvas);color:var(--stm-color-heading)}
.stm-blog-editorial-hero::after{content:"";position:absolute;z-index:2;right:0;bottom:calc(-1 * var(--stm-header-page-separation-height,7px));left:0;height:var(--stm-header-page-separation-height,7px);background:var(--stm-header-page-separation-background);box-shadow:none;pointer-events:none}
.stm-blog-editorial-hero__shell{display:grid;gap:11px}.stm-blog-editorial-hero__main{display:grid;grid-template-columns:minmax(0,var(--stm-bh-lead)) minmax(0,var(--stm-bh-rail));gap:var(--stm-bh-gap);align-items:stretch}.stm-blog-editorial-hero.no-rail .stm-blog-editorial-hero__main{grid-template-columns:1fr}
.stm-blog-editorial-hero__lead{position:relative;display:grid;grid-template-columns:minmax(0,var(--stm-bh-left)) minmax(0,var(--stm-bh-media));gap:var(--stm-bh-gap);min-height:var(--stm-bh-min-height);padding:var(--stm-bh-pad-y) var(--stm-bh-pad-x);overflow:hidden;border:1px solid var(--stm-color-border);border-radius:var(--stm-bh-radius);background:var(--stm-bh-surface);box-shadow:0 8px 24px color-mix(in srgb,var(--stm-color-heading) 7%,transparent)}
.stm-blog-editorial-hero.has-pattern .stm-blog-editorial-hero__lead::before{content:"";position:absolute;top:0;left:0;width:42%;height:42%;pointer-events:none;opacity:.42;background-image:radial-gradient(circle,color-mix(in srgb,var(--stm-bh-accent) 34%,transparent) 1px,transparent 1.5px);background-size:12px 12px;mask-image:linear-gradient(135deg,#000 0%,transparent 72%)}
.stm-blog-editorial-hero__copy{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;padding:2px 4px 2px 6px}.stm-blog-editorial-hero__badge{display:inline-flex;align-items:center;gap:8px;min-height:27px;padding:0 11px;border-radius:999px;background:color-mix(in srgb,var(--stm-bh-accent) 10%,var(--stm-bh-panel));color:var(--stm-bh-accent);font-size:11px;font-weight:800;line-height:1;letter-spacing:.02em;text-transform:uppercase}.stm-blog-editorial-hero__badge>span{font-size:14px;line-height:1}
.stm-blog-editorial-hero__title{display:flex;flex-direction:column;gap:2px;margin:14px 0 0;color:var(--stm-color-heading);font-size:var(--stm-bh-heading-size);font-weight:800;line-height:1.02;letter-spacing:-.045em}.stm-blog-editorial-hero__title .is-accent{color:var(--stm-bh-accent)}.stm-blog-editorial-hero__intro{max-width:560px;margin:12px 0 0;color:var(--stm-color-muted);font-size:var(--stm-bh-intro-size);line-height:1.55}
.stm-blog-editorial-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:14px}.stm-blog-editorial-hero__meta-pill{display:inline-flex;align-items:center;gap:8px;min-height:33px;padding:0 11px;border:1px solid var(--stm-color-border);border-radius:9px;background:var(--stm-bh-panel);color:var(--stm-color-heading);font-size:11px;font-weight:700;line-height:1;text-transform:uppercase;white-space:nowrap}.stm-blog-editorial-hero__meta-pill :where(.dashicons,.stm-blog-editorial-hero__meta-icon){display:block;width:15px;height:15px;font-size:15px;color:var(--stm-color-muted)}
.stm-blog-editorial-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}.stm-blog-editorial-hero__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 21px;border:1px solid var(--stm-color-border);border-radius:11px;background:var(--stm-bh-panel);color:var(--stm-color-heading);font-size:13px;font-weight:750;line-height:1;text-decoration:none;transition:background-color var(--stm-transition-fast),border-color var(--stm-transition-fast),color var(--stm-transition-fast),transform var(--stm-transition-fast)}.stm-blog-editorial-hero__button:hover{transform:translateY(-1px)}.stm-blog-editorial-hero__button--primary{border-color:var(--stm-bh-accent);background:var(--stm-bh-accent);color:var(--stm-color-on-primary)}.stm-blog-editorial-hero__button--primary:hover{border-color:var(--stm-color-primary-deep);background:var(--stm-color-primary-deep);color:var(--stm-color-on-primary)}.stm-blog-editorial-hero__button--guides{border-color:color-mix(in srgb,var(--stm-color-success) 55%,var(--stm-color-border));color:color-mix(in srgb,var(--stm-color-success) 82%,var(--stm-color-heading))}.stm-blog-editorial-hero__button--guides:hover{border-color:var(--stm-color-success);background:color-mix(in srgb,var(--stm-color-success) 8%,var(--stm-bh-panel));color:var(--stm-color-success)}.stm-blog-editorial-hero__button--all:hover{border-color:var(--stm-bh-accent);color:var(--stm-bh-accent)}
.stm-blog-editorial-hero__controls{display:contents}.stm-blog-editorial-hero__button-label--compact{display:none}
.stm-blog-editorial-hero__media{display:block;align-self:center;min-width:0;width:100%;height:auto;aspect-ratio:var(--stm-bh-media-ratio,16 / 9);overflow:hidden;border-radius:var(--stm-bh-media-radius);background:var(--stm-color-surface-soft)}.stm-blog-editorial-hero__image{display:block;width:100%;height:100%;min-height:0;object-fit:var(--stm-bh-media-fit);object-position:var(--stm-bh-media-position);background:linear-gradient(135deg,var(--stm-color-surface-soft),var(--stm-color-border))}.stm-blog-editorial-hero__image--placeholder{min-height:0}
.stm-blog-editorial-hero__rail{display:grid;grid-template-rows:repeat(var(--stm-bh-rail-count,3),minmax(0,1fr));gap:var(--stm-bh-rail-gap);min-width:0;min-height:var(--stm-bh-min-height);height:100%;align-self:stretch}.stm-blog-editorial-hero__rail-card{display:grid;grid-template-columns:var(--stm-bh-rail-media-width,44%) minmax(0,1fr);min-height:0;overflow:hidden;border:1px solid var(--stm-color-border);border-radius:14px;background:var(--stm-bh-panel);box-shadow:0 4px 14px color-mix(in srgb,var(--stm-color-heading) 5%,transparent)}.stm-blog-editorial-hero__rail-media{display:block;align-self:center;min-width:0;width:calc(100% - 10px);height:auto;aspect-ratio:16 / 9;margin:5px 0 5px 6px;overflow:hidden;border-radius:10px;background:var(--stm-color-surface-soft)}.stm-blog-editorial-hero__rail-media img,.stm-blog-editorial-hero__rail-placeholder{display:block;width:100%;height:100%;aspect-ratio:16 / 9;object-fit:cover;background:linear-gradient(135deg,var(--stm-color-surface-soft),var(--stm-color-border))}.stm-blog-editorial-hero__rail-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:6px;padding:9px 11px}.stm-blog-editorial-hero__rail-badge{align-self:flex-start;max-width:100%;overflow:hidden;padding:4px 8px;border:1px solid color-mix(in srgb,var(--stm-color-success) 55%,transparent);border-radius:999px;color:var(--stm-color-success);font-size:9px;font-weight:800;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.stm-blog-editorial-hero__rail-badge.is-2{border-color:color-mix(in srgb,var(--stm-bh-accent) 60%,transparent);color:var(--stm-bh-accent)}.stm-blog-editorial-hero__rail-title{display:-webkit-box;margin:0;overflow:hidden;color:var(--stm-color-heading);font-size:13px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.stm-blog-editorial-hero__rail-title a{color:inherit;text-decoration:none}.stm-blog-editorial-hero__rail-title a:hover{color:var(--stm-bh-accent)}.stm-blog-editorial-hero__rail-time{display:inline-flex;align-items:center;gap:6px;color:var(--stm-color-muted);font-size:9px;font-weight:700;text-transform:uppercase}.stm-blog-editorial-hero__rail-time :where(.dashicons,.stm-blog-editorial-hero__time-icon){display:block;width:15px;height:15px;font-size:15px}
.stm-blog-editorial-hero__features{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2px)/3);grid-template-columns:none;min-height:66px;overflow-x:auto;overflow-y:hidden;border:1px solid var(--stm-color-border);border-radius:var(--stm-bh-radius);background:var(--stm-bh-panel);box-shadow:0 6px 20px color-mix(in srgb,var(--stm-color-heading) 5%,transparent);scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.stm-blog-editorial-hero__features::-webkit-scrollbar{display:none;width:0;height:0}.stm-blog-editorial-hero__feature{position:relative;display:flex;min-width:0;align-items:center;gap:10px;padding:10px 13px;color:var(--stm-color-heading);text-decoration:none;scroll-snap-align:start}.stm-blog-editorial-hero__feature:not(:last-child)::after{content:"";position:absolute;top:15px;right:0;bottom:15px;width:1px;background:var(--stm-color-border)}.stm-blog-editorial-hero__feature:hover{background:color-mix(in srgb,var(--stm-bh-accent) 4%,var(--stm-bh-panel));color:var(--stm-color-heading)}.stm-blog-editorial-hero__feature-icon{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:999px;background:var(--stm-bh-accent);color:var(--stm-color-on-primary)}.stm-blog-editorial-hero__feature-icon .dashicons{width:18px;height:18px;font-size:18px}.stm-blog-editorial-hero__feature-icon svg{display:block;width:18px;height:18px;fill:currentColor}.stm-blog-editorial-hero__feature-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.stm-blog-editorial-hero__feature-copy strong{overflow:hidden;color:var(--stm-color-heading);font-size:12px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.stm-blog-editorial-hero__feature-copy small{overflow:hidden;color:var(--stm-color-muted);font-size:10px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
html[data-stm-color-mode="dark"] .stm-blog-editorial-hero{--stm-bh-surface:var(--stm-color-surface-soft)!important;--stm-bh-panel:var(--stm-color-surface)!important}
@media(max-width:1199px){
  /* Preserve the approved desktop hero composition on compact layouts. The
   * whole composition scales down instead of reflowing into tablet/mobile
   * variants: lead + editorial rail remain side-by-side, and copy + featured
   * media remain side-by-side inside the lead. */
  .stm-blog-editorial-hero{padding:10px 0 12px;overflow:hidden}
  .stm-blog-editorial-hero__shell{gap:clamp(7px,1vw,11px);min-width:0}
  .stm-blog-editorial-hero__main{grid-template-columns:minmax(0,var(--stm-bh-lead)) minmax(0,var(--stm-bh-rail));gap:clamp(5px,1vw,12px);align-items:stretch;min-width:0}
  .stm-blog-editorial-hero.no-rail .stm-blog-editorial-hero__main{grid-template-columns:1fr}
  .stm-blog-editorial-hero__lead{grid-template-columns:minmax(0,var(--stm-bh-left)) minmax(0,var(--stm-bh-media));gap:clamp(6px,1.2vw,14px);min-width:0;min-height:clamp(210px,29vw,330px);padding:clamp(8px,1.35vw,15px);border-radius:min(var(--stm-bh-radius),16px)}
  .stm-blog-editorial-hero__copy{min-width:0;padding:0 2px}
  .stm-blog-editorial-hero__badge{gap:5px;min-height:clamp(18px,2.3vw,25px);padding:0 clamp(6px,1vw,10px);font-size:clamp(7px,.85vw,10px)}
  .stm-blog-editorial-hero__badge>span{font-size:clamp(9px,1.2vw,13px)}
  .stm-blog-editorial-hero__title{gap:1px;margin-top:clamp(7px,1.1vw,13px);font-size:clamp(20px,3.1vw,40px);line-height:1.01}
  .stm-blog-editorial-hero__intro{margin-top:clamp(6px,1vw,11px);font-size:clamp(9px,1.15vw,15px);line-height:1.42}
  .stm-blog-editorial-hero__meta{flex-wrap:nowrap;gap:clamp(3px,.65vw,8px);margin-top:clamp(7px,1.05vw,13px);max-width:100%}
  .stm-blog-editorial-hero__meta-pill{gap:clamp(3px,.55vw,7px);min-width:0;min-height:clamp(21px,2.7vw,31px);padding:0 clamp(5px,.85vw,10px);overflow:hidden;font-size:clamp(6px,.72vw,9px);text-overflow:ellipsis}
  .stm-blog-editorial-hero__meta-pill :where(.dashicons,.stm-blog-editorial-hero__meta-icon){width:clamp(10px,1.3vw,14px);height:clamp(10px,1.3vw,14px);font-size:clamp(10px,1.3vw,14px)}
  .stm-blog-editorial-hero__actions{flex-wrap:nowrap;gap:clamp(3px,.7vw,8px);margin-top:clamp(8px,1.15vw,14px);width:100%;max-width:100%}
  .stm-blog-editorial-hero__button{min-width:0;min-height:clamp(25px,3.2vw,38px);padding:0 clamp(6px,1vw,15px);gap:clamp(3px,.7vw,8px);overflow:hidden;font-size:clamp(7px,.82vw,11px);text-overflow:ellipsis;white-space:nowrap}
  .stm-blog-editorial-hero__media{min-width:0;border-radius:min(var(--stm-bh-media-radius),14px)}
  .stm-blog-editorial-hero__rail{grid-template-columns:1fr;grid-template-rows:repeat(var(--stm-bh-rail-count,3),minmax(0,1fr));gap:clamp(4px,.7vw,var(--stm-bh-rail-gap));min-width:0;min-height:clamp(210px,29vw,330px);height:100%}
  .stm-blog-editorial-hero__rail-card{grid-template-columns:var(--stm-bh-rail-media-width,44%) minmax(0,1fr);min-width:0;min-height:0;border-radius:clamp(7px,1vw,13px)}
  .stm-blog-editorial-hero__rail-media{width:calc(100% - clamp(4px,.7vw,9px));margin:clamp(2px,.4vw,5px) 0 clamp(2px,.4vw,5px) clamp(3px,.5vw,6px);border-radius:clamp(5px,.8vw,9px)}
  .stm-blog-editorial-hero__rail-copy{gap:clamp(2px,.5vw,5px);padding:clamp(4px,.7vw,8px)}
  .stm-blog-editorial-hero__rail-badge{padding:clamp(2px,.3vw,4px) clamp(3px,.55vw,7px);font-size:clamp(5px,.55vw,8px)}
  .stm-blog-editorial-hero__rail-title{font-size:clamp(7px,.95vw,12px);line-height:1.18}
  .stm-blog-editorial-hero__rail-time{gap:clamp(2px,.4vw,5px);font-size:clamp(5px,.55vw,8px)}
  .stm-blog-editorial-hero__rail-time :where(.dashicons,.stm-blog-editorial-hero__time-icon){width:clamp(8px,1vw,13px);height:clamp(8px,1vw,13px);font-size:clamp(8px,1vw,13px)}
}
@media(max-width:767px){
  /* Phones preserve the approved desktop topology, but the two control rows
   * collapse into one compact six-control rail so the lead loses unnecessary
   * height without introducing a separate mobile hero. */
  .stm-blog-editorial-hero{padding:8px 0 10px}
  .stm-blog-editorial-hero__shell{gap:6px}
  .stm-blog-editorial-hero__main{gap:4px}
  .stm-blog-editorial-hero__lead{grid-template-columns:minmax(0,4fr) minmax(0,3fr);gap:5px;min-height:clamp(122px,39vw,168px);padding:clamp(6px,2vw,9px);border-radius:min(var(--stm-bh-radius),12px)}
  .stm-blog-editorial-hero__copy{padding:0 1px;justify-content:center}
  .stm-blog-editorial-hero__badge{gap:3px;min-height:16px;padding:0 5px;font-size:clamp(5px,1.65vw,7px)}
  .stm-blog-editorial-hero__badge>span{font-size:clamp(7px,2vw,9px)}
  .stm-blog-editorial-hero__title{margin-top:5px;font-size:clamp(13px,4.4vw,20px);letter-spacing:-.035em}
  .stm-blog-editorial-hero__intro{display:-webkit-box;margin-top:4px;overflow:hidden;font-size:clamp(6px,2vw,9px);line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
  .stm-blog-editorial-hero__controls{display:flex;align-items:center;gap:2px;width:100%;max-width:100%;margin-top:6px;overflow:hidden}
  .stm-blog-editorial-hero__meta,.stm-blog-editorial-hero__actions{display:contents;margin:0}
  .stm-blog-editorial-hero__meta-pill{display:inline-flex;flex:0 0 clamp(14px,4.4vw,18px);width:clamp(14px,4.4vw,18px);min-width:0;min-height:18px;height:18px;padding:0;justify-content:center;border-radius:5px;overflow:hidden;font-size:0}
  .stm-blog-editorial-hero__meta-pill :where(.dashicons,.stm-blog-editorial-hero__meta-icon){width:9px;height:9px;font-size:9px;margin:0}
  .stm-blog-editorial-hero__meta-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .stm-blog-editorial-hero__button{flex:1 1 0;min-width:0;min-height:18px;height:18px;padding:0 clamp(2px,.8vw,4px);gap:1px;border-radius:5px;font-size:clamp(4.2px,1.35vw,5.6px);overflow:hidden;text-overflow:clip;white-space:nowrap}
  .stm-blog-editorial-hero__button-label--full{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .stm-blog-editorial-hero__button-label--compact{display:inline;line-height:1}
  .stm-blog-editorial-hero__button-arrow{display:none}
  .stm-blog-editorial-hero__media{width:95%;justify-self:end;align-self:start;margin-top:clamp(18px,6vw,25px);border-radius:min(var(--stm-bh-media-radius),9px)}
  .stm-blog-editorial-hero__rail{grid-template-rows:repeat(var(--stm-bh-rail-count,3),minmax(0,1fr));gap:3px;min-height:clamp(122px,39vw,168px);height:100%}
  .stm-blog-editorial-hero__rail-card{grid-template-columns:41% minmax(0,1fr);min-height:0;border-radius:6px}
  .stm-blog-editorial-hero__rail-media{width:calc(100% - 3px);margin:2px 0 2px 2px;border-radius:4px}
  .stm-blog-editorial-hero__rail-copy{gap:1px;padding:2px}
  .stm-blog-editorial-hero__rail-badge{padding:1px 2px;font-size:clamp(3.5px,1.05vw,5px)}
  .stm-blog-editorial-hero__rail-title{font-size:clamp(4.5px,1.4vw,6.5px);line-height:1.1}
  .stm-blog-editorial-hero__rail-time{gap:1px;font-size:clamp(3.5px,1vw,5px)}
  .stm-blog-editorial-hero__rail-time :where(.dashicons,.stm-blog-editorial-hero__time-icon){width:6px;height:6px;font-size:6px}
}
@media(max-width:479px){
  .stm-blog-editorial-hero__lead,.stm-blog-editorial-hero__rail{min-height:clamp(112px,40vw,146px)}
  .stm-blog-editorial-hero__lead{grid-template-columns:minmax(0,31fr) minmax(0,19fr);padding:5px;gap:4px}
  .stm-blog-editorial-hero__title{font-size:clamp(11px,4.2vw,16px)}
  .stm-blog-editorial-hero__intro{font-size:clamp(5px,1.85vw,7px);-webkit-line-clamp:2;line-clamp:2}
  .stm-blog-editorial-hero__controls{gap:1px;margin-top:5px}
  .stm-blog-editorial-hero__meta-pill{flex-basis:14px;width:14px;min-height:16px;height:16px}
  .stm-blog-editorial-hero__meta-pill :where(.dashicons,.stm-blog-editorial-hero__meta-icon){width:8px;height:8px;font-size:8px}
  .stm-blog-editorial-hero__button{min-height:16px;height:16px;padding-inline:1px;font-size:clamp(3.8px,1.25vw,5px)}
  .stm-blog-editorial-hero__media{width:94%;margin-top:clamp(16px,5.5vw,21px)}
  .stm-blog-editorial-hero__rail{gap:2px}
  .stm-blog-editorial-hero__rail-card{grid-template-columns:40% minmax(0,1fr)}
}
@media(min-width:768px) and (max-width:1199px){
  .stm-blog-editorial-hero__features{grid-auto-columns:calc((100% - 3px)/4)}
}
@media(max-width:1199px){
  .stm-blog-editorial-hero__features{min-height:clamp(48px,6vw,62px);border-radius:min(var(--stm-bh-radius),15px)}
  .stm-blog-editorial-hero__feature{gap:clamp(5px,.8vw,9px);padding:clamp(6px,.9vw,10px)}
  .stm-blog-editorial-hero__feature-icon{width:clamp(26px,3.1vw,34px);height:clamp(26px,3.1vw,34px);flex-basis:clamp(26px,3.1vw,34px)}
  .stm-blog-editorial-hero__feature-icon .dashicons,.stm-blog-editorial-hero__feature-icon svg{width:clamp(13px,1.7vw,17px);height:clamp(13px,1.7vw,17px);font-size:clamp(13px,1.7vw,17px)}
  .stm-blog-editorial-hero__feature-copy strong{font-size:clamp(8px,1vw,11px)}
  .stm-blog-editorial-hero__feature-copy small{font-size:clamp(7px,.85vw,9px)}
}
@media(max-width:767px){
  .stm-blog-editorial-hero__features{min-height:40px;border-radius:min(var(--stm-bh-radius),10px)}
  .stm-blog-editorial-hero__feature{gap:4px;padding:5px}
  .stm-blog-editorial-hero__feature:not(:last-child)::after{top:7px;bottom:7px}
  .stm-blog-editorial-hero__feature-icon{width:22px;height:22px;flex-basis:22px}
  .stm-blog-editorial-hero__feature-icon .dashicons,.stm-blog-editorial-hero__feature-icon svg{width:11px;height:11px;font-size:11px}
  .stm-blog-editorial-hero__feature-copy{gap:1px}
  .stm-blog-editorial-hero__feature-copy strong{font-size:clamp(6px,1.9vw,8px)}
  .stm-blog-editorial-hero__feature-copy small{font-size:clamp(5px,1.55vw,7px)}
}