/* The approved SVA method retains its native blocks and tab behaviour. */
/* Shared copies keep the reference typography despite host-page compositions. */
.method-shared-v20.p4k-sva-v4{font-family:"Inter 4K",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.65;margin:0}
.method-shared-v20.p4k-sva-v4 .sva-method{background:#fff;padding:62px 0;margin:0}
.method-shared-v20.p4k-sva-v4 h2{font-size:clamp(32px,4.2vw,50px);font-weight:500;line-height:1.2;letter-spacing:-.035em;margin:0 0 24px}
.method-shared-v20.p4k-sva-v4 p{margin:0;line-height:1.65}
.method-shared-v20.p4k-sva-v4 .p4k-eyebrow{margin:0 0 16px;line-height:1.6}
.method-shared-v20.p4k-sva-v4 .p4k-lead{font-size:19px;line-height:1.48!important}
.method-shared-v20.p4k-sva-v4 .sva-method-panel h3{font-size:25px;font-weight:500;line-height:1.24;letter-spacing:-.025em;margin:0 0 15px}
.method-shared-v20.p4k-sva-v4 .sva-method-panel>p:last-child{font-size:15px}
@media(min-width:1000px){.method-shared-v20.p4k-sva-v4 .sva-method-panel h3{font-size:28px}}
@media(min-width:834px){.method-shared-v20.p4k-sva-v4 .p4k-lead{font-size:21px}}
.p4k-sva-v5 .m15-method .m15-art{margin:12px 0 22px;min-width:0;white-space:normal}
.p4k-sva-v5 .m15-method .m15-art img{display:block;width:100%;max-width:440px;height:170px;object-fit:contain}
.p4k-sva-v5 .m15-method .m15-art.sva-live-timer{padding:0;gap:0;min-height:185px}
.p4k-sva-v5 .m15-method .m15-art>.sva-timer-face{width:154px;height:154px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.p4k-sva-v5 .m15-method .m15-art .sva-timer-face strong{font-size:35px}
.p4k-sva-v5 .m15-method .m15-art .sva-timer-face span{font-size:11px;color:#686d80;margin-top:5px}
.p4k-sva-v5 .m15-method .m15-art .sva-timer-progress{mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px))}
.p4k-sva-v5 .m15-method .m15-art>button{min-height:34px;padding:8px 12px;font-size:11px}
@media(max-width:450px){.p4k-sva-v5 .m15-method .m15-art img{height:140px}.p4k-sva-v5 .m15-method .sva-method-panel{padding:24px}}


/* Staging proposal: subtle interactive cards for the shared four-phase method. */
.p4k-sva-v4 .sva-method-tabs{gap:12px;padding:5px 6px}
.p4k-sva-v4 .sva-method-tabs .p4k-phase{padding:19px 20px;border:1px solid #e4e6ee;border-radius:16px;background:#f7f8fb;opacity:.78;transform:scale(.97);transform-origin:center;transition:transform .22s ease,opacity .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease;box-shadow:0 1px 3px #23263f04}
.p4k-sva-v4 .sva-method-tabs .p4k-phase[aria-selected="true"]{opacity:1;transform:scale(1);background:#f1f2fd;border-color:#d7daf5;box-shadow:0 6px 18px #34366b0a}
.p4k-sva-v4 .sva-method-tabs .p4k-phase strong{color:#34394c}
.p4k-sva-v4 .sva-method-tabs .p4k-phase small{color:#50566a}
.p4k-sva-v4 .sva-method-tabs .p4k-phase[aria-selected="true"] strong{color:#4056c7}
.p4k-sva-v4 .sva-method-tabs .p4k-phase:not([aria-selected="true"]):hover{opacity:1;transform:scale(1) translateY(-3px);background:#f2f3fa;border-color:#cdd1ee;box-shadow:0 8px 20px #34366b12}
.p4k-sva-v4 .sva-method-tabs .p4k-phase:focus-visible{opacity:1;outline:2px solid #6669e8;outline-offset:3px}
@media(max-width:599px){.p4k-sva-v4 .sva-method-tabs{gap:9px;padding-inline:3px}.p4k-sva-v4 .sva-method-tabs .p4k-phase{padding:16px 14px;border-radius:14px;gap:12px}}
@media(prefers-reduced-motion:reduce){.p4k-sva-v4 .sva-method-tabs .p4k-phase{transition:none}}
