html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem #ffffff, 0 0 0 0.25rem rgba(31, 79, 191, 0.28);
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.wr-body {
    margin-bottom: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

:root {
    --wr-primary: #1f4fbf;
    --wr-primary-dark: #163a8a;
    --wr-primary-soft: #eef4ff;
    --wr-accent: #f59e0b;
    --wr-text: #172033;
    --wr-muted: #667085;
    --wr-surface: #ffffff;
    --wr-soft: #f6f8fb;
    --wr-border: #d8e0ec;
}

body {
    color: var(--wr-text);
    background-color: #ffffff;
}

.btn-primary {
    background-color: var(--wr-primary);
    border-color: var(--wr-primary);
}

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: var(--wr-primary-dark);
        border-color: var(--wr-primary-dark);
    }

.btn-primary,
.btn-outline-secondary,
.wr-navbar-cta {
    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.wr-hero .btn-primary:hover,
.wr-hero .btn-primary:focus,
.wr-pricing-card .btn-primary:hover,
.wr-pricing-card .btn-primary:focus,
.wr-cta-section .btn-primary:hover,
.wr-cta-section .btn-primary:focus,
.wr-navbar-cta:hover,
.wr-navbar-cta:focus {
    transform: translateY(-1px);
    box-shadow: 0 0.75rem 1.75rem rgba(31, 79, 191, 0.18);
}

.wr-hero .btn-outline-secondary:hover,
.wr-hero .btn-outline-secondary:focus {
    transform: translateY(-1px);
}

.wr-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 82% 18%, rgba(245, 158, 11, 0.14), transparent 18rem),
        radial-gradient(circle at top left, rgba(31, 79, 191, 0.14), transparent 36rem),
        linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
}

.wr-site-header {
    position: sticky;
    top: 0;
    z-index: 1030;
    backdrop-filter: saturate(140%) blur(6px);
}

.wr-navbar {
    border-bottom: 1px solid var(--wr-border);
    background-color: rgba(255, 255, 255, 0.92);
}

.wr-navbar-toggler {
    border-color: var(--wr-border);
}

.wr-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    text-decoration: none;
    color: var(--wr-text);
}

.wr-brand-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 0.7rem;
    background: linear-gradient(135deg, var(--wr-primary), var(--wr-primary-dark));
    color: #ffffff;
    font-weight: 700;
    font-size: 0.85rem;
}

.wr-brand-text {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.wr-brand-name {
    font-weight: 700;
    font-size: 1rem;
}

.wr-brand-subtitle {
    color: var(--wr-muted);
    font-size: 0.77rem;
}

.wr-nav-link {
    color: var(--wr-text);
    font-weight: 500;
}

.wr-nav-link:hover,
.wr-nav-link:focus {
    background-color: var(--wr-primary-soft);
    color: var(--wr-primary-dark);
}

.wr-navbar-cta {
    padding: 0.55rem 1rem;
    border: 0;
    border-radius: 0.75rem;
    color: #ffffff;
    background-color: var(--wr-primary);
    font-weight: 600;
}

.wr-navbar-cta:hover,
.wr-navbar-cta:focus {
    color: #ffffff;
    background-color: var(--wr-primary-dark);
}

.wr-main {
    flex: 1 0 auto;
}

.wr-admin-main {
    background-color: #f8fafc;
}

.wr-footer {
    margin-top: auto;
    border-top: 1px solid var(--wr-border);
    background-color: #ffffff;
    padding: 3rem 0 2rem;
}

.wr-footer-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    text-decoration: none;
    color: inherit;
}

.wr-footer-brand-name {
    display: block;
    font-weight: 700;
}

.wr-footer-brand-subtitle,
.wr-footer-text {
    color: var(--wr-muted);
}

.wr-footer-title {
    margin-bottom: 0.75rem;
    font-size: 1rem;
    font-weight: 700;
}

.wr-footer-links {
    display: grid;
    gap: 0.5rem;
    padding: 0;
    margin: 0;
    list-style: none;
}

.wr-footer-links a {
    color: var(--wr-text);
    text-decoration: none;
}

.wr-footer-links a:hover,
.wr-footer-links a:focus {
    color: var(--wr-primary-dark);
}

