/* Consolidated /compare/ styles — v200 */

/* === v176 recovery (509) === */

/* push_recover_new_snippet — film-grain, sticky bar, empty state, CTA underline */

.pz-compare__empty{
    text-align: center;
    padding: 88px 24px 96px;
    max-width: 640px;
    margin: 0 auto;
    position: relative;
}
.pz-compare__empty-rose{
    width: 96px;
    height: 96px;
    margin: 0 auto 36px;
    border: 1px solid rgba(201, 165, 117, 0.48);
    border-radius: 50%;
    position: relative;
    background-image:
        linear-gradient(to right, transparent calc(50% - 0.5px), rgba(201, 165, 117, 0.36) calc(50% - 0.5px), rgba(201, 165, 117, 0.36) calc(50% + 0.5px), transparent calc(50% + 0.5px)),
        linear-gradient(to bottom, transparent calc(50% - 0.5px), rgba(201, 165, 117, 0.36) calc(50% - 0.5px), rgba(201, 165, 117, 0.36) calc(50% + 0.5px), transparent calc(50% + 0.5px));
}
.pz-compare__empty-rose::before,
.pz-compare__empty-rose::after{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 1px solid rgba(201, 165, 117, 0.22);
    transform: scale(0.62);
}
.pz-compare__empty-rose::after{ transform: scale(0.28); border-color: rgba(201, 165, 117, 0.6); }
.pz-compare__empty-title{
    font-family: "Fraunces", "Cormorant Garamond", Georgia, serif;
    font-weight: 400;
    font-size: clamp(2rem, 3.2vw, 2.85rem);
    line-height: 1.12;
    letter-spacing: -0.012em;
    color: #1a1a1a;
    margin: 0 0 18px;
    font-style: italic;
}
.pz-compare__empty-lede{
    font-family: "Inter", "Helvetica Neue", sans-serif;
    font-size: 1.0rem;
    line-height: 1.65;
    color: #4a4a4a;
    margin: 0 auto 28px;
    max-width: 520px;
}
.pz-compare__empty-sign{
    font-family: "Fraunces", Georgia, serif;
    font-style: italic;
    font-size: 0.92rem;
    color: #8a7a5a;
    letter-spacing: 0.02em;
    margin: 0;
}
.pz-cmp-row--diff{ background: transparent !important; }
.pz-cmp-row--diff .pz-cmp-rowlbl{ position: relative; }
.pz-cmp-row--diff .pz-cmp-rowlbl::before{
    content: "";
    position: absolute;
    left: -14px;
    top: 50%;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #c9a575;
    transform: translateY(-50%);
    box-shadow: 0 0 0 2px rgba(201, 165, 117, 0.18);
}
.pz-cmp-hero:not(.pz-cmp-hero--noimg)::after{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.07;
    mix-blend-mode: overlay;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='180' height='180' filter='url(%23n)' opacity='0.6'/></svg>");
    background-size: 180px 180px;
}
.pz-cmp-cta{ position: relative; overflow: visible; }
.pz-cmp-cta::after{
    content: "";
    position: absolute;
    left: 28px;
    right: 28px;
    bottom: 12px;
    height: 1px;
    background: rgba(201, 165, 117, 0.9);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 720ms cubic-bezier(0.16, 1, 0.3, 1);
}
.pz-cmp-cta:hover::after,
.pz-cmp-cta:focus-visible::after{ transform: scaleX(1); }
.pz-cmp-cta__arrow{ transition: transform 480ms cubic-bezier(0.16, 1, 0.3, 1); }
.pz-cmp-cta:hover .pz-cmp-cta__arrow{ transform: translateX(4px); }
.pz-compare__stickybar{
    position: fixed;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%) translateY(120%);
    z-index: 9999;
    display: inline-flex;
    align-items: center;
    gap: 16px;
    padding: 12px 16px 12px 22px;
    background: rgba(20, 18, 14, 0.96);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    color: #f7f2e8;
    border: 1px solid rgba(201, 165, 117, 0.28);
    border-radius: 999px;
    box-shadow: 0 28px 60px -20px rgba(0, 0, 0, 0.55);
    opacity: 0;
    pointer-events: none;
    transition: transform 520ms cubic-bezier(0.16, 1, 0.3, 1), opacity 320ms ease;
    font-family: "Inter", "Helvetica Neue", sans-serif;
    font-size: 0.86rem;
}
.pz-compare__stickybar.is-visible{
    transform: translateX(-50%) translateY(0);
    opacity: 1;
    pointer-events: auto;
}
.pz-compare__stickybar-pair{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    letter-spacing: 0.01em;
}
.pz-compare__stickybar-vs{
    font-family: "Fraunces", Georgia, serif;
    font-style: italic;
    font-weight: 400;
    color: rgba(201, 165, 117, 0.9);
    font-size: 0.92rem;
    letter-spacing: 0.02em;
}
.pz-compare__stickybar-top{
    border: 1px solid rgba(201, 165, 117, 0.45);
    background: transparent;
    color: #f7f2e8;
    padding: 6px 12px;
    border-radius: 999px;
    font-family: "Inter", sans-serif;
    font-size: 0.78rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: background 240ms ease, border-color 240ms ease;
}
.pz-compare__stickybar-top:hover{
    background: rgba(201, 165, 117, 0.18);
    border-color: rgba(201, 165, 117, 0.75);
}
.pz-cmp-col{
    transition: transform 520ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 520ms cubic-bezier(0.16, 1, 0.3, 1);
}
.pz-cmp-col:hover{
    transform: translateY(-3px);
    box-shadow: 0 28px 60px -28px rgba(40, 30, 10, 0.22);
}
.pz-compare__search:focus-visible,
.pz-compare__stickybar-top:focus-visible,
.pz-compare__quickpick:focus-visible,
.pz-cmp-cta:focus-visible{
    outline: 2px solid #c9a575;
    outline-offset: 3px;
}
.pz-compare__option{
    position: relative;
    transition: background 200ms ease, padding-left 240ms cubic-bezier(0.16, 1, 0.3, 1);
}
.pz-compare__option:hover:not(.is-disabled),
.pz-compare__option.is-active:not(.is-disabled){
    padding-left: 22px;
}
.pz-compare__option:hover:not(.is-disabled)::before,
.pz-compare__option.is-active:not(.is-disabled)::before{
    content: "";
    position: absolute;
    left: 12px;
    top: 50%;
    width: 5px;
    height: 1px;
    background: #c9a575;
    transform: translateY(-50%);
}
@media print{
    .pz-compare__controls,
    .pz-compare__quickpicks,
    .pz-compare__share,
    .pz-compare__sugg,
    .pz-cmp-cta,
    .pz-compare__stickybar,
    .site-header,
    .site-footer,
    #masthead,
    #colophon,
    header,
    footer{ display: none !important; }
    .pz-compare__verdict{
        background: #fff !important;
        border: 1px solid #ddd !important;
        box-shadow: none !important;
    }
    .pz-cmp-col{
        box-shadow: none !important;
        border: 1px solid #ddd !important;
        page-break-inside: avoid;
    }
    .pz-cmp-hero{ max-height: 220px; }
    body{ background: #fff !important; }
    .pz-compare__intro{ margin-bottom: 24px !important; }
    *{ color: #1a1a1a !important; }
    .pz-cmp-month.is-on{ background: #1a1a1a !important; color: #fff !important; }
    .pz-cmp-month{ background: #f0f0f0 !important; }
}
@media (max-width: 720px){
    .pz-compare__empty{ padding: 64px 20px 72px; }
    .pz-compare__empty-rose{ width: 76px; height: 76px; margin-bottom: 28px; }
    .pz-compare__stickybar{
        left: 12px; right: 12px; transform: translateY(120%);
        bottom: 12px; padding: 10px 14px; gap: 10px;
    }
    .pz-compare__stickybar.is-visible{ transform: translateY(0); }
    .pz-compare__stickybar-pair{ font-size: 0.78rem; gap: 8px; }
}


/* === v177 correct (510) === */

/* ============================================================
   push_correct.py — TARGETING THE REAL CLASS NAMES
   ============================================================ */

/* ----- 1. HIDE stray Cinque Terre hero figure on /compare/ only ----- */
body.page-id-3724 .pz-page-hero,
body.page-id-3724 figure.pz-page-hero{
    display: none !important;
}

/* ----- 2. KICKER above the REAL title (.pz-page-h1) ----- */
body.page-id-3724 .pz-page-h1{
    position: relative;
    font-family: "Fraunces", "Cormorant Garamond", Georgia, serif !important;
    font-weight: 400 !important;
    font-size: clamp(2.6rem, 5.2vw, 4.4rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.018em !important;
    color: #0e0d0b !important;
    margin: 0 0 14px !important;
    text-align: left !important;
    max-width: 1100px;
    padding-top: 56px;
}
body.page-id-3724 .pz-page-h1::before{
    content: "EDITORIAL · COMPARE";
    display: block;
    font-family: "Inter", "Helvetica Neue", sans-serif;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.34em;
    color: #c9a575;
    margin: 0 0 22px;
    text-transform: uppercase;
}

/* ----- 3. KILL any kicker on .pz-compare__intro (older rule wars) ----- */
body.page-id-3724 .pz-compare__intro::before{
    content: none !important;
    display: none !important;
}
body.page-id-3724 .pz-compare__intro{
    font-family: "Fraunces", "Cormorant Garamond", Georgia, serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: clamp(1.1rem, 1.6vw, 1.32rem) !important;
    line-height: 1.5 !important;
    color: #4a4538 !important;
    margin: 0 0 56px !important;
    max-width: 720px;
    letter-spacing: -0.005em;
}

/* ----- 4. SUGGESTED-CMP — proper editorial index ----- */
body.page-id-3724 aside.pz-suggested-cmp,
body.page-id-3724 .pz-suggested-cmp{
    position: static !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 1100px !important;
    margin: 96px 0 0 !important;
    padding: 64px 0 0 !important;
    border-top: 1px solid #e6decb !important;
    display: block !important;
}
body.page-id-3724 .pz-suggested-cmp__title{
    font-family: "Fraunces", "Cormorant Garamond", Georgia, serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: clamp(1.5rem, 2.2vw, 2rem) !important;
    color: #1a1a1a !important;
    margin: 0 0 36px !important;
    letter-spacing: -0.008em !important;
    text-transform: none !important;
    text-align: left !important;
}
body.page-id-3724 .pz-suggested-cmp__list{
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
    gap: 8px 36px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.page-id-3724 .pz-suggested-cmp__list li{
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.page-id-3724 .pz-suggested-cmp__list a{
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 8px 0 !important;
    font-family: "Inter", sans-serif !important;
    font-size: 0.98rem !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    border-bottom: 1px solid transparent;
    transition: color 280ms ease, border-color 280ms ease;
    letter-spacing: -0.005em !important;
}
body.page-id-3724 .pz-suggested-cmp__list a::before{
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #c9a575;
    flex-shrink: 0;
}
body.page-id-3724 .pz-suggested-cmp__list a:hover{
    color: #c9a575 !important;
    border-bottom-color: rgba(201, 165, 117, 0.5);
}
body.page-id-3724 .pz-suggested-cmp__list a em,
body.page-id-3724 .pz-suggested-cmp__list em{
    font-family: "Fraunces", Georgia, serif !important;
    font-style: italic !important;
    color: #8a7a5a !important;
    font-weight: 400 !important;
    font-size: 0.92rem;
    text-transform: lowercase;
    padding: 0 4px;
}

/* ----- 5. SELECTORS wrap (.pz-compare__selectors — the REAL class) ----- */
body.page-id-3724 .pz-compare__selectors{
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    gap: 28px !important;
    align-items: end !important;
    max-width: 1100px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
}
@media (max-width: 720px){
    body.page-id-3724 .pz-compare__selectors{
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}
body.page-id-3724 .pz-compare__select{
    display: flex !important;
    flex-direction: column;
    gap: 10px !important;
    min-width: 0;
}
body.page-id-3724 .pz-compare__lbl{
    font-family: "Fraunces", Georgia, serif !important;
    font-style: italic !important;
    font-size: 0.92rem !important;
    color: #6a6253 !important;
    letter-spacing: 0 !important;
    font-weight: 400 !important;
    text-transform: none !important;
    margin: 0 !important;
}

/* Hide the native select once combobox is built (it sets data-replaced) */
body.page-id-3724 .pz-compare__dropdown[data-replaced]{
    display: none !important;
}

/* ----- 6. The pz-compare container itself ----- */
body.page-id-3724 .pz-compare{
    max-width: 1100px;
    margin: 0;
}

/* ----- 7. The panel containing verdict + grid ----- */
body.page-id-3724 #pzComparePanel{
    max-width: 1100px;
    margin: 24px 0 0;
}

/* ----- 8. Quickpicks row label & row ----- */
body.page-id-3724 .pz-compare__quickpicks{
    margin: 28px 0 56px !important;
    padding: 0 !important;
    max-width: 1100px !important;
}
body.page-id-3724 .pz-compare__quickpicks-label{
    font-family: "Fraunces", Georgia, serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 0.95rem !important;
    color: #6a6253 !important;
    margin: 0 0 14px !important;
    display: block;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

/* ----- 9. Share row spacing ----- */
body.page-id-3724 .pz-compare__share{
    margin: 14px 0 0 !important;
}

/* ----- 10. Mobile tidy ----- */
@media (max-width: 720px){
    body.page-id-3724 .pz-page-h1{
        padding-top: 32px;
    }
    body.page-id-3724 .pz-page-h1::before{
        font-size: 0.66rem;
        letter-spacing: 0.28em;
        margin: 0 0 16px;
    }
    body.page-id-3724 .pz-compare__intro{
        margin: 0 0 36px !important;
    }
    body.page-id-3724 aside.pz-suggested-cmp{
        margin: 64px 0 0 !important;
        padding: 48px 0 0 !important;
    }
    body.page-id-3724 .pz-suggested-cmp__list{
        grid-template-columns: 1fr !important;
        gap: 4px 0 !important;
    }
}


/* === v178 elevate (511) === */

/* ============================================================
   push_elevate.py — quick-start pairs, signoff, tabular figures
   ============================================================ */

/* ----- A. Subtle warm-paper page background ----- */
body.page-id-3724{
    background: #fafaf6 !important;
}

/* ----- B. QUICK-START PAIRS in empty state ----- */
.pz-compare__qs-row{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
    margin: 40px auto 28px;
    max-width: 820px;
}
.pz-compare__qs-card{
    appearance: none;
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #ece5d3;
    border-radius: 4px;
    padding: 18px 18px 20px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
    font: inherit;
    color: #1a1a1a;
    transition: transform 520ms cubic-bezier(0.16, 1, 0.3, 1),
                box-shadow 520ms cubic-bezier(0.16, 1, 0.3, 1),
                border-color 320ms ease;
    box-shadow: 0 1px 0 rgba(0,0,0,0.02);
}
.pz-compare__qs-card:hover{
    transform: translateY(-2px);
    border-color: rgba(201, 165, 117, 0.6);
    box-shadow: 0 18px 40px -22px rgba(40, 30, 10, 0.22);
}
.pz-compare__qs-card:focus-visible{
    outline: 2px solid #c9a575;
    outline-offset: 3px;
}
.pz-compare__qs-thumbs{
    display: inline-flex;
    align-items: center;
    margin-bottom: 6px;
}
.pz-compare__qs-thumb{
    display: inline-block;
    width: 56px; height: 56px;
    border-radius: 50%;
    background-color: #2a2418;
    background-size: cover;
    background-position: center;
    border: 2px solid #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}
.pz-compare__qs-thumb + .pz-compare__qs-thumb{ margin-left: -18px; }
.pz-compare__qs-thumb--noimg{
    background-image:
        linear-gradient(135deg, #3a3322 0%, #1f1a10 100%);
    position: relative;
}
.pz-compare__qs-thumb--noimg::after{
    content: "";
    position: absolute;
    inset: 14px;
    border: 1px solid rgba(201, 165, 117, 0.5);
    border-radius: 50%;
}
.pz-compare__qs-pair{
    font-family: "Inter", "Helvetica Neue", sans-serif;
    font-size: 0.95rem;
    font-weight: 500;
    letter-spacing: -0.005em;
    line-height: 1.3;
    display: flex;
    align-items: baseline;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: center;
}
.pz-compare__qs-vs{
    font-family: "Fraunces", Georgia, serif;
    font-style: italic;
    font-weight: 400;
    font-size: 0.85rem;
    color: #8a7a5a;
}
.pz-compare__qs-sub{
    font-family: "Fraunces", Georgia, serif;
    font-style: italic;
    font-size: 0.82rem;
    color: #6a6253;
    line-height: 1.4;
    max-width: 200px;
}

/* ----- C. EDITORIAL SIGNOFF at bottom of comparator ----- */
.pz-compare__editorial-sign{
    margin: 40px 0 0;
    padding: 32px 0 8px;
    text-align: center;
    position: relative;
}
.pz-compare__editorial-rule{
    display: block;
    width: 48px;
    height: 1px;
    background: #c9a575;
    margin: 0 auto 20px;
    opacity: 0.7;
}
.pz-compare__editorial-line{
    font-family: "Fraunces", "Cormorant Garamond", Georgia, serif;
    font-style: italic;
    font-weight: 400;
    font-size: 0.88rem;
    color: #6a6253;
    margin: 0;
    letter-spacing: 0.01em;
}
.pz-compare__editorial-line strong{
    font-style: normal;
    font-weight: 500;
    color: #1a1a1a;
}

/* ----- D. Tabular figures on scale dots + months ----- */
.pz-cmp-scale,
.pz-cmp-months,
.pz-cmp-duration,
.pz-cmp-primary,
.pz-cmp-sub{
    font-variant-numeric: tabular-nums lining-nums;
}

/* ----- E. Refined intro lede — slightly improved phrasing target ----- */
/* (Content stays "Side by side..." — could be edited in page later) */

/* ----- F. Mobile tweaks for quick-start cards ----- */
@media (max-width: 720px){
    .pz-compare__qs-row{
        grid-template-columns: 1fr;
        gap: 12px;
        margin: 28px auto 20px;
    }
    .pz-compare__qs-card{ padding: 16px 16px 18px; }
    .pz-compare__qs-thumb{ width: 44px; height: 44px; }
}


/* === v180 refine (513) === */

/* ============================================================
   push_refine.py — editorial press-style refinement
   ============================================================ */

/* ----- A. Press-style issue stamp (top of page, above kicker) ----- */
body.page-id-3724 .entry-content::before{
    content: "VOL. 01 · NO. 12 · MAY 2026";
    display: block;
    font-family: "Inter", "Helvetica Neue", sans-serif;
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.36em;
    color: rgba(106, 98, 83, 0.7);
    margin: 48px 0 0;
    padding-bottom: 28px;
    border-bottom: 1px solid rgba(201, 165, 117, 0.32);
    max-width: 1100px;
    text-transform: uppercase;
    text-align: left;
}

/* Reduce h1 top padding since we now have the issue stamp above */
body.page-id-3724 .pz-page-h1{ padding-top: 36px !important; }

/* ----- B. Editorial hairline below intro ----- */
body.page-id-3724 .pz-compare__intro{
    padding-bottom: 48px !important;
    margin-bottom: 0 !important;
    border-bottom: 1px solid rgba(201, 165, 117, 0.22);
    max-width: 1100px;
}
/* Space between intro hairline and selectors */
body.page-id-3724 .pz-compare,
body.page-id-3724 #pzCompare{
    padding-top: 48px;
}

/* ----- C. Page entrance animation: cascade fade-up ----- */
@keyframes pz-cmp-enter {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}
body.page-id-3724 .entry-content::before{
    animation: pz-cmp-enter 720ms cubic-bezier(0.16, 1, 0.3, 1) both;
    animation-delay: 80ms;
}
body.page-id-3724 .pz-page-h1{
    animation: pz-cmp-enter 800ms cubic-bezier(0.16, 1, 0.3, 1) both;
    animation-delay: 180ms;
}
body.page-id-3724 .pz-compare__intro{
    animation: pz-cmp-enter 720ms cubic-bezier(0.16, 1, 0.3, 1) both;
    animation-delay: 320ms;
}
body.page-id-3724 .pz-compare,
body.page-id-3724 #pzCompare{
    animation: pz-cmp-enter 720ms cubic-bezier(0.16, 1, 0.3, 1) both;
    animation-delay: 440ms;
}
body.page-id-3724 aside.pz-suggested-cmp{
    animation: pz-cmp-enter 720ms cubic-bezier(0.16, 1, 0.3, 1) both;
    animation-delay: 600ms;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
    body.page-id-3724 .entry-content::before,
    body.page-id-3724 .pz-page-h1,
    body.page-id-3724 .pz-compare__intro,
    body.page-id-3724 .pz-compare,
    body.page-id-3724 #pzCompare,
    body.page-id-3724 aside.pz-suggested-cmp{
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}

/* ----- D. Methodology footnote at very bottom of comparator ----- */
body.page-id-3724 .pz-compare-methodology{
    margin: 80px auto 0 !important;
    padding: 36px 0 0 !important;
    max-width: 1100px !important;
    border-top: 1px solid rgba(28, 27, 25, 0.06);
    text-align: left;
}
body.page-id-3724 .pz-compare-methodology__label{
    display: block;
    font-family: "Inter", sans-serif;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.32em;
    color: #c9a575;
    margin: 0 0 14px;
    text-transform: uppercase;
}
body.page-id-3724 .pz-compare-methodology__body{
    font-family: "Fraunces", "Cormorant Garamond", Georgia, serif;
    font-style: italic;
    font-weight: 400;
    font-size: 0.96rem;
    line-height: 1.6;
    color: #4a4538;
    margin: 0;
    max-width: 720px;
    letter-spacing: -0.005em;
}
body.page-id-3724 .pz-compare-methodology__body strong{
    font-style: normal;
    font-weight: 500;
    color: #1a1a1a;
}

/* ----- E. Refined suggested-cmp heading with subtle kicker label ----- */
body.page-id-3724 aside.pz-suggested-cmp{
    position: relative;
}
body.page-id-3724 .pz-suggested-cmp__title::before{
    content: "MORE COMPARISONS";
    display: block;
    font-family: "Inter", sans-serif;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.32em;
    color: #c9a575;
    margin: 0 0 14px;
    font-style: normal;
    text-transform: uppercase;
}

/* ----- F. Tabular figures globally for the comparator ----- */
body.page-id-3724 .pz-compare *,
body.page-id-3724 #pzComparePanel *{
    font-variant-numeric: tabular-nums lining-nums;
}

/* ----- G. Refined CTA bar (gold hairline + arrow movement) ----- */
body.page-id-3724 .pz-cmp-cta{
    transition: background 320ms ease, color 320ms ease;
}
body.page-id-3724 .pz-cmp-cta:hover{
    background: #f7f0dd !important;
}

/* ----- H. Refined verdict mark color (subtle gold) ----- */
body.page-id-3724 .pz-compare__verdict-mark{
    color: rgba(201, 165, 117, 0.45) !important;
}

/* ----- I. Refined hero gradient overlay ----- */
body.page-id-3724 .pz-cmp-hero__overlay{
    background: linear-gradient(180deg,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,0) 35%,
        rgba(0,0,0,0.45) 80%,
        rgba(0,0,0,0.65) 100%
    ) !important;
}

/* ----- J. Mobile refinements ----- */
@media (max-width: 720px){
    body.page-id-3724 .entry-content::before{
        font-size: 0.6rem;
        letter-spacing: 0.28em;
        margin-top: 24px;
        padding-bottom: 20px;
    }
    body.page-id-3724 .pz-compare__intro{ padding-bottom: 32px !important; }
    body.page-id-3724 .pz-compare,
    body.page-id-3724 #pzCompare{ padding-top: 32px; }
    body.page-id-3724 .pz-compare-methodology{ margin-top: 56px !important; padding-top: 28px !important; }
    body.page-id-3724 .pz-compare-methodology__body{ font-size: 0.92rem; }
}


/* === v183 polish letter (516) === */

/* ============================================================
   push_polish_round2.py — illuminated letter + verdict polish
   ============================================================ */

/* ----- A. Illuminated initial on dark editorial cards ----- */
body.page-id-3724 .pz-cmp-hero--noimg{
    position: relative;
    overflow: hidden;
}
body.page-id-3724 .pz-cmp-hero-initial{
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Fraunces", "Cormorant Garamond", Georgia, serif;
    font-style: italic;
    font-weight: 300;
    font-size: clamp(8rem, 16vw, 13rem);
    line-height: 0.85;
    color: rgba(201, 165, 117, 0.18);
    pointer-events: none;
    user-select: none;
    transform: translateY(-6%);
    letter-spacing: -0.03em;
    z-index: 0;
}

/* Hide the existing compass-rose ::after when we have an initial */
body.page-id-3724 .pz-cmp-hero--noimg:has(.pz-cmp-hero-initial)::after{
    display: none;
}

/* Make sure the head/region/name sit above the initial */
body.page-id-3724 .pz-cmp-hero--noimg .pz-cmp-head,
body.page-id-3724 .pz-cmp-hero--noimg .pz-cmp-hero__overlay{
    position: relative;
    z-index: 2;
}

/* ----- B. Verdict typography polish ----- */
body.page-id-3724 .pz-compare__verdict-body{
    font-size: clamp(1.18rem, 1.7vw, 1.45rem) !important;
    line-height: 1.5 !important;
}
body.page-id-3724 .pz-compare__verdict{
    padding: 44px 50px 36px !important;
}
body.page-id-3724 .pz-compare__verdict-mark{
    font-size: 6.2rem !important;
    margin: 4px 0 0 !important;
}

/* ----- C. Tighten section rhythm (less air between blocks) ----- */
body.page-id-3724 .pz-compare__quickpicks{
    margin: 28px 0 40px !important;
}
body.page-id-3724 .pz-compare__verdict{
    margin: 8px 0 44px !important;
}
body.page-id-3724 .pz-compare__grid{
    margin: 0 0 64px !important;
}

/* ----- D. Refined CTA bar more elegant ----- */
body.page-id-3724 .pz-cmp-cta{
    padding: 24px 28px !important;
    font-size: 0.96rem !important;
    letter-spacing: -0.005em !important;
    background: transparent !important;
    border-top: 1px solid #efe7d2 !important;
}
body.page-id-3724 .pz-cmp-cta:hover{
    background: #fbf7ec !important;
}
body.page-id-3724 .pz-cmp-cta__arrow{
    font-size: 1.05rem;
    color: #c9a575;
    margin-left: 8px;
}

/* ----- E. Card head refinements ----- */
body.page-id-3724 .pz-cmp-region{
    font-family: "Inter", sans-serif !important;
    font-size: 0.66rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.32em !important;
    color: rgba(255, 255, 255, 0.78) !important;
    text-transform: uppercase !important;
    margin: 0 0 8px !important;
}
body.page-id-3724 .pz-cmp-hero--noimg .pz-cmp-region{
    color: rgba(201, 165, 117, 0.85) !important;
}
body.page-id-3724 .pz-cmp-name{
    font-family: "Fraunces", Georgia, serif !important;
    font-weight: 400 !important;
    font-size: clamp(1.65rem, 2.4vw, 2.1rem) !important;
    line-height: 1.05 !important;
    color: #fff !important;
    margin: 0 0 4px !important;
    letter-spacing: -0.012em !important;
}
body.page-id-3724 .pz-cmp-country{
    font-family: "Fraunces", Georgia, serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 0.95rem !important;
    color: rgba(255, 255, 255, 0.7) !important;
    margin: 0 !important;
    letter-spacing: 0 !important;
}

/* ----- F. Tag summary refinement ----- */
body.page-id-3724 .pz-cmp-tag-summary{
    font-style: italic !important;
    color: #5a523f !important;
    padding: 22px 28px 18px !important;
    font-size: 1rem !important;
    line-height: 1.4 !important;
}

/* ----- G. Mobile refinements ----- */
@media (max-width: 720px){
    body.page-id-3724 .pz-cmp-hero-initial{
        font-size: clamp(6rem, 22vw, 9rem);
    }
    body.page-id-3724 .pz-compare__verdict{
        padding: 32px 24px 28px !important;
    }
}


/* === v185 richness (518) === */

/* ============================================================
   push_visual_richness.py — bigger heroes, richness, contrast
   ============================================================ */

/* ----- A. Warmer paper background + subtle grain ----- */
body.page-id-3724{
    background: #f7f3e8 !important;
    background-image:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,0.5) 0%, transparent 70%),
        radial-gradient(circle at 70% 80%, rgba(255,255,255,0.4) 0%, transparent 70%);
    background-attachment: fixed;
}
body.page-id-3724::before{
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -1;
    opacity: 0.5;
    mix-blend-mode: multiply;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='280' height='280'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.35 0 0 0 0 0.25 0 0 0 0.03 0'/></filter><rect width='280' height='280' filter='url(%23n)'/></svg>");
    background-size: 280px;
}

/* ----- B. Cinematic hero — 3:2 ratio + KEN BURNS hover ----- */
body.page-id-3724 .pz-cmp-hero{
    aspect-ratio: 3 / 2 !important;
    min-height: 340px;
    position: relative;
    overflow: hidden;
}
body.page-id-3724 .pz-cmp-hero__img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transform: scale(1);
    transition: transform 4.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    will-change: transform;
}
body.page-id-3724 .pz-cmp-col:hover .pz-cmp-hero__img{
    transform: scale(1.05);
}

/* Stronger gradient overlay for caption legibility */
body.page-id-3724 .pz-cmp-hero__overlay{
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,0) 30%,
        rgba(0,0,0,0.35) 70%,
        rgba(0,0,0,0.75) 100%
    ) !important;
    z-index: 1;
}

/* ----- C. Card numbering (01 / 02 atop cards) ----- */
body.page-id-3724 .pz-compare__grid{
    counter-reset: pz-card;
}
body.page-id-3724 .pz-compare__grid .pz-cmp-col{
    counter-increment: pz-card;
    position: relative;
}
body.page-id-3724 .pz-compare__grid .pz-cmp-col::before{
    content: counter(pz-card, decimal-leading-zero);
    position: absolute;
    top: 18px;
    right: 22px;
    z-index: 3;
    font-family: "Inter", "Helvetica Neue", sans-serif;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.28em;
    color: rgba(255, 255, 255, 0.85);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
}

/* ----- D. Bigger card name, refined head ----- */
body.page-id-3724 .pz-cmp-head{
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    padding: 28px 28px 26px !important;
    z-index: 2 !important;
}
body.page-id-3724 .pz-cmp-name{
    font-size: clamp(1.95rem, 2.7vw, 2.5rem) !important;
    line-height: 1.02 !important;
    margin: 0 0 4px !important;
    letter-spacing: -0.018em !important;
}
body.page-id-3724 .pz-cmp-region{
    margin: 0 0 10px !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.34em !important;
}

/* ----- E. Stronger card hover lift ----- */
body.page-id-3724 .pz-cmp-col{
    border-radius: 6px !important;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.02), 0 8px 20px -16px rgba(40, 30, 10, 0.18);
    transition:
        transform 560ms cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 560ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}
body.page-id-3724 .pz-cmp-col:hover{
    transform: translateY(-6px) !important;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.02), 0 40px 70px -30px rgba(40, 30, 10, 0.32) !important;
}

