.free-webmcp-workbench-page {
    --webmcp-navy: #09234a;
    --webmcp-text: #10284e;
    --webmcp-muted: #5f708d;
    --webmcp-border: #d9e2ee;
    --webmcp-soft: #f7f9fc;
    --webmcp-green: #12b978;
    --webmcp-green-dark: #0b915c;
    --webmcp-coral: #ef624c;
    --webmcp-orange: #e88a00;
    --webmcp-blue: #1774ef;
}

body.free-webmcp-workbench-page,
body.free-webmcp-workbench-page main.main-content {
    background: #fff;
}

.free-webmcp-workbench-page .marketing-nav {
    min-height: 68px;
}

.webmcp-page {
    color: var(--webmcp-text);
}

.webmcp-workbench {
    display: grid;
    grid-template-columns: minmax(330px, 31.2%) minmax(0, 1fr);
    width: min(100%, 1440px);
    min-height: 742px;
    margin: 0 auto;
    border-bottom: 1px solid var(--webmcp-border);
    background: #fff;
}

.webmcp-workbench__start {
    padding: 62px 56px 48px;
    border-right: 1px solid var(--webmcp-border);
    background: var(--webmcp-soft);
}

.webmcp-workbench__start h1 {
    max-width: 330px;
    margin: 0;
    color: var(--webmcp-text);
    font-size: clamp(38px, 2.65vw, 40px);
    font-weight: 800;
    letter-spacing: -.045em;
    line-height: 1.05;
}

.webmcp-workbench__lead {
    max-width: 330px;
    margin: 20px 0 8px;
    color: #3d5273;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
}

.webmcp-workbench__description {
    max-width: 335px;
    margin: 0 0 40px;
    color: var(--webmcp-muted);
    font-size: 13px;
    line-height: 1.65;
}

.webmcp-workbench__description code {
    color: var(--webmcp-coral);
    font-size: inherit;
}

.webmcp-workbench__start .alert {
    margin: 0 0 16px;
    border: 0;
    border-radius: 8px;
    font-size: 12px;
    line-height: 1.5;
}

.webmcp-start-form__field {
    margin-bottom: 18px;
}

.webmcp-start-form label {
    display: block;
    margin-bottom: 9px;
    color: var(--webmcp-text);
    font-size: 13px;
    font-weight: 700;
}

.webmcp-start-form .form-control {
    width: 100%;
    min-height: 55px;
    padding: 12px 15px;
    border: 1px solid #c5d2e3;
    border-radius: 8px !important;
    background: #fff;
    color: var(--webmcp-text);
    font-size: 15px;
    box-shadow: none;
}

.webmcp-start-form .form-control:hover {
    border-color: #9eb3ce;
}

.webmcp-start-form .form-control:focus {
    border-color: var(--webmcp-blue);
    box-shadow: 0 0 0 3px rgba(23, 116, 239, .12);
}

.webmcp-start-form__field > p {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 9px 0 0;
    color: var(--webmcp-muted);
    font-size: 12px;
    line-height: 1.55;
}

.webmcp-start-form__field > p i {
    margin-top: 3px;
    color: var(--webmcp-blue);
}

.webmcp-start-form .btn-primary {
    min-height: 56px;
    margin: 0;
    border: 0;
    border-radius: 8px !important;
    background: var(--webmcp-green) !important;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    box-shadow: none;
    transition: background-color .18s ease, transform .18s ease;
}

.webmcp-start-form .btn-primary:hover,
.webmcp-start-form .btn-primary:focus {
    background: var(--webmcp-green-dark) !important;
    color: #fff;
    transform: translateY(-1px);
}

.webmcp-workbench__trust {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 58px;
    margin: 18px 0 0;
    padding: 12px 16px;
    border: 1px solid rgba(18, 185, 120, .25);
    border-radius: 8px;
    background: rgba(18, 185, 120, .045);
    color: #324a69;
    font-size: 13px;
    font-weight: 600;
}

.webmcp-workbench__trust i {
    color: var(--webmcp-green);
    font-size: 19px;
}

