/* ==========================================================================
   Kuncham Controls — Engineering Calculators (v6)
   Colors match the site's own brand tokens (--kc-blue / --kc-ink / --kc-muted
   from kc-ui.css). Layout is restructured (jump-nav, sibling switch strip,
   flex-wrap card rows) rather than just a palette swap.
   Scope: /engineering-calculators/ directory + individual tool pages only.
   NOTE: .kc-related-tools* and .kc-home-tools* are shared with the homepage
   and product-family pages and are intentionally left unchanged below.
   ========================================================================== */

.kc-tools-page,
.kc-calculator-page {
    --kc-tool-ink: #18272e;
    --kc-tool-ink-soft: #33474f;
    --kc-tool-muted: #5e6e77;
    --kc-tool-blue: #0e4f7f;
    --kc-tool-blue-dark: #0c3a5c;
    --kc-tool-blue-soft: #e8f1f7;
    --kc-tool-line: #dce5ea;
    --kc-tool-surface: #f4f7f9;
    --kc-tool-white: #fff;
    --kc-tool-amber: #c9791a;
    --kc-tool-radius: 16px;
    --kc-tool-radius-sm: 10px;
    --kc-tool-shadow: 0 14px 34px rgba(14,79,127,.09);
    --kc-tool-gap: clamp(12px, 1.8vw, 20px);
    --kc-tool-mono: ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, Consolas, monospace;
    color: var(--kc-tool-ink);
    background: #fff;
}
.kc-tools-page main,
.kc-calculator-page main { overflow: hidden; }
.kc-tools-page .container,
.kc-calculator-page .container { max-width: 1240px; }