.wr-footer-bottom {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid var(--wr-border);
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.5rem;
    color: var(--wr-muted);
    font-size: 0.9rem;
}

.wr-table-shell {
    overflow: hidden;
    border: 1px solid var(--wr-border);
    border-radius: 1rem;
    background-color: #ffffff;
}

.wr-url-cell {
    word-break: break-word;
}

.w-lg-auto {
    width: 100%;
}

.wr-eyebrow {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.75rem;
    border: 1px solid rgba(31, 79, 191, 0.18);
    border-radius: 999px;
    color: var(--wr-primary-dark);
    background-color: var(--wr-primary-soft);
    font-size: 0.875rem;
    font-weight: 600;
}

.wr-trust-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 2rem;
}

    .wr-trust-row div {
        padding: 1rem;
        border: 1px solid var(--wr-border);
        border-radius: 1rem;
        background-color: rgba(255, 255, 255, 0.75);
    }

    .wr-trust-row strong,
    .wr-trust-row span {
        display: block;
    }

    .wr-trust-row strong {
        font-size: 0.95rem;
    }

    .wr-trust-row span {
        color: var(--wr-muted);
        font-size: 0.875rem;
    }

.wr-score-card,
.wr-feature-card,
.wr-included-box,
.wr-form-shell,
.wr-price-panel {
    border: 1px solid var(--wr-border);
    border-radius: 1.25rem;
    background-color: var(--wr-surface);
}

.wr-score-card {
    padding: 1.5rem;
}

.wr-score-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 4.5rem;
    min-height: 4.5rem;
    border-radius: 999px;
    color: #ffffff;
    background: linear-gradient(135deg, var(--wr-primary), var(--wr-primary-dark));
    box-shadow: 0 0 0 0.35rem rgba(245, 158, 11, 0.12);
    font-weight: 700;
}

.wr-score-item {
    margin-bottom: 1rem;
}

    .wr-score-item .progress {
        height: 0.55rem;
        margin-top: 0.4rem;
        background-color: #e8eef9;
    }

    .wr-score-item .progress-bar {
        background: linear-gradient(90deg, var(--wr-primary), var(--wr-primary-dark));
    }

.wr-feature-card {
    padding: 1.5rem;
}

    .wr-feature-card h3 {
        margin-bottom: 0.75rem;
        line-height: 1.25;
    }

    .wr-feature-card p {
        margin-bottom: 0;
        color: var(--wr-muted);
    }

.wr-output-focus {
    padding: 1rem;
    border: 1px solid var(--wr-border);
    border-radius: 1rem;
    background-color: var(--wr-soft);
}

.wr-pricing-card {
    padding: 2rem;
}

.wr-price-panel {
    padding: 1.5rem;
    background-color: var(--wr-soft);
}

.wr-pricing-footer {
    padding-top: 1.25rem;
    border-top: 1px solid var(--wr-border);
}

.wr-included-box {
    padding: 2rem;
    background-color: var(--wr-soft);
}

