.sc2it-goal-calculator {
	--sc2it-ink: #0f0f0f;
	--sc2it-bg: #151515;
	--sc2it-panel: #202020;
	--sc2it-line: #383838;
	--sc2it-text: #fcfcfc;
	--sc2it-muted: #c7c7c7;
	--sc2it-faint: #8f8f8f;
	--sc2it-gold: #fcb900;
	--sc2it-gold-2: #ffdf70;
	--sc2it-green: #56c271;
	--sc2it-cyan: #42dcd1;
	--sc2it-shadow: 0 24px 70px rgba(0, 0, 0, .36);
	--sc2it-page-width: min(100% - clamp(32px, 7vw, 144px), 1880px);
	color: var(--sc2it-text);
	font-family: Poppins, Inter, Heebo, "Segoe UI", Arial, sans-serif;
	width: 100vw;
	max-width: none;
	margin: 0 0 34px;
	left: 50%;
	transform: translateX(-50%);
	position: relative;
}

body.page-id-8425 .calc-juros-container {
	display: none !important;
}

body.page-id-8425 {
	background: #151515;
	overflow-x: hidden;
}

body.page-id-8425 .wp-site-blocks,
body.page-id-8425 main,
body.page-id-8425 .site-main,
body.page-id-8425 .entry-content,
body.page-id-8425 .guten-t8qdY1 {
	background: #151515 !important;
}

body.page-id-8425 header.wp-block-template-part {
	position: relative;
	z-index: 20;
	background: #141414;
}

body.page-id-8425 header.wp-block-template-part::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, transparent 2%, rgba(252, 185, 0, .92) 14%, rgba(255, 223, 112, .92) 50%, rgba(252, 185, 0, .92) 86%, transparent 98%);
	box-shadow: 0 0 20px rgba(252, 185, 0, .22);
}

body.page-id-8425 header.wp-block-template-part .guten-fvg1Dl,
body.page-id-8425 header.wp-block-template-part > .guten-section:first-child,
body.page-id-8425 header.wp-block-template-part > div:first-child {
	margin-bottom: 0 !important;
	padding: 18px 0 !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, 0)),
		linear-gradient(135deg, rgba(252, 185, 0, .11), transparent 34%),
		#141414 !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
}

body.page-id-8425 header.wp-block-template-part .guten-fvg1Dl::before,
body.page-id-8425 header.wp-block-template-part .guten-fvg1Dl::after,
body.page-id-8425 header.wp-block-template-part > .guten-section:first-child::before,
body.page-id-8425 header.wp-block-template-part > .guten-section:first-child::after,
body.page-id-8425 header.wp-block-template-part > div:first-child::before,
body.page-id-8425 header.wp-block-template-part > div:first-child::after {
	content: none !important;
	display: none !important;
}

body.page-id-8425 header.wp-block-template-part .guten-fvg1Dl .guten-container {
	width: min(100% - clamp(32px, 7vw, 144px), 1880px) !important;
	max-width: none !important;
	height: auto !important;
	min-height: 0 !important;
	margin-inline: auto !important;
	align-items: center !important;
	justify-content: space-between !important;
}

body.page-id-8425 header.wp-block-template-part .guten-fvg1Dl .guten-column,
body.page-id-8425 header.wp-block-template-part .guten-fvg1Dl .guten-column-wrapper {
	height: auto !important;
	min-height: 0 !important;
	align-items: center !important;
}

body.page-id-8425 header.wp-block-template-part .guten-fvg1Dl .guten-hdVg51 {
	flex: 0 0 auto !important;
	width: auto !important;
	max-width: none !important;
	padding: 0 !important;
}

body.page-id-8425 header.wp-block-template-part .guten-fvg1Dl .guten-4D2MFv {
	flex: 1 1 auto !important;
	width: auto !important;
	max-width: none !important;
	padding: 0 !important;
}

body.page-id-8425 header.wp-block-template-part .guten-fvg1Dl img {
	display: block !important;
	width: 96px !important;
	max-width: 96px !important;
	height: auto !important;
	margin: 0 !important;
	filter: drop-shadow(0 12px 28px rgba(0, 0, 0, .28));
}

