/* Shared header and view navigation for multi-page Wick Research packets. */
:root{
  --packet-masthead-height:78px;
  --packet-nav-height:50px;
  --packet-shell-max:1880px;
  --packet-gutter:42px;
  --packet-rail-compact:clamp(200px,14vw,224px);
  --packet-rail-data:clamp(220px,15vw,248px);
  --packet-column-gap:clamp(28px,3vw,48px);
  --packet-marker-column:28px;
  --packet-marker-gap:6px;
  --packet-code-column:32px;
  --packet-code-gap:8px;
  --packet-code-font:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
}

.research-packet-page .package-strip{
  position:fixed;
  top:var(--packet-masthead-height);
  right:0;
  left:0;
  z-index:900;
  height:var(--packet-nav-height);
  border-bottom:1px solid rgba(221,211,196,.9);
  background:rgba(250,246,239,.96);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.research-packet-page .package-strip-inner{
  display:flex!important;
  align-items:center;
  gap:0;
  height:100%;
  width:100%;
  max-width:var(--packet-shell-max);
  margin:0 auto;
  padding:0 var(--packet-gutter);
}
.research-packet-page .package-exit{
  display:inline-flex;
  flex:0 0 40px;
  align-items:center;
  justify-content:flex-start;
  height:28px;
  margin-right:24px;
  border-right:1px solid var(--line);
  color:var(--ink-soft);
  text-decoration:none;
}
.research-packet-page .package-exit span{
  display:block;
  font-family:var(--sans);
  font-size:18px;
  font-weight:650;
  line-height:1;
  transform:translateY(-1px);
}
.research-packet-page .package-exit:hover{color:var(--ink)}
.research-packet-page .package-exit:focus-visible{
  outline:2px solid var(--blue-strong);
  outline-offset:3px;
}
.research-packet-page .package-links{
  display:flex!important;
  flex:1 1 auto;
  flex-wrap:nowrap;
  align-items:stretch;
  gap:26px;
  width:100%;
  height:100%;
  overflow-x:auto;
  border:0;
  background:transparent;
  scrollbar-width:none;
}
.research-packet-page .package-links::-webkit-scrollbar{display:none}
.research-packet-page .package-links a{
  flex:0 0 auto;
  min-height:0;
  height:100%;
  padding-top:1px;
  font-size:10.5px;
  letter-spacing:.12em;
}
.research-packet-page .package-links a::after{bottom:0}
.research-packet-page .package-links a.active::after{background:var(--blue-strong)}
.research-packet-page .package-links a:focus-visible{outline-color:var(--blue-strong)}
.research-packet-page .package-menu{display:none!important}

.research-packet-page .layout{
  display:grid;
  align-items:start;
  width:100%;
  max-width:var(--packet-shell-max);
  margin-top:var(--packet-nav-height);
  padding-right:var(--packet-gutter);
  padding-left:var(--packet-gutter);
}
.research-packet-page.packet-resources .layout{
  grid-template-columns:var(--packet-rail-compact) minmax(0,1fr);
  column-gap:var(--packet-column-gap);
}
.research-packet-page.packet-article .layout{
  grid-template-columns:180px minmax(0,860px);
  column-gap:48px;
}
.research-packet-page.packet-results .layout,
.research-packet-page.packet-crosstabs .layout{
  grid-template-columns:var(--packet-rail-data) minmax(0,1fr);
  column-gap:var(--packet-column-gap);
}
.research-packet-page.packet-article .layout{padding-top:26px}
.research-packet-page.packet-article .content-wrap .col{
  max-width:860px;
  margin-right:0;
  margin-left:0;
}
.research-packet-page .content-column{min-width:0}
.research-packet-page .hero{
  margin-top:0;
  padding:32px 0 30px;
  border-bottom:1px solid var(--line);
}
.research-packet-page .hero-inner{max-width:none;padding:0}
.research-packet-page .hero-grid{display:block!important}
.research-packet-page .hero-text{max-width:none}
.research-packet-page .backlink{margin-bottom:22px}
.research-packet-page .packet-context{
  margin:0 0 12px;
  font-family:var(--sans);
  font-size:11px;
  font-weight:800;
  line-height:1.35;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--ink-soft);
}
.research-packet-page .hero-title{
  max-width:1050px;
  margin:0 0 18px;
  font-size:clamp(36px,4vw,48px);
  line-height:1.05;
  letter-spacing:0;
}
.research-packet-page .hero-title.view-title{
  max-width:850px;
  font-size:clamp(34px,3.4vw,44px);
}
.research-packet-page .hero .dek{
  max-width:76ch;
  margin:0;
  font-size:18px;
  line-height:1.55;
}

