/* Shared VCard design explorer. Native radio controls work without JavaScript. */
.ms-designs { padding:64px 24px; background:#f1f4f3; color:#142c41; scroll-margin-top:88px; }
.ms-designs-inner { max-width:1200px; margin:auto; }
.ms-designs header { display:grid; grid-template-columns:1.1fr 1fr; gap:8px 64px; margin-bottom:32px; }
.ms-designs header>span { grid-column:1/-1; font-size:12px; font-weight:700; letter-spacing:.12em; color:#3b6d73; }
.ms-premium .ms-designs h2 { font-size:clamp(30px,3.15vw,42px); line-height:1.14; letter-spacing:-.04em; margin:8px 0 0; }
.ms-designs header p { align-self:end; max-width:470px; font-size:17px; line-height:1.75; color:#597080; }
.ms-style-selector { position:relative; }
.ms-style-radio { position:absolute; opacity:0; width:1px; height:1px; pointer-events:none; }
.ms-design-explorer { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:22px 48px; align-items:center; grid-template-areas:"options display" "action display"; }
.ms-style-options { grid-area:options; align-self:end; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.ms-style-option { display:flex; align-items:flex-start; gap:12px; padding:19px 16px; min-height:120px; border:1px solid #cedbdc; border-radius:7px; background:#fff; cursor:pointer; transition:border-color .15s,box-shadow .15s; }
.ms-style-option>span { font-size:11px; color:#7d9294; padding-top:4px; }
.ms-style-option strong { display:block; font-size:19px; font-weight:650; letter-spacing:-.025em; }
.ms-style-option p { font-size:14px; margin:6px 0 0!important; line-height:1.6; }
.ms-style-option small,.ms-style-option>b { display:none; }
.ms-style-action { grid-area:action; align-self:start; }
.ms-style-action .ms-button { display:inline-flex; }
.ms-style-action p { font-size:13px!important; line-height:1.7; margin:12px 0 0!important; color:#677e8d; }
.ms-style-display { grid-area:display; background:linear-gradient(130deg,#e2eae6,#fafbf9); border:1px solid #d5e1df; border-radius:10px; padding:22px 18px; min-width:0; }
.ms-style-panel { display:none; }
.ms-style-caption { display:block; text-align:center; font-size:11px; letter-spacing:.12em; color:#617e82; margin-bottom:17px; }
.ms-style-display .ms-vcard-phone { width:286px; transform:none; }
.ms-style-display .ms-vcard-visual { gap:12px; }
.ms-style-panel--corporate .ms-vcard-cover { background:#11253c; }
.ms-style-panel--corporate .ms-vcard-avatar { background:#dbe5ed; border-radius:6px; }
.ms-style-panel--corporate .ms-vcard-save { border-radius:2px; background:#11253c; }
.ms-style-panel--visual .ms-vcard-cover { background:linear-gradient(125deg,#8c7c67,#466257); }
.ms-style-panel--visual .ms-vcard-cover>strong,.ms-style-panel--visual .ms-vcard-profile h3 { font-family:Georgia,serif; }
.ms-style-panel--visual .ms-vcard-avatar { background:#e7ddd0; }
.ms-style-panel--minimal .ms-vcard-cover { background:#f3f6f8; color:#203c51; padding-bottom:25px; }
.ms-style-panel--minimal .ms-vcard-save { border-radius:24px; background:#2a4053; }
.ms-style-panel--minimal .ms-vcard-avatar { border-radius:50%; background:#f2f5f7; }
.ms-style-panel--minimal .ms-vcard-service { background:#fafbfc; }
.ms-design-note { font-size:13px; line-height:1.8; color:#526b77; margin:20px 0 0; max-width:860px; }
#preview-classic:checked~.ms-design-explorer .ms-style-panel--classic,#preview-corporate:checked~.ms-design-explorer .ms-style-panel--corporate,#preview-visual:checked~.ms-design-explorer .ms-style-panel--visual,#preview-minimal:checked~.ms-design-explorer .ms-style-panel--minimal { display:block; }
#preview-classic:checked~.ms-design-explorer label[for=preview-classic],#preview-corporate:checked~.ms-design-explorer label[for=preview-corporate],#preview-visual:checked~.ms-design-explorer label[for=preview-visual],#preview-minimal:checked~.ms-design-explorer label[for=preview-minimal] { border-color:#34656b; box-shadow:inset 3px 0 #34656b; background:#fcfefd; }
#preview-classic:focus-visible~.ms-design-explorer label[for=preview-classic],#preview-corporate:focus-visible~.ms-design-explorer label[for=preview-corporate],#preview-visual:focus-visible~.ms-design-explorer label[for=preview-visual],#preview-minimal:focus-visible~.ms-design-explorer label[for=preview-minimal] { outline:3px solid #2d77b3; outline-offset:3px; }
@media(max-width:800px) { .ms-designs{padding:42px 20px}.ms-designs header{grid-template-columns:1fr;gap:10px;margin-bottom:25px}.ms-design-explorer{grid-template-columns:1fr;grid-template-areas:"options" "display" "action";gap:22px}.ms-style-options{gap:10px;align-self:auto}.ms-style-option{padding:14px 12px;gap:10px;min-height:52px}.ms-style-option>span{display:none}.ms-style-option strong{font-size:18px}.ms-style-option p{display:none}.ms-style-display{padding:20px 12px}.ms-style-display .ms-vcard-phone{width:min(286px,100%)}.ms-designs header p{font-size:16px} }
@media(prefers-reduced-motion:reduce) { .ms-style-option{transition:none} }

/* The selected style uses the actual, isolated profile renderer. */
.pv-showcase-frame{display:block;width:100%;height:570px;border:0;background:#fff;border-radius:6px}.pv-full-preview{display:flex!important;justify-content:center;margin-top:14px;font-size:12px!important}@media(max-width:800px){.pv-showcase-frame{height:610px}}