/* Shared editorial components for the approved local design direction. */
#num-white-celestial .nw-logo{gap:10px}
#num-white-celestial .nw-brand-mark{display:block;width:44px;height:44px;object-fit:contain;flex-shrink:0}
@container(max-width:600px){#num-white-celestial .nw-brand-mark{width:38px;height:38px}}
@container(max-width:370px){#num-white-celestial .nw-logo{font-size:26px;gap:7px}#num-white-celestial .nw-brand-mark{width:32px;height:32px}}
#num-white-celestial .site-header > .nw-wrap{position:relative}
#num-white-celestial .site-nav{gap:24px}
#num-white-celestial .site-nav .site-formats-toggle{display:inline-flex;align-items:center;gap:7px;font-size:14px;min-height:44px;background:none;border:0;padding:8px 0;color:#283853}
#num-white-celestial .site-formats-toggle[aria-expanded="true"]{color:#243F89}
#num-white-celestial .site-chevron{font-size:18px;line-height:1;transition:transform .15s}
#num-white-celestial .site-formats-toggle[aria-expanded="true"] .site-chevron{transform:rotate(180deg)}
#num-white-celestial .site-formats-panel{position:absolute;top:100%;left:0;width:min(760px,100%);background:#fff;border:1px solid #D5DDEB;box-shadow:0 16px 30px #17224712;padding:28px 30px;z-index:21}
#num-white-celestial .site-format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 26px}
#num-white-celestial .site-format-grid a{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;white-space:normal;padding:12px 10px;gap:3px;border-radius:3px;min-width:0}
#num-white-celestial .site-format-grid a:hover{background:#EEF5FF;text-decoration:none}
#num-white-celestial .site-format-grid strong{font-size:16px;font-weight:500;line-height:1.6}
#num-white-celestial .site-format-grid a span{font-size:14px;line-height:1.6;color:#4A5268}
#num-white-celestial .site-format-grid a[aria-current="page"]{background:#EEF5FF}
#num-white-celestial .site-format-extras{display:flex;align-items:center;gap:8px 24px;flex-wrap:wrap;border-top:1px solid #DFE3EB;margin-top:20px;padding:17px 10px 0}
#num-white-celestial .site-format-extras > span{font-size:14px;color:#4A5268}
#num-white-celestial .site-format-extras a{white-space:normal}
#num-white-celestial .site-mobile-link{display:none}
#num-white-celestial .site-quicklinks{gap:0 21px}
#num-white-celestial .site-footer-grid{display:grid;grid-template-columns:1.15fr .9fr .95fr 1.05fr;gap:30px}
#num-white-celestial .nw-footer{padding-top:48px}
#num-white-celestial .site-footer-brand p{font-size:14px;color:#D1D9F0;line-height:1.8;max-width:240px;margin-top:20px}
#num-white-celestial .site-footer-links{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;font-size:14px;line-height:1.65;min-width:0}
#num-white-celestial .site-footer-links a{padding-block:3px;overflow-wrap:anywhere}
#num-white-celestial .site-footer-links a:hover{text-decoration:underline;text-underline-offset:5px}
#num-white-celestial .site-footer-title{font-size:14px;font-weight:500;color:#B8D0EB;padding-bottom:9px}
#num-white-celestial .nw-footer-bottom{margin-top:35px}
#num-white-celestial :is(.nw-steps,.nr-steps){gap:30px;margin-top:42px}
#num-white-celestial :is(.nw-steps,.nr-steps) > li{position:relative;min-width:0;padding:0 0 0 30px;border-left:1px solid #D5DDEB}
#num-white-celestial :is(.nw-steps,.nr-steps) > li:first-child{border-left:0;padding-left:0}
#num-white-celestial :is(.nw-step-number,.nr-step-number){display:flex;align-items:center;justify-content:center;width:64px;height:64px;font-size:36px;line-height:1;letter-spacing:-.04em;border:1px solid #AAB9D6;border-radius:50%;color:#3C4F98;background:#fff}
#num-white-celestial :is(.nw-step-title,.nr-steps h3){font-size:32px;line-height:1.13;margin-top:23px;font-weight:500}
#num-white-celestial :is(.nw-step-text,.nr-steps p){margin-top:15px;font-size:16px;line-height:1.85}
#num-white-celestial .nr-prepare-check{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #5D7099;border-radius:50%;font-size:17px;color:#243F89;line-height:1;margin-top:2px}
#num-white-celestial .nr-prepare-list h3{margin-top:18px}
#num-white-celestial .has-celestial-seam{position:relative}
#num-white-celestial :is(.nw-sample,.nr-result).has-celestial-seam{padding-top:98px}
#num-white-celestial .celestial-seam{position:absolute;left:50%;top:28px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:15px;width:min(640px,calc(100% - 72px));height:26px;pointer-events:none;color:#C6B6F3}
#num-white-celestial .celestial-seam::before,#num-white-celestial .celestial-seam::after{content:"";height:1px;flex:1;background:#B8D0EB55}
#num-white-celestial .celestial-main{font-size:24px;line-height:1}
#num-white-celestial .celestial-small{font-size:13px;line-height:1;color:#B8D0EB}
#num-white-celestial .nw-final.has-celestial-seam{padding-top:77px}
#num-white-celestial .nw-final .celestial-seam{top:18px;width:min(380px,calc(100% - 72px));color:#3C4F98}
#num-white-celestial .nw-final .celestial-small{color:#53699E}
#num-white-celestial .nw-final .celestial-seam::before,#num-white-celestial .nw-final .celestial-seam::after{background:#AAB9D6}
#num-white-celestial .nw-approach{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:80px;padding-block:79px 75px;border-bottom:1px solid #DFE3EB}
#num-white-celestial .nw-approach-intro .nw-heading{margin-top:16px;max-width:430px}
#num-white-celestial .nw-approach-intro > p:not(.nw-kicker){font-size:16px;color:#4A5268;line-height:1.85;margin-top:25px;max-width:480px}
#num-white-celestial .nw-approach-intro > a{display:inline-block;margin-top:22px;text-decoration:underline;text-underline-offset:6px}
#num-white-celestial .nw-approach-points{display:grid;gap:27px;padding-top:5px}
#num-white-celestial .nw-approach-points article{display:grid;grid-template-columns:23px minmax(0,1fr);gap:18px}
#num-white-celestial .nw-approach-points article > span{color:#3C4F98;font-size:19px;line-height:1;padding-top:8px}
#num-white-celestial .nw-approach-points h3{font-size:30px;line-height:1.15;font-weight:500}
#num-white-celestial .nw-approach-points p{font-size:16px;line-height:1.85;color:#4A5268;margin-top:12px}
@media(min-width:941px){
  #num-white-celestial .site-account{display:inline-flex}
  #num-white-celestial .site-nav .site-nav-account{display:none!important}
  #num-white-celestial .site-nav .site-mobile-link{display:none}
}
@media(max-width:940px){
  #num-white-celestial .site-nav{align-items:stretch;flex-direction:column;gap:0;padding-bottom:20px}
  #num-white-celestial .site-nav > a{padding-block:7px}
  #num-white-celestial .site-nav .site-mobile-link{display:inline-flex}
  #num-white-celestial .site-nav .site-formats-toggle{width:100%;justify-content:space-between;padding-block:10px;font-size:16px}
  #num-white-celestial .site-formats-panel{position:static;width:100%;padding:14px 10px;box-shadow:none;margin:4px 0 12px}
  #num-white-celestial .site-format-grid{gap:4px 16px}
  #num-white-celestial .site-format-extras{gap:6px 20px;padding-inline:10px}
  #num-white-celestial .site-format-extras > span{width:100%}
  #num-white-celestial .site-footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}
  #num-white-celestial .site-footer-brand{grid-column:1 / -1}
  #num-white-celestial .site-footer-brand p{max-width:400px;margin-top:14px}
}
@container(max-width:850px){
  #num-white-celestial .nw-approach{gap:38px}
  #num-white-celestial :is(.nw-steps,.nr-steps){gap:22px}
  #num-white-celestial :is(.nw-steps,.nr-steps) > li{padding-left:22px}
  #num-white-celestial :is(.nw-step-title,.nr-steps h3){font-size:29px}
}
@container(max-width:650px){
  #num-white-celestial :is(.nw-steps,.nr-steps){grid-template-columns:1fr;gap:30px;margin-top:32px}
  #num-white-celestial :is(.nw-steps,.nr-steps) > li,#num-white-celestial :is(.nw-steps,.nr-steps) > li:first-child{display:grid;grid-template-columns:52px minmax(0,1fr);gap:0 20px;border-left:0;padding:0}
  #num-white-celestial :is(.nw-steps,.nr-steps) > li:not(:last-child)::after{content:"";position:absolute;top:52px;bottom:-30px;left:26px;width:1px;background:#D5DDEB}
  #num-white-celestial :is(.nw-step-number,.nr-step-number){grid-column:1;grid-row:1 / 3;width:52px;height:52px;font-size:30px;z-index:1}
  #num-white-celestial :is(.nw-step-title,.nr-steps h3){grid-column:2;margin-top:8px;font-size:29px}
  #num-white-celestial :is(.nw-step-text,.nr-steps p){grid-column:2;margin-top:12px}
  #num-white-celestial .nr-prepare-list li{grid-template-columns:28px minmax(0,1fr);gap:15px}
  #num-white-celestial .nr-prepare-list h3{margin-top:0}
  #num-white-celestial .nr-prepare-check{margin-top:3px}
  #num-white-celestial .nw-approach{grid-template-columns:1fr;gap:32px;padding-block:46px}
  #num-white-celestial .nw-approach-intro .nw-heading{max-width:450px}
  #num-white-celestial .nw-approach-intro > p:not(.nw-kicker){margin-top:20px}
  #num-white-celestial .nw-approach-points{gap:25px}
  #num-white-celestial .nw-approach-points h3{font-size:29px}
  #num-white-celestial :is(.nw-sample,.nr-result).has-celestial-seam{padding-top:82px}
  #num-white-celestial .celestial-seam{top:22px;width:calc(100% - 48px)}
}
@container(max-width:500px){
  #num-white-celestial .site-format-grid{grid-template-columns:1fr}
  #num-white-celestial .site-format-grid a{padding:10px}
  #num-white-celestial .site-format-extras{flex-direction:column;align-items:flex-start;gap:3px}
  #num-white-celestial .site-footer-grid{grid-template-columns:1fr 1fr;gap:29px 25px}
  #num-white-celestial .site-footer-grid > nav:last-child{grid-column:1 / -1}
  #num-white-celestial .site-footer-grid > nav:last-child{display:grid;grid-template-columns:1fr 1fr;gap:8px 25px}
  #num-white-celestial .site-footer-grid > nav:last-child .site-footer-title{grid-column:1 / -1}
}
@media(prefers-reduced-motion:reduce){
  #num-white-celestial .site-chevron{transition:none}
}