.webmcp-report {
    min-width: 0;
    padding: 32px 42px 28px 68px;
    background: #fff;
}

.webmcp-report__header,
.webmcp-report__meta,
.webmcp-report__progress,
.webmcp-report__footer {
    display: flex;
    align-items: center;
}

.webmcp-report__header {
    justify-content: space-between;
    gap: 24px;
}

.webmcp-report__header h2 {
    margin: 0;
    color: var(--webmcp-text);
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -.025em;
}

.webmcp-report__title {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 14px;
}

.webmcp-report__subject {
    display: inline-flex;
    min-width: 0;
    max-width: 390px;
    min-height: 38px;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid rgba(23, 116, 239, .28);
    border-radius: 8px;
    background: #eef5ff;
    color: var(--webmcp-text);
    font-size: 11px;
    line-height: 1;
}

.webmcp-report__subject i {
    flex: 0 0 auto;
    color: var(--webmcp-blue);
}

.webmcp-report__subject > span {
    flex: 0 0 auto;
    color: var(--webmcp-blue);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.webmcp-report__subject strong {
    min-width: 0;
    overflow: hidden;
    color: var(--webmcp-text);
    font-size: 11px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.webmcp-report__state {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 13px;
    border: 1px solid var(--webmcp-border);
    border-radius: 8px;
    color: var(--webmcp-muted);
    font-size: 11px;
    font-weight: 700;
}

.webmcp-report__state.is-live {
    border-color: rgba(18, 185, 120, .28);
    background: rgba(18, 185, 120, .05);
    color: var(--webmcp-green-dark);
}

.webmcp-report__meta {
    flex-wrap: wrap;
    gap: 10px 0;
    margin-top: 8px;
    color: var(--webmcp-muted);
    font-size: 12px;
}

.webmcp-report__meta span + span {
    margin-left: 22px;
    padding-left: 22px;
    border-left: 1px solid var(--webmcp-border);
}

.webmcp-report__url {
    display: block;
    max-width: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.webmcp-report__progress {
    display: grid;
    grid-template-columns: auto minmax(120px, 1fr) auto;
    gap: 16px;
    margin-top: 34px;
}

.webmcp-report__progress > span {
    color: var(--webmcp-text);
    font-size: 13px;
    font-weight: 700;
}

.webmcp-report__progress > span i {
    margin-right: 7px;
    color: var(--webmcp-green);
}

.webmcp-report__progress-track {
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: #e8edf4;
}

.webmcp-report__progress-track span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--webmcp-green);
}

.webmcp-report__progress strong {
    color: #415472;
    font-size: 12px;
}

.webmcp-report__summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 24px;
    padding: 12px 0;
    border: 1px solid var(--webmcp-border);
    border-radius: 8px;
    background: #fbfcfe;
}

.webmcp-report__summary > span {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 12px;
    text-align: center;
}

.webmcp-report__summary > span + span {
    border-left: 1px solid var(--webmcp-border);
}

.webmcp-report__summary strong {
    color: var(--webmcp-text);
    font-size: 21px;
    line-height: 1;
}

.webmcp-report__summary small {
    margin-top: 8px;
    color: var(--webmcp-muted);
    font-size: 11px;
}

.webmcp-report .is-success,
.webmcp-report__summary .is-success strong,
.webmcp-report__summary .is-success small {
    color: var(--webmcp-green);
}

.webmcp-report .is-critical,
.webmcp-report__summary .is-critical strong,
.webmcp-report__summary .is-critical small {
    color: var(--webmcp-coral);
}

.webmcp-report .is-warning,
.webmcp-report__summary .is-warning strong,
.webmcp-report__summary .is-warning small {
    color: var(--webmcp-orange);
}

.webmcp-report__table-wrap {
    margin-top: 24px;
    overflow-x: auto;
}

.webmcp-report__table {
    width: 100%;
    min-width: 640px;
    margin: 0;
    border-collapse: collapse;
    color: #405271;
    font-size: 12px;
}

.webmcp-report__table th,
.webmcp-report__table td {
    padding: 14px 12px;
    border-bottom: 1px solid var(--webmcp-border);
    text-align: left;
}

