/* Task-based access, distinct from examples and owned workspaces. */
.evg-guide,.evg-guide *{box-sizing:border-box}
.evg-guide{width:min(1320px,100%);margin:0 auto;padding:28px;scroll-margin-top:90px;font-family:Arial,Helvetica,sans-serif;color:#fff}
.evg-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.evg-eyebrow{display:block;font:700 13px/1.4 Arial,sans-serif;color:#ffe600;letter-spacing:.03em}
html body.home .evg-heading h2{font:700 clamp(26px,3vw,36px)/1.2 Arial,sans-serif;color:#fff;margin:8px 0}
html body.home .evg-heading p{font:400 16px/1.5 Arial,sans-serif;color:#d8cfe9;margin:0}
.evg-account-link{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;padding:11px 15px;min-height:44px;border:1px solid #ffe60070;border-radius:12px;background:#ffe60012;color:#ffe600!important;font-size:15px;font-weight:700;text-decoration:none!important}
.evg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.evg-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto 1fr auto;align-content:start;gap:12px 10px;min-width:0;padding:18px;border:1px solid #e7deef;border-radius:18px;background:#fff;color:#111;box-shadow:0 6px 18px #08051714}
.evg-card:nth-child(2),.evg-card:nth-child(3),.evg-card:nth-child(4){background:#fff;border-color:#e7deef}
.evg-emoji{display:grid;place-items:center;grid-column:1;grid-row:1;width:42px;height:42px;font-size:27px;line-height:1;margin:0;border-radius:12px;background:#fff5b8}.evg-host .evg-emoji{background:#f1e6ff}.evg-cards_business .evg-emoji{background:#ffe6f3}.evg-business .evg-emoji{background:#eaeaff}
html body.home .evg-card h3{grid-column:2;align-self:center;font:700 20px/1.25 Arial,sans-serif;color:#111;margin:0;letter-spacing:-.015em}
html body.home .evg-card p{grid-column:1/-1;font:400 16px/1.5 Arial,sans-serif;color:#252525;margin:0}
.evg-card-actions{grid-column:1/-1;margin-top:0;display:grid;gap:6px;align-self:end}
.evg-primary{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 12px;min-height:44px;border:1px solid #111;border-radius:10px;background:#111;color:#fff!important;font:600 16px/1.4 Arial,sans-serif;text-decoration:none!important}.evg-primary:hover{background:#292929;border-color:#292929}
.evg-cards_business .evg-primary{background:#111;color:#fff!important;border-color:#111}
.evg-entry{display:block;padding:4px 0;color:#222!important;font:400 14px/1.5 Arial,sans-serif;text-decoration:underline;text-underline-offset:4px}
.evg-more{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;padding:18px 2px;color:#cfc2dd;font-size:14px}
.evg-more>a{display:inline-flex;align-items:center;min-height:40px;font-size:15px;font-weight:600;color:#fff!important;text-decoration:none!important}
.evg-demos{border-top:1px solid #ffffff20;color:#ded3ed}
.evg-demos summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;padding:15px 0;cursor:pointer;font-size:15px;line-height:1.5}
.evg-demos summary::-webkit-details-marker{display:none}
.evg-demos[open] summary>span{transform:rotate(180deg)}
html body.home .evg-demos p{font:400 14px/1.5 Arial,sans-serif!important;color:#cfc2dd;margin:0 0 14px}
.evg-demos nav{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:16px}
.evg-demos nav a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:9px 12px;border:1px solid #ffffff29;border-radius:10px;color:#fff!important;font-size:15px;text-decoration:none!important;background:#ffffff08}
.evg-demos small{font:700 12px/1.4 Arial,sans-serif;color:#ffe600}
.evg-guide :is(a,summary):focus-visible{outline:3px solid #ffe600;outline-offset:4px}
.evn-route-link{display:flex;gap:12px;justify-content:space-between;padding:12px 14px;margin-bottom:14px;border:1px solid #ffe60055;border-radius:12px;background:#ffe6000a;color:#ffe600!important;font:600 15px/1.4 Arial,sans-serif;text-decoration:none}
#eva-popup .eva-spaces-title{font-size:13px;font-weight:700;color:#6008a0;margin:16px 0 6px}
#eva-popup .eva-account-shortcuts{display:flex;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px solid #e7d9f1}
#eva-popup .eva-account-shortcuts a{flex:1;text-align:center;min-height:42px;padding:10px;border-radius:10px;background:#f8f3fc;font-size:14px;font-weight:600;color:#6008a0}
#eva-popup .eva-service-hint{font-size:14px;line-height:1.5;margin:12px 0 0;color:#62526e}
@media(max-width:1100px){.evg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.evg-guide{padding:24px 18px;scroll-margin-top:76px}.evg-heading{align-items:flex-start;flex-direction:column;gap:14px}.evg-grid{gap:12px}.evg-card{padding:16px}.evg-card h3{font-size:20px!important}.evg-heading h2{font-size:28px!important}.evg-account-link{width:100%;justify-content:space-between}.evg-more{gap:6px 14px}.evg-more>span{flex-basis:100%}.evg-demos nav{display:grid;grid-template-columns:1fr 1fr}.evg-demos nav a{flex-wrap:wrap;justify-content:space-between}}
@media(max-width:480px){.evg-grid{grid-template-columns:1fr}.evg-card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:0 12px}.evg-emoji{grid-column:1;grid-row:1;width:42px;height:42px;font-size:27px;margin:0}.evg-card h3{grid-column:2}.evg-card p{grid-column:1/-1}.evg-card-actions{grid-column:1/-1;margin-top:0}.evg-primary{font-size:16px}.evg-entry{padding:7px 0}.evg-demos nav{grid-template-columns:1fr}}

#evb-account .evr-group-title{font:700 22px/1.3 Arial,sans-serif;color:#29163c;margin:24px 0 14px}
#evb-account .evr-group-note{font-size:15px;line-height:1.5;margin:-4px 0 16px;color:#62526e}
#evb-account .evr-service-grid{gap:16px}
#evb-account .evr-service-card{padding:20px;min-height:0}
#evb-account .evr-service-card p{font-size:16px;line-height:1.5}

.etp-demo-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;padding:12px 22px;background:#fff5ad;border-bottom:1px solid #efdc4f;color:#29163c;font:400 14px/1.5 Arial,sans-serif}
.etp-demo-banner a{font-weight:700;color:#6008a0;text-decoration:underline;text-underline-offset:3px;min-height:32px;display:inline-flex;align-items:center}
@media(max-width:700px){.etp-demo-banner{padding:10px 14px}}

#evb-account .evg-auth-context{display:grid;gap:6px;padding:14px 16px;margin:16px 0;background:#f4edff;border:1px solid #e0d1f2;border-radius:13px;color:#29163c}
#evb-account .evg-auth-context small{font-size:12px;font-weight:700;letter-spacing:.03em;color:#6008a0}
#evb-account .evg-auth-context b{font-size:18px;line-height:1.35}
#evb-account .evg-auth-context span{font-size:14px;line-height:1.5;color:#62526e}

/* White section with distinct raised cards and dark surrounding copy. */
.evg-section{width:100%;background:#fff;color:#111}
.evg-section .evg-guide{color:#111}
html body.home .evg-section :is(.evg-heading h2,.evg-heading p,.evg-eyebrow,.evg-more,.evg-more>a,.evg-demos,.evg-demos summary,.evg-demos p,.evg-demos small){color:#111!important}
.evg-section .evg-card,.evg-section .evg-card:nth-child(n){border:1px solid #e7e7eb;background:#fff;box-shadow:0 5px 20px #17112414,0 1px 4px #17112408}
.evg-section .evg-account-link{color:#111!important;background:#f5f5f7;border:1px solid #dcdce2}
.evg-section .evg-demos{border-top-color:#dedee4}
.evg-section .evg-demos nav a{color:#111!important;background:#f8f8fa;border:1px solid #dedee4}
.evg-section .evg-guide :is(a,summary):focus-visible{outline-color:#8a20e8}

/* Compact cards; native swipe carousel on phones. */
.evg-section .evg-guide{padding-top:22px;padding-bottom:20px}
.evg-section .evg-heading{margin-bottom:16px;gap:16px}
.evg-section .evg-grid{gap:12px}
.evg-section .evg-card{padding:15px;gap:10px 9px;grid-template-columns:36px minmax(0,1fr);border-radius:16px}
.evg-section .evg-emoji{width:36px;height:36px;font-size:24px;border-radius:10px}
html body.home .evg-section .evg-card h3{font-size:19px;line-height:1.25}
html body.home .evg-section .evg-card p{line-height:1.45!important}
.evg-section .evg-card-actions{gap:4px}
.evg-section .evg-primary{padding:9px 11px;min-height:42px}
.evg-section .evg-entry{padding:3px 0}
.evg-section .evg-more{padding:12px 2px;gap:8px 16px}
.evg-section .evg-demos summary{padding:12px 0}
.evg-carousel-hint{display:none}
@media(max-width:700px){
 .evg-section .evg-guide{padding:20px 18px 16px}
 .evg-section .evg-heading{gap:10px;margin-bottom:12px}
 html body.home .evg-section .evg-heading h2{font-size:26px!important;margin:6px 0}
 .evg-section .evg-account-link{width:auto;min-height:42px;padding:8px 12px}
 .evg-section .evg-grid{display:grid;grid-template-columns:none;grid-template-rows:1fr;grid-auto-flow:column;grid-auto-columns:min(84%,310px);gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:18px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;margin:0 -18px;padding:7px 18px 14px;scrollbar-width:thin;scrollbar-color:#c8c2cf transparent}
 .evg-section .evg-card{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto 1fr auto;gap:10px 9px;padding:14px;scroll-snap-align:start;min-width:0;align-self:stretch}
 .evg-section .evg-emoji{grid-column:1;grid-row:1;width:36px;height:36px;font-size:24px}
 html body.home .evg-section .evg-card h3{grid-column:2;font-size:19px!important}
 html body.home .evg-section .evg-card p{grid-column:1/-1;font-size:16px!important;margin:0}
 .evg-section .evg-card-actions{grid-column:1/-1;gap:4px}
 .evg-section .evg-primary{min-height:44px;font-size:16px;padding:9px 11px}
 .evg-section .evg-entry{padding:4px 0}
 .evg-carousel-hint{display:block;margin:3px 0 8px;color:#444;font:400 13px/1.4 Arial,sans-serif;text-align:right}
 .evg-section .evg-more{gap:4px 14px;padding:8px 0}
}
@media(prefers-reduced-motion:reduce){.evg-section .evg-grid{scroll-behavior:auto}}