body.page-id-8425 header.wp-block-template-part .guten-nav-menu,
body.page-id-8425 header.wp-block-template-part .gutenverse-menu-wrapper,
body.page-id-8425 header.wp-block-template-part .gutenverse-menu,
body.page-id-8425 header.wp-block-template-part .gutenverse-menu > ul {
	height: auto !important;
	min-height: 0 !important;
	background: transparent !important;
}

body.page-id-8425 header.wp-block-template-part .guten-nav-menu {
	display: flex !important;
	justify-content: flex-end !important;
}

body.page-id-8425 header.wp-block-template-part .gutenverse-menu,
body.page-id-8425 header.wp-block-template-part .gutenverse-menu > ul {
	align-items: center !important;
	justify-content: flex-end !important;
}

body.page-id-8425 header.wp-block-template-part .gutenverse-menu li a,
body.page-id-8425 header.wp-block-template-part .gutenverse-menu > ul li a {
	color: #f4f4f4 !important;
	text-shadow: none !important;
	border-radius: 999px;
	transition: color .18s ease, background .18s ease;
}

body.page-id-8425 header.wp-block-template-part .gutenverse-menu li.current-menu-item > a,
body.page-id-8425 header.wp-block-template-part .gutenverse-menu > ul li.current-menu-item > a,
body.page-id-8425 header.wp-block-template-part .gutenverse-menu li a:hover,
body.page-id-8425 header.wp-block-template-part .gutenverse-menu > ul li a:hover {
	color: #fcb900 !important;
	background: rgba(252, 185, 0, .08) !important;
}

body.page-id-8425 .guten-t8qdY1 .guten-YiwpOS.guten-spacer,
body.page-id-8425 .guten-t8qdY1 .guten-spacer,
body.page-id-8425 .guten-t8qdY1 .guten-column-wrapper > .guten-spacer:first-child {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	max-height: none !important;
	margin: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	overflow: hidden !important;
}

body.page-id-8425 .guten-t8qdY1 .guten-o8XPen {
	padding-top: 0 !important;
}

body.page-id-8425 .sc2it-goal-shell::after {
	content: none !important;
	display: none !important;
}

.sc2it-goal-calculator,
.sc2it-goal-calculator * {
	box-sizing: border-box;
}

.sc2it-goal-calculator p,
.sc2it-goal-calculator h2,
.sc2it-goal-calculator h3,
.sc2it-goal-calculator h4,
.sc2it-goal-calculator strong,
.sc2it-goal-calculator label {
	color: inherit;
}

.sc2it-goal-calculator button,
.sc2it-goal-calculator input {
	font: inherit;
}

.sc2it-goal-shell {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, 0) 240px),
		linear-gradient(135deg, rgba(252, 185, 0, .08), transparent 36%),
		var(--sc2it-bg);
	border: 0 solid rgba(255, 255, 255, .08);
	border-bottom-width: 1px;
	border-left: 0;
	border-right: 0;
	border-radius: 0;
	box-shadow: var(--sc2it-shadow);
	overflow: hidden;
	position: relative;
	isolation: isolate;
}

.sc2it-goal-shell::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background-image:
		linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
	background-size: 44px 44px;
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, .55), transparent 70%);
}

.sc2it-goal-shell::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, transparent, var(--sc2it-gold), var(--sc2it-gold-2), transparent);
	opacity: .9;
}

.sc2it-goal-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr);
	gap: 28px;
	align-items: end;
	width: var(--sc2it-page-width);
	margin-inline: auto;
	padding: clamp(46px, 5vw, 84px) 0 clamp(34px, 4vw, 60px);
	border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.sc2it-goal-kicker {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	width: fit-content;
	margin: 0 0 14px;
	padding: 7px 10px;
	border: 1px solid rgba(252, 185, 0, .42);
	border-radius: 999px;
	color: var(--sc2it-gold-2);
	background: rgba(252, 185, 0, .08);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.sc2it-goal-title {
	margin: 0;
	color: var(--sc2it-text);
	font-size: clamp(30px, 4.2vw, 58px);
	line-height: 1.02;
	letter-spacing: 0;
	font-weight: 800;
}

.sc2it-goal-subtitle {
	max-width: 720px;
	margin: 16px 0 0;
	color: var(--sc2it-muted);
	font-size: 16px;
	line-height: 1.65;
}

.sc2it-goal-disclaimer {
	max-width: 760px;
	margin: 12px 0 0;
	color: var(--sc2it-faint);
	font-size: 13px;
	line-height: 1.55;
}

.sc2it-goal-disclaimer em {
	font-style: italic;
}

.sc2it-main-number {
	background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .025));
	border: 1px solid rgba(252, 185, 0, .32);
	border-radius: 8px;
	padding: 22px;
	position: relative;
	overflow: hidden;
}

