.pfm-power-map,
.pfm-power-map * {
box-sizing: border-box;
}
.pfm-power-map {
--pfm-map-navy: #071a3a;
--pfm-map-blue: #143566;
--pfm-map-red: #a10f1b;
--pfm-map-red-dark: #7e0b15;
--pfm-map-gold: #d6a313;
--pfm-map-ink: #172033;
--pfm-map-muted: #5f6d82;
--pfm-map-border: #dfe5ee;
--pfm-map-soft: #f7f9fc;
--pfm-map-green: #177245;
width: min(100%, 1240px);
margin: 0 auto;
color: var(--pfm-map-ink);
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
.pfm-power-map a {
color: inherit;
text-decoration: none;
}
.pfm-power-map img {
max-width: 100%;
}
.pfm-power-map-hero {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1.45fr) minmax(300px, .55fr);
gap: 34px;
align-items: center;
min-height: 310px;
margin: 0 0 24px;
padding: 42px 44px;
overflow: hidden;
border: 1px solid rgba(255,255,255,.13);
border-radius: 22px;
background:
radial-gradient(circle at 88% 12%, rgba(214,163,19,.19), transparent 28%),
radial-gradient(circle at 74% 82%, rgba(161,15,27,.24), transparent 34%),
linear-gradient(135deg, #06162f 0%, #0b2854 58%, #091b38 100%);
box-shadow: 0 22px 48px rgba(7,26,58,.18);
color: #fff;
}
.pfm-power-map-hero::before,
.pfm-power-map-hero::after {
content: "";
position: absolute;
pointer-events: none;
border-radius: 50%;
}
.pfm-power-map-hero::before {
right: -94px;
top: -120px;
width: 310px;
height: 310px;
border: 38px solid rgba(255,255,255,.045);
}
.pfm-power-map-hero::after {
right: 190px;
bottom: -150px;
width: 270px;
height: 270px;
border: 2px solid rgba(255,255,255,.08);
}
.pfm-power-map-hero-copy,
.pfm-power-map-hero-stats {
position: relative;
z-index: 1;
}
.pfm-power-map-eyebrow,
.pfm-power-map-stage-head > div > span,
.pfm-power-map-section-head > span,
.pfm-power-map-methodology > div > span,
.pfm-power-map-detail-copy > span,
.pfm-power-map-insight-card > span {
display: block;
margin: 0 0 9px;
color: #ffb8bf;
font-size: 12px;
line-height: 1.2;
font-weight: 900;
letter-spacing: .105em;
text-transform: uppercase;
}
.pfm-power-map-hero h1 {
max-width: 780px;
margin: 0;
color: #fff;
font-size: clamp(36px, 5vw, 58px);
line-height: 1.01;
font-weight: 950;
letter-spacing: -.045em;
text-transform: none;
}
.pfm-power-map-hero-copy > p {
max-width: 760px;
margin: 20px 0 0;
color: rgba(255,255,255,.78);
font-size: 18px;
line-height: 1.58;
font-weight: 560;
}
.pfm-power-map-updated {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 22px;
padding: 9px 13px;
border: 1px solid rgba(255,255,255,.13);
border-radius: 999px;
background: rgba(255,255,255,.07);
color: rgba(255,255,255,.85);
font-size: 12px;
line-height: 1.2;
font-weight: 800;
}
.pfm-power-map-updated::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: #61d393;
box-shadow: 0 0 0 5px rgba(97,211,147,.12);
}
.pfm-power-map-hero-stats {
display: grid;
grid-template-columns: 1fr;
gap: 12px;
}
.pfm-power-map-hero-stats > div {
display: grid;
grid-template-columns: 74px minmax(0,1fr);
align-items: center;
gap: 13px;
min-height: 78px;
padding: 14px 17px;
border: 1px solid rgba(255,255,255,.12);
border-radius: 15px;
background: rgba(255,255,255,.075);
box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
backdrop-filter: blur(8px);
}
.pfm-power-map-hero-stats strong {
color: #fff;
font-size: 32px;
line-height: 1;
font-weight: 950;
text-align: center;
}
.pfm-power-map-hero-stats span {
color: rgba(255,255,255,.72);
font-size: 13px;
line-height: 1.25;
font-weight: 800;
letter-spacing: .035em;
text-transform: uppercase;
}
.pfm-power-map-controls {
display: grid;
grid-template-columns: minmax(230px,1.2fr) minmax(210px,1fr) minmax(190px,.85fr) auto auto;
gap: 12px;
align-items: end;
margin: 0 0 18px;
padding: 18px;
border: 1px solid var(--pfm-map-border);
border-radius: 16px;
background: #fff;
box-shadow: 0 10px 28px rgba(15,23,42,.07);
}
.pfm-power-map-control label {
display: block;
margin: 0 0 7px;
color: #354258;
font-size: 11px;
line-height: 1.2;
font-weight: 900;
letter-spacing: .065em;
text-transform: uppercase;
}
.pfm-power-map-control select {
width: 100%;
height: 45px;
margin: 0;
padding: 0 38px 0 12px;
border: 1px solid #cfd7e3;
border-radius: 10px;
background-color: #fff;
color: var(--pfm-map-navy);
font: inherit;
font-size: 14px;
font-weight: 800;
box-shadow: none;
}
.pfm-power-map-control select:focus {
border-color: var(--pfm-map-red);
outline: 3px solid rgba(161,15,27,.13);
}
.pfm-power-map-conference-buttons {
display: inline-flex;
align-items: center;
height: 45px;
padding: 4px;
border: 1px solid #cfd7e3;
border-radius: 10px;
background: #f5f7fa;
}
.pfm-power-map-conference-buttons button,
.pfm-power-map-reset,
.pfm-power-map-detail-actions button {
appearance: none;
border: 0;
font: inherit;
cursor: pointer;
}
.pfm-power-map-conference-buttons button {
min-width: 48px;
height: 35px;
padding: 0 10px;
border-radius: 7px;
background: transparent;
color: #526176;
font-size: 12px;
line-height: 1;
font-weight: 900;
}
.pfm-power-map-conference-buttons button.is-active {
background: var(--pfm-map-navy);
color: #fff;
box-shadow: 0 4px 10px rgba(7,26,58,.16);
}
.pfm-power-map-reset {
height: 45px;
padding: 0 15px;
border-radius: 10px;
background: #fff1f2;
color: var(--pfm-map-red);
font-size: 12px;
line-height: 1;
font-weight: 900;
white-space: nowrap;
}
.pfm-power-map-reset:hover,
.pfm-power-map-reset:focus-visible {
background: var(--pfm-map-red);
color: #fff;
outline: none;
}
.pfm-power-map-stage-card,
.pfm-power-map-team-detail,
.pfm-power-map-group-card,
.pfm-power-map-insight-card,
.pfm-power-map-table-section,
.pfm-power-map-methodology {
border: 1px solid var(--pfm-map-border);
background: #fff;
box-shadow: 0 12px 30px rgba(15,23,42,.065);
}
.pfm-power-map-stage-card {
margin: 0 0 20px;
overflow: hidden;
border-radius: 18px;
}
.pfm-power-map-stage-head {
display: flex;
justify-content: space-between;
gap: 24px;
align-items: flex-start;
padding: 24px 26px 18px;
border-bottom: 1px solid #e8edf4;
}
.pfm-power-map-stage-head > div:first-child {
max-width: 720px;
}
.pfm-power-map-stage-head > div > span,
.pfm-power-map-section-head > span,
.pfm-power-map-methodology > div > span,
.pfm-power-map-detail-copy > span,
.pfm-power-map-insight-card > span {
color: var(--pfm-map-red);
}
.pfm-power-map-stage-head h2,
.pfm-power-map-section-head h2,
.pfm-power-map-methodology h2,
.pfm-power-map-detail-copy h2 {
margin: 0;
color: var(--pfm-map-navy);
font-size: clamp(25px, 3vw, 34px);
line-height: 1.12;
font-weight: 950;
letter-spacing: -.025em;
text-transform: none;
}
.pfm-power-map-stage-head p,
.pfm-power-map-section-head p,
.pfm-power-map-methodology p,
.pfm-power-map-detail-copy > p,
.pfm-power-map-insight-card > p {
margin: 9px 0 0;
color: var(--pfm-map-muted);
font-size: 14px;
line-height: 1.55;
font-weight: 560;
}
.pfm-power-map-average-key {
display: grid;
gap: 9px;
min-width: 230px;
padding: 12px 14px;
border: 1px solid #e1e7ef;
border-radius: 11px;
background: var(--pfm-map-soft);
}
.pfm-power-map-average-key span {
display: flex;
align-items: center;
gap: 9px;
color: #4a5870;
font-size: 11px;
line-height: 1.25;
font-weight: 850;
}
.pfm-power-map-average-key i {
width: 22px;
height: 0;
border-top: 2px dashed var(--pfm-map-red);
}
.pfm-power-map-average-key i.is-y {
border-top-color: var(--pfm-map-gold);
}
.pfm-power-map-chart-scroll {
width: 100%;
padding: 8px 12px 0;
overflow-x: auto;
overflow-y: hidden;
scrollbar-color: #aab6c6 #eef2f7;
scrollbar-width: thin;
overscroll-behavior-inline: contain;
}
.pfm-power-map-chart {
display: block;
width: 100%;
min-width: 880px;
height: auto;
min-height: 570px;
}
.pfm-map-quadrant-backgrounds rect {
stroke: none;
}
.pfm-map-quadrant-backgrounds .q-high-high { fill: #effaf4; }
.pfm-map-quadrant-backgrounds .q-low-high { fill: #f0f6ff; }
.pfm-map-quadrant-backgrounds .q-high-low { fill: #fff8ea; }
.pfm-map-quadrant-backgrounds .q-low-low { fill: #fff3f3; }
.pfm-map-grid line {
stroke: #dfe6ef;
stroke-width: 1;
}
.pfm-map-tick {
fill: #69768a;
font-size: 11px;
font-weight: 800;
}
.pfm-map-axis line {
stroke: #526176;
stroke-width: 1.4;
}
.pfm-map-axis-title {
fill: var(--pfm-map-navy);
font-size: 14px;
font-weight: 950;
letter-spacing: .02em;
text-transform: uppercase;
}
.pfm-map-average-lines line {
stroke-width: 2.25;
stroke-dasharray: 8 7;
pointer-events: none;
}
.pfm-map-average-lines .is-x { stroke: var(--pfm-map-red); }
.pfm-map-average-lines .is-y { stroke: var(--pfm-map-gold); }
.pfm-map-quadrant-labels text {
fill: rgba(7,26,58,.54);
font-size: 12px;
font-weight: 950;
letter-spacing: .075em;
text-transform: uppercase;
pointer-events: none;
}
.pfm-map-displacement-lines line {
stroke: #a6b2c2;
stroke-width: 1;
stroke-dasharray: 3 3;
pointer-events: none;
}
.pfm-map-displacement-lines circle {
fill: #7c899b;
pointer-events: none;
}
.pfm-map-selected-guides line {
stroke: rgba(7,26,58,.42);
stroke-width: 1.2;
stroke-dasharray: 4 5;
pointer-events: none;
}
.pfm-map-team-node {
cursor: pointer;
outline: none;
}
.pfm-map-team-node-bg {
fill: #fff;
stroke: var(--team-primary, #8b0f1a);
stroke-width: 2.5;
filter: drop-shadow(0 5px 7px rgba(15,23,42,.18));
transition: r .16s ease, stroke-width .16s ease;
}
.pfm-map-team-node:hover .pfm-map-team-node-bg,
.pfm-map-team-node:focus .pfm-map-team-node-bg {
r: 27px;
stroke-width: 4;
}
.pfm-map-team-node.is-selected .pfm-map-team-node-bg {
stroke: var(--pfm-map-red);
stroke-width: 5;
filter: drop-shadow(0 7px 10px rgba(161,15,27,.28));
}
.pfm-map-team-logo {
pointer-events: none;
}
.pfm-map-team-abbr {
fill: #27344a;
font-size: 10px;
font-weight: 950;
letter-spacing: .035em;
pointer-events: none;
}
.pfm-power-map-chart-help {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 11px 24px;
padding: 14px 20px 18px;
border-top: 1px solid #edf1f6;
color: #617087;
font-size: 11px;
line-height: 1.3;
font-weight: 760;
}
.pfm-power-map-chart-help span {
display: inline-flex;
align-items: center;
gap: 7px;
}
.pfm-power-map-chart-help span::before {
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--pfm-map-red);
}
.pfm-power-map-chart-help span:last-child::before {
background: var(--pfm-map-gold);
}
.pfm-power-map-noscript {
margin: 0 20px 20px;
padding: 13px 15px;
border-radius: 10px;
background: #fff8e8;
color: #7d5412;
font-size: 13px;
font-weight: 700;
}
.pfm-power-map-team-detail {
display: grid;
grid-template-columns: 88px minmax(0,1fr) auto;
gap: 22px;
align-items: center;
margin: 0 0 28px;
padding: 22px 24px;
border-left: 5px solid var(--pfm-map-red);
border-radius: 16px;
}
.pfm-power-map-team-detail[hidden] {
display: none;
}
.pfm-power-map-detail-logo {
display: flex;
align-items: center;
justify-content: center;
width: 84px;
height: 84px;
padding: 8px;
border: 1px solid #e1e7ef;
border-radius: 16px;
background: var(--pfm-map-soft);
}
.pfm-power-map-detail-logo img {
display: block;
width: 68px;
height: 68px;
object-fit: contain;
}
.pfm-power-map-detail-copy > span {
margin-bottom: 5px;
}
.pfm-power-map-detail-copy h2 {
font-size: 27px;
}
.pfm-power-map-detail-copy > p {
max-width: 760px;
}
.pfm-power-map-detail-scores {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 14px;
}
.pfm-power-map-detail-scores > span {
display: inline-flex;
align-items: baseline;
gap: 7px;
padding: 8px 11px;
border: 1px solid #e0e6ee;
border-radius: 9px;
background: var(--pfm-map-soft);
}
.pfm-power-map-detail-scores small {
color: #69778c;
font-size: 10px;
font-weight: 900;
letter-spacing: .045em;
text-transform: uppercase;
}
.pfm-power-map-detail-scores strong {
color: var(--pfm-map-navy);
font-size: 16px;
font-weight: 950;
}
.pfm-power-map-detail-actions {
display: grid;
gap: 8px;
min-width: 196px;
}
.pfm-power-map-detail-actions a,
.pfm-power-map-detail-actions button {
display: flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 9px 13px;
border: 1px solid var(--pfm-map-red);
border-radius: 9px;
background: var(--pfm-map-red);
color: #fff;
font-size: 12px;
line-height: 1.2;
font-weight: 900;
text-align: center;
}
.pfm-power-map-detail-actions a:nth-child(2),
.pfm-power-map-detail-actions button {
border-color: #d8dfe9;
background: #fff;
color: var(--pfm-map-navy);
}
.pfm-power-map-detail-actions a:hover,
.pfm-power-map-detail-actions a:focus-visible,
.pfm-power-map-detail-actions button:hover,
.pfm-power-map-detail-actions button:focus-visible {
border-color: var(--pfm-map-red-dark);
background: var(--pfm-map-red-dark);
color: #fff;
outline: none;
}
.pfm-power-map-groups,
.pfm-power-map-insights {
margin: 0 0 30px;
}
.pfm-power-map-section-head {
margin: 0 0 17px;
}
.pfm-power-map-section-head h2 {
font-size: 30px;
}
.pfm-power-map-section-head p {
max-width: 720px;
}
.pfm-power-map-group-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0,1fr));
gap: 16px;
}
.pfm-power-map-group-card {
overflow: hidden;
border-radius: 14px;
}
.pfm-power-map-group-card[data-quadrant="high-high"] { border-top: 4px solid #2d9b68; }
.pfm-power-map-group-card[data-quadrant="low-high"] { border-top: 4px solid #3f73bd; }
.pfm-power-map-group-card[data-quadrant="high-low"] { border-top: 4px solid #d69b22; }
.pfm-power-map-group-card[data-quadrant="low-low"] { border-top: 4px solid #c5545d; }
.pfm-power-map-group-head {
display: grid;
grid-template-columns: 38px minmax(0,1fr) auto;
gap: 12px;
align-items: start;
padding: 17px 18px 14px;
border-bottom: 1px solid #e8edf4;
background: #fbfcfe;
}
.pfm-power-map-quadrant-icon {
position: relative;
display: block;
width: 36px;
height: 36px;
border: 1px solid #dfe5ed;
border-radius: 9px;
background:
linear-gradient(90deg, transparent 48%, #c6d0dd 48%, #c6d0dd 52%, transparent 52%),
linear-gradient(transparent 48%, #c6d0dd 48%, #c6d0dd 52%, transparent 52%),
#fff;
}
.pfm-power-map-quadrant-icon::after {
content: "";
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--pfm-map-red);
}
[data-quadrant="high-high"] .pfm-power-map-quadrant-icon::after { right: 6px; top: 6px; background: #2d9b68; }
[data-quadrant="low-high"] .pfm-power-map-quadrant-icon::after { left: 6px; top: 6px; background: #3f73bd; }
[data-quadrant="high-low"] .pfm-power-map-quadrant-icon::after { right: 6px; bottom: 6px; background: #d69b22; }
[data-quadrant="low-low"] .pfm-power-map-quadrant-icon::after { left: 6px; bottom: 6px; background: #c5545d; }
.pfm-power-map-group-head h3 {
margin: 0;
color: var(--pfm-map-navy);
font-size: 18px;
line-height: 1.2;
font-weight: 950;
text-transform: none;
}
.pfm-power-map-group-head p {
margin: 4px 0 0;
color: #68768a;
font-size: 12px;
line-height: 1.4;
font-weight: 580;
}
.pfm-power-map-group-head > b {
display: flex;
align-items: center;
justify-content: center;
min-width: 34px;
height: 34px;
padding: 0 8px;
border-radius: 999px;
background: #e9eef5;
color: var(--pfm-map-navy);
font-size: 13px;
font-weight: 950;
}
.pfm-power-map-group-card ul {
display: grid;
grid-template-columns: repeat(2, minmax(0,1fr));
gap: 0;
margin: 0;
padding: 5px 14px 12px;
list-style: none;
}
.pfm-power-map-group-card li {
min-width: 0;
margin: 0;
padding: 0;
border-bottom: 1px solid #edf1f6;
}
.pfm-power-map-group-card li:nth-last-child(-n+2) {
border-bottom: 0;
}
.pfm-power-map-group-card li a {
display: grid;
grid-template-columns: 38px minmax(0,1fr);
gap: 9px;
align-items: center;
min-height: 58px;
padding: 8px 6px;
border-radius: 8px;
}
.pfm-power-map-group-card li a:hover,
.pfm-power-map-group-card li a:focus-visible {
background: #f4f7fb;
outline: none;
}
.pfm-power-map-group-card li img {
width: 34px;
height: 34px;
object-fit: contain;
}
.pfm-power-map-group-card li span,
.pfm-power-map-table td:first-child a span {
min-width: 0;
}
.pfm-power-map-group-card li strong,
.pfm-power-map-table td:first-child a strong {
display: block;
overflow: hidden;
color: #1c2a40;
font-size: 12px;
line-height: 1.25;
font-weight: 900;
text-overflow: ellipsis;
white-space: nowrap;
}
.pfm-power-map-group-card li small,
.pfm-power-map-table td:first-child a small {
display: block;
margin-top: 3px;
color: #738095;
font-size: 9.5px;
line-height: 1.25;
font-weight: 760;
}
.pfm-power-map-group-card li.pfm-power-map-empty {
grid-column: 1 / -1;
padding: 18px 8px;
border-bottom: 0;
color: #758297;
font-size: 12px;
font-weight: 700;
}
.pfm-power-map-insight-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0,1fr));
gap: 15px;
}
.pfm-power-map-insight-card {
padding: 18px;
border-radius: 14px;
}
.pfm-power-map-insight-card > span {
margin-bottom: 13px;
font-size: 10px;
}
.pfm-power-map-insight-team {
display: grid;
grid-template-columns: 54px minmax(0,1fr);
gap: 12px;
align-items: center;
}
.pfm-power-map-insight-team img {
width: 50px;
height: 50px;
object-fit: contain;
}
.pfm-power-map-insight-team h3 {
margin: 0;
color: var(--pfm-map-navy);
font-size: 18px;
line-height: 1.2;
font-weight: 950;
text-transform: none;
}
.pfm-power-map-insight-team a:hover,
.pfm-power-map-insight-team a:focus-visible {
color: var(--pfm-map-red);
outline: none;
}
.pfm-power-map-table-section {
margin: 0 0 25px;
padding: 23px;
overflow: hidden;
border-radius: 16px;
}
.pfm-power-map-table-wrap {
width: 100%;
margin-top: 17px;
overflow-x: auto;
border: 1px solid #dfe5ed;
border-radius: 11px;
}
.pfm-power-map-table {
width: 100%;
min-width: 760px;
margin: 0;
border: 0;
border-collapse: collapse;
background: #fff;
}
.pfm-power-map-table th,
.pfm-power-map-table td {
padding: 12px 14px;
border: 0;
border-bottom: 1px solid #e8edf3;
text-align: left;
vertical-align: middle;
}
.pfm-power-map-table th {
background: var(--pfm-map-navy);
color: #fff;
font-size: 10px;
line-height: 1.25;
font-weight: 900;
letter-spacing: .055em;
text-transform: uppercase;
}
.pfm-power-map-table td {
color: #26344a;
font-size: 13px;
line-height: 1.35;
font-weight: 760;
}
.pfm-power-map-table tbody tr:last-child td {
border-bottom: 0;
}
.pfm-power-map-table tbody tr:hover td {
background: #f8fafc;
}
.pfm-power-map-table tr[hidden] {
display: none;
}
.pfm-power-map-table td:first-child a {
display: grid;
grid-template-columns: 42px minmax(0,1fr);
gap: 10px;
align-items: center;
}
.pfm-power-map-table td:first-child img {
width: 38px;
height: 38px;
object-fit: contain;
}
.pfm-power-map-table td:first-child a strong {
font-size: 13px;
}
.pfm-power-map-methodology {
display: flex;
justify-content: space-between;
gap: 30px;
align-items: center;
margin: 0 0 10px;
padding: 24px 26px;
border-radius: 16px;
background: linear-gradient(135deg, #fff 0%, #f7f9fc 100%);
}
.pfm-power-map-methodology > div {
max-width: 800px;
}
.pfm-power-map-methodology h2 {
font-size: 25px;
}
.pfm-power-map-methodology > a {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-width: 210px;
min-height: 46px;
padding: 11px 16px;
border-radius: 10px;
background: var(--pfm-map-red);
color: #fff;
font-size: 12px;
line-height: 1.2;
font-weight: 900;
text-align: center;
}
.pfm-power-map-methodology > a:hover,
.pfm-power-map-methodology > a:focus-visible {
background: var(--pfm-map-red-dark);
color: #fff;
outline: none;
}
.pfm-power-map .pfm-sr-only {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0,0,0,0) !important;
white-space: nowrap !important;
border: 0 !important;
}
@media (max-width: 1080px) {
.pfm-power-map-controls {
grid-template-columns: repeat(3, minmax(0,1fr));
}
.pfm-power-map-conference-buttons,
.pfm-power-map-reset {
width: 100%;
}
.pfm-power-map-conference-buttons {
justify-content: stretch;
}
.pfm-power-map-conference-buttons button {
flex: 1;
}
}
@media (max-width: 900px) {
.pfm-power-map-hero {
grid-template-columns: 1fr;
min-height: 0;
padding: 34px 30px;
}
.pfm-power-map-hero-stats {
grid-template-columns: repeat(3, minmax(0,1fr));
}
.pfm-power-map-hero-stats > div {
grid-template-columns: 1fr;
gap: 7px;
min-height: 92px;
text-align: center;
}
.pfm-power-map-team-detail {
grid-template-columns: 76px minmax(0,1fr);
}
.pfm-power-map-detail-logo {
width: 72px;
height: 72px;
}
.pfm-power-map-detail-logo img {
width: 58px;
height: 58px;
}
.pfm-power-map-detail-actions {
grid-column: 1 / -1;
grid-template-columns: repeat(3, minmax(0,1fr));
}
.pfm-power-map-insight-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 720px) {
.pfm-power-map-hero {
margin-left: -4px;
margin-right: -4px;
padding: 29px 22px;
border-radius: 17px;
}
.pfm-power-map-hero h1 {
font-size: 37px;
line-height: 1.04;
}
.pfm-power-map-hero-copy > p {
margin-top: 15px;
font-size: 15px;
line-height: 1.55;
}
.pfm-power-map-hero-stats {
gap: 8px;
}
.pfm-power-map-hero-stats > div {
min-height: 82px;
padding: 10px 7px;
}
.pfm-power-map-hero-stats strong {
font-size: 25px;
}
.pfm-power-map-hero-stats span {
font-size: 9px;
}
.pfm-power-map-controls {
grid-template-columns: 1fr 1fr;
padding: 14px;
}
.pfm-power-map-view-control,
.pfm-power-map-team-control {
grid-column: 1 / -1;
}
.pfm-power-map-division-control {
grid-column: 1 / -1;
}
.pfm-power-map-stage-head {
display: block;
padding: 20px 18px 15px;
}
.pfm-power-map-stage-head h2,
.pfm-power-map-section-head h2 {
font-size: 25px;
}
.pfm-power-map-average-key {
margin-top: 14px;
min-width: 0;
}
.pfm-power-map-chart-scroll {
padding-left: 0;
padding-right: 0;
}
.pfm-power-map-chart {
min-width: 820px;
min-height: 535px;
}
.pfm-power-map-chart-help {
justify-content: flex-start;
padding: 12px 16px 15px;
}
.pfm-power-map-team-detail {
grid-template-columns: 64px minmax(0,1fr);
gap: 14px;
padding: 18px 16px;
}
.pfm-power-map-detail-logo {
width: 62px;
height: 62px;
border-radius: 12px;
}
.pfm-power-map-detail-logo img {
width: 50px;
height: 50px;
}
.pfm-power-map-detail-copy h2 {
font-size: 22px;
}
.pfm-power-map-detail-copy > p {
font-size: 13px;
}
.pfm-power-map-detail-actions {
grid-template-columns: 1fr;
}
.pfm-power-map-group-grid {
grid-template-columns: 1fr;
}
.pfm-power-map-group-card ul {
grid-template-columns: 1fr;
}
.pfm-power-map-group-card li:nth-last-child(-n+2) {
border-bottom: 1px solid #edf1f6;
}
.pfm-power-map-group-card li:last-child {
border-bottom: 0;
}
.pfm-power-map-table-section {
padding: 18px 14px;
}
.pfm-power-map-methodology {
display: block;
padding: 21px 18px;
}
.pfm-power-map-methodology > a {
width: 100%;
margin-top: 17px;
}
}
@media (max-width: 430px) {
.pfm-power-map-controls {
grid-template-columns: 1fr;
}
.pfm-power-map-view-control,
.pfm-power-map-team-control,
.pfm-power-map-division-control {
grid-column: auto;
}
.pfm-power-map-updated {
align-items: flex-start;
border-radius: 11px;
}
.pfm-power-map-section-head h2 {
font-size: 23px;
}
}
@media (prefers-reduced-motion: reduce) {
.pfm-power-map *,
.pfm-power-map *::before,
.pfm-power-map *::after {
scroll-behavior: auto !important;
transition-duration: .001ms !important;
animation-duration: .001ms !important;
animation-iteration-count: 1 !important;
}
}