/* Portfolio builder ([investnow_portfolio_builder]). Uses the site's colour variables; rem = 10px on this site. */
.inpb {
	--pb-primary: var(--color-primary, #028131);
	--pb-dark: var(--color-dark, #154a2e);
	--pb-tint: var(--color-light-grey, #ebfdf2);
	--pb-line: rgba(2, 129, 49, 0.16);
	--pb-grey: var(--color-grey, #828282);
	color: var(--pb-dark);
	font-size: var(--font-size-sml, 1.6rem);
	line-height: 1.5;
	width: 100%;
}
.inpb *, .inpb *::before, .inpb *::after { box-sizing: border-box; }
.inpb h2, .inpb h3 { color: var(--pb-dark); margin: 0; }
.inpb p { margin: 0; }
.inpb a { color: var(--pb-primary); }

/* Buttons */
.inpb-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 0.8rem; cursor: pointer;
	padding: 1.2rem 2.8rem; border: 2px solid var(--pb-primary); border-radius: 10rem;
	background: var(--pb-primary); color: #fff !important; font: inherit; font-weight: 700; text-decoration: none; line-height: 1.2;
	transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.inpb-btn:hover { background: var(--pb-dark); border-color: var(--pb-dark); }
.inpb-btn:disabled { opacity: 0.4; cursor: not-allowed; }
.inpb-btn--ghost { background: transparent; color: var(--pb-primary) !important; }
.inpb-btn--ghost:hover { background: var(--pb-tint); color: var(--pb-dark) !important; }
.inpb-btn--sm { padding: 0.7rem 1.8rem; font-size: 1.5rem; }
.inpb-link {
	cursor: pointer; padding: 0 0 0.2rem; border: 0; border-bottom: 2px solid var(--pb-primary); background: none;
	color: var(--pb-dark); font: inherit; font-weight: 700;
}
.inpb-link:hover { border-bottom-color: var(--pb-dark); }
.inpb button:focus-visible, .inpb a:focus-visible, .inpb input:focus-visible, .inpb select:focus-visible { outline: 3px solid var(--color-quaternary, #8bc34a); outline-offset: 2px; }

.inpb-row { display: flex; flex-wrap: wrap; align-items: center; gap: 1.2rem 2rem; }
.inpb-small { font-size: 1.4rem; color: var(--color-dark-grey, #4a4a4a); }
.inpb-empty { color: var(--color-dark-grey, #4a4a4a); }
.inpb-disclaimer { margin-top: 3.2rem !important; padding: 2rem 2.4rem; border-radius: 1.6rem; background: var(--pb-tint); font-size: 1.4rem; }

/* Intro */
.inpb-intro { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.4rem; }
.inpb-path { display: flex; flex-direction: column; align-items: flex-start; gap: 1.6rem; padding: 3.2rem; border: 1px solid var(--pb-line); border-radius: 2rem; background: #fff; }
.inpb-path h2 { font-size: 2.8rem; }
.inpb-path .inpb-btn { margin-top: auto; }

/* Questionnaire */
.inpb-quiz { max-width: 76rem; margin: 0 auto; display: flex; flex-direction: column; gap: 2rem; }
.inpb-progress { height: 0.6rem; border-radius: 1rem; background: var(--pb-tint); overflow: hidden; }
.inpb-progress span { display: block; height: 100%; background: var(--pb-primary); transition: width 0.25s; }
.inpb-step { font-weight: 700; color: var(--pb-primary); }
.inpb-q { font-size: clamp(2.4rem, 3vw, 3.2rem); }
.inpb-options { display: grid; gap: 1.2rem; }
.inpb-option {
	display: flex; flex-direction: column; align-items: flex-start; gap: 0.4rem; cursor: pointer; text-align: left;
	padding: 1.8rem 2.2rem; border: 2px solid var(--pb-line); border-radius: 1.6rem; background: #fff; color: var(--pb-dark); font: inherit;
}
.inpb-option strong { font-size: 1.8rem; }
.inpb-option span { color: var(--color-dark-grey, #4a4a4a); }
.inpb-option:hover { border-color: var(--pb-primary); }
.inpb-option[aria-checked="true"] { border-color: var(--pb-primary); background: var(--pb-tint); box-shadow: inset 0 0 0 1px var(--pb-primary); }
.inpb-prefs { margin: 0; padding: 1.8rem 2.2rem; border: 1px solid var(--pb-line); border-radius: 1.6rem; display: grid; gap: 0.8rem; }
.inpb-prefs legend { font-weight: 700; padding: 0 0.6rem; }
.inpb-radio { display: flex; gap: 1rem; align-items: center; cursor: pointer; }
.inpb-radio input { accent-color: var(--pb-primary); width: 1.8rem; height: 1.8rem; }
.inpb-note { padding-left: 1.6rem; border-left: 3px solid var(--color-quaternary, #8bc34a); color: var(--color-dark-grey, #4a4a4a); }
.inpb-warn { padding: 1.4rem 1.8rem; border-radius: 1.2rem; background: #fff7e0; border: 1px solid #f0d58a; }
.inpb-nav { display: flex; justify-content: space-between; gap: 1.6rem; }
.inpb-quiz > .inpb-link { align-self: center; }

/* Banner */
.inpb-banner { margin-bottom: 2.4rem; padding: 1.8rem 2.4rem; border-radius: 1.6rem; background: var(--pb-tint); }
.inpb-banner .inpb-link { margin-left: 0.4rem; }

/* Build layout */
.inpb-build { display: grid; grid-template-columns: minmax(0, 1fr) 38rem; gap: 2.4rem; align-items: start; }
.inpb-portfolio {
	position: sticky; top: 12rem; display: flex; flex-direction: column; gap: 1.4rem;
	padding: 2.4rem; border-radius: 2rem; background: #fff; border: 1px solid var(--pb-line); box-shadow: 0 1rem 3rem rgba(21, 74, 46, 0.08);
	max-height: calc(100vh - 14rem); overflow-y: auto;
}
.inpb-h { font-size: 2.4rem; }

/* Filters */
.inpb-filters { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.2rem; padding: 2rem; border-radius: 2rem; background: var(--pb-tint); }
.inpb-field { display: flex; flex-direction: column; gap: 0.4rem; font-weight: 700; font-size: 1.4rem; }
.inpb-field input, .inpb-field select {
	width: 100%; min-height: 4.4rem; padding: 0.8rem 1.2rem; border: 1px solid var(--pb-line); border-radius: 1rem;
	background: #fff; color: var(--pb-dark); font: inherit; font-weight: 500; font-size: 1.6rem;
}
.inpb-field--search { grid-column: 1 / -1; }
.inpb-chips { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 0.8rem; }
.inpb-chip {
	cursor: pointer; padding: 0.6rem 1.4rem; border: 1px solid var(--pb-line); border-radius: 10rem; background: #fff;
	color: var(--pb-dark); font: inherit; font-weight: 700; font-size: 1.4rem;
}
.inpb-chip[aria-pressed="true"] { background: var(--pb-primary); border-color: var(--pb-primary); color: #fff; }
.inpb-chip[aria-pressed="true"]::before { content: "✓ "; }

/* Fund list */
.inpb-count { margin: 1.6rem 0 0.8rem !important; font-weight: 700; }
.inpb-more { display: flex; margin: 1.6rem auto 0; }
.inpb-list ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; }
.inpb-fund {
	display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 1.6rem; align-items: center;
	padding: 1.6rem 2rem; border: 1px solid var(--pb-line); border-radius: 1.6rem; background: #fff;
}
.inpb-fund__main { display: flex; flex-direction: column; gap: 0.2rem; min-width: 0; }
.inpb-fund__name { font-weight: 800; color: var(--pb-dark) !important; text-decoration: none; }
.inpb-fund__name:hover { text-decoration: underline; }
.inpb-fund__meta { font-size: 1.4rem; color: var(--color-dark-grey, #4a4a4a); }
.inpb-tags { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 0.4rem; }
.inpb-tags span { padding: 0.1rem 0.8rem; border-radius: 10rem; background: var(--pb-tint); font-size: 1.2rem; font-weight: 700; }
.inpb-fund__stats { display: grid; grid-template-columns: repeat(4, 7rem); gap: 0.8rem; margin: 0; text-align: center; }
.inpb-fund__stats dt { font-size: 1.2rem; color: var(--pb-grey); font-weight: 700; }
.inpb-fund__stats dd { margin: 0; font-weight: 800; }
.inpb-fund__stats small { font-weight: 500; color: var(--pb-grey); }

/* Portfolio panel */
.inpb-items { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.8rem; }
.inpb-items li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 0.8rem; align-items: center; padding-bottom: 0.8rem; border-bottom: 1px solid var(--pb-line); }
.inpb-items__name { font-weight: 700; font-size: 1.5rem; line-height: 1.3; }
.inpb-weight { display: inline-flex; align-items: center; gap: 0.4rem; font-weight: 700; }
.inpb-weight input { width: 6.4rem; min-height: 3.8rem; padding: 0.4rem 0.8rem; border: 1px solid var(--pb-line); border-radius: 0.8rem; font: inherit; text-align: right; color: var(--pb-dark); }
.inpb-x { display: grid; place-items: center; padding: 0; width: 3.2rem; height: 3.2rem; border: 0; border-radius: 50%; background: var(--pb-tint); color: var(--pb-dark); font-size: 2rem; line-height: 1; cursor: pointer; }
.inpb-total { font-weight: 800; }
.inpb-total.is-off { color: #a35b00; }
.inpb-msg:empty { display: none; }
.inpb-msg { font-weight: 700; color: var(--pb-primary); }
.inpb-saved summary { cursor: pointer; font-weight: 700; }
.inpb-saved table { width: 100%; margin-top: 0.8rem; border-collapse: collapse; font-size: 1.3rem; }
.inpb-saved th, .inpb-saved td { padding: 0.4rem; text-align: left; border-bottom: 1px solid var(--pb-line); }
.inpb-saved .inpb-link { font-size: 1.3rem; }

/* Insights */
.inpb-insights { margin-top: 4rem; display: flex; flex-direction: column; gap: 2.4rem; }
.inpb-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2.4rem; }
.inpb-card { display: flex; flex-direction: column; gap: 1.2rem; padding: 2.4rem; border-radius: 2rem; background: #fff; border: 1px solid var(--pb-line); }
.inpb-card h3 { font-size: 2rem; }
.inpb-big { font-size: 3.6rem; font-weight: 800; line-height: 1.1; color: var(--pb-primary); }
.inpb-big small { font-size: 1.6rem; color: var(--pb-dark); font-weight: 600; }
.inpb-alloc { display: flex; align-items: center; gap: 2rem; }
.inpb-donut { flex: 0 0 12rem; width: 12rem; height: 12rem; border-radius: 50%; -webkit-mask: radial-gradient(circle, transparent 52%, #000 53%); mask: radial-gradient(circle, transparent 52%, #000 53%); }
.inpb-legend, .inpb-classes { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.4rem; font-size: 1.5rem; }
.inpb-legend i { display: inline-block; width: 1.2rem; height: 1.2rem; border-radius: 0.3rem; margin-right: 0.6rem; vertical-align: -0.1rem; }
.inpb-guide { color: var(--pb-grey); font-size: 1.3rem; }
.inpb-card details summary { cursor: pointer; font-weight: 700; }
.inpb-classes { margin-top: 0.8rem; }
.inpb-scale { display: grid; grid-template-columns: repeat(7, 1fr); gap: 0.4rem; }
.inpb-scale span { padding: 0.8rem 0; text-align: center; border-radius: 0.8rem; background: var(--pb-tint); font-weight: 800; color: var(--pb-grey); }
.inpb-scale span.is-on { background: var(--pb-primary); color: #fff; }
.inpb-scale-ends { display: flex; justify-content: space-between; font-size: 1.3rem; color: var(--pb-grey); }
.inpb-periods { display: flex; flex-wrap: wrap; gap: 0.8rem; }
.inpb-periods button { cursor: pointer; padding: 0.4rem 1.2rem; border: 1px solid var(--pb-line); border-radius: 10rem; background: var(--pb-tint); color: var(--pb-dark); font: inherit; font-weight: 700; font-size: 1.4rem; }
.inpb-periods button[aria-pressed="true"] { background: var(--pb-primary); border-color: var(--pb-primary); color: #fff; }
.inpb-chart { position: relative; height: 32rem; }
.inpb-proj { display: grid; grid-template-columns: repeat(3, minmax(0, 18rem)); gap: 1.2rem; }
.inpb-compare { overflow-x: auto; }
.inpb-compare table { width: 100%; min-width: 80rem; border-collapse: collapse; font-size: 1.5rem; }
.inpb-compare th, .inpb-compare td { padding: 1rem 0.8rem; text-align: center; border-bottom: 1px solid var(--pb-line); }
.inpb-compare th[scope="row"], .inpb-compare thead th:first-child { text-align: left; }
.inpb-compare tbody tr:nth-child(odd) { background: rgba(235, 253, 242, 0.5); }
.inpb-next { background: var(--pb-tint); }
.inpb-steps { margin: 0; padding-left: 2rem; }

.inpb-how { margin-top: 3.2rem; padding: 2rem 2.4rem; border: 1px solid var(--pb-line); border-radius: 1.6rem; }
.inpb-how summary { cursor: pointer; font-weight: 800; font-size: 1.8rem; }
.inpb-how > div { margin-top: 1.2rem; display: grid; gap: 1rem; }
.inpb-how ul { margin: 0; padding-left: 2rem; display: grid; gap: 0.6rem; }

@media (max-width: 1100px) {
	.inpb-build { grid-template-columns: minmax(0, 1fr) 32rem; }
	.inpb-cards { grid-template-columns: minmax(0, 1fr); }
	.inpb-fund { grid-template-columns: minmax(0, 1fr) auto; }
	.inpb-fund__stats { grid-column: 1 / -1; grid-row: 2; justify-content: start; }
}
@media (max-width: 860px) {
	.inpb-build { grid-template-columns: minmax(0, 1fr); }
	.inpb-portfolio { position: static; max-height: none; order: -1; }
	.inpb-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.inpb-intro { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
	.inpb-filters { grid-template-columns: minmax(0, 1fr); padding: 1.6rem; }
	.inpb-fund { padding: 1.4rem; }
	.inpb-fund__stats { grid-template-columns: repeat(4, minmax(0, 1fr)); width: 100%; }
	.inpb-proj { grid-template-columns: minmax(0, 1fr); }
	.inpb-alloc { flex-direction: column; align-items: flex-start; }
	.inpb-path { padding: 2.4rem; }
	.inpb-nav .inpb-btn { flex: 1; }
}

/* Labels, option descriptions and meta text use the body text colour (the theme greys out labels). */
.inpb label, .inpb legend, .inpb-field, .inpb-option span, .inpb-fund__meta, .inpb-fund__stats dt, .inpb-fund__stats small,
.inpb-small, .inpb-empty, .inpb-note, .inpb-guide, .inpb-scale-ends, .inpb-chip { color: var(--pb-dark); }

/* Fund colours + split bars */
.inpb-dot { display: inline-block; flex: 0 0 auto; width: 1rem; height: 1rem; border-radius: 50%; margin-right: 0.8rem; vertical-align: 0.05rem; }
.inpb-items__name { display: block; }
.inpb-wbar { display: block; height: 0.4rem; margin-top: 0.6rem; border-radius: 1rem; background: var(--pb-tint); overflow: hidden; }
.inpb-wbar span { display: block; height: 100%; border-radius: 1rem; transition: width 0.2s; }
.inpb-splits { gap: 2.4rem; }
.inpb-split-row { display: flex; flex-direction: column; gap: 0.8rem; }
.inpb-split-title { font-weight: 800; }
.inpb-split-sub { font-size: 1.4rem; margin-bottom: -0.4rem !important; }
.inpb-split { display: flex; height: 1.4rem; border-radius: 1rem; overflow: hidden; background: var(--pb-tint); gap: 2px; }
.inpb-split span { display: block; height: 100%; min-width: 2px; }
.inpb-split-legend { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.6rem 2rem; font-size: 1.5rem; }
.inpb-split-legend i { display: inline-block; width: 1rem; height: 1rem; border-radius: 50%; margin-right: 0.6rem; vertical-align: 0.05rem; }
.inpb-bars { list-style: none; margin: 1rem 0 0; padding: 0; display: grid; gap: 1rem; font-size: 1.5rem; }
.inpb-bars li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.4rem 1rem; }
.inpb-bars i { grid-column: 1 / -1; display: block; height: 0.6rem; border-radius: 1rem; background: var(--color-quaternary, #8bc34a); }
.inpb-compare th[scope="row"] { white-space: nowrap; }
.inpb-compare th[scope="row"] a { white-space: normal; }

/* ---- v0.12.2: intro, profile, top tip ---- */
.inpb-icon { width: 2.4rem; height: 2.4rem; flex: 0 0 auto; }
.inpb-eyebrow { font-size: 1.3rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--pb-primary); }
.inpb-btn--light { background: #fff; border-color: #fff; color: var(--pb-dark) !important; }
.inpb-btn--light:hover { background: var(--color-quaternary, #8bc34a); border-color: var(--color-quaternary, #8bc34a); color: var(--pb-dark) !important; }

/* Top tip */
.inpb-how { margin: 0 0 3.2rem; padding: 0; border: 1px solid var(--pb-line); border-radius: 1.6rem; background: #fff; }
.inpb-how summary { display: flex; align-items: center; gap: 1.2rem; padding: 1.4rem 2rem; cursor: pointer; font-weight: 500; font-size: var(--font-size-sml, 1.6rem); list-style: none; }
.inpb-how summary::-webkit-details-marker { display: none; }
.inpb-how summary .inpb-icon { color: var(--pb-primary); }
.inpb-how summary span { flex: 1; }
.inpb-how summary::after { content: ""; width: 0.8rem; height: 0.8rem; border: solid var(--pb-primary); border-width: 0 2px 2px 0; transform: rotate(45deg); margin: -0.4rem 0.4rem 0; transition: transform 0.2s; }
.inpb-how[open] summary::after { transform: rotate(-135deg); margin-top: 0.4rem; }
.inpb-how > div { margin: 0; padding: 0 2rem 2rem 5.6rem; }

/* Intro */
.inpb-steps3 { list-style: none; margin: 0 0 3.2rem; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; counter-reset: s; }
.inpb-steps3 li { display: flex; align-items: center; gap: 1.4rem; position: relative; }
.inpb-steps3 b { flex: 0 0 4.4rem; width: 4.4rem; height: 4.4rem; display: grid; place-items: center; border-radius: 50%; background: var(--pb-tint); color: var(--pb-primary); font-size: 2rem; font-weight: 800; }
.inpb-steps3 span { display: flex; flex-direction: column; font-size: 1.5rem; }
.inpb-steps3 strong { font-size: 1.8rem; }
.inpb-intro { gap: 2.8rem; }
.inpb-path { position: relative; gap: 1.2rem; padding: 3.6rem; box-shadow: 0 1rem 3rem rgba(21, 74, 46, 0.06); }
.inpb-path > .inpb-icon { width: 4.8rem; height: 4.8rem; padding: 1rem; border-radius: 1.4rem; background: var(--pb-tint); color: var(--pb-primary); margin-bottom: 0.8rem; }
.inpb-path h2 { font-size: clamp(2.8rem, 3vw, 3.6rem); }
.inpb-path__list { list-style: none; margin: 0.4rem 0 0.8rem; padding: 0; display: grid; gap: 0.8rem; }
.inpb-path__list li { position: relative; padding-left: 2.8rem; }
.inpb-path__list li::before { content: ""; position: absolute; left: 0; top: 0.5rem; width: 1.6rem; height: 0.9rem; border: solid var(--pb-primary); border-width: 0 0 2.5px 2.5px; transform: rotate(-45deg); }
.inpb-path__foot { margin-top: auto; display: flex; flex-wrap: wrap; align-items: center; gap: 1.6rem 2.4rem; }
.inpb-path .inpb-btn { margin-top: 0; }
.inpb-path__meta { display: inline-flex; align-items: center; gap: 0.6rem; font-weight: 700; font-size: 1.5rem; }
.inpb-path__meta .inpb-icon { width: 2rem; height: 2rem; }
.inpb-path--guide { background: linear-gradient(145deg, var(--pb-primary), var(--pb-dark)); border-color: transparent; color: #fff; }
.inpb-path--guide h2, .inpb-path--guide p, .inpb-path--guide li, .inpb-path--guide .inpb-path__meta { color: #fff; }
.inpb-path--guide .inpb-eyebrow { color: var(--color-quaternary, #8bc34a); }
.inpb-path--guide > .inpb-icon { background: rgba(255, 255, 255, 0.12); color: #fff; }
.inpb-path--guide .inpb-path__list li::before { border-color: var(--color-quaternary, #8bc34a); }
.inpb-feats { margin-top: 4.8rem; }
.inpb-feats ul { list-style: none; margin: 2rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem; }
.inpb-feats li { display: flex; flex-direction: column; gap: 0.6rem; padding: 2.4rem; border-radius: 1.6rem; background: var(--pb-tint); }
.inpb-feats .inpb-icon { width: 3.2rem; height: 3.2rem; color: var(--pb-primary); margin-bottom: 0.4rem; }
.inpb-feats strong { font-size: 1.8rem; }
.inpb-feats span { font-size: 1.5rem; }

/* Building your own banner */
.inpb-own { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.6rem 2.4rem; margin-bottom: 2.4rem; padding: 2.4rem 2.8rem; border-radius: 2rem; background: var(--pb-tint); border: 1px solid var(--pb-line); }
.inpb-own > div { display: flex; gap: 1.6rem; align-items: flex-start; flex: 1 1 40rem; }
.inpb-own .inpb-icon { width: 4.4rem; height: 4.4rem; padding: 0.9rem; border-radius: 1.2rem; background: #fff; color: var(--pb-primary); }

/* Profile */
.inpb-profile {
	display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 3.2rem; margin-bottom: 3.2rem; padding: 3.6rem;
	border-radius: 2.4rem; background: linear-gradient(145deg, var(--pb-primary), var(--pb-dark)); color: #fff; box-shadow: 0 1.6rem 4rem rgba(21, 74, 46, 0.18);
}
.inpb-profile p, .inpb-profile strong, .inpb-profile li { color: #fff; }
.inpb-profile .inpb-eyebrow { color: var(--color-quaternary, #8bc34a); }
.inpb-profile__main { display: flex; flex-direction: column; align-items: flex-start; gap: 1.6rem; }
.inpb-profile__name { font-size: clamp(4rem, 5vw, 6rem); line-height: 1; color: #fff !important; }
.inpb-meter { list-style: none; margin: 0; padding: 0; width: 100%; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.6rem; }
.inpb-meter li { display: flex; flex-direction: column; gap: 0.6rem; font-size: 1.3rem; font-weight: 700; color: rgba(255, 255, 255, 0.65) !important; }
.inpb-meter span { display: block; height: 0.8rem; border-radius: 1rem; background: rgba(255, 255, 255, 0.18); }
.inpb-meter li.is-below span { background: rgba(139, 195, 74, 0.55); }
.inpb-meter li.is-on span { background: var(--color-quaternary, #8bc34a); height: 1.2rem; margin-top: -0.2rem; }
.inpb-meter li.is-on { color: #fff !important; }
.inpb-profile__cap { display: flex; gap: 1rem; align-items: flex-start; padding: 1.2rem 1.6rem; border-radius: 1.2rem; background: rgba(255, 255, 255, 0.1); font-size: 1.5rem; }
.inpb-profile__chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.6rem; }
.inpb-profile__chips li { padding: 0.4rem 1.2rem; border-radius: 10rem; border: 1px solid rgba(255, 255, 255, 0.35); font-size: 1.4rem; font-weight: 700; }
.inpb-profile__side { display: flex; flex-direction: column; gap: 1.2rem; justify-content: center; padding: 2.8rem; border-radius: 1.8rem; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.14); }
.inpb-profile__h { font-weight: 800; font-size: 2rem; }
.inpb-profile .inpb-split { background: rgba(255, 255, 255, 0.15); height: 1.8rem; }
.inpb-profile .inpb-split-legend li, .inpb-profile .inpb-split-legend strong { color: #fff; }

@media (max-width: 1100px) {
	.inpb-feats ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
	.inpb-steps3 { grid-template-columns: minmax(0, 1fr); gap: 1.2rem; }
	.inpb-profile { grid-template-columns: minmax(0, 1fr); padding: 2.4rem; }
	.inpb-profile__side { padding: 2rem; }
}
@media (max-width: 560px) {
	.inpb-feats ul { grid-template-columns: minmax(0, 1fr); }
	.inpb-how > div { padding: 0 1.6rem 1.6rem; }
	.inpb-meter li { font-size: 1.1rem; }
	.inpb-path { padding: 2.4rem; }
}
.inpb-profile .inpb-split-legend i { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.85); }
.inpb-profile .inpb-split { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.25); }

/* v0.12.3: solid, calmer green panels; answers as text, not pills */
.inpb-profile { background: var(--pb-primary); box-shadow: none; padding: 3.2rem; gap: 2.8rem; }
.inpb-path--guide { background: var(--pb-primary); box-shadow: none; }
.inpb-profile__name { font-size: clamp(3.6rem, 4vw, 4.8rem); }
.inpb-profile__side { background: rgba(0, 0, 0, 0.1); border: 0; }
.inpb-profile__answers { font-size: 1.5rem; line-height: 1.5; }
.inpb-profile__answers span { font-weight: 800; }
.inpb-meter li.is-below span { background: rgba(255, 255, 255, 0.45); }
.inpb-meter li.is-on span { background: #fff; }
.inpb-profile__side { background: #fff; }
.inpb-profile .inpb-profile__side p, .inpb-profile .inpb-profile__side strong, .inpb-profile .inpb-profile__side li { color: var(--pb-dark); }
.inpb-profile .inpb-profile__side .inpb-split { background: var(--pb-tint); box-shadow: none; }
.inpb-profile .inpb-profile__side .inpb-split-legend i { box-shadow: none; }