/* Shared editorial layout for the three referral planning resources. */
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:110px
}
body {
  margin:0;
  background:#0c1222;
  color:#fff;
  font-family:Inter,sans-serif
}
p,li,dd,blockquote {
  font-family:"DM Sans",sans-serif
}
.resource-hero {
  background:#101a2d;
  padding:150px 24px 72px
}
.resource-hero-inner {
  max-width:1120px;
  margin:auto
}
.resource-back {
  display:inline-block;
  color:#b9c2d0;
  font-size:14px;
  text-decoration:none;
  margin-bottom:42px
}
.resource-back:hover {
  color:#fff
}
.resource-eyebrow {
  color:#ff845c;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.15em;
  margin:0 0 20px
}
.resource-hero h1 {
  font-size:clamp(36px,5.2vw,64px);
  line-height:1.07;
  letter-spacing:-.045em;
  font-weight:800;
  max-width:940px;
  margin:0 0 24px
}
.resource-deck {
  max-width:730px;
  font-size:20px;
  line-height:1.65;
  color:#bdc6d5;
  margin:0
}
.resource-layout {
  max-width:1168px;
  padding:64px 24px 88px;
  margin:auto;
  display:grid;
  grid-template-columns:240px minmax(0,740px);
  gap:72px;
  align-items:start
}
.resource-toc {
  position:sticky;
  top:110px;
  font-size:14px;
  line-height:1.6
}
.resource-toc strong {
  display:block;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#fff;
  margin-bottom:18px
}
.resource-toc ul {
  list-style:none;
  padding:0;
  margin:0
}
.resource-toc li {
  margin:0 0 14px
}
.resource-toc a {
  color:#aab7ca;
  text-decoration:none;
  display:block;
  padding:3px 0
}
.resource-toc a:hover,.resource-toc a:focus {
  color:#ff845c
}
.resource-editorial {
  font-size:18px;
  line-height:1.85;
  color:#bdc6d5;
  min-width:0
}
.resource-editorial>p:first-child {
  font-size:21px;
  line-height:1.7;
  color:#eef1f6;
  margin-top:0
}
.resource-editorial p {
  margin:0 0 1.35em
}
.resource-editorial h2 {
  color:#fff;
  font-size:30px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:-.035em;
  margin:0 0 24px
}
.resource-editorial section {
  margin:60px 0 0;
  scroll-margin-top:110px
}
.resource-editorial h3 {
  color:#fff;
  font-size:21px;
  line-height:1.4;
  font-weight:700;
  letter-spacing:-.02em;
  margin:30px 0 12px
}
.resource-editorial ul,.resource-editorial ol {
  padding-left:25px;
  margin:0 0 26px
}
.resource-editorial li {
  padding-left:4px;
  margin-bottom:12px
}
.resource-editorial li::marker {
  color:#ff845c
}
.resource-editorial a {
  color:#ff916e;
  text-decoration:underline;
  text-underline-offset:4px;
  text-decoration-thickness:1px;
  overflow-wrap:anywhere
}
.resource-editorial a:hover {
  color:#fff
}
.resource-editorial strong,.resource-editorial dt {
  color:#eef1f6;
  font-weight:700
}
.resource-editorial dl {
  margin:24px 0
}
.resource-editorial dt {
  font-size:19px;
  margin:25px 0 8px
}
.resource-editorial dd {
  margin:0 0 23px
}
.resource-editorial blockquote {
  background:#17243a;
  margin:28px 0;
  padding:28px 32px;
  color:#e0e7f2
}
.resource-editorial blockquote p:last-child {
  margin-bottom:0
}
.resource-template {
  background:#162238;
  padding:30px;
  margin:28px 0
}
.resource-template p:last-child {
  margin-bottom:0
}
.resource-example {
  margin:26px 0
}
.resource-related {
  background:#162238;
  margin-top:60px;
  padding:32px
}
.resource-related h2 {
  font-size:26px
}
.resource-related p:last-child {
  margin-bottom:0
}
.resource-next {
  display:inline-block;
  margin-top:24px;
  color:#ff916e;
  font-weight:700;
  font-size:15px
}
.resource-editorial table {
  width:100%;
  border-collapse:collapse;
  font-size:16px
}
.resource-editorial th,.resource-editorial td {
  text-align:left;
  vertical-align:top;
  padding:12px;
  overflow-wrap:anywhere
}
.resource-editorial th {
  color:white
}
.resource-editorial img {
  max-width:100%;
  height:auto
}
a:focus-visible {
  outline:2px solid #ff845c;
  outline-offset:5px
}
.resource-skip {
  position:fixed;
  left:16px;
  top:-100px;
  background:white;
  color:#101a2d;
  padding:12px;
  z-index:100000
}
.resource-skip:focus {
  top:12px
}
@media(max-width:900px) {
  .resource-layout {
  grid-template-columns:1fr;
  gap:36px;
  max-width:788px;
  padding-top:36px
}
.resource-toc {
  position:static;
  background:#162238;
  padding:24px
}
.resource-toc ul {
  columns:2;
  column-gap:28px
}
.resource-toc li {
  break-inside:avoid
}
.resource-hero {
  padding-top:120px
}
.resource-back {
  margin-bottom:30px
}

}
@media(max-width:540px) {
  .resource-hero {
  padding:110px 22px 44px
}
.resource-hero h1 {
  font-size:38px
}
.resource-deck {
  font-size:18px
}
.resource-layout {
  padding:30px 22px 56px;
  gap:30px
}
.resource-toc ul {
  columns:1
}
.resource-toc li {
  margin-bottom:8px
}
.resource-editorial {
  font-size:17px;
  line-height:1.8
}
.resource-editorial>p:first-child {
  font-size:19px
}
.resource-editorial h2 {
  font-size:27px
}
.resource-editorial section {
  margin-top:44px
}
.resource-template,.resource-related,.resource-editorial blockquote {
  padding:23px
}
.resource-related {
  margin-top:44px
}
.resource-editorial h3 {
  font-size:20px
}

}
@media(prefers-reduced-motion:reduce) {
  html {
  scroll-behavior:auto
}

}