/* ----- F. Refined row dividers (hairlines for structure) ----- */
body.page-id-3724 .pz-cmp-rows{ background: #fff; }
body.page-id-3724 .pz-cmp-row{
    padding: 20px 28px !important;
    border-bottom: 1px solid rgba(28, 27, 25, 0.06) !important;
    display: grid !important;
    grid-template-columns: 130px 1fr !important;
    gap: 18px !important;
    align-items: center !important;
}
body.page-id-3724 .pz-cmp-row:last-child{ border-bottom: none !important; }
body.page-id-3724 .pz-cmp-rowlbl{
    font-size: 0.78rem !important;
    color: #8a8270 !important;
}
body.page-id-3724 .pz-cmp-rowval{
    font-family: "Inter", sans-serif;
    font-size: 0.95rem;
    color: #1a1a1a;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
body.page-id-3724 .pz-cmp-primary{
    font-weight: 500;
    color: #1a1a1a;
}
body.page-id-3724 .pz-cmp-sub{
    color: #6a6253;
    font-size: 0.84rem;
    display: block;
    width: 100%;
}

/* ----- G. Refined vibe tags (more elegant pills) ----- */
body.page-id-3724 .pz-cmp-vibes{
    gap: 8px !important;
}
body.page-id-3724 .pz-cmp-tag{
    display: inline-flex;
    align-items: center;
    padding: 5px 11px;
    border: 1px solid rgba(201, 165, 117, 0.4);
    border-radius: 999px;
    background: transparent;
    font-family: "Inter", sans-serif;
    font-size: 0.78rem;
    color: #4a4538;
    font-weight: 500;
    letter-spacing: 0.005em;
    text-transform: lowercase;
}

/* ----- H. Refined trip length (tabular) ----- */
body.page-id-3724 .pz-cmp-duration{
    font-family: "Fraunces", Georgia, serif;
    font-weight: 400;
    font-size: 1.15rem;
    color: #1a1a1a;
    letter-spacing: -0.005em;
}

/* ----- I. Scale dots refined ----- */
body.page-id-3724 .pz-cmp-scale{
    display: inline-flex;
    gap: 4px;
    align-items: center;
}
body.page-id-3724 .pz-cmp-scale span{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(28, 27, 25, 0.12);
    border: 1px solid transparent;
}
body.page-id-3724 .pz-cmp-scale span.is-on{
    background: #1a1a1a;
}

/* ----- J. Months row refined ----- */
body.page-id-3724 .pz-cmp-months{
    display: inline-flex;
    gap: 4px;
    flex-wrap: nowrap;
}
body.page-id-3724 .pz-cmp-month{
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 50%;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 0.62rem;
    font-weight: 600;
    background: rgba(28, 27, 25, 0.06);
    color: rgba(28, 27, 25, 0.4);
    letter-spacing: 0;
}
body.page-id-3724 .pz-cmp-month.is-on{
    background: #1a1a1a;
    color: #fff;
}
body.page-id-3724 .pz-cmp-months-label{
    display: block;
    width: 100%;
    margin-top: 8px;
    font-family: "Fraunces", Georgia, serif;
    font-style: italic;
    font-size: 0.84rem;
    color: #6a6253;
}

/* ----- K. Tag summary becomes deck/standfirst ----- */
body.page-id-3724 .pz-cmp-tag-summary{
    background: #fff !important;
    padding: 28px 28px 22px !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(28, 27, 25, 0.06) !important;
    font-style: italic !important;
    font-size: 1.08rem !important;
    line-height: 1.45 !important;
    color: #3a342a !important;
    font-family: "Fraunces", "Cormorant Garamond", Georgia, serif !important;
}

/* ----- L. Editorial rule above signoff ----- */
body.page-id-3724 .pz-compare__editorial-sign{
    background: transparent;
    margin: 56px 0 0 !important;
    padding: 40px 0 8px !important;
}

/* ----- M. Mobile refinements ----- */
@media (max-width: 720px){
    body.page-id-3724 .pz-cmp-hero{ aspect-ratio: 4 / 3 !important; min-height: 260px; }
    body.page-id-3724 .pz-cmp-name{ font-size: clamp(1.5rem, 7vw, 1.9rem) !important; }
    body.page-id-3724 .pz-cmp-row{
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        padding: 16px 22px !important;
    }
    body.page-id-3724 .pz-cmp-rowlbl{ font-size: 0.72rem !important; }
    body.page-id-3724 .pz-compare__grid .pz-cmp-col::before{ top: 14px; right: 16px; }
    body.page-id-3724 .pz-cmp-tag-summary{ padding: 22px !important; font-size: 1rem !important; }
}


/* === v186 premium (519) === */

/* ============================================================
   push_premium_controls.py — controls polish + cinematic verdict
   ============================================================ */

/* ----- A. PREMIUM CONTROLS SECTION ----- */
body.page-id-3724 .pz-compare__selectors{
    gap: 36px !important;
    align-items: end !important;
    padding: 8px 0 0 !important;
    margin: 0 0 16px !important;
}

/* Replace label text: "Destination A" → "First" in italic Fraunces */
body.page-id-3724 .pz-compare__select:nth-of-type(1) .pz-compare__lbl{ visibility: hidden; position: relative; }
body.page-id-3724 .pz-compare__select:nth-of-type(1) .pz-compare__lbl::after{
    content: "First";
    visibility: visible;
    position: absolute;
    left: 0; top: 0;
    font-family: "Fraunces", Georgia, serif;
    font-style: italic;
    font-size: 0.95rem;
    color: #6a6253;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
}
body.page-id-3724 .pz-compare__select:nth-of-type(2) .pz-compare__lbl{ visibility: hidden; position: relative; }
body.page-id-3724 .pz-compare__select:nth-of-type(2) .pz-compare__lbl::after{
    content: "Second";
    visibility: visible;
    position: absolute;
    left: 0; top: 0;
    font-family: "Fraunces", Georgia, serif;
    font-style: italic;
    font-size: 0.95rem;
    color: #6a6253;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
}

/* Bigger search inputs (premium feel) */
body.page-id-3724 .pz-compare__search{
    font-size: 1.15rem !important;
    padding: 14px 36px 14px 0 !important;
    font-weight: 400;
}
body.page-id-3724 .pz-compare__combobox{
    border-bottom-width: 1px !important;
}
body.page-id-3724 .pz-compare__combobox:focus-within{
    border-bottom-width: 2px !important;
    border-bottom-color: #1a1a1a !important;
}
body.page-id-3724 .pz-compare__combobox.has-value{
    border-bottom-color: #c9a575 !important;
}

/* Bigger more elegant swap button */
body.page-id-3724 .pz-compare__swap{
    width: 52px !important;
    height: 52px !important;
    border: 1px solid #d4cbb6 !important;
    background: #fff !important;
    border-radius: 50% !important;
    margin-bottom: 4px !important;
    box-shadow: 0 4px 12px -8px rgba(40, 30, 10, 0.18);
    font-size: 1.25rem;
    transition: border-color 320ms ease, transform 600ms cubic-bezier(0.16, 1, 0.3, 1), background 320ms ease !important;
    color: #4a4538 !important;
    position: relative;
}
body.page-id-3724 .pz-compare__swap:hover{
    border-color: #c9a575 !important;
    background: #fbf7ec !important;
    color: #1a1a1a !important;
}
body.page-id-3724 .pz-compare__swap:hover{
    transform: rotate(180deg);
}

/* Tooltip "swap" label */
body.page-id-3724 .pz-compare__swap::after{
    content: "swap";
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    font-family: "Fraunces", Georgia, serif;
    font-style: italic;
    font-size: 0.78rem;
    color: #8a7a5a;
    opacity: 0;
    transition: opacity 240ms ease;
    pointer-events: none;
    white-space: nowrap;
}
body.page-id-3724 .pz-compare__swap:hover::after,
body.page-id-3724 .pz-compare__swap:focus-visible::after{
    opacity: 1;
}

/* Refined copy share link */
body.page-id-3724 #pzCompareCopy,
body.page-id-3724 .pz-compare__share-btn{
    border: 1px solid transparent !important;
    background: transparent !important;
    padding: 6px 0 !important;
    color: #6a6253 !important;
    font-family: "Inter", sans-serif !important;
    font-size: 0.82rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.01em !important;
    border-radius: 0 !important;
    border-bottom: 1px solid transparent !important;
    gap: 6px !important;
    transition: color 240ms ease, border-color 240ms ease !important;
}
body.page-id-3724 #pzCompareCopy:hover{
    color: #1a1a1a !important;
    background: transparent !important;
    border-bottom-color: #c9a575 !important;
}

/* Subtle hairline below intro */
body.page-id-3724 .pz-compare__intro{
    border-bottom: none !important;
    margin-bottom: 12px !important;
    padding-bottom: 0 !important;
}

/* ----- B. CINEMATIC VERDICT (no box, pullquote feel) ----- */
body.page-id-3724 .pz-compare__verdict{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 56px 0 48px !important;
    margin: 16px 0 32px !important;
    grid-template-columns: 80px 1fr !important;
    gap: 24px !important;
    position: relative !important;
}
body.page-id-3724 .pz-compare__verdict::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 1px;
    background: #c9a575;
    opacity: 0.7;
}
body.page-id-3724 .pz-compare__verdict-mark{
    font-size: 7.5rem !important;
    color: rgba(201, 165, 117, 0.38) !important;
    line-height: 0.7 !important;
    text-align: left !important;
    margin: 6px 0 0 !important;
}
body.page-id-3724 .pz-compare__verdict-body{
    font-size: clamp(1.4rem, 2.2vw, 1.85rem) !important;
    line-height: 1.4 !important;
    color: #1a1a1a !important;
    font-weight: 400 !important;
    margin: 0 0 18px !important;
}
body.page-id-3724 .pz-compare__verdict-sign{
    border-top: none !important;
    padding-top: 0 !important;
    font-size: 0.92rem !important;
    color: #8a7a5a !important;
}

