
html body main.op-refinement{--edge:#bb963f;--halo:#b8974433;--wash:#fffdf5;--shadow:0 0 20px var(--halo)}

html body main.op-refinement[data-glow="5"]{--edge:#92aec7;--wash:linear-gradient(135deg,#fffaf0,#f0f7ff 70%);--shadow:inset 0 2px 0 #d5bc785e,0 4px 22px #345f8826}

html body main.op-refinement .perspectives article,html body main.op-refinement .faq-list article.faq-card{transition:background .2s,border-color .2s,box-shadow .2s;transform:none}

html body main.op-refinement .faq-list{align-items:stretch}

html body main.op-refinement .faq-list article.faq-card{align-self:stretch}

html body main.op-refinement .section{transition:box-shadow .2s}

@media(hover:hover) and (pointer:fine){
 html body main.op-refinement .perspectives article:hover,html body main.op-refinement .faq-list article.faq-card:hover{border-color:var(--edge);background:var(--wash);box-shadow:var(--shadow)}

 html body main.op-refinement .process:hover,html body main.op-refinement .experience:hover,html body main.op-refinement .outplacement-note:hover,html body main.op-refinement .closing:hover{box-shadow:inset 0 1px 0 var(--edge),inset 0 -1px 0 var(--edge),inset 0 0 24px var(--halo)}
}

@media(max-width:700px){}

@media(prefers-reduced-motion:reduce){html body main.op-refinement .perspectives article,html body main.op-refinement article.faq-card,html body main.op-refinement .section{transition:none}
}

html body main.op-refinement .faq-card{height:100%;box-sizing:border-box}

@media(max-width:700px){}

@media(prefers-reduced-motion:reduce){}

/* Whole editorial section is one native link; the outer edge owns the effect. */
html body main.op-refinement .section:has(>a.op-linked-section){padding:0;box-shadow:none}

html body main.op-refinement a.op-linked-section{display:block;width:100%;box-sizing:border-box;padding:64px 0;color:inherit;font-weight:400;background:transparent;text-decoration:none!important;cursor:pointer;transition:background .2s,box-shadow .2s}

html body main.op-refinement a.op-linked-section:hover,html body main.op-refinement a.op-linked-section:focus-visible{color:inherit;background:var(--wash)!important;box-shadow:inset 0 0 0 1px var(--edge),inset 0 0 32px #7fa6cc24,0 0 18px #345f881c;text-shadow:none;transform:none}

html body main.op-refinement a.op-linked-section:active{background:#e5eff8!important}

html body main.op-refinement a.op-linked-section *{background:transparent!important;box-shadow:none!important;text-shadow:none!important;text-decoration:none!important;transform:none!important}

html body main.op-refinement a.op-linked-section p{font-weight:400;color:inherit}

html body main.op-refinement a.op-linked-section .op-panel-cta{display:flex;align-items:center;gap:16px;margin-top:28px;color:#244b88;font-weight:600;font-size:16px;line-height:1.5}

html body main.op-refinement a.op-linked-section:focus-visible{outline:3px solid #997113;outline-offset:-4px;border-radius:0}

@media(max-width:700px){html body main.op-refinement a.op-linked-section{padding:40px 0}
}

@media(prefers-reduced-motion:reduce){html body main.op-refinement a.op-linked-section{transition:none}
}

/* Surface-specific highlighting preserves the light/dark section hierarchy. */
html body main.op-refinement .section.experience>a.op-linked-section:hover,
html body main.op-refinement .section.experience>a.op-linked-section:focus-visible{background:linear-gradient(120deg,#dae7f0,#e4edf4 65%,#d6e5f0)!important;box-shadow:inset 0 0 0 1px #88a9c5,inset 0 0 38px #749ec833,0 0 20px #345f8824}

html body main.op-refinement .section:not(.experience)>a.op-linked-section:hover,
html body main.op-refinement .section:not(.experience)>a.op-linked-section:focus-visible{background:linear-gradient(120deg,#edf4fa,#f4f8fc 60%,#e4eff8)!important;box-shadow:inset 0 0 0 1px #9bb5cd,inset 0 0 32px #8eb6d824}

html body main.op-refinement .section.process,
html body main.op-refinement .section.closing{transition:background-color .2s,box-shadow .2s}

@media(hover:hover) and (pointer:fine){
 html body main.op-refinement .section.process:hover,
 html body main.op-refinement .section.closing:hover{background:#204e74!important;box-shadow:inset 0 0 0 1px #82a9ca,inset 0 0 42px #81b7e333,0 0 18px #386a9426}

 html body main.op-refinement .section.outplacement-note:hover{background:#e4edf5!important;box-shadow:inset 0 0 0 1px #9bb5cd,inset 0 0 30px #8eb6d824}
}

html body main.op-refinement .section.closing:focus-within{background:#204e74!important;box-shadow:inset 0 0 0 1px #82a9ca,inset 0 0 42px #81b7e333}

@media(prefers-reduced-motion:reduce){html body main.op-refinement .section.process,html body main.op-refinement .section.closing{transition:none}
}

html body main.op-refinement a.op-linked-section,
html body main.op-refinement a.op-linked-section:hover,
html body main.op-refinement a.op-linked-section:active,
html body main.op-refinement a.op-linked-section:focus-visible{filter:none!important}

/* One shared glow treatment; surface colors preserve the page hierarchy. */
html body main.op-refinement[data-glow="5"] {
  --op-glow-edge:#92aec7;
  --op-glow-shadow:inset 0 0 0 1px var(--op-glow-edge),inset 0 2px 0 #d5bc785e,inset 0 0 28px #749ec824,0 0 18px #345f881c;
}
html body main.op-refinement[data-glow="5"] :is(.perspectives article,.faq-card,.op-linked-section,.section.process,.section.closing,.section.outplacement-note) {
  transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;
  --op-glow-surface:linear-gradient(120deg,#edf4fa,#f4f8fc 60%,#e4eff8);
}
html body main.op-refinement[data-glow="5"] :is(.perspectives article,.experience>.op-linked-section,.section.outplacement-note) {
  --op-glow-surface:linear-gradient(120deg,#dae7f0,#e4edf4 65%,#d6e5f0);
}
html body main.op-refinement[data-glow="5"] :is(.section.process,.section.closing) {
  --op-glow-surface:#204e74;
}
@media(hover:hover) and (pointer:fine) {
 html body main.op-refinement[data-glow="5"] :is(.perspectives article,.faq-list article.faq-card,.section>a.op-linked-section,.section.process,.section.closing,.section.outplacement-note):hover {
  background:var(--op-glow-surface)!important;
  border-color:var(--op-glow-edge);
  box-shadow:var(--op-glow-shadow);
  filter:none!important;
  transform:none;
 }
}
html body main.op-refinement[data-glow="5"] :is(.perspectives article,.faq-list article.faq-card,.section>a.op-linked-section,.section.closing):focus-within {
 background:var(--op-glow-surface)!important;
 border-color:var(--op-glow-edge);
 box-shadow:var(--op-glow-shadow);
 filter:none!important;
}
html body main.op-refinement[data-glow="5"] .section>a.op-linked-section:active {
 background:#d1e2f2!important;
 box-shadow:var(--op-glow-shadow);
}
@media(prefers-reduced-motion:reduce) {
 html body main.op-refinement[data-glow="5"] :is(.perspectives article,.faq-card,.op-linked-section,.section.process,.section.closing,.section.outplacement-note) {transition:none}
}
