.wxcd {
  --wxcd-ink:#192438;
  --wxcd-muted:#687386;
  --wxcd-accent:#ed735e;
  --wxcd-line:#e8e9ed;
  max-width:1120px;
  margin:35px auto 90px;
  color:var(--wxcd-ink);
  font-family:inherit;
}
.wxcd * {box-sizing:border-box}
.wxcd-hero {max-width:780px;margin-bottom:32px}
.wxcd-eyebrow {
  display:block;
  color:var(--wxcd-accent);
  font-size:11px;
  font-weight:800;
  letter-spacing:1.6px;
  margin-bottom:12px;
}
.wxcd h1 {font-size:clamp(35px,5vw,54px);line-height:1.13;margin:0 0 16px}
.wxcd h2 {font-size:25px;margin:0 0 8px}
.wxcd h3 {font-size:20px;margin:0}
.wxcd h4 {font-size:16px;margin:0 0 16px}
.wxcd p {line-height:1.7}
.wxcd-hero p,.wxcd-panel-heading p,.wxcd-muted {color:var(--wxcd-muted)}
.wxcd-panel,.wxcd-cert-card,.wxcd-relationship {
  background:#fff;
  border:1px solid var(--wxcd-line);
  border-radius:18px;
  padding:28px;
  box-shadow:0 12px 35px rgba(20,30,50,.035);
}
.wxcd-panel-heading,.wxcd-cert-heading,.wxcd-results-heading {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  margin-bottom:22px;
}
.wxcd-limit,.wxcd-status {
  background:#fff1ec;
  color:#bc563f;
  padding:7px 12px;
  border-radius:20px;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}