/* ----- C. REFINED QUICKPICKS ----- */
body.page-id-3724 .pz-compare__quickpicks{
    margin: 16px 0 40px !important;
}
body.page-id-3724 .pz-compare__quickpicks-row{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}
body.page-id-3724 .pz-compare__quickpick{
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 5px 14px 5px 5px !important;
    background: transparent !important;
    border: 1px solid #e8e0c8 !important;
    border-radius: 999px !important;
    font-family: "Inter", sans-serif !important;
    font-size: 0.82rem !important;
    color: #4a4538 !important;
    cursor: pointer !important;
    transition: border-color 280ms ease, background 280ms ease, color 280ms ease, transform 280ms ease !important;
    letter-spacing: -0.005em !important;
    font-weight: 500 !important;
}
body.page-id-3724 .pz-compare__quickpick:hover{
    border-color: #c9a575 !important;
    background: #fbf7ec !important;
    color: #1a1a1a !important;
    transform: translateY(-1px);
}
body.page-id-3724 .pz-compare__qp-thumbs{
    display: inline-flex !important;
    align-items: center !important;
}
body.page-id-3724 .pz-compare__qp-thumb{
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    background-size: cover !important;
    background-position: center !important;
    border: 1.5px solid #fff !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12);
}
body.page-id-3724 .pz-compare__qp-thumb + .pz-compare__qp-thumb{
    margin-left: -8px !important;
}
body.page-id-3724 .pz-compare__qp-vs,
body.page-id-3724 .pz-compare__quickpick em{
    font-family: "Fraunces", Georgia, serif !important;
    font-style: italic !important;
    color: #8a7a5a !important;
    margin: 0 4px;
    font-weight: 400;
    font-size: 0.78rem;
}

