/* CG183 · /letter/ (Letter 001), from the approved bold sheet. */
@media (min-width:761px){
html body main#main:not(#z1):not(#z2):not(#z3) .px-ahero{background:radial-gradient(90% 70% at 50% 0%,#3f7bff 0%,rgba(21,89,245,0) 60%),linear-gradient(180deg,#1559f5 0%,#1148d4 55%,#0a1633 100%)!important;padding-bottom:96px!important;overflow:hidden;position:relative}
html body main#main:not(#z1):not(#z2):not(#z3) .px-ahero .px-hgrid{grid-template-columns:180px minmax(0,1fr)!important}
html body main#main:not(#z1):not(#z2):not(#z3) .px-ahero .px-hmain{max-width:1088px!important;grid-column:1/-1!important;position:relative;z-index:2}
html body main#main:not(#z1):not(#z2):not(#z3) .px-ahero .px-hk{font:500 13px/1 "IBM Plex Mono",monospace!important;letter-spacing:.18em!important;text-transform:uppercase;color:#bfd0ff!important}
html body main#main:not(#z1):not(#z2):not(#z3) .px-ahero .px-hk a{color:#fff!important}
html body main#main:not(#z1):not(#z2):not(#z3) .px-ahero .rlede{font-size:24px!important;line-height:1.5!important;max-width:680px!important;color:#dfe7fb!important}
html body main#main:not(#z1):not(#z2):not(#z3) .px-ahero .px-byl{margin-top:40px!important}
html body main#main:not(#z1):not(#z2):not(#z3) .px-ahero .px-who img{width:56px!important;height:56px!important}
html body main#main:not(#z1):not(#z2):not(#z3) .up-no{position:absolute;right:-30px;bottom:-90px;font:800 520px/.8 Rubik,sans-serif;letter-spacing:-30px;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.16);z-index:1;pointer-events:none;user-select:none}
html body main#main:not(#z1):not(#z2):not(#z3) .up-band{position:relative;overflow:hidden;background:#0a1633;color:#fff}
html body main#main:not(#z1):not(#z2):not(#z3) .up-band.ph{height:760px;margin-top:72px;margin-bottom:72px}
html body main#main:not(#z1):not(#z2):not(#z3) .up-band.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html body main#main:not(#z1):not(#z2):not(#z3) .up-band.ph .sc{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,22,51,0) 35%,rgba(10,22,51,.88) 100%)}
html body main#main:not(#z1):not(#z2):not(#z3) .up-band .ov{position:absolute;left:calc(50% - 544px);bottom:80px;max-width:980px}
html body main#main:not(#z1):not(#z2):not(#z3) .up-band .k{font:500 13px/1 "IBM Plex Mono",monospace;letter-spacing:.18em;color:#bfd0ff;text-transform:uppercase}
html body main#main:not(#z1):not(#z2):not(#z3) .up-band blockquote{margin:24px 0 0;font:800 92px/.95 Rubik,sans-serif;letter-spacing:-4px;color:#fff;quotes:none}
html body main#main:not(#z1):not(#z2):not(#z3) .up-band.st{padding:152px 0;margin-top:80px;margin-bottom:24px;background:radial-gradient(70% 90% at 85% 10%,rgba(21,89,245,.45) 0%,rgba(21,89,245,0) 60%),#0a1633}
html body main#main:not(#z1):not(#z2):not(#z3) .up-band.st .in{max-width:1088px;margin:0 auto}
html body main#main:not(#z1):not(#z2):not(#z3) .up-band.st blockquote{font-size:108px;letter-spacing:-5px;line-height:.94}
html body main#main:not(#z1):not(#z2):not(#z3) .up-band.st blockquote em{font-style:normal;color:#5b8cfa}
html body main#main:not(#z1):not(#z2):not(#z3) .up-band .src{display:block;margin-top:32px;font:500 15px Rubik;color:#b9c4dd}
html body main#main:not(#z1):not(#z2):not(#z3) .up-rcpt{background:#f5f7fc;padding:72px 0;margin:56px 0 64px;border-top:1px solid #e3e8f2;border-bottom:1px solid #e3e8f2}
html body main#main:not(#z1):not(#z2):not(#z3) .up-rcpt .in{max-width:1088px;margin:0 auto;display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:0}
html body main#main:not(#z1):not(#z2):not(#z3) .up-rcpt .c{padding:0 24px;border-left:1px solid #e3e8f2}
html body main#main:not(#z1):not(#z2):not(#z3) .up-rcpt .c:first-child{padding-left:0;border-left:0}
html body main#main:not(#z1):not(#z2):not(#z3) .up-rcpt b{display:block;font:800 64px/1 Rubik;letter-spacing:-3px;color:#0a1633}
html body main#main:not(#z1):not(#z2):not(#z3) .up-rcpt .c:first-child b{color:#1559f5}
html body main#main:not(#z1):not(#z2):not(#z3) .up-rcpt span{display:block;margin-top:16px;font:400 15px/1.45 Rubik;color:#56607a}
html body main#main:not(#z1):not(#z2):not(#z3) .up-rcpt span i{font-style:normal;font-weight:600;color:#0a1633}
html body main#main:not(#z1):not(#z2):not(#z3) .article-body .section-number{display:flex!important;align-items:baseline;gap:16px;margin:96px 0 8px!important;padding:0!important;border:0!important;background:none!important}
html body main#main:not(#z1):not(#z2):not(#z3) .article-body .section-number>b{font:800 132px/.8 Rubik!important;letter-spacing:-7px!important;color:#1559f5!important;background:none!important;padding:0!important;width:auto!important;height:auto!important;border:0!important}
html body main#main:not(#z1):not(#z2):not(#z3) .article-body .section-number::after{content:attr(data-t);font:500 13px/1 "IBM Plex Mono",monospace;letter-spacing:.18em;text-transform:uppercase;color:#0a1633}
html body main#main:not(#z1):not(#z2):not(#z3) .article-body .prose h2[id]{font-size:84px!important;letter-spacing:-3.6px!important;line-height:.95!important;margin-bottom:32px!important}
html body main#main:not(#z1):not(#z2):not(#z3) .article-body .prose h2[id] *{font-size:inherit!important}
html body main#main:not(#z1):not(#z2):not(#z3) .article-body .prose{font-size:20px!important}
html body main#main:not(#z1):not(#z2):not(#z3) .article-body .prose>p{font-size:20px!important;line-height:1.72!important}
html body main#main:not(#z1):not(#z2):not(#z3) .article-body .tg-salute{font-size:24px!important}
html body main#main:not(#z1):not(#z2):not(#z3) .article-body .tg-drop::first-letter{font-size:112px!important;line-height:.8!important;color:#1559f5!important;padding-right:8px!important}
html body main#main:not(#z1):not(#z2):not(#z3) .article-body #p-24{background:#eef3ff;border-left:4px solid #1559f5;border-radius:0 24px 24px 0;padding:32px 36px!important;margin:48px 0!important}
html body main#main:not(#z1):not(#z2):not(#z3) .article-body nav.toc{position:sticky!important;top:120px!important}
html body main#main:not(#z1):not(#z2):not(#z3) .article-body nav.toc a{font-size:15px!important;line-height:1.35!important;padding:8px 0!important;display:grid!important;grid-template-columns:30px 1fr;border-top:1px solid #e3e8f2}
html body main#main:not(#z1):not(#z2):not(#z3) .article-body nav.toc a b{font:500 13px/1.6 "IBM Plex Mono",monospace;color:#1559f5}
html body main#main:not(#z1):not(#z2):not(#z3) .article-body .tg-sig img{width:72px!important;height:72px!important}
html body main#main:not(#z1):not(#z2):not(#z3) .article-body .tg-next{background:#0a1633!important;border:0!important;border-radius:24px!important;padding:44px 44px 40px!important;color:#fff!important}
html body main#main:not(#z1):not(#z2):not(#z3) .article-body .tg-next .tg-k{font:500 13px/1.4 "IBM Plex Mono",monospace!important;letter-spacing:.14em!important;text-transform:uppercase;color:#bfd0ff!important}
html body main#main:not(#z1):not(#z2):not(#z3) .article-body .tg-next .tg-k span{display:block;font:800 104px/1 Rubik!important;letter-spacing:-5px!important;color:#5b8cfa!important;margin:16px 0 8px;text-transform:none}
html body main#main:not(#z1):not(#z2):not(#z3) .article-body .tg-next .tg-nt{font:800 40px/1.05 Rubik!important;letter-spacing:-1.5px!important;color:#fff!important}
html body main#main:not(#z1):not(#z2):not(#z3) .article-body .tg-next .tg-nd{font-size:17px!important;color:#b9c4dd!important}
html body main#main:not(#z1):not(#z2):not(#z3) .article-body .morecard,html body main#main:not(#z1):not(#z2):not(#z3) .article-body .convo,html body main#main:not(#z1):not(#z2):not(#z3) .article-body .cg-author{border-radius:24px!important}
html body main#main:not(#z1):not(#z2):not(#z3) .article-body .morecard .mt{font-size:40px!important;letter-spacing:-1.4px!important}
}
/* the hero title, the giant outlined issue number */
@media (min-width:761px){
  html body main#main:not(#z1):not(#z2):not(#z3) .px-ahero h1{font-size:clamp(88px,11.6vw,168px)!important;letter-spacing:-.048em!important;line-height:.9!important;max-width:none!important}
}
/* full-bleed bands break out of the 680px reading column (the column sits 102px right of centre from 1100 up) */
html body{overflow-x:clip}
html body main#main:not(#z1):not(#z2):not(#z3) :is(.up-band,.up-rcpt){width:100vw;margin-left:-20px!important}
@media (min-width:761px) and (max-width:900px){html body main#main:not(#z1):not(#z2):not(#z3) :is(.up-band,.up-rcpt){margin-left:-40px!important}}
@media (min-width:901px) and (max-width:1099px){html body main#main:not(#z1):not(#z2):not(#z3) :is(.up-band,.up-rcpt){width:100%;margin-left:0!important;border-radius:24px}}
@media (min-width:1100px){html body main#main:not(#z1):not(#z2):not(#z3) :is(.up-band,.up-rcpt){margin-left:calc(238px - 50vw)!important}}
.up-band .k{font:500 13px/1.3 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.18em;color:#bfd0ff;text-transform:uppercase}
@media (max-width:760px){
  html body main#main:not(#z1):not(#z2):not(#z3) .up-no{display:none}
  .up-band{position:relative;background:#0a1633;color:#fff;margin-top:40px;margin-bottom:40px}
  .up-band.ph{display:flex;flex-direction:column}
  .up-band.ph img{display:block;width:100%;height:360px;object-fit:cover}
  .up-band.ph .sc{display:none}
  .up-band .ov{padding:28px 20px 36px}
  .up-band.st{padding:56px 20px;background:radial-gradient(90% 90% at 85% 10%,rgba(21,89,245,.45) 0%,rgba(21,89,245,0) 60%),#0a1633}
  html body main#main:not(#z1):not(#z2):not(#z3) .up-band blockquote{margin:16px 0 0;font:800 40px/.98 Rubik,sans-serif!important;letter-spacing:-.04em!important;color:#fff!important;quotes:none}
  html body main#main:not(#z1):not(#z2):not(#z3) .up-band blockquote em{font-style:normal;color:#5b8cfa}
  .up-rcpt{background:#f5f7fc;padding:40px 20px;margin-top:32px;margin-bottom:32px}
  .up-rcpt .in{display:grid;grid-template-columns:1fr 1fr;gap:24px 16px}
  .up-rcpt .c:first-child{grid-column:1/-1}
  .up-rcpt b{display:block;font:800 40px/1 Rubik,sans-serif;letter-spacing:-.04em;color:#0a1633}
  .up-rcpt .c:first-child b{color:#1559f5}
  .up-rcpt span{display:block;margin-top:8px;font:400 13px/1.45 Rubik,sans-serif;color:#56607a}
  .up-rcpt span i{font-style:normal;font-weight:600;color:#0a1633}
}
@media (max-width:760px){
  html.sh-on body main#main:not(#z1):not(#z2):not(#z3) .px-ahero :is(.px-hk,.px-hk a,.px-byl,.px-byl *){color:#dfe7fb!important}
  html.sh-on body main#main:not(#z1):not(#z2):not(#z3) .px-ahero .px-hk{font:500 13px/1.4 "IBM Plex Mono",ui-monospace,monospace!important;letter-spacing:.14em!important;text-transform:uppercase}
}
@media (min-width:761px) and (max-width:1099px){
  html body main#main:not(#z1):not(#z2):not(#z3) .up-no{display:none}
  html body main#main:not(#z1):not(#z2):not(#z3) .up-rcpt .in{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 0;padding:0 40px}
  html body main#main:not(#z1):not(#z2):not(#z3) .up-rcpt .c:first-child{grid-column:1/-1;padding-left:24px;border-left:1px solid #e3e8f2}
  html body main#main:not(#z1):not(#z2):not(#z3) .up-band .ov{left:40px;right:40px;bottom:48px}
  html body main#main:not(#z1):not(#z2):not(#z3) .up-band blockquote{font-size:56px!important}
}