.research-packet-page .sidenav{
  top:calc(var(--packet-masthead-height) + var(--packet-nav-height) + 14px);
  padding-top:32px;
}
.research-packet-page .rail-resources{
  margin:0 0 24px;
  font-family:var(--sans);
}
.research-packet-page .rail-resources-head{
  margin:0 0 8px 12px;
}
.research-packet-page .rail-resources-title{
  display:block;
  font-family:var(--sans);
  font-size:10px;
  font-weight:850;
  line-height:1.2;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--sea-strong,#2F716A);
}
.research-packet-page .rail-resource-list{display:grid;gap:1px}
.research-packet-page .rail-resource{
  display:grid;
  grid-template-columns:var(--packet-code-column) minmax(0,1fr);
  gap:var(--packet-code-gap);
  align-items:center;
  min-height:0;
  padding:5px 10px 5px 12px;
  border:0;
  border-left:2px solid var(--line);
  background:transparent;
  color:var(--ink-soft);
  font-family:var(--sans);
  text-decoration:none;
}
.research-packet-page .rail-resource:hover,
.research-packet-page .rail-resource:focus-visible{
  color:var(--ink);
}
.research-packet-page .rail-resource:focus-visible{
  outline:2px solid var(--blue-strong,#6F8794);
  outline-offset:-2px;
}
.research-packet-page .rail-resource.is-current{
  border-left-color:var(--blue-strong,#6F8794);
  color:var(--ink);
}
.research-packet-page .rail-resource-icon{
  display:grid;
  place-items:center;
  width:16px;
  height:16px;
  color:var(--blush,#F68B73);
}
.research-packet-page .rail-resource-icon svg{
  display:block;
  width:14px;
  height:14px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.research-packet-page .rail-resource-name{
  display:block;
  font-size:12px;
  font-weight:400;
  line-height:1.22;
  letter-spacing:0;
  color:inherit;
}
.research-packet-page .rail-resource-format{
  font-size:inherit;
  font-weight:inherit;
  letter-spacing:inherit;
  color:inherit;
}
.research-packet-page .rail-contents-label{
  margin:0 0 8px 12px;
  font-family:var(--sans);
  font-size:10px;
  font-weight:850;
  line-height:1.2;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--sea-strong,#2F716A);
}
.research-packet-page.packet-article .section-nav a{
  display:grid;
  grid-template-columns:var(--packet-code-column) minmax(0,1fr);
  gap:var(--packet-code-gap);
  align-items:baseline;
  padding:5px 10px 5px 12px;
  font-size:12px;
  font-weight:400;
  line-height:1.22;
  letter-spacing:0;
  text-transform:none;
}
.research-packet-page.packet-article .section-nav a.on{font-weight:800}
.research-packet-page.packet-article .section-code{
  font-family:var(--packet-code-font);
  font-size:10px;
  font-weight:800;
  line-height:1;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:var(--sea-strong,#2F716A);
}
.research-packet-page.packet-results .question-nav .qnum,
.research-packet-page.packet-crosstabs .question-nav .qnum,
.research-packet-page .question-nav .nav-section-code,
.research-packet-page .question-fab-code{
  font-family:var(--packet-code-font);
  font-variant-numeric:tabular-nums;
  letter-spacing:.02em;
}
.research-packet-page.packet-article .content-wrap > main > section:first-child{padding-top:52px}
.research-packet-page.packet-resources .content > section:first-of-type{padding-top:34px}
.research-packet-page section,
.research-packet-page .result-card,
.research-packet-page .matrix-card,
.research-packet-page .matrix-row{
  scroll-margin-top:calc(var(--packet-masthead-height) + var(--packet-nav-height) + 28px);
}
.research-packet-page.packet-crosstabs .xtab-head{
  top:calc(var(--packet-masthead-height) + var(--packet-nav-height));
}

@media (min-width:981px){
  .research-packet-page .question-nav{
    top:calc(var(--packet-masthead-height) + var(--packet-nav-height) + 14px);
    max-height:calc(100vh - var(--packet-masthead-height) - var(--packet-nav-height) - 34px);
  }
  .research-packet-page.packet-results .question-nav,
  .research-packet-page.packet-crosstabs .question-nav{padding-top:32px}
  .research-packet-page.packet-results .question-nav ol a,
  .research-packet-page.packet-crosstabs .question-nav ol button{
    grid-template-columns:var(--packet-code-column) minmax(0,1fr);
    gap:var(--packet-code-gap);
  }
  .research-packet-page.packet-results .question-nav .group,
  .research-packet-page.packet-crosstabs .question-nav .group{
    display:grid;
    grid-template-columns:var(--packet-code-column) minmax(0,1fr);
    gap:var(--packet-code-gap);
    align-items:center;
    margin:14px 0 5px;
    padding:0 10px 0 14px;
  }
  .research-packet-page .question-nav .nav-section-code{
    display:block;
    justify-self:start;
    color:var(--blush-electric,#F26F5E);
    font-size:10px;
    font-weight:850;
    line-height:1.2;
    letter-spacing:.02em;
  }
  .research-packet-page .question-nav .nav-section-name{
    color:var(--ink-soft);
    font-size:10px;
    font-weight:800;
    line-height:1.2;
    letter-spacing:.08em;
  }
}

@media (max-width:980px){
  :root{--packet-gutter:34px}
  .research-packet-page .layout{display:block}
  .research-packet-page .hero{padding:26px 0 28px}
  .research-packet-page .hero-title,
  .research-packet-page .hero-title.view-title{font-size:36px}
  .research-packet-page .package-strip-inner{padding:0 var(--packet-gutter)}
  .research-packet-page .package-links{gap:22px}
  .research-packet-page.packet-results .rail-resources,
  .research-packet-page.packet-results .rail-contents-label,
  .research-packet-page.packet-crosstabs .rail-resources,
  .research-packet-page.packet-crosstabs .rail-contents-label{display:none}
  .research-packet-page .question-nav .nav-section-code::after{content:" / "}
}

@media (max-width:760px){
  :root{
    --packet-masthead-height:68px;
    --packet-gutter:22px;
  }
  .research-packet-page .package-strip-inner{padding:0 var(--packet-gutter)}
  .research-packet-page .package-exit{flex-basis:32px;margin-right:12px}
  .research-packet-page .package-links{gap:18px}
  .research-packet-page .package-links a{font-size:10px;letter-spacing:.09em}
  .research-packet-page .hero{padding:28px 0 32px}
  .research-packet-page .hero-inner{padding:0}
  .research-packet-page .backlink{margin-bottom:18px;font-size:12px}
  .research-packet-page .packet-context{margin-bottom:10px;font-size:10px;letter-spacing:.12em}
  .research-packet-page .hero-title,
  .research-packet-page .hero-title.view-title{font-size:30px;line-height:1.08}
  .research-packet-page .hero .dek{font-size:16px;line-height:1.5}
}

@media (max-width:380px){
  .research-packet-page .package-strip-inner{padding:0 var(--packet-gutter)}
  .research-packet-page .package-exit{flex-basis:30px;margin-right:10px}
  .research-packet-page .package-links{gap:10px}
  .research-packet-page .package-links a{font-size:9px;letter-spacing:.04em}
}

@media print{
  .research-packet-page .layout{margin-top:0!important}
  .research-packet-page .rail-resources{display:none!important}
}