.wr-check-list {
    display: grid;
    gap: 0.85rem;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .wr-check-list li {
        position: relative;
        padding-left: 1.75rem;
    }

        .wr-check-list li::before {
            position: absolute;
            left: 0;
            content: "✓";
            color: var(--wr-primary);
            font-weight: 700;
        }

    .wr-check-list.wr-limit-list li::before {
        content: "✕";
        color: var(--bs-danger);
        font-weight: 700;
    }

    .wr-check-list.wr-limit-list li {
        color: var(--bs-secondary-color);
    }

.wr-cta-section {
    background-color: var(--wr-soft);
}

.wr-form-shell {
    padding: 2rem;
}


.wr-card-polish,
.wr-trust-row div,
.wr-output-focus {
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease, background-color 180ms ease;
}

@media (hover: hover) and (pointer: fine) {
    .wr-card-polish:hover,
    .wr-card-polish:focus-within,
    .wr-trust-row div:hover,
    .wr-output-focus:hover,
    .wr-output-focus:focus-within {
        transform: translateY(-3px);
        border-color: rgba(31, 79, 191, 0.26);
        box-shadow: 0 1rem 2.25rem rgba(23, 32, 51, 0.08);
    }

    .wr-feature-card.wr-card-polish:hover,
    .wr-feature-card.wr-card-polish:focus-within {
        background-color: #ffffff;
    }

    .wr-included-box.wr-card-polish:hover,
    .wr-included-box.wr-card-polish:focus-within {
        background-color: #ffffff;
    }
}

.wr-reveal-enabled .wr-reveal {
    opacity: 0;
    transform: translateY(1rem);
    transition: opacity 560ms ease-out, transform 560ms cubic-bezier(0.16, 1, 0.3, 1);
    transition-delay: var(--wr-reveal-delay, 0ms);
}

.wr-reveal-enabled .wr-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.row > :nth-child(2) .wr-reveal {
    --wr-reveal-delay: 70ms;
}

.row > :nth-child(3) .wr-reveal {
    --wr-reveal-delay: 140ms;
}

.row > :nth-child(4) .wr-reveal {
    --wr-reveal-delay: 0ms;
}

.row > :nth-child(5) .wr-reveal {
    --wr-reveal-delay: 70ms;
}

.row > :nth-child(6) .wr-reveal {
    --wr-reveal-delay: 140ms;
}


.wr-hero-score-card {
    position: relative;
    border-color: rgba(31, 79, 191, 0.16);
    background:
        linear-gradient(135deg, rgba(31, 79, 191, 0.045), rgba(245, 158, 11, 0.04) 48%, rgba(255, 255, 255, 0) 72%),
        var(--wr-surface);
    box-shadow: 0 1.25rem 3rem rgba(23, 32, 51, 0.08);
    animation: wrHeroCardIn 720ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

.wr-hero-score-badge {
    animation: wrScoreBadgeIn 680ms cubic-bezier(0.16, 1, 0.3, 1) 180ms both;
}

.wr-hero-score-card .wr-score-item {
    opacity: 0;
    transform: translateY(0.35rem);
    animation: wrFadeUp 520ms ease-out var(--wr-progress-delay, 260ms) both;
}

.wr-hero-score-card .progress-bar {
    transform: scaleX(0);
    transform-origin: left center;
    animation: wrProgressGrow 920ms cubic-bezier(0.16, 1, 0.3, 1) calc(var(--wr-progress-delay, 260ms) + 120ms) both;
}

.wr-hero-output-focus {
    opacity: 0;
    transform: translateY(0.35rem);
    animation: wrFadeUp 560ms ease-out 760ms both;
}

.wr-hero-trust-row div {
    opacity: 0;
    transform: translateY(0.45rem);
    animation: wrFadeUp 560ms ease-out both;
}

.wr-hero-trust-row div:nth-child(1) {
    animation-delay: 220ms;
}

.wr-hero-trust-row div:nth-child(2) {
    animation-delay: 340ms;
}

.wr-hero-trust-row div:nth-child(3) {
    animation-delay: 460ms;
}

@keyframes wrHeroCardIn {
    from {
        opacity: 0;
        transform: translateY(0.85rem) scale(0.985);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes wrScoreBadgeIn {
    from {
        opacity: 0;
        transform: scale(0.92);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes wrProgressGrow {
    from {
        transform: scaleX(0);
    }

    to {
        transform: scaleX(1);
    }
}

@keyframes wrFadeUp {
    from {
        opacity: 0;
        transform: translateY(0.45rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .btn-primary,
    .btn-outline-secondary,
    .wr-navbar-cta,
    .wr-card-polish,
    .wr-trust-row div,
    .wr-output-focus,
    .wr-reveal-enabled .wr-reveal,
    .wr-hero-score-card,
    .wr-hero-score-badge,
    .wr-hero-score-card .wr-score-item,
    .wr-hero-score-card .progress-bar,
    .wr-hero-output-focus,
    .wr-hero-trust-row div {
        transition: none;
        animation: none;
        transform: none;
    }

    .wr-reveal-enabled .wr-reveal,
    .wr-hero-score-card .wr-score-item,
    .wr-hero-output-focus,
    .wr-hero-trust-row div {
        opacity: 1;
    }
}

@media (max-width: 767.98px) {
    .wr-main {
        padding-top: 0.25rem;
    }

    .wr-brand-subtitle {
        display: none;
    }

    .wr-footer {
        padding: 2.25rem 0 1.5rem;
    }

    .wr-footer-bottom {
        margin-top: 1.5rem;
    }

    .wr-trust-row {
        grid-template-columns: 1fr;
    }

    .wr-score-card,
    .wr-feature-card,
    .wr-included-box,
    .wr-form-shell,
    .wr-price-panel {
        border-radius: 1rem;
    }

    .wr-pricing-card {
        padding: 1.5rem;
    }
}

@media (min-width: 992px) {
    .w-lg-auto {
        width: auto;
    }
}


/* Order form polish */
.wr-order-section {
    background:
        radial-gradient(circle at 92% 8%, rgba(245, 158, 11, 0.09), transparent 16rem),
        radial-gradient(circle at 8% 10%, rgba(31, 79, 191, 0.08), transparent 28rem),
        linear-gradient(180deg, #ffffff 0%, #f7f9fd 100%);
}

.wr-order-card,
.wr-order-submit-card,
.wr-order-summary-card,
.wr-order-soft-box,
.wr-order-notice {
    border: 1px solid var(--wr-border);
    border-radius: 1.25rem;
    background-color: var(--wr-surface);
}

.wr-order-card,
.wr-order-submit-card,
.wr-order-summary-card {
    box-shadow: 0 1rem 2.5rem rgba(23, 32, 51, 0.045);
}

.wr-order-card-body {
    padding: 1.5rem;
}

.wr-order-summary-body {
    padding: 1.5rem;
}

.wr-order-step-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 999px;
    color: #ffffff;
    background: linear-gradient(135deg, var(--wr-primary), var(--wr-primary-dark));
    box-shadow: 0 0 0 0.3rem rgba(31, 79, 191, 0.08);
    font-weight: 700;
    line-height: 1;
}

.wr-order-soft-box {
    padding: 1rem;
    background-color: var(--wr-soft);
}

.wr-order-soft-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.65rem;
    border: 1px solid rgba(31, 79, 191, 0.14);
    border-radius: 999px;
    color: var(--wr-primary-dark);
    background-color: var(--wr-primary-soft);
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}

.wr-order-notice {
    padding: 1rem;
    border-color: rgba(245, 158, 11, 0.28);
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.09), rgba(255, 255, 255, 0.86));
}

.wr-order-sidebar {
    position: sticky;
    top: 6rem;
}

.wr-order-summary-list {
    display: grid;
    gap: 0.65rem;
    padding-left: 0;
    list-style: none;
}

.wr-order-summary-list li {
    position: relative;
    padding-left: 1.65rem;
    color: var(--wr-text);
}

.wr-order-summary-list li::before {
    position: absolute;
    left: 0;
    content: "✓";
    color: var(--wr-primary);
    font-weight: 700;
}

.wr-order-scope-note {
    padding: 1rem;
    border: 1px solid var(--wr-border);
    border-radius: 1rem;
    color: var(--wr-muted);
    background-color: var(--wr-soft);
    font-size: 0.925rem;
}

.wr-order-section .form-control,
.wr-order-section .form-select {
    border-color: var(--wr-border);
}

.wr-order-section .form-control:focus,
.wr-order-section .form-select:focus {
    border-color: rgba(31, 79, 191, 0.52);
    box-shadow: 0 0 0 0.25rem rgba(31, 79, 191, 0.12);
}

@media (hover: hover) and (pointer: fine) {
    .wr-order-card.wr-card-polish:hover,
    .wr-order-card.wr-card-polish:focus-within,
    .wr-order-submit-card.wr-card-polish:hover,
    .wr-order-submit-card.wr-card-polish:focus-within,
    .wr-order-summary-card.wr-card-polish:hover,
    .wr-order-summary-card.wr-card-polish:focus-within {
        transform: translateY(-3px);
        border-color: rgba(31, 79, 191, 0.24);
        box-shadow: 0 1.1rem 2.4rem rgba(23, 32, 51, 0.075);
    }
}

@media (min-width: 992px) {
    .wr-order-card-body {
        padding: 2rem;
    }
}

@media (max-width: 991.98px) {
    .wr-order-sidebar {
        position: static;
    }
}

@media (max-width: 767.98px) {
    .wr-order-card,
    .wr-order-submit-card,
    .wr-order-summary-card,
    .wr-order-soft-box,
    .wr-order-notice {
        border-radius: 1rem;
    }

    .wr-order-card-body,
    .wr-order-summary-body {
        padding: 1.25rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wr-order-card,
    .wr-order-submit-card,
    .wr-order-summary-card {
        transition: none;
        transform: none !important;
    }
}

.wr-detail-card {
    padding: 1.5rem;
    border: 1px solid var(--wr-border);
    border-radius: 1.25rem;
    background-color: #ffffff;
}

    .wr-detail-card dt {
        color: var(--wr-muted);
        font-weight: 600;
    }

    .wr-detail-card dd {
        margin-bottom: 0.75rem;
    }

.wr-pre-line {
    white-space: pre-line;
}

.wr-success-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: 999px;
    color: #ffffff;
    background-color: #198754;
    font-size: 2rem;
    font-weight: 700;
}

.text-monospace {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.wr-snapshot-pre {
    max-height: 32rem;
    padding: 1rem;
    overflow: auto;
    border: 1px solid var(--wr-border);
    border-radius: 0.75rem;
    background-color: #f8fafc;
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 0.875rem;
}
/* Anonymous case study / sample audit page */
.wr-case-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 18%, rgba(245, 158, 11, 0.13), transparent 18rem),
        radial-gradient(circle at 10% 10%, rgba(31, 79, 191, 0.13), transparent 30rem),
        linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
}

.wr-case-meta-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
}

.wr-case-meta-item,
.wr-case-score-card,
.wr-case-output-card,
.wr-case-summary-panel,
.wr-case-issue-card,
.wr-case-rewrite-card,
.wr-case-faq-item,
.wr-case-note {
    border: 1px solid var(--wr-border);
    border-radius: 1.25rem;
    background-color: var(--wr-surface);
}

.wr-case-meta-item {
    padding: 0.9rem 1rem;
    background-color: rgba(255, 255, 255, 0.76);
}

.wr-case-meta-item span {
    display: block;
    color: var(--wr-muted);
    font-size: 0.8rem;
    font-weight: 600;
}

.wr-case-meta-item strong {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.92rem;
    line-height: 1.3;
}

.wr-case-score-card,
.wr-case-output-card,
.wr-case-summary-panel,
.wr-case-issue-card,
.wr-case-rewrite-card,
.wr-case-faq-item,
.wr-case-note {
    box-shadow: 0 1rem 2.5rem rgba(23, 32, 51, 0.045);
}

.wr-case-score-card,
.wr-case-output-card,
.wr-case-summary-panel,
.wr-case-issue-card,
.wr-case-rewrite-card,
.wr-case-note {
    padding: 1.5rem;
}

.wr-case-score-ring {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 5.75rem;
    height: 5.75rem;
    border-radius: 999px;
    color: #ffffff;
    background:
        radial-gradient(circle at 32% 22%, rgba(255, 255, 255, 0.34), transparent 34%),
        linear-gradient(135deg, var(--wr-primary), var(--wr-primary-dark));
    box-shadow: 0 1rem 2rem rgba(31, 79, 191, 0.2);
    line-height: 1;
}

.wr-case-score-ring span {
    font-size: 2rem;
    font-weight: 800;
}

.wr-case-score-ring small {
    margin-top: 0.15rem;
    opacity: 0.86;
    font-size: 0.82rem;
    font-weight: 700;
}

.wr-case-score-list {
    display: grid;
    gap: 1rem;
}

.wr-case-score-row span {
    color: var(--wr-text);
    font-weight: 600;
}

.wr-case-progress {
    height: 0.55rem;
    margin-top: 0.45rem;
    overflow: hidden;
    border-radius: 999px;
    background-color: #e9eef8;
}

.wr-case-progress-fill {
    width: var(--wr-score-value, 0%);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--wr-score-fill-start, var(--wr-primary)), var(--wr-score-fill-end, var(--wr-primary-dark)));
}

.wr-case-soft-section {
    background-color: var(--wr-soft);
}

.wr-case-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.3rem;
    height: 2.3rem;
    margin-bottom: 1rem;
    border-radius: 0.8rem;
    color: var(--wr-primary-dark);
    background-color: var(--wr-primary-soft);
    font-weight: 800;
}

