:root {
	--ink: #0f2340; --muted: #52607a; --accent: #0e8a5f; --accent-dark: #0a6a49;
	--soft: #f4f7fa; --line: #e3e8ef; --line-strong: #cbd3df;
	--font-head: "Manrope", system-ui, sans-serif; --font-body: "Inter", system-ui, sans-serif; --head-weight: 800; --head-tracking: -0.015em;
	--radius: 10px; --btn-radius: 8px;
	--tone-a: #0e8a5f; --tone-b: #2856c8; --tone-c: #7a4cc2; --tone-d: #b26a00;
	--tone-a-soft: #e2f0eb; --tone-b-soft: #e5eaf8; --tone-c-soft: #efe9f7; --tone-d-soft: #f5ede0;
	--topbar-bg: #0f2340; --topbar-ink: #d9f2e8;
	--footer-bg: #0f2340; --footer-ink: #dbe3ee; --footer-rule: rgba(255,255,255,.12); --footer-hover: #7ee2b8;
	--tip-bg: #eaf6f1; --logo-h: 44px;
	--widget-border: 1px solid #e3e8ef; --widget-pad: 22px; --widget-rule: 2px solid #0e8a5f; --section-rule: 2px solid #e3e8ef;
}
/* Calculator widget */
.calc { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 20px 22px; margin: 1.4em 0 1.8em; box-shadow: 0 10px 30px -22px rgba(15,35,64,.4); }
.calc-title { font: 800 18px/1.2 var(--font-head); margin: 0 0 14px; }
.calc-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.calc label { display: block; font-size: 13px; font-weight: 700; color: var(--muted); margin-bottom: 4px; }
.calc input { width: 100%; border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; font: 600 17px/1 var(--font-body); color: var(--ink); background: var(--soft); }
.calc input:focus { outline: 2px solid var(--accent); border-color: transparent; }
.calc-out { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 16px; }
.calc-out div { background: var(--tone-a-soft); border-radius: 12px; padding: 10px 12px; }
.calc-out span { display: block; font-size: 12px; font-weight: 700; color: var(--accent); text-transform: uppercase; letter-spacing: .06em; }
.calc-out strong { font: 800 20px/1.3 var(--font-head); color: var(--ink); }
.calc-note { font-size: 13px; color: var(--muted); margin: 12px 0 0; }
@media (max-width: 640px) { .calc-row { grid-template-columns: 1fr; } .calc-out { grid-template-columns: 1fr 1fr; } }