.wxcd-status {background:#e9f8ef;color:#247448}
.wxcd-status-alert {background:#fff1ec;color:#b34a39}
.wxcd-label {display:block;font-weight:700;margin-bottom:10px}
#wxcd-input {
  width:100%;
  min-height:240px;
  padding:18px;
  border:1px solid #d9dce3;
  border-radius:12px;
  background:#fbfcfd;
  color:#243047;
  font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;
  resize:vertical;
}
#wxcd-input:focus {outline:2px solid #f3b4a7;border-color:var(--wxcd-accent)}
.wxcd-actions {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}
.wxcd button {
  padding:12px 20px;
  border-radius:9px;
  cursor:pointer;
  font:inherit;
  font-weight:700;
}
.wxcd button:disabled {opacity:.6;cursor:wait}
.wxcd-primary {background:var(--wxcd-accent);color:white;border:1px solid var(--wxcd-accent)}
.wxcd-secondary {background:white;color:var(--wxcd-ink);border:1px solid #d9dce3}
#wxcd-count {font-size:13px;color:var(--wxcd-muted)}
.wxcd-privacy,.wxcd-disclaimer {font-size:12px;color:var(--wxcd-muted);margin-top:20px}
.wxcd-message {padding:15px 20px;border-radius:10px;background:#e9f8ef;margin:20px 0}
.wxcd-error {background:#fff0ed;color:#a83e2d}
.wxcd-results {margin-top:45px}
.wxcd-overview {
  display:flex;
  justify-content:space-between;
  gap:15px;
  padding:20px;
  border:1px solid #f4d5cb;
  background:#fff7f4;
  border-radius:12px;
  margin-bottom:22px;
  flex-wrap:wrap;
}
.wxcd-overview span {font-size:13px;color:var(--wxcd-muted)}
.wxcd-cert-card {margin:24px 0}
.wxcd-detail {padding:24px 0;border-top:1px solid var(--wxcd-line)}
.wxcd-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.wxcd-field {min-width:0}
.wxcd-field-label {
  display:block;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.5px;
  font-weight:800;
  color:var(--wxcd-muted);
  margin-bottom:5px;
}
.wxcd-field-value {
  display:block;
  overflow-wrap:anywhere;
  font-size:14px;
  line-height:1.6;
}
.wxcd-list {padding-left:20px;margin:0}
.wxcd-list li {margin:7px 0;overflow-wrap:anywhere}
.wxcd-finding {
  display:flex;
  gap:15px;
  align-items:flex-start;
  padding:12px 15px;
  background:#fff8f4;
  border-radius:8px;
  margin:9px 0;
  font-size:13px;
}
.wxcd-finding strong {color:#b34a39;min-width:65px}
.wxcd-relationship {margin-top:24px}
.wxcd-relationship p {font-size:14px}
@media(max-width:680px) {
  .wxcd {margin:20px auto 60px}
  .wxcd-panel,.wxcd-cert-card,.wxcd-relationship {padding:19px}
  .wxcd-grid {grid-template-columns:1fr}
  .wxcd-panel-heading,.wxcd-cert-heading,.wxcd-results-heading {flex-wrap:wrap}
}
@media print {
  header,footer,nav,.wxcd-hero,.wxcd-panel,.wxcd-actions,
  #wxcd-message,#wxcd-print {display:none!important}
  .wxcd,.wxcd-results {max-width:none;margin:0}
  .wxcd-cert-card {box-shadow:none;break-inside:avoid}
  .wxcd-detail {break-inside:avoid}
}


/* WolfyxTek Certificate Decoder report */

.wxcd-report-header {
    display: none;
}

.wxcd-results-heading button[hidden] {
    display: none !important;
}

@page {
    size: A4;
    margin: 16mm;
}

@media print {

    body {
        background: #fff !important;
        color: #192438 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .wxcd-report-header {
        display: block !important;
        padding-bottom: 22px;
        margin-bottom: 24px;
        border-bottom: 2px solid #ed735e;
    }

    .wxcd-report-brand {
        font-size: 15px;
        font-weight: 900;
        letter-spacing: 2px;
        color: #ed735e;
        margin-bottom: 15px;
    }

    .wxcd-report-header h2 {
        font-size: 25px;
        margin: 0 0 20px;
        color: #192438;
    }

    .wxcd-report-meta {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px 20px;
        font-size: 11px;
    }

    .wxcd-report-meta strong {
        display: block;
        font-size: 10px;
        color: #687386;
        text-transform: uppercase;
        margin-bottom: 4px;
    }

    .wxcd-report-meta span {
        display: block;
        overflow-wrap: anywhere;
    }

    .wxcd-results-heading {
        display: none !important;
    }

    .wxcd-overview {
        border: 1px solid #ddd;
        background: #fff;
    }

    .wxcd-cert-card {
        border: 0;
        border-top: 2px solid #192438;
        border-radius: 0;
        padding: 18px 0;
        margin: 20px 0;
        box-shadow: none;
        break-inside: auto;
    }

    .wxcd-cert-heading,
    .wxcd-detail,
    .wxcd-field,
    .wxcd-finding,
    .wxcd-relationship {
        break-inside: avoid;
    }

    .wxcd-field-value,
    .wxcd-list li {
        overflow-wrap: anywhere;
    }

    .wxcd-disclaimer {
        border-top: 1px solid #ddd;
        padding-top: 12px;
        font-size: 10px;
    }
}

/* WOLFYX CERTIFICATE DECODER PAGE LAYOUT V2 */

/* Hero */

.wxcd-page-hero {
    position: relative;
    overflow: hidden;
    min-height: 590px;
    padding: 155px 6% 95px !important;
}

.wxcd-page-hero .wolfyx-hero-grid {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    align-items: center;
    gap: 65px;
    max-width: 1240px;
    margin: auto;
}

.wxcd-page-hero h1 {
    font-size: clamp(48px, 5vw, 74px);
    line-height: 1.08;
    letter-spacing: -2.5px;
}

.wxcd-page-hero .wolfyx-hero-copy {
    font-size: 18px;
    line-height: 1.8;
    margin: 25px 0;
}

.wxcd-hero-note {
    margin-top: 22px;
    font-size: 12px;
    letter-spacing: .4px;
    opacity: .75;
}

/* Hero visual */

.wxcd-hero-visual {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
}

.wxcd-visual-card {
    width: 100%;
    max-width: 410px;
    padding: 28px;
    border: 1px solid #e9dcd8;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 28px 65px rgba(29, 39, 58, .09);
    transform: rotate(-2deg);
}

.wxcd-visual-top {
    display: flex;
    align-items: center;
    gap: 9px;
    padding-bottom: 22px;
    margin-bottom: 8px;
    border-bottom: 1px solid #eee;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.4px;
    color: #687386;
}

.wxcd-visual-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #ed735e;
}

.wxcd-visual-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    padding: 17px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 13px;
}

.wxcd-visual-line span {
    font-size: 10px;
    letter-spacing: .8px;
    color: #89919f;
    font-weight: 800;
}

.wxcd-visual-line strong {
    color: #192438;
    font-weight: 700;
}

.wxcd-visual-line .wxcd-visual-valid {
    color: #25805c;
    font-size: 11px;
}

.wxcd-visual-footer {
    margin-top: 24px;
    font-size: 9px;
    letter-spacing: 1.2px;
    color: #a2a9b3;
    text-align: center;
}

/* Section introductions */

.wxcd-section-intro {
    max-width: 720px;
    margin-bottom: 35px;
}

.wxcd-section-intro h2 {
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.2;
    margin: 0 0 15px;
    letter-spacing: -1px;
}

.wxcd-section-intro p {
    color: #687386;
    font-size: 16px;
    line-height: 1.8;
}

/* Information section */

.wxcd-information {
    max-width: 1120px;
    margin: 80px auto 110px;
    padding: 0 20px;
}

.wxcd-info-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.wxcd-info-grid article {
    padding: 28px;
    border: 1px solid #e8e9ed;
    border-radius: 15px;
    background: #fff;
}

.wxcd-info-grid article > span {
    display: block;
    color: #ed735e;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 22px;
}

.wxcd-info-grid h3 {
    font-size: 20px;
    margin-bottom: 12px;
}

.wxcd-info-grid p {
    color: #687386;
    font-size: 14px;
    line-height: 1.8;
}

/* Bottom CTA */

.wxcd-bottom-cta {
    padding: 80px 25px !important;
    text-align: center;
}

.wxcd-cta-inner {
    max-width: 760px;
    margin: auto;
}

.wxcd-bottom-cta h2 {
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.2;
    margin: 15px 0 20px;
}

.wxcd-bottom-cta p {
    max-width: 610px;
    margin: 0 auto 28px;
    line-height: 1.8;
}

.wxcd-bottom-cta .wp-block-buttons {
    display: flex;
    justify-content: center;
}

/* Responsive */

@media (max-width: 850px) {

    .wxcd-page-hero .wolfyx-hero-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .wxcd-page-hero {
        padding: 135px 25px 65px !important;
    }

    .wxcd-hero-visual {
        justify-content: flex-start;
    }

    .wxcd-visual-card {
        transform: none;
    }

    .wxcd-info-grid {
        grid-template-columns: 1fr;
    }
}

/* Keep marketing sections out of PDF reports */

@media print {

    .wxcd-page-hero,
    .wxcd-information,
    .wxcd-bottom-cta,
    .wxcd-section-intro,
    .wxcd-hero-visual {
        display: none !important;
    }

}


/* Center the input card, matching TLS Analyzer */

.wxcd {
    max-width: 900px;
    margin: 100px auto 85px;
    padding: 0 20px;
}

.wxcd-section-intro {
    text-align: center;
    margin: 0 auto 35px;
}

.wxcd-panel {
    padding: 42px;
    border-radius: 19px;
    box-shadow: 0 12px 45px rgba(20,30,50,.045);
}

.wxcd-panel-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
}

.wxcd-panel-heading h2 {
    font-size: 28px;
    letter-spacing: -.8px;
}

.wxcd-panel-heading p {
    max-width: 600px;
    margin: 0 auto;
}

.wxcd-limit {
    margin-top: 8px;
}

@media (max-width: 680px) {
    .wxcd-standard-hero {
        padding: 65px 20px 55px;
    }

    .wxcd-standard-hero h1 {
        letter-spacing: -1.5px;
    }

    .wxcd {
        margin-top: 55px;
    }

    .wxcd-panel {
        padding: 24px 18px;
    }
}

/* Do not print the marketing hero */

@media print {
    .wxcd-standard-hero {
        display: none !important;
    }
}



/* =========================================================
   WOLFYXTEK STANDARD TOOL HERO
   Matches TLS Analyzer / CSR Inspector
   ========================================================= */

body .wxcd-standard-hero {
    position: relative !important;

    left: 50% !important;
    width: 100vw !important;
    max-width: none !important;

    margin: 0 0 0 -50vw !important;

    padding: 76px 30px 62px !important;

    min-height: 0 !important;
    height: auto !important;

    box-sizing: border-box !important;
    text-align: center !important;

    display: block !important;

    background:
        radial-gradient(
            circle at 18% 15%,
            rgba(255,152,56,.14),
            transparent 30%
        ),
        radial-gradient(
            circle at 82% 75%,
            rgba(245,54,80,.09),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #fffaf7 0%,
            #fff 52%,
            #fff7f6 100%
        ) !important;

    border-bottom: 1px solid #f1ece9 !important;
}

/* Inner content */

body .wxcd-standard-hero .wxcd-standard-hero-inner {
    width: 100% !important;
    max-width: 1000px !important;

    margin: 0 auto !important;
    padding: 0 !important;
}

/* Eyebrow */

body .wxcd-standard-hero .wxcd-standard-eyebrow {
    display: block !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 0 15px !important;
    padding: 0 !important;

    color: #ff4f3d !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;

    text-align: center !important;
}

/* Main title — single line on desktop */

body .wxcd-standard-hero h1.wxcd-title {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 0 17px !important;
    padding: 0 !important;

    color: #111827 !important;

    font-size: clamp(50px,4.2vw,68px) !important;
    font-weight: 800 !important;
    line-height: 1.03 !important;
    letter-spacing: -.045em !important;

    text-align: center !important;
    white-space: nowrap !important;
}

/* Gradient word */

body .wxcd-standard-hero h1.wxcd-title span {
    display: inline !important;

    background:
        linear-gradient(
            90deg,
            #ff9838,
            #ff6540 48%,
            #f53650
        ) !important;

    -webkit-background-clip: text !important;
    background-clip: text !important;

    color: transparent !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

/* Description */

body .wxcd-standard-hero p {
    width: 100% !important;
    max-width: 730px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    color: #667085 !important;
    font-size: 17px !important;
    line-height: 1.65 !important;

    text-align: center !important;
}

/* Hide the redundant introduction above the input */

body .wxcd > .wxcd-section-intro {
    display: none !important;
}

/* Standard input-card spacing */

body .wxcd {
    margin-top: 100px !important;
}

/* Mobile */

@media (max-width: 700px) {

    body .wxcd-standard-hero {
        padding: 52px 20px 48px !important;
    }

    body .wxcd-standard-hero h1.wxcd-title {
        font-size: clamp(34px,8vw,46px) !important;
        white-space: normal !important;
        letter-spacing: -.04em !important;
    }

    body .wxcd-standard-hero p {
        font-size: 15px !important;
    }

    body .wxcd {
        margin-top: 55px !important;
    }
}

/* Exclude hero from PDF reports */

@media print {
    body .wxcd-standard-hero {
        display: none !important;
    }
}


/* =========================================================
   CERTIFICATE DECODER — INPUT PANEL ALIGNMENT V5
   ========================================================= */

/* Reduce excessive spacing between hero and input card */

body .wxcd {
    margin-top: 65px !important;
    margin-bottom: 80px !important;
}

/* Match TLS Analyzer card proportions */

body .wxcd .wxcd-panel {
    padding: 38px 42px !important;
    border-radius: 18px !important;
}

/* Align action buttons consistently */

body .wxcd .wxcd-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 22px !important;
}

/* Shared button dimensions */

body .wxcd .wxcd-actions button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 0 !important;
    height: 48px !important;
    min-height: 48px !important;

    padding: 0 22px !important;
    margin: 0 !important;

    border-radius: 10px !important;

    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    white-space: nowrap !important;
    cursor: pointer;
}

/* Primary — WolfyxTek gradient */

body .wxcd .wxcd-actions .wxcd-primary {
    color: #fff !important;

    background: linear-gradient(
        90deg,
        #ff9838 0%,
        #ff6540 48%,
        #f53650 100%
    ) !important;

    border: 0 !important;

    box-shadow: 0 6px 16px rgba(245,54,80,.15) !important;
}

/* Secondary — Clear */

body .wxcd .wxcd-actions .wxcd-secondary {
    color: #344054 !important;
    background: #fff !important;

    border: 1px solid #d0d5dd !important;
    box-shadow: none !important;
}

/* Certificate counter */

body .wxcd #wxcd-count {
    margin-left: 5px !important;
    color: #667085 !important;
    font-size: 12px !important;
    white-space: nowrap;
}