.wr-case-severity {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.65rem;
    border: 1px solid rgba(31, 79, 191, 0.14);
    border-radius: 999px;
    color: var(--wr-primary-dark);
    background-color: var(--wr-primary-soft);
    font-size: 0.78rem;
    font-weight: 700;
}

.wr-case-severity-high {
    border-color: rgba(245, 158, 11, 0.28);
    color: #92400e;
    background-color: rgba(245, 158, 11, 0.12);
}

.wr-case-cta-list {
    display: grid;
    gap: 1rem;
}

.wr-case-cta-list div {
    padding: 1rem;
    border: 1px solid var(--wr-border);
    border-radius: 1rem;
    background-color: var(--wr-soft);
}

.wr-case-cta-list strong,
.wr-case-cta-list span {
    display: block;
}

.wr-case-cta-list span {
    margin-top: 0.25rem;
    color: var(--wr-muted);
}

.wr-case-faq-list {
    display: grid;
    gap: 1rem;
}

.wr-case-faq-item {
    padding: 1.25rem;
}

.wr-case-priority-list {
    display: grid;
    gap: 1rem;
    max-width: 58rem;
    margin: 0 auto;
}

.wr-case-priority-item {
    display: flex;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid var(--wr-border);
    border-radius: 1.25rem;
    background-color: var(--wr-surface);
    box-shadow: 0 1rem 2.5rem rgba(23, 32, 51, 0.04);
}

