/* Recruiting navigation pane. Placement comes from the Figma file "Harper recruiting nav pane" (f6pki3Qz8TjC5GimnmabxX).
   Rails follow the ribbon: its inner box is 1360 wide with 48 padding, so pane text sits under the logotype at every width.
   Type is five sizes on a 1.2 scale from 14: 12, 14, 20, 24, 29. */
html[data-hnav]{scroll-padding-top:calc(var(--harper-header-height,63px) + 24px)}
html[data-hnav] .harper-crumb,html[data-hnav] .harper-hero,html[data-hnav] .harper-mobile-section,html[data-hnav] .atlas .crumbs,html[data-hnav] .planning-return{display:none!important}
html[data-hnav] body footer#harper-site-footer{margin-top:0}
.hnav-tree,.hnav-tree ul{list-style:none;margin:0;padding:0}
.hnav-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 8px 8px}
.hnav-title{font:400 20px/26px Georgia,'Times New Roman',serif;color:#302b29;text-decoration:none}
.hnav-title:hover{color:#800000}
.hnav-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:-6px;padding:0;border:0;border-radius:6px;background:none;color:#5c544e;cursor:pointer}
.hnav-toggle:hover{background:#f7f5f1;color:#800000}
.hnav-item{position:relative}
.hnav-row{display:flex;align-items:center;box-sizing:border-box;width:100%;min-height:32px;padding:6px 8px;border-radius:6px;color:#302b29!important;font:400 14px/20px system-ui,-apple-system,'Segoe UI',sans-serif;text-decoration:none!important}
.hnav-row:hover{background:#f7f5f1}
.hnav-row[aria-current]{background:#f4e8e9;color:#800000!important;font-weight:600}
.hnav-kids>.hnav-row{padding-right:32px}
.hnav-row.l2{padding-left:20px}
.hnav-row.l3{min-height:28px;padding:6px 8px 6px 32px;color:#5c544e!important;font-size:12px;line-height:16px}
.hnav-item.top>.hnav-on .hnav-row.l3{padding-left:20px}
.hnav-row.l3[aria-current]{background:none;color:#800000!important;font-weight:400}
.hnav-row.l3:hover{color:#800000!important}
.hnav-caret{position:absolute;top:0;right:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:6px;background:none;color:#5c544e;cursor:pointer}
.hnav-caret:hover{color:#800000}
.hnav-caret svg{transition:transform .12s ease}
.hnav-caret[aria-expanded=true] svg{transform:rotate(90deg)}
.hnav-kids>ul[hidden]{display:none}
.hnav-sep{height:1px;margin:8px;background:#e6e2dc}
.hnav-row:focus-visible,.hnav-caret:focus-visible,.hnav-toggle:focus-visible,.hnav-title:focus-visible,.hnav-bar:focus-visible,.hnav-reopen:focus-visible{outline:2px solid #800000;outline-offset:-2px}
.hnav-reopen{display:none}
@media(prefers-reduced-motion:reduce){.hnav,.hnav-caret svg{transition:none!important}}
@media print{.hnav,.hnav-bar,.hnav-scrim{display:none!important}.hnav-layout,.hnav-main{display:block!important;padding:0!important;border:0!important}}

@media(min-width:1100px){
 .hnav-bar,.hnav-scrim{display:none}
 .hnav-layout{display:grid;grid-template-columns:224px minmax(0,1fr);column-gap:16px;box-sizing:border-box;width:100%;max-width:1360px;margin-inline:auto;padding-inline:48px}
 .hnav{position:sticky;top:calc(var(--harper-header-height,63px) + 24px);align-self:start;box-sizing:border-box;width:232px;max-height:calc(100vh - var(--harper-header-height,63px) - 48px);margin:24px 0 24px -8px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
 .hnav-main{display:flex;flex-direction:column;box-sizing:border-box;min-width:0;padding:24px 0 128px 15px;border-left:1px solid #e6e2dc}
 html[data-hnav] body .hnav-main>main{box-sizing:border-box;width:auto;max-width:none!important;min-height:0!important;margin:0!important;padding-inline:0!important;padding-top:0!important}
 html[data-hnav] body .hnav-main>main>.panel{padding-top:0!important}
 html[data-hnav] body .hnav-main>details.harper-page-help{order:9;width:100%;max-width:none;margin:24px 0 0}
 html.hnav-closed .hnav-layout{grid-template-columns:0 minmax(0,1fr);column-gap:0}
 html.hnav-closed .hnav{width:0;margin:24px 0 0;overflow:visible}
 html.hnav-closed .hnav-head,html.hnav-closed .hnav-tree{display:none}
 html.hnav-closed .hnav-main{padding-left:0;border-left:0}
 html.hnav-closed .hnav-reopen{position:absolute;left:-40px;top:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #e6e2dc;border-radius:6px;background:#fff;color:#5c544e;cursor:pointer}
 html.hnav-closed .hnav-reopen:hover{color:#800000}
 @media(pointer:coarse){.hnav-row{min-height:44px}.hnav-row.l3{display:flex;min-height:44px;white-space:normal}.hnav-caret,.hnav-toggle{width:44px;height:44px}}
}

@media(max-width:1099px){
 :root{--hnav-dock:0px}
 html[data-hnav]{scroll-padding-top:calc(var(--harper-header-height,56px) + 60px)}
 .hnav-layout{display:block}
 .hnav-bar{position:sticky;top:var(--harper-header-height,56px);z-index:15;display:flex;align-items:center;gap:8px;box-sizing:border-box;width:100%;min-height:44px;padding:0 var(--harper-page-gutter,20px);border:0;border-bottom:1px solid #e6e2dc;background:#fff;color:#800000;font:600 14px/20px system-ui,-apple-system,'Segoe UI',sans-serif;cursor:pointer;text-align:left}
 .hnav-bar-current{margin-left:auto;overflow:hidden;color:#5c544e;font-weight:400;white-space:nowrap;text-overflow:ellipsis}
 .hnav{position:fixed;top:calc(var(--harper-header-height,56px) + 44px);bottom:0;left:0;z-index:14;box-sizing:border-box;width:min(320px,85vw);padding:12px 8px calc(var(--hnav-dock) + 12px);overflow-y:auto;overscroll-behavior:contain;background:#fff;transform:translateX(-100%);visibility:hidden;transition:transform .18s ease,visibility 0s linear .18s}
 html.hnav-open .hnav{transform:none;visibility:visible;transition:transform .18s ease,visibility 0s}
 html.hnav-open{overflow:hidden}
 .hnav-scrim{position:fixed;inset:calc(var(--harper-header-height,56px) + 44px) 0 0 0;z-index:13;display:none;background:rgba(48,43,41,.45)}
 html.hnav-open .hnav-scrim{display:block}
 .hnav-row,.hnav-row.l3{min-height:44px}
 .hnav-caret{width:44px;height:44px}
 .hnav-kids>.hnav-row{padding-right:44px}
 .hnav-toggle{width:44px;height:44px;margin-right:-8px}
 .hnav-main{display:flex;flex-direction:column;box-sizing:border-box;min-width:0;padding-bottom:96px}
 html[data-hnav] body .hnav-main>main{min-height:0!important}
 html[data-hnav] body .hnav-main>details.harper-page-help{order:9}
}
@media(max-width:760px){:root{--hnav-dock:72px}}

/* One surface and one header on every page the pane covers, so nothing jumps between pages. */
html[data-hnav] body{border-top:0!important;padding-top:0!important;margin-top:0!important;background:#fff!important}
html[data-hnav] #harper-header{margin:0!important;padding:0!important}
html[data-hnav] .harper-ribbon{margin:0!important;padding:0!important}
/* What the pane now does: page-level pills, inner breadcrumbs, second rails, "where next" rows and repeat labels. */
html[data-hnav] .recruiting-nav,html[data-hnav] .company-crumb,html[data-hnav] .map-breadcrumb,html[data-hnav] .coffee-guide>.head,html[data-hnav] .coffee-guide .rail,html[data-hnav] main>p:first-child:has(>a[href="/recruiting/#casing"]),html[data-hnav] .section-next,html[data-hnav] .footer{display:none!important}
html[data-hnav] .coffee-guide .shell{display:block!important}
html[data-hnav] main>header .eyebrow,html[data-hnav] .research-intro .eyebrow,html[data-hnav] .view-hero .eyebrow,html[data-hnav] .tips-hero .eyebrow,html[data-hnav] .board-heading .eyebrow,html[data-hnav] .atlas>.chapter:first-child>.inner>.eyebrow,html[data-hnav] .section-head .eyebrow{display:none!important}
/* A recruiting view is a whole page: a deep link or focus move lands at the page top, never partway down. */
html[data-hnav] main#content>.panel,html[data-hnav] main.case-library>section{scroll-margin-top:100000px}
/* The page title sits at the top of the column and starts on the content edge. */
html[data-hnav] body main .panel>.section-head,html[data-hnav] body main .section-head{max-width:none!important;margin:0 0 16px!important;padding:0!important;border:0!important;outline:0!important;background:none!important;box-shadow:none!important;text-align:left!important}
html[data-hnav] body main .section-head::before,html[data-hnav] body main .section-head::after{display:none!important}
html[data-hnav] body main .section-head :is(h1,h2){margin:0 0 4px!important;color:#302b29!important}
html[data-hnav] body main .section-head p{max-width:720px;margin:0!important;color:#5c544e!important;font:400 14px/20px system-ui,-apple-system,'Segoe UI',sans-serif!important}
html[data-hnav] body main .section-head a{color:#800000!important}
html[data-hnav] body .date-ribbon{width:100%;max-width:none!important;margin:0 0 16px!important;border-radius:8px;overflow:hidden}
html[data-hnav] body .date-highlight{display:block;min-height:44px;padding:8px 12px!important}
html[data-hnav] body .date-highlight span{display:inline;margin:0 6px 0 0;color:#800000;font:600 14px/20px system-ui,-apple-system,'Segoe UI',sans-serif!important}
html[data-hnav] body .date-highlight strong{display:inline;margin:0;font:400 14px/20px system-ui,-apple-system,'Segoe UI',sans-serif!important}
html[data-hnav] body .date-highlight small,html[data-hnav] body .calendar-link small{display:none!important}
html[data-hnav] body .calendar-link{min-height:44px;padding:8px 12px!important;font:600 14px/20px system-ui,-apple-system,'Segoe UI',sans-serif!important}
html[data-hnav] .tips-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important;width:auto!important;margin:16px 0!important;position:static!important}
html[data-hnav] .tips-nav a{min-height:44px!important;padding:8px 12px!important;border-radius:6px!important;font-size:14px!important;line-height:20px!important}
html[data-hnav] main:has(>.tips-nav){display:block!important}
html[data-hnav] main>.tips-view{width:auto!important;max-width:none!important;margin:0!important}
html[data-hnav] #plan .switcher{margin-inline:0!important}
html[data-hnav] #plan .save-line{text-align:left!important}
html[data-hnav] .tips-view>h2{font:400 24px/30px Georgia,'Times New Roman',serif!important}
html[data-hnav] .lab-sticky-shell{padding-top:0!important;background:#fff!important;box-shadow:none!important}
@media(min-width:1100px){
 html[data-hnav] .harper-toolbar-search form,html[data-hnav] .harper-toolbar-search input{margin:0!important}
 html[data-hnav] .harper-toolbar-search input{height:38px!important;min-height:38px!important}
 html[data-hnav] .harper-toolbar-search{margin-block:0!important}
 html[data-hnav] .harper-ribbon-inner{height:54px;min-height:54px}
 html[data-hnav] .harper-menu:has(>a[href="/recruiting/"])>a{font-weight:600}
 html[data-hnav] .harper-menu:has(>a[href="/recruiting/"])>a::after{content:'';position:absolute;left:15px;right:15px;bottom:11px;height:2px;background:#800000}
 html[data-hnav] body main h1:not(.library-page-title){margin:0 0 8px!important;font:400 29px/36px Georgia,'Times New Roman',serif!important}
 html[data-hnav] body main .section-head :is(h1,h2){font:400 29px/36px Georgia,'Times New Roman',serif!important}
 html[data-hnav] .tips-hero,html[data-hnav] .board-heading,html[data-hnav] main.case-focused>header{margin:0 0 16px!important;padding:20px 24px!important;border-radius:8px!important}
 html[data-hnav] main>header:first-child,html[data-hnav] main>*:first-child{margin-top:0!important}
 /* Case atlas pages: the same column, with field chapters as inset panels */
 html[data-hnav] .atlas{--col:100%;--gutter:0px;background:none!important}
 html[data-hnav] .atlas .inner{max-width:none!important;padding-inline:0!important}
 html[data-hnav] .atlas .chapter{padding-block:24px!important}
 html[data-hnav] .atlas>.chapter:first-child{padding-top:0!important}
 html[data-hnav] .atlas .chapter.cream{background:none!important}
 html[data-hnav] .atlas .chapter:is(.wine,.ink,.field,.field-deep,.wash){padding:20px 24px!important;border-radius:8px}
 html[data-hnav] .atlas .chapter+.chapter{margin-top:16px;border-top:0!important}
 html[data-hnav] .atlas .chapter.cream+.chapter.cream{margin-top:0;border-top:1px solid #e6e2dc!important}
 html[data-hnav] .atlas h2:not(.cues h2){font-size:24px!important;line-height:30px!important}
 html[data-hnav] .atlas h3{font-size:20px;line-height:26px}
 html[data-hnav] .atlas .lede{font-size:16px!important;line-height:24px!important;margin-bottom:12px!important}
 html[data-hnav].hnav-js :is(.tips-nav,.task-nav,.case-view-nav,.research-nav,.view-tabs,.library-nav){display:none!important}
 .hnav-row.l3{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 html[data-hnav] .atlas .journey-pills,html[data-hnav] .atlas .plan-chapters,html[data-hnav] .atlas .standards-chapters,html[data-hnav] .atlas .atlas-jump{display:none!important}
 html[data-hnav] .atlas .fine{padding-block:12px 0!important}
}
@media(max-width:1099px){
 html[data-hnav] body main h1:not(.library-page-title),html[data-hnav] body main .section-head :is(h1,h2){font:400 24px/30px Georgia,'Times New Roman',serif!important}
}