/* Hover behavior */

body .wxcd .wxcd-actions .wxcd-primary:hover {
    filter: brightness(.97);
    transform: translateY(-1px);
}

body .wxcd .wxcd-actions .wxcd-secondary:hover {
    background: #f9fafb !important;
}

/* Mobile */

@media (max-width: 680px) {

    body .wxcd {
        margin-top: 35px !important;
    }

    body .wxcd .wxcd-panel {
        padding: 25px 20px !important;
    }

    body .wxcd .wxcd-actions {
        gap: 10px !important;
    }

    body .wxcd .wxcd-actions button {
        height: 46px !important;
        min-height: 46px !important;
        padding: 0 15px !important;
        font-size: 12px !important;
    }

    body .wxcd #wxcd-count {
        flex-basis: 100%;
        margin-left: 0 !important;
    }
}


/* Reduce hero-to-input spacing */
@media screen and (min-width: 681px) {
    body .wxcd {
        margin-top: 30px !important;
    }
}

@media screen and (max-width: 680px) {
    body .wxcd {
        margin-top: 20px !important;
    }
}


/* Certificate Decoder — 30px gap before How It Works */
@media screen {
    body .wxcd-information {
        margin-top: 30px !important;
    }
}


/* =========================================================
   CERTIFICATE DECODER — HOW IT WORKS
   Match TLS Analyzer horizontal information panel
   ========================================================= */

