body.hce-slhr-draft-ready #main-content .cs-blog-editor > .cs-heading-sec,
body.hce-slhr-draft-ready #main-content .cs-blog-editor > .cs-main-post,
body.hce-slhr-draft-ready #main-content .cs-post-panel > .cs-thumb-post {
  display: none !important;
}

body.hce-slhr-draft-ready #main-content .cs-editor-text,
body.hce-slhr-draft-ready #main-content .cs-post-panel,
body.hce-slhr-draft-ready #main-content .cs-blog-editor {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.hce-slhr-article {
  --blue: #0757b8;
  --blue-deep: #073d82;
  --cyan: #00a7d8;
  --red: #df2f36;
  --yellow: #f2b705;
  --green: #14845a;
  --ink: #17263a;
  --muted: #5a697b;
  --line: #ced9e7;
  --soft: #eef6fc;
  box-sizing: border-box;
  width: 100vw;
  max-width: 100vw;
  margin: 0 0 0 calc(50% - 50vw) !important;
  overflow: clip;
  background: #fff;
  color: var(--ink);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
}

.hce-slhr-article *,
.hce-slhr-article *::before,
.hce-slhr-article *::after { box-sizing: border-box; }
.hce-slhr-article img { display: block; max-width: 100%; }
.hce-slhr-article a { color: var(--blue); text-underline-offset: .18em; }
.hce-slhr-article button { font: inherit; -webkit-tap-highlight-color: transparent; }

.hce-slhr-skip-link {
  position: fixed;
  top: -6rem;
  left: 1rem;
  z-index: 100001;
  padding: .8rem 1rem;
  border: 2px solid var(--blue);
  border-radius: .4rem;
  background: #fff;
  font-weight: 800;
}
.hce-slhr-skip-link:focus { top: 1rem; }

.hce-slhr-article .eyebrow {
  margin: 0 0 .8rem !important;
  color: var(--red) !important;
  font-size: .78rem !important;
  font-weight: 850 !important;
  letter-spacing: .16em !important;
  line-height: 1.4 !important;
  text-transform: uppercase;
}

.hce-slhr-article .article-hero {
  width: min(100% - 3rem, 1380px);
  margin: 1.5rem auto 0;
  padding: clamp(3rem, 5vw, 5.3rem) clamp(2rem, 5vw, 4.8rem) 0;
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(460px, 1.14fr);
  gap: clamp(2.2rem, 4vw, 4.8rem);
  align-items: center;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 93% 14%, rgba(0, 167, 216, .2) 0 9%, transparent 9.3%),
    linear-gradient(120deg, #f8fcff 0 49%, #e5f4fb 49% 100%);
  border-top: 8px solid var(--blue);
  border-radius: 1.25rem 1.25rem 0 0;
}

.hce-slhr-article .article-hero::before {
  content: "";
  width: 180px;
  height: 180px;
  position: absolute;
  right: 33%;
  bottom: 32px;
  border: 22px solid rgba(7, 87, 184, .08);
  border-radius: 50%;
}

.hce-slhr-article .hero-copy {
  position: relative;
  z-index: 2;
  padding-bottom: 3rem;
}

.hce-slhr-article .hero-copy::before {
  content: "";
  width: 58px;
  height: 7px;
  position: absolute;
  top: -1.55rem;
  left: 0;
  background: linear-gradient(90deg, var(--red) 0 34%, var(--cyan) 34%);
}

.hce-slhr-article .article-hero h1 {
  margin: 0 !important;
  color: var(--blue-deep) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(2.5rem, 4.3vw, 4.8rem) !important;
  font-weight: 800 !important;
  line-height: .98 !important;
  letter-spacing: -.035em !important;
  text-transform: none !important;
}

.hce-slhr-article .hero-title-lead { display: block; color: var(--blue); }
.hce-slhr-article .hero-title-context { display: block; margin-top: .15rem; color: var(--blue-deep); font-size: .79em; line-height: 1.03; }
.hce-slhr-article .hero-title-detail {
  display: block;
  max-width: 38rem;
  margin-top: 1.2rem;
  color: #2c4967;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: .29em;
  font-weight: 800;
  line-height: 1.38;
  letter-spacing: .01em;
}