.webmcp-report__table th:first-child,
.webmcp-report__table td:first-child {
    padding-left: 0;
}

.webmcp-report__table th {
    color: #475b7b;
    font-size: 11px;
    font-weight: 700;
}

.webmcp-report__table th:nth-child(2),
.webmcp-report__table td:nth-child(2) {
    width: 130px;
    font-weight: 700;
}

.webmcp-report__table code {
    color: #c35342;
    font-size: 11px;
}

.webmcp-report__footer {
    justify-content: space-between;
    gap: 20px;
    margin-top: 18px;
    color: var(--webmcp-muted);
    font-size: 11px;
}

.webmcp-report__footer span:last-child {
    color: var(--webmcp-green-dark);
    font-weight: 700;
}

.webmcp-report__agent-link {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 13px;
    border-radius: 8px;
    background: var(--webmcp-blue);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
}

.webmcp-report__agent-link:hover,
.webmcp-report__agent-link:focus {
    background: #0b5dce;
    color: #fff;
}

.webmcp-report__agent-link i {
    margin: 0;
}

.webmcp-report__footer i {
    margin-left: 6px;
}

body.free-webmcp-workbench-page main.main-content > .webmcp-content-shell {
    width: min(100% - 48px, 1240px);
    margin: 0 auto;
}

.webmcp-agent-cta {
    padding: 22px 0 0;
    background: #fff;
}

.webmcp-agent-cta .free-tool-support {
    width: min(100% - 48px, 1240px) !important;
    margin: 0 auto;
    padding: 0 !important;
}

.webmcp-agent-cta .free-tool-agent__panel--featured {
    padding: 0 !important;
    border: 1px solid rgba(23, 116, 239, .3) !important;
    border-radius: 12px !important;
    background: #f7faff !important;
    box-shadow: none !important;
    overflow: hidden;
}

.webmcp-agent-cta .free-tool-agent__summary--featured {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    min-height: 96px;
    padding: 18px 20px;
    cursor: pointer;
    list-style: none;
    scroll-margin-top: 84px;
}

.webmcp-agent-cta .free-tool-agent__summary--featured::-webkit-details-marker {
    display: none;
}

.free-tool-agent__cta-icon {
    display: inline-flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #e8f1ff;
    color: var(--webmcp-blue);
    font-size: 18px;
}

