:root{--ink:#162033;--muted:#5d6878;--line:#dbe3ec;--paper:#fbfcfe;--nav:#0f172a;--blue:#2765b3;--blue2:#eaf2fb;--warm:#f8f2e9;--green:#eaf5ef;--violet:#f0ecf7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Barlow,Arial,sans-serif;line-height:1.68}a{color:#245f9d;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#173f69}.sitebar{background:var(--nav);color:white;border-bottom:1px solid rgba(255,255,255,.08)}.sitebar .inner{max-width:1120px;margin:auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-weight:750;color:white;text-decoration:none;font-size:18px}.sitebar nav{display:flex;gap:18px;flex-wrap:wrap}.sitebar nav a{color:#cbd5e1;text-decoration:none;font-size:14px}.sitebar nav a:hover{color:white}.wrap{max-width:920px;margin:auto;padding:54px 24px 70px}.crumbs{font-size:14px;color:#738096;margin-bottom:26px}.crumbs a{color:#60718b}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:700;color:#4b70a0;margin-bottom:12px}.article h1,.hub h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.04;letter-spacing:-.035em;margin:.1em 0 .35em;font-weight:800}.dek{font-size:1.22rem;line-height:1.55;color:#536174;max-width:790px}.meta{display:flex;flex-wrap:wrap;gap:10px 16px;color:#6b7686;font-size:14px;margin:22px 0 34px}.answer{background:linear-gradient(135deg,#eef5fd,#f7f9fc);border:1px solid #cddced;border-radius:18px;padding:22px 24px;margin:30px 0}.answer strong{display:block;margin-bottom:7px;font-size:15px;letter-spacing:.02em}.keypoints{border-left:4px solid #6f98c8;background:white;padding:18px 22px;margin:30px 0}.keypoints h2{margin:0 0 8px!important;font-size:1.15rem!important}.keypoints ul{margin:0;padding-left:1.2em}.article-body{font-size:18px}.article-body h2{font-size:1.75rem;line-height:1.2;margin:2.1em 0 .65em;letter-spacing:-.015em}.article-body h3{font-size:1.25rem;margin:1.6em 0 .45em}.article-body p{margin:0 0 1.15em}.article-body ul,.article-body ol{padding-left:1.35em;margin:0 0 1.3em}.article-body li{margin:.42em 0}.article-body blockquote{margin:1.8em 0;padding:4px 0 4px 22px;border-left:3px solid #a9bcd4;color:#4d596b;font-size:1.05em}.callout{background:var(--warm);border:1px solid #eadcc8;border-radius:16px;padding:19px 21px;margin:1.6em 0}.callout.green{background:var(--green);border-color:#cfe4d7}.callout.violet{background:var(--violet);border-color:#ddd2eb}.table-wrap{overflow:auto;margin:1.5em 0 2em}table{border-collapse:collapse;width:100%;font-size:16px;background:white}th,td{border:1px solid var(--line);padding:12px 13px;text-align:left;vertical-align:top}th{background:#eef3f8;font-weight:700}.source-inline{white-space:nowrap}.related-inline{font-weight:600}.sources{margin-top:54px;padding-top:30px;border-top:1px solid var(--line)}.sources h2{font-size:1.35rem}.sources ol{padding-left:1.25em}.sources li{margin:.65em 0;font-size:15px;color:#596679}.authorbox{margin-top:38px;background:white;border:1px solid var(--line);border-radius:18px;padding:21px;display:flex;gap:18px;align-items:flex-start}.authorbox img{width:78px;height:78px;border-radius:50%;object-fit:cover}.authorbox h2{font-size:1.15rem;margin:0 0 5px}.authorbox p{margin:0;color:#5c6878;font-size:15px}.related{margin-top:30px}.related h2{font-size:1.35rem}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related-card{display:block;padding:16px;border:1px solid var(--line);border-radius:14px;background:white;text-decoration:none;color:var(--ink)}.related-card:hover{border-color:#a9bfd7;color:var(--ink);transform:translateY(-1px)}.related-card small{display:block;color:#788496;margin-bottom:6px}.disclaimer{font-size:13px;color:#7a8594;margin-top:26px;padding-top:18px;border-top:1px dashed #d5dde7}.footer{border-top:1px solid var(--line);padding:26px 24px;color:#738096;font-size:14px}.footer .inner{max-width:920px;margin:auto;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.hub-intro{max-width:800px}.cluster{margin-top:52px}.cluster-head{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px}.cluster h2{font-size:1.6rem;margin:0}.cluster-head p{margin:0;color:#6b7686;max-width:520px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:20px;text-decoration:none;color:var(--ink);display:block}.card:hover{border-color:#a9bfd7;color:var(--ink);transform:translateY(-1px)}.card .kind{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#657a95}.card h3{font-size:1.18rem;line-height:1.25;margin:7px 0 8px}.card p{font-size:15px;color:#687486;margin:0}.hub-note{background:#f1f5f9;border-radius:16px;padding:18px 20px;margin-top:28px;color:#526072}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:white;padding:8px;z-index:99}.tagrow{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.tag{font-size:12px;background:#edf2f7;border:1px solid #d9e2ec;border-radius:999px;padding:5px 9px;color:#566577}@media(max-width:720px){.wrap{padding:38px 18px 55px}.article-body{font-size:17px}.related-grid,.cards{grid-template-columns:1fr}.sitebar .inner{padding:12px 18px}.sitebar nav{gap:12px}.authorbox{flex-direction:column}.cluster-head{display:block}.cluster-head p{margin-top:5px}}

/* Funnel-protected sticky article navigation */
.sitebar{
  position:sticky;
  top:0;
  z-index:1000;
  background:#0f172a;
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 3px 12px rgba(15,23,42,.12)
}
.sitebar .inner{
  max-width:1120px;
  margin:auto;
  padding:10px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px
}
.sitebar .brand{
  font-weight:750;
  color:#fff;
  text-decoration:none;
  font-size:18px;
  white-space:nowrap
}
.sitebar nav{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:nowrap
}
.sitebar .nav-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border-radius:999px;
  padding:9px 15px;
  text-decoration:none;
  font-size:14px;
  font-weight:650;
  line-height:1.2;
  white-space:nowrap;
  transition:background .15s,border-color .15s,box-shadow .15s,transform .15s
}
.sitebar .nav-button svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:0 0 18px
}
.sitebar .home-button{
  background:#e5f3ef;
  color:#0b665c;
  border:1px solid #80b5ac
}
.sitebar .home-button:hover{
  background:#d3eae3;
  color:#084e45;
  border-color:#39877a
}
.sitebar .personal-button{
  background:#f5b83d;
  color:#30200b;
  border:1px solid #c68b22;
  box-shadow:0 3px 0 #c68b22,0 5px 10px #855f1414;
  font-weight:600;
  gap:12px;
  padding:10px 18px
}
.sitebar .personal-button:hover{
  background:#ffca58;
  color:#30200b;
  border-color:#b67b19;
  box-shadow:0 3px 0 #b67b19,0 6px 13px #855f1426
}
.sitebar .personal-button:active,
.sitebar .home-button:active{transform:translateY(1px)}
@media(max-width:600px){
  .sitebar .inner{padding:8px 12px;gap:8px}
  .sitebar .brand{font-size:15px}
  .sitebar nav{gap:7px}
  .sitebar .nav-button{font-size:12px;padding:8px 10px;gap:5px}
  .sitebar .nav-button svg{width:15px;height:15px;flex-basis:15px}
}
@media(max-width:430px){
  .sitebar .brand{display:none}
  .sitebar .inner{justify-content:flex-end}
  .sitebar nav{width:100%;justify-content:flex-end}
}

