@font-face {
  font-family: "Bricolage Grotesque";
  src: url("./fonts/bricolage.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: "Outfit";
  src: url("./fonts/outfit.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url("./fonts/dm-sans.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}
:root {
  --hr-sky: #dbedf6;
  --hr-ink: #193967;
  --hr-blue: #1e43a3;
  --hr-rule: #9ebbcc;
  --hr-cream: #fff9eb;
  --hr-body: "DM Sans", "Segoe UI", sans-serif;
  --hr-display: "Outfit", "Segoe UI", sans-serif;
  --hr-heading: "Bricolage Grotesque", "Arial", sans-serif;
  --ink: var(--hr-ink);
  --teal: var(--hr-blue);
  --paper: var(--hr-sky);
  --mint: #eaf4f9;
  --line: var(--hr-rule);
  --muted: #354e70;
  font-family: var(--hr-body);
  background: var(--hr-sky);
  color: var(--hr-ink);
}
body {min-height:100vh;display:flex;flex-direction:column}
main {flex:1}
.wrap {width:93%;max-width:1210px}
h1,h2,h3,.btn {font-family:var(--hr-display)}
h1,h2,h3 {font-weight:700;letter-spacing:-.035em}
:where(a,button,input,textarea,select):focus-visible {outline:3px solid #87490b;outline-offset:3px}
.app-header {background:transparent;border:0}
.headrow {position:relative;min-height:82px;border-bottom:1px solid var(--hr-rule)}
.brand {display:inline-flex;align-items:center;gap:14px;font:700 clamp(15px,1.6vw,20px)/1.2 var(--hr-display);letter-spacing:-.035em}
.brand img {display:block;width:50px;height:30px}
.hr-header-link {margin-left:auto;padding-right:7.7%;color:var(--hr-blue);font-size:15px;font-weight:500}
.app-header #main-nav {display:none}
.hr-home {padding-top:17px}
.hr-home h1 {
  margin:0;
  color:var(--hr-blue);
  font:800 clamp(58px,7.67vw,100px)/1.23 var(--hr-heading);
  letter-spacing:-.057em;
  text-wrap:balance;
}
.hr-home-layout {display:grid;grid-template-columns:minmax(0,57%) minmax(0,1fr);grid-template-areas:"art copy";gap:3%;margin-top:24px;align-items:start}
.hr-post {grid-area:art;display:flex;align-items:center;justify-content:center;aspect-ratio:640/439;margin:0 0 0 -1%}
.hr-post img {display:block;width:100%;height:auto}
.hr-home-copy {grid-area:copy;padding-top:8px;max-width:430px}
.hr-home-copy h2 {font-size:clamp(28px,3vw,39px);line-height:1.2;letter-spacing:-.036em}
.hr-home-copy>p {margin:30px 0 0;max-width:405px;font-size:clamp(17px,1.59vw,20px);line-height:1.53;letter-spacing:-.011em}
.hr-home-actions {display:flex;align-items:flex-start;flex-direction:column;gap:24px;margin-top:clamp(26px,5.3vw,66px)}
.hr-home-actions .btn {font-size:19px;line-height:1.2;padding:14px 24px;min-height:51px;border-radius:13px}
.hr-home-actions a {padding:3px 0 5px 3px;font-size:17px;font-weight:500}
.btn {border-radius:10px}
.btn.primary {background:var(--hr-blue);color:#fff}
.btn.primary:hover {background:#143685}
.btn.secondary {background:#f6fbfe;border-color:var(--hr-rule);color:var(--hr-blue)}
.btn.secondary:hover {background:#fff}
.hr-footer {background:transparent;border:0;margin-top:auto;padding:25px 0 20px}
.hr-footer .wrap {padding-top:35px;background:url('./potloodstreep.svg') top center / 100% 12px no-repeat}
.hr-footer-note {display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:4px 0 24px}
.hr-footer-note p {font:400 18px/1.35 var(--hr-display);letter-spacing:-.025em}
.hr-footer-note>a {font-size:13px;font-weight:500;color:var(--hr-ink);text-decoration:none;padding-right:5%}
.hr-footer-note>a:hover {text-decoration:underline}
.hr-footer-nav {display:flex;align-items:center;flex-wrap:wrap;gap:8px 21px;font-size:13px;color:var(--hr-ink)}
.hr-footer-nav a,.hr-footer-nav .linkbtn {color:inherit;background:transparent}
body[data-page="/"] .hr-footer-nav {margin-top:40px}
.breadcrumb,.breadcrumb a,.breadcrumb span {color:var(--hr-ink)}
.article-intro h1,.intro-row h1 {font-family:var(--hr-heading);font-weight:800;color:var(--hr-blue);letter-spacing:-.05em}
.tool-intro {padding-block:23px 28px}
.hr-phone-copy {display:none}
.intro-row h1 {font-size:clamp(29px,4.5vw,58px);overflow-wrap:anywhere}
.workbench {background:#edf5fa;border-top:1px solid var(--hr-rule)}
.tool-wrap {width:94%}
.article-intro {margin-bottom:34px}
.article-intro>p,.intro-row p,.reading p,.aside-card p,.download-card p,.info-strip p {color:var(--hr-ink)}
.aside-card,.info-strip {background:#edf5fa;border:1px solid var(--hr-rule)}
.download-card,.sample-preview {background:#fcfeff;border:1px solid var(--hr-rule)}
.file-badge,.step-icon {background:#e4eef9;color:var(--hr-blue)}
.article-grid,.download-grid {margin-top:12px}
.site-dialog {background:#f5faff;border:1px solid var(--hr-rule);box-shadow:0 20px 70px #18345338}
.site-dialog::backdrop {background:#172c4b7f}
.site-dialog .kicker {color:var(--hr-blue)}
.site-dialog .round {color:var(--hr-ink)}
.site-dialog[open]:has(.supp-container) {display:flex;flex-direction:column;overflow:hidden}
.site-dialog:has(.supp-container) > .dialog-bar {flex:none}
.site-dialog:has(.supp-container) [data-close] {width:44px;height:44px}
.site-dialog:has(.supp-container) > #dialog-body {min-height:0;overflow:auto;overscroll-behavior:contain;scroll-padding-block:.5rem}
.site-dialog h2 {color:var(--hr-ink);font-family:var(--hr-display);font-weight:700}
.site-dialog textarea {border-color:var(--hr-rule);background:#fff;color:var(--hr-ink)}
.site-dialog .chapters button {border-color:var(--hr-rule);background:#eaf3f8}
.notice {background:var(--hr-cream);color:var(--hr-ink);border:1px solid #c4bda0}
@media(min-width:1440px) {
  .hr-home-layout {margin-top:34px}
}
@media(max-width:900px) {
  .hr-home-copy>p {margin-top:22px}
  .hr-home-actions {gap:15px;margin-top:26px}
  .hr-home-layout {grid-template-columns:minmax(0,51%) minmax(0,1fr);gap:4%}
  .hr-home-actions .btn {padding:13px 17px;font-size:17px}
}
@media(max-width:880px) {
  .hr-wide-copy {display:none}
  .hr-phone-copy {display:inline}
  .tool-intro .hr-phone-copy {display:block}
}
@media(max-width:680px) {
  .wrap {width:calc(100% - 36px)}
  .headrow {min-height:68px}
  .brand {gap:7px;font-size:clamp(13px,3.8vw,17px)}
  .brand img {width:32px;height:23px}
  .hr-header-link {display:none}
  .mobile-menu {width:44px;height:44px;justify-content:center;align-items:center;margin-left:auto;border-color:var(--hr-rule);background:transparent;color:var(--hr-blue)}
  .app-header #main-nav.open {display:flex}
  .app-header #main-nav a {min-height:44px}
  .hr-home {padding-top:20px}
  .hr-home h1 {font-size:clamp(38px,9.6vw,60px);line-height:1.08}
  .hr-home-layout {display:flex;flex-direction:column;gap:18px;margin-top:15px}
  .hr-post {width:min(100%,415px);align-self:center;aspect-ratio:auto;margin:0}
  .hr-post img {width:100%;height:auto}
  .hr-home-copy {max-width:520px;padding-top:0}
  .hr-home-copy h2 {font-size:clamp(26px,6.5vw,34px);line-height:1.13}
  .hr-home-copy>p {font-size:16px;line-height:1.5;margin-top:13px}
  .hr-home-actions {margin-top:20px;gap:11px}
  .hr-home-actions a {display:inline-flex;align-items:center;min-height:44px;font-size:16px}
  .hr-footer {padding:25px 0 17px}
  .hr-footer .wrap {padding-top:20px}
  .hr-footer-note {flex-wrap:wrap;gap:4px 12px;margin:0 0 17px}
  .hr-footer-note p {font-size:15px}
  .hr-footer-note>a {padding:0}
  body[data-page="/"] .hr-footer-nav {margin-top:15px}
  .tool-wrap {width:calc(100% - 16px)}
  .tool-intro {padding-block:10px 8px}
  .tool-intro .breadcrumb {display:none}
  .tool-intro .intro-row {gap:2px}
  .tool-intro .intro-row h1 {font-size:clamp(24px,6.5vw,34px);line-height:1.12;margin:0 0 6px}
  .tool-intro .hr-phone-copy {font-size:15px;line-height:1.4}
  .tool-intro [data-video] {min-height:44px;border:0;background:transparent;padding:6px 0;gap:5px;text-decoration:underline;text-underline-offset:3px;align-self:flex-start}
  body:has(.site-dialog[open]) {overflow:hidden}
  dialog.site-dialog,dialog.site-dialog:has(video),dialog.site-dialog:has(.supp-container) {
    width:calc(100% - 12px);max-width:none;max-height:calc(100dvh - 12px);
    padding:14px max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));
    overscroll-behavior:contain;scroll-padding-block:60px 14px
  }
  .site-dialog .dialog-bar {position:sticky;top:0;z-index:2;background:#f5faff;min-height:44px;margin-bottom:8px;padding-block:3px}
  .site-dialog .round,.site-dialog .chapters button,.site-dialog .actions .linkbtn,.mail-pdf .mail-file-row button {min-height:44px}
  .site-dialog .round {min-width:44px}
  .site-dialog :is(input,select,textarea):not([type=checkbox]):not([type=radio]) {font-size:max(16px,1rem)}
  .site-dialog textarea {max-width:100%}
}
@media(max-width:360px) {
  .hr-home h1 {font-size:32px}
}
.blog{max-width:1000px}.blog .blog-meta{font-size:.9rem;line-height:1.5;color:var(--hr-ink);margin:.7rem 0 1.1rem}.blog .article-intro{max-width:850px}.blog-entry{border-block:1px solid var(--hr-rule);padding:1rem 0 1.5rem}.blog-entry h2{font-size:clamp(1.3rem,3vw,2rem);margin:.3rem 0 .8rem}.blog-entry h2 a{color:var(--hr-blue)}.blog-entry>p,.blog-copy{max-width:72ch}.blog-copy p{margin:0 0 1em}.blog-copy h2{margin-top:1.35em}.blog-sums{border-left:3px solid var(--hr-blue);padding-left:1.1rem}.blog-sums>div{margin:.7rem 0}.blog-sums dt{font-weight:650}.blog-sums dd{margin-left:0}.blog-copy .sources{padding-top:.9rem;border-top:1px solid var(--hr-rule)}
.mail-pdf .dialog-bar h2{font-size:1.5rem;margin:0}.mail-pdf .dialog-bar{gap:1rem}.mail-pdf fieldset{border:1px solid var(--hr-rule);border-radius:8px;padding:.7rem 1rem}.mail-pdf legend{font-weight:700}.mail-pdf .mail-file-row{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap}.mail-pdf .mail-file-row label{margin:.3rem 0;display:flex;align-items:center;gap:.4rem}.mail-pdf input[type=email]{width:100%;padding:.55rem;border:1px solid var(--hr-rule);border-radius:5px}.mail-pdf textarea{min-height:7em}.mail-pdf .actions{flex-wrap:wrap}.mail-pdf [role=status]:empty{display:none}