.hce-slhr-article .hero-deck {
  max-width: 36rem;
  margin: 1.35rem 0 0 !important;
  color: #3c526b !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.08rem !important;
  line-height: 1.55 !important;
}

.hce-slhr-article .hero-principles { margin-top: 1.7rem; display: flex; flex-wrap: wrap; gap: .55rem; }
.hce-slhr-article .hero-principles span {
  padding: .55rem .7rem;
  color: var(--blue-deep);
  background: #fff;
  border: 1px solid #bad3e7;
  border-radius: .35rem;
  box-shadow: 0 4px 12px rgba(7, 61, 130, .06);
  font-size: .72rem;
  font-weight: 820;
  letter-spacing: .02em;
}
.hce-slhr-article .hero-principles span::before { content: ""; width: 7px; height: 7px; margin-right: .45rem; display: inline-block; background: var(--red); border-radius: 50%; }
.hce-slhr-article .hero-principles span:nth-child(2)::before { background: var(--cyan); }
.hce-slhr-article .hero-principles span:nth-child(3)::before { background: var(--green); }

.hce-slhr-article .hero-visual {
  margin: 0 !important;
  position: relative;
  z-index: 1;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hce-slhr-article .hero-visual::before {
  content: "";
  width: 74%;
  height: 82%;
  position: absolute;
  top: 1rem;
  right: -.9rem;
  background: var(--red);
  border-radius: .9rem;
  opacity: .92;
  transform: rotate(1.4deg);
}
.hce-slhr-article .hero-image-frame {
  position: relative;
  display: flow-root;
  padding: .55rem;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 24px 60px rgba(7, 61, 130, .22);
}
.hce-slhr-article .hero-visual img { float: none !important; width: 100% !important; height: auto !important; aspect-ratio: 1.91 / 1; object-fit: cover; border-radius: .65rem; }
.hce-slhr-article .hero-visual figcaption,
.hce-slhr-article .article-visual figcaption {
  position: relative;
  width: calc(100% - 2.2rem);
  max-width: none;
  margin: -.35rem auto 0 !important;
  padding: .8rem 1rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: .6rem;
  color: var(--blue-deep) !important;
  background: #fff;
  border-bottom: 4px solid var(--cyan);
  border-radius: 0 0 .55rem .55rem;
  box-shadow: 0 10px 24px rgba(7, 61, 130, .14);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: .82rem !important;
  font-style: normal !important;
  font-weight: 700;
  line-height: 1.55 !important;
  text-align: center;
}
.hce-slhr-article .hero-visual figcaption { margin-top: -.35rem !important; align-items: flex-start; font-size: .82rem !important; }
.hce-slhr-article .hero-visual figcaption span,
.hce-slhr-article .article-visual figcaption span { width: 9px; height: 9px; margin-top: .3rem; flex: 0 0 auto; background: var(--red); border-radius: 50%; }
.hce-slhr-article .hero-visual figcaption span { margin-top: .3rem; }

.hce-slhr-article .article-meta {
  grid-column: 1 / -1;
  width: calc(100% + clamp(4rem, 10vw, 9.6rem));
  margin: 0 calc(clamp(2rem, 5vw, 4.8rem) * -1) !important;
  padding: 1.15rem clamp(2rem, 5vw, 4.8rem);
  display: grid;
  grid-template-columns: 1.35fr 1fr .7fr 1fr;
  gap: 0;
  color: #344c65;
  background: #fff;
  border-top: 1px solid #bfd2e3;
  box-shadow: 0 -8px 28px rgba(7, 61, 130, .05);
  font-size: .86rem;
  line-height: 1.4;
}
.hce-slhr-article .article-meta span { min-width: 0; padding: .2rem 1.2rem; display: inline-flex; flex-direction: column; border-left: 1px solid #c9d8e6; }
.hce-slhr-article .article-meta span:first-child { padding-left: 0; border-left: 0; }
.hce-slhr-article .article-meta b { margin-bottom: .15rem; color: var(--red) !important; font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }

.hce-slhr-article .speak-panel {
  width: min(100% - 4.5rem, 1250px);
  min-height: 88px;
  margin: -1.25rem auto 0 !important;
  padding: 1rem 1.25rem;
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  color: #fff;
  background: var(--blue-deep);
  border-radius: .85rem;
  box-shadow: 0 10px 28px rgba(7, 61, 130, .18);
}
.hce-slhr-article .speak-title { display: flex; align-items: center; gap: .8rem; }
.hce-slhr-article .speak-title div { display: flex; flex-direction: column; gap: .22rem; }
.hce-slhr-article .speak-title strong { color: #fff !important; font-size: 1rem; }
.hce-slhr-article .speak-title span:not(.sound-mark) { color: #dcecff; font-size: .78rem; line-height: 1.4; }
.hce-slhr-article .sound-mark { width: 50px; height: 42px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 999px; color: var(--blue-deep); background: #fff; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: .66rem; font-weight: 850; letter-spacing: .015em; }
.hce-slhr-article .speak-controls { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .45rem; }
.hce-slhr-article .speak-controls button,
.hce-slhr-tools__panel button,
.hce-slhr-tools__panel a {
  min-height: 42px;
  padding: .58rem .78rem;
  border: 1px solid rgba(255,255,255,.64);
  border-radius: .4rem;
  background: transparent;
  color: #fff !important;
  font-size: .82rem;
  font-weight: 750;
  line-height: 1.25;
  text-decoration: none !important;
  cursor: pointer;
}
.hce-slhr-article .speak-controls button:first-child { border-color: #fff; background: #fff; color: var(--blue-deep) !important; }
.hce-slhr-article .speak-controls button:disabled,
.hce-slhr-tools__panel button:disabled { opacity: .58; cursor: not-allowed; }
.hce-slhr-article button:focus-visible,
.hce-slhr-article a:focus-visible,
.hce-slhr-tools button:focus-visible,
.hce-slhr-tools a:focus-visible { outline: 3px solid var(--yellow); outline-offset: 3px; }

.hce-slhr-article .article-layout {
  width: min(100%, 1250px);
  margin: 0 auto;
  padding: clamp(3.8rem, 7vw, 7rem) 1.5rem;
  display: grid;
  grid-template-columns: 245px minmax(0, 790px);
  gap: clamp(2.5rem, 6vw, 6rem);
  justify-content: center;
  align-items: start;
}
.hce-slhr-article .article-rail { position: sticky; top: 1.5rem; padding-top: .4rem; }
.hce-slhr-article .article-rail > p { margin: 0 0 1rem !important; color: var(--blue-deep) !important; font-size: .78rem !important; font-weight: 850 !important; letter-spacing: .14em !important; line-height: 1.4 !important; text-transform: uppercase; }
.hce-slhr-article .article-rail nav { display: flex; flex-direction: column; border-left: 2px solid var(--line); }
.hce-slhr-article .article-rail nav a { padding: .48rem 0 .48rem 1rem; color: #40576f !important; border-left: 3px solid transparent; font-size: .82rem; font-weight: 680; line-height: 1.35; text-decoration: none; transform: translateX(-2px); }
.hce-slhr-article .article-rail nav a:hover,
.hce-slhr-article .article-rail nav a:focus-visible { color: var(--blue) !important; border-left-color: var(--red); }
.hce-slhr-article .rail-note { margin-top: 1.8rem; padding: 1rem; background: var(--soft); border-top: 4px solid var(--cyan); border-radius: 0 0 .65rem .65rem; }
.hce-slhr-article .rail-note strong,
.hce-slhr-article .rail-note span { display: block; }
.hce-slhr-article .rail-note strong { color: var(--blue-deep) !important; font-size: .85rem; }
.hce-slhr-article .rail-note span { margin-top: .35rem; color: #425a72; font-size: .78rem; line-height: 1.55; }

.hce-slhr-article .article-content {
  min-width: 0;
  color: #283a4f;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.1rem;
  line-height: 1.82;
}
.hce-slhr-article .article-content > :first-child { margin-top: 0 !important; }
.hce-slhr-article .article-content h2 {
  scroll-margin-top: 2rem;
  margin: 4rem 0 1.15rem !important;
  padding-left: 1rem;
  color: var(--blue-deep) !important;
  border-left: 5px solid var(--red);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: clamp(1.65rem, 2.7vw, 2.4rem) !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  letter-spacing: -.025em !important;
  text-transform: none !important;
}
.hce-slhr-article .article-content h3 {
  scroll-margin-top: 2rem;
  margin: 2.7rem 0 .75rem !important;
  color: #174d83 !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: clamp(1.22rem, 1.8vw, 1.5rem) !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  text-transform: none !important;
}
.hce-slhr-article .article-content p { margin: 0 0 1.35rem !important; color: #283a4f !important; font: inherit !important; line-height: inherit !important; }
.hce-slhr-article .article-content strong { color: #173d68 !important; }
.hce-slhr-article .article-content blockquote { margin: 2rem 0; padding: 1.2rem 1.4rem; background: #edf7fc; border-left: 6px solid var(--cyan); color: #173d5e; font-size: 1.08rem; font-weight: 650; }
.hce-slhr-article .article-content blockquote p { margin: 0 !important; }
.hce-slhr-article .article-content ul,
.hce-slhr-article .article-content ol { margin: .8rem 0 1.6rem; padding-left: 1.4rem; }
.hce-slhr-article .article-content li { margin: .5rem 0; padding-left: .28rem; }
.hce-slhr-article .article-content li::marker { color: var(--red); font-family: Inter, sans-serif; font-weight: 850; }
.hce-slhr-article .article-content a { overflow-wrap: anywhere; font-weight: 650; }
.hce-slhr-article .article-content .table-wrap { margin: 2rem calc((790px - min(100%, 1040px)) / 2); overflow-x: auto; border: 1px solid var(--line); border-radius: .7rem; box-shadow: 0 8px 28px rgba(7, 61, 130, .08); }
.hce-slhr-article .article-content table { width: 100%; min-width: 780px; margin: 0 !important; border-collapse: collapse; background: #fff; font-family: Inter, sans-serif; font-size: .83rem; line-height: 1.48; }
.hce-slhr-article .article-content th,
.hce-slhr-article .article-content td { padding: .85rem .9rem; text-align: left; vertical-align: top; border-bottom: 1px solid #dce5ef; }
.hce-slhr-article .article-content th { color: #fff !important; background: var(--blue-deep); font-size: .75rem; letter-spacing: .03em; }
.hce-slhr-article .article-content tr:nth-child(even) td { background: #f5f9fc; }
.hce-slhr-article .article-content h2:first-child { padding: 1.5rem; background: var(--soft); border-top: 5px solid var(--blue); border-left: 0; border-radius: 0 0 .75rem .75rem; }
.hce-slhr-article .article-content h2:first-child + p { margin-top: -1.3rem !important; padding: 0 1.5rem 1.5rem; background: var(--soft); border-radius: 0 0 .75rem .75rem; }

.hce-slhr-article .article-content .decision-rights-title { margin-bottom: .8rem !important; padding: 0 0 .9rem; position: relative; background: none; border: 0; border-bottom: 4px solid var(--blue); }
.hce-slhr-article .article-content .decision-rights-title::after { content: ""; width: 30%; height: 4px; position: absolute; bottom: -4px; left: 0; background: var(--red); }
.hce-slhr-article .operating-tool-intro { position: relative; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; }
.hce-slhr-article .operating-tool-intro::before { content: attr(data-label); display: block; margin-bottom: .35rem; color: var(--red); font-size: .74rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.hce-slhr-article .article-content .decision-rights-intro { margin: 0 0 .45rem !important; padding: .35rem 0 .9rem; background: none; border-bottom: 1px solid #b9cad9; }
.hce-slhr-article .decision-rights-grid { counter-reset: decision-role; margin: 0 0 3rem; padding: 0; position: relative; list-style: none; }
.hce-slhr-article .decision-rights-grid::before { content: ""; width: 2px; position: absolute; top: 2rem; bottom: 2rem; left: 2.55rem; background: linear-gradient(180deg, var(--blue), var(--cyan), var(--red), #b77f00, var(--green)); }
.hce-slhr-article .article-content .decision-rights-grid li { counter-increment: decision-role; min-height: 112px; margin: 0; padding: 1.55rem 0 1.55rem 15.2rem; position: relative; color: #263e58; background: transparent; border-bottom: 1px solid #cbd8e4; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 1rem; font-weight: 680; line-height: 1.55; }
.hce-slhr-article .article-content .decision-rights-grid li:last-child { border-bottom: 0; }
.hce-slhr-article .decision-rights-grid li::before { content: counter(decision-role, decimal-leading-zero); position: absolute; top: .9rem; left: 0; color: var(--blue); background: #fff; font-family: Georgia, "Times New Roman", serif; font-size: 3.15rem; font-weight: 800; line-height: 1; letter-spacing: -.06em; }
.hce-slhr-article .decision-rights-grid li::after { content: attr(data-role); width: 9.5rem; position: absolute; top: 2.05rem; left: 4.85rem; color: var(--blue-deep); font-size: .72rem; font-weight: 850; letter-spacing: .055em; line-height: 1.3; text-transform: uppercase; }
.hce-slhr-article .decision-rights-grid li:nth-child(2)::before { color: var(--cyan); }
.hce-slhr-article .decision-rights-grid li:nth-child(3)::before { color: var(--red); }
.hce-slhr-article .decision-rights-grid li:nth-child(4)::before { color: #9a6900; }
.hce-slhr-article .decision-rights-grid li:nth-child(5)::before { color: var(--green); }

.hce-slhr-article .article-content .evaluation-intro { margin: 2.8rem 0 0 !important; padding: 1.1rem 0 .9rem; background: none; border-top: 7px solid var(--red); border-bottom: 1px solid #9eb4c8; font-size: 1.05rem !important; font-weight: 750 !important; }
.hce-slhr-article .evaluation-scorecard { counter-reset: review-question; margin: 0 0 3rem; padding: 0; list-style: none; }
.hce-slhr-article .article-content .evaluation-scorecard li { counter-increment: review-question; min-height: 92px; margin: 0; padding: 1.4rem 0 1.4rem 14.5rem; position: relative; color: #263e58; background: transparent; border-bottom: 1px solid #cbd8e4; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 1rem; font-weight: 680; line-height: 1.55; }
.hce-slhr-article .evaluation-scorecard li::before { content: counter(review-question, decimal-leading-zero); position: absolute; top: 1.05rem; left: 0; color: var(--red); font-family: Georgia, "Times New Roman", serif; font-size: 2.35rem; font-weight: 800; line-height: 1; letter-spacing: -.05em; }
.hce-slhr-article .evaluation-scorecard li::after { content: attr(data-review); width: 9rem; position: absolute; top: 1.72rem; left: 4.05rem; color: var(--blue-deep); font-size: .72rem; font-weight: 850; letter-spacing: .055em; line-height: 1.3; text-transform: uppercase; }
.hce-slhr-article .evaluation-scorecard li:nth-child(2)::before { color: var(--blue); }
.hce-slhr-article .evaluation-scorecard li:nth-child(3)::before { color: var(--cyan); }
.hce-slhr-article .evaluation-scorecard li:nth-child(4)::before { color: #9a6900; }
.hce-slhr-article .evaluation-scorecard li:nth-child(5)::before { color: var(--green); }

.hce-slhr-article .article-content .article-visual { position: relative; isolation: isolate; margin: 3.8rem 0 4.2rem; }
.hce-slhr-article .article-content .article-visual::before { content: ""; width: 74%; height: 82%; position: absolute; z-index: -1; top: 1rem; right: -.9rem; background: var(--red); border-radius: .9rem; opacity: .92; transform: rotate(1.4deg); }
.hce-slhr-article .article-content .article-image-frame { position: relative; display: flow-root; padding: .55rem; background: #fff; border-radius: 1rem; box-shadow: 0 24px 60px rgba(7, 61, 130, .22); }
.hce-slhr-article .article-content .article-visual img { float: none !important; display: block; width: 100% !important; height: auto !important; border-radius: .65rem; box-shadow: none; }

.hce-slhr-word.is-current { background: #ffe88a; color: #10243a; border-radius: .12em; box-shadow: 0 0 0 2px #ffe88a; }

.hce-slhr-tools {
  --yellow: #f2b705;
  position: fixed;
  z-index: 99998;
  right: 1rem;
  bottom: 1rem;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.hce-slhr-tools__toggle {
  width: 56px;
  height: 56px;
  padding: 0;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(7, 61, 130, .98);
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 14px 36px rgba(7, 33, 66, .3);
  cursor: pointer;
}
.hce-slhr-hamburger { width: 24px; display: grid; gap: 5px; }
.hce-slhr-hamburger i { height: 3px; display: block; background: #fff; border-radius: 99px; transition: transform .18s ease, opacity .18s ease; }
.hce-slhr-tools.is-open .hce-slhr-hamburger i:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.hce-slhr-tools.is-open .hce-slhr-hamburger i:nth-child(2) { opacity: 0; }
.hce-slhr-tools.is-open .hce-slhr-hamburger i:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
.hce-slhr-tools__panel {
  width: min(430px, calc(100vw - 2rem));
  padding: .75rem;
  position: absolute;
  right: 0;
  bottom: calc(100% + .65rem);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .42rem;
  color: #fff;
  background: rgba(7, 61, 130, .98);
  border: 1px solid rgba(255,255,255,.34);
  border-radius: .78rem;
  box-shadow: 0 18px 44px rgba(7, 33, 66, .3);
}
.hce-slhr-tools__panel[hidden] { display: none !important; }
.hce-slhr-tools__label { padding: 0 .45rem; display: flex; flex-direction: column; line-height: 1.2; }
.hce-slhr-tools__label span { color: #dcecff; font-size: .68rem; letter-spacing: .06em; text-transform: uppercase; }
.hce-slhr-tools__label strong { color: #fff; font-size: .82rem; }
.hce-slhr-tools [data-speak-status] { width: 100%; margin-top: .15rem; padding: .25rem .45rem 0; color: #dcecff; font-size: .7rem; line-height: 1.35; }

@media (max-width: 980px) {
  .hce-slhr-article .article-hero { grid-template-columns: 1fr; background: linear-gradient(180deg, #f8fcff 0 53%, #e5f4fb 53%); }
  .hce-slhr-article .hero-visual { width: min(760px, 100%); }
  .hce-slhr-article .article-meta { grid-template-columns: 1fr 1fr; row-gap: .9rem; }
  .hce-slhr-article .article-meta span:nth-child(3) { padding-left: 0; border-left: 0; }
  .hce-slhr-article .article-layout { grid-template-columns: minmax(0, 790px); }
  .hce-slhr-article .article-rail { display: none; }
  .hce-slhr-article .article-content .table-wrap { margin-left: 0; margin-right: 0; }
}

@media (max-width: 760px) {
  .hce-slhr-article .article-hero { width: 100%; margin-top: .5rem; padding: 3.5rem 1.2rem 0; gap: 2.5rem; border-radius: 0; }
  .hce-slhr-article .hero-copy { padding-bottom: 0; }
  .hce-slhr-article .article-hero h1 { font-size: clamp(2.35rem, 10vw, 4rem) !important; }
  .hce-slhr-article .hero-visual::before,
  .hce-slhr-article .article-content .article-visual::before { width: 78%; height: 82%; top: .8rem; right: -.35rem; transform: rotate(1deg); }
  .hce-slhr-article .article-meta { width: calc(100% + 2.4rem); margin: 0 -1.2rem !important; padding: 1rem 1.2rem; }
  .hce-slhr-article .article-meta span { padding-left: .8rem; }
  .hce-slhr-article .speak-panel { width: calc(100% - 1.7rem); flex-direction: column; align-items: stretch; border-radius: .7rem; }
  .hce-slhr-article .speak-controls { display: grid; grid-template-columns: repeat(4, 1fr); }
  .hce-slhr-article .speak-controls button { padding: .65rem .35rem; }
  .hce-slhr-article .article-layout { padding: 3.5rem .95rem; }
  .hce-slhr-article .article-content { font-size: 1.04rem; line-height: 1.75; }
  .hce-slhr-article .article-content .article-visual { margin: 3rem 0 3.4rem; }
  .hce-slhr-article .article-visual figcaption { width: calc(100% - 1.1rem); padding: .8rem .85rem; }
  .hce-slhr-tools { right: .55rem; bottom: .55rem; }
  .hce-slhr-tools__panel { width: calc(100vw - 1.1rem); }
}

@media (max-width: 430px) {
  .hce-slhr-article .article-hero h1 { font-size: 2.15rem !important; line-height: 1.08 !important; }
  .hce-slhr-article .hero-title-detail { font-size: .38em; }
  .hce-slhr-article .hero-principles span { font-size: .68rem; }
  .hce-slhr-article .hero-deck { font-size: 1rem !important; }
  .hce-slhr-article .article-meta { grid-template-columns: 1fr; row-gap: .75rem; }
  .hce-slhr-article .article-meta span,
  .hce-slhr-article .article-meta span:first-child,
  .hce-slhr-article .article-meta span:nth-child(3) { padding: .15rem 0 .15rem .8rem; border-left: 3px solid var(--cyan); }
  .hce-slhr-article .speak-title span:not(.sound-mark) { font-size: .72rem; }
  .hce-slhr-article .speak-controls { grid-template-columns: 1fr 1fr; }
  .hce-slhr-article .article-content { font-size: 1rem; }
  .hce-slhr-article .article-content h2 { margin-top: 3.4rem !important; font-size: 1.55rem !important; }
  .hce-slhr-article .article-content h3 { font-size: 1.22rem !important; }
  .hce-slhr-article .article-content blockquote { padding: 1rem; }
  .hce-slhr-article .article-content .decision-rights-title { padding-right: 0; padding-left: 0; }
  .hce-slhr-article .article-content .decision-rights-grid li,
  .hce-slhr-article .article-content .evaluation-scorecard li { min-height: 0; padding: 3.7rem 0 1.35rem 4.6rem; }
  .hce-slhr-article .decision-rights-grid::before { left: 2rem; }
  .hce-slhr-article .decision-rights-grid li::before,
  .hce-slhr-article .evaluation-scorecard li::before { top: 1rem; left: 0; }
  .hce-slhr-article .decision-rights-grid li::after,
  .hce-slhr-article .evaluation-scorecard li::after { width: auto; top: 1.45rem; right: 0; left: 4.6rem; }
  .hce-slhr-tools__panel button,
  .hce-slhr-tools__panel a { flex: 1 1 auto; text-align: center; }
}

@media print {
  .hce-slhr-article .speak-panel,
  .hce-slhr-article .article-rail,
  .hce-slhr-tools { display: none !important; }
  .hce-slhr-article { width: 100%; margin: 0 !important; overflow: visible; }
  .hce-slhr-article .article-hero { width: 100%; break-inside: avoid; }
  .hce-slhr-article .article-layout { display: block; padding: 2rem 0; }
  .hce-slhr-article .article-content .table-wrap { margin: 1rem 0; overflow: visible; }
}

@media (prefers-reduced-motion: reduce) {
  .hce-slhr-article,
  .hce-slhr-article * { scroll-behavior: auto !important; }
}