.sitebar .personal-button svg{
  width:24px;
  height:24px;
  flex:0 0 24px;
  stroke-width:3.5
}
.sitebar .personal-button:active{
  transform:translateY(2px);
  box-shadow:0 1px 0 #b67b19
}

/* v3: unified article navigation controls.
   Home deliberately mirrors the visual language of the existing
   "Back to professional site" button on personal.html. */

.sitebar .home-button,
.article-footer .home-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:50px;
  padding:13px 22px;
  border-radius:28px;
  border:1px solid #b6cbe3;
  background:#e2ebf7;
  color:#314f75;
  font:600 17px/1.3 Barlow,sans-serif;
  text-decoration:none;
  box-shadow:0 3px 0 #c5d5e9;
  white-space:normal;
  text-align:center;
}
.sitebar .home-button:hover,
.article-footer .home-button:hover{
  background:#d5e3f5;
  color:#314f75;
  text-decoration:none;
}
.sitebar .home-button:focus-visible,
.article-footer .home-button:focus-visible{
  outline:3px solid #426c9b;
  outline-offset:4px;
}
.sitebar .home-button svg,
.article-footer .home-button svg{
  flex:0 0 22px;
  width:22px;
  height:22px;
  stroke-width:3.5;
}

.sitebar .personal-button,
.article-footer .personal-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:50px;
  padding:10px 18px;
  border-radius:28px;
  background:#f5b83d;
  color:#30200b;
  border:1px solid #c68b22;
  box-shadow:0 3px 0 #c68b22,0 5px 10px #855f1414;
  font:600 17px/1.3 Barlow,sans-serif;
  text-decoration:none;
  white-space:normal;
  text-align:center;
}
.sitebar .personal-button:hover,
.article-footer .personal-button:hover{
  background:#ffca58;
  color:#30200b;
  border-color:#b67b19;
  box-shadow:0 3px 0 #b67b19,0 6px 13px #855f1426;
  text-decoration:none;
}
.sitebar .personal-button:focus-visible,
.article-footer .personal-button:focus-visible{
  outline:3px solid #8b651b;
  outline-offset:4px;
}
.sitebar .personal-button svg,
.article-footer .personal-button svg{
  width:24px;
  height:24px;
  flex:0 0 24px;
  stroke-width:3.5;
}