.wr-case-priority-item > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 999px;
    color: #ffffff;
    background: linear-gradient(135deg, var(--wr-primary), var(--wr-primary-dark));
    font-weight: 800;
}

.wr-case-note {
    border-color: rgba(245, 158, 11, 0.28);
    background:
        linear-gradient(135deg, rgba(245, 158, 11, 0.09), rgba(255, 255, 255, 0.88));
}

@media (hover: hover) and (pointer: fine) {
    .wr-case-output-card.wr-card-polish:hover,
    .wr-case-output-card.wr-card-polish:focus-within,
    .wr-case-issue-card.wr-card-polish:hover,
    .wr-case-issue-card.wr-card-polish:focus-within,
    .wr-case-rewrite-card.wr-card-polish:hover,
    .wr-case-rewrite-card.wr-card-polish:focus-within,
    .wr-case-faq-item.wr-card-polish:hover,
    .wr-case-faq-item.wr-card-polish:focus-within {
        transform: translateY(-3px);
        border-color: rgba(31, 79, 191, 0.24);
        box-shadow: 0 1.1rem 2.4rem rgba(23, 32, 51, 0.075);
    }
}

@media (min-width: 992px) {
    .wr-case-score-card,
    .wr-case-output-card,
    .wr-case-summary-panel,
    .wr-case-issue-card,
    .wr-case-rewrite-card,
    .wr-case-note {
        padding: 2rem;
    }
}