.free-tool-agent__cta-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.free-tool-agent__cta-copy small {
    color: var(--webmcp-blue);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.free-tool-agent__cta-copy strong {
    margin-top: 4px;
    color: var(--webmcp-text);
    font-size: 17px;
    font-weight: 800;
}

.free-tool-agent__cta-copy > span {
    margin-top: 5px;
    color: var(--webmcp-muted);
    font-size: 12px;
    line-height: 1.5;
}

.free-tool-agent__cta-action {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 18px;
    border-radius: 8px;
    background: var(--webmcp-blue);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.webmcp-agent-cta .free-tool-agent__summary--featured:hover .free-tool-agent__cta-action,
.webmcp-agent-cta .free-tool-agent__summary--featured:focus .free-tool-agent__cta-action {
    background: #0b5dce;
}

.webmcp-agent-cta .free-tool-agent__panel--featured[open] .free-tool-agent__summary--featured {
    border-bottom: 1px solid var(--webmcp-border);
    background: #eef5ff;
}

.webmcp-agent-cta .free-tool-agent__content {
    margin-top: 0 !important;
    padding: 22px;
    background: #fff;
}

.webmcp-agent-cta .free-tool-agent__content textarea {
    border-color: var(--webmcp-border);
    background: #f8fafc;
    font-size: 11px !important;
    line-height: 1.55;
}

.webmcp-agent-cta .free-tool-agent__content .btn-primary {
    border: 0;
    background: var(--webmcp-green) !important;
    box-shadow: none;
}

.webmcp-content-shell > .row {
    margin: 0;
}

.webmcp-content-card {
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none !important;
}

.webmcp-content-card > .card-body {
    padding: 0 !important;
}

.webmcp-results {
    margin: 0;
    padding: 46px 0 64px;
}

.webmcp-results__header {
    max-width: 820px;
    margin: 0 auto 32px;
    text-align: center;
}

.webmcp-results__header > span {
    color: var(--webmcp-green-dark);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.webmcp-results__header h2 {
    margin: 8px 0 0;
    color: var(--webmcp-text);
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -.025em;
}

.webmcp-results__header p {
    margin: 10px 0 0;
    color: var(--webmcp-muted);
    font-size: 14px;
    line-height: 1.65;
}

.webmcp-results .card {
    border: 1px solid var(--webmcp-border);
    border-radius: 12px;
    background: #fff;
    box-shadow: none !important;
    overflow: hidden;
}

.webmcp-results .card-header {
    min-height: 58px;
    padding: 17px 20px;
    border-bottom: 1px solid var(--webmcp-border);
    background: #fbfcfe;
    color: var(--webmcp-text);
    font-size: 14px;
    font-weight: 800 !important;
}

.webmcp-results .card-body {
    padding: 20px;
}

.webmcp-results .table {
    margin-bottom: 0;
    color: #405271;
    font-size: 12px;
}

.webmcp-results .table > :not(caption) > * > * {
    padding: 11px 10px;
    border-bottom-color: var(--webmcp-border);
}

.webmcp-results .badge {
    border-radius: 6px;
    font-size: 10px;
    font-weight: 700;
}

.webmcp-results pre,
.webmcp-education pre {
    padding: 16px;
    border: 1px solid var(--webmcp-border);
    border-radius: 9px;
    background: #f7f9fc;
    color: #314766;
    white-space: pre-wrap;
}

.webmcp-results .alert {
    border: 0;
    border-radius: 10px;
    font-size: 12px;
    line-height: 1.6;
}

.webmcp-declarative-guide {
    margin-bottom: 18px;
    padding: 22px;
    border: 1px solid rgba(23, 116, 239, .28) !important;
    border-left: 4px solid var(--webmcp-blue) !important;
    border-radius: 12px;
    background: #f7faff;
}

.webmcp-declarative-guide__header {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.webmcp-declarative-guide__icon {
    display: inline-flex;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #e7f1ff;
    color: var(--webmcp-blue);
    font-size: 16px;
}

.webmcp-declarative-guide__header > div > span,
.webmcp-declarative-example header div > span {
    display: block;
    color: var(--webmcp-blue);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.webmcp-declarative-guide__header h4 {
    margin: 4px 0 0;
    color: var(--webmcp-text);
    font-size: 17px;
    font-weight: 800;
}

.webmcp-declarative-guide__header p {
    margin: 7px 0 0;
    color: var(--webmcp-muted);
    font-size: 12px;
    line-height: 1.6;
}

.webmcp-declarative-guide__steps {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 20px 0 0;
    padding: 0;
    list-style-position: inside;
}

.webmcp-declarative-guide__steps li {
    padding: 14px 15px;
    border: 1px solid var(--webmcp-border);
    border-radius: 9px;
    background: #fff;
    color: var(--webmcp-blue);
    font-size: 11px;
    font-weight: 800;
}

.webmcp-declarative-guide__steps li:last-child {
    grid-column: 1 / -1;
}

.webmcp-declarative-guide__steps li::marker {
    color: var(--webmcp-blue);
    font-weight: 800;
}

.webmcp-declarative-guide__steps strong {
    color: var(--webmcp-text);
    font-size: 12px;
}

.webmcp-declarative-guide__steps li > span {
    display: block;
    margin-top: 7px;
    color: #60728d;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.55;
}

.webmcp-declarative-example {
    overflow: hidden;
    border: 1px solid #18375f;
    border-radius: 12px;
    background: #0d2345;
}

.webmcp-declarative-example header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 17px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.webmcp-declarative-example header div > span {
    color: #66b0ff;
}

.webmcp-declarative-example header strong {
    display: block;
    margin-top: 4px;
    color: #fff;
    font-size: 13px;
}

.webmcp-declarative-example header > span {
    padding: 5px 8px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 6px;
    color: #aecaee;
    font-size: 9px;
    font-weight: 800;
}

.webmcp-results .webmcp-declarative-example pre {
    margin: 0;
    padding: 18px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #d8e8ff;
    font-size: 11px;
    line-height: 1.55;
}

.webmcp-issue-list {
    display: grid;
    gap: 0;
}

.webmcp-issue {
    display: grid;
    grid-template-columns: minmax(220px, .8fr) minmax(260px, 1.05fr) minmax(280px, 1.15fr);
    gap: 28px;
    padding: 22px 24px;
    border-left: 3px solid #8a99af;
}

.webmcp-issue + .webmcp-issue {
    border-top: 1px solid var(--webmcp-border);
}

.webmcp-issue.is-high {
    border-left-color: var(--webmcp-coral);
}

.webmcp-issue.is-medium {
    border-left-color: var(--webmcp-orange);
}

.webmcp-issue__heading > span,
.webmcp-issue__details > span,
.webmcp-issue__fix > span {
    display: block;
    margin-bottom: 7px;
    color: var(--webmcp-muted);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .065em;
    text-transform: uppercase;
}

.webmcp-issue__heading > span {
    display: inline-flex;
    margin-right: 8px;
    padding: 4px 7px;
    border-radius: 5px;
    background: #8998ae;
    color: #fff;
}

.webmcp-issue.is-high .webmcp-issue__heading > span {
    background: var(--webmcp-coral);
}

.webmcp-issue.is-medium .webmcp-issue__heading > span {
    background: var(--webmcp-orange);
}

.webmcp-issue__heading small {
    color: var(--webmcp-muted);
    font-size: 11px;
    font-weight: 700;
}

.webmcp-issue__heading h3 {
    margin: 11px 0 0;
    color: var(--webmcp-text);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.45;
}

.webmcp-issue p {
    margin: 0;
    color: #536782;
    font-size: 12px;
    line-height: 1.65;
}

.webmcp-issue__fix {
    padding-left: 18px;
    border-left: 1px solid var(--webmcp-border);
}

.webmcp-monitor-cta {
    border-color: rgba(18, 185, 120, .35) !important;
    background: #f8fcfa !important;
}

.webmcp-monitor-cta .btn-primary {
    border: 0;
    background: var(--webmcp-green) !important;
    box-shadow: none;
}

.webmcp-monitor-cta .btn-primary:hover,
.webmcp-monitor-cta .btn-primary:focus {
    background: var(--webmcp-green-dark) !important;
}

.webmcp-results code,
.webmcp-education code {
    color: #c35342;
}

.webmcp-education {
    margin: 0;
    padding: 46px 0 68px;
}

.webmcp-education__inner {
    width: 100%;
    max-width: 1080px;
}

.webmcp-education h2 {
    margin: 38px 0 14px !important;
    color: var(--webmcp-text);
    font-size: 24px !important;
    font-weight: 800;
    letter-spacing: -.02em;
}

.webmcp-education h2:first-child {
    margin-top: 0 !important;
}

.webmcp-education p {
    color: var(--webmcp-muted) !important;
    font-size: 14px;
    line-height: 1.75;
}

.webmcp-education h3 {
    color: var(--webmcp-text);
    font-weight: 800;
}

.webmcp-education .icon-shape {
    background: #eaf2ff !important;
    box-shadow: none !important;
}

.webmcp-education .icon-shape i {
    color: var(--webmcp-blue) !important;
    opacity: 1 !important;
}

.webmcp-education .card {
    border: 1px solid var(--webmcp-border);
    border-radius: 12px;
    box-shadow: none !important;
    overflow: hidden;
}

.webmcp-education .card-header {
    padding: 17px 20px;
    border-bottom: 1px solid var(--webmcp-border);
    background: #fbfcfe;
    color: var(--webmcp-text);
}

@media (max-width: 1099px) {
    .webmcp-workbench {
        grid-template-columns: minmax(310px, 36%) minmax(0, 1fr);
    }

    .webmcp-workbench__start {
        padding-inline: 38px;
    }

    .webmcp-report {
        padding-inline: 30px;
    }

    .webmcp-report__title {
        align-items: flex-start;
        flex-direction: column;
        gap: 9px;
    }
}

@media (max-width: 899px) {
    .webmcp-workbench {
        grid-template-columns: 1fr;
    }

    .webmcp-workbench__start {
        padding: 46px clamp(24px, 8vw, 72px);
        border-right: 0;
        border-bottom: 1px solid var(--webmcp-border);
    }

    .webmcp-workbench__start h1,
    .webmcp-workbench__lead,
    .webmcp-workbench__description {
        max-width: 620px;
    }

    .webmcp-start-form,
    .webmcp-workbench__trust {
        max-width: 560px;
    }

    .webmcp-report {
        padding: 38px clamp(24px, 6vw, 54px);
    }

    .webmcp-issue {
        grid-template-columns: 1fr 1fr;
    }

    .webmcp-issue__heading {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    .webmcp-workbench__start {
        padding: 34px 22px;
    }

    .webmcp-workbench__start h1 {
        font-size: 38px;
    }

    .webmcp-workbench__description {
        margin-bottom: 30px;
    }

    .webmcp-workbench__trust {
        flex-wrap: wrap;
    }

    .webmcp-report {
        padding: 30px 20px;
    }

    .webmcp-report__header {
        align-items: flex-start;
    }

    .webmcp-report__subject {
        width: 100%;
        max-width: 100%;
    }

    .webmcp-report__subject > span {
        display: none;
    }

    .webmcp-report__state {
        min-height: 34px;
        padding-inline: 10px;
    }

    .webmcp-report__meta {
        align-items: flex-start;
        flex-direction: column;
    }

    .webmcp-report__meta span + span {
        max-width: 100%;
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
    }

    .webmcp-report__progress {
        grid-template-columns: 1fr auto;
    }

    .webmcp-report__progress-track {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .webmcp-report__summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .webmcp-report__summary > span:nth-child(3) {
        border-left: 0;
    }

    .webmcp-report__summary > span:nth-child(n+3) {
        padding-top: 14px;
        border-top: 1px solid var(--webmcp-border);
    }

    .webmcp-report__footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .webmcp-agent-cta {
        padding-top: 16px;
    }

    .webmcp-agent-cta .free-tool-support {
        width: min(100% - 32px, 1240px) !important;
    }

    .webmcp-agent-cta .free-tool-agent__summary--featured {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 13px;
        padding: 17px;
    }

    .free-tool-agent__cta-action {
        grid-column: 1 / -1;
        width: 100%;
    }

    .webmcp-agent-cta .free-tool-agent__content {
        padding: 17px;
    }

    .webmcp-declarative-guide {
        padding: 18px;
    }

    .webmcp-declarative-guide__steps {
        grid-template-columns: 1fr;
    }

    .webmcp-declarative-guide__steps li:last-child {
        grid-column: auto;
    }

    body.free-webmcp-workbench-page main.main-content > .webmcp-content-shell {
        width: min(100% - 32px, 1240px);
    }

    .webmcp-results,
    .webmcp-education {
        padding: 36px 0 54px;
    }

    .webmcp-results__header {
        text-align: left;
    }

    .webmcp-results__header h2 {
        font-size: 25px;
    }

    .webmcp-results .badge {
        line-height: 1.2;
        white-space: normal;
    }

    .webmcp-overview-card .card-body {
        padding-inline: 14px;
    }

    .webmcp-overview-card .badge {
        font-size: 9px;
        white-space: nowrap;
    }

    .webmcp-overview-card .table td:first-child {
        width: 56%;
        padding-left: 0;
    }

    .webmcp-overview-card .table td:last-child {
        width: 44%;
        padding-right: 0;
    }

    .webmcp-overview-card .table code {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .webmcp-education h2 {
        font-size: 22px !important;
    }

    .webmcp-issue {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 20px;
    }

    .webmcp-issue__heading {
        grid-column: auto;
    }

    .webmcp-issue__fix {
        padding-top: 18px;
        padding-left: 0;
        border-top: 1px solid var(--webmcp-border);
        border-left: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .webmcp-start-form .btn-primary {
        transition: none;
    }
}