/** * rci-sizes.css — text sizes generated from RCI_text_sizes.xlsx (2026-09-25). * Do not hand-edit: change the spreadsheet and regenerate. * Rows applied: * Home page #1 Hero (top of page) / Status pill: 14.8 -> 17px * Home page #4 Hero (top of page) / Buttons: 19 -> 20px * Home page #5 RCI by the numbers / Small label above title: 13 -> 24px * Home page #6 RCI by the numbers / Section title: 34 -> 48px * Home page #7 RCI by the numbers / Group labels: 16 -> 20px * Home page #8 RCI by the numbers / Big numbers: 46 -> 38px * Home page #10 RCI by the numbers / Card labels: 17.6 -> 20px * Home page #11 Start here / Small label above title: 13 -> 24px * Home page #12 Start here / Section title: 30 -> 48px * Home page #13 Start here / Intro sentence: 16 -> 22px * Home page #14 Start here / Card icons: 24 -> 30px * Home page #15 Start here / Card titles: 17 -> 24px * Home page #16 Start here / Card text: 14.4 -> 20px * Home page #17 Research in action / Small label above title: 13 -> 24px * Home page #18 Research in action / Section title: 30 -> 48px * Home page #19 Research in action / Card topic labels: 11.5 -> 20px * Home page #20 Research in action / Card titles: 17 -> 23px * Home page #21 Research in action / Card text: 14 -> 20px * Home page #22 Research in action / Link under cards: 13.6 -> 24px * Home page #23 Announcements / Small label above title: 13 -> 24px * Home page #24 Announcements / Section title: 24 -> 48px * Home page #25 Announcements / Card dates: 12.5 -> 20px * Home page #26 Announcements / Card titles: 16 -> 23px * Home page #27 Announcements / Link under cards: 13.6 -> 24px * Home page #28 Services & Resources / Small label above title: 13 -> 24px * Home page #29 Services & Resources / Section title: 30 -> 48px * Home page #30 Services & Resources / Intro sentence: 16 -> 22px * Home page #31 Services & Resources / Category buttons: 16 -> 24px * Home page #32 Services & Resources / Category button icons: 20 -> 26px * Home page #33 Services & Resources / "View all services" button: 14.4 -> 24px * Home page #34 Coffee with the CRIO (bottom) / Title: 24 -> 26px * Home page #35 Coffee with the CRIO (bottom) / Text: 16 -> 24px * Subpages #5 Breadcrumb (under the hero) / Breadcrumb text: 16.4 -> 23px * Status page #2 Summary bar / Services count line: 14.5 -> 20px * Status page #3 Summary bar / Updated time: 13.5 -> 18px * Status page #4 Summary bar / Maintenance notice title: 19 -> 24px * Status page #5 Summary bar / Cluster name in summary: 20 -> 24px * Status page #6 Summary bar / Free GPUs line: 14 -> 16px * Status page #7 Summary bar / Busy pills (summary and cluster cards): 11.5 -> 20px * Status page #8 Cluster cards / Small label above heading: 13 -> 24px * Status page #10 Cluster cards / Refresh note: 13.5 -> 16px * Status page #12 Cluster cards / Tagline: 13 -> 20px * Status page #14 Cluster cards / Free-now caption: 12 -> 16px * Status page #15 Cluster cards / Bar labels: 14 -> 16px * Status page #16 Cluster cards / Bar values: 13 -> 16px * Status page #17 Cluster cards / Draining note: 13 -> 16px * Status page #19 Cluster cards / More detail toggle: 14 -> 24px * Status page #20 Cluster cards / Text inside More detail: 13.5 -> 16px * Status page #22 Cluster cards / Card update line: 12 -> 16px * Status page #23 Cluster cards / Footnote under cards: 13 -> 18px * Status page #24 Service health / Section labels: 13 -> 24px * Status page #26 Service health / Service names: 17 -> 24px * Status page #27 Service health / Service descriptions: 13 -> 16px * Status page #28 Service health / Status tags: 12 -> 18px * Status page #29 Planned work / Box headings: 20 -> 24px * Status page #30 Planned work / Nothing-scheduled text: 15 -> 20px * Status page #31 Planned work / In-progress text: 14 -> 20px * Status page #32 Planned work / Date block month: 12 -> 18px * Status page #34 Planned work / Item titles: 16 -> 24px * Status page #35 Planned work / Item times: 13 -> 18px * Status page #36 Planned work / All announcements link: 14 -> 24px * Services page #1 Search and filters / Search box text: 16 -> 20px * Services page #2 Search and filters / Search dropdown: result titles: 18 -> 20px * Services page #3 Search and filters / Search dropdown: result type: 13.2 -> 20px * Services page #4 Search and filters / Search dropdown: "See all results →": 17 -> 20px * Services page #5 Search and filters / Category chips: 14 -> 20px * Services page #6 Search and filters / "Provided by" label: 12 -> 20px * Services page #7 Search and filters / Provider buttons: 14 -> 20px * Services page #8 Catalog headings / Color legend: 14 -> 20px * Services page #9 Catalog headings / Category headings: 21.6 -> 24px * Services page #10 Catalog headings / Category counts: 14.4 -> 20px * Services page #11 Picker callouts / Callout icon: 26 -> 28px * Services page #12 Picker callouts / Callout title: 18 -> 24px * Services page #13 Picker callouts / Callout text: 15 -> 20px * Services page #14 Picker callouts / Callout link: 14 -> 24px * Services page #15 Service cards / Provider tag: 10.5 -> 18px * Services page #17 Service cards / Card title: 17.6 -> 24px * Services page #18 Service cards / Card text: 14.4 -> 18px * Services page #19 Service cards / Card link: 13 -> 20px * Services page #20 Service cards / "No services match" message: 19 -> 20px * Start page #1 Pick your path / Small label above title: 13 -> 24px * Start page #3 Pick your path / Intro sentence: 16 -> 20px * Start page #4 Pick your path / Path card titles: 21 -> 24px * Start page #5 Pick your path / Path card text: 14.5 -> 20px * Start page #6 Pick your path / Path card step preview: 13.5 -> 18px * Start page #7 Pick your path / Step count: 14 -> 18px * Start page #8 Pick your path / "Start this path" link: 14 -> 18px * Start page #9 Path header / Path tabs: 15 -> 24px * Start page #10 Path header / Small label above path title: 13 -> 20px * Start page #11 Path header / Path title: 28 -> 32px * Start page #12 Path header / Path description: 15 -> 18px * Start page #13 Path header / Progress counter: 14 -> 18px * Start page #14 Steps / Step number (check-off button): 15 -> 24px * Start page #15 Steps / Step titles: 18.5 -> 24px * Start page #16 Steps / Step text: 14.5 -> 20px * Start page #18 Help card / Help card text: 15 -> 20px * Start page #19 Help card / Quick links: 14 -> 24px * Start page #20 Help card / Coffee/tea button: 16 -> 24px */ @media screen { :is(body,#rci-sizes) .hero .kicker{font-size:17px} :is(body,#rci-sizes) .hero .btn{font-size:20px} :is(body,#rci-sizes) .metrics .eyebrow2{font-size:24px;letter-spacing:.14em} :is(body,#rci-sizes) .metrics .metrics-title{font-size:48px;line-height:1.08} :is(body,#rci-sizes) .metrics .mg-label{font-size:20px} :is(body,#rci-sizes) .metrics .metric .num{font-size:38px;line-height:1.05} :is(body,#rci-sizes) .metrics .metric .lab{font-size:20px;line-height:1.35} :is(body,#rci-sizes) .fp-sec:has(.fp-paths) .fp-eyebrow{font-size:24px;letter-spacing:.14em} :is(body,#rci-sizes) .fp-sec:has(.fp-paths) .fp-title{font-size:48px;line-height:1.08} :is(body,#rci-sizes) .fp-sec:has(.fp-paths) .fp-lead{font-size:22px;line-height:1.5} :is(body,#rci-sizes) .fp-path .ic{font-size:30px} :is(body,#rci-sizes) .fp-path h3{font-size:24px;line-height:1.15} :is(body,#rci-sizes) .fp-path p{font-size:20px;line-height:1.5} :is(body,#rci-sizes) .fp-split > div:first-child .fp-eyebrow{font-size:24px;letter-spacing:.14em} :is(body,#rci-sizes) .fp-split > div:first-child .fp-title{font-size:48px;line-height:1.08} :is(body,#rci-sizes) .fp-story .fld{font-size:20px} :is(body,#rci-sizes) .fp-story h3{font-size:23px;line-height:1.18} :is(body,#rci-sizes) .fp-story p{font-size:20px;line-height:1.5} :is(body,#rci-sizes) .fp-split > div:first-child .fp-more{font-size:24px} :is(body,#rci-sizes) .fp-split > div:nth-child(2) .fp-eyebrow{font-size:24px;letter-spacing:.14em} :is(body,#rci-sizes) .fp-split > div:nth-child(2) .fp-title{font-size:48px;line-height:1.08} :is(body,#rci-sizes) .fp-ann .d{font-size:20px} :is(body,#rci-sizes) .fp-ann h4{font-size:23px;line-height:1.25} :is(body,#rci-sizes) .fp-split > div:nth-child(2) .fp-more{font-size:24px} :is(body,#rci-sizes) .fp-explore .fp-eyebrow{font-size:24px;letter-spacing:.14em} :is(body,#rci-sizes) .fp-explore .fp-title{font-size:48px;line-height:1.08} :is(body,#rci-sizes) .fp-explore .fp-lead{font-size:22px;line-height:1.5} :is(body,#rci-sizes) .fp-cat{font-size:24px} :is(body,#rci-sizes) .fp-cat .ic{font-size:26px} :is(body,#rci-sizes) .fp-cat.all{font-size:24px} :is(body,#rci-sizes) .fp-crio h2{font-size:26px} :is(body,#rci-sizes) .fp-crio p{font-size:24px;line-height:1.5} :is(body,#rci-sizes) .crumbs{font-size:23px} :is(body,#rci-sizes) #stxTop .stx-top p{font-size:20px} :is(body,#rci-sizes) #stxTop .stx-top .upd{font-size:18px} :is(body,#rci-sizes) #stxTop .stx-maint b{font-size:24px} :is(body,#rci-sizes) #stxTop .stx-sum b{font-size:24px} :is(body,#rci-sizes) #stxTop .stx-sum .f{font-size:16px} :is(body,#rci-sizes) .stx-pill{font-size:20px} :is(body,#rci-sizes) #rciClusterDash .stx-h .eb{font-size:24px} :is(body,#rci-sizes) #rciClusterDash .stx-h .note{font-size:16px} :is(body,#rci-sizes) .stx-card .tag{font-size:20px} :is(body,#rci-sizes) .stx-free span{font-size:16px} :is(body,#rci-sizes) .stx-bar .l b{font-size:16px} :is(body,#rci-sizes) .stx-bar .l span{font-size:16px} :is(body,#rci-sizes) .stx-off{font-size:16px} :is(body,#rci-sizes) .stx-card details summary{font-size:24px} :is(body,#rci-sizes) .stx-card details p{font-size:16px} :is(body,#rci-sizes) .stx-card .upd{font-size:16px} :is(body,#rci-sizes) .stx-foot{font-size:18px} :is(body,#rci-sizes) #stxBody .stx-h .eb{font-size:24px} :is(body,#rci-sizes) .stx-svc b{font-size:24px} :is(body,#rci-sizes) .stx-svc > div span{font-size:16px} :is(body,#rci-sizes) .stx-svc em{font-size:18px} :is(body,#rci-sizes) .stx-mt h3{font-size:24px} :is(body,#rci-sizes) .stx-empty{font-size:20px} :is(body,#rci-sizes) .stx-inprog{font-size:20px} :is(body,#rci-sizes) .stx-mt li .d{font-size:18px} :is(body,#rci-sizes) .stx-mt li .x b{font-size:24px} :is(body,#rci-sizes) .stx-mt li .x span{font-size:18px} :is(body,#rci-sizes) .stx-more{font-size:24px} :is(body,#rci-sizes) #svcSearch{font-size:20px} :is(body,#rci-sizes) #siteHits a span:first-child{font-size:20px} :is(body,#rci-sizes) #siteHits a .g{font-size:20px} :is(body,#rci-sizes) #siteHits a.all{font-size:20px} :is(body,#rci-sizes) .svc-hero-tools .chips .chip{font-size:20px} :is(body,#rci-sizes) .provbar .pl{font-size:20px} :is(body,#rci-sizes) .provseg button{font-size:20px} :is(body,#rci-sizes) .svc-legend span{font-size:20px} :is(body,#rci-sizes) .sg-head h3{font-size:24px} :is(body,#rci-sizes) .sg-head .n, :is(body,#rci-sizes) .sg-head .n b, :is(body,#rci-sizes) .sg-head .n i{font-size:20px} :is(body,#rci-sizes) .sg-callout .ic{font-size:28px} :is(body,#rci-sizes) .sg-callout .tx b{font-size:24px} :is(body,#rci-sizes) .sg-callout .tx{font-size:20px} :is(body,#rci-sizes) .sg-callout .go{font-size:24px} :is(body,#rci-sizes) .sg-card .ptag{font-size:18px} :is(body,#rci-sizes) .sg-card h4{font-size:24px} :is(body,#rci-sizes) .sg-card p{font-size:18px} :is(body,#rci-sizes) .sg-card .go{font-size:20px} :is(body,#rci-sizes) #noResults{font-size:20px} :is(body,#rci-sizes) #startx2 .sx-pick .sx-eyebrow{font-size:24px} :is(body,#rci-sizes) #startx2 .sx-lead{font-size:20px} :is(body,#rci-sizes) #startx2 .sx-card h3{font-size:24px} :is(body,#rci-sizes) #startx2 .sx-card > p{font-size:20px} :is(body,#rci-sizes) #startx2 .sx-prev li{font-size:18px} :is(body,#rci-sizes) #startx2 .sx-meta b{font-size:18px} :is(body,#rci-sizes) #startx2 .sx-meta .go{font-size:18px} :is(body,#rci-sizes) #startx2 .sx-tab{font-size:24px} :is(body,#rci-sizes) #startx2 .sx-phead .sx-eyebrow{font-size:20px} :is(body,#rci-sizes) #startx2 .sx-phead h2{font-size:32px} :is(body,#rci-sizes) #startx2 .sx-phead .tx p{font-size:18px} :is(body,#rci-sizes) #startx2 .sx-prog .ct{font-size:18px} :is(body,#rci-sizes) #startx2 .sx-steps .sx-num{font-size:24px;width:40px;height:40px;flex-basis:40px} :is(body,#rci-sizes) #startx2 .sx-steps .bd h4, :is(body,#rci-sizes) #startx2 .sx-steps .bd h4 a{font-size:24px} :is(body,#rci-sizes) #startx2 .sx-steps .bd p{font-size:20px} :is(body,#rci-sizes) #startx2 .sx-helpcard .tx p{font-size:20px} :is(body,#rci-sizes) #startx2 .sx-quick a{font-size:24px} :is(body,#rci-sizes) #startx2 .sx-helpcard .sx-btn{font-size:24px} } @media screen and (max-width:900px) { :is(body,#rci-sizes) .metrics .eyebrow2{font-size:22.2px} :is(body,#rci-sizes) .metrics .metrics-title{font-size:35.4px} :is(body,#rci-sizes) .metrics .metric .num{font-size:29.9px} :is(body,#rci-sizes) .fp-sec:has(.fp-paths) .fp-eyebrow{font-size:22.2px} :is(body,#rci-sizes) .fp-sec:has(.fp-paths) .fp-title{font-size:35.4px} :is(body,#rci-sizes) .fp-sec:has(.fp-paths) .fp-lead{font-size:21.1px} :is(body,#rci-sizes) .fp-path .ic{font-size:25.5px} :is(body,#rci-sizes) .fp-path h3{font-size:22.2px} :is(body,#rci-sizes) .fp-split > div:first-child .fp-eyebrow{font-size:22.2px} :is(body,#rci-sizes) .fp-split > div:first-child .fp-title{font-size:35.4px} :is(body,#rci-sizes) .fp-story h3{font-size:21.6px} :is(body,#rci-sizes) .fp-split > div:first-child .fp-more{font-size:22.2px} :is(body,#rci-sizes) .fp-split > div:nth-child(2) .fp-eyebrow{font-size:22.2px} :is(body,#rci-sizes) .fp-split > div:nth-child(2) .fp-title{font-size:35.4px} :is(body,#rci-sizes) .fp-ann h4{font-size:21.6px} :is(body,#rci-sizes) .fp-split > div:nth-child(2) .fp-more{font-size:22.2px} :is(body,#rci-sizes) .fp-explore .fp-eyebrow{font-size:22.2px} :is(body,#rci-sizes) .fp-explore .fp-title{font-size:35.4px} :is(body,#rci-sizes) .fp-explore .fp-lead{font-size:21.1px} :is(body,#rci-sizes) .fp-cat{font-size:22.2px} :is(body,#rci-sizes) .fp-cat .ic{font-size:23.3px} :is(body,#rci-sizes) .fp-cat.all{font-size:22.2px} :is(body,#rci-sizes) .fp-crio h2{font-size:23.3px} :is(body,#rci-sizes) .fp-crio p{font-size:22.2px} :is(body,#rci-sizes) .crumbs{font-size:21.6px} :is(body,#rci-sizes) #stxTop .stx-maint b{font-size:22.2px} :is(body,#rci-sizes) #stxTop .stx-sum b{font-size:22.2px} :is(body,#rci-sizes) #rciClusterDash .stx-h .eb{font-size:22.2px} :is(body,#rci-sizes) .stx-card details summary{font-size:22.2px} :is(body,#rci-sizes) #stxBody .stx-h .eb{font-size:22.2px} :is(body,#rci-sizes) .stx-svc b{font-size:22.2px} :is(body,#rci-sizes) .stx-mt h3{font-size:22.2px} :is(body,#rci-sizes) .stx-mt li .x b{font-size:22.2px} :is(body,#rci-sizes) .stx-more{font-size:22.2px} :is(body,#rci-sizes) .sg-head h3{font-size:22.2px} :is(body,#rci-sizes) .sg-callout .ic{font-size:24.4px} :is(body,#rci-sizes) .sg-callout .tx b{font-size:22.2px} :is(body,#rci-sizes) .sg-callout .go{font-size:22.2px} :is(body,#rci-sizes) .sg-card h4{font-size:22.2px} :is(body,#rci-sizes) #startx2 .sx-pick .sx-eyebrow{font-size:22.2px} :is(body,#rci-sizes) #startx2 .sx-card h3{font-size:22.2px} :is(body,#rci-sizes) #startx2 .sx-tab{font-size:22.2px} :is(body,#rci-sizes) #startx2 .sx-phead h2{font-size:26.6px} :is(body,#rci-sizes) #startx2 .sx-steps .sx-num{font-size:22.2px} :is(body,#rci-sizes) #startx2 .sx-steps .bd h4, :is(body,#rci-sizes) #startx2 .sx-steps .bd h4 a{font-size:22.2px} :is(body,#rci-sizes) #startx2 .sx-quick a{font-size:22.2px} :is(body,#rci-sizes) #startx2 .sx-helpcard .sx-btn{font-size:22.2px} }