/* ----- D. SUBTLE CARD ENTRANCE STAGGER ----- */
@keyframes pz-card-enter{
    from { opacity: 0; transform: translateY(16px); }
    to   { opacity: 1; transform: translateY(0); }
}
body.page-id-3724 .pz-compare__grid .pz-cmp-col{
    animation: pz-card-enter 760ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
body.page-id-3724 .pz-compare__grid .pz-cmp-col:nth-child(1){ animation-delay: 80ms; }
body.page-id-3724 .pz-compare__grid .pz-cmp-col:nth-child(2){ animation-delay: 200ms; }

/* ----- E. EDITORIAL BYLINE ABOVE CARDS ----- */
body.page-id-3724 .pz-compare__byline{
    display: block;
    font-family: "Fraunces", Georgia, serif;
    font-style: italic;
    font-size: 0.88rem;
    color: #8a7a5a;
    margin: 0 0 16px;
    letter-spacing: 0.01em;
}
body.page-id-3724 .pz-compare__byline strong{
    font-style: normal;
    font-weight: 500;
    color: #1a1a1a;
}

/* ----- F. PRELOAD FRAUNCES (handled via separate snippet) ----- */

/* ----- G. MOBILE REFINEMENTS ----- */
@media (max-width: 720px){
    body.page-id-3724 .pz-compare__selectors{
        gap: 20px !important;
    }
    body.page-id-3724 .pz-compare__search{
        font-size: 1.05rem !important;
        padding: 12px 32px 12px 0 !important;
    }
    body.page-id-3724 .pz-compare__swap{
        width: 44px !important;
        height: 44px !important;
    }
    body.page-id-3724 .pz-compare__verdict{
        grid-template-columns: 50px 1fr !important;
        gap: 14px !important;
        padding: 36px 0 28px !important;
    }
    body.page-id-3724 .pz-compare__verdict-mark{
        font-size: 4.8rem !important;
    }
    body.page-id-3724 .pz-compare__verdict-body{
        font-size: clamp(1.1rem, 4.8vw, 1.4rem) !important;
    }
}


/* === v189 polish4 (522) === */

/* ============================================================
   push_polish_round4.py — cinematic empty state, dropdown polish
   ============================================================ */

/* ----- A. CINEMATIC EMPTY STATE QUICK-START CARDS ----- */
body.page-id-3724 .pz-compare__qs-row{
    gap: 24px !important;
    margin: 48px auto 32px !important;
    max-width: 980px !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
}
body.page-id-3724 .pz-compare__qs-card{
    padding: 28px 24px 30px !important;
    gap: 16px !important;
    background: #fff !important;
    border: 1px solid #ece5d3 !important;
    border-radius: 6px !important;
    min-height: 220px !important;
    box-shadow: 0 1px 0 rgba(0,0,0,0.02), 0 12px 28px -20px rgba(40, 30, 10, 0.16) !important;
    position: relative !important;
    overflow: hidden !important;
}
body.page-id-3724 .pz-compare__qs-card::after{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(247, 243, 232, 0.4) 0%, rgba(255,255,255,1) 100%);
    z-index: 0;
    pointer-events: none;
}
body.page-id-3724 .pz-compare__qs-card > *{
    position: relative;
    z-index: 1;
}
body.page-id-3724 .pz-compare__qs-card:hover{
    transform: translateY(-4px) !important;
    border-color: rgba(201, 165, 117, 0.55) !important;
    box-shadow: 0 1px 0 rgba(0,0,0,0.02), 0 28px 50px -28px rgba(40, 30, 10, 0.30) !important;
}
body.page-id-3724 .pz-compare__qs-thumb{
    width: 44px !important;
    height: 44px !important;
    border-width: 2.5px !important;
}
body.page-id-3724 .pz-compare__qs-thumb + .pz-compare__qs-thumb{
    margin-left: -14px !important;
}
body.page-id-3724 .pz-compare__qs-pair{
    font-size: 1.08rem !important;
    font-weight: 500 !important;
    gap: 8px !important;
    margin-top: 4px;
}
body.page-id-3724 .pz-compare__qs-vs{
    font-size: 0.9rem !important;
    color: #c9a575 !important;
}
body.page-id-3724 .pz-compare__qs-sub{
    font-size: 0.88rem !important;
    color: #6a6253 !important;
    line-height: 1.45 !important;
    max-width: 240px !important;
    margin-top: 2px;
}

