[data-qtool="concrete-slump-specification-helper"] {
            --cssh-bg: color-mix(in srgb, var(--bs-body-bg, #fff) 95%, #e8f1f8 5%);
            --cssh-panel: color-mix(in srgb, var(--bs-body-bg, #fff) 97%, #dbe7f2 3%);
            --cssh-text: var(--bs-body-color, #172033);
            --cssh-muted: var(--bs-secondary-color, #617080);
            --cssh-line: color-mix(in srgb, var(--bs-border-color, #d8dee6) 80%, #809bb5 20%);
            --cssh-blue: #245d8f;
            --cssh-navy: #12324f;
            --cssh-orange: #b86b18;
            display: block;
            color: var(--cssh-text);
            background: var(--cssh-bg);
            border: 1px solid var(--cssh-line);
            border-radius: 18px;
            overflow: hidden;
        }

        [data-qtool="concrete-slump-specification-helper"] * { box-sizing: border-box; }

        [data-qtool="concrete-slump-specification-helper"] .cssh-wrap {
            display: grid;
            gap: .85rem;
            padding: clamp(.85rem, 2vw, 1.2rem);
        }

        [data-qtool="concrete-slump-specification-helper"] .cssh-head {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            gap: .75rem;
            flex-wrap: wrap;
        }

        [data-qtool="concrete-slump-specification-helper"] .cssh-title {
            margin: 0;
            color: var(--cssh-navy);
            font-size: clamp(1.05rem, 2vw, 1.3rem);
            font-weight: 800;
            line-height: 1.2;
        }

        [data-bs-theme="dark"] [data-qtool="concrete-slump-specification-helper"] .cssh-title {
            color: #e8f3ff;
        }

        [data-qtool="concrete-slump-specification-helper"] .cssh-note {
            margin: 0;
            color: var(--cssh-muted);
            font-size: .84rem;
            line-height: 1.4;
        }

        [data-qtool="concrete-slump-specification-helper"] .cssh-form {
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: .65rem;
        }

        [data-qtool="concrete-slump-specification-helper"] .cssh-field { min-width: 0; }

        [data-qtool="concrete-slump-specification-helper"] label {
            display: block;
            margin-bottom: .3rem;
            color: var(--cssh-text);
            font-size: .78rem;
            font-weight: 750;
            line-height: 1.25;
        }

        [data-qtool="concrete-slump-specification-helper"] select {
            width: 100%;
            min-height: 2.45rem;
            padding: .45rem 2rem .45rem .6rem;
            border: 1px solid var(--cssh-line);
            border-radius: .7rem;
            color: var(--cssh-text);
            background-color: var(--bs-body-bg, #fff);
            font: inherit;
            font-size: .88rem;
        }

        [data-qtool="concrete-slump-specification-helper"] select:focus {
            outline: 0;
            border-color: var(--cssh-blue);
            box-shadow: 0 0 0 .18rem rgba(36, 93, 143, .14);
        }

        [data-qtool="concrete-slump-specification-helper"] .cssh-result {
            display: grid;
            gap: .35rem;
            padding: .8rem .9rem;
            border: 1px solid var(--cssh-line);
            border-left: 4px solid var(--cssh-blue);
            border-radius: 12px;
            background: var(--cssh-panel);
        }

        [data-qtool="concrete-slump-specification-helper"] .cssh-result[data-state="scc"] {
            border-left-color: var(--cssh-orange);
        }

        [data-qtool="concrete-slump-specification-helper"] .cssh-result-title {
            margin: 0;
            color: var(--cssh-text);
            font-size: 1rem;
            font-weight: 850;
            line-height: 1.35;
        }

        [data-qtool="concrete-slump-specification-helper"] .cssh-result-copy,
        [data-qtool="concrete-slump-specification-helper"] .cssh-confirm,
        [data-qtool="concrete-slump-specification-helper"] .cssh-disclaimer {
            margin: 0;
            line-height: 1.4;
        }

        [data-qtool="concrete-slump-specification-helper"] .cssh-result-copy {
            font-size: .9rem;
        }

        [data-qtool="concrete-slump-specification-helper"] .cssh-disclaimer {
            font-size: .8rem;
            font-weight: 800;
        }

        [data-qtool="concrete-slump-specification-helper"] .cssh-confirm {
            color: var(--cssh-muted);
            font-size: .78rem;
        }

        @media (max-width: 991.98px) {
            [data-qtool="concrete-slump-specification-helper"] .cssh-form {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        @media (max-width: 575.98px) {
            [data-qtool="concrete-slump-specification-helper"] .cssh-form {
                grid-template-columns: 1fr;
                gap: .55rem;
            }

            [data-qtool="concrete-slump-specification-helper"] .cssh-wrap {
                padding: .8rem;
            }
        }