@media screen {

    body .wxcd-information {
        max-width: 1160px !important;
        margin: 30px auto 65px !important;
        padding: 0 20px !important;
    }

    /* Single shared container */

    body .wxcd-info-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 32px !important;

        padding: 38px 40px !important;

        background: linear-gradient(
            110deg,
            #ffffff 0%,
            #fffaf8 100%
        ) !important;

        border: 1px solid #e9e6e9 !important;
        border-radius: 19px !important;
    }

    /* Remove individual card appearance */

    body .wxcd-info-grid article {
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    /* Step number */

    body .wxcd-info-grid article > span {
        display: block !important;
        margin: 0 0 12px !important;

        color: #e84c38 !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        letter-spacing: .5px !important;
    }

    /* Column headings */

    body .wxcd-info-grid h3 {
        margin: 0 0 6px !important;

        color: #19202d !important;
        font-size: 16px !important;
        font-weight: 800 !important;
        line-height: 1.35 !important;
    }

    /* Descriptions */

    body .wxcd-info-grid p {
        margin: 0 !important;

        color: #596579 !important;
        font-size: 12px !important;
        line-height: 1.55 !important;
    }

}

/* Responsive */

@media screen and (max-width: 700px) {

    body .wxcd-info-grid {
        grid-template-columns: 1fr !important;
        gap: 25px !important;
        padding: 28px 25px !important;
    }

}


