/* Elko Ergo — REBA/RULA assessment */
.eer-wrap [hidden], .eer-wrap [hidden] { display: none !important; }
.eer-wrap {
	--eer-navy: #1B2A4A; --eer-orange: #E87722; --eer-orange-d: #C2600F;
	--eer-cream: #F8F3E7; --eer-line: #E2DACA; --eer-ink: #3E4657; --eer-muted: #6B7387;
	--eer-ok: #2C9E4B; --eer-watch: #E8A722; --eer-bad: #C63A22;
	color: var(--eer-ink);
}
.eer-hero {
	background: radial-gradient(ellipse 60% 50% at 50% 0%, rgba(232,119,34,.22), transparent 70%), linear-gradient(165deg, #2A3D66, var(--eer-navy) 55%, #14213C);
	color: #fff; border-radius: 16px; padding: 2rem 1.6rem 1.7rem; text-align: center; margin-bottom: 1.4rem;
	box-shadow: 0 2px 4px rgba(20,33,60,.07), 0 10px 26px rgba(20,33,60,.12);
}
.eer-hero h2 { color: #fff; font-family: "Bitter", Georgia, serif; margin: 0 0 .5rem; }
.eer-hero p { color: #DFE4EF; max-width: 68ch; margin: 0 auto .6rem; }
.eer-price { font-size: 1.05rem; color: #F2B04A !important; }
.eer-price strong { font-family: "Bitter", Georgia, serif; font-size: 1.3rem; }

.eer-card {
	background: #fff; border: 1px solid var(--eer-line); border-radius: 14px;
	padding: 1.3rem 1.4rem; margin-bottom: 1.1rem; box-shadow: 0 1px 2px rgba(20,33,60,.05);
}
.eer-card h3 { margin: 0 0 .6rem; font-family: "Bitter", Georgia, serif; color: var(--eer-navy); display: flex; align-items: center; gap: .6rem; }
.eer-num {
	width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; flex: 0 0 auto;
	background: var(--eer-navy); color: #fff; font-size: .85rem; font-weight: 800;
}
.eer-sub { color: var(--eer-muted); margin: 0 0 .9rem; }

.eer-drop {
	border: 2px dashed #CFC5AC; border-radius: 12px; padding: 2rem 1rem; text-align: center;
	background: var(--eer-cream); transition: border-color .15s, background .15s;
}
.eer-drop.is-over { border-color: var(--eer-orange); background: #FDF3EA; }
.eer-hint { color: var(--eer-muted); font-size: .85rem; margin: .8rem 0 0; }

.eer-btn {
	display: inline-flex; align-items: center; gap: .4rem; padding: .7rem 1.4rem; border-radius: 999px;
	font-weight: 800; font-size: .92rem; cursor: pointer; border: 2px solid var(--eer-orange-d); text-decoration: none;
	transition: filter .14s, transform .12s;
}
.eer-btn-solid { background: linear-gradient(180deg, #F2853A, var(--eer-orange-d)); color: #fff !important; box-shadow: 0 3px 10px rgba(232,119,34,.32); }
.eer-btn-ghost { background: #fff; color: var(--eer-orange-d) !important; }
.eer-btn:hover:not(:disabled) { transform: translateY(-1px); filter: brightness(1.06); }
.eer-btn:disabled { opacity: .6; cursor: default; }

.eer-canvas-wrap { margin-top: 1rem; }
#eer-canvas { width: 100%; height: auto; border-radius: 12px; border: 1px solid var(--eer-line); display: block; }
.eer-legend { display: flex; gap: 1.1rem; flex-wrap: wrap; margin-top: .6rem; font-size: .8rem; color: var(--eer-muted); }
.eer-legend span { display: inline-flex; align-items: center; gap: .35rem; }
.eer-dot { width: 12px; height: 12px; border-radius: 50%; display: inline-block; }
.eer-dot.ok { background: var(--eer-ok); } .eer-dot.watch { background: var(--eer-watch); } .eer-dot.bad { background: var(--eer-bad); }
.eer-status { font-size: .87rem; color: var(--eer-muted); margin: .6rem 0 0; }
.eer-status.is-ok { color: #2C4A33; font-weight: 600; }
.eer-status.is-err { color: #9C2F1E; font-weight: 700; }

.eer-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: .9rem; margin-bottom: 1rem; }
.eer-fields label { display: flex; flex-direction: column; gap: .25rem; font-weight: 600; font-size: .88rem; color: var(--eer-navy); }
.eer-fields input[type="text"], .eer-fields select {
	padding: .55rem .8rem; border-radius: 9px; border: 1px solid var(--eer-line); font-size: .92rem; background: #fff;
}
.eer-checks { grid-column: 1 / -1; border: 1px solid var(--eer-line); border-radius: 10px; padding: .8rem 1rem; }
.eer-checks legend { font-weight: 700; font-size: .82rem; color: var(--eer-navy); padding: 0 .4rem; }
.eer-checks label { flex-direction: row; align-items: center; gap: .5rem; font-weight: 500; color: var(--eer-ink); margin: .3rem 0; }

.eer-code-row { display: flex; gap: .5rem; flex-wrap: wrap; margin-bottom: .5rem; }
.eer-code-row input { flex: 1; min-width: 180px; padding: .65rem 1rem; border-radius: 999px; border: 1px solid var(--eer-line); text-transform: uppercase; }
.eer-code-msg { font-size: .87rem; margin: 0 0 .8rem; }
.eer-code-msg.is-ok { color: #2C4A33; font-weight: 700; }
.eer-code-msg.is-err { color: #9C2F1E; font-weight: 700; }
#eer-payment-element { margin: 1rem 0; }

/* Report */
.eer-report-head { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: .5rem; }
.eer-ref { font-family: ui-monospace, Menlo, monospace; font-size: .78rem; color: var(--eer-muted); }
.eer-scores { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 1rem 0 1.2rem; }
.eer-score { border-radius: 14px; padding: 1.1rem 1.2rem; color: #fff; display: flex; flex-direction: column; gap: .15rem; background: #5A6274; }
.eer-score.band-0, .eer-score.band-1 { background: linear-gradient(165deg, #3FAE5F, #2C7A44); }
.eer-score.band-2 { background: linear-gradient(165deg, #EFAE3A, #C2600F); }
.eer-score.band-3 { background: linear-gradient(165deg, #D9522F, #9C2F1E); }
.eer-score.band-4 { background: linear-gradient(165deg, #B32D1E, #6E1C10); }
.eer-score-name { font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; opacity: .9; }
.eer-score-n { font-family: "Bitter", Georgia, serif; font-size: 2.6rem; font-weight: 800; line-height: 1; }
.eer-score-level { font-weight: 800; font-size: 1rem; }
.eer-score-action { font-size: .82rem; opacity: .95; }
.eer-summary { font-size: 1rem; line-height: 1.6; }
#eer-narrative h4 { font-family: "Bitter", Georgia, serif; color: var(--eer-navy); margin: 1.1rem 0 .4rem; font-size: 1rem; }
.eer-list { margin: 0; padding-left: 1.3rem; }
.eer-list li { margin-bottom: .4rem; line-height: 1.5; }
.eer-fixes li::marker { color: var(--eer-orange-d); font-weight: 800; }
.eer-limits { font-size: .84rem; color: var(--eer-muted); font-style: italic; margin-top: .9rem; }
.eer-table { width: 100%; border-collapse: collapse; margin: 1.1rem 0; font-size: .9rem; }
.eer-table th, .eer-table td { text-align: left; padding: .5rem .6rem; border-bottom: 1px solid var(--eer-line); }
.eer-table th { font-size: .74rem; text-transform: uppercase; letter-spacing: .06em; color: var(--eer-muted); }
.eer-actions { display: flex; gap: .6rem; flex-wrap: wrap; margin-top: 1rem; }

/* Explainer */
.eer-explain { margin-top: 2rem; background: var(--eer-cream); border: 1px solid var(--eer-line); border-radius: 14px; padding: 1.4rem 1.5rem; }
.eer-explain h3 { font-family: "Bitter", Georgia, serif; color: var(--eer-navy); margin: 0 0 1rem; }
.eer-explain-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.6rem; }
.eer-explain h4 { font-family: "Bitter", Georgia, serif; color: #9C2F1E; margin: 0 0 .5rem; font-size: 1rem; }
.eer-explain p { font-size: .9rem; line-height: 1.6; margin: 0 0 .6rem; }
.eer-scale { background: #fff; border-radius: 8px; padding: .5rem .7rem; font-size: .82rem !important; border: 1px solid var(--eer-line); }
.eer-disclaimer { margin: 1.4rem 0 0; font-size: .8rem; color: var(--eer-muted); font-style: italic; line-height: 1.6; }
@media (max-width: 600px) { .eer-scores { grid-template-columns: 1fr; } }

/* Modes */
.eer-modes { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: .7rem; }
.eer-mode {
	text-align: left; background: #fff; border: 2px solid var(--eer-line); border-radius: 12px;
	padding: .9rem 1rem; cursor: pointer; display: flex; flex-direction: column; gap: .25rem;
	transition: border-color .14s, transform .12s, box-shadow .14s;
}
.eer-mode:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(20,33,60,.1); }
.eer-mode.is-on { border-color: var(--eer-orange); background: #FFFDF7; box-shadow: 0 4px 14px rgba(232,119,34,.16); }
.eer-mode-icon { font-size: 1.5rem; }
.eer-mode b { font-family: "Bitter", Georgia, serif; color: var(--eer-navy); font-size: .96rem; }
.eer-mode i { font-style: normal; font-size: .8rem; color: var(--eer-muted); line-height: 1.45; }

/* Extra blocks */
.eer-block { border-top: 1px solid var(--eer-line); margin-top: 1.2rem; padding-top: 1.1rem; }
.eer-block h4 { font-family: "Bitter", Georgia, serif; color: var(--eer-navy); margin: 0 0 .7rem; }
.eer-toggle { display: flex; align-items: center; gap: .5rem; cursor: pointer; }
.eer-fields textarea { padding: .55rem .8rem; border-radius: 9px; border: 1px solid var(--eer-line); font-family: inherit; font-size: .92rem; }
.eer-freq-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: .5rem .9rem; }
.eer-freq-row { display: flex; align-items: center; justify-content: space-between; gap: .6rem; background: var(--eer-cream); border-radius: 8px; padding: .35rem .6rem; }
.eer-freq-row span { font-size: .87rem; font-weight: 600; color: var(--eer-navy); }
.eer-freq-row select { border: 1px solid var(--eer-line); border-radius: 7px; padding: .25rem .4rem; font-size: .82rem; background: #fff; }

/* Report additions */
.eer-jsa { border-radius: 12px; padding: 1rem 1.2rem; margin: 0 0 1.1rem; color: #fff; }
.eer-jsa b { display: block; font-family: "Bitter", Georgia, serif; font-size: 1.02rem; margin-bottom: .3rem; }
.eer-jsa p { margin: 0; font-size: .9rem; line-height: 1.5; }
.eer-jsa.urgency-high { background: linear-gradient(165deg, #B8402C, #9C2F1E); }
.eer-jsa.urgency-standard { background: linear-gradient(165deg, #D98A2B, #C2600F); }
.eer-jsa.urgency-low { background: linear-gradient(165deg, #3B6B47, #2C4A33); }
.eer-charts { display: grid; gap: 1.2rem; margin: 1.2rem 0; }
.eer-charts figure { margin: 0; background: #fff; border: 1px solid var(--eer-line); border-radius: 12px; padding: .9rem 1rem 1rem; }
.eer-charts figcaption { font-family: "Bitter", Georgia, serif; font-size: .84rem; font-weight: 700; color: var(--eer-navy); margin-bottom: .5rem; }
.eer-charts canvas { width: 100%; height: auto; display: block; }
.eer-force, .eer-demand { border-radius: 12px; padding: 1rem 1.2rem; margin-bottom: 1.1rem; border: 1px solid var(--eer-line); background: #fff; }
.eer-force b, .eer-demand b { font-family: "Bitter", Georgia, serif; color: var(--eer-navy); display: block; }
.eer-force p, .eer-demand p { margin: .4rem 0 0; font-size: .88rem; }
.eer-force-verdict { display: inline-block; margin-top: .3rem; font-weight: 800; font-size: .82rem; padding: .18rem .7rem; border-radius: 999px; color: #fff; background: var(--eer-ok); }
.eer-force.band-2 .eer-force-verdict { background: var(--eer-watch); }
.eer-force.band-3 .eer-force-verdict { background: var(--eer-bad); }
.eer-force.band-4 .eer-force-verdict { background: #8E2114; }
.eer-force-action { color: var(--eer-muted); font-style: italic; }
.eer-demand-level { display: inline-block; margin-top: .3rem; font-family: "Bitter", Georgia, serif; font-size: 1.15rem; font-weight: 800; padding: .2rem .8rem; border-radius: 8px; color: #fff; background: var(--eer-navy); }
.eer-demand-level.rank-1, .eer-demand-level.rank-2 { background: #2C7A44; }
.eer-demand-level.rank-3 { background: #C2600F; }
.eer-demand-level.rank-4 { background: #B8402C; }
.eer-demand-level.rank-5 { background: #8E2114; }

/* Multi-posture capture */
.eer-shot-bar { margin-top: 1rem; border-top: 1px solid var(--eer-line); padding-top: .9rem; }
.eer-shot-namer { display: flex; flex-direction: column; gap: .25rem; font-weight: 600; font-size: .86rem; color: var(--eer-navy); max-width: 340px; margin-bottom: .6rem; }
.eer-shot-namer input { padding: .5rem .8rem; border-radius: 9px; border: 1px solid var(--eer-line); font-size: .9rem; }
.eer-shot-count { font-size: .82rem; color: var(--eer-muted); margin: .6rem 0 .5rem; }
.eer-shots { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: .6rem; }
.eer-shot { position: relative; background: #fff; border: 1px solid var(--eer-line); border-radius: 10px; padding: .4rem; display: flex; flex-direction: column; gap: .15rem; }
.eer-shot img { width: 100%; height: 84px; object-fit: cover; border-radius: 7px; }
.eer-shot-label { font-weight: 700; font-size: .8rem; color: var(--eer-navy); }
.eer-shot i { font-style: normal; font-size: .7rem; color: var(--eer-muted); }
.eer-shot-del { position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; border-radius: 50%; border: 0; cursor: pointer; background: rgba(20,33,60,.72); color: #fff; font-size: .72rem; line-height: 1; }
.eer-postures { background: #fff; border: 1px solid var(--eer-line); border-radius: 12px; padding: 1rem 1.2rem; margin-bottom: 1.1rem; }
.eer-postures > b { font-family: "Bitter", Georgia, serif; color: var(--eer-navy); display: block; margin-bottom: .7rem; }
.eer-posture-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: .7rem; }
.eer-posture { border: 2px solid var(--eer-line); border-radius: 10px; padding: .45rem; display: flex; flex-direction: column; gap: .12rem; }
.eer-posture.is-worst { border-color: var(--eer-bad); box-shadow: 0 3px 12px rgba(198,58,34,.18); }
.eer-posture img { width: 100%; height: 92px; object-fit: cover; border-radius: 7px; }
.eer-posture-name { font-weight: 700; font-size: .82rem; color: var(--eer-navy); }
.eer-posture-scores { font-size: .78rem; font-weight: 700; color: var(--eer-orange-d); }
.eer-posture i { font-style: normal; font-size: .72rem; color: var(--eer-muted); }

/* PDA document form */
.eer-pda-doc h4 { margin: 1.4rem 0 .6rem; padding-bottom: .35rem; border-bottom: 2px solid var(--eer-line); }
.eer-pda-blocks { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: .8rem; }
.eer-pda-blocks label { display: flex; flex-direction: column; gap: .25rem; font-weight: 600; font-size: .84rem; color: var(--eer-navy); }
.eer-pda-blocks textarea { padding: .5rem .7rem; border-radius: 8px; border: 1px solid var(--eer-line); font-family: inherit; font-size: .88rem; resize: vertical; }
.eer-matrix { width: 100%; border-collapse: collapse; font-size: .85rem; }
.eer-matrix thead th { text-align: left; font-size: .7rem; text-transform: uppercase; letter-spacing: .06em; color: var(--eer-muted); padding: .3rem .4rem; border-bottom: 1px solid var(--eer-line); }
.eer-matrix tbody th { text-align: left; font-weight: 600; color: var(--eer-navy); padding: .35rem .4rem; white-space: nowrap; font-size: .84rem; }
.eer-matrix td { padding: .25rem .3rem; border-bottom: 1px solid #F1ECE2; }
.eer-matrix input, .eer-matrix select { width: 100%; padding: .35rem .5rem; border-radius: 7px; border: 1px solid var(--eer-line); font-size: .82rem; background: #fff; }
.eer-matrix input[type="number"] { max-width: 110px; }
.eer-exposures { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: .45rem .9rem; }
.eer-exposures label { display: flex; align-items: center; justify-content: space-between; gap: .5rem; background: var(--eer-cream); border-radius: 8px; padding: .3rem .6rem; }
.eer-exposures span { font-size: .84rem; font-weight: 600; color: var(--eer-navy); }
.eer-exposures select { border: 1px solid var(--eer-line); border-radius: 7px; padding: .25rem .35rem; font-size: .78rem; background: #fff; max-width: 145px; }
.eer-checkgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: .35rem .9rem; }
.eer-checkgrid label { display: flex; align-items: center; gap: .45rem; font-size: .86rem; }
.eer-shot-count.is-good { color: #2C4A33; font-weight: 700; }
@media (max-width: 700px) {
	.eer-matrix, .eer-matrix tbody, .eer-matrix tr, .eer-matrix td, .eer-matrix th { display: block; width: 100%; }
	.eer-matrix thead { display: none; }
	.eer-matrix tr { border: 1px solid var(--eer-line); border-radius: 10px; padding: .5rem; margin-bottom: .5rem; }
	.eer-matrix tbody th { padding-bottom: .3rem; }
}

/* Neutralize theme table styling inside the assessment (Divi paints th navy) */
.eer-wrap table.eer-matrix,
.eer-wrap table.eer-matrix tbody,
.eer-wrap table.eer-matrix thead,
.eer-wrap table.eer-matrix tr,
.eer-wrap table.eer-matrix th,
.eer-wrap table.eer-matrix td {
	background: transparent !important;
	color: inherit !important;
	border-color: #F1ECE2 !important;
	font-weight: inherit;
}
.eer-wrap table.eer-matrix { border: 0 !important; box-shadow: none !important; }
.eer-wrap table.eer-matrix thead th {
	background: var(--eer-cream) !important;
	color: var(--eer-muted) !important;
	font-weight: 800 !important;
	border-radius: 6px 6px 0 0;
}
.eer-wrap table.eer-matrix tbody th {
	color: var(--eer-navy) !important;
	font-weight: 700 !important;
	background: transparent !important;
	vertical-align: middle;
}
.eer-wrap table.eer-matrix tbody tr:hover th { color: var(--eer-orange-d) !important; }
.eer-wrap table.eer-matrix tbody tr:nth-child(odd) td { background: rgba(248, 243, 231, .45) !important; }
.eer-matrix-note {
	font-size: .8rem; color: var(--eer-muted); margin: 0 0 .5rem; font-style: italic;
}

/* Admin test-data bar */
.eer-devbar {
	display: flex; align-items: center; gap: .8rem; flex-wrap: wrap;
	background: repeating-linear-gradient(45deg, #FFF8E8, #FFF8E8 10px, #FDF3DC 10px, #FDF3DC 20px);
	border: 1px dashed #D9A404; border-radius: 10px; padding: .6rem .9rem; margin-bottom: 1rem;
}
.eer-devbar span { font-size: .8rem; color: #7A6A3A; }
.eer-btn:disabled { opacity: .45; }

/* Classification thresholds */
.eer-thresholds { background: var(--eer-cream); border: 1px solid var(--eer-line); border-radius: 10px; padding: .7rem 1rem; margin-bottom: 1.1rem; }
.eer-thresholds summary { cursor: pointer; font-weight: 800; color: var(--eer-navy); font-size: .9rem; }
.eer-thresholds summary::marker { color: var(--eer-orange); }
.eer-thresh-table { margin-top: .6rem; background: #fff; border-radius: 8px; }
.eer-thresh-table input[type="text"] { font-weight: 700; color: var(--eer-navy); }
.eer-thresh-any { font-size: .78rem; color: var(--eer-muted); font-style: italic; }
.eer-thresh-actions { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; margin: .8rem 0 0; }
.eer-thresh-msg { font-size: .84rem; font-weight: 700; }
.eer-thresh-msg.is-ok { color: #2C4A33; }
.eer-thresh-msg.is-err { color: #9C2F1E; }
.eer-demand-scale { font-size: .76rem !important; color: var(--eer-muted); font-family: ui-monospace, Menlo, monospace; }

/* Sample reports */
.eer-samples { background: linear-gradient(170deg, #FFFDF7, var(--eer-cream)); border: 1px solid var(--eer-line); border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1.4rem; }
.eer-samples h3 { font-family: "Bitter", Georgia, serif; color: var(--eer-navy); margin: 0 0 .3rem; font-size: 1.05rem; }
.eer-sample-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: .6rem; }
.eer-sample-btn {
	background: #fff; border: 1px solid var(--eer-line); border-radius: 11px; padding: .8rem .9rem;
	cursor: pointer; text-align: left; display: flex; flex-direction: column; gap: .2rem;
	transition: transform .13s, border-color .13s, box-shadow .13s;
}
.eer-sample-btn:hover:not(:disabled) { transform: translateY(-2px); border-color: var(--eer-orange); box-shadow: 0 6px 16px rgba(20,33,60,.1); }
.eer-sample-btn:disabled { opacity: .55; cursor: wait; }
.eer-sample-icon { font-size: 1.3rem; }
.eer-sample-btn b { font-family: "Bitter", Georgia, serif; color: var(--eer-navy); font-size: .88rem; }
.eer-sample-cta { font-style: normal; font-size: .74rem; font-weight: 800; color: var(--eer-orange-d); }

/* Credits & packages */
.eer-balance { background: var(--eer-cream); border: 1px solid var(--eer-line); border-radius: 10px; padding: .55rem .9rem; margin-bottom: .8rem; font-size: .88rem; color: var(--eer-muted); }
.eer-balance.has-credits { background: #EDF7EF; border-color: #B7DFC2; color: #2C4A33; }
.eer-balance b { font-family: "Bitter", Georgia, serif; font-size: 1.15rem; color: var(--eer-navy); }
.eer-packs-head { font-weight: 700; color: var(--eer-navy); font-size: .88rem; margin: 0 0 .5rem; }
.eer-pack-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: .55rem; margin-bottom: .7rem; }
.eer-pack {
	position: relative; background: #fff; border: 2px solid var(--eer-line); border-radius: 12px; padding: .7rem .6rem;
	cursor: pointer; text-align: center; display: flex; flex-direction: column; gap: .1rem;
	transition: border-color .14s, transform .12s, box-shadow .14s;
}
.eer-pack:hover { transform: translateY(-2px); border-color: var(--eer-orange); }
.eer-pack.is-on { border-color: var(--eer-orange); background: #FFFDF7; box-shadow: 0 4px 14px rgba(232,119,34,.18); }
.eer-pack b { font-family: "Bitter", Georgia, serif; font-size: 1.5rem; color: var(--eer-navy); line-height: 1; }
.eer-pack span { font-size: .68rem; text-transform: uppercase; letter-spacing: .05em; color: var(--eer-muted); }
.eer-pack strong { font-size: 1rem; color: var(--eer-orange-d); margin-top: .25rem; }
.eer-pack em { font-style: normal; font-size: .7rem; color: var(--eer-muted); }
.eer-pack-save { position: absolute; top: -8px; right: -6px; font-style: normal; font-size: .6rem; font-weight: 800; text-transform: uppercase; background: var(--eer-ok); color: #fff; padding: .12rem .45rem; border-radius: 999px; }
.eer-pack.needs-account { opacity: .72; }
.eer-packs-note { font-size: .8rem; color: var(--eer-muted); margin: 0 0 .6rem; }
.eer-packs-note a { color: var(--eer-orange-d); font-weight: 700; }

/* Hero pricing */
.eer-price { display: flex; flex-direction: column; gap: .15rem; margin-top: .9rem; }
.eer-price-main { font-family: "Bitter", Georgia, serif; font-size: 1.2rem; font-weight: 800; color: #F2B04A; }
.eer-price-sub { font-size: .92rem; color: #DFE4EF; }
.eer-price-note { font-size: .8rem; color: #9BA6C0; margin-top: .35rem; }
.eer-code-intro { margin-bottom: .5rem !important; }