.sc2it-main-number::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(252, 185, 0, .85), transparent);
}

.sc2it-main-number span {
	display: block;
	color: var(--sc2it-muted);
	font-size: 13px;
	font-weight: 650;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.sc2it-main-number strong {
	display: block;
	margin-top: 8px;
	color: var(--sc2it-gold);
	font-size: clamp(38px, 5vw, 64px);
	line-height: .95;
	letter-spacing: 0;
}

.sc2it-main-number em {
	display: block;
	margin-top: 12px;
	color: var(--sc2it-faint);
	font-size: 13px;
	font-style: normal;
	line-height: 1.45;
}

.sc2it-goal-grid {
	display: grid;
	grid-template-columns: minmax(320px, 420px) minmax(0, 1fr);
	gap: 24px;
	width: var(--sc2it-page-width);
	margin-inline: auto;
	padding: clamp(24px, 3vw, 46px) 0 clamp(34px, 4vw, 68px);
}

.sc2it-panel {
	background: rgba(32, 32, 32, .94);
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 8px;
}

.sc2it-form-panel {
	grid-column: 1;
	grid-row: 1 / span 4;
	padding: 20px;
	height: fit-content;
	position: sticky;
	top: 18px;
}

.sc2it-section-label,
.sc2it-chart-head,
.sc2it-table-head,
.sc2it-article-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 16px;
}

.sc2it-section-label h3,
.sc2it-chart-head h3,
.sc2it-table-head h3,
.sc2it-article-head h3 {
	margin: 0;
	color: var(--sc2it-text);
	font-size: 16px;
	line-height: 1.25;
	font-weight: 760;
	letter-spacing: 0;
}

.sc2it-section-label span {
	color: var(--sc2it-gold);
	font-size: 18px;
}

.sc2it-chart-head span,
.sc2it-table-head span,
.sc2it-article-head span {
	color: var(--sc2it-faint);
	font-size: 12px;
	font-weight: 700;
}

.sc2it-field {
	margin-bottom: 16px;
}

.sc2it-field label {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
	color: var(--sc2it-muted);
	font-size: 13px;
	font-weight: 700;
}

.sc2it-input-wrap {
	position: relative;
}

.sc2it-input-wrap input {
	width: 100%;
	min-height: 48px;
	padding: 12px 48px 12px 14px;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 8px;
	background: rgba(9, 9, 9, .72);
	color: var(--sc2it-text);
	outline: none;
	transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.sc2it-input-wrap input:focus {
	border-color: rgba(252, 185, 0, .88);
	background: rgba(7, 7, 7, .92);
	box-shadow: 0 0 0 4px rgba(252, 185, 0, .12);
}

.sc2it-input-wrap input::-webkit-outer-spin-button,
.sc2it-input-wrap input::-webkit-inner-spin-button {
	margin: 0;
}

.sc2it-unit {
	position: absolute;
	right: 13px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--sc2it-gold);
	font-size: 13px;
	font-weight: 800;
	pointer-events: none;
}

.sc2it-manual-monthly {
	margin: 18px 0 0;
	padding: 14px;
	border: 1px solid rgba(252, 185, 0, .18);
	border-radius: 8px;
	background: rgba(252, 185, 0, .055);
}

.sc2it-toggle-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 12px;
	color: var(--sc2it-muted);
	font-size: 13px;
	font-weight: 800;
	cursor: pointer;
}

.sc2it-toggle-row input {
	width: 18px;
	height: 18px;
	accent-color: var(--sc2it-gold);
	cursor: pointer;
}

.sc2it-input-wrap input:disabled {
	color: var(--sc2it-faint);
	background: rgba(255, 255, 255, .045);
	cursor: not-allowed;
}

.sc2it-scenario-block {
	margin-top: 18px;
}

