/* =====================================================================
   MINDSUTRA UNIVERSAL PRODUCT HEADER
   Scoped namespace: .msph
   - Safe alongside older page-specific hero/card/button CSS.
   - Product artwork is always displayed inside a responsive 4:3 frame.
   ===================================================================== */
.msph{
    --msph-accent:var(--brand,var(--primary,#9b6b2d));
    --msph-accent-dark:var(--primary-2,var(--primary-dark,#744a18));
    --msph-accent-soft:var(--brand-soft,var(--primary-soft,#fff3dc));
    --msph-surface:#fffdf9;
    --msph-surface-2:#fff8ee;
    --msph-text:var(--text,#2f281f);
    --msph-muted:var(--muted,#756858);
    --msph-line:var(--line,#eadfce);
    --msph-shadow:0 16px 38px rgba(51,38,20,.09);
    position:relative;
    padding:22px 0 28px;
    border-bottom:1px solid var(--msph-line);
    background:
        radial-gradient(850px 260px at 8% 0%, color-mix(in srgb,var(--msph-accent) 12%,transparent), transparent 62%),
        radial-gradient(760px 240px at 92% 8%, color-mix(in srgb,var(--msph-accent) 8%,transparent), transparent 64%),
        linear-gradient(180deg,#fffdfa 0%,#fff8ef 100%);
    isolation:isolate;
}

.msph::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:18px;
    background:linear-gradient(to bottom,rgba(47,38,25,.08),transparent);
    pointer-events:none;
    z-index:-1;
}

.msph__container,
.msph .container.hero-wrap{
    width:min(1200px,calc(100% - 24px));
    margin-inline:auto;
}

.msph__grid,
.msph .hero-wrap{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
    gap:18px;
    align-items:stretch;
}

.msph__content,
.msph .hero-left{
    min-width:0;
    padding:clamp(20px,2.4vw,30px);
    border:1px solid var(--msph-line);
    border-radius:24px;
    background:linear-gradient(180deg,var(--msph-surface) 0%,var(--msph-surface-2) 100%);
    box-shadow:var(--msph-shadow);
    overflow:hidden;
}

.msph__eyebrow,
.msph .eyebrow{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    gap:7px;
    margin:0 0 12px;
    padding:7px 12px;
    border:1px solid color-mix(in srgb,var(--msph-accent) 28%,#fff);
    border-radius:999px;
    background:color-mix(in srgb,var(--msph-accent-soft) 78%,#fff);
    color:var(--msph-accent-dark);
    font-size:12px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:none;
}

.msph h1{
    margin:0 0 11px;
    max-width:20ch;
    color:var(--msph-text);
    font-size:clamp(30px,4vw,48px);
    line-height:1.08;
    letter-spacing:-.025em;
    text-wrap:balance;
}

.msph__desc,
.msph .hero-desc,
.msph .lead{
    margin:0;
    max-width:68ch;
    color:var(--msph-muted);
    font-size:clamp(15px,1.35vw,17px);
    line-height:1.65;
}

.msph__facts,
.msph .hero-badges{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:14px;
}

.msph__facts span,
.msph .hero-badges .hero-badge{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:7px 11px;
    border:1px solid var(--msph-line);
    border-radius:999px;
    background:#fffaf3;
    color:var(--msph-muted);
    font-size:12px;
    font-weight:750;
    line-height:1.25;
}

.msph__actions,
.msph .cta-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:17px;
}

.msph__button,
.msph .cta-row .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:11px 16px;
    border:1px solid transparent;
    border-radius:12px;
    font-size:14px;
    line-height:1.2;
    font-weight:800;
    text-align:center;
    text-decoration:none;
    transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}

.msph__button:hover,
.msph .cta-row .btn:hover{
    transform:translateY(-1px);
}

.msph__button--primary,
.msph .cta-row .btn-primary{
    color:#fff;
    border-color:var(--msph-accent-dark);
    background:var(--msph-accent-dark);background:linear-gradient(180deg,var(--msph-accent-dark),color-mix(in srgb,var(--msph-accent-dark) 86%,#000));
    box-shadow:0 10px 22px color-mix(in srgb,var(--msph-accent) 24%,transparent);
}

.msph__button--secondary,
.msph__button--outline,
.msph .cta-row .btn-outline,
.msph .cta-row .btn-secondary{
    color:var(--msph-accent-dark);
    border-color:color-mix(in srgb,var(--msph-accent) 24%,#e8ddcf);
    background:linear-gradient(180deg,#fffdf9 0%,color-mix(in srgb,var(--msph-accent-soft) 72%,#fff) 100%);
}

.msph__button--download{
    color:#fff;
    border-color:#256a43;
    background:linear-gradient(180deg,#3a9562,#246840);
    box-shadow:0 10px 22px rgba(36,104,64,.2);
}

.msph__quicklinks,
.msph .quick-links{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:14px;
}

.msph__quicklinks a,
.msph .quick-links a{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:7px 11px;
    border:1px solid var(--msph-line);
    border-radius:999px;
    background:#fffdf9;
    color:var(--msph-muted);
    font-size:12px;
    line-height:1.2;
    font-weight:750;
    text-decoration:none;
}

.msph__quicklinks a:hover,
.msph .quick-links a:hover{
    color:var(--msph-accent-dark);
    border-color:color-mix(in srgb,var(--msph-accent) 32%,#ddd);
    background:color-mix(in srgb,var(--msph-accent-soft) 68%,#fff);
}

.msph__media-card,
.msph .hero-right{
    min-width:0;
    padding:16px;
    border:1px solid var(--msph-line);
    border-radius:24px;
    background:linear-gradient(180deg,var(--msph-surface) 0%,var(--msph-surface-2) 100%);
    box-shadow:var(--msph-shadow);
    display:flex;
    align-items:center;
    justify-content:center;
}

.msph__visual,
.msph .product-visual{
    position:relative;
    width:100%;
    max-width:466px;
    aspect-ratio:4 / 3;
    height:auto;
    min-height:0;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border:1px solid var(--msph-line);
    border-radius:18px;
    background:
        radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--msph-accent-soft) 65%,#fff),#fff 72%);
}

.msph__visual img,
.msph .product-visual img{
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    object-position:center;
    padding:clamp(8px,1.3vw,16px);
}

.msph__ribbon,
.msph .ribbon{
    position:absolute;
    z-index:2;
    top:12px;
    right:12px;
    max-width:calc(100% - 24px);
    padding:6px 10px;
    border:1px solid color-mix(in srgb,var(--msph-accent) 26%,#eee);
    border-radius:999px;
    background:rgba(255,253,249,.92);
    color:var(--msph-accent-dark);
    font-size:12px;
    line-height:1.2;
    font-weight:800;
    -webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);
}

/* Theme accents: common layout, distinct product families. */
.msph--vedic{--msph-accent:#a97730;--msph-accent-dark:#76501d;--msph-accent-soft:#fbefda}
.msph--lal-kitab{--msph-accent:#a54a42;--msph-accent-dark:#74302c;--msph-accent-soft:#fce8e5}
.msph--numerology{--msph-accent:#7659a6;--msph-accent-dark:#513a78;--msph-accent-soft:#eee8f8}
.msph--financial{--msph-accent:#2b6f96;--msph-accent-dark:#1d506f;--msph-accent-soft:#e5f1f7}
.msph--medical{--msph-accent:#388378;--msph-accent-dark:#245f57;--msph-accent-soft:#e4f3f0}
.msph--remedies{--msph-accent:#b76f2c;--msph-accent-dark:#7f4818;--msph-accent-soft:#fbecd9}
.msph--vastu{--msph-accent:#b17a2c;--msph-accent-dark:#79501a;--msph-accent-soft:#fbefd9}
.msph--matching{--msph-accent:#9a5964;--msph-accent-dark:#6c3b44;--msph-accent-soft:#f7e9ec}
.msph--jaimini{--msph-accent:#5f62a5;--msph-accent-dark:#404374;--msph-accent-soft:#ebecf8}
.msph--kp{--msph-accent:#3e6f9f;--msph-accent-dark:#284d73;--msph-accent-soft:#e8f0f8}
.msph--android{--msph-accent:#377d5c;--msph-accent-dark:#24563f;--msph-accent-soft:#e5f3eb}
.msph--free{--msph-accent:#3b8657;--msph-accent-dark:#285d3d;--msph-accent-soft:#e5f4ea}
.msph--premium{--msph-accent:#aa7832;--msph-accent-dark:#744f1e;--msph-accent-soft:#faeed8}

@media (max-width:900px){
    .msph__grid,
    .msph .hero-wrap{
        grid-template-columns:1fr;
    }

    .msph__media-card,
    .msph .hero-right{
        order:2;
    }

    .msph__visual,
    .msph .product-visual{
        max-width:560px;
    }
}

@media (max-width:640px){
    .msph{
        padding:14px 0 21px;
    }

    .msph__container,
    .msph .container.hero-wrap{
        width:min(100% - 20px,1200px);
    }

    .msph__content,
    .msph .hero-left,
    .msph__media-card,
    .msph .hero-right{
        padding:15px;
        border-radius:18px;
    }

    .msph h1{
        max-width:none;
        font-size:clamp(27px,9.2vw,38px);
    }

    .msph__actions,
    .msph .cta-row{
        display:grid;
        grid-template-columns:1fr;
    }

    .msph__button,
    .msph .cta-row .btn{
        width:100%;
        min-height:46px;
        white-space:normal;
    }

    .msph__quicklinks,
    .msph .quick-links{
        flex-wrap:nowrap;
        overflow-x:auto;
        padding-bottom:4px;
        scrollbar-width:thin;
    }

    .msph__quicklinks a,
    .msph .quick-links a{
        flex:0 0 auto;
    }

    .msph__visual,
    .msph .product-visual{
        width:100%;
        max-width:none;
    }
}

@media (prefers-reduced-motion:reduce){
    .msph *,
    .msph *::before,
    .msph *::after{
        scroll-behavior:auto!important;
        transition:none!important;
    }
}


.msph__placeholder{
    width:calc(100% - 28px);
    height:calc(100% - 28px);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:24px;
    border:1px solid color-mix(in srgb,var(--msph-accent) 24%,#e4e4e4);
    border-radius:15px;
    background:linear-gradient(145deg,#fff,var(--msph-accent-soft));
    text-align:center;
}
.msph__placeholder strong{font-size:clamp(24px,3vw,38px);color:var(--msph-accent-dark)}
.msph__placeholder>span{color:var(--msph-muted);font-weight:700}
.msph__placeholder-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:8px}
.msph__placeholder-chips span{padding:6px 9px;border-radius:999px;background:#fff;border:1px solid var(--msph-line);font-size:11px;font-weight:750;color:var(--msph-muted)}

.msph-followup{padding:18px 0 6px}
.msph-followup>.container{width:min(1200px,calc(100% - 24px));margin-inline:auto}


/* =====================================================================
   FINAL CONSISTENCY PASS — 07 AUGUST 2026
   Shared Product Information + final CTA + notice components.
   All selectors remain scoped so older page CSS is not globally overridden.
   ===================================================================== */

/* Product Information — neat card language based on Marriage Matching Basic. */
.mst-pi-standard{padding:18px 0 8px;scroll-margin-top:88px}
.mst-pi-standard>.container{width:min(1200px,calc(100% - 24px));margin-inline:auto}
.mst-pi-title{margin:0 0 12px}
.mst-pi-title h2,
.mst-pi-standard .section-head h2{margin:0;color:var(--msph-accent-dark,var(--heading,#6f4b22));font-size:clamp(22px,2.6vw,30px);line-height:1.18;letter-spacing:-.015em}
.mst-pi-shell,
.mst-pi-standard .product-info-wrap,
.mst-pi-standard .product-info-card,
.mst-pi-standard .info-compact,
.mst-pi-standard .snapshot-shell,
.mst-pi-standard .outer-card,
.mst-pi-standard .info-card,
.mst-pi-standard .trust-grid{
    border:1px solid var(--msph-line,var(--line,#eadfce));
    border-radius:20px;
    background:linear-gradient(180deg,#fffdf9 0%,#fff8ee 100%);
    box-shadow:0 12px 30px rgba(51,38,20,.065);
}
.mst-pi-shell{padding:16px}
.mst-pi-grid,
.mst-pi-standard .info-grid,
.mst-pi-standard .ic-grid,
.mst-pi-standard .trust-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}
.mst-pi-standard .trust-grid{padding:14px}
.mst-pi-item,
.mst-pi-standard .info-item,
.mst-pi-standard .ic-card,
.mst-pi-standard .trust-card,
.mst-pi-added-shipping{
    min-width:0;
    padding:13px 14px;
    border:1px solid var(--msph-line,var(--line,#eadfce));
    border-radius:14px;
    background:#fffdfa;
    overflow-wrap:anywhere;
}
.mst-pi-label,
.mst-pi-standard .info-item>span:first-child,
.mst-pi-standard .ic-k,
.mst-pi-added-label{
    display:block;
    margin:0 0 5px;
    color:var(--msph-muted,var(--muted,#756858));
    font-size:12px;
    line-height:1.25;
    font-weight:800;
    letter-spacing:.025em;
}
.mst-pi-value,
.mst-pi-standard .info-item strong,
.mst-pi-standard .ic-v,
.mst-pi-added-shipping strong{
    display:block;
    color:var(--msph-text,var(--text,#2f281f));
    font-size:15px;
    line-height:1.5;
    font-weight:800;
    overflow-wrap:anywhere;
}
.mst-pi-price-card{background:linear-gradient(180deg,#fffaf1,#fff5e6)}

/* Compact pricing blocks receive the same visual rhythm. */
.mst-pi-standard .info-compact{padding:14px}
.mst-pi-standard .ic-block{padding:0;border:0;background:transparent}
.mst-pi-standard .ic-title{margin:0 0 8px;color:var(--msph-accent-dark,var(--heading,#6f4b22));font-weight:850}
.mst-pi-standard .ic-price-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}
.mst-pi-standard .ic-pillbox{min-width:0;padding:13px 14px;border:1px solid var(--msph-line,var(--line,#eadfce));border-radius:14px;background:#fffdfa;overflow-wrap:anywhere}

/* Product-information tables: paired label/value cells become clean visual cards. */
.mst-pi-standard .product-info-table-wrap,
.mst-pi-standard .snapshot-table-wrap,
.mst-pi-standard .pricing-table-wrap,
.mst-pi-standard .info-table-wrap{overflow:visible}
.mst-pi-standard table{width:100%;border-collapse:separate!important;border-spacing:8px!important;background:transparent!important;table-layout:fixed}
.mst-pi-standard table th,
.mst-pi-standard table td{min-width:0;padding:12px 13px!important;vertical-align:top!important;overflow-wrap:anywhere;word-break:normal}
.mst-pi-standard table th{width:18%;border:1px solid var(--msph-line,var(--line,#eadfce))!important;border-right:0!important;border-radius:14px 0 0 14px!important;background:#fff7e9!important;color:var(--msph-muted,var(--muted,#756858))!important;font-size:12px!important;line-height:1.35!important;font-weight:850!important}
.mst-pi-standard table td{width:32%;border:1px solid var(--msph-line,var(--line,#eadfce))!important;border-left:0!important;border-radius:0 14px 14px 0!important;background:#fffdfa!important;color:var(--msph-text,var(--text,#2f281f))!important;font-size:14px!important;line-height:1.5!important;font-weight:750!important}
.mst-pi-standard .mst-pi-shipping-row td{border-left:0!important}

/* Legacy notice belongs after Product Information, not above the product hero. */
.mst-legacy-below-info{width:min(1200px,calc(100% - 24px));margin:10px auto 8px!important;border-radius:15px!important;box-shadow:none!important}

/* Calm, consistent final purchase/download action. */
.mst-final-cta{padding:18px 0 30px}
.mst-final-cta>.container{width:min(1200px,calc(100% - 24px));margin-inline:auto}
.mst-final-cta__card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding:24px clamp(20px,3vw,32px);border:1px solid var(--msph-line,var(--line,#eadfce));border-radius:22px;background:linear-gradient(135deg,#fffdf9 0%,color-mix(in srgb,var(--msph-accent-soft,#fff2df) 72%,#fff) 100%);box-shadow:0 14px 34px rgba(51,38,20,.075)}
.mst-final-cta__eyebrow{display:inline-flex;margin:0 0 6px;color:var(--msph-accent-dark,var(--primary-dark,#744a18));font-size:12px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.mst-final-cta h2{margin:0 0 6px;color:var(--msph-text,var(--text,#2f281f));font-size:clamp(22px,2.8vw,31px);line-height:1.18}
.mst-final-cta p{margin:0;max-width:72ch;color:var(--msph-muted,var(--muted,#756858));font-size:14px;line-height:1.65}
.mst-final-cta__button{display:inline-flex;align-items:center;justify-content:center;min-width:150px;min-height:48px;padding:11px 18px;border:1px solid var(--msph-accent-dark,var(--primary-dark,#744a18));border-radius:12px;background:var(--msph-accent-dark,var(--primary-dark,#744a18));background:linear-gradient(180deg,var(--msph-accent-dark,var(--primary-dark,#744a18)),color-mix(in srgb,var(--msph-accent-dark,var(--primary-dark,#744a18)) 86%,#000));color:#fff!important;font-size:14px;font-weight:850;text-decoration:none!important;box-shadow:0 10px 22px color-mix(in srgb,var(--msph-accent,#9b6b2d) 22%,transparent);transition:transform .18s ease,box-shadow .18s ease}
.mst-final-cta__button:hover{transform:translateY(-1px);box-shadow:0 12px 26px color-mix(in srgb,var(--msph-accent,#9b6b2d) 28%,transparent)}

/* Health / financial notices stay inside the normal page grid. */
.mst-safety-note-wrap{padding:8px 0 12px}
.mst-safety-note-wrap>.container{width:min(1200px,calc(100% - 24px));margin-inline:auto}
.mst-safety-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;align-items:start;padding:15px 17px;border:1px solid var(--msph-line,var(--line,#eadfce));border-left:4px solid var(--msph-accent,var(--primary,#9b6b2d));border-radius:14px;background:#fffdf9;box-shadow:0 8px 22px rgba(51,38,20,.045);color:var(--msph-muted,var(--muted,#756858));font-size:13px;line-height:1.6}
.mst-safety-note strong{color:var(--msph-accent-dark,var(--primary-dark,#744a18));white-space:nowrap}

/* Red Astro Home / Professional 6 old body hero: pricing moved to Product Information. */
.mst-workflow-clean .hero-shell{grid-template-columns:1fr!important}
.mst-workflow-clean .hero-left{min-width:0;width:100%!important}
.mst-workflow-clean .hero-micro{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.mst-workflow-clean .micro{min-width:0;overflow-wrap:anywhere}

/* Global defensive wrapping inside product content prevents text overlap. */
.mst-windows-product-page main :where(.section-card,.section-shell,.snapshot-shell,.detail-shell,.sample-card,.feature-card,.value-card,.info-card,.acc-item,.acc-trigger,.acc-text,.acc-title,.acc-sub),
.mst-phase5-mobile-app main :where(.section-card,.outer-card,.info-card){min-width:0}
.mst-windows-product-page main :where(h2,h3,p,li,td,th,a,button,strong,span),
.mst-phase5-mobile-app main :where(h2,h3,p,li,td,th,a,button,strong,span){overflow-wrap:anywhere}

@media (max-width:900px){
    .mst-pi-grid,.mst-pi-standard .info-grid,.mst-pi-standard .ic-grid,.mst-pi-standard .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .mst-workflow-clean .hero-micro{grid-template-columns:1fr!important}
}
@media (max-width:760px){
    .mst-pi-grid,.mst-pi-standard .info-grid,.mst-pi-standard .ic-grid,.mst-pi-standard .trust-grid,.mst-pi-standard .ic-price-row{grid-template-columns:1fr}
    .mst-pi-standard table,.mst-pi-standard table tbody,.mst-pi-standard table tr,.mst-pi-standard table th,.mst-pi-standard table td{display:block;width:100%!important}
    .mst-pi-standard table{border-spacing:0!important}
    .mst-pi-standard table tr{margin:0 0 10px}
    .mst-pi-standard table th{border-right:1px solid var(--msph-line,var(--line,#eadfce))!important;border-radius:12px 12px 0 0!important;padding-bottom:7px!important}
    .mst-pi-standard table td{border-left:1px solid var(--msph-line,var(--line,#eadfce))!important;border-radius:0 0 12px 12px!important;padding-top:8px!important;margin-bottom:8px}
    .mst-final-cta__card{grid-template-columns:1fr;text-align:left}
    .mst-final-cta__button{width:100%}
    .mst-safety-note{grid-template-columns:1fr}
    .mst-safety-note strong{white-space:normal}
}
@media (max-width:520px){
    .mst-pi-standard>.container,.mst-final-cta>.container,.mst-safety-note-wrap>.container{width:min(100% - 20px,1200px)}
    .mst-pi-shell{padding:12px}
    .mst-final-cta__card{padding:19px 16px;border-radius:18px}
}

/* FINAL MOBILE PRODUCT INFORMATION WIDTH FIX — 07 AUGUST 2026
   Mobile-app shared CSS gives pricing tables a 640px minimum width for horizontal scrolling.
   Standardized Product Information must instead stack cleanly inside the viewport. */
@media (max-width:760px){
  body.mst-phase5-mobile-app .mst-pi-standard .pricing-table,
  body.mst-phase5-mobile-app .mst-pi-standard table{
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
  }
  body.mst-phase5-mobile-app .mst-pi-standard .pricing-table-wrap,
  body.mst-phase5-mobile-app .mst-pi-standard .product-info-table-wrap,
  body.mst-phase5-mobile-app .mst-pi-standard .info-table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
}

/* =====================================================================
   FINAL DEVICE-SAFE NAV + PRODUCT INFORMATION PASS — 07 AUGUST 2026
   Keep standardized Product Information inside the viewport and turn
   long product-content tab strips into a readable grid on small screens.
   ===================================================================== */
.mst-pi-standard table,
.mst-pi-standard .snapshot-table,
.mst-pi-standard .pricing-table,
.mst-pi-standard .product-info-table{min-width:0!important;max-width:100%!important}
.mst-final-cta__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end}
.mst-final-cta__button--secondary{background:#fff!important;color:var(--msph-accent-dark,var(--primary-dark,#744a18))!important;border-color:color-mix(in srgb,var(--msph-accent,#9b6b2d) 38%,#d9c6aa)!important;box-shadow:none!important}
.mst-final-cta__button--secondary:hover{background:color-mix(in srgb,var(--msph-accent-soft,#fff2df) 72%,#fff)!important;color:var(--msph-accent-dark,var(--primary-dark,#744a18))!important;box-shadow:0 8px 18px color-mix(in srgb,var(--msph-accent,#9b6b2d) 12%,transparent)!important}

/* Contents/tabs are intentionally excluded from universal pairing rules.
   Each product keeps its original page-specific tab/accordion behavior and order. */
@media (max-width:760px){
  .mst-final-cta__actions{display:grid;grid-template-columns:1fr 1fr;width:100%;justify-content:stretch}
  .mst-final-cta__button{min-width:0;width:100%}
}
@media (max-width:520px){
  .mst-final-cta__actions{grid-template-columns:1fr}
}

/* Final Product Information text wrapping safeguard. */
.mst-pi-standard table th,.mst-pi-standard table td{white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important}


/* =====================================================================
   FEEDBACK PASS 01 — SHORT ACTION PAIRS + ASTRO FINCALC VALIDITY
   Short header actions and section shortcuts use a two-column rhythm on
   touch widths. Long labels span the full row instead of being squeezed.
   ===================================================================== */
@media (max-width:760px){
    .msph__actions,
    .msph .cta-row{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:9px!important;
        width:100%;
    }
    .msph__actions > .msph__button,
    .msph .cta-row > .btn{
        min-width:0!important;
        width:100%!important;
        margin:0!important;
    }
    .msph__actions > .msph__button--wide,
    .msph .cta-row > .btn.msph__button--wide{
        grid-column:1 / -1;
    }
    .msph__actions > :last-child:nth-child(odd){
        grid-column:1 / -1;
    }
    .msph__quicklinks,
    .msph .quick-links{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
        width:100%;
        overflow:visible!important;
        padding-bottom:0!important;
    }
    .msph__quicklinks a,
    .msph .quick-links a{
        min-width:0!important;
        width:100%;
        justify-content:center;
        text-align:center;
        white-space:normal!important;
        overflow-wrap:anywhere;
    }
    .msph__quicklinks .msph__quicklink--wide,
    .msph .quick-links .msph__quicklink--wide{
        grid-column:1 / -1;
    }
}

@media (max-width:380px){
    .msph__actions,
    .msph .cta-row,
    .msph__quicklinks,
    .msph .quick-links{gap:7px!important}
    .msph__button,
    .msph .cta-row .btn{padding-left:10px;padding-right:10px;font-size:13px}
    .msph__quicklinks a,
    .msph .quick-links a{padding-left:8px;padding-right:8px;font-size:11.5px}
}

/* =====================================================================
   FEEDBACK PASS 02 — COMPACT PRODUCT INFORMATION PAIRS
   Short Product Information cards may remain two-up on touch widths.
   Long items explicitly marked .mst-pi-wide span the full row.
   ===================================================================== */
.mst-pi-standard .mst-pi-compact-pairs{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.mst-pi-standard .mst-pi-compact-pairs > .mst-pi-wide{
    grid-column:1 / -1;
}
.mst-pi-standard .mst-pi-compact-pairs .info-item,
.mst-pi-standard .mst-pi-compact-pairs .mst-pi-added-shipping{
    min-width:0;
    margin:0;
}
.mst-pi-standard .mst-pi-compact-pairs .info-item h3{
    margin:0 0 7px;
    color:var(--msph-accent-dark,var(--heading,#6f4b22));
    font-size:13px;
    line-height:1.3;
    font-weight:850;
}
.mst-pi-standard .mst-pi-compact-pairs .info-item p{
    margin:0;
    color:var(--msph-text,var(--text,#2f281f));
    font-size:14px;
    line-height:1.5;
    font-weight:750;
    overflow-wrap:anywhere;
}
@media (max-width:420px){
    .mst-pi-standard .mst-pi-compact-pairs{gap:9px}
    .mst-pi-standard .mst-pi-compact-pairs .info-item,
    .mst-pi-standard .mst-pi-compact-pairs .mst-pi-added-shipping{padding:11px 10px}
    .mst-pi-standard .mst-pi-compact-pairs .info-item h3{font-size:12px}
    .mst-pi-standard .mst-pi-compact-pairs .info-item p,
    .mst-pi-standard .mst-pi-compact-pairs .mst-pi-added-shipping strong{font-size:13px}
}


/* FEEDBACK — compact Product Information pairs on small screens.
   Short facts stay two-per-row to reduce scrolling; long facts span full width. */
.mst-pi-standard .mst-pi-grid--mobile-pairs .mst-pi-item--wide{grid-column:1 / -1}
@media (max-width:760px){
  .mst-pi-standard .mst-pi-grid.mst-pi-grid--mobile-pairs{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .mst-pi-standard .mst-pi-grid--mobile-pairs .mst-pi-item{padding:11px 12px}
  .mst-pi-standard .mst-pi-grid--mobile-pairs .mst-pi-label{font-size:11px}
  .mst-pi-standard .mst-pi-grid--mobile-pairs .mst-pi-value{font-size:14px;line-height:1.42}
  .mst-pi-standard .mst-pi-grid--mobile-pairs .mst-pi-item--wide{grid-column:1 / -1}
}
@media (max-width:340px){
  .mst-pi-standard .mst-pi-grid.mst-pi-grid--mobile-pairs{grid-template-columns:1fr}
  .mst-pi-standard .mst-pi-grid--mobile-pairs .mst-pi-item--wide{grid-column:auto}
}


/* =====================================================================
   FINAL FEEDBACK CONSOLIDATION — 07 AUGUST 2026
   Safe paired-action rhythm. We do NOT force arbitrary sample/download
   groups into two columns because several pages contain long labels.
   Only explicitly reviewed compact groups and the final CTA are paired.
   ===================================================================== */
@media (min-width:380px) and (max-width:760px){
  body.mst-windows-product-page .mst-sample-compact-pairs,
  body.mst-phase5-mobile-app .mst-sample-compact-pairs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    width:100%!important;
    max-width:100%!important;
  }
  body.mst-windows-product-page .mst-sample-compact-pairs > :where(a,button),
  body.mst-phase5-mobile-app .mst-sample-compact-pairs > :where(a,button){
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    text-align:center;
    justify-content:center;
  }
  body.mst-windows-product-page .mst-sample-compact-pairs > :last-child:nth-child(odd),
  body.mst-phase5-mobile-app .mst-sample-compact-pairs > :last-child:nth-child(odd){grid-column:1 / -1}
}
@media (max-width:379px){
  body.mst-windows-product-page .mst-sample-compact-pairs,
  body.mst-phase5-mobile-app .mst-sample-compact-pairs{grid-template-columns:1fr!important}
}
@media (min-width:350px) and (max-width:760px){
  .mst-final-cta__actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:349px){
  .mst-final-cta__actions{grid-template-columns:1fr!important}
}

/* StarLight Premium 11 — restrained premium icon system. */
.sl-premium-title{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.sl-heading-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:14px;color:#7e1427;background:linear-gradient(145deg,#fff7e8,#f1dfbd);border:1px solid #e6c991;box-shadow:0 9px 20px rgba(110,31,27,.08)}
.sl-heading-icon svg,.sl-card-svg svg,.sl-inline-svg svg{width:24px;height:24px;display:block}
.feature-icon.feature-icon--svg{color:#7e1427}
.sl-card-svg{display:grid;place-items:center;width:100%;height:100%}
.report-icon-slot.report-icon-slot--svg,.tab-icon-slot.tab-icon-slot--svg{display:grid;place-items:center}
.report-icon-slot--svg .sl-inline-svg,.tab-icon-slot--svg .sl-inline-svg{display:grid;place-items:center;width:100%;height:100%}
#reports .report-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
#reports .report-card:hover{transform:translateY(-2px);border-color:#d8bb86;box-shadow:0 18px 34px rgba(67,33,12,.09)}
@media (max-width:640px){.sl-heading-icon{width:38px;height:38px;flex-basis:38px}.sl-premium-title{gap:10px}}

/* WorldFin Astro 11 Premium — flagship financial visual system. */
body.mst-family-financial{--wf-premium-navy:#173b58;--wf-premium-blue:#2a6d9c;--wf-premium-green:#157e61;--wf-premium-gold:#b98935}
body.mst-family-financial .section-card{border-color:#dbe6ef;background:radial-gradient(circle at 100% 0%,rgba(185,137,53,.045),transparent 22%),linear-gradient(180deg,#fff 0%,#f8fbfe 100%);box-shadow:0 18px 44px rgba(16,33,53,.075)}
.wf-premium-title{display:flex;align-items:center;gap:13px;flex-wrap:wrap;color:#173b58!important}
.wf-heading-icon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:15px;color:#1e638d;background:linear-gradient(145deg,#f7fbff,#e6f0f8);border:1px solid #cddfea;box-shadow:0 9px 22px rgba(23,59,88,.08)}
.wf-heading-icon svg,.wf-card-icon svg,.wf-feature-icon svg,.wf-inline-svg svg{width:24px;height:24px;display:block}
.wf-card-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.wf-card-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:13px;color:#157e61;background:#e9f6f1;border:1px solid #c8e7da}
body.mst-family-financial .premium-card{position:relative;padding:22px;border-color:#d9e4ed;background:linear-gradient(180deg,#fff 0%,#f8fbfd 100%);box-shadow:0 12px 30px rgba(16,33,53,.06);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
body.mst-family-financial .premium-card::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,#1c5f88,#157e61,#b98935);opacity:.82}
body.mst-family-financial .premium-card:hover{transform:translateY(-2px);border-color:#bed3e1;box-shadow:0 18px 38px rgba(16,33,53,.09)}
.wf-feature-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;color:#1e638d;background:linear-gradient(145deg,#f6fbff,#e4eff7);border:1px solid #cbdde9;margin:5px 0 14px}
body.mst-family-financial .premium-meta{position:absolute;right:16px;top:14px;opacity:.72}
body.mst-family-financial .small-label{font-size:11px;letter-spacing:.12em;color:#60798d;background:#f4f8fb;border:1px solid #dce7ef;border-radius:999px;padding:5px 8px}
body.mst-family-financial .card-title{color:#173b58;line-height:1.22}
body.mst-family-financial .list-icon--svg,body.mst-family-financial .group-mark--svg{color:#1e638d;background:linear-gradient(145deg,#f7fbff,#e5f0f8);border:1px solid #cbdde8;box-shadow:0 8px 18px rgba(23,59,88,.07)}
body.mst-family-financial .wf-inline-svg{display:grid;place-items:center;width:100%;height:100%}
body.mst-family-financial .acc-ico{font-size:0;color:#24698f;background:linear-gradient(145deg,#f7fbff,#e5eff7);border:1px solid #d0e0eb;box-shadow:none}
body.mst-family-financial .acc-ico::before{content:"";width:20px;height:20px;display:block;background-repeat:no-repeat;background-size:contain;background-position:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2324698f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19V9M10 19V5M16 19v-7M22 19V7'/%3E%3Cpath d='M3 19h20'/%3E%3C/svg%3E")}
body.mst-family-financial .mst-safety-note--financial{border-color:#cbdce8;background:linear-gradient(145deg,#f8fbfe,#edf5fa);box-shadow:0 14px 30px rgba(23,59,88,.07)}
body.mst-family-financial .mst-safety-note--financial strong{color:#173b58}
@media (max-width:640px){.wf-heading-icon{width:39px;height:39px;flex-basis:39px}.wf-premium-title{gap:10px}body.mst-family-financial .premium-card{padding:18px}.wf-feature-icon{width:44px;height:44px}}

/* =========================================================
   MINDSUTRA PREMIUM CTA OPTION B — FINAL SITEWIDE
   Product header/final actions. Visual styling only; routes and markup unchanged.
========================================================= */
.msph__button--primary,
.msph .cta-row .btn-primary,
.mst-final-cta__button:not(.mst-final-cta__button--secondary){
  border-radius:18px!important;
  border-color:#9f470c!important;
  background:linear-gradient(90deg,#9f470c 0%,#ac520e 52%,#b55a0d 100%)!important;
  color:#fff!important;
  box-shadow:0 9px 20px rgba(145,72,14,.18),inset 0 1px 0 rgba(255,235,205,.20)!important;
  text-decoration:none!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,background .18s ease,border-color .18s ease,color .18s ease;
}
.msph__button--primary:hover,.msph__button--primary:focus-visible,
.msph .cta-row .btn-primary:hover,.msph .cta-row .btn-primary:focus-visible,
.mst-final-cta__button:not(.mst-final-cta__button--secondary):hover,
.mst-final-cta__button:not(.mst-final-cta__button--secondary):focus-visible{
  transform:translateY(-1px);
  border-color:#7f3508!important;
  background:linear-gradient(90deg,#813707 0%,#93400a 52%,#a64b0f 100%)!important;
  color:#fff!important;
  box-shadow:0 13px 24px rgba(126,57,8,.23),inset 0 1px 0 rgba(255,235,205,.24)!important;
  filter:none!important;
  outline:3px solid rgba(159,71,12,.20)!important;
  outline-offset:2px;
}
.msph__button--secondary,.msph__button--outline,
.msph .cta-row .btn-outline,.msph .cta-row .btn-secondary,
.mst-final-cta__button--secondary{
  border-radius:18px!important;
  border-color:#c1681e!important;
  background:linear-gradient(180deg,#fffefa 0%,#fff8ed 100%)!important;
  color:#743410!important;
  box-shadow:0 7px 17px rgba(151,83,24,.10),inset 0 1px 0 rgba(255,255,255,.92)!important;
  text-decoration:none!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease;
}
.msph__button--secondary:hover,.msph__button--secondary:focus-visible,
.msph__button--outline:hover,.msph__button--outline:focus-visible,
.msph .cta-row .btn-outline:hover,.msph .cta-row .btn-outline:focus-visible,
.msph .cta-row .btn-secondary:hover,.msph .cta-row .btn-secondary:focus-visible,
.mst-final-cta__button--secondary:hover,.mst-final-cta__button--secondary:focus-visible{
  transform:translateY(-1px);
  border-color:#9f470c!important;
  background:linear-gradient(180deg,#fff8ec 0%,#f8e4c7 100%)!important;
  color:#622b0d!important;
  box-shadow:0 11px 21px rgba(151,83,24,.15)!important;
  filter:none!important;
  outline:3px solid rgba(159,71,12,.16)!important;
  outline-offset:2px;
}