/* The public column hub. Keep reading pages and operator screens unchanged. */
.column-index-page .column-hub-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;padding:18px 0 40px}
.column-index-page .column-hub-intro{min-width:0}
.column-index-page .column-hub-intro>.column-kicker{margin:0 0 13px;color:#2b6179;font-size:15px;letter-spacing:.08em}
.column-index-page .column-hub-hero h1{margin:0 0 22px;font-size:clamp(29px,3.2vw,39px);font-weight:750;line-height:1.55;letter-spacing:.015em}
.column-index-page .column-hub-hero h1 span{font-size:.8em;font-weight:650}
.column-index-page .column-hub-lead{max-width:29em;margin:0;color:#4d6370;font-size:18px;line-height:1.95}
.column-index-page .column-hub-choices{margin-top:29px}
.column-index-page .column-hub-choices>p{margin:0 0 9px;color:#526570;font-size:14px;font-weight:650}
.column-index-page .column-hub-choices>a{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:12px;padding:15px 0;border-top:1px solid #dce5e8;color:#203e55;text-decoration:none;transition:color .15s,background-color .15s}
.column-index-page .column-hub-choices>a:last-child{border-bottom:1px solid #dce5e8}
.column-index-page .column-hub-choices>a:hover{color:#1655a5;background:#edf3f544}
.column-index-page .column-hub-choice-number{align-self:start;padding-top:5px;font-size:13px;font-weight:600;color:#678091;font-variant-numeric:tabular-nums}
.column-index-page .column-hub-choices strong{display:block;font-size:19px;font-weight:700;line-height:1.55}
.column-index-page .column-hub-choices small{display:block;margin-top:3px;font-size:15px;line-height:1.7;color:#526570}
.column-index-page .column-hub-choice-arrow{font-size:21px;text-align:right}
.column-index-page .column-hub-articles-link{display:inline-flex;align-items:center;gap:20px;margin-top:21px;padding:8px 0;font-size:16px;font-weight:650;text-underline-offset:5px}
.column-index-page .column-hub-screen{min-width:0;margin:0;padding:22px 22px 0;border:1px solid #dce5e8;border-radius:8px;background:#edf3f5}
.column-index-page .column-hub-screen-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 17px;line-height:1.6}
.column-index-page .column-hub-screen-heading>span{color:#526b7b;font-size:13px}
.column-index-page .column-hub-screen-heading>strong{color:#2c5066;font-size:15px;font-weight:650}
.column-index-page .column-hub-screen>a{display:block;overflow:hidden;border:1px solid #d3dfe6;border-radius:5px;background:#fff;box-shadow:0 8px 20px #28455d0a}
.column-index-page .column-hub-screen img{display:block;width:100%;height:auto;max-height:580px;object-fit:contain;object-position:top center}
.column-index-page .column-hub-screen figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:7px 15px;margin:0;padding:15px 0 18px;font-size:13px;line-height:1.75;color:#526570}
.column-index-page .column-hub-screen figcaption>a{font-size:14px;font-weight:600;white-space:nowrap;text-underline-offset:4px}
.column-index-page .column-hub-screen figcaption>a span{margin-left:5px}
.column-index-page .column-hub-hero+.column-library{margin-top:10px}
.column-index-page .column-hub-guides{scroll-margin-top:25px}
.column-index-page .column-hub-guide{padding:25px 24px 20px;text-decoration:none;border-top-width:2px}
.column-index-page .column-hub-guide h3{font-size:22px;line-height:1.6}
.column-index-page .column-hub-guide>p{flex:0 0 auto;margin:8px 0 21px;min-height:6em;font-size:16px;line-height:1.85}
.column-index-page .column-hub-guide>ol{list-style:none;counter-reset:guide-step;margin:0;padding:18px 0 0;border-top:1px solid #e0e7ea}
.column-index-page .column-hub-guide>ol>li{display:flex;gap:10px;margin:0 0 10px;counter-increment:guide-step;color:#3c5869;font-size:15px;line-height:1.75}
.column-index-page .column-hub-guide>ol>li:before{content:counter(guide-step);flex:0 0 20px;height:20px;margin-top:3px;border:1px solid #cedce4;border-radius:50%;color:#476979;text-align:center;font-size:12px;line-height:18px;font-variant-numeric:tabular-nums}
.column-index-page .column-hub-guide>.column-guide-more{margin-top:auto;padding-top:18px;border:0;font-size:15px}
@media(max-width:1000px){
  .column-index-page .column-hub-hero{gap:30px}
  .column-index-page .column-hub-hero h1{font-size:31px}
  .column-index-page .column-hub-screen{padding:15px 15px 0}
  .column-index-page .column-hub-screen-heading{display:block}
  .column-index-page .column-hub-screen-heading>strong{display:block;margin-top:3px}
  .column-index-page .column-hub-guide{padding:22px 18px 18px}
  .column-index-page .column-hub-guide h3{font-size:20px}
}
@media(max-width:780px){
  .column-index-page .column-hub-hero{grid-template-columns:1fr;gap:28px;align-items:start;padding:7px 0 31px}
  .column-index-page .column-hub-hero h1{font-size:32px;line-height:1.5;margin-bottom:18px}
  .column-index-page .column-hub-hero h1 span{font-size:.78em}
  .column-index-page .column-hub-lead{max-width:34em;font-size:17px;line-height:1.9}
  .column-index-page .column-hub-choices{margin-top:25px}
  .column-index-page .column-hub-choices>a{padding:13px 0}
  .column-index-page .column-hub-articles-link{margin-top:17px}
  .column-index-page .column-hub-screen{max-width:540px;width:100%;box-sizing:border-box;justify-self:center;padding:17px 17px 0}
  .column-index-page .column-hub-screen-heading{display:flex;margin-bottom:14px}
  .column-index-page .column-hub-screen-heading>strong{margin:0}
  .column-index-page .column-hub-screen img{max-height:490px}
  .column-index-page .column-hub-screen figcaption{padding:13px 0 15px}
  .column-index-page .column-hub-guide{padding:23px 22px 20px}
  .column-index-page .column-hub-guide h3{font-size:22px}
  .column-index-page .column-hub-guide>p{min-height:0;margin-bottom:20px}
  .column-index-page .column-hub-guide>.column-guide-more{margin-top:8px}
}
@media(max-width:360px){
  .column-index-page .column-hub-hero h1{font-size:29px}
  .column-index-page .column-hub-screen{padding:12px 12px 0}
  .column-index-page .column-hub-screen-heading{gap:8px}
  .column-index-page .column-hub-screen-heading>strong{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.column-index-page .column-hub-choices>a{transition:none}}