:root{color-scheme:light;--card-ink:#252525}*{box-sizing:border-box}
body.public-card-classic{min-height:100dvh;margin:0;background:#252525;color:var(--card-ink);font-family:Inter,Arial,sans-serif}
/* One typography setting is shared by every public card layout. Individual
   template styles may set their own defaults, but the chosen card font takes
   precedence for the entire rendered card and swaps in when it finishes loading. */
body.public-card-classic [data-template],body.public-card-classic [data-template] *{font-family:var(--qardora-card-font,inherit)!important}
.classic-vcard{width:min(100%,420px);margin:auto;background:#f5f5f5;overflow:hidden}.classic-vcard-canvas{width:100%;aspect-ratio:192/336}.classic-vcard-canvas svg{display:block;width:100%;height:100%;overflow:hidden}
.classic-vcard-details{display:grid;gap:16px;padding:22px 24px 26px;background:var(--qardora-surface,#fff);color:var(--qardora-ink,#1d2623);font-size:.9rem;line-height:1.55}.classic-contact-list{display:grid;gap:2px}.classic-contact-link{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:center;min-height:46px;padding:7px 0;border-bottom:1px solid color-mix(in srgb,var(--qardora-border,#d9e1dc) 80%,transparent);color:inherit;font-weight:700;text-decoration:none;overflow-wrap:anywhere;transition:color .16s ease,padding-left .16s ease}.classic-contact-link:hover{padding-left:4px;color:var(--qardora-brand,#004c43)}.classic-contact-link svg{width:18px;height:18px;fill:var(--qardora-icon,var(--qardora-brand,#004c43))}.classic-social-rail{display:flex;flex-wrap:wrap;gap:9px;align-items:center;padding-top:2px}.classic-social-rail a{display:grid;width:38px;height:38px;place-items:center;border:1px solid color-mix(in srgb,var(--qardora-icon,#004c43) 28%,transparent);border-radius:50%;color:var(--qardora-icon,var(--qardora-brand,#004c43));transition:background .16s ease,color .16s ease,transform .16s ease}.classic-social-rail a:hover{background:var(--qardora-brand,#004c43);color:#fff;transform:translateY(-2px)}.classic-social-rail svg{width:18px;height:18px;fill:currentColor}
.public-card-language{position:fixed!important;z-index:20;top:14px;right:max(14px,calc(50% - 196px));left:auto!important;filter:drop-shadow(0 4px 10px rgba(18,35,30,.16))}.public-card-language select{width:38px;height:38px;opacity:0;cursor:pointer}.public-card-language span{position:absolute;display:grid;place-items:center;inset:0;border:1px solid #dfe2de;border-radius:10px;background:#fffffff2;color:#202522;pointer-events:none}
.card-preview-toolbar{position:fixed;z-index:30;top:16px;left:50%;display:flex;align-items:center;gap:4px;padding:5px;border:1px solid #dfe2de;border-radius:12px;background:#fffffff2;box-shadow:0 8px 24px #10231b18;transform:translateX(-50%)}.card-preview-toolbar strong{padding:0 8px;font-size:.78rem}.card-preview-toolbar a{padding:8px 10px;border-radius:8px;color:#202522;font-size:.78rem;font-weight:750;text-decoration:none}.card-preview-toolbar a.active{color:#fff;background:#202522}
body[data-preview-device]{display:grid;place-items:center;padding:72px 24px 24px!important;background:#f2f0ea}body[data-preview-device] .classic-vcard{width:min(100%,420px);border:10px solid #252525;border-radius:30px;box-shadow:0 20px 54px #171d1930}body[data-preview-device] .public-card-language{top:86px;right:max(38px,calc(50% - 196px))}
@media(min-width:760px){body.public-card-classic:not([data-preview-device]){display:grid;place-items:center;padding:44px;background:radial-gradient(circle at 50% 18%,#155f57 0,#252525 44%)}.classic-vcard{width:min(100%,560px);box-shadow:0 28px 80px #000a}.classic-vcard-canvas{filter:drop-shadow(0 16px 22px #0003)}body.public-card-classic:not([data-preview-device]) .public-card-language{top:60px;right:max(18px,calc(50% - 266px))}body[data-preview-device="desktop"] .classic-vcard{width:min(100%,560px)}}
@media(max-width:460px){body[data-preview-device]{padding:66px 12px 12px!important}body[data-preview-device] .classic-vcard{width:min(100%,390px);border-width:8px;border-radius:26px}}

/* The locale picker belongs to the Classic card—not the browser viewport.
   Keep it at the card's upper-right edge for the three rendered widths. */
@media(min-width:760px){body.public-card-classic:not([data-preview-device]) .public-card-language{top:60px!important;right:auto!important;left:calc(50% + 224px)!important}}

/* Contact Profile — a QR-free, contact-first vCard layout.  The three
   colour variables originate in the Qardora card builder, not this template. */
.karawani-vcard{width:min(100%,480px);min-height:100dvh;margin:auto;overflow:hidden;background:var(--profile-surface,#f8f7f2);color:#1d2623;font-family:Inter,Arial,sans-serif;box-shadow:0 24px 72px #0006}.karawani-identity{position:relative;isolation:isolate;min-height:330px;padding:34px 30px 50px;background:var(--profile-brand,#380349);color:#fff;text-align:center;overflow:hidden}.karawani-identity:after{position:absolute;z-index:-1;right:-12%;bottom:-96px;left:-12%;height:180px;border-radius:50% 50% 0 0/100% 100% 0 0;background:var(--profile-surface,#f8f7f2);content:""}.karawani-logo{display:block;width:auto;max-width:132px;max-height:42px;margin:0 auto 30px;object-fit:contain;filter:brightness(0) invert(1)}.karawani-wordmark{display:block;margin:2px 0 38px;font-size:.82rem;letter-spacing:.17em;text-transform:uppercase}.karawani-portrait{display:block;width:104px;height:104px;margin:0 auto 18px;border:7px solid #ffffff;border-radius:50%;object-fit:cover;background:#e9eeea;box-shadow:0 8px 22px #16001f35}.karawani-identity h1{max-width:360px;margin:0 auto 9px;font-size:clamp(2rem,9vw,3.55rem);line-height:.96;letter-spacing:-.065em}.karawani-identity p{margin:0;font-size:1rem;font-weight:750}.karawani-identity small{display:block;margin-top:6px;opacity:.8;font-size:.75rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.karawani-details{display:grid;gap:0;padding:30px 30px 10px;background:var(--profile-surface,#f8f7f2)}.karawani-details a{display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;align-items:center;min-height:58px;border-bottom:1px solid color-mix(in srgb,var(--profile-brand,#380349) 17%,transparent);color:#1d2623;font-size:.98rem;font-weight:720;text-decoration:none;overflow-wrap:anywhere;transition:transform .18s ease,color .18s ease}.karawani-details a:hover{color:var(--profile-brand,#380349);transform:translateX(3px)}.karawani-details svg{width:19px;height:19px;fill:none;stroke:var(--profile-icon,var(--profile-brand,#380349));stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.karawani-social{display:flex;min-height:78px;gap:12px;align-items:center;padding:18px 30px 24px;background:var(--profile-surface,#f8f7f2)}.karawani-social:empty{display:none}.karawani-social a{display:grid;width:42px;height:42px;place-items:center;border:1px solid color-mix(in srgb,var(--profile-brand,#380349) 25%,transparent);border-radius:50%;color:var(--profile-icon,var(--profile-brand,#380349));transition:background .18s ease,color .18s ease,transform .18s ease}.karawani-social a:hover{background:var(--profile-brand,#380349);color:#fff;transform:translateY(-3px)}.karawani-social svg{width:19px;height:19px;fill:currentColor}.karawani-actions{display:grid;grid-template-columns:1fr 1fr;min-height:76px;background:var(--profile-brand,#380349)}.karawani-actions>a,.karawani-actions>button{display:grid;place-items:center;border:0;background:transparent;color:#fff;cursor:pointer;transition:background .18s ease}.karawani-actions>a+a,.karawani-actions>button{border-left:1px solid #ffffff38}.karawani-actions>a:hover,.karawani-actions>button:hover{background:#0000001f}.karawani-actions svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body[data-preview-device] .karawani-vcard{width:min(100%,430px);border:10px solid #252525;border-radius:30px;min-height:0;box-shadow:0 20px 54px #171d1930}body[data-preview-device] .karawani-identity{min-height:288px;padding-top:28px}body[data-preview-device] .karawani-identity h1{font-size:2.35rem}@media(min-width:760px){body.public-card-classic:not([data-preview-device]) .karawani-vcard{width:min(100%,620px);min-height:760px;border-radius:0}.karawani-identity{min-height:380px;padding-top:45px}.karawani-details{padding-right:52px;padding-left:52px}.karawani-social{padding-right:52px;padding-left:52px}}
body[data-preview-device="mobile"] .executive-vcard,body[data-preview-device="mobile"] .hub-vcard,body[data-preview-device="mobile"] .minimal-vcard{width:min(calc(100vw - 24px),500px)!important;min-width:0!important;margin:0!important}

/* Shared palette and reusable custom-field treatment.  Each property is fed
   directly by the card builder, so public cards and both preview modes use
   exactly the same values. */
body.public-card-classic{background:var(--qardora-page,#252525)}
.public-card-classic .public-footer{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:18px;min-height:52px;width:100%;margin:0;padding:0 22px;border-top:1px solid color-mix(in srgb,var(--qardora-border,#d9e1dc) 65%,transparent);background:var(--qardora-surface,#f8f7f2);color:var(--qardora-muted,#65716d);font:700 .68rem/1 Inter,Arial,sans-serif;letter-spacing:.04em}.public-card-classic .public-footer nav{display:flex;align-items:center;gap:14px}.public-card-classic .public-footer a{color:inherit;text-decoration:none}.public-card-classic .public-footer a:hover{color:var(--qardora-brand,#004c43)}
.karawani-vcard,.executive-vcard,.hub-vcard,.minimal-vcard{background:var(--qardora-surface,var(--card-surface,#fff));color:var(--qardora-ink,#182421)}
.karawani-vcard{--profile-brand:var(--qardora-brand,#380349);--profile-surface:var(--qardora-surface,#f8f7f2);--profile-icon:var(--qardora-icon,#380349)}
.executive-vcard,.hub-vcard,.minimal-vcard{--card-brand:var(--qardora-brand,#173b35);--card-surface:var(--qardora-surface,#fff);--card-accent:var(--qardora-icon,#173b35)}
.karawani-details a{color:var(--qardora-ink,#1d2623);border-color:var(--qardora-border,#d9d2db)}
.hub-vcard header p,.minimal-vcard header small{color:var(--qardora-muted,#65716d)}
.hub-links a{background:var(--qardora-surface,#fff);border-color:var(--qardora-border,#ded4e4)}
.executive-contacts a,.minimal-vcard section a{border-color:var(--qardora-border,#d9e1dc)}
.vcard-custom-zone{display:grid;gap:10px;padding:20px 28px;background:var(--qardora-surface,#fff);color:var(--qardora-ink,#182421)}
.vcard-custom-zone-header{position:relative;z-index:3;padding-bottom:0}.vcard-custom-zone-footer{padding-top:0}
.vcard-custom-field{display:grid;gap:4px;padding:13px 15px;border:1px solid var(--qardora-border,#d9e1dc);border-radius:12px;background:color-mix(in srgb,var(--qardora-surface,#fff) 92%,var(--qardora-brand,#173b35));overflow-wrap:anywhere}
.vcard-custom-field small{color:var(--qardora-muted,#65716d);font-size:.65rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.vcard-custom-field span{font-size:.95rem;font-weight:650}
.vcard-custom-field-icon{width:22px;height:22px;object-fit:contain;grid-row:1/3;align-self:center}
.vcard-custom-field:has(.vcard-custom-field-icon){grid-template-columns:22px minmax(0,1fr);column-gap:10px}
.classic-vcard .vcard-custom-zone{width:min(100%,560px);margin:auto}.classic-vcard .vcard-custom-zone-header{display:none}
.karawani-actions,.executive-footer,.hub-vcard footer,.minimal-vcard footer{background:var(--qardora-action,var(--card-brand,#173b35))}
.karawani-actions>a,.karawani-actions>button,.executive-footer>*,.hub-vcard footer>*,.minimal-vcard footer>*{min-width:0;overflow-wrap:anywhere;line-height:1.2}
.karawani-custom-slot:empty{display:none}.karawani-custom-slot-header .vcard-custom-zone{padding:18px 0 0;background:transparent;color:#fff}.karawani-custom-slot-header .vcard-custom-field{border-color:#ffffff55;background:#ffffff16}.karawani-custom-slot-header .vcard-custom-field small{color:#ffffffbc}.karawani-custom-slot-footer .vcard-custom-zone{padding:4px 30px 18px;background:var(--profile-surface,#f8f7f2)}.karawani-details .karawani-custom-contact{display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;align-items:center;min-height:58px;border-bottom:1px solid var(--qardora-border,#d9d2db);color:var(--qardora-ink,#1d2623);font-size:.98rem;font-weight:720;overflow-wrap:anywhere}.karawani-custom-contact-icon{width:19px;height:19px;object-fit:contain;fill:none;stroke:var(--profile-icon,var(--profile-brand,#380349));stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.karawani-custom-contact-copy{display:grid;min-width:0;gap:3px}.karawani-custom-contact-copy small{color:var(--qardora-muted,#65716d);font-size:.65rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.karawani-custom-contact-copy>span{min-width:0;font-size:.98rem;font-weight:720;overflow-wrap:anywhere}
.karawani-details a:not(.karawani-custom-contact)>svg{grid-column:1;grid-row:1/3}.karawani-details a:not(.karawani-custom-contact)>small{grid-column:2;grid-row:1;color:var(--qardora-muted,#65716d);font-size:.65rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.karawani-details a:not(.karawani-custom-contact)>span{grid-column:2;grid-row:2;min-width:0;overflow-wrap:anywhere}
.executive-custom-slot:empty{display:none}.executive-custom-slot-header .vcard-custom-zone{padding:0 28px 20px;background:transparent;color:#fff}.executive-custom-slot-header .vcard-custom-field{border-color:#ffffff55;background:#ffffff16}.executive-custom-slot-header .vcard-custom-field small{color:#ffffffbc}.executive-custom-slot-footer .vcard-custom-zone{padding:4px 28px 18px;background:var(--card-surface,#fff)}.executive-contacts a,.executive-contacts .executive-custom-contact{display:grid;grid-template-columns:28px minmax(0,1fr) 22px;grid-template-rows:auto auto;column-gap:12px;align-items:center;min-height:72px;padding:14px 0;border:0;border-bottom:1px solid var(--qardora-border,#d9e1dc);border-radius:0;background:transparent;color:inherit;text-decoration:none}.executive-contacts a:hover{padding-left:5px;color:var(--card-accent)}.executive-contacts .executive-contact-icon{display:grid;grid-column:1;grid-row:1/3;width:26px;height:26px;place-items:center;position:static;transform:none;color:var(--card-accent)}.executive-contact-icon svg,.executive-contact-icon img{width:19px;height:19px;object-fit:contain;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.executive-contacts a small,.executive-contacts .executive-custom-contact small{grid-column:2;grid-row:1;color:var(--qardora-muted,#65716d);font-size:.62rem;font-weight:850;letter-spacing:.14em;line-height:1.1;text-transform:uppercase}.executive-contacts a strong,.executive-contacts .executive-custom-contact strong{grid-column:2;grid-row:2;min-width:0;font-size:1rem;line-height:1.25;overflow-wrap:anywhere}.executive-contacts .executive-contact-arrow{display:grid;grid-column:3;grid-row:1/3;place-items:center;position:static;transform:none;color:var(--card-accent);font-size:1.15rem}
.executive-social,.minimal-social{display:flex;min-height:76px;align-items:center;justify-content:center;gap:10px;padding:14px 28px;background:var(--card-surface,#fff)}.executive-social a,.minimal-social a{display:grid;width:42px;height:42px;place-items:center;border:1px solid color-mix(in srgb,var(--card-accent,#173b35) 28%,transparent);border-radius:50%;color:var(--card-accent,#173b35);transition:transform .18s ease,background .18s ease}.executive-social a:hover,.minimal-social a:hover{background:var(--card-brand,#173b35);color:#fff;transform:translateY(-2px)}.executive-social svg,.minimal-social svg{width:19px;height:19px;fill:currentColor}.executive-social:empty,.minimal-social:empty{display:none}
.minimal-vcard footer{width:calc(100% + 56px);margin-right:-28px;margin-left:-28px}.hub-vcard footer{width:calc(100% + 48px);margin-right:-24px;margin-left:-24px}

/* Three purpose-built public layouts: leadership, link sharing, and minimal contact. */
.executive-vcard,.hub-vcard,.minimal-vcard{width:min(100%,500px);min-height:100dvh;margin:auto;overflow:hidden;background:var(--card-surface,#fff);color:var(--qardora-ink,#182421);font-family:Inter,Arial,sans-serif;box-shadow:0 24px 72px #0007}.executive-hero{min-height:420px;padding:26px 28px 42px;background:var(--card-brand);color:#fff}.executive-identity{display:flex;flex:1;min-height:352px;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:30px}.executive-identity-image{display:grid;place-items:center;width:172px;height:108px;margin:0;padding:12px;overflow:hidden;border:1px solid #ffffff5c;border-radius:4px;background:#fff;box-shadow:0 12px 32px #00000026}.executive-identity-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.executive-wordmark{font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.executive-copy{margin-top:auto}.executive-hero p,.executive-hero h1,.executive-hero small{margin:0}.executive-hero p{opacity:.75;font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.executive-hero h1{max-width:400px;margin-top:8px;font-size:clamp(2.6rem,13vw,4.6rem);line-height:.88;letter-spacing:-.08em}.executive-hero small{display:block;margin-top:16px;font-size:1rem}.executive-contacts{padding:20px 28px 30px;background:var(--card-surface)}.executive-contacts a{position:relative;display:grid;gap:4px;padding:18px 32px 18px 0;border-bottom:1px solid var(--qardora-border,#1c35221c);color:inherit;text-decoration:none;transition:padding .18s ease}.executive-contacts a:hover{padding-left:6px;color:var(--card-accent)}.executive-contacts small{font-size:.62rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.executive-contacts strong{font-size:1rem;overflow-wrap:anywhere}.executive-contacts span{position:absolute;right:0;top:50%;font-size:1.2rem;transform:translateY(-50%)}.executive-footer,.hub-vcard footer,.minimal-vcard footer{display:grid;grid-template-columns:1fr 1fr;margin-top:auto;background:var(--card-brand)}.executive-footer>*,.hub-vcard footer>*,.minimal-vcard footer>*{display:grid;min-height:72px;place-items:center;border:0;border-left:1px solid #ffffff3d;background:transparent;color:#fff;font:750 .78rem/1 Inter,Arial,sans-serif;text-decoration:none;cursor:pointer}.executive-footer>*:first-child,.hub-vcard footer>*:first-child,.minimal-vcard footer>*:first-child{border-left:0}.hub-vcard{display:flex;flex-direction:column;padding:44px 24px 0;background:var(--card-surface)}.hub-vcard header{text-align:center}.hub-vcard header img{width:102px;height:102px;object-fit:cover;border:4px solid var(--card-brand);border-radius:50%;margin-bottom:17px}.hub-vcard header h1{margin:0;font-size:2.25rem;letter-spacing:-.07em}.hub-vcard header p{margin:8px 0 34px;color:var(--qardora-muted,#65726d);font-size:.87rem}.hub-links{display:grid;gap:11px}.hub-links a{display:grid;grid-template-columns:1fr auto;gap:3px;padding:16px 18px;border:1px solid var(--qardora-border,#ded4e4);border-radius:12px;color:inherit;background:var(--qardora-surface,#fff);text-decoration:none;transition:transform .18s ease,background .18s ease}.hub-links a:hover{background:var(--card-brand);color:#fff;transform:translateY(-2px)}.hub-links span{font-size:.64rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.hub-links b{font-size:.94rem;overflow-wrap:anywhere}.hub-links i{grid-row:1/3;grid-column:2;align-self:center;font-size:1.25rem;font-style:normal}.hub-social{display:flex;justify-content:center;gap:10px;padding:28px 0}.hub-social a{display:grid;width:42px;height:42px;place-items:center;border:1px solid color-mix(in srgb,var(--card-brand) 28%,transparent);border-radius:50%;color:var(--card-accent);transition:transform .18s ease,background .18s ease}.hub-social a:hover{background:var(--card-brand);color:#fff;transform:translateY(-2px)}.hub-social svg{width:19px;height:19px;fill:currentColor}.hub-social:empty{display:none}.minimal-vcard{display:flex;flex-direction:column;padding:38px 28px 0;background:var(--card-surface)}.minimal-vcard header{padding:0 0 30px;border-bottom:3px solid var(--card-brand)}.minimal-vcard header p,.minimal-vcard header h1,.minimal-vcard header small{margin:0}.minimal-vcard header p{color:var(--card-accent);font-size:.72rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.minimal-vcard header h1{margin-top:10px;font-size:clamp(2.4rem,12vw,4.2rem);line-height:.88;letter-spacing:-.08em}.minimal-vcard header small{display:block;margin-top:14px;color:var(--qardora-muted,#63716c);font-size:.96rem}.minimal-vcard section{display:grid;align-content:start;flex:1}.minimal-vcard section a{display:grid;gap:6px;padding:22px 0;border-bottom:1px solid var(--qardora-border,#1c35221c);color:inherit;text-decoration:none}.minimal-vcard section a:hover strong{color:var(--card-accent)}.minimal-vcard section span{font-size:.64rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.minimal-vcard section strong{font-size:1.05rem;overflow-wrap:anywhere;transition:color .18s ease}@media(min-width:760px){body.public-card-classic:not([data-preview-device]) .executive-vcard,body.public-card-classic:not([data-preview-device]) .hub-vcard,body.public-card-classic:not([data-preview-device]) .minimal-vcard{width:min(100%,620px);min-height:780px}.executive-hero{min-height:450px;padding:38px 44px 52px}.executive-identity{min-height:360px}.executive-identity-image{width:202px;height:126px;padding:14px}.executive-contacts{padding:24px 44px 34px}.hub-vcard{padding-right:44px;padding-left:44px}.minimal-vcard{padding-right:44px;padding-left:44px}}@media(max-width:560px){.public-card-classic .public-footer{align-items:flex-start;flex-direction:column;gap:10px;padding:16px 20px}.public-card-classic .public-footer nav{gap:12px;flex-wrap:wrap}}