/* ----- B. REFINED DROPDOWN OPTIONS (combobox list) ----- */
body.page-id-3724 .pz-compare__dropdown-list{
    border-radius: 4px !important;
    box-shadow: 0 1px 0 rgba(0,0,0,0.02), 0 18px 40px -16px rgba(40, 30, 10, 0.20) !important;
    border: 1px solid #ece5d3 !important;
    padding: 6px 0 !important;
}
body.page-id-3724 .pz-compare__group{
    padding: 14px 18px 8px !important;
    font-family: "Inter", sans-serif !important;
    font-size: 0.62rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.32em !important;
    color: #c9a575 !important;
    text-transform: uppercase !important;
    background: transparent !important;
}
body.page-id-3724 .pz-compare__option{
    padding: 10px 18px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: baseline !important;
    cursor: pointer !important;
    border-bottom: none !important;
}
body.page-id-3724 .pz-compare__option__name{
    font-family: "Inter", sans-serif !important;
    font-size: 0.96rem !important;
    font-weight: 500 !important;
    color: #1a1a1a !important;
    letter-spacing: -0.005em !important;
}
body.page-id-3724 .pz-compare__option__country{
    font-family: "Fraunces", Georgia, serif !important;
    font-style: italic !important;
    font-size: 0.84rem !important;
    color: #8a7a5a !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}
body.page-id-3724 .pz-compare__option:hover:not(.is-disabled),
body.page-id-3724 .pz-compare__option.is-active:not(.is-disabled){
    background: #fbf7ec !important;
    padding-left: 22px !important;
}
body.page-id-3724 .pz-compare__option:hover:not(.is-disabled)::before,
body.page-id-3724 .pz-compare__option.is-active:not(.is-disabled)::before{
    content: "" !important;
    position: absolute !important;
    left: 12px !important;
    width: 5px !important;
    height: 1px !important;
    background: #c9a575 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
body.page-id-3724 .pz-compare__option.is-disabled{
    opacity: 0.4 !important;
    cursor: not-allowed !important;
}

/* ----- C. FIELD-TESTED indicator on each card ----- */
body.page-id-3724 .pz-cmp-col .pz-cmp-rows + .pz-cmp-cta::before{
    content: "FIELD-TESTED · 2026";
    display: block;
    font-family: "Inter", sans-serif;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.32em;
    color: #c9a575;
    margin: 0 0 8px;
    text-transform: uppercase;
}
body.page-id-3724 .pz-cmp-cta{
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 22px 28px 24px !important;
}
body.page-id-3724 .pz-cmp-cta > *:not(::before){
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* ----- D. SUBTLE COMPASS ROSE ROTATION (empty state) ----- */
@keyframes pz-rose-rotate{
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}
body.page-id-3724 .pz-compare__empty-rose{
    animation: pz-rose-rotate 120s linear infinite;
}
@media (prefers-reduced-motion: reduce){
    body.page-id-3724 .pz-compare__empty-rose{
        animation: none !important;
    }
}

/* ----- E. KEYBOARD SHORTCUT HINT ----- */
body.page-id-3724 .pz-compare__kb-hint{
    display: block;
    font-family: "Fraunces", Georgia, serif;
    font-style: italic;
    font-size: 0.78rem;
    color: #8a8270;
    margin: 16px 0 0;
    letter-spacing: 0.005em;
}
body.page-id-3724 .pz-compare__kb-hint kbd{
    display: inline-block;
    padding: 1px 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-size: 0.72rem;
    font-weight: 500;
    background: #fff;
    border: 1px solid #d4cbb6;
    border-radius: 3px;
    color: #4a4538;
    box-shadow: 0 1px 0 #d4cbb6;
    margin: 0 2px;
    vertical-align: 1px;
}

/* ----- F. TIGHTER MASTHEAD ----- */
body.page-id-3724 .entry-content::before{
    margin-top: 56px !important;
    margin-bottom: 32px !important;
    padding-bottom: 24px !important;
}
body.page-id-3724 .pz-page-h1{
    padding-top: 0 !important;
    margin: 0 0 16px !important;
}

/* ----- G. Mobile refinements ----- */
@media (max-width: 720px){
    body.page-id-3724 .pz-compare__qs-row{
        gap: 16px !important;
        margin: 32px auto 24px !important;
    }
    body.page-id-3724 .pz-compare__qs-card{
        min-height: 180px !important;
        padding: 22px 20px 24px !important;
    }
    body.page-id-3724 .pz-compare__qs-thumb{
        width: 36px !important;
        height: 36px !important;
    }
    body.page-id-3724 .pz-compare__qs-pair{
        font-size: 1rem !important;
    }
    body.page-id-3724 .pz-compare__kb-hint{
        display: none !important;
    }
    body.page-id-3724 .pz-cmp-col .pz-cmp-rows + .pz-cmp-cta::before{
        font-size: 0.56rem;
    }
}


/* === v192 center-fix (525) === */

/* ============================================================
   push_center_fix.py — center all comparator blocks
   ============================================================ */

/* Force every comparator block to center via auto margins */
body.page-id-3724 .entry-content::before,        /* press stamp */
body.page-id-3724 .pz-page-h1,                   /* title */
body.page-id-3724 .pz-compare__intro,            /* subtitle */
body.page-id-3724 .pz-compare,                   /* compare wrapper */
body.page-id-3724 #pzCompare,
body.page-id-3724 .pz-compare__selectors,        /* controls row */
body.page-id-3724 .pz-compare__share,            /* copy share */
body.page-id-3724 .pz-compare__kb-hint,          /* keyboard hint */
body.page-id-3724 .pz-compare__quickpicks,       /* editor pairings */
body.page-id-3724 #pzComparePanel,               /* panel containing verdict + cards */
body.page-id-3724 .pz-compare__verdict,          /* verdict */
body.page-id-3724 .pz-compare__byline,           /* byline */
body.page-id-3724 .pz-compare__grid,             /* cards grid */
body.page-id-3724 .pz-compare__editorial-sign,   /* editor signoff */
body.page-id-3724 aside.pz-suggested-cmp,        /* editor-written comparisons */
body.page-id-3724 .pz-suggested-cmp,
body.page-id-3724 .pz-compare-methodology,       /* how we compare */
body.page-id-3724 .pz-compare__empty             /* empty state */
{
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Make sure the entry-content itself is centered */
body.page-id-3724 .entry-content{
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
}

/* The cards grid + most blocks should be 1100px wide and centered */
body.page-id-3724 .pz-compare__grid,
body.page-id-3724 .pz-compare__verdict,
body.page-id-3724 .pz-compare__selectors,
body.page-id-3724 .pz-compare__quickpicks,
body.page-id-3724 #pzComparePanel,
body.page-id-3724 .pz-compare__intro,
body.page-id-3724 .pz-compare__byline,
body.page-id-3724 .pz-compare__editorial-sign,
body.page-id-3724 aside.pz-suggested-cmp,
body.page-id-3724 .pz-compare-methodology,
body.page-id-3724 .entry-content::before,
body.page-id-3724 .pz-page-h1{
    max-width: 1100px !important;
    width: 100% !important;
}

/* The pz-compare wrapper should match */
body.page-id-3724 .pz-compare,
body.page-id-3724 #pzCompare{
    max-width: 1100px !important;
    width: 100% !important;
}


/* === v194 clean labels (527) === */

/* ============================================================
   push_round5_fixes.py — clean label styling (no more visibility hack)
   ============================================================ */

/* Override v186's visibility-hidden ::after trick — show the label text directly */
body.page-id-3724 .pz-compare__select .pz-compare__lbl{
    visibility: visible !important;
    position: static !important;
    font-family: "Fraunces", Georgia, serif !important;
    font-style: italic !important;
    font-size: 0.95rem !important;
    color: #6a6253 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
}
body.page-id-3724 .pz-compare__select .pz-compare__lbl::after{
    content: none !important;
    display: none !important;
}

/* Ensure quick-start thumb has cover sizing once bg-image is set */
body.page-id-3724 .pz-compare__qs-thumb{
    background-size: cover !important;
    background-position: center !important;
    background-color: #2a2418 !important;
}


/* === v195 polish6 (528) === */

/* ============================================================
   push_polish_round6.py — bigger empty state, refined links
   ============================================================ */

/* ----- A. BIGGER EMPTY STATE TITLE ----- */
body.page-id-3724 .pz-compare__empty{
    padding: 56px 24px 80px !important;
    max-width: 880px !important;
}
body.page-id-3724 .pz-compare__empty-title{
    font-size: clamp(2.4rem, 4.2vw, 3.6rem) !important;
    line-height: 1.04 !important;
    margin: 0 0 22px !important;
    letter-spacing: -0.018em !important;
}
body.page-id-3724 .pz-compare__empty-lede{
    font-size: clamp(1.02rem, 1.4vw, 1.15rem) !important;
    line-height: 1.55 !important;
    color: #4a4a4a !important;
    max-width: 580px !important;
    margin: 0 auto 32px !important;
}
body.page-id-3724 .pz-compare__empty-rose{
    width: 104px !important;
    height: 104px !important;
    margin: 0 auto 44px !important;
    opacity: 0.9 !important;
}
body.page-id-3724 .pz-compare__empty-sign{
    margin-top: 22px !important;
    font-size: 0.95rem !important;
}

/* ----- B. FORCE 3-COL QS ROW on wide viewports ----- */
body.page-id-3724 .pz-compare__qs-row{
    max-width: 1040px !important;
    gap: 22px !important;
    margin: 48px auto 32px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
@media (max-width: 880px){
    body.page-id-3724 .pz-compare__qs-row{
        grid-template-columns: 1fr 1fr !important;
        gap: 16px !important;
    }
}
@media (max-width: 580px){
    body.page-id-3724 .pz-compare__qs-row{
        grid-template-columns: 1fr !important;
    }
}

/* ----- C. REFINED SUGGESTED-CMP LINKS ----- */
body.page-id-3724 .pz-suggested-cmp__list a{
    padding: 10px 0 !important;
    position: relative;
    transition: color 320ms ease, padding-right 360ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}
body.page-id-3724 .pz-suggested-cmp__list a em,
body.page-id-3724 .pz-suggested-cmp__list em{
    font-style: italic !important;
    color: #c9a575 !important;
    font-size: 0.86rem !important;
    margin: 0 6px !important;
}
body.page-id-3724 .pz-suggested-cmp__list a::after{
    content: "→";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) translateX(-8px);
    opacity: 0;
    color: #c9a575;
    font-size: 0.92rem;
    transition: opacity 320ms ease, transform 320ms cubic-bezier(0.16, 1, 0.3, 1);
    pointer-events: none;
}
body.page-id-3724 .pz-suggested-cmp__list a:hover{
    padding-right: 22px !important;
    color: #1a1a1a !important;
}
body.page-id-3724 .pz-suggested-cmp__list a:hover::after{
    opacity: 1;
    transform: translateY(-50%) translateX(0);
}

/* ----- D. REFINED METHODOLOGY BLOCK ----- */
body.page-id-3724 .pz-compare-methodology{
    background: rgba(251, 247, 236, 0.5);
    border-radius: 6px;
    padding: 40px 36px 36px !important;
    border: 1px solid rgba(201, 165, 117, 0.18);
    border-top-width: 1px !important;
}
body.page-id-3724 .pz-compare-methodology__body{
    font-size: 0.96rem !important;
    line-height: 1.65 !important;
    max-width: 760px !important;
}

/* ----- E. SUBTLE VERDICT BACKGROUND TINT (re-grounding without a box) ----- */
body.page-id-3724 .pz-compare__verdict{
    position: relative;
}
body.page-id-3724 .pz-compare__verdict::after{
    content: "";
    position: absolute;
    inset: -8px -32px;
    background: linear-gradient(180deg, rgba(251, 247, 236, 0.5) 0%, rgba(251, 247, 236, 0) 100%);
    z-index: -1;
    border-radius: 6px;
    pointer-events: none;
}

/* ----- F. REFINED PAGE ENTRANCE (slightly slower, more premium) ----- */
@keyframes pz-cmp-enter{
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}
body.page-id-3724 .entry-content::before{
    animation: pz-cmp-enter 880ms cubic-bezier(0.16, 1, 0.3, 1) both !important;
    animation-delay: 100ms !important;
}
body.page-id-3724 .pz-page-h1{
    animation: pz-cmp-enter 920ms cubic-bezier(0.16, 1, 0.3, 1) both !important;
    animation-delay: 220ms !important;
}
body.page-id-3724 .pz-compare__intro{
    animation: pz-cmp-enter 880ms cubic-bezier(0.16, 1, 0.3, 1) both !important;
    animation-delay: 380ms !important;
}
body.page-id-3724 .pz-compare,
body.page-id-3724 #pzCompare{
    animation: pz-cmp-enter 880ms cubic-bezier(0.16, 1, 0.3, 1) both !important;
    animation-delay: 540ms !important;
}

/* ----- G. SUGGESTED-CMP HEADING — slightly tighter ----- */
body.page-id-3724 .pz-suggested-cmp__title{
    margin-bottom: 28px !important;
}

/* ----- H. Tighten quick-start card hover ----- */
body.page-id-3724 .pz-compare__qs-card{
    transition:
        transform 480ms cubic-bezier(0.16, 1, 0.3, 1),
        border-color 320ms ease,
        box-shadow 480ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}
body.page-id-3724 .pz-compare__qs-card:hover{
    transform: translateY(-3px) !important;
}

/* ----- I. Mobile refinements ----- */
@media (max-width: 720px){
    body.page-id-3724 .pz-compare__empty{
        padding: 40px 16px 56px !important;
    }
    body.page-id-3724 .pz-compare__empty-title{
        font-size: clamp(1.85rem, 7vw, 2.4rem) !important;
    }
    body.page-id-3724 .pz-compare__empty-rose{
        width: 76px !important;
        height: 76px !important;
        margin-bottom: 28px !important;
    }
    body.page-id-3724 .pz-compare-methodology{
        padding: 28px 22px 24px !important;
    }
    body.page-id-3724 .pz-compare__verdict::after{
        inset: -4px -16px;
    }
}