/* Easy Chantier — pack graphique 2D. Presentation only, shared by public and private pages. */
:root{--ec-brand-ink:#294d3f;--ec-brand-sage:#719775;--ec-brand-paper:#fff;--ec-brand-wash:#fff;--ec-brand-line:#dbe1de;--ec-brand-shadow:var(--ec-surface-shadow,0 2px 12px #203c2e06);--ec-brand-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html body{background:var(--ec-brand-wash);font-family:var(--ec-brand-font)}
/* Public pages keep the white canvas, including the install control below their footer. */
html:not([data-ec-theme=dark]) body:has(.ec-site,.cc-app.cc-auth,.cc-app.cc-signup-payment-shell,.cc-app>.ec-signup-return134,.cc-app.ec-shell208){background:#fff}
html body :is(h1,h2,h3,h4,.brand-name,.brand-lockup span,.cc-stat-value,.cc-stat strong){font-family:var(--ec-brand-font);letter-spacing:-.035em}
html body :is(h1,h2){font-weight:760;color:var(--ec-brand-ink)}
html body h3{font-weight:700}
html body .brand-lockup :is(span,.brand-name){font-family:var(--ec-brand-font);font-weight:800;letter-spacing:-.055em}
html body :is(button,input,textarea,select){font-family:inherit}
.ec-brand-icon,.ec-action-sign{display:inline-block;flex-shrink:0;vertical-align:middle;overflow:visible}
.ec-brand-icon{filter:none!important;stroke:none!important}
.ec-brand-icon image{pointer-events:none}
.ec-action-sign{line-height:1;stroke:none!important}
html body :is(.cc-button,.ec-button){border-radius:12px;box-shadow:0 3px 0 #17382b12;font-weight:650}
html body :is(.cc-button,.ec-button):active{box-shadow:none}
html body :is(button,a,input,textarea,select):not(.ec258-btn):focus-visible{outline:3px solid #719775;outline-offset:3px}
html body :is(.cc-sidebar,.ec-header,.cc-mobile-header){background:#fffefa}
html body .cc-sidebar{border-right:1px solid #d9e3d3}
html body .cc-sidebar nav button{border-radius:12px;gap:12px}
html body .cc-sidebar nav button.active{background:#e4eddb;color:#294d3f;box-shadow:inset 3px 0 #719775;font-weight:750}
html body .cc-sidebar-promise{background:#f1f4e9;border:1px solid #e4eddb;border-radius:18px}
html body :is(.cc-main,.admin-main){background-image:none}
html body :is(.cc-page-heading,.ec-section-heading){position:relative}
html body :is(.cc-page-heading h1,.cc-page-heading h2){line-height:1.12}
html body :is(.cc-stat,.cc-project-card,.ec-contact-card,.ec-material-card,.ec-template-card,.ec-followup-card,.ec-panel,.cc-panel){background-color:#fffefa;border-color:#d9e3d3;box-shadow:var(--ec-surface-shadow);border-radius:var(--ec-surface-radius,12px)}
html body .cc-stat{background-image:none}
html body .cc-stat :is(strong,.cc-stat-value){font-weight:750;font-variant-numeric:tabular-nums}
html body .cc-project-card{transition:box-shadow .18s,border-color .18s}
html body .cc-project-card:hover{border-color:#719775;box-shadow:var(--ec-surface-shadow-hover)}
html body .cc-project-card .minibat{background:radial-gradient(ellipse at center,#e4eddb 0,#f4f6ed 58%,transparent 59%)}
.minibat-drawn>img{transition:transform .2s ease}
button:hover .minibat-drawn>img,button:focus-visible .minibat-drawn>img{transform:translateY(-3px) rotate(-2deg)}
html body :is(.cc-eyebrow,.ec-kicker){font-weight:750;color:#527b57;letter-spacing:.13em}
html body :is(.cc-empty,.ec-empty){background:#f1f4e9;border-radius:20px}
html body :is(.ec-shop-intro,.ux-followup-intro,.ux-project-intro){background:linear-gradient(110deg,#eef3e7,#fffefa);border:1px solid #d9e3d3;border-radius:20px}
html body .ec-shop-intro{background-image:url('/brand/icons-2d-r1/192/atelier.webp'),linear-gradient(110deg,#eef3e7,#fffefa);background-repeat:no-repeat;background-position:right 22px center,center;background-size:88px,auto;padding-right:126px}
html body .ec-product-illustration{object-fit:contain}
html body .ec-followup-card{border-top:3px solid #b8cfaa}
html body .ec-completion{background:linear-gradient(120deg,#e4eddb,#fffefa);border:1px solid #bfd2b6;border-radius:24px}
html body .ec-completion-check img{display:block;object-fit:contain;max-width:100%}
html body .ec-client-update{background:#eef3e7;border-radius:16px}
html body .ec-site{background:#fff}
html body .ec-hero{position:relative;background:radial-gradient(ellipse at 45% 30%,#e4eddb88,transparent 68%)}
html body .ec-hero-heading{position:relative}
html body .ec-hero-heading h1{font-weight:800;letter-spacing:-.055em;line-height:1.04}
.ec-brand-hero-mascot{display:block;width:124px;height:124px;object-fit:contain;margin:0 auto 14px}
html body .ec-hero-heading .ec-status{background:#edf3e5;border-color:#d9e3d3}
html body :is(.ec-product-preview,.ec-client-preview){border-radius:22px;box-shadow:0 20px 64px #294d3f15}
html body .ec-feature>span:has(.ec-brand-icon){background:#f0f4e7;border-radius:16px}
html body :is(.ec-tracking,.ec-team-section){background:#f1f4e9}
html body .ec-price-card{background:#fffefa;border:1px solid #bfd2b6;border-radius:24px;box-shadow:var(--ec-brand-shadow)}
html body .ec-last-call{background-image:radial-gradient(ellipse at top right,#71977566,transparent 65%)}
html body .ec-last-call :is(h1,h2){color:inherit}
html body :is(.marketplace-hero,.tutorial-hero,.content-hero){background-color:#eef3e7}
html body :is(.marketplace-card,.tutorial-card,.guide-card){border-color:#d9e3d3;border-radius:var(--ec-surface-radius,12px);box-shadow:var(--ec-surface-shadow)}
html body .brand-lockup.brand-lockup .brand-name{font-family:var(--ec-brand-font);font-weight:800;letter-spacing:-.055em}
html body .cc-app :is(h1,h2,h3),html body .ec-site :is(h1,h2,h3){font-family:var(--ec-brand-font)!important;font-weight:750}
html body .cc-app :is(.cc-stat>strong,.cc-project-card strong,.cc-project-card h3,.cc-project-new strong){font-family:var(--ec-brand-font);font-weight:750}
html body .cc-app .cc-sidebar nav button.active{background:#e4eddb;color:#294d3f}
html body .cc-app .cc-sidebar .brand-name{font-size:20px}
@media(min-width:1000px){.ec-brand-hero-mascot{width:136px;height:136px;margin-bottom:12px}}
@media(max-width:600px){html body :is(.cc-stat,.cc-project-card,.ec-followup-card){border-radius:var(--ec-surface-radius,12px)}html body .ec-shop-intro{background-size:54px,auto;background-position:right 12px top 14px,center;padding-right:76px}.ec-brand-hero-mascot{width:100px;height:100px;margin-bottom:10px}html body .cc-page-heading h1{font-size:clamp(27px,7.5vw,36px)}html body .cc-sidebar nav button{min-height:46px}}
@media(prefers-reduced-motion:reduce){.minibat-drawn>img{transition:none!important;transform:none!important}}

/* One scale for the drawn library; legacy svg rules describe the old line icons.
   Only the illustrated adapter receives this sizing, never charts or action signs. */
html body .ec-brand-icon{--ec-icon-size:28px;width:var(--ec-icon-size)!important;height:var(--ec-icon-size)!important;min-width:var(--ec-icon-size);min-height:var(--ec-icon-size);max-width:none;flex-shrink:0;aspect-ratio:1;margin-block:0}
html body :is(.cc-today,.cc-card-client,.cc-date-summary,.cc-message-status,.cc-detail-heading>div>p,.ec-private-note,.ec-assurances,.ec-preview-toolbar,.ec-preview-caption) .ec-brand-icon{--ec-icon-size:24px}
html body :is(.cc-sidebar nav,.admin-shell.pilotage-shell nav) .ec-brand-icon{--ec-icon-size:32px}
html body :is(.cc-stat,.cc-panel-title,.pilotage-icon,.am-icon,.cc-template-icon,.cc-sidebar-promise) .ec-brand-icon{--ec-icon-size:36px}
html body .ec-feature .ec-brand-icon{--ec-icon-size:44px}
html body :is(.cc-empty,.ec-empty,.admin-empty)>.ec-brand-icon{--ec-icon-size:64px}
html body :is(.cc-button,.ec-button,.cc-icon-button,.cc-detail-tabs button,.ec-shop-nav button){min-height:44px;gap:8px;align-items:center}
html body .cc-app .cc-icon-button{width:44px;height:44px;min-width:44px;border-radius:var(--ec-control-radius,8px)}
html body .cc-app .cc-search{min-height:48px;gap:10px}
html body .cc-app .cc-search input{min-width:0}
html body .cc-app .cc-stat>div{align-items:center;gap:10px;min-height:38px;line-height:1.45}
html body .cc-app .cc-stat{padding:18px}
html body .cc-app .cc-stats-grid{gap:16px;align-items:stretch}
html body .cc-app .cc-project-card-top{align-items:center;gap:8px;min-height:44px}
html body .cc-app .cc-project-card-identity{align-items:center;gap:16px}
html body .cc-app .cc-project-card-copy{min-width:0}
html body .cc-app .cc-card-client{align-items:center;gap:6px}
html body .cc-app .cc-project-new strong{font-family:var(--ec-brand-font);font-weight:700}
html body :is(.cc-detail-tabs,.ec-shop-nav){align-items:stretch;gap:8px}
html body .cc-app .ec-shop-v2 .ec-shop-nav button{min-height:50px;gap:6px;line-height:1.3;flex:1;justify-content:center}
html body .cc-app .ec-shop-v2 .ec-shop-nav .ec-brand-icon{--ec-icon-size:28px}
html body .ec-shop-intro:has(.fin-broco-action){background-image:linear-gradient(110deg,#eef3e7,#fffefa);padding-right:20px;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:8px 16px}
html body .ec-shop-intro>.fin-broco-action{width:96px;height:96px;grid-column:2;grid-row:1/3;align-self:center}
html body .ec-shop-intro>p{display:flex;align-items:center;gap:6px;min-width:0}
html body .cc-app .ux-workspace-welcome{gap:18px}
html body .cc-app .ux-workspace-welcome>.fin-broco-action{width:96px;flex-basis:96px}
html body .bk-help-heading{align-items:center;gap:12px}
html body .bk-help-heading>.fin-broco-action{width:80px;height:80px;flex-basis:80px}
html body .admin-shell.pilotage-shell nav button{align-items:center;gap:12px}
html body .admin-shell.pilotage-shell .pilotage-icon{width:48px;height:48px;flex:0 0 48px;border-radius:16px}
html body .admin-shell.pilotage-shell :is(h1,h2,h3,.pilotage-kicker){font-family:var(--ec-brand-font)}
html body :is(.ec-feature>span,.cc-template-icon){width:56px;height:56px;display:grid;place-items:center;flex-shrink:0}
@media(max-width:800px){
 html body .admin-shell.pilotage-shell nav{align-items:stretch;gap:2px;padding:6px}
 html body .admin-shell.pilotage-shell nav button{padding:8px 2px;min-height:76px;gap:5px;justify-content:center}
 html body .admin-shell.pilotage-shell nav .ec-brand-icon{--ec-icon-size:28px}
 html body .admin-shell.pilotage-shell .nav-short{font-size:clamp(10px,2.75vw,12px);line-height:1.25;word-break:normal;overflow-wrap:normal;text-wrap:balance}
}
@media(max-width:600px){
 html body .cc-app .cc-stats-grid{gap:12px}
 html body .cc-app .cc-stat{padding:14px}
 html body .cc-app .cc-stat>div{gap:6px}
 html body .cc-app .cc-stat .ec-brand-icon{--ec-icon-size:32px}
 html body .cc-app .cc-project-card-identity{gap:12px}
 html body .cc-app .ux-workspace-welcome{gap:12px}
 html body .cc-app .ux-workspace-welcome>.fin-broco-action{width:72px;flex-basis:72px}
 html body .cc-app .ux-workspace-welcome h1{font-size:clamp(26px,7vw,32px)}
 html body .bk-help-heading>.fin-broco-action{width:72px;height:72px;flex-basis:72px}
 html body .cc-app .cc-toast>.fin-broco-action{width:88px;flex-basis:88px}
 html body .ec-shop-intro:has(.fin-broco-action){grid-template-columns:minmax(0,1fr) 80px;gap:8px;padding:16px}
 html body .ec-shop-intro>.fin-broco-action{width:80px;height:80px}
 html body .ec-shop-intro>p{grid-column:1/-1}
 html body .ec-shop-intro>p .ec-brand-icon{--ec-icon-size:24px}
}
@media(max-width:420px){
 html body .cc-app .ec-shop-v2 .ec-shop-nav button{display:flex;flex-direction:column;gap:4px;padding:8px 4px;font-size:12px;min-height:72px}
 html body .cc-app .ec-shop-v2 .ec-shop-nav button>span{display:inline}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 html body :is(.cc-button,.ec-button,.cc-icon-button){transition:background-color .16s,box-shadow .16s,border-color .16s}
 html body .cc-project-card:focus-within{border-color:#719775;box-shadow:var(--ec-surface-shadow-hover)}
}

/* Task hierarchy: a clear page entrance, quiet secondary tools, tactile cards. */
html body .cc-app .cc-page-heading:has(.ux-workspace-welcome){padding:24px;border:1px solid #d9e3d3;border-radius:24px;background:linear-gradient(115deg,#fffefa 40%,#e4eddb);box-shadow:0 8px 28px #294d3f06;gap:20px;margin-bottom:24px}
html body .cc-app .cc-stats-grid>.cc-stat:first-child{background:#294d3f;border-color:#294d3f;box-shadow:var(--ec-surface-shadow);color:#fffefa}
html body .cc-app .cc-stats-grid>.cc-stat:first-child :is(strong,div,small){color:#fffefa}
html body .cc-app .cc-stats-grid>.cc-stat:first-child .ec-brand-icon{background:#e4eddb;border-radius:12px;padding:4px;box-sizing:content-box}
html body .cc-app .cc-stat-warning{background:#fbf5e8;border-color:#e0cfac}
html body .cc-app .cc-section-heading{margin-top:32px;margin-bottom:18px;align-items:center}
html body .cc-app .cc-project-card{padding:18px;border-radius:var(--ec-surface-radius,12px);overflow:hidden}
html body .cc-app .cc-project-card-main{gap:18px}
html body .cc-app .cc-card-open{width:fit-content;background:#edf3e7;border-radius:9px;padding:7px 10px;margin-top:2px}
html body .cc-app .cc-card-open .ec-action-sign{margin-left:4px}
html body .cc-app .cc-card-facts{gap:12px;background:#f5f6f0;padding:12px;border-radius:12px}
html body .cc-app .cc-card-facts small{font-size:12px;line-height:1.4}
html body .cc-app .cc-card-facts strong{font-size:15px}
html body .cc-app .fin-card-metrics{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:12px;margin-top:8px;border-radius:12px;background:#edf3e7}
html body .cc-app .fin-card-metrics>*{min-width:0;display:grid;align-content:start;gap:4px;text-align:left}
html body .cc-app .fin-card-metrics small{font-size:12px;line-height:1.4;color:#52654d}
html body .cc-app .fin-card-metrics strong{font-size:15px;line-height:1.35;overflow-wrap:anywhere}
html body .cc-app .fin-card-actions{display:flex;justify-content:space-between;gap:12px;padding-top:8px}
html body .cc-app .fin-card-actions button{min-height:44px;font-size:12px;color:#52654d}
html body .cc-app .cc-list-toolbar{padding:12px;background:var(--ec-surface-paper,#fff);border:1px solid #e4eadd;border-radius:var(--ec-surface-radius,12px)}
html body .cc-app .cc-filters{border-radius:12px;gap:4px;padding:4px;scrollbar-width:thin}
html body .cc-app .cc-filters button{min-height:40px;border-radius:9px;color:#52654d}
html body .cc-app .cc-filters button.active{background:#294d3f;color:#fffefa;box-shadow:0 3px 8px #294d3f18}
html body .cc-app .cc-detail-tabs{background:#edf1e8;border:0;padding:5px;gap:5px;border-radius:14px;scrollbar-width:thin}
html body .cc-app .cc-detail-tabs>button{padding:10px 14px;border:0;border-radius:10px;min-height:48px}
html body .cc-app .cc-detail-tabs>button.active{background:#fffefa;box-shadow:0 3px 10px #294d3f10;color:#294d3f;font-weight:700}
html body .cc-app .cc-sidebar nav .ec-nav-group{display:block;margin:18px 12px 4px;color:#c9d6bf;font-size:10px;letter-spacing:.14em;text-transform:uppercase;line-height:1.5}
html body .cc-app .cc-sidebar nav .ec-nav-group:first-child{margin-top:0}
html body .cc-app .cc-sidebar nav button{min-height:48px;position:relative}
html body .cc-app .cc-sidebar nav button.active:after{content:'';width:6px;height:6px;background:#527b57;border-radius:50%;margin-left:auto;flex:none}
html body .cc-app .cc-sidebar nav button small{margin-left:auto}
html body .cc-app .cc-sidebar nav button.active:has(small):after{display:none}
html body .cc-app .ec-shop-v2 .ec-shop-intro:has(.fin-broco-action){display:grid;background:linear-gradient(115deg,#fffefa,#e4eddb);border:1px solid #d9e3d3;border-radius:20px;padding:18px;grid-template-columns:minmax(0,1fr) 96px;gap:8px 12px}
html body .cc-app .ec-shop-v2 .ec-shop-intro>p{grid-column:1;line-height:1.5}
html body .cc-app .ec-shop-v2 .ec-shop-intro h3{font-size:24px;font-weight:700}
html body .cc-app .ec-shop-v2 .ec-shop-nav{padding:5px;background:#e8efdf;border-radius:16px}
html body .cc-app .ec-shop-v2 .ec-shop-nav button{border-radius:12px}
html body .cc-app .ec-personalization-invite{padding:16px;border:1px solid #d9e3d3;background:#f0f4e9;margin-bottom:20px;gap:12px}
html body .cc-app .ec-personalization-invite p{font-size:13px;line-height:1.55;margin-bottom:12px}
html body .cc-app .ec-personalization-invite .ec-artisan-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}
html body .cc-app .ec-personalization-invite .ec-artisan-actions>*{flex:initial;width:auto;min-height:44px;padding:9px 12px;font-size:13px}
html body .cc-app .mw-shell{width:100%;min-width:0}
html body .cc-app .mw-card-title>div{min-width:0}
html body .ec-site .ec-feature{border-radius:var(--ec-surface-radius,12px);background:var(--ec-surface-paper,#fff);padding:24px;border:1px solid #e6ecdf}
html body .ec-site .ec-feature h3{font-size:20px;line-height:1.3}
@media(max-width:600px){
 html body .cc-app .cc-page-heading:has(.ux-workspace-welcome){padding:16px;gap:16px;border-radius:20px}
 html body .cc-app .cc-page-heading:has(.ux-workspace-welcome)>.cc-button{width:100%;justify-content:center;min-height:48px}
 html body .cc-app .cc-project-card{padding:14px}
 html body .cc-app .cc-project-card-identity{grid-template-columns:76px minmax(0,1fr)}
 html body .cc-app .cc-project-monogram{width:76px;height:76px;--minibat-size:76px}
 html body .cc-app .ec-shop-v2 .ec-shop-intro:has(.fin-broco-action){padding:14px;grid-template-columns:minmax(0,1fr) 80px}
 html body .cc-app .ec-shop-v2 .ec-shop-intro h3{font-size:21px}
 html body .cc-app .ec-shop-v2 .ec-shop-intro>p{grid-column:1/-1}
 html body .cc-app .ec-shop-v2 .ec-shop-intro>.fin-broco-action{grid-row:1}
 html body .cc-app .ec-personalization-invite .ec-artisan-actions>*{max-width:100%}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 html body .cc-app .cc-project-card:hover .cc-card-open{background:#e4eddb}
 html body .cc-app .cc-project-card-main:hover .cc-card-open .ec-action-sign{transform:translateX(3px)}
 html body .cc-app .cc-card-open .ec-action-sign{transition:transform .16s ease}
}
@media(prefers-reduced-motion:no-preference){
 .cc-project-card,.ec-contact-card,.ec-followup-card{animation:ec-surface-arrive .2s ease-out both}
 @keyframes ec-surface-arrive{from{opacity:.7;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
}

@media(max-width:600px){
 html body .cc-app .cc-list-toolbar .cc-filters{flex-wrap:wrap;overflow:visible}
 html body .cc-app .cc-list-toolbar .cc-filters button{flex:1 1 28%;padding:9px 6px;text-align:center}
 html body .cc-app .mw-footer{display:grid;grid-template-columns:minmax(90px,.85fr) minmax(0,1.4fr);gap:8px;padding:10px;bottom:8px}
 html body .cc-app .mw-footer>span{grid-column:1/-1;font-size:12px;line-height:1.35;min-width:0}
 html body .cc-app .mw-footer>span small{font-size:11px;line-height:1.3}
 html body .cc-app .mw-footer .cc-button{width:100%;min-width:0;min-height:48px;white-space:normal;text-wrap:balance;padding:8px;font-size:12px;line-height:1.3;gap:5px}
}

/* UI-DOC01: readable surfaces, deliberate hierarchy and mobile breathing room. */
html body .cc-sidebar .cc-sidebar-promise{color:#294d3f;padding:18px;display:grid;grid-template-columns:36px 1fr;gap:8px 12px;align-items:center}
html body .cc-sidebar .cc-sidebar-promise strong{color:#294d3f;display:block;margin:0;font-size:14px}
html body .cc-sidebar .cc-sidebar-promise p{color:#526b5e;grid-column:1/-1;margin:0;font-size:12px;line-height:1.6}
html body .ec-site .ec-team-section{padding:clamp(22px,4vw,48px);border:1px solid #d9e3d3;border-radius:24px;box-shadow:var(--ec-surface-shadow);box-sizing:border-box}
html body .ec-team-section .ec-section-heading{max-width:720px}
html body .ec-team-section .ec-team-layout{gap:clamp(24px,4vw,48px)}
html body .ec-team-section :is(h2,p,strong){overflow-wrap:anywhere}
html body .ec-team-section .ec-process{min-width:0;padding:24px;background:var(--ec-surface-paper,#fff);border:1px solid #d9e3d3;border-radius:var(--ec-surface-radius,12px);box-shadow:var(--ec-surface-shadow)}
html body :is(.cc-project-card,.ec-contact-card,.ec-followup-card){box-shadow:var(--ec-surface-shadow);border-top-color:#fff}
html body .cc-project-card:hover{box-shadow:var(--ec-surface-shadow-hover)}
html body .cc-project-card :is(h3,.cc-project-title){font-weight:750}
@media(max-width:640px){html body .ec-site .ec-team-section{padding:24px 18px;border-radius:var(--ec-surface-radius,12px)}html body .ec-team-section h2{font-size:clamp(26px,6.4vw,36px);line-height:1.16}html body .ec-team-section .ec-process{padding:18px}html body .ec-team-section .ec-team-roles>div{gap:8px}html body .cc-sidebar .cc-sidebar-promise{padding:16px}}


/* HOME-WORKSHOP02: separate complete sections, with restrained paper depth. */
html body .ec-site .ec-team-section{margin-block-end:clamp(28px,4vw,56px);background-image:none;background-size:6px 6px}
html body .ec-site .ec-feature{box-shadow:var(--ec-surface-shadow);transition:transform 180ms ease,box-shadow 180ms ease}
html body .ec-site .ec-process{background-image:none;box-shadow:var(--ec-surface-shadow)}
html body .ec-site .ec-product-preview{box-shadow:0 4px 0 #e4eadf,0 22px 56px #294d3f15}
@media(max-width:640px){html body .ec-site .ec-feature{padding:18px 16px;gap:12px;border-radius:var(--ec-surface-radius,12px)}}
@media(hover:hover) and (pointer:fine){html body .ec-site .ec-feature:hover{transform:translateY(-2px);box-shadow:var(--ec-surface-shadow-hover)}}
@media(prefers-reduced-motion:no-preference){.ec-preview-reveal{animation:ec-preview-reveal 180ms ease-out both}@keyframes ec-preview-reveal{from{opacity:.7;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){html body .ec-site .ec-feature{transition:none;transform:none}.ec-preview-reveal{animation:none!important}}

@media(max-width:640px){html body .ux-project-page:has(.ec-shop-v2) .cc-page-heading h1{font-size:clamp(25px,6.5vw,30px);line-height:1.12}html body .ux-project-page:has(.ec-shop-v2) .cc-page-heading{margin-bottom:12px}}

/* GOOGLE285: preserve the official SDK label line box. */
.ec-google-signin245 .ec-google-sdk249 [role="button"],
.ec-google-signin245 .ec-google-sdk249 .nsm7Bb-HzV7m-LgbsSe-BPrWId{line-height:20px}