/* Breadcrumb */
.kc-tools-breadcrumb { padding: 13px 0 0; background: #fff; }
.kc-tools-breadcrumb ol { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; padding: 0; list-style: none; color: #75838c; font-size: 12.5px; }
.kc-tools-breadcrumb li { display: inline-flex; align-items: center; gap: 8px; }
.kc-tools-breadcrumb li:not(:last-child)::after { content: "/"; color: #aab4ba; }
.kc-tools-breadcrumb a { color: var(--kc-tool-blue); text-decoration: none; }
.kc-tools-breadcrumb a:hover { color: var(--kc-tool-blue-dark); }

/* Shared headings */
.kc-tool-eyebrow,
.kc-tool-section-head > span,
.kc-calculator-form__head > span,
.kc-tool-reference__formula > span,
.kc-tool-reference__examples > span {
    display: inline-flex; align-items: center; gap: 7px;
    margin-bottom: 7px; color: var(--kc-tool-blue);
    font-size: 11px; font-weight: 800; letter-spacing: .13em; line-height: 1.25; text-transform: uppercase;
}
.kc-tool-eyebrow::before,
.kc-tool-section-head > span::before,
.kc-calculator-form__head > span::before,
.kc-tool-reference__formula > span::before,
.kc-tool-reference__examples > span::before {
    content: ""; width: 14px; height: 2px; border-radius: 2px; background: var(--kc-tool-blue);
}
.kc-tool-section-head { margin-bottom: 18px; }
.kc-tool-section-head h2 { margin: 0; color: var(--kc-tool-ink); font-size: clamp(22px, 2.4vw, 32px); font-weight: 700; letter-spacing: -.03em; line-height: 1.12; }
.kc-tool-section-head p { max-width: 680px; margin: 8px 0 0; color: var(--kc-tool-muted); font-size: 14px; line-height: 1.6; }

/* ============ Directory page ============ */
.kc-tools-hero { padding: 24px 0 22px; background: linear-gradient(155deg, #fff 8%, #eef5f9 100%); }
.kc-tools-hero .container { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 22px; }
.kc-tools-hero h1 { max-width: 740px; margin: 0; color: var(--kc-tool-ink); font-size: clamp(28px, 4vw, 48px); font-weight: 700; letter-spacing: -.04em; line-height: 1.06; }
.kc-tools-hero p { max-width: 640px; margin: 11px 0 0; color: var(--kc-tool-muted); font-size: clamp(13.5px, 1.3vw, 16px); line-height: 1.55; }
.kc-tools-hero__stat { flex: 0 0 auto; display: grid; place-items: center; width: 92px; min-height: 92px; padding: 10px; border-radius: 50%; text-align: center; background: var(--kc-tool-blue); box-shadow: var(--kc-tool-shadow); }
.kc-tools-hero__stat strong { display: block; color: #fff; font-size: 30px; line-height: .9; }
.kc-tools-hero__stat span { color: #bfe0f5; font-size: 9.5px; font-weight: 700; line-height: 1.25; }

/* Quick-jump chip strip — real in-page navigation to each calculator group */
.kc-tools-jump { position: sticky; top: 0; z-index: 5; padding: 9px 0; background: rgba(255,255,255,.92); backdrop-filter: blur(6px); border-bottom: 1px solid var(--kc-tool-line); }
.kc-tools-jump__row { display: flex; flex-wrap: nowrap; gap: 7px; overflow-x: auto; scrollbar-width: none; }
.kc-tools-jump__row::-webkit-scrollbar { display: none; }
.kc-tools-jump__row a { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border: 1px solid var(--kc-tool-line); border-radius: 999px; background: #fff; color: var(--kc-tool-ink-soft); font-size: 12px; font-weight: 700; text-decoration: none; white-space: nowrap; transition: border-color .15s ease, color .15s ease, background .15s ease; }
.kc-tools-jump__row a:hover { border-color: var(--kc-tool-blue); color: var(--kc-tool-blue); background: var(--kc-tool-blue-soft); }
.kc-tools-jump__row a i { color: var(--kc-tool-blue); font-size: 13px; }
.kc-tools-jump__row a small { display: grid; place-items: center; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 999px; background: var(--kc-tool-blue-soft); color: var(--kc-tool-blue); font-size: 9.5px; font-weight: 800; }

.kc-tools-directory { padding: 30px 0 48px; scroll-margin-top: 54px; }
.kc-tool-group { scroll-margin-top: 54px; }
.kc-tool-group + .kc-tool-group { margin-top: 32px; }
.kc-tool-group > h2 { display: flex; align-items: center; gap: 9px; margin: 0 0 13px; color: #3a5661; font-size: 13px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.kc-tool-group > h2 i { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 7px; background: var(--kc-tool-blue-soft); color: var(--kc-tool-blue); font-size: 12px; }

/* Cards flow in a wrapping row instead of a fixed 3-column grid, so a group
   with 1 or 2 items never leaves an empty trailing cell. */
.kc-tools-grid { counter-reset: kc-card; display: flex; flex-wrap: wrap; gap: 12px; }
.kc-tool-card {
    counter-increment: kc-card;
    position: relative; flex: 1 1 260px; max-width: 360px; display: grid; grid-template-columns: 40px 1fr;
    grid-template-rows: auto auto; gap: 3px 13px; padding: 18px; overflow: hidden;
    border: 1px solid var(--kc-tool-line); border-left: 3px solid var(--kc-tool-line); border-radius: var(--kc-tool-radius-sm);
    background: #fff; box-shadow: 0 6px 18px rgba(21,54,72,.045);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.kc-tool-card::before {
    content: counter(kc-card, decimal-leading-zero); position: absolute; right: 10px; top: 6px;
    color: var(--kc-tool-line); font-size: 26px; font-weight: 800; font-family: var(--kc-tool-mono);
    line-height: 1; pointer-events: none;
}
.kc-tool-card:hover { transform: translateY(-3px); border-color: var(--kc-tool-line); border-left-color: var(--kc-tool-blue); box-shadow: var(--kc-tool-shadow); }
.kc-tool-card__icon { grid-row: 1 / 3; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 11px; background: var(--kc-tool-blue-soft); color: var(--kc-tool-blue); font-size: 18px; }
.kc-tool-card > div:nth-child(2) { min-width: 0; }
.kc-tool-card > div:nth-child(2) > span { display: block; margin: 0 0 3px; color: #758893; font-size: 9.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.kc-tool-card h3 { margin: 0; font-size: 16.5px; font-weight: 700; letter-spacing: -.02em; line-height: 1.25; }
.kc-tool-card h3 a { color: var(--kc-tool-ink); text-decoration: none; }
.kc-tool-card h3 a::after { position: absolute; inset: 0; content: ""; }
.kc-tool-card p { grid-column: 1 / -1; margin: 6px 0 0; color: var(--kc-tool-muted); font-size: 12.5px; line-height: 1.5; }
.kc-tool-card__link { z-index: 1; grid-column: 1 / -1; display: inline-flex; align-items: center; justify-content: space-between; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--kc-tool-line); color: var(--kc-tool-blue); font-size: 11.5px; font-weight: 800; text-decoration: none; }
.kc-tool-card__link i { transition: transform .18s ease; }
.kc-tool-card:hover .kc-tool-card__link i { transform: translateX(3px); }

.kc-tools-method { padding: 32px 0; background: var(--kc-tool-blue-dark); color: #fff; }
.kc-tools-method .container { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; gap: 40px; }
.kc-tools-method .kc-tool-eyebrow { color: #8dd1fa; }
.kc-tools-method .kc-tool-eyebrow::before { background: #8dd1fa; }
.kc-tools-method h2 { margin: 0; color: #fff; font-size: clamp(22px, 2.4vw, 32px); font-weight: 600; line-height: 1.2; }
.kc-tools-method p { margin: 0; color: rgba(255,255,255,.76); font-size: 14px; line-height: 1.65; }

.kc-tools-seo { padding: 44px 0; background: #f5f9fb; border-top: 1px solid #e2ebf0; }
.kc-tools-seo .container { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: clamp(24px,4vw,56px); }
.kc-tools-seo h2 { margin: 0; color: var(--kc-tool-ink); font-size: clamp(24px,2.6vw,36px); line-height: 1.12; letter-spacing: -.035em; }
.kc-tools-seo__copy p { margin: 0 0 12px; color: var(--kc-tool-muted); font-size: 14px; line-height: 1.7; }
.kc-tools-seo__links { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.kc-tools-seo__links a { padding: 7px 10px; border: 1px solid #cfdee6; border-radius: 999px; background: #fff; color: var(--kc-tool-blue); font-size: 11.5px; font-weight: 750; text-decoration: none; }

/* Compact calculator links embedded on home and family pages — unchanged (shared component) */
.kc-related-tools { margin-top: 28px; padding: 20px; border: 1px solid #d8e3ea; border-radius: 10px; background: #f5f8fa; }
.kc-related-tools__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 13px; }
.kc-related-tools__head span { display: block; margin-bottom: 3px; color: #0c4f83; font-size: 9.5px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.kc-related-tools__head h2 { margin: 0; color: #142630; font-size: 21px; font-weight: 700; letter-spacing: -.02em; }
.kc-related-tools__head > a { flex: 0 0 auto; color: #0c4f83; font-size: 11.5px; font-weight: 800; text-decoration: none; }
.kc-related-tools__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.kc-related-tool-card { display: grid; grid-template-columns: 32px 1fr auto; align-items: center; gap: 9px; min-height: 58px; padding: 10px; border: 1px solid #d8e3ea; border-radius: 9px; background: #fff; color: #142630; text-decoration: none; }
.kc-related-tool-card:hover { border-color: #9dc3dc; color: #0c4f83; }
.kc-related-tool-card > i:first-child { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 8px; background: #eaf3f9; color: #0c4f83; }
.kc-related-tool-card strong { display: block; font-size: 11.5px; line-height: 1.3; }
.kc-related-tool-card > i:last-child { color: #0c4f83; }

.kc-home-tools { padding: clamp(36px, 5vw, 60px) 0; background: #edf4f8; }
.kc-home-tools__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 22px; margin-bottom: 18px; }
.kc-home-tools__head span { display: block; margin-bottom: 5px; color: #0c4f83; font-size: 10px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.kc-home-tools__head h2 { max-width: 680px; margin: 0; color: #142630; font-size: clamp(25px, 3vw, 38px); font-weight: 700; letter-spacing: -.035em; line-height: 1.1; }
.kc-home-tools__head > a { flex: 0 0 auto; color: #0c4f83; font-size: 12px; font-weight: 800; text-decoration: none; }
.kc-home-tools__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.kc-home-tool { display: grid; grid-template-columns: 36px 1fr; gap: 10px; min-height: 108px; padding: 15px; border: 1px solid #d3e2eb; border-radius: 12px; background: rgba(255,255,255,.82); color: #142630; text-decoration: none; }
.kc-home-tool:hover { color: #0c4f83; border-color: #9dc3dc; background: #fff; }
.kc-home-tool > i { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 9px; background: #0c4f83; color: #fff; font-size: 15px; }
.kc-home-tool strong { display: block; margin-top: 1px; font-size: 13px; line-height: 1.3; }
.kc-home-tool small { display: block; margin-top: 5px; color: #62747f; font-size: 11px; line-height: 1.45; }

/* ============ Individual calculator page ============ */
.kc-calculator-page .kc-tools-breadcrumb { padding-top: 10px; }
.kc-tool-hero { padding: 15px 0; background: #fff; border-bottom: 1px solid var(--kc-tool-line); }
.kc-tool-hero .container { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.kc-tool-hero__copy { display: flex; align-items: center; gap: 13px; max-width: 780px; flex: 1 1 320px; }
.kc-tool-hero__badge { display: grid; place-items: center; flex: 0 0 auto; width: 44px; height: 44px; border-radius: 13px; background: var(--kc-tool-blue); color: #fff; font-size: 19px; box-shadow: var(--kc-tool-shadow); }
.kc-tool-hero__copy > div { min-width: 0; }
.kc-tool-hero h1 { margin: 0; color: var(--kc-tool-ink); font-size: clamp(21px, 2.6vw, 32px); font-weight: 700; letter-spacing: -.035em; line-height: 1.12; }
.kc-tool-hero p { max-width: 680px; margin: 5px 0 0; color: var(--kc-tool-muted); font-size: clamp(12.5px, 1.1vw, 14.5px); line-height: 1.5; }
.kc-tool-hero__meta { display: flex; flex-wrap: wrap; gap: 5px 14px; margin-top: 8px; color: var(--kc-tool-muted); font-size: 11px; font-weight: 700; }
.kc-tool-hero__meta span { display: inline-flex; align-items: center; gap: 5px; }
.kc-tool-hero__meta i { color: var(--kc-tool-blue); font-size: 13px; }
.kc-tool-hero__all { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; padding: 9px 13px; border: 1px solid var(--kc-tool-line); border-radius: 999px; background: #fff; color: var(--kc-tool-blue); font-size: 12px; font-weight: 800; text-decoration: none; }
.kc-tool-hero__all:hover { border-color: var(--kc-tool-blue); color: var(--kc-tool-blue-dark); background: var(--kc-tool-blue-soft); }

/* Sibling quick-switch strip — jump straight to another calculator in the same group */
.kc-tool-switch { padding: 9px 0; background: var(--kc-tool-surface); border-bottom: 1px solid var(--kc-tool-line); }
.kc-tool-switch__row { display: flex; flex-wrap: nowrap; align-items: center; gap: 7px; overflow-x: auto; scrollbar-width: none; }
.kc-tool-switch__row::-webkit-scrollbar { display: none; }
.kc-tool-switch__row > span:first-child { flex: 0 0 auto; color: #7d8f99; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; padding-right: 4px; }
.kc-tool-switch__row a,
.kc-tool-switch__row span.is-current { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; padding: 6px 11px; border-radius: 999px; font-size: 12px; font-weight: 700; white-space: nowrap; text-decoration: none; }
.kc-tool-switch__row a { border: 1px solid var(--kc-tool-line); background: #fff; color: var(--kc-tool-ink-soft); transition: border-color .15s ease, color .15s ease; }
.kc-tool-switch__row a:hover { border-color: var(--kc-tool-blue); color: var(--kc-tool-blue); }
.kc-tool-switch__row a i { color: var(--kc-tool-blue); font-size: 12px; }
.kc-tool-switch__row span.is-current { border: 1px solid var(--kc-tool-blue); background: var(--kc-tool-blue); color: #fff; }

.kc-tool-workspace { padding: 18px 0 40px; background: #f7fafc; }
.kc-tool-shell { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; align-items: start; }
.kc-calculator-form,
.kc-calc-result { border: 1px solid var(--kc-tool-line); border-radius: 14px; background: #fff; }
.kc-calculator-form { padding: 18px; box-shadow: 0 6px 20px rgba(21,54,72,.05); transition: border-color .2s ease, box-shadow .2s ease; }
.kc-calculator-form.has-error { border-color: #f2b3ac; box-shadow: 0 0 0 3px rgba(180,35,24,.08); }
.kc-calculator-form__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 14px; margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid #eaf0f3; }
.kc-calculator-form__head > span { margin-bottom: 0; }
.kc-calculator-form__head h2 { flex: 0 0 auto; margin: 0; color: var(--kc-tool-ink); font-size: 19px; font-weight: 700; letter-spacing: -.02em; }
.kc-calculator-form__head p { flex: 1 1 100%; margin: 0; color: var(--kc-tool-muted); font-size: 12px; line-height: 1.5; }
.kc-calc-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px 12px; }
.kc-calc-field { min-width: 0; position: relative; }
.kc-calc-field[hidden] { display: none !important; }
.kc-calc-field label { display: block; margin: 0 0 5px; color: var(--kc-tool-ink-soft); font-size: 11px; font-weight: 750; line-height: 1.3; }
.kc-calc-field input,
.kc-calc-field select { display: block; width: 100%; height: 40px; margin: 0; padding: 0 11px; border: 1px solid #cfdce4; border-radius: 8px; outline: 0; background: #fbfdfe; color: var(--kc-tool-ink); font: inherit; font-size: 13.5px; transition: border-color .15s ease, box-shadow .15s ease, background .15s ease; }
.kc-calc-field select { appearance: none; padding-right: 30px; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'%3E%3Cpath d='M1 1l4.5 4.5L10 1' stroke='%230e4f7f' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 11px center; }
.kc-calc-field input:hover,
.kc-calc-field select:hover { border-color: #9ebdce; }
.kc-calc-field input:focus,
.kc-calc-field select:focus { border-color: var(--kc-tool-blue); background: #fff; box-shadow: 0 0 0 3px rgba(14,79,127,.12); }
.kc-calc-field--pair { display: grid; grid-template-columns: 1fr auto 1fr; align-items: end; gap: 8px; grid-column: 1 / -1; }
.kc-calc-field--pair .kc-calc-field { margin: 0; }
.kc-calc-swap { display: grid; place-items: center; width: 34px; height: 40px; border: 1px solid var(--kc-tool-line); border-radius: 8px; background: var(--kc-tool-blue-soft); color: var(--kc-tool-blue); cursor: pointer; transition: background .15s ease, transform .15s ease; }
.kc-calc-swap:hover { background: #dcebf4; }
.kc-calc-swap:active { transform: rotate(180deg); }
.kc-calc-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 13px; }
.kc-calc-primary,
.kc-calc-reset { min-height: 38px; padding: 0 15px; border: 0; border-radius: 8px; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; }
.kc-calc-primary { display: inline-flex; align-items: center; gap: 10px; background: var(--kc-tool-blue); color: #fff; box-shadow: 0 6px 16px rgba(14,79,127,.22); transition: background .15s ease, transform .15s ease; }
.kc-calc-primary:hover { background: var(--kc-tool-blue-dark); transform: translateY(-1px); }
.kc-calc-reset { border: 1px solid #d4e2ea; background: #f4f8fb; color: var(--kc-tool-blue); }
.kc-calc-live { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; color: #7c8f99; font-size: 10.5px; font-weight: 700; }
.kc-calc-live i { color: #3fa85c; font-size: 8px; animation: kc-pulse 1.8s ease-in-out infinite; }
@keyframes kc-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .35; transform: scale(.75); } }
.kc-calc-error { margin: 12px 0 0; padding: 9px 11px; border-left: 3px solid #b42318; border-radius: 6px; background: #fff2f0; color: #8a1c13; font-size: 12.5px; }

.kc-calc-result { position: relative; overflow: hidden; padding: 20px; background: linear-gradient(150deg, #173d55 0%, #0a4b78 56%, #073453 100%); color: #fff; }
.kc-calc-result::before,
.kc-calc-result::after { position: absolute; border: 1px solid rgba(255,255,255,.09); border-radius: 50%; content: ""; pointer-events: none; }
.kc-calc-result::before { width: 170px; height: 170px; right: -85px; top: -70px; }
.kc-calc-result::after { width: 100px; height: 100px; right: -40px; top: -14px; }
.kc-calc-result > * { position: relative; z-index: 1; }
.kc-calc-result__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.kc-calc-result__head > span { color: #9ed7f7; font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.kc-calc-copy { display: inline-flex; align-items: center; gap: 5px; padding: 5px 9px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; background: rgba(255,255,255,.06); color: rgba(255,255,255,.82); font-size: 10px; font-weight: 750; cursor: pointer; }
.kc-calc-copy:hover { background: rgba(255,255,255,.14); }
.kc-calc-copy i { font-size: 11px; }
.kc-calc-result__value { display: block; margin: 10px 0 6px; overflow-wrap: anywhere; color: #fff; font-family: var(--kc-tool-mono); font-size: clamp(27px, 4.8vw, 38px); font-weight: 700; letter-spacing: -.03em; line-height: 1; }
.kc-calc-result__message { margin: 0; color: rgba(255,255,255,.72); font-size: 12.5px; line-height: 1.5; }
.kc-calc-result__details { margin: 14px 0 0; }
.kc-calc-result__details:empty { display: none; }
.kc-calc-result__details > div { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 8px 0; border-top: 1px solid rgba(255,255,255,.12); }
.kc-calc-result__details dt { color: rgba(255,255,255,.6); font-size: 11px; font-weight: 500; }
.kc-calc-result__details dd { margin: 0; color: #fff; font-family: var(--kc-tool-mono); font-size: 11.5px; font-weight: 750; text-align: right; }
.kc-calc-result__allunits { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 6px; margin: 14px 0 0; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.12); }
.kc-calc-result__allunits:empty { display: none; border: 0; padding: 0; margin: 0; }
.kc-calc-result__allunits span { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; padding: 6px 8px; border-radius: 7px; background: rgba(255,255,255,.06); font-size: 10.5px; }
.kc-calc-result__allunits b { color: #fff; font-family: var(--kc-tool-mono); font-size: 11px; }
.kc-calc-result__allunits em { color: rgba(255,255,255,.55); font-style: normal; }
.kc-calc-result__notice { display: flex; gap: 8px; margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.55); }
.kc-calc-result__notice i { margin-top: 1px; color: #8ed0f8; font-size: 12px; }
.kc-calc-result__notice p { margin: 0; font-size: 10px; line-height: 1.45; }
.kc-calc-noscript { margin: 10px 0 0; color: #b42318; }

/* Guide */
.kc-tool-guide { padding: 34px 0; background: #fff; }
.kc-tool-guide .container { display: grid; grid-template-columns: minmax(0,1fr); gap: 24px; }
.kc-tool-guide h2 { margin: 0 0 14px; color: var(--kc-tool-ink); font-size: clamp(22px,2.6vw,30px); font-weight: 700; letter-spacing: -.035em; line-height: 1.1; }
.kc-tool-steps { display: grid; gap: 5px; margin: 0; padding: 0; list-style: none; }
.kc-tool-steps li { display: grid; grid-template-columns: 26px 1fr; align-items: center; gap: 10px; padding: 7px 0; border-bottom: 1px solid #eef3f5; }
.kc-tool-steps li > span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--kc-tool-blue-soft); color: var(--kc-tool-blue); font-size: 10.5px; font-weight: 850; }
.kc-tool-steps p { margin: 0; color: #3f5561; font-size: 13px; line-height: 1.5; }
.kc-tool-guide__copy > p { margin: 0 0 12px; color: var(--kc-tool-muted); font-size: 13.5px; line-height: 1.65; }
.kc-tool-query-box { margin-top: 16px; padding: 14px; border: 1px solid #d8e6ed; border-radius: 10px; background: #f7fafc; }
.kc-tool-query-box > strong { display: block; margin-bottom: 9px; color: #2b424f; font-size: 10.5px; text-transform: uppercase; letter-spacing: .07em; }
.kc-tool-query-box > div { display: flex; flex-wrap: wrap; gap: 6px; }
.kc-tool-query-box span { display: inline-flex; padding: 6px 9px; border: 1px solid #d4e3eb; border-radius: 999px; background: #fff; color: #456170; font-size: 10.5px; line-height: 1.2; }

/* Formula & examples */
.kc-tool-reference { padding: 34px 0; background: var(--kc-tool-surface); }
.kc-tool-reference .container { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.kc-tool-reference__formula,
.kc-tool-reference__examples { padding: 18px; border: 1px solid var(--kc-tool-line); border-radius: 12px; background: #fff; }
.kc-tool-reference h2 { margin: 0; color: var(--kc-tool-ink); font-size: clamp(19px, 2vw, 25px); font-weight: 700; letter-spacing: -.03em; line-height: 1.15; }
.kc-tool-formula { margin: 13px 0 10px; padding: 11px 13px; overflow-x: auto; border-left: 3px solid var(--kc-tool-blue); border-radius: 7px; background: var(--kc-tool-blue-soft); color: var(--kc-tool-blue-dark); font-family: var(--kc-tool-mono); font-size: 12.5px; font-weight: 700; line-height: 1.5; }
.kc-tool-reference p { margin: 0; color: var(--kc-tool-muted); font-size: 12.5px; line-height: 1.6; }
.kc-tool-reference ul { display: grid; gap: 9px; margin: 13px 0 0; padding: 0; list-style: none; }
.kc-tool-reference li { display: grid; grid-template-columns: 18px 1fr; gap: 8px; color: var(--kc-tool-muted); font-size: 12.5px; line-height: 1.5; }
.kc-tool-reference li i { margin-top: 2px; color: var(--kc-tool-blue); }
.kc-tool-reference .kc-tool-sources { gap: 6px; margin-top: 12px; }
.kc-tool-reference .kc-tool-sources li { display: block; }
.kc-tool-reference .kc-tool-sources a { color: var(--kc-tool-blue); font-size: 11px; font-weight: 750; text-decoration: underline; text-decoration-color: rgba(14,79,127,.28); text-underline-offset: 3px; }

/* Related tools & products */
.kc-tool-more { padding: 34px 0 12px; background: #fff; }
.kc-tool-more__grid { display: flex; flex-wrap: wrap; gap: 9px; }
.kc-tool-more__grid > a { flex: 1 1 220px; max-width: 340px; display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 10px; min-height: 66px; padding: 11px; border: 1px solid var(--kc-tool-line); border-radius: 10px; background: #fff; color: var(--kc-tool-ink); text-decoration: none; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.kc-tool-more__grid > a:hover { transform: translateY(-2px); border-color: #9bc1d7; box-shadow: 0 10px 22px rgba(21,54,72,.07); color: var(--kc-tool-blue); }
.kc-tool-more__grid > a > i:first-child { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 9px; background: var(--kc-tool-blue-soft); color: var(--kc-tool-blue); font-size: 14px; }
.kc-tool-more__grid strong { display: block; font-size: 12px; line-height: 1.25; }
.kc-tool-more__grid small { display: -webkit-box; margin-top: 3px; overflow: hidden; color: #6c7f89; font-size: 10.5px; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.kc-tool-more__grid > a > i:last-child { color: #7d9aac; }

.kc-tool-related { padding: 24px 0 32px; }
.kc-tool-related__grid { display: flex; flex-wrap: wrap; gap: 9px; }
.kc-tool-related__grid a { flex: 1 1 240px; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 54px; padding: 12px 14px; border: 1px solid var(--kc-tool-line); border-radius: 10px; background: #fff; color: var(--kc-tool-ink); font-size: 13px; font-weight: 750; text-decoration: none; transition: border-color .2s ease, transform .2s ease; }
.kc-tool-related__grid a:hover { transform: translateY(-2px); border-color: var(--kc-tool-blue); color: var(--kc-tool-blue); }

/* FAQ */
.kc-tool-faq { padding: 0 0 34px; }
.kc-tool-faq__list { max-width: none; border-top: 1px solid var(--kc-tool-line); }
.kc-tool-faq details { border-bottom: 1px solid var(--kc-tool-line); }
.kc-tool-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 2px; color: var(--kc-tool-ink); font-size: 14px; font-weight: 750; cursor: pointer; list-style: none; }
.kc-tool-faq summary::-webkit-details-marker { display: none; }
.kc-tool-faq details[open] summary i { transform: rotate(45deg); }
.kc-tool-faq summary i { color: var(--kc-tool-blue); transition: transform .2s ease; }
.kc-tool-faq details p { max-width: 820px; margin: -3px 2px 15px; color: var(--kc-tool-muted); font-size: 13px; line-height: 1.6; }

.kc-calculator-page .kc-footer-cta { padding: 28px 0; }
.kc-calculator-page .kc-footer-cta h2 { max-width: 720px; font-size: clamp(22px,2.4vw,30px) !important; }
.kc-calculator-page .kc-footer-cta__copy > span { font-size: 9px; }

/* ============ Responsive scale-up (mobile-first) ============ */
@media (min-width: 576px) {
    .kc-home-tools__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .kc-related-tools__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 768px) {
    .kc-tool-hero .container { flex-wrap: nowrap; }
    .kc-tools-jump { top: 0; }
    .kc-tool-workspace { padding: 22px 0 52px; }
    .kc-calculator-form { padding: 24px; }
    .kc-calc-result { padding: 24px; }
    .kc-tool-guide .container { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(28px,4vw,56px); }
}
@media (min-width: 992px) {
    .kc-home-tools__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .kc-related-tools__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .kc-tools-seo .container,
    .kc-tools-method .container { grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); }
    .kc-tool-shell { grid-template-columns: minmax(0, 1.5fr) minmax(300px, .82fr); gap: 16px; }
    .kc-calc-result { position: sticky; top: 88px; }
}
@media (max-width: 991.98px) {
    .kc-tools-seo .container,
    .kc-tools-method .container { grid-template-columns: 1fr; gap: 22px; }
}
@media (max-width: 420px) {
    .kc-calc-field--pair { grid-template-columns: 1fr; }
    .kc-calc-swap { width: 100%; height: 30px; }
    .kc-tool-card::before { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .kc-tool-card, .kc-tool-more__grid > a, .kc-tool-related__grid a, .kc-calc-swap, .kc-calc-live i { transition: none; animation: none; }
}


/* V22 shared calculator-card responsive fixes */
.kc-home-tools__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.kc-related-tools__grid {
    grid-template-columns: 1fr;
}
.kc-home-tool,
.kc-related-tool-card {
    min-width: 0;
}
.kc-home-tool > span,
.kc-related-tool-card strong {
    min-width: 0;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}
.kc-home-tool strong,
.kc-home-tool small,
.kc-related-tool-card strong {
    white-space: normal;
}
.kc-home-tool strong {
    font-size: 13.5px;
    line-height: 1.28;
}
.kc-home-tool small {
    font-size: 11.5px;
    line-height: 1.38;
}
.kc-related-tool-card strong {
    font-size: 12px;
    line-height: 1.3;
}

@media (max-width: 420px) {
    .kc-home-tools { padding: 32px 0; }
    .kc-home-tools__grid { gap: 8px; }
    .kc-home-tool {
        grid-template-columns: 32px minmax(0, 1fr);
        gap: 8px;
        min-height: 96px;
        padding: 11px;
    }
    .kc-home-tool > i { width: 32px; height: 32px; }
    .kc-home-tool strong { font-size: 12.5px; }
    .kc-home-tool small { font-size: 10.5px; }
    .kc-related-tools { padding: 16px; }
    .kc-related-tool-card {
        grid-template-columns: 32px minmax(0, 1fr) auto;
    }
}

@media (min-width: 576px) {
    .kc-home-tools__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .kc-related-tools__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 992px) {
    .kc-home-tools__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .kc-related-tools__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}


/* V26: live material-planning visuals */
.kc-calc-result__visual{margin:14px 0 4px;}
.kc-cut-visual{border:1px solid #dce6ef;background:#f7fafc;border-radius:12px;padding:13px;overflow:hidden;}
.kc-cut-visual__title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px;font-size:12px;color:#586a7c;}
.kc-cut-visual__title strong{font-size:13px;color:#24384b;}
.kc-cut-sheet-grid{display:grid;gap:3px;aspect-ratio:2/1;max-height:190px;padding:8px;border:2px solid #0c487b;background:#eaf1f7;border-radius:8px;overflow:hidden;}
.kc-cut-sheet-grid span{display:block;min-width:0;min-height:0;border-radius:2px;background:#fff;border:1px solid rgba(12,72,123,.28);animation:kcPieceIn .42s both cubic-bezier(.2,.8,.2,1);}
.kc-cut-visual small{display:block;margin-top:7px;color:#748394;font-size:10px;}
.kc-linear-stock{height:44px;display:flex;align-items:stretch;gap:2px;padding:5px;border:2px solid #0c487b;border-radius:8px;background:#eaf1f7;overflow:hidden;}
.kc-linear-stock span{flex:1;min-width:3px;border-radius:3px;background:#fff;border:1px solid rgba(12,72,123,.28);animation:kcStockIn .45s both cubic-bezier(.2,.8,.2,1);transform-origin:left center;}
.kc-linear-stock b{display:flex;align-items:center;padding:0 8px;color:#0c487b;font-size:11px;}
@keyframes kcPieceIn{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
@keyframes kcStockIn{from{opacity:0;transform:scaleX(.15)}to{opacity:1;transform:scaleX(1)}}
.kc-calc-actions{justify-content:space-between;}
.kc-calc-live{order:0;}
.kc-calc-reset{order:1;}
@media(max-width:575px){.kc-cut-visual__title{align-items:flex-start;flex-direction:column;gap:2px}.kc-cut-sheet-grid{max-height:150px}.kc-linear-stock{height:38px}}

.kc-calc-result__products{margin-top:14px;padding-top:13px;border-top:1px solid rgba(255,255,255,.18);}
.kc-calc-result__products>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;opacity:.78;margin-bottom:7px;}
.kc-calc-result__products>div{display:flex;flex-wrap:wrap;gap:6px;}
.kc-calc-result__products a{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);color:inherit;font-size:11px;font-weight:700;}
.kc-calc-result__products a:hover{background:rgba(255,255,255,.22);color:inherit;}


/* V27 unified calculator hub */
.kc-hub-tools{padding:0 0 46px;background:#f6f8fb!important;}
.kc-hub-tools>.container{max-width:1200px;}
.kc-hub-tabs{position:sticky;top:0;z-index:20;display:flex;gap:7px;overflow-x:auto;padding:10px 0 12px;margin-bottom:20px;background:rgba(246,248,251,.96);backdrop-filter:blur(10px);scrollbar-width:none;border-bottom:1px solid #dbe4ee;}
.kc-hub-tabs::-webkit-scrollbar{display:none}.kc-hub-tabs button{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;border:1px solid #dbe4ee;background:#fff;color:#536579;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:750;white-space:nowrap;cursor:pointer}.kc-hub-tabs button i{color:#0c487b}.kc-hub-tabs button.is-active{background:#0c487b;border-color:#0c487b;color:#fff;box-shadow:0 6px 16px rgba(12,72,123,.16)}.kc-hub-tabs button.is-active i{color:#fff}
.kc-hub-panel{scroll-margin-top:76px}.kc-hub-panel[hidden]{display:none!important}.kc-hub-panel__head{margin:0 0 14px}.kc-hub-panel__head>span{display:block;color:#0c487b;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.1em}.kc-hub-panel__head h2{margin:4px 0 0;font-size:clamp(24px,3vw,34px);color:#213448}.kc-hub-native-card{margin-bottom:16px;padding:16px;border:1px solid #dfe7ee;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(15,40,70,.045)}.kc-hub-native-card__head{display:flex;justify-content:space-between;gap:14px;margin-bottom:12px}.kc-hub-native-card__head span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#0c487b;font-weight:800}.kc-hub-native-card__head h3{font-size:18px;margin:3px 0 4px;color:#1f2e3d}.kc-hub-native-card__head p{margin:0;color:#647588;font-size:12.5px;line-height:1.5;max-width:760px}.kc-hub-native-card__head>a{flex:0 0 auto;align-self:flex-start;color:#0c487b;font-size:11px;font-weight:800;border:1px solid rgba(12,72,123,.18);padding:6px 9px;border-radius:999px}.kc-tool-shell--hub{grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr)}.kc-tool-shell--hub .kc-calculator-form{box-shadow:none;background:#fbfcfd}.kc-tool-shell--hub .kc-calc-result{position:relative;top:auto}.kc-hub-advanced-grid{margin-top:8px}.kc-hub-advanced-grid:empty{display:none}.kc-hub-tools #kc-tools{padding:0}.kc-hub-tools .kc-wiz{max-width:none}.kc-hub-tools .kc-footer{margin-top:22px}.kc-hub-tools .kc-card{min-width:0}
@media(max-width:991px){.kc-tool-shell--hub{grid-template-columns:1fr}.kc-hub-native-card{padding:13px}.kc-hub-tabs{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.kc-hub-native-card__head{flex-direction:column}.kc-hub-native-card__head>a{align-self:flex-start}}
@media(max-width:575px){.kc-hub-panel__head h2{font-size:24px}.kc-hub-native-card{border-radius:10px}.kc-hub-native-card__head p{font-size:12px}.kc-hub-tools .kc-inputs{grid-template-columns:1fr 1fr}.kc-tool-shell--hub .kc-calc-result{padding:16px}}

/* V29 ultra-compact unified calculator hub */
.kc-tools-page .kc-tools-breadcrumb{
    padding:4px 0 3px;
    background:#fff;
}
.kc-tools-page .kc-tools-breadcrumb ol{
    margin:0;
    font-size:10.5px;
    gap:5px;
}
.kc-tools-page .kc-tools-breadcrumb li{gap:5px;}

.kc-tools-page .kc-tools-hero{
    padding:8px 0 7px;
    background:linear-gradient(155deg,#fff 8%,#f2f7fa 100%);
}
.kc-tools-page .kc-tools-hero .container{
    display:block;
    max-width:1320px;
}
.kc-tools-page .kc-tool-eyebrow{
    margin:0 0 2px;
    font-size:8px;
    letter-spacing:.15em;
}
.kc-tools-page .kc-tools-hero h1{
    max-width:none;
    margin:0;
    font-size:clamp(22px,2.05vw,30px);
    line-height:1.02;
    letter-spacing:-.032em;
}
.kc-tools-page .kc-tools-hero p{
    max-width:none;
    margin:3px 0 0;
    font-size:10.5px;
    line-height:1.28;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.kc-tools-page .kc-tools-hero__stat{display:none!important;}

.kc-hub-tools{
    padding:0 0 16px!important;
    background:#f6f8fb!important;
}
.kc-hub-tools>.container{max-width:1320px;}
.kc-hub-tabs{
    position:sticky;
    top:0;
    z-index:20;
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-start;
    gap:4px;
    overflow-x:auto;
    padding:5px 0 5px;
    margin:0 0 5px;
    background:rgba(246,248,251,.97);
    backdrop-filter:blur(10px);
    border-bottom:1px solid #dbe4ee;
    scrollbar-width:none;
}
.kc-hub-tabs::-webkit-scrollbar{display:none;}
.kc-hub-tabs button{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:4px;
    min-height:30px;
    border:1px solid #dbe4ee;
    background:#fff;
    color:#536579;
    border-radius:8px;
    padding:5px 8px;
    font-size:9.5px;
    line-height:1;
    font-weight:750;
    white-space:nowrap;
    cursor:pointer;
}
.kc-hub-tabs button i{font-size:10px;color:#0c487b;}
.kc-hub-tabs button.is-active{
    background:#0c487b;
    border-color:#0c487b;
    color:#fff;
    box-shadow:none;
}
.kc-hub-tabs button.is-active i{color:#fff;}

.kc-hub-panel{
    padding:0!important;
    margin:0!important;
    min-height:0!important;
    scroll-margin-top:48px;
}
.kc-hub-panel[hidden]{display:none!important;}
.kc-hub-panel__head{
    display:flex;
    align-items:center;
    margin:0 0 5px;
    padding:0;
}
.kc-hub-panel__head>span{display:none;}
.kc-hub-panel__head h2{
    margin:0;
    font-size:16px;
    line-height:1.1;
    color:#213448;
}

.kc-hub-native-card{
    margin-bottom:6px;
    padding:8px;
    border:1px solid #e1e7ed;
    border-radius:8px;
    background:#fff;
    box-shadow:0 2px 8px rgba(15,40,70,.025);
}
.kc-hub-native-card__head{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:start;
    gap:6px 10px;
    margin-bottom:5px;
}
.kc-hub-native-card__head span{display:none;}
.kc-hub-native-card__head h3{
    margin:0 0 1px;
    font-size:13.5px;
    line-height:1.15;
    color:#1f2e3d;
}
.kc-hub-native-card__head p{
    margin:0;
    max-width:none;
    color:#647588;
    font-size:9.5px;
    line-height:1.25;
}
.kc-hub-native-card__head>a{
    align-self:start;
    padding:3px 6px;
    border:1px solid rgba(12,72,123,.16);
    border-radius:6px;
    color:#0c487b;
    font-size:8.5px;
    font-weight:800;
    line-height:1.2;
}

.kc-tool-shell--hub{
    display:grid;
    grid-template-columns:minmax(0,1.65fr) minmax(230px,.55fr);
    gap:6px;
}
.kc-tool-shell--hub .kc-calculator-form{
    padding:7px;
    border-radius:7px;
    box-shadow:none;
    background:#fbfcfd;
}
.kc-tool-shell--hub .kc-calc-fields{
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:4px 6px;
}
.kc-tool-shell--hub .kc-calc-field label{
    margin-bottom:2px;
    font-size:8px;
    line-height:1.1;
}
.kc-tool-shell--hub .kc-calc-field input,
.kc-tool-shell--hub .kc-calc-field select{
    height:29px;
    padding:0 7px;
    border-radius:5px;
    font-size:10.5px;
}
.kc-tool-shell--hub .kc-calc-field select{
    padding-right:22px;
    background-position:right 6px center;
}
.kc-tool-shell--hub .kc-calc-field--pair{gap:4px;}
.kc-tool-shell--hub .kc-calc-swap{width:28px;height:29px;border-radius:5px;}
.kc-tool-shell--hub .kc-calc-actions{margin-top:4px;gap:5px;}
.kc-tool-shell--hub .kc-calc-reset{min-height:26px;padding:0 8px;border-radius:5px;font-size:8.5px;}
.kc-tool-shell--hub .kc-calc-live{font-size:8px;}

.kc-tool-shell--hub .kc-calc-result{
    position:relative;
    top:auto;
    padding:8px 9px;
    border-radius:7px;
}
.kc-tool-shell--hub .kc-calc-result__head>span{font-size:7.5px;}
.kc-tool-shell--hub .kc-calc-copy{padding:2px 5px;font-size:7.5px;}
.kc-tool-shell--hub .kc-calc-result__value{margin:3px 0 2px;font-size:clamp(18px,2vw,24px);}
.kc-tool-shell--hub .kc-calc-result__message{font-size:8.5px;line-height:1.2;}
.kc-tool-shell--hub .kc-calc-result__details{margin-top:4px;}
.kc-tool-shell--hub .kc-calc-result__details>div{padding:2px 0;gap:6px;}
.kc-tool-shell--hub .kc-calc-result__details dt{font-size:7.5px;}
.kc-tool-shell--hub .kc-calc-result__details dd{font-size:8.5px;}
.kc-tool-shell--hub .kc-calc-result__allunits{gap:3px;margin-top:4px;padding-top:4px;}
.kc-tool-shell--hub .kc-calc-result__allunits span{padding:3px 4px;font-size:7.5px;}
.kc-tool-shell--hub .kc-calc-result__allunits b{font-size:8px;}
.kc-tool-shell--hub .kc-calc-result__notice{margin-top:4px;padding-top:4px;}
.kc-tool-shell--hub .kc-calc-result__notice p{font-size:7.5px;line-height:1.2;}
.kc-tool-shell--hub .kc-calc-result__products{margin-top:4px;padding-top:4px;}
.kc-tool-shell--hub .kc-calc-result__products>span{margin-bottom:3px;font-size:7px;}
.kc-tool-shell--hub .kc-calc-result__products a{padding:3px 5px;font-size:7.5px;}

.kc-hub-advanced-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    margin-top:3px;
}
.kc-hub-advanced-grid:empty{display:none;}
.kc-hub-tools #kc-tools{padding:0;}
.kc-hub-tools .kc-card{
    min-width:0;
    gap:5px!important;
    padding:8px!important;
    border-radius:7px!important;
    box-shadow:0 2px 8px rgba(15,40,70,.025)!important;
}
.kc-hub-tools .kc-card:hover{transform:none!important;}
.kc-hub-tools .kc-card-head h3{font-size:11.5px!important;line-height:1.15!important;}
.kc-hub-tools .kc-formula{padding:3px 5px;font-size:8px;}
.kc-hub-tools .kc-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 5px;}
.kc-hub-tools .kc-field-label-row{margin-bottom:1px;}
.kc-hub-tools .kc-field label{font-size:7.5px;}
.kc-hub-tools .kc-field input,
.kc-hub-tools .kc-field select{min-height:28px!important;padding:4px 6px!important;font-size:9.5px!important;}
.kc-hub-tools .kc-viz{height:38px;}
.kc-hub-tools .kc-gauge,
.kc-hub-tools .kc-curve{height:38px;}
.kc-hub-tools .kc-readout{padding:2px 0;font-size:8.5px;}
.kc-hub-tools .kc-note{font-size:8px;}
.kc-hub-tools .kc-product-reco{padding-top:4px;margin-top:0;}
.kc-hub-tools .kc-product-reco__label{margin-bottom:3px;font-size:7px;}
.kc-hub-tools .kc-product-reco__links a{padding:3px 5px;font-size:7.5px;}
.kc-hub-tools .kc-live-pill{padding:3px 5px;font-size:8px;}

.kc-hub-tools .kc-wiz{
    max-width:100%;
    padding:9px;
    border-radius:8px;
    box-shadow:0 2px 8px rgba(15,40,70,.03);
}
.kc-hub-tools .kc-wiz-crumbs{margin-bottom:4px;min-height:0;}
.kc-hub-tools .kc-crumb{padding:2px 5px;font-size:8px;}
.kc-hub-tools .kc-wiz-q{margin-bottom:5px;font-size:12.5px;}
.kc-hub-tools .kc-wiz-opts{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:4px;
}
.kc-hub-tools .kc-wiz-opt{padding:6px 8px;font-size:10px;}
.kc-hub-tools [data-product-selector-host]>.kc-cat-title{display:none;}
.kc-hub-tools .kc-footer{margin-top:6px;padding:5px 7px;font-size:8px;line-height:1.25;}

.kc-tools-page .kc-tools-seo{padding:12px 0;}
.kc-tools-page .kc-tools-seo .container{gap:14px;}
.kc-tools-page .kc-tools-seo h2{font-size:18px;}
.kc-tools-page .kc-tools-seo__copy p{margin-bottom:4px;font-size:10px;line-height:1.35;}

@media(max-width:1200px){
    .kc-hub-advanced-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
    .kc-tool-shell--hub .kc-calc-fields{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media(max-width:991px){
    .kc-tools-page .kc-tools-hero p{white-space:normal;}
    .kc-tool-shell--hub{grid-template-columns:1fr;}
    .kc-tool-shell--hub .kc-calc-result{display:grid;grid-template-columns:minmax(0,1fr);}
    .kc-hub-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
    .kc-hub-tools .kc-wiz-opts{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:767px){
    .kc-tools-page .kc-tools-breadcrumb{padding:3px 0 2px;}
    .kc-tools-page .kc-tools-hero{padding:6px 0;}
    .kc-tools-page .kc-tools-hero h1{font-size:21px;}
    .kc-tools-page .kc-tools-hero p{font-size:9.5px;line-height:1.25;}
    .kc-hub-tabs{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px;}
    .kc-hub-panel__head h2{font-size:15px;}
    .kc-tool-shell--hub .kc-calc-fields{grid-template-columns:repeat(2,minmax(0,1fr));}
    .kc-hub-advanced-grid{grid-template-columns:1fr!important;}
    .kc-hub-native-card__head p{font-size:9px;}
    .kc-hub-tools .kc-wiz{padding:7px;}
}
@media(max-width:420px){
    .kc-hub-tabs button{padding:5px 7px;font-size:9px;}
    .kc-hub-native-card{padding:7px;}
    .kc-hub-native-card__head{grid-template-columns:1fr;gap:3px;}
    .kc-hub-native-card__head>a{justify-self:start;}
    .kc-hub-tools .kc-wiz-opts{grid-template-columns:1fr;}
}

/* V40 homepage Engineering Tools cards: centre the complete icon + copy block
   horizontally and vertically within every card. */
.kc-home-tools__grid .kc-home-tool {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 108px !important;
    text-align: center !important;
}
.kc-home-tools__grid .kc-home-tool > i {
    flex: 0 0 auto !important;
    margin: 0 auto !important;
}
.kc-home-tools__grid .kc-home-tool > span {
    display: flex !important;
    min-width: 0 !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
}
.kc-home-tools__grid .kc-home-tool strong,
.kc-home-tools__grid .kc-home-tool small {
    width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
}
@media (max-width: 420px) {
    .kc-home-tools__grid .kc-home-tool {
        min-height: 104px !important;
        padding: 10px 8px !important;
    }
}

/* V44: make the product selector a visible companion to the calculator hub. */
.kc-home-tools__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px 14px; }
.kc-home-tools__actions > a { display: inline-flex; align-items: center; gap: 6px; color: #0c4f83; font-size: 12px; font-weight: 800; text-decoration: none; }
.kc-home-tools__actions > a:hover { color: #07365d; }
.kc-home-tools__actions .kc-home-tools__selector { padding: 8px 11px; border: 1px solid rgba(12,79,131,.15); border-radius: 9px; background: #f2f8fb; }
.kc-home-tools__actions .kc-home-tools__selector:hover { border-color: #0c4f83; background: #0c4f83; color: #fff; }
.kc-hub-panel__head p { max-width: 760px; margin: 6px 0 0; color: #607086; font-size: 12.5px; line-height: 1.55; }
#instrument-selector { scroll-margin-top: 110px; }
@media(max-width:767px){.kc-home-tools__actions{justify-content:flex-start}.kc-home-tools__actions > a{font-size:11px}}