.sc2it-scenario-title {
	display: block;
	margin-bottom: 9px;
	color: var(--sc2it-muted);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.sc2it-rate-presets {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.sc2it-preset {
	min-height: 88px;
	padding: 10px;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 8px;
	background: rgba(255, 255, 255, .05);
	color: var(--sc2it-muted);
	cursor: pointer;
	text-align: left;
	transition: transform .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
}

.sc2it-preset:hover,
.sc2it-preset.is-active {
	transform: translateY(-1px);
	border-color: rgba(252, 185, 0, .62);
	background: rgba(252, 185, 0, .12);
	color: var(--sc2it-gold-2);
}

.sc2it-preset span,
.sc2it-preset em {
	display: block;
	font-size: 11px;
	font-style: normal;
	font-weight: 760;
	letter-spacing: .03em;
	text-transform: uppercase;
}

.sc2it-preset strong {
	display: block;
	margin: 6px 0 4px;
	color: var(--sc2it-text);
	font-size: 18px;
	line-height: 1.05;
	letter-spacing: 0;
}

.sc2it-preset em {
	color: var(--sc2it-faint);
	text-transform: none;
}

.sc2it-action-row {
	display: grid;
	grid-template-columns: 1fr 48px;
	gap: 10px;
	margin-top: 18px;
}

.sc2it-primary-btn,
.sc2it-icon-btn,
.sc2it-link-btn,
.sc2it-export-btn {
	border-radius: 8px;
	cursor: pointer;
	font-weight: 800;
	transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, background .18s ease;
}

.sc2it-primary-btn {
	min-height: 50px;
	border: 0;
	color: #111;
	background: linear-gradient(135deg, var(--sc2it-gold), var(--sc2it-gold-2));
	box-shadow: 0 14px 28px rgba(252, 185, 0, .22);
}

.sc2it-primary-btn:hover,
.sc2it-icon-btn:hover,
.sc2it-link-btn:hover,
.sc2it-export-btn:hover {
	transform: translateY(-2px);
	filter: brightness(1.03);
}

.sc2it-icon-btn {
	width: 48px;
	min-height: 50px;
	color: var(--sc2it-text);
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .12);
}

.sc2it-small-note {
	margin: 14px 0 0;
	color: var(--sc2it-faint);
	font-size: 12px;
	line-height: 1.55;
}

.sc2it-results {
	display: contents;
}

.sc2it-kpis {
	grid-column: 2;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.sc2it-kpi {
	min-height: 124px;
	padding: 18px;
	background: linear-gradient(180deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .025));
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 8px;
	position: relative;
	overflow: hidden;
}

.sc2it-kpi::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 3px;
	background: var(--sc2it-kpi-color, var(--sc2it-gold));
}

.sc2it-kpi-gold {
	--sc2it-kpi-color: var(--sc2it-gold);
}

.sc2it-kpi-green {
	--sc2it-kpi-color: var(--sc2it-green);
}

.sc2it-kpi-cyan {
	--sc2it-kpi-color: var(--sc2it-cyan);
}

.sc2it-kpi span,
.sc2it-milestone span,
.sc2it-insight-panel span {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--sc2it-muted);
	font-size: 12px;
	font-weight: 750;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.sc2it-kpi strong {
	display: block;
	margin-top: 14px;
	color: var(--sc2it-text);
	font-size: clamp(22px, 2.7vw, 34px);
	line-height: 1.05;
	letter-spacing: 0;
}

.sc2it-kpi small {
	display: block;
	margin-top: 8px;
	color: var(--sc2it-faint);
	font-size: 12px;
	line-height: 1.4;
}

.sc2it-progress-panel,
.sc2it-insight-panel,
.sc2it-chart-panel,
.sc2it-article-panel,
.sc2it-export-panel {
	padding: 18px;
}

.sc2it-progress-panel,
.sc2it-insight-panel,
.sc2it-milestones {
	grid-column: 2;
}

.sc2it-progress-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 18px;
	margin-bottom: 12px;
}

.sc2it-progress-top strong {
	color: var(--sc2it-text);
	font-size: 14px;
}

.sc2it-progress-top span {
	color: var(--sc2it-gold);
	font-size: 13px;
	font-weight: 800;
}

.sc2it-progress-track {
	height: 12px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .09);
	overflow: hidden;
}

.sc2it-progress-fill {
	width: 0;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--sc2it-green), var(--sc2it-gold), var(--sc2it-cyan));
	transition: width .45s ease;
}