@media (max-width: 991.98px) {
    .wr-case-meta-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .wr-case-meta-item,
    .wr-case-score-card,
    .wr-case-output-card,
    .wr-case-summary-panel,
    .wr-case-issue-card,
    .wr-case-rewrite-card,
    .wr-case-faq-item,
    .wr-case-note,
    .wr-case-priority-item {
        border-radius: 1rem;
    }

    .wr-case-priority-item {
        align-items: flex-start;
    }

    .wr-case-score-ring {
        width: 4.9rem;
        height: 4.9rem;
    }

    .wr-case-score-ring span {
        font-size: 1.65rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wr-case-output-card,
    .wr-case-issue-card,
    .wr-case-rewrite-card,
    .wr-case-faq-item {
        transition: none;
        transform: none !important;
    }
}


/* Score status coloring for sample audit progress bars */
:root {
    --wr-score-good-start: var(--wr-primary);
    --wr-score-good-end: var(--wr-primary-dark);
    --wr-score-warning-start: #f59e0b;
    --wr-score-warning-end: #d97706;
    --wr-score-risk-start: #dc6b5c;
    --wr-score-risk-end: #b94a3e;
}

.wr-case-progress-fill.wr-score-good,
.wr-case-progress-fill[style*="--wr-score-value: 8"],
.wr-case-progress-fill[style*="--wr-score-value: 9"],
.wr-case-progress-fill[style*="--wr-score-value: 100"] {
    --wr-score-fill-start: var(--wr-score-good-start);
    --wr-score-fill-end: var(--wr-score-good-end);
}

.wr-case-progress-fill.wr-score-warning,
.wr-case-progress-fill[style*="--wr-score-value: 65"],
.wr-case-progress-fill[style*="--wr-score-value: 66"],
.wr-case-progress-fill[style*="--wr-score-value: 67"],
.wr-case-progress-fill[style*="--wr-score-value: 68"],
.wr-case-progress-fill[style*="--wr-score-value: 69"],
.wr-case-progress-fill[style*="--wr-score-value: 7"] {
    --wr-score-fill-start: var(--wr-score-warning-start);
    --wr-score-fill-end: var(--wr-score-warning-end);
}

.wr-case-progress-fill.wr-score-risk,
.wr-case-progress-fill[style*="--wr-score-value: 0"],
.wr-case-progress-fill[style*="--wr-score-value: 1"],
.wr-case-progress-fill[style*="--wr-score-value: 2"],
.wr-case-progress-fill[style*="--wr-score-value: 3"],
.wr-case-progress-fill[style*="--wr-score-value: 4"],
.wr-case-progress-fill[style*="--wr-score-value: 5"],
.wr-case-progress-fill[style*="--wr-score-value: 60"],
.wr-case-progress-fill[style*="--wr-score-value: 61"],
.wr-case-progress-fill[style*="--wr-score-value: 62"],
.wr-case-progress-fill[style*="--wr-score-value: 63"],
.wr-case-progress-fill[style*="--wr-score-value: 64"] {
    --wr-score-fill-start: var(--wr-score-risk-start);
    --wr-score-fill-end: var(--wr-score-risk-end);
}

.wr-case-score-row:has(.wr-score-warning) strong,
.wr-case-score-row:has(.wr-case-progress-fill[style*="--wr-score-value: 65"]) strong,
.wr-case-score-row:has(.wr-case-progress-fill[style*="--wr-score-value: 66"]) strong,
.wr-case-score-row:has(.wr-case-progress-fill[style*="--wr-score-value: 67"]) strong,
.wr-case-score-row:has(.wr-case-progress-fill[style*="--wr-score-value: 68"]) strong,
.wr-case-score-row:has(.wr-case-progress-fill[style*="--wr-score-value: 69"]) strong,
.wr-case-score-row:has(.wr-case-progress-fill[style*="--wr-score-value: 7"]) strong {
    color: #92400e;
}

.wr-case-score-row:has(.wr-score-risk) strong,
.wr-case-score-row:has(.wr-case-progress-fill[style*="--wr-score-value: 0"]) strong,
.wr-case-score-row:has(.wr-case-progress-fill[style*="--wr-score-value: 1"]) strong,
.wr-case-score-row:has(.wr-case-progress-fill[style*="--wr-score-value: 2"]) strong,
.wr-case-score-row:has(.wr-case-progress-fill[style*="--wr-score-value: 3"]) strong,
.wr-case-score-row:has(.wr-case-progress-fill[style*="--wr-score-value: 4"]) strong,
.wr-case-score-row:has(.wr-case-progress-fill[style*="--wr-score-value: 5"]) strong,
.wr-case-score-row:has(.wr-case-progress-fill[style*="--wr-score-value: 60"]) strong,
.wr-case-score-row:has(.wr-case-progress-fill[style*="--wr-score-value: 61"]) strong,
.wr-case-score-row:has(.wr-case-progress-fill[style*="--wr-score-value: 62"]) strong,
.wr-case-score-row:has(.wr-case-progress-fill[style*="--wr-score-value: 63"]) strong,
.wr-case-score-row:has(.wr-case-progress-fill[style*="--wr-score-value: 64"]) strong {
    color: #a64337;
}