.sitebar .insights-button,
.article-footer .insights-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:50px;
  padding:13px 22px;
  border-radius:28px;
  border:1px solid #d5c9e2;
  background:#f0ebf5;
  color:#615078;
  font:600 17px/1.3 Barlow,sans-serif;
  text-decoration:none;
  box-shadow:0 3px 0 #ddd3e7;
  white-space:normal;
  text-align:center;
}
.sitebar .insights-button:hover,
.article-footer .insights-button:hover{
  background:#e5dced;
  color:#615078;
  text-decoration:none;
}
.sitebar .insights-button:focus-visible,
.article-footer .insights-button:focus-visible{
  outline:3px solid #765e92;
  outline-offset:4px;
}
.sitebar .insights-button svg,
.article-footer .insights-button svg{
  width:22px;
  height:22px;
  flex:0 0 22px;
  stroke-width:3.5;
}

.sitebar .nav-button:active,
.article-footer .nav-button:active{
  transform:translateY(2px);
}

.article-footer{
  border-top:1px solid var(--line);
  padding:30px 24px 24px;
}
.article-footer .footer-button-row{
  max-width:920px;
  margin:0 auto;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}
.article-footer .footer-copyright{
  max-width:920px;
  margin:20px auto 0;
  color:#738096;
  font-size:13px;
  text-align:center;
}

@media(max-width:760px){
  .sitebar .inner{
    padding:8px 10px;
    gap:8px;
  }
  .sitebar .brand{
    display:none;
  }
  .sitebar nav{
    width:100%;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
  }
  .sitebar .nav-button{
    width:100%;
    min-height:50px;
    padding:9px 8px;
    font-size:13px;
    gap:5px;
  }
  .sitebar .home-button svg,
  .sitebar .insights-button svg{
    width:17px;
    height:17px;
    flex-basis:17px;
  }
  .sitebar .personal-button svg{
    width:18px;
    height:18px;
    flex-basis:18px;
  }

  .article-footer .footer-button-row{
    display:grid;
    grid-template-columns:1fr;
    gap:11px;
  }
  .article-footer .nav-button{
    width:100%;
  }
}