.sc2it-insight-panel {
	display: grid;
	gap: 10px;
	background: linear-gradient(135deg, rgba(66, 220, 209, .1), rgba(252, 185, 0, .07));
}

.sc2it-insight-panel strong {
	color: var(--sc2it-text);
	font-size: 20px;
	line-height: 1.25;
}

.sc2it-insight-panel p {
	margin: 0;
	color: var(--sc2it-muted);
	font-size: 13px;
	line-height: 1.65;
}

.sc2it-milestones {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.sc2it-milestone {
	display: grid;
	align-content: center;
	justify-items: center;
	min-height: 158px;
	padding: 20px;
	border-radius: 8px;
	background: rgba(255, 255, 255, .045);
	border: 1px solid rgba(255, 255, 255, .08);
	text-align: center;
}

.sc2it-milestone strong {
	display: block;
	margin-top: 10px;
	color: var(--sc2it-text);
	font-size: clamp(34px, 3.6vw, 54px);
	line-height: 1;
	letter-spacing: 0;
}

.sc2it-milestone span {
	justify-content: center;
	font-size: 13px;
}

.sc2it-chart-panel {
	grid-column: 1 / -1;
	min-height: 366px;
}

.sc2it-chart-wrap {
	height: clamp(430px, 58vh, 720px);
	position: relative;
}

.sc2it-table-panel {
	grid-column: 1 / -1;
	overflow: hidden;
}

.sc2it-table-head {
	padding: 18px 18px 0;
}

.sc2it-table-scroll {
	max-height: clamp(560px, 76vh, 900px);
	overflow: auto;
}

.sc2it-table-scroll::-webkit-scrollbar {
	height: 8px;
	width: 8px;
}

.sc2it-table-scroll::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, .05);
}

.sc2it-table-scroll::-webkit-scrollbar-thumb {
	background: rgba(252, 185, 0, .65);
	border-radius: 999px;
}

.sc2it-data-table {
	width: 100%;
	min-width: 1080px;
	border-collapse: collapse;
}

.sc2it-data-table th {
	position: sticky;
	top: 0;
	z-index: 1;
	padding: 13px 14px;
	text-align: left;
	color: var(--sc2it-gold-2);
	background: #171717;
	border-top: 1px solid rgba(255, 255, 255, .06);
	border-bottom: 1px solid rgba(252, 185, 0, .3);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.sc2it-data-table td {
	padding: 13px 14px;
	color: var(--sc2it-muted);
	border-bottom: 1px solid rgba(255, 255, 255, .065);
	font-size: 13px;
	white-space: nowrap;
}

.sc2it-data-table tbody tr {
	background: rgba(255, 255, 255, .018);
}

.sc2it-data-table tbody tr:nth-child(even) {
	background: rgba(255, 255, 255, .038);
}

.sc2it-data-table tbody tr.sc2it-row-half,
.sc2it-data-table tbody tr.sc2it-row-flip {
	background: linear-gradient(90deg, rgba(252, 185, 0, .14), rgba(255, 255, 255, .035));
}

.sc2it-data-table tbody tr:hover {
	background: rgba(252, 185, 0, .1);
}

.sc2it-data-table strong {
	color: var(--sc2it-text);
}

.sc2it-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 28px;
	padding: 5px 9px;
	border-radius: 999px;
	color: #141414;
	background: var(--sc2it-gold);
	font-size: 11px;
	font-weight: 850;
}

.sc2it-badge + .sc2it-badge {
	margin-left: 6px;
}

.sc2it-badge.is-green {
	background: var(--sc2it-green);
}

.sc2it-footer-grid {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
	gap: 18px;
}

.sc2it-article-card {
	display: grid;
	gap: 16px;
	padding: 16px;
	border-radius: 8px;
	background: linear-gradient(135deg, rgba(252, 185, 0, .12), rgba(255, 255, 255, .04));
	border: 1px solid rgba(252, 185, 0, .24);
}

.sc2it-article-reason {
	margin: 0;
	color: var(--sc2it-muted);
	font-size: 13px;
	line-height: 1.6;
}

.sc2it-article-list {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(220px, calc((100% - 28px) / 3));
	gap: 14px;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	padding: 2px 2px 12px;
	scroll-snap-type: inline proximity;
}

.sc2it-article-list::-webkit-scrollbar {
	height: 8px;
}

.sc2it-article-list::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, .05);
}