/* =========================================================
   CERTIFICATE DECODER — COMPACT INFORMATION / FOOTER V6
   ========================================================= */

@media screen {

    /* Eliminate accumulated margins from previous layout rules */

    body .wxcd {
        margin-bottom: 0 !important;
    }

    /* Match TLS Analyzer's compact information section */

    body .wxcd-information {
        max-width: 1160px !important;
        margin: 30px auto 30px !important;
        padding: 0 20px !important;
    }

    /* Remove redundant heading above the information panel */

    body .wxcd-information > .wxcd-section-intro {
        display: none !important;
    }

    /* Compact horizontal panel */

    body .wxcd-info-grid {
        padding: 30px 40px !important;
        gap: 32px !important;
        margin: 0 !important;
    }

    body .wxcd-info-grid article > span {
        margin-bottom: 9px !important;
    }

    body .wxcd-info-grid h3 {
        margin-bottom: 5px !important;
    }

    /* Bring the bottom CTA directly after the information panel */

    body .wxcd-bottom-cta {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

}

/* Mobile */

@media screen and (max-width: 700px) {

    body .wxcd-information {
        margin: 25px auto !important;
    }

    body .wxcd-info-grid {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
        padding: 26px 24px !important;
    }

}


/* =====================================================
   CERTIFICATE DECODER — REMOVE GUTENBERG SECTION GAP
   ===================================================== */

@media screen {

    /* Remove the theme's default block spacing */
    body .entry-content > .wxcd,
    body .wp-block-post-content > .wxcd,
    body .wxcd {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Target the section immediately following the decoder */
    body .wxcd + .wxcd-information,
    body .wp-block-html:has(.wxcd) + .wp-block-html .wxcd-information,
    body .wxcd-information {
        margin-top: 20px !important;
    }

    /* Remove Gutenberg's default block gap between sections */
    body .is-layout-flow > .wxcd-information,
    body .is-layout-constrained > .wxcd-information {
        margin-block-start: 20px !important;
    }

    /* Prevent additional top spacing on the information grid */
    body .wxcd-information .wxcd-info-grid {
        margin-top: 0 !important;
    }

}


/* =========================================================
   CERTIFICATE DECODER — GUTENBERG BLOCK SPACING FIX
   ========================================================= */

@media screen {

    /* Override WordPress layout margins on these direct blocks */

    body .wp-block-post-content > .wxcd-information {
        margin-block-start: 20px !important;
        margin-top: 20px !important;
        margin-bottom: 0 !important;
    }

    body .wp-block-post-content > .wxcd-bottom-cta {
        margin-block-start: 20px !important;
        margin-top: 20px !important;
        margin-bottom: 0 !important;
    }

    /* Remove additional spacing introduced by adjacent blocks */

    body .wp-block-post-content > .wxcd + .wxcd-information {
        margin-block-start: 20px !important;
    }

    body .wp-block-post-content > .wxcd-information + .wxcd-bottom-cta {
        margin-block-start: 20px !important;
    }

}


/* Certificate Decoder — hide Gutenberg-generated separator paragraphs */

@media screen {

    body .wp-block-post-content:has(#wolfyx-certificate-decoder)
    > p:has(+ .wxcd-information),

    body .wp-block-post-content:has(#wolfyx-certificate-decoder)
    > p:has(+ .wxcd-bottom-cta),

    body .wp-block-post-content:has(#wolfyx-certificate-decoder)
    > p:has(+ .wxcd) {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body .wp-block-post-content:has(#wolfyx-certificate-decoder)
    > .wxcd-information,

    body .wp-block-post-content:has(#wolfyx-certificate-decoder)
    > .wxcd-bottom-cta {
        margin-block-start: 20px !important;
    }

}


/* =========================================================
   CERTIFICATE DECODER — FINAL CTA LAYOUT
   ========================================================= */

@media screen {

    body .wp-block-post-content > section.wxcd-bottom-cta {
        position: relative !important;
        left: 50% !important;
        width: 100vw !important;
        max-width: none !important;
        margin-left: -50vw !important;
        margin-right: 0 !important;
        margin-block-start: 20px !important;

        padding: 38px 24px 40px !important;
        box-sizing: border-box !important;
        text-align: center !important;

        background:
            linear-gradient(
                110deg,
                #fff7ef 0%,
                #fffaf8 52%,
                #fff1f3 100%
            ) !important;

        border-top: 1px solid #f2e8e5 !important;
        border-bottom: 1px solid #f2e8e5 !important;
    }

    body .wxcd-bottom-cta .wxcd-cta-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        max-width: 900px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        text-align: center !important;
    }

    body .wxcd-bottom-cta .wxcd-eyebrow {
        display: block !important;
        margin: 0 0 10px !important;
        color: #ed6654 !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        letter-spacing: 2px !important;
    }

    body .wxcd-bottom-cta h2 {
        width: 100% !important;
        max-width: none !important;
        margin: 0 0 10px !important;

        color: #172033 !important;
        font-size: clamp(28px, 3vw, 38px) !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
        letter-spacing: -1.2px !important;
        text-align: center !important;
    }

    body .wxcd-bottom-cta p {
        width: 100% !important;
        max-width: 760px !important;
        margin: 0 auto 20px !important;

        color: #667085 !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
        text-align: center !important;
    }

    /* Force Gutenberg button wrapper to center */

    body .wxcd-bottom-cta .wp-block-buttons {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        max-width: none !important;
        margin: 0 auto !important;
        padding: 0 !important;
        gap: 0 !important;
    }

    body .wxcd-bottom-cta .wp-block-button {
        display: flex !important;
        justify-content: center !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body .wxcd-bottom-cta .wp-block-button__link {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        min-width: 205px !important;
        min-height: 44px !important;
        padding: 11px 22px !important;

        border: none !important;
        border-radius: 10px !important;

        background: linear-gradient(
            110deg,#ff994b,#f45262
        ) !important;

        color: #fff !important;
        font-size: 13px !important;
        font-weight: 750 !important;
        line-height: 1.4 !important;
        text-align: center !important;
        text-decoration: none !important;
        box-shadow: none !important;
    }
}

@media screen and (max-width:680px) {

    body .wp-block-post-content > section.wxcd-bottom-cta {
        padding: 32px 20px 35px !important;
    }

    body .wxcd-bottom-cta h2 {
        font-size: 29px !important;
    }

    body .wxcd-bottom-cta p {
        font-size: 14px !important;
    }
}

/* Certificate Decoder — force CTA button centering */

@media screen {

    body .wxcd-bottom-cta .wxcd-cta-inner > .wp-block-buttons {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        justify-content: center !important;
        align-items: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body .wxcd-bottom-cta .wp-block-buttons > .wp-block-button {
        position: relative !important;
        float: none !important;
        flex: 0 0 auto !important;
        margin: 0 auto !important;
        transform: none !important;
    }

    body .wxcd-bottom-cta .wp-block-button__link {
        margin: 0 auto !important;
    }
}



/* WOLFYXTEK CERTIFICATE DECODER RESULTS DASHBOARD V1 */

@media screen {

  body .wxcd-results {
    width: 100%;
    margin-top: 35px;
  }

  body .wxcd-overview {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding: 0;
    margin: 22px 0 12px;
    background: transparent;
    border: 0;
    border-radius: 0;
  }

  body .wxcd-metric {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    min-width: 0;
    min-height: 155px;
    padding: 20px;
    background: #fff;
    border: 1px solid #e1e5ee;
    border-radius: 16px;
  }

  body .wxcd-metric-label {
    color: #ed6654;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .8px;
  }

  body .wxcd-metric-value {
    color: #192438;
    font-size: clamp(20px, 2vw, 27px);
    font-weight: 800;
    line-height: 1.2;
    overflow-wrap: anywhere;
  }

  body .wxcd-metric-sub {
    color: #8993a5;
    font-size: 12px;
  }

  body .wxcd-overview-note {
    margin: 0 0 25px;
    color: #8993a5;
    font-size: 12px;
  }

  body .wxcd-cert-card {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 0;
    margin: 28px 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  body .wxcd-cert-heading {
    grid-column: 1 / -1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin-bottom: 8px;
    padding: 0 0 18px;
    border-bottom: 1px solid #e1e5ee;
  }

  body .wxcd-detail {
    min-width: 0;
    margin: 0;
    padding: 23px 22px;
    background: #fff;
    border: 1px solid #e1e5ee;
    border-radius: 16px;
  }

  body .wxcd-detail h4 {
    margin: 0 0 20px;
    color: #192438;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: -.35px;
  }

  body .wxcd-detail .wxcd-grid {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  body .wxcd-detail .wxcd-field {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    padding: 11px 0;
    border-bottom: 1px solid #edf0f4;
  }

  body .wxcd-detail .wxcd-field:last-child {
    border-bottom: 0;
  }

  body .wxcd-detail .wxcd-field-label {
    flex: 0 0 39%;
    margin: 0;
    color: #667085;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.6;
    text-transform: none;
  }

  body .wxcd-detail .wxcd-field-value {
    flex: 1;
    min-width: 0;
    color: #263248;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.6;
    text-align: right;
    overflow-wrap: anywhere;
  }

  body .wxcd-detail .wxcd-list {
    margin: 0;
    padding-left: 18px;
    font-size: 13px;
    line-height: 1.65;
  }

  body .wxcd-findings {
    grid-column: 1 / -1;
  }

  body .wxcd-relationship {
    margin-top: 15px;
    padding: 23px;
    background: #fff;
    border: 1px solid #e1e5ee;
    border-radius: 16px;
  }
}

@media screen and (max-width: 850px) {
  body .wxcd-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body .wxcd-cert-card {
    grid-template-columns: 1fr;
  }

  body .wxcd-findings {
    grid-column: auto;
  }
}

@media screen and (max-width: 480px) {
  body .wxcd-metric {
    min-height: 125px;
    padding: 15px;
  }

  body .wxcd-detail {
    padding: 18px 15px;
  }

  body .wxcd-detail .wxcd-field {
    flex-direction: column;
    gap: 3px;
  }

  body .wxcd-detail .wxcd-field-label {
    flex: none;
  }

  body .wxcd-detail .wxcd-field-value {
    text-align: left;
  }
}

@media print {
  .wxcd-overview {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 0 !important;
    background: #fff !important;
    border: 0 !important;
  }

  .wxcd-metric {
    padding: 10px !important;
    border: 1px solid #ddd !important;
  }

  .wxcd-metric-label,
  .wxcd-metric-sub {
    display: block;
    font-size: 9px;
  }

  .wxcd-metric-value {
    display: block;
    font-size: 17px;
    margin: 8px 0;
  }

  .wxcd-cert-card {
    display: block !important;
  }

  .wxcd-detail {
    padding: 12px 0 !important;
    break-inside: avoid;
  }

  .wxcd-overview-note {
    font-size: 10px;
  }
}


/* CERTIFICATE DECODER — TLS ANALYZER VISUAL MATCH V1 */

@media screen {

  /* Summary cards */

  body .wxcd-metric {
    min-height: 0 !important;
    padding: 20px 20px 18px !important;
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 15px !important;
    justify-content: flex-start !important;
  }

  body .wxcd-metric-label {
    margin-bottom: 14px !important;
    color: #f4513e !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
  }

  body .wxcd-metric-value {
    margin: 0 0 8px !important;
    color: #111827 !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
  }

  body .wxcd-metric-sub {
    color: #98a2b3 !important;
    font-size: 12px !important;
  }

  /* Technical cards */

  body .wxcd-cert-card > .wxcd-detail {
    padding: 22px !important;
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 16px !important;
    box-shadow: none !important;
  }

  /* TLS Analyzer numbered headings */

  body .wxcd-detail-title {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    margin: 0 0 14px !important;
  }

  body .wxcd-section-number {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 30px !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 9px !important;
    background: #fff3ef !important;
    color: #f4513e !important;
    font-size: 9px !important;
    font-weight: 800 !important;
  }

  body .wxcd-detail-title h4 {
    margin: 0 !important;
    padding: 0 !important;
    color: #111827 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
  }

  /* Match TLS Analyzer data rows */

  body .wxcd-detail .wxcd-field {
    gap: 12px !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #edf0f4 !important;
  }

  body .wxcd-detail .wxcd-field-label {
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  body .wxcd-detail .wxcd-field-value {
    color: #344054 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  body .wxcd-detail .wxcd-field:last-child {
    border-bottom: 0 !important;
  }

}

@media screen and (max-width: 680px) {

  body .wxcd-cert-card > .wxcd-detail {
    padding: 18px !important;
  }

  body .wxcd-detail .wxcd-field {
    flex-direction: column !important;
    gap: 4px !important;
  }

  body .wxcd-detail .wxcd-field-label,
  body .wxcd-detail .wxcd-field-value {
    flex: none !important;
    width: 100% !important;
    text-align: left !important;
  }
}



/* CERTIFICATE DECODER — TLS PRINT BUTTON MATCH */

@media screen {
/* Screen button */
body .wxcd-results-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

body #wxcd-print {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 38px !important;
    padding: 9px 16px !important;
    background: linear-gradient(135deg, #f36b4f 0%, #ef4f55 100%) !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    min-height: 38px;
    padding: 9px 16px;

    border: 0;
    border-radius: 10px;

    background: linear-gradient(135deg, #f36b4f 0%, #ef4f55 100%);
    color: #ffffff;

    font-size: 12px;
    font-weight: 700;
    line-height: 1;

    cursor: pointer;
    box-shadow: 0 5px 14px rgba(239, 79, 85, 0.18);

    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        filter 0.18s ease;
}

body #wxcd-print::before {
    content: "";
    width: 15px;
    height: 15px;
    flex: 0 0 15px;

    background-color: currentColor;

    -webkit-mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V2h9l3 3v4'/%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'/%3E%3Crect x='6' y='14' width='12' height='8'/%3E%3C/svg%3E")
        center / contain no-repeat;

    mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V2h9l3 3v4'/%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'/%3E%3Crect x='6' y='14' width='12' height='8'/%3E%3C/svg%3E")
        center / contain no-repeat;
}

body #wxcd-print:hover {
    transform: translateY(-1px);
    box-shadow: 0 7px 18px rgba(239, 79, 85, 0.25);
    filter: brightness(1.03);
}

body #wxcd-print:active {
    transform: translateY(0);
    box-shadow: 0 3px 9px rgba(239, 79, 85, 0.18);
}

body #wxcd-print:focus-visible {
    outline: 3px solid rgba(243, 107, 79, 0.22);
    outline-offset: 3px;
}


}

/* =========================================================
   CERTIFICATE DECODER — PRINT VISIBILITY FIX
   ========================================================= */

@media print {

    /* Restore visibility inherited from the WordPress theme */

    html body .wp-site-blocks,
    html body main:has(#wolfyx-certificate-decoder),
    html body .wp-block-post-content:has(#wolfyx-certificate-decoder),
    html body #wolfyx-certificate-decoder,
    html body #wxcd-results,
    html body #wxcd-results * {
        visibility: visible !important;
    }

    /* Show only the certificate report within the decoder */

    html body #wolfyx-certificate-decoder > :not(#wxcd-results) {
        display: none !important;
    }

    html body #wxcd-results {
        display: block !important;
        position: static !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    /* Restore the printable report header */

    html body #wxcd-results .wxcd-report-header {
        display: block !important;
    }

    /* Keep the interactive print button out of the PDF */

    html body #wxcd-print {
        display: none !important;
    }

    /* Avoid clipping certificate sections */

    html body #wxcd-results .wxcd-cert-card {
        overflow: visible !important;
        break-inside: auto !important;
    }

    html body #wxcd-results .wxcd-detail {
        break-inside: avoid;
    }
}

/* =========================================================
   CERTIFICATE DECODER — RESULTS HEADER ALIGNMENT
   ========================================================= */

@media screen {

    body .wxcd-results-heading {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 16px !important;

        width: 100% !important;
        max-width: none !important;
        margin: 0 0 24px !important;
        padding: 0 !important;
    }

    body .wxcd-results-heading > div:first-child {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        text-align: left !important;
    }

    body #wxcd-print {
        flex: 0 0 auto !important;
        margin: 0 !important;
    }
}

@media screen and (max-width: 680px) {

    body .wxcd-results-heading {
        flex-wrap: wrap !important;
        align-items: flex-start !important;
    }
}