.resource-library-page {
–klimo-blue: #274FAC;
–klimo-blue-light: #548AF7;
–klimo-green: #2F6F5E;
–klimo-ink: #17304f;
–klimo-muted: #4f6480;
–klimo-border: #d6e0f2;
–klimo-surface: #f5f8ff;
–klimo-surface-alt: #f8fbff;
–klimo-chip: #e9f0ff;
max-width: 1120px;
margin: 0 auto;
color: var(–klimo-ink);
}
.resource-library-page .resource-hero {
background: linear-gradient(180deg, #f6f9ff 0%, #ffffff 100%);
border: 1px solid var(–klimo-border);
border-radius: 24px;
padding: 32px;
margin-bottom: 28px;
}
.resource-library-page .resource-kicker {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(–klimo-blue);
background: var(–klimo-chip);
border-radius: 999px;
padding: 8px 12px;
margin-bottom: 14px;
}
.resource-library-page .resource-hero h2,
.resource-library-page .resource-section-title {
margin: 0 0 10px;
color: var(–klimo-ink);
}
.resource-library-page .resource-hero h2 {
font-size: clamp(2rem, 3vw, 3rem);
line-height: 1.08;
}
.resource-library-page .resource-hero p {
margin: 0;
max-width: 760px;
font-size: 1.05rem;
line-height: 1.65;
color: var(–klimo-muted);
}
.resource-library-page .resource-hero .resource-hero-support {
margin-top: 10px;
}
.resource-library-page .resource-actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 22px;
}
.resource-library-page .resource-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 0 18px;
border-radius: 999px;
text-decoration: none;
font-weight: 700;
transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, color 0.18s ease;
}
.resource-library-page .resource-button:hover,
.resource-library-page .resource-button:focus-visible,
.resource-library-page .resource-card:hover,
.resource-library-page .resource-card:focus-visible,
.resource-library-page .resource-path:hover,
.resource-library-page .resource-path:focus-visible {
transform: translateY(-2px);
}
.resource-library-page .resource-button-primary {
background: var(–klimo-blue);
color: #fff;
box-shadow: 0 16px 28px -22px rgba(39, 79, 172, 0.85);
}
.resource-library-page .resource-button-secondary {
background: #fff;
color: var(–klimo-blue);
border: 1px solid var(–klimo-border);
}
.resource-library-page .resource-pathways {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
margin-bottom: 32px;
}
.resource-library-page .resource-path {
display: block;
text-decoration: none;
border: 1px solid var(–klimo-border);
border-radius: 18px;
padding: 18px;
background: #fff;
box-shadow: 0 18px 35px -30px rgba(23, 48, 79, 0.28);
transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.resource-library-page .resource-path strong,
.resource-library-page .resource-card h3,
.resource-library-page .resource-example h3 {
color: var(–klimo-ink);
}
.resource-library-page .resource-path p,
.resource-library-page .resource-card p,
.resource-library-page .resource-section-intro,
.resource-library-page .resource-use-cases li,
.resource-library-page .resource-example p {
color: var(–klimo-muted);
}
.resource-library-page .resource-path strong {
display: block;
margin-bottom: 6px;
font-size: 1rem;
}
.resource-library-page .resource-path p {
margin: 0;
font-size: 0.95rem;
line-height: 1.55;
}
.resource-library-page .resource-section {
margin: 0 0 36px;
}
.resource-library-page .resource-section-header {
margin-bottom: 16px;
}
.resource-library-page .resource-section-title {
font-size: clamp(1.55rem, 2vw, 2rem);
line-height: 1.2;
}
.resource-library-page .resource-section-intro {
margin: 0;
max-width: 760px;
line-height: 1.65;
}
.resource-library-page .resource-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.resource-library-page .resource-grid.resource-grid-five {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.resource-library-page .resource-card,
.resource-library-page .resource-example {
display: block;
text-decoration: none;
border: 1px solid var(–klimo-border);
border-radius: 20px;
padding: 22px;
background: #fff;
box-shadow: 0 18px 35px -30px rgba(23, 48, 79, 0.28);
transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.resource-library-page .resource-card:hover,
.resource-library-page .resource-card:focus-visible,
.resource-library-page .resource-example:hover,
.resource-library-page .resource-example:focus-visible,
.resource-library-page .resource-path:hover,
.resource-library-page .resource-path:focus-visible {
border-color: #9fb6eb;
box-shadow: 0 20px 42px -28px rgba(23, 48, 79, 0.32);
}
.resource-library-page .resource-tag {
display: inline-flex;
align-items: center;
margin-bottom: 12px;
padding: 6px 10px;
border-radius: 999px;
background: var(–klimo-surface);
color: var(–klimo-blue);
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.02em;
}
.resource-library-page .resource-card h3,
.resource-library-page .resource-example h3 {
margin: 0 0 8px;
font-size: 1.2rem;
line-height: 1.3;
}
.resource-library-page .resource-card p,
.resource-library-page .resource-example p {
margin: 0;
line-height: 1.65;
}
.resource-library-page .resource-use-cases {
border: 1px solid var(–klimo-border);
border-radius: 22px;
background: var(–klimo-surface-alt);
padding: 22px;
}
.resource-library-page .resource-use-cases ul {
margin: 12px 0 0;
padding-left: 18px;
}
.resource-library-page .resource-use-cases li {
margin-bottom: 10px;
line-height: 1.6;
}
.resource-library-page .resource-use-cases strong {
color: var(–klimo-ink);
}
.resource-library-page .resource-link-inline {
color: var(–klimo-blue);
text-decoration: underline;
text-underline-offset: 0.14em;
}
@media (max-width: 980px) {
.resource-library-page .resource-pathways,
.resource-library-page .resource-grid.resource-grid-five {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 720px) {
.resource-library-page .resource-hero {
padding: 24px 20px;
border-radius: 20px;
}
.resource-library-page .resource-grid,
.resource-library-page .resource-grid.resource-grid-five,
.resource-library-page .resource-pathways {
grid-template-columns: 1fr;
}
.resource-library-page .resource-card,
.resource-library-page .resource-example,
.resource-library-page .resource-path,
.resource-library-page .resource-use-cases {
padding: 18px;
}
}
Klimo Insights library
Practical guides on WBGT, heat stress, heat-risk thresholds, forecasting, workplace heat safety, sports heat safety, and personal heat risk.
Start with the core explainers, then use the practical guides for work, sports, events, and outdoor planning.
Use this library to move from fundamentals to applied decision-making without bouncing between duplicate hubs or outdated learning pages.
Foundational
What is Wet Bulb Globe Temperature (WBGT)?
What WBGT measures, how it differs from air temperature, and why humidity, radiant heat, and wind matter.
Physiology
Understanding Heat Stress
How the body gains and loses heat, why heat strain varies by person, and what prevention looks like.
Thresholds
Understanding WBGT Thresholds
Why WBGT action levels are useful, why they are not universal, and how policies vary by setting.
Forecasting
Forecasting Wet Bulb Globe Temperature
How WBGT forecasts support planning, where uncertainty enters, and how to use forecasts responsibly.
Comparison
Heat Index vs WBGT
When heat index is useful, when WBGT is more relevant, and how to choose the right metric.
Planning
Using a WBGT forecast for planning
A short workflow for finding high-risk windows, comparing schedule options, and rechecking conditions.
Workplace
Workplace Heat Safety
Pre-shift planning for outdoor crews, including workload, PPE, acclimatization, shade, breaks, and policy.
Sports
Sports Heat Safety
Planning practices, camps, tournaments, and events around WBGT, equipment, duration, and medical support.
Personal risk
Acclimatization and Personal Heat Risk
Why the same WBGT can affect people differently depending on heat exposure, health, medications, and workload.