.sc2it-article-list::-webkit-scrollbar-thumb {
	background: rgba(252, 185, 0, .65);
	border-radius: 999px;
}

.sc2it-article-item {
	display: grid;
	grid-template-rows: auto 1fr;
	min-height: 100%;
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 8px;
	overflow: hidden;
	color: var(--sc2it-text) !important;
	text-decoration: none;
	background: rgba(18, 18, 18, .72);
	scroll-snap-align: start;
	transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.sc2it-article-item:hover {
	transform: translateY(-2px);
	border-color: rgba(252, 185, 0, .42);
	background: rgba(32, 32, 32, .95);
}

.sc2it-article-thumb {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	background-color: #101010;
	background-position: center;
	background-size: cover;
}

.sc2it-article-thumb.is-empty {
	display: grid;
	place-items: center;
	color: var(--sc2it-gold);
	background:
		linear-gradient(135deg, rgba(252, 185, 0, .18), rgba(66, 220, 209, .1)),
		#171717;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.sc2it-article-body {
	display: grid;
	align-content: start;
	gap: 9px;
	padding: 14px;
}

.sc2it-article-body strong {
	color: var(--sc2it-text);
	font-size: 15px;
	line-height: 1.32;
}

.sc2it-article-body span {
	color: var(--sc2it-muted);
	font-size: 12px;
	line-height: 1.5;
}

.sc2it-article-body em {
	color: var(--sc2it-gold);
	font-size: 12px;
	font-style: normal;
	font-weight: 850;
	text-transform: uppercase;
}

.sc2it-export-panel {
	display: grid;
	align-content: center;
	gap: 14px;
	background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .025));
}

.sc2it-export-panel p {
	margin: 0;
	color: var(--sc2it-muted);
	font-size: 13px;
	line-height: 1.55;
}

.sc2it-export-btn {
	min-height: 46px;
	padding: 10px 14px;
	border: 1px solid rgba(86, 194, 113, .35);
	color: #06120a;
	background: linear-gradient(135deg, var(--sc2it-green), #8de3a0);
}

.sc2it-export-btn:hover {
	box-shadow: 0 12px 24px rgba(86, 194, 113, .2);
}

.sc2it-empty-state {
	color: var(--sc2it-faint);
	font-size: 13px;
}

@media (max-width: 980px) {
	.sc2it-goal-hero,
	.sc2it-goal-grid,
	.sc2it-footer-grid {
		grid-template-columns: 1fr;
	}

	.sc2it-form-panel,
	.sc2it-kpis,
	.sc2it-progress-panel,
	.sc2it-insight-panel,
	.sc2it-milestones,
	.sc2it-chart-panel,
	.sc2it-table-panel,
	.sc2it-footer-grid {
		grid-column: 1;
	}

	.sc2it-form-panel {
		grid-row: auto;
		position: static;
	}
}

@media (max-width: 720px) {
	.sc2it-goal-calculator {
		--sc2it-page-width: calc(100% - 28px);
		margin: 0 0 28px;
	}

	.sc2it-goal-hero,
	.sc2it-goal-grid {
		padding-left: 0;
		padding-right: 0;
	}

	body.page-id-8425 header.wp-block-template-part .guten-fvg1Dl,
	body.page-id-8425 header.wp-block-template-part > .guten-section:first-child,
	body.page-id-8425 header.wp-block-template-part > div:first-child {
		padding: 12px 0 !important;
	}

	body.page-id-8425 header.wp-block-template-part .guten-fvg1Dl .guten-container {
		width: calc(100% - 28px) !important;
	}

	body.page-id-8425 header.wp-block-template-part .guten-fvg1Dl img {
		width: 78px !important;
		max-width: 78px !important;
	}

	.sc2it-goal-title {
		font-size: 32px;
	}

	.sc2it-main-number {
		padding: 18px;
	}

	.sc2it-kpis,
	.sc2it-milestones,
	.sc2it-rate-presets {
		grid-template-columns: 1fr;
	}

	.sc2it-chart-head,
	.sc2it-table-head,
	.sc2it-article-head,
	.sc2it-progress-top {
		align-items: flex-start;
		flex-direction: column;
		gap: 6px;
	}

	.sc2it-chart-wrap {
		height: 340px;
	}

	.sc2it-article-list {
		grid-auto-columns: minmax(260px, 86%);
	}
}