/* TOPIC HUBS AND PRACTICAL LENSES 2026-10-03 */
.topic-hubs{margin:2.2rem 0 3rem}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.topic-card{display:block;padding:1.15rem 1.2rem;border:1px solid var(--line,#d9dde3);border-radius:16px;text-decoration:none;color:inherit;background:rgba(255,255,255,.5)}.topic-card:hover{transform:translateY(-1px)}.topic-card h3{margin:.25rem 0 .45rem;font-size:1.05rem}.topic-card p{margin:0}.topic-hub .hub-intro{margin-bottom:2rem}.practical-lens{padding:1rem 1.1rem;margin:.5rem 0 1.8rem;border-left:3px solid currentColor;background:rgba(127,127,127,.07);border-radius:0 10px 10px 0}.practical-lens p{margin:.25rem 0}.topic-explore{font-size:.95em}.topic-back{margin:2.5rem 0 1rem}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}@media(max-width:720px){.topic-grid{grid-template-columns:1fr}}

/* AUTHOR PROFILE / ENTITY PASS 2026-10-03 */
.hub-byline{font-size:14px;color:#687486;margin:14px 0 0}.hub-byline a{font-weight:650}.profile-lead{display:flex;align-items:center;gap:24px;margin-bottom:34px}.profile-lead img{width:132px;height:132px;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:#fff}.profile-lead h1{margin:0 0 .18em}.profile-lead .dek{margin:0}.profile-topic-grid{margin:1.2rem 0 2rem}.brown-related{margin-top:18px}.sitebar .brand{display:inline-flex;align-items:center}
@media(max-width:600px){.profile-lead{align-items:flex-start;gap:16px}.profile-lead img{width:92px;height:92px}.profile-lead h1{font-size:2.2rem}}


/* ARTICLE SOCIAL FOOTER 2026-10-03 */
.article-footer .article-socials{
  max-width:920px;
  margin:28px auto 0;
  padding:22px 22px 20px;
  border-radius:18px;
  background:#0f172a;
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 8px 22px rgba(15,23,42,.08);
}
.article-footer .article-socials-title{
  color:#cbd5e1;
  text-align:center;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:15px;
}
.article-footer .article-social-row{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px 12px;
}
.article-footer .article-social-link{
  display:inline-grid;
  grid-template-columns:20px auto;
  grid-template-rows:auto auto;
  column-gap:8px;
  align-items:center;
  min-width:124px;
  padding:9px 12px;
  border-radius:12px;
  color:#e2e8f0;
  text-decoration:none;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.075);
  transition:background .15s,border-color .15s,transform .15s;
}
.article-footer .article-social-link:hover{
  color:#fff;
  background:rgba(255,255,255,.095);
  border-color:rgba(255,255,255,.16);
  text-decoration:none;
  transform:translateY(-1px);
}
.article-footer .article-social-link:focus-visible{
  outline:3px solid #93c5fd;
  outline-offset:3px;
}
.article-footer .article-social-link svg,
.article-footer .article-social-mask{
  grid-column:1;
  grid-row:1 / span 2;
  width:20px;
  height:20px;
  fill:currentColor;
  align-self:center;
}
.article-footer .article-social-mask{
  display:inline-block;
  background:currentColor;
  -webkit-mask-image:url("../images/bluesky-icon-mask.png");
  mask-image:url("../images/bluesky-icon-mask.png");
  -webkit-mask-size:contain;
  mask-size:contain;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
}
.article-footer .article-social-link span:not(.article-social-mask){
  grid-column:2;
  grid-row:1;
  font-size:13px;
  font-weight:650;
  line-height:1.1;
}
.article-footer .article-social-link small{
  grid-column:2;
  grid-row:2;
  color:#94a3b8;
  font-size:10px;
  line-height:1.15;
  white-space:nowrap;
}
@media(max-width:720px){
  .article-footer .article-socials{padding:19px 14px 17px}
  .article-footer .article-social-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .article-footer .article-social-link{width:100%;min-width:0}
}
@media(max-width:390px){
  .article-footer .article-social-row{grid-template-columns:1fr}
}

/* MAIN INSIGHTS HUB HUMAN-UX PASS 2026-10-03
   Scoped to the main hub so article and topic-hub SEO/AEO layouts remain untouched. */
.insights-index{
  --hub-navy:#0f172a;
  --hub-blue:#3f6fa5;
  --hub-blue-soft:#eef4fb;
}
.insights-index .hub-index{
  max-width:1120px;
  padding-top:42px;
}
.insights-index .hub-hero{
  position:relative;
  overflow:hidden;
  margin:0 0 38px;
  padding:clamp(28px,4vw,46px);
  border:1px solid #d9e3ef;
  border-radius:28px;
  background:
    radial-gradient(circle at 92% 12%,rgba(63,111,165,.13),transparent 30%),
    linear-gradient(135deg,#ffffff 0%,#f7fafe 60%,#f2f6fb 100%);
  box-shadow:0 16px 42px rgba(15,23,42,.06);
}
.insights-index .hub-hero::after{
  content:"";
  position:absolute;
  right:-54px;
  bottom:-78px;
  width:220px;
  height:220px;
  border-radius:50%;
  border:34px solid rgba(63,111,165,.055);
  pointer-events:none;
}
.insights-index .hub-hero > *{position:relative;z-index:1}
.insights-index .hub-hero > .eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  margin-bottom:16px;
  padding:5px 11px;
  border:1px solid #c8d7e8;
  border-radius:999px;
  background:#eef4fb;
  color:#315f91;
}
.insights-index .hub-hero h1{
  max-width:760px;
  margin:.02em 0 .28em;
  font-size:clamp(2.7rem,6vw,5rem);
}
.insights-index .hub-hero .hub-intro{max-width:900px}
.insights-index .hub-hero .dek{
  max-width:850px;
  margin-bottom:0;
  color:#45566b;
  font-size:clamp(1.08rem,1.7vw,1.3rem);
}
.insights-index .hub-note{
  position:relative;
  margin-top:26px;
  padding:18px 20px 18px 48px;
  border:1px solid #d9e4ef;
  border-radius:16px;
  background:rgba(255,255,255,.82);
  color:#4e5e72;
  box-shadow:0 5px 18px rgba(15,23,42,.035);
}
.insights-index .hub-note::before{
  content:"✓";
  position:absolute;
  left:18px;
  top:18px;
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#e7f3ee;
  color:#23705e;
  font-weight:800;
  line-height:1;
}
.insights-index .hub-byline{
  margin-top:15px;
  color:#607086;
}

/* Topic-guide layer */
.insights-index .topic-hubs{
  margin:0 0 34px;
  padding:30px;
  border:1px solid #dfe6ee;
  border-radius:26px;
  background:#fff;
  box-shadow:0 10px 30px rgba(15,23,42,.045);
}
.insights-index .topic-hubs .cluster-head{
  align-items:flex-start;
  margin-bottom:22px;
  padding-bottom:18px;
  border-bottom:1px solid #e2e8f0;
}
.insights-index .topic-hubs .cluster-head h2{
  margin-top:2px;
  font-size:clamp(1.65rem,2.6vw,2.15rem);
  letter-spacing:-.025em;
}
.insights-index .topic-hubs .cluster-head p{
  max-width:600px;
  color:#5d6c7e;
}
.insights-index .topic-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.insights-index .topic-card{
  --topic-accent:#426c9b;
  position:relative;
  min-height:210px;
  padding:21px 48px 21px 21px;
  overflow:hidden;
  border:1px solid #dce4ed;
  border-top:4px solid var(--topic-accent);
  border-radius:18px;
  background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);
  box-shadow:0 5px 16px rgba(15,23,42,.035);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.insights-index .topic-card:nth-child(1){--topic-accent:#566b9a}
.insights-index .topic-card:nth-child(2){--topic-accent:#8a4f5e}
.insights-index .topic-card:nth-child(3){--topic-accent:#3f6fa5}
.insights-index .topic-card:nth-child(4){--topic-accent:#2f7a76}
.insights-index .topic-card:nth-child(5){--topic-accent:#6f5ba7}
.insights-index .topic-card:nth-child(6){--topic-accent:#4c7a59}
.insights-index .topic-card:nth-child(7){--topic-accent:#a06c32}
.insights-index .topic-card::after{
  content:"→";
  position:absolute;
  right:18px;
  top:18px;
  color:var(--topic-accent);
  font-size:26px;
  font-weight:800;
  line-height:1;
  transition:transform .16s ease;
}
.insights-index .topic-card:hover{
  transform:translateY(-3px);
  border-color:#c8d5e3;
  box-shadow:0 11px 24px rgba(15,23,42,.08);
}
.insights-index .topic-card:hover::after{transform:translateX(3px)}
.insights-index .topic-card .kind{
  display:inline-block;
  margin-bottom:8px;
  color:var(--topic-accent);
  font-size:11px;
  font-weight:750;
  letter-spacing:.09em;
}
.insights-index .topic-card h3{
  margin:0 0 9px;
  font-size:1.15rem;
  line-height:1.28;
  letter-spacing:-.012em;
}
.insights-index .topic-card p{
  color:#657387;
  font-size:14px;
  line-height:1.55;
}

/* In-page collection directory. It never hides content and only adds crawlable anchors. */
.insights-index .collection-index{
  margin:0 0 44px;
  padding:26px 28px 28px;
  border:1px solid #d7e1ec;
  border-radius:24px;
  background:#f5f8fc;
}
.insights-index .collection-index-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);
  column-gap:28px;
  align-items:end;
  margin-bottom:18px;
}
.insights-index .collection-index-head .eyebrow{
  grid-column:1;
  margin:0 0 4px;
}
.insights-index .collection-index-head h2{
  grid-column:1;
  margin:0;
  font-size:clamp(1.45rem,2vw,1.9rem);
  letter-spacing:-.02em;
}
.insights-index .collection-index-head p{
  grid-column:2;
  grid-row:1 / span 2;
  margin:0;
  color:#607086;
  font-size:14px;
  line-height:1.55;
}
.insights-index .collection-index-links{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
.insights-index .collection-chip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:48px;
  padding:10px 12px 10px 14px;
  border:1px solid #d8e1eb;
  border-radius:13px;
  background:#fff;
  color:#334c69;
  text-decoration:none;
  box-shadow:0 2px 7px rgba(15,23,42,.025);
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;
}
.insights-index .collection-chip:hover{
  transform:translateY(-1px);
  border-color:#9fb7d0;
  color:#244a74;
  box-shadow:0 6px 14px rgba(15,23,42,.055);
}
.insights-index .collection-chip-label{
  font-size:13px;
  font-weight:700;
  line-height:1.25;
}
.insights-index .collection-chip-count{
  flex:0 0 auto;
  padding:3px 7px;
  border-radius:999px;
  background:#edf3f9;
  color:#6a7b90;
  font-size:10px;
  font-weight:700;
  white-space:nowrap;
}

/* Article collections. Section color is navigational, muted, and professional. */
.insights-index .cluster{
  --section-accent:#3f6fa5;
  --section-soft:#eef4fb;
  position:relative;
  margin:28px 0 0;
  padding:30px;
  scroll-margin-top:88px;
  border:1px solid #dfe6ee;
  border-radius:26px;
  background:linear-gradient(180deg,var(--section-soft) 0,rgba(255,255,255,.92) 132px,#fff 100%);
  box-shadow:0 10px 30px rgba(15,23,42,.04);
}
.insights-index #public-health-communication{--section-accent:#2f7a76;--section-soft:#edf8f7}
.insights-index #ai-digital-health{--section-accent:#6f5ba7;--section-soft:#f4f0fa}
.insights-index #research-literacy{--section-accent:#3f6fa5;--section-soft:#eef4fb}
.insights-index #interdisciplinary-careers{--section-accent:#a06c32;--section-soft:#fbf4e9}
.insights-index #approachable-fitness{--section-accent:#4c7a59;--section-soft:#eef7f1}
.insights-index #brown-graduate-study{--section-accent:#8a4f5e;--section-soft:#f8eff2}
.insights-index #graduate-education{--section-accent:#566b9a;--section-soft:#f0f2f8}
.insights-index #public-health-graduate-methods{--section-accent:#3f7f8c;--section-soft:#edf7f8}
.insights-index #research-methods{--section-accent:#426c9b;--section-soft:#eef4fb}
.insights-index #academic-ai{--section-accent:#735f9b;--section-soft:#f4f1f9}
.insights-index #higher-education-decisions{--section-accent:#9a7533;--section-soft:#faf5ea}
.insights-index #graduate-student-life{--section-accent:#7b6657;--section-soft:#f7f2ee}
.insights-index .cluster::before{
  content:attr(data-section-number);
  position:absolute;
  right:28px;
  top:23px;
  color:var(--section-accent);
  opacity:.14;
  font-size:52px;
  font-weight:800;
  line-height:1;
  letter-spacing:-.05em;
}
.insights-index .cluster-head{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,.78fr) auto;
  align-items:end;
  gap:18px;
  margin:0 0 20px;
  padding:0 0 19px;
  border-bottom:1px solid color-mix(in srgb,var(--section-accent) 24%,#dfe6ee);
}
.insights-index .cluster-head > div{min-width:0}
.insights-index .cluster-head .eyebrow{
  display:inline-flex;
  width:max-content;
  margin:0 0 7px;
  padding:4px 8px;
  border-radius:999px;
  background:color-mix(in srgb,var(--section-accent) 10%,white);
  color:var(--section-accent);
}
.insights-index .cluster h2{
  margin:0;
  color:#1d2b3d;
  font-size:clamp(1.55rem,2.3vw,2rem);
  letter-spacing:-.025em;
  line-height:1.12;
}
.insights-index .cluster-head p{
  margin:0;
  max-width:none;
  color:#58687b;
  font-size:14px;
  line-height:1.5;
}
.insights-index .cluster-count{
  align-self:center;
  margin-right:58px;
  padding:6px 9px;
  border:1px solid color-mix(in srgb,var(--section-accent) 22%,#dfe6ee);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:var(--section-accent);
  font-size:11px;
  font-weight:750;
  white-space:nowrap;
}
.insights-index .cards{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
}
.insights-index .card{
  position:relative;
  min-height:170px;
  padding:19px 48px 19px 19px;
  overflow:hidden;
  border:1px solid #dfe5ec;
  border-radius:16px;
  background:rgba(255,255,255,.96);
  box-shadow:0 3px 10px rgba(15,23,42,.025);
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.insights-index .card::after{
  content:"→";
  position:absolute;
  right:17px;
  top:17px;
  color:var(--section-accent);
  font-size:23px;
  font-weight:800;
  line-height:1;
  opacity:.8;
  transition:transform .15s ease,opacity .15s ease;
}
.insights-index .card:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--section-accent) 42%,#dfe5ec);
  box-shadow:0 8px 19px rgba(15,23,42,.065);
}
.insights-index .card:hover::after{transform:translateX(3px);opacity:1}
.insights-index .card .kind{
  display:inline-block;
  margin-bottom:7px;
  padding:4px 7px;
  border-radius:7px;
  background:color-mix(in srgb,var(--section-accent) 9%,white);
  color:var(--section-accent);
  font-size:10px;
  font-weight:750;
  letter-spacing:.075em;
}
.insights-index .card h3{
  margin:0 0 8px;
  font-size:1.08rem;
  line-height:1.28;
  letter-spacing:-.01em;
}
.insights-index .card p{
  color:#677588;
  font-size:14px;
  line-height:1.55;
}
.insights-index .card:focus-visible,
.insights-index .topic-card:focus-visible,
.insights-index .collection-chip:focus-visible{
  outline:3px solid #426c9b;
  outline-offset:4px;
}

@media(max-width:960px){
  .insights-index .topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .insights-index .collection-index-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .insights-index .cluster-head{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr)}
  .insights-index .cluster-count{grid-column:1 / -1;width:max-content;margin:0}
}
@media(max-width:720px){
  .insights-index .hub-index{padding:28px 15px 52px}
  .insights-index .hub-hero{margin-bottom:26px;padding:24px 20px;border-radius:22px}
  .insights-index .hub-hero h1{font-size:clamp(2.45rem,13vw,3.65rem)}
  .insights-index .hub-note{padding:16px 16px 16px 44px}
  .insights-index .hub-note::before{left:15px;top:17px}
  .insights-index .topic-hubs{padding:21px 18px;border-radius:21px}
  .insights-index .topic-hubs .cluster-head{display:block}
  .insights-index .topic-hubs .cluster-head p{margin-top:8px}
  .insights-index .topic-grid{grid-template-columns:1fr;gap:11px}
  .insights-index .topic-card{min-height:0;padding:18px 46px 18px 18px}
  .insights-index .collection-index{padding:20px 17px 21px;border-radius:20px}
  .insights-index .collection-index-head{display:block}
  .insights-index .collection-index-head p{margin-top:7px}
  .insights-index .collection-index-links{grid-template-columns:1fr;gap:7px}
  .insights-index .collection-chip{min-height:45px}
  .insights-index .cluster{margin-top:20px;padding:22px 17px;border-radius:21px;scroll-margin-top:74px}
  .insights-index .cluster::before{right:18px;top:18px;font-size:42px}
  .insights-index .cluster-head{display:block;padding-right:46px}
  .insights-index .cluster-head p{margin-top:8px}
  .insights-index .cluster-count{display:inline-flex;margin-top:11px}
  .insights-index .cards{grid-template-columns:1fr;gap:10px}
  .insights-index .card{min-height:0;padding:17px 44px 17px 17px}
}
@media(max-width:390px){
  .insights-index .hub-index{padding-left:12px;padding-right:12px}
  .insights-index .hub-hero,.insights-index .topic-hubs,.insights-index .collection-index,.insights-index .cluster{border-radius:18px}
  .insights-index .collection-chip-count{display:none}
}

/* Secondary editorial-method note on the main Insights hub */
.insights-index .hub-editorial-note{
  max-width:860px;
  margin:44px auto 0;
  padding:18px 4px 0;
  border-top:1px solid #dce4ed;
  color:#667488;
  font-size:14px;
  line-height:1.62;
}
.insights-index .hub-editorial-note strong{
  color:#4f6075;
  font-weight:700;
}
@media(max-width:720px){
  .insights-index .hub-editorial-note{
    margin-top:34px;
    padding-top:16px;
    font-size:13.5px;
  }
}

/* Contextual bridge from the professional author profile to the separate Personal page. */
.profile-destination-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:1.35em 0 2.2em}
.profile-destination-card{display:flex;min-width:0;flex-direction:column;padding:25px 25px 23px;border:1px solid #cbd3dd;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(34,49,67,.08)}
.profile-destination-professional{border-color:#aebfd3;background:linear-gradient(145deg,#f5f8fc,#edf3f9)}
.profile-destination-personal{border-color:#d5ccc0;background:linear-gradient(145deg,#fbfaf7,#f5f1eb)}
.profile-destination-card p{margin:0}.profile-destination-kicker{font-size:12px!important;font-weight:750;text-transform:uppercase;letter-spacing:.14em;margin-bottom:7px!important}.profile-destination-professional .profile-destination-kicker{color:#315676}.profile-destination-personal .profile-destination-kicker{color:#725f49}.profile-destination-card h3{margin:.1em 0 .48em!important;font-size:1.3rem}.profile-destination-card>p:not(.profile-destination-kicker){color:#59636f;line-height:1.58;margin-bottom:20px}.profile-destination-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding:11px 15px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:700}.profile-professional-link{border:1px solid #9fb5ce;background:#dfeaf5;color:#294d70}.profile-professional-link:hover{background:#d1e1f0;color:#213f5d}.profile-personal-link{border:1px solid #c8b8a5;background:#eee6dc;color:#65513d}.profile-personal-link:hover{background:#e4d8cb;color:#523f2f}@media(max-width:720px){.profile-destination-grid{grid-template-columns:1fr;gap:14px}.profile-destination-card{padding:22px}.profile-destination-link{width:100%}}


/* v116: short labels + robust header containment */
.sitebar .nav-button{box-sizing:border-box;max-width:100%;overflow:visible}
.sitebar .nav-button, .sitebar .nav-button *{flex-shrink:0}

/* v111: clearer Insights navigation + article readability pass */
.sitebar .home-button,
.sitebar .insights-button,
.sitebar .personal-button{
  white-space:nowrap;
}
.sitebar .home-button{min-width:112px}
.sitebar .insights-button{min-width:122px}
.sitebar .personal-button{min-width:122px}

/* The Insights control is a back-to-hub action, so its icon stays left-facing. */
.sitebar .insights-button svg,
.article-footer .insights-button svg{
  order:0;
}

/* Human-readable article hierarchy: stronger section landmarks without leaving the site palette. */
.article > h1{
  max-width:19ch;
  text-wrap:balance;
}
.article > .dek{
  max-width:760px;
  font-size:1.24rem;
  line-height:1.62;
}
.article-body{
  font-size:18.5px;
  line-height:1.76;
}
.article-body > p,
.article-body > ul,
.article-body > ol,
.article-body > blockquote{
  max-width:76ch;
}
.article-body h2{
  position:relative;
  font-size:clamp(1.55rem,2.6vw,1.9rem);
  line-height:1.2;
  letter-spacing:-.018em;
  margin:2.45em 0 .8em;
  padding:.72em .9em .74em 1em;
  border-left:4px solid #6f98c8;
  border-radius:0 13px 13px 0;
  background:linear-gradient(90deg,#eef4fa 0%,rgba(238,244,250,.58) 68%,rgba(238,244,250,0) 100%);
  color:#1c2f49;
  text-wrap:balance;
  scroll-margin-top:88px;
}
.article-body h3{
  font-size:1.3rem;
  line-height:1.3;
  margin:1.9em 0 .6em;
  color:#2e4c70;
  letter-spacing:-.008em;
  text-wrap:balance;
}
.article-body h3::after{
  content:"";
  display:block;
  width:46px;
  height:2px;
  margin-top:.45em;
  background:#b7c9dc;
  border-radius:2px;
}
.article-body p{
  margin:0 0 1.25em;
}
.article-body li{
  margin:.5em 0;
}
.article-body strong{
  color:#243b59;
}
.article-body .callout strong{
  color:inherit;
}

@media(max-width:760px){
  .sitebar .home-button,
  .sitebar .insights-button,
  .sitebar .personal-button{
    min-width:0;
    white-space:nowrap;
  }
  .sitebar .nav-button{
    font-size:12.5px;
    padding-left:6px;
    padding-right:6px;
  }
  .article > h1{
    max-width:none;
  }
  .article > .dek{
    font-size:1.12rem;
    line-height:1.58;
  }
  .article-body{
    font-size:17.25px;
    line-height:1.72;
  }
  .article-body h2{
    margin-top:2.15em;
    padding:.68em .75em .7em .85em;
    border-left-width:3px;
  }
}

@media(max-width:390px){
  .sitebar .nav-button{
    font-size:11.5px;
    gap:4px;
    padding-left:4px;
    padding-right:4px;
  }
  .sitebar .home-button svg,
  .sitebar .insights-button svg,
  .sitebar .personal-button svg{
    width:15px;
    height:15px;
    flex-basis:15px;
  }
}