@font-face{font-family:CelostnostDisplay;src:url("/realization-assets/display-regular.woff") format("woff");font-display:swap;}
@font-face{font-family:CelostnostPreview;src:url('/realization-assets/display-regular.woff') format('woff');font-weight:400;font-display:swap}
#celostnost-selfdiagnostic{--ce-bg:#0b0c12;--ce-surface:#11141c;--ce-soft:#171a22;--ce-ink:#f2f3f5;--ce-secondary:#a7abb5;--ce-line:#2b303b;--ce-primary:#c8a76c;--ce-onprimary:#0b0c12;--ce-good-bg:#171a22;--ce-good-ink:#c9ccd3;--ce-attention-bg:#171a22;--ce-attention-ink:#e4cc97;--ce-screen-width:390px;--ce-screen-height:700px;display:grid;gap:12px;width:100%;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ce-ink)}
#celostnost-selfdiagnostic *{box-sizing:border-box}
#celostnost-selfdiagnostic [hidden]{display:none!important}
#celostnost-selfdiagnostic .ce-preview-note{margin:0;color:light-dark(#57606c,#b8bec9);font-size:12px;line-height:1.5;text-align:center;overflow-wrap:anywhere}
#celostnost-selfdiagnostic .ce-phone{position:relative;width:min(100%,var(--ce-screen-width));min-width:0;margin-inline:auto;background:var(--ce-bg);border:1px solid var(--ce-line);border-radius:20px;color-scheme:dark;isolation:isolate}
#celostnost-selfdiagnostic .ce-brand{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--ce-line);font-family:CelostnostPreview,sans-serif;font-size:14px;font-weight:400}
#celostnost-selfdiagnostic .ce-brand span:last-child{font-family:inherit;font-size:12px;color:var(--ce-secondary)}
#celostnost-selfdiagnostic .ce-view{padding:20px;min-width:0}
#celostnost-selfdiagnostic h1,#celostnost-selfdiagnostic h2,#celostnost-selfdiagnostic h3,#celostnost-selfdiagnostic p{margin:0;overflow-wrap:anywhere}
#celostnost-selfdiagnostic h1{font-size:27px;line-height:1.18;font-weight:500;letter-spacing:-.025em}
#celostnost-selfdiagnostic h2{font-size:23px;line-height:1.25;font-weight:500;letter-spacing:-.02em}
#celostnost-selfdiagnostic h3{font-size:16px;line-height:1.35;font-weight:500}
#celostnost-selfdiagnostic p{font-size:14px;line-height:1.55}
#celostnost-selfdiagnostic .ce-small{font-size:12px;line-height:1.5;color:var(--ce-secondary)}
#celostnost-selfdiagnostic .ce-stack{display:grid;gap:18px;min-width:0}
#celostnost-selfdiagnostic .ce-tight{display:grid;gap:8px;min-width:0}
#celostnost-selfdiagnostic .ce-choices{display:grid;gap:10px}
#celostnost-selfdiagnostic button{font:inherit}
#celostnost-selfdiagnostic .ce-choice{width:100%;display:block;text-align:left;padding:15px 16px;min-height:48px;border:1px solid var(--ce-line);border-radius:12px;background:var(--ce-surface);color:var(--ce-ink)}
#celostnost-selfdiagnostic .ce-choice strong{display:block;font-size:15px;font-weight:500;line-height:1.4}
#celostnost-selfdiagnostic .ce-choice .ce-description{display:block;margin-top:5px;font-size:12px;line-height:1.5;color:var(--ce-secondary)}
#celostnost-selfdiagnostic .ce-choice[aria-pressed=true]{background:var(--ce-soft);border-color:var(--ce-primary)}
#celostnost-selfdiagnostic .ce-check{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;background:var(--ce-surface);border:1px solid var(--ce-line);border-radius:12px;font-size:14px;line-height:1.5;min-height:50px}
#celostnost-selfdiagnostic .ce-check input{width:20px;height:20px;flex:0 0 20px;margin:1px 0 0;accent-color:var(--ce-primary)}
#celostnost-selfdiagnostic .ce-action{display:block;width:100%;min-height:48px;padding:12px;border:1px solid var(--ce-primary);border-radius:12px;background:var(--ce-primary);color:var(--ce-onprimary);font-size:14px;font-weight:500;line-height:1.4;text-align:center}
#celostnost-selfdiagnostic .ce-action:disabled{opacity:.4}
#celostnost-selfdiagnostic .ce-back{border:0;background:transparent;color:var(--ce-secondary);padding:6px 0;min-height:44px;font-size:13px;text-align:left}
#celostnost-selfdiagnostic .ce-progress{height:4px;background:var(--ce-line);border-radius:3px;overflow:hidden}
#celostnost-selfdiagnostic .ce-progress span{display:block;height:100%;background:var(--ce-primary)}
#celostnost-selfdiagnostic .ce-kicker{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ce-secondary)}
#celostnost-selfdiagnostic .ce-block{display:grid;gap:10px;padding:16px;border:1px solid var(--ce-line);border-radius:14px;background:var(--ce-surface)}
#celostnost-selfdiagnostic .ce-formula{padding:16px;border-radius:13px;background:var(--ce-soft);font-size:17px;font-weight:500;line-height:1.45}
#celostnost-selfdiagnostic .ce-count{font-size:18px;font-weight:500;font-variant-numeric:tabular-nums}
#celostnost-selfdiagnostic .ce-price{font-size:22px;font-weight:500;line-height:1.35}
#celostnost-selfdiagnostic .ce-share{width:100%;min-height:240px;padding:14px;font-family:inherit;font-size:16px;line-height:1.5;background:var(--ce-bg);color:var(--ce-ink);border:1px solid var(--ce-line);border-radius:12px;resize:vertical}
#celostnost-selfdiagnostic .ce-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* The owner explicitly requests a bounded phone screen. Only the detail sheet scrolls. */
#celostnost-selfdiagnostic[data-page=result] .ce-phone{height:var(--ce-screen-height);overflow:hidden;container:ce-device/size}
#celostnost-selfdiagnostic[data-page=result] .ce-brand{display:none}
#celostnost-selfdiagnostic[data-page=result] .ce-view{height:100%;padding:16px;min-height:0}
#celostnost-selfdiagnostic .ce-result-base{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;min-height:0}
#celostnost-selfdiagnostic #ce-result-panel{height:100%;min-height:0}
#celostnost-selfdiagnostic .ce-map-screen{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;min-width:0;min-height:0}
#celostnost-selfdiagnostic .ce-result-heading{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:6px;align-items:start;min-width:0}
#celostnost-selfdiagnostic .ce-result-heading h1{font-size:22px;line-height:1.15;font-weight:500;letter-spacing:-.025em}
#celostnost-selfdiagnostic .ce-result-heading .ce-kicker{margin-bottom:4px}
#celostnost-selfdiagnostic .ce-icon-button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;border:1px solid var(--ce-line);border-radius:12px;background:var(--ce-surface);color:var(--ce-secondary);font-size:22px}
#celostnost-selfdiagnostic .ce-icon-button svg{width:18px;height:18px}
#celostnost-selfdiagnostic .ce-summary-button{display:grid;gap:8px;width:100%;min-width:0;min-height:44px;padding:12px;border:1px solid var(--ce-line);border-radius:12px;background:var(--ce-surface);color:var(--ce-ink);text-align:left}
#celostnost-selfdiagnostic .ce-financial{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
#celostnost-selfdiagnostic .ce-financial>span{display:grid;gap:3px;min-width:0}
#celostnost-selfdiagnostic .ce-financial small{font-size:11px;line-height:1.3;color:var(--ce-secondary)}
#celostnost-selfdiagnostic .ce-financial strong{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:1.3;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
#celostnost-selfdiagnostic .ce-financial>span:last-child strong{color:var(--ce-attention-ink)}
#celostnost-selfdiagnostic .ce-request{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.4;color:var(--ce-secondary)}
#celostnost-selfdiagnostic .ce-request b{color:var(--ce-ink);font-weight:500}
#celostnost-selfdiagnostic .ce-result-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0}
#celostnost-selfdiagnostic .ce-group{display:grid;grid-template-rows:auto repeat(3,minmax(48px,1fr));gap:8px;min-width:0;min-height:0}
#celostnost-selfdiagnostic .ce-group>h2{font-family:CelostnostPreview,sans-serif;font-size:14px;line-height:1.3;letter-spacing:0;font-weight:400;color:var(--ce-attention-ink);text-align:center}
#celostnost-selfdiagnostic .ce-map-tile{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;width:100%;min-width:0;min-height:48px;padding:10px;border:1px solid var(--ce-line);border-radius:12px;background:var(--ce-surface);color:var(--ce-ink);text-align:left}
#celostnost-selfdiagnostic .ce-map-tile[aria-expanded=true]{border-color:var(--ce-primary);background:var(--ce-soft)}
#celostnost-selfdiagnostic .ce-tile-name{display:block;font-size:14px;font-weight:500;line-height:1.3;white-space:nowrap}
#celostnost-selfdiagnostic .ce-status{display:inline-flex;align-items:flex-start;gap:4px;max-width:100%;font-size:11.5px;font-weight:400;line-height:1.3}
#celostnost-selfdiagnostic .ce-status-good{color:var(--ce-good-ink)}
#celostnost-selfdiagnostic .ce-status-attention{color:var(--ce-attention-ink)}
#celostnost-selfdiagnostic .ce-status-neutral{color:var(--ce-secondary)}
#celostnost-selfdiagnostic .ce-status-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 14px;width:14px;font-size:14px;font-style:normal;line-height:1}
#celostnost-selfdiagnostic .ce-status-icon i{font-style:normal}
#celostnost-selfdiagnostic .ce-status-icon svg{display:block;width:14px;height:14px}
#celostnost-selfdiagnostic .ce-nav{display:flex;gap:4px;padding-top:8px;border-top:1px solid var(--ce-line);min-width:0}
#celostnost-selfdiagnostic .ce-tab{flex:1;min-width:0;min-height:44px;border:0;border-radius:10px;padding:10px 4px;background:transparent;color:var(--ce-secondary);font-size:12px;font-weight:500}
#celostnost-selfdiagnostic .ce-tab[aria-selected=true]{background:var(--ce-soft);color:var(--ce-attention-ink)}
#celostnost-selfdiagnostic .ce-result-offer{height:100%;display:flex;flex-direction:column;gap:14px;min-height:0}
#celostnost-selfdiagnostic .ce-offer-price{margin-top:auto;display:grid;gap:10px}
#celostnost-selfdiagnostic .ce-text-button{min-height:44px;padding:8px 0;border:0;background:transparent;text-align:left;color:var(--ce-attention-ink);font-size:13px;line-height:1.4;text-decoration:underline;text-underline-offset:4px}
#celostnost-selfdiagnostic .ce-count{margin-top:auto}
#celostnost-selfdiagnostic .ce-map-detail{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;background:color-mix(in srgb,var(--ce-bg) 78%,transparent)}
#celostnost-selfdiagnostic .ce-sheet-scrim{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent}
#celostnost-selfdiagnostic .ce-sheet{position:relative;display:flex;flex-direction:column;max-height:90%;min-height:180px;width:100%;background:var(--ce-surface);border-top:1px solid var(--ce-line);border-radius:18px 18px 0 0}
#celostnost-selfdiagnostic .ce-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--ce-line)}
#celostnost-selfdiagnostic .ce-sheet-heading p{font-size:12px;color:var(--ce-secondary)}
#celostnost-selfdiagnostic .ce-sheet-body{display:grid;gap:18px;overflow:auto;overscroll-behavior:contain;min-height:0;padding:20px 20px max(20px,env(safe-area-inset-bottom))}
#celostnost-selfdiagnostic .ce-map-field{display:grid;gap:10px}
#celostnost-selfdiagnostic .ce-map-field h3{color:var(--ce-attention-ink)}
@container ce-device (max-height:600px){
 #celostnost-selfdiagnostic .ce-view{padding:12px}
 #celostnost-selfdiagnostic .ce-result-base{gap:6px}
 #celostnost-selfdiagnostic .ce-map-screen{gap:8px}
 #celostnost-selfdiagnostic .ce-result-heading h1{font-size:19px;line-height:1.15}
 #celostnost-selfdiagnostic .ce-result-heading .ce-kicker{display:none}
 #celostnost-selfdiagnostic .ce-summary-button{padding:9px;gap:6px}
 #celostnost-selfdiagnostic .ce-map-tile{padding:8px;gap:5px}
 #celostnost-selfdiagnostic .ce-group{gap:6px}
 #celostnost-selfdiagnostic .ce-action{min-height:44px;padding:10px;font-size:13px}
 #celostnost-selfdiagnostic .ce-result-offer{gap:9px}
 #celostnost-selfdiagnostic .ce-result-offer p{font-size:13px;line-height:1.4}
 #celostnost-selfdiagnostic .ce-result-offer .ce-small{font-size:11px}
 #celostnost-selfdiagnostic .ce-result-offer .ce-block{padding:10px;gap:6px}
 #celostnost-selfdiagnostic .ce-text-button{font-size:12px;min-height:44px;padding:6px 0}
}
@container ce-device (max-width:340px){
 #celostnost-selfdiagnostic .ce-financial strong{font-size:12px}
 #celostnost-selfdiagnostic .ce-result-groups{gap:8px}
 #celostnost-selfdiagnostic .ce-map-tile{padding:7px}
 #celostnost-selfdiagnostic .ce-group>h2{font-size:13px}
}
@container ce-device (min-width:520px) and (max-height:450px){
 #celostnost-selfdiagnostic .ce-map-screen{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:8px 20px}
 #celostnost-selfdiagnostic .ce-map-screen>.ce-result-heading{grid-column:1;grid-row:1}
 #celostnost-selfdiagnostic .ce-map-screen>.ce-summary-button{grid-column:1;grid-row:2;align-self:start}
 #celostnost-selfdiagnostic .ce-map-screen>.ce-result-groups{grid-column:2;grid-row:1/4}
 #celostnost-selfdiagnostic .ce-map-screen>.ce-action{grid-column:1;grid-row:3}
 #celostnost-selfdiagnostic .ce-result-offer{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;align-content:start}
 #celostnost-selfdiagnostic .ce-result-offer>.ce-result-heading{grid-column:1;grid-row:1}
 #celostnost-selfdiagnostic .ce-result-offer>.ce-offer-price{grid-column:2;grid-row:1/4;margin:0}
 #celostnost-selfdiagnostic .ce-result-offer .ce-count{margin-top:0}
}
@media(max-width:380px){#celostnost-selfdiagnostic .ce-view{padding:16px}#celostnost-selfdiagnostic h1{font-size:25px}#celostnost-selfdiagnostic h2{font-size:21px}}

/* Inline map explanation and the nested review-booking screen. */
#celostnost-selfdiagnostic .ce-ecosystem-logo{display:block;width:130px;height:auto;max-width:100%;object-fit:contain}
#celostnost-selfdiagnostic .ce-brand .ce-ecosystem-logo{width:160px}
#celostnost-selfdiagnostic .ce-result-heading>div{display:grid;gap:6px;min-width:0}
#celostnost-selfdiagnostic .ce-result-heading h1{font-size:19px;line-height:1.15}
#celostnost-selfdiagnostic .ce-map-screen{grid-template-rows:auto auto auto minmax(48px,1fr) auto;gap:10px}
#celostnost-selfdiagnostic .ce-group{grid-template-rows:auto repeat(3,48px);gap:6px}
#celostnost-selfdiagnostic .ce-map-tile{min-height:44px;padding:6px 9px;gap:3px}
#celostnost-selfdiagnostic .ce-inline-detail{min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px;border:1px solid var(--ce-line);border-radius:12px;background:var(--ce-soft);scrollbar-color:var(--ce-secondary) var(--ce-soft);scrollbar-width:thin}
#celostnost-selfdiagnostic .ce-inline-detail .ce-map-field{gap:6px}
#celostnost-selfdiagnostic .ce-inline-detail h3{font-size:13px;line-height:1.35}
#celostnost-selfdiagnostic .ce-inline-detail p{font-size:12px;line-height:1.45}
#celostnost-selfdiagnostic .ce-inline-placeholder{display:grid;min-height:100%;align-content:center;color:var(--ce-secondary)}
#celostnost-selfdiagnostic .ce-booking-screen{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:14px;min-height:0}
#celostnost-selfdiagnostic .ce-booking-intro{display:grid;gap:6px;padding:12px;border:1px solid var(--ce-line);border-radius:12px;background:var(--ce-surface)}
#celostnost-selfdiagnostic .ce-booking-intro h2{font-size:15px;line-height:1.3;color:var(--ce-attention-ink)}
#celostnost-selfdiagnostic .ce-booking-intro p{font-size:13px;line-height:1.5}
#celostnost-selfdiagnostic .ce-calendar{display:grid;align-content:start;gap:10px;min-height:0}
#celostnost-selfdiagnostic .ce-calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px}
#celostnost-selfdiagnostic .ce-calendar-heading h2{font-size:16px;line-height:1.3}
#celostnost-selfdiagnostic .ce-calendar-heading .ce-text-button{padding:4px;font-size:12px;white-space:nowrap}
#celostnost-selfdiagnostic .ce-day-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#celostnost-selfdiagnostic .ce-day{display:grid;gap:4px;align-content:center;min-height:64px;padding:8px 4px;border:1px solid var(--ce-line);border-radius:12px;background:var(--ce-surface);color:var(--ce-ink);text-align:center}
#celostnost-selfdiagnostic .ce-day strong{font-size:13px;font-weight:500;line-height:1.4}
#celostnost-selfdiagnostic .ce-day small{font-size:12px;color:var(--ce-secondary)}
#celostnost-selfdiagnostic .ce-time-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,48px);gap:6px}
#celostnost-selfdiagnostic .ce-time{min-height:44px;padding:8px 4px;border:1px solid var(--ce-line);border-radius:10px;background:var(--ce-surface);color:var(--ce-ink);font-size:14px;line-height:1.3;font-variant-numeric:tabular-nums}
#celostnost-selfdiagnostic .ce-time strong{font-weight:500}
#celostnost-selfdiagnostic .ce-time[aria-pressed=true]{background:var(--ce-primary);border-color:var(--ce-primary);color:var(--ce-onprimary)}
#celostnost-selfdiagnostic .ce-calendar-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px}
#celostnost-selfdiagnostic .ce-icon-button:disabled{opacity:.35}
#celostnost-selfdiagnostic .ce-no-slots{padding:16px;border:1px solid var(--ce-line);border-radius:12px;background:var(--ce-surface);font-size:14px;line-height:1.5}
#celostnost-selfdiagnostic .ce-audit-screen{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;min-height:0}
#celostnost-selfdiagnostic .ce-audit-video{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 12px;border:1px solid var(--ce-line);border-radius:12px;background:var(--ce-soft)}
#celostnost-selfdiagnostic .ce-audit-video>svg,#celostnost-selfdiagnostic .ce-audit-video>i{width:22px;height:22px;flex:0 0 22px;color:var(--ce-attention-ink)}
#celostnost-selfdiagnostic .ce-audit-video h2{font-size:14px;line-height:1.35}
#celostnost-selfdiagnostic .ce-audit-video p{font-size:12px;line-height:1.4;color:var(--ce-secondary)}
#celostnost-selfdiagnostic .ce-audit-process{display:grid;align-content:start;gap:10px;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
#celostnost-selfdiagnostic .ce-audit-process h2{font-size:16px;line-height:1.3}
#celostnost-selfdiagnostic .ce-audit-process header{display:grid;gap:4px}
#celostnost-selfdiagnostic .ce-audit-process ol{display:grid;gap:4px;list-style:none;padding:0;margin:0}
#celostnost-selfdiagnostic .ce-audit-stage{display:flex;gap:10px;align-items:flex-start;min-height:44px;width:100%;padding:6px 0;border:0;background:transparent;color:var(--ce-ink);text-align:left}
#celostnost-selfdiagnostic .ce-audit-stage>b{display:block;min-width:16px;font-size:13px;line-height:1.4;font-weight:500;color:var(--ce-attention-ink)}
#celostnost-selfdiagnostic .ce-audit-stage>span{display:grid;gap:3px;min-width:0}
#celostnost-selfdiagnostic .ce-audit-stage strong{font-size:13px;line-height:1.4;font-weight:500}
#celostnost-selfdiagnostic .ce-audit-stage small{font-size:12px;line-height:1.4;color:var(--ce-secondary)}
#celostnost-selfdiagnostic .ce-audit-price{display:grid;gap:8px;padding-top:8px;border-top:1px solid var(--ce-line)}
#celostnost-selfdiagnostic .ce-audit-price-line{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:center}
#celostnost-selfdiagnostic .ce-audit-price-line>div{display:grid;gap:2px;min-width:0}
#celostnost-selfdiagnostic .ce-audit-price-line>div:last-child{text-align:right}
#celostnost-selfdiagnostic .ce-audit-price-line .ce-price{font-size:21px;line-height:1.2}
#celostnost-selfdiagnostic .ce-audit-duration,#celostnost-selfdiagnostic .ce-ordinary-short{display:none}
@container ce-device (max-height:600px){
 #celostnost-selfdiagnostic[data-page=result] .ce-view{padding:10px}
 #celostnost-selfdiagnostic .ce-result-heading>div{gap:4px}
 #celostnost-selfdiagnostic .ce-ecosystem-logo{width:102px}
 #celostnost-selfdiagnostic .ce-result-heading h1{font-size:16px;line-height:1.15}
 #celostnost-selfdiagnostic .ce-map-screen{gap:6px}
 #celostnost-selfdiagnostic .ce-group{grid-template-rows:auto repeat(3,44px);gap:4px}
 #celostnost-selfdiagnostic .ce-group>h2{font-size:12px;line-height:1.25}
 #celostnost-selfdiagnostic .ce-map-tile{padding:4px 7px;gap:2px}
 #celostnost-selfdiagnostic .ce-tile-name{font-size:13px;line-height:1.25}
 #celostnost-selfdiagnostic .ce-status{font-size:11px;line-height:1.2}
 #celostnost-selfdiagnostic .ce-summary-button{padding:5px 8px;gap:3px}
 #celostnost-selfdiagnostic .ce-financial>span{gap:1px}
 #celostnost-selfdiagnostic .ce-financial small{font-size:11px;line-height:1.2}
 #celostnost-selfdiagnostic .ce-financial strong{font-size:12px;line-height:1.25}
 #celostnost-selfdiagnostic .ce-request{font-size:11px;line-height:1.25}
 #celostnost-selfdiagnostic .ce-inline-detail{padding:8px}
 #celostnost-selfdiagnostic .ce-inline-detail h3{font-size:12px}
 #celostnost-selfdiagnostic .ce-inline-detail p{font-size:12px;line-height:1.4}
 #celostnost-selfdiagnostic .ce-booking-screen,#celostnost-selfdiagnostic .ce-audit-screen{gap:8px}
 #celostnost-selfdiagnostic .ce-booking-intro{padding:8px;gap:4px}
 #celostnost-selfdiagnostic .ce-booking-intro p{font-size:12px;line-height:1.4}
 #celostnost-selfdiagnostic .ce-calendar{gap:6px}
 #celostnost-selfdiagnostic .ce-time-grid{grid-template-rows:repeat(2,44px);gap:4px}
 #celostnost-selfdiagnostic .ce-day{min-height:52px}
 #celostnost-selfdiagnostic .ce-audit-video{padding:6px 10px;min-height:44px}
 #celostnost-selfdiagnostic .ce-audit-process{gap:6px}
 #celostnost-selfdiagnostic .ce-audit-process .ce-small{font-size:11px}
 #celostnost-selfdiagnostic .ce-audit-stage{gap:7px;padding:4px 0;min-height:44px}
 #celostnost-selfdiagnostic .ce-audit-stage strong{font-size:12px}
 #celostnost-selfdiagnostic .ce-audit-stage small{font-size:11px}
 #celostnost-selfdiagnostic .ce-audit-price-line .ce-small{font-size:11px;line-height:1.35}
 #celostnost-selfdiagnostic .ce-audit-price-line .ce-price{font-size:19px}
 #celostnost-selfdiagnostic[data-tab=audit] .ce-result-base{gap:4px}
 #celostnost-selfdiagnostic[data-tab=audit] .ce-nav{padding-top:4px}
 #celostnost-selfdiagnostic .ce-audit-screen .ce-result-heading>div{gap:2px}
 #celostnost-selfdiagnostic .ce-audit-process{gap:4px}
 #celostnost-selfdiagnostic .ce-audit-process>header>.ce-small{display:none}
 #celostnost-selfdiagnostic .ce-audit-duration{display:inline;font-size:12px;color:var(--ce-secondary)}
 #celostnost-selfdiagnostic .ce-audit-price{padding-top:0;gap:4px}
 #celostnost-selfdiagnostic .ce-ordinary-full{display:none}
 #celostnost-selfdiagnostic .ce-ordinary-short{display:block}
 #celostnost-selfdiagnostic .ce-audit-video{padding:4px 10px}
 #celostnost-selfdiagnostic .ce-audit-video h2{font-size:13px;line-height:1.25}
 #celostnost-selfdiagnostic .ce-audit-video p{font-size:11px;line-height:1.25}
}
@container ce-device (min-width:520px) and (max-height:450px){
 #celostnost-selfdiagnostic .ce-map-screen{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto minmax(48px,1fr) auto;gap:6px 18px}
 #celostnost-selfdiagnostic .ce-map-screen>.ce-result-heading{grid-column:1;grid-row:1}
 #celostnost-selfdiagnostic .ce-map-screen>.ce-summary-button{grid-column:1;grid-row:2}
 #celostnost-selfdiagnostic .ce-map-screen>.ce-inline-detail{grid-column:1;grid-row:3}
 #celostnost-selfdiagnostic .ce-map-screen>.ce-action{grid-column:1;grid-row:4}
 #celostnost-selfdiagnostic .ce-map-screen>.ce-result-groups{grid-column:2;grid-row:1/5}
 #celostnost-selfdiagnostic .ce-booking-screen,#celostnost-selfdiagnostic .ce-audit-screen{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:8px 18px}
 #celostnost-selfdiagnostic .ce-booking-screen>.ce-result-heading,#celostnost-selfdiagnostic .ce-audit-screen>.ce-result-heading{grid-column:1;grid-row:1}
 #celostnost-selfdiagnostic .ce-booking-screen>.ce-booking-intro,#celostnost-selfdiagnostic .ce-audit-screen>.ce-audit-video{grid-column:1;grid-row:2;align-self:start}
 #celostnost-selfdiagnostic .ce-booking-screen>.ce-calendar,#celostnost-selfdiagnostic .ce-audit-screen>.ce-audit-process{grid-column:2;grid-row:1/4}
 #celostnost-selfdiagnostic .ce-booking-screen>.ce-action,#celostnost-selfdiagnostic .ce-audit-screen>.ce-audit-price{grid-column:1;grid-row:3}
 #celostnost-selfdiagnostic .ce-group{grid-template-rows:auto repeat(3,minmax(44px,1fr))}
}

/* Map title beside the unchanged ecosystem wordmark. */
#celostnost-selfdiagnostic .ce-result-heading.ce-map-heading>div{grid-template-columns:130px minmax(0,1fr);align-items:center;gap:10px}
#celostnost-selfdiagnostic .ce-map-heading h1{font-size:16px;line-height:1.25;letter-spacing:-.015em}
#celostnost-selfdiagnostic .ce-time-grid{grid-template-rows:none;grid-auto-rows:48px;height:102px;max-height:102px;overflow:auto;overscroll-behavior:contain;align-content:start;scrollbar-width:thin;scrollbar-color:var(--ce-primary) var(--ce-soft)}
#celostnost-selfdiagnostic .ce-time-selection{min-height:24px}
@container ce-device (max-height:600px){
 #celostnost-selfdiagnostic .ce-result-heading.ce-map-heading>div{grid-template-columns:102px minmax(0,1fr);gap:8px}
 #celostnost-selfdiagnostic .ce-map-heading h1{font-size:14px;line-height:1.2}
 #celostnost-selfdiagnostic .ce-time-grid{grid-template-rows:none;grid-auto-rows:44px;height:92px;max-height:92px}
}

/* Use the available phone height for calendar content, rather than a fixed two-row window. */
#celostnost-selfdiagnostic .ce-result-heading.ce-booking-heading>div,#celostnost-selfdiagnostic .ce-result-heading.ce-invite-heading>div{grid-template-columns:130px minmax(0,1fr);align-items:center;gap:10px}
#celostnost-selfdiagnostic .ce-booking-heading h1,#celostnost-selfdiagnostic .ce-invite-heading h1{font-size:16px;line-height:1.25;letter-spacing:-.015em}
#celostnost-selfdiagnostic .ce-calendar{height:100%;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch}
#celostnost-selfdiagnostic .ce-day-grid{height:100%;min-height:0;grid-template-rows:repeat(2,minmax(52px,1fr))}
#celostnost-selfdiagnostic .ce-day{gap:6px;padding:10px 4px}
#celostnost-selfdiagnostic .ce-day strong{font-size:16px;line-height:1.3}
#celostnost-selfdiagnostic .ce-day-availability{font-size:11px!important;color:var(--ce-attention-ink)!important}
#celostnost-selfdiagnostic .ce-time-grid{display:block;height:100%;max-height:none;min-height:0;padding:2px 6px 2px 2px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--ce-primary) var(--ce-soft)}
#celostnost-selfdiagnostic .ce-time-period{margin-bottom:14px}
#celostnost-selfdiagnostic .ce-time-period:last-child{margin-bottom:0}
#celostnost-selfdiagnostic .ce-time-period>h3{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;gap:8px;padding:5px 0 7px;background:var(--ce-bg);color:var(--ce-attention-ink);font-size:13px;line-height:1.3}
#celostnost-selfdiagnostic .ce-time-period>h3>span{color:var(--ce-secondary);font-size:12px;font-variant-numeric:tabular-nums}
#celostnost-selfdiagnostic .ce-period-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:48px;gap:6px}
#celostnost-selfdiagnostic .ce-period-times>.ce-time:last-child:nth-child(odd){grid-column:1/-1}
#celostnost-selfdiagnostic .ce-slot-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px}
#celostnost-selfdiagnostic .ce-time-selection{min-height:0;max-width:64%;font-size:12px;line-height:1.4}
#celostnost-selfdiagnostic .ce-slot-more{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:8px 10px;border:1px solid var(--ce-line);border-radius:10px;background:var(--ce-soft);color:var(--ce-attention-ink);font-size:12px;line-height:1.3;white-space:nowrap}
#celostnost-selfdiagnostic .ce-slot-more svg{width:16px;height:16px}
#celostnost-selfdiagnostic .ce-slot-more[data-direction=up] svg{transform:rotate(180deg)}
#celostnost-selfdiagnostic .ce-no-slots{align-self:start}

/* Referrals use progress, the three real steps, and the personal deadline. */
#celostnost-selfdiagnostic .ce-invite-screen{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:12px;min-height:0}
#celostnost-selfdiagnostic .ce-invite-progress{display:grid;gap:8px;min-width:0}
#celostnost-selfdiagnostic .ce-invite-progress h2{font-size:16px;line-height:1.35;font-weight:500}
#celostnost-selfdiagnostic .ce-invite-milestones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;list-style:none;padding:0;margin:0}
#celostnost-selfdiagnostic .ce-invite-milestones li{display:grid;justify-items:center;align-content:center;gap:3px;min-height:50px;padding:6px 3px;border-radius:10px;background:var(--ce-surface);color:var(--ce-secondary)}
#celostnost-selfdiagnostic .ce-invite-milestones li>span{display:grid;place-items:center;min-width:20px;min-height:20px;font-size:14px;line-height:1.3}
#celostnost-selfdiagnostic .ce-invite-milestones li>span svg{width:18px;height:18px}
#celostnost-selfdiagnostic .ce-invite-milestones li>small{font-size:11px;line-height:1.35;white-space:nowrap}
#celostnost-selfdiagnostic .ce-invite-milestones li.is-done{background:var(--ce-soft);color:var(--ce-attention-ink)}
#celostnost-selfdiagnostic .ce-invite-steps{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;min-height:0;padding:14px;border:1px solid var(--ce-line);border-radius:12px;background:var(--ce-surface)}
#celostnost-selfdiagnostic .ce-invite-steps h2{font-size:15px;line-height:1.3;font-weight:500}
#celostnost-selfdiagnostic .ce-invite-steps ol{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0;min-height:0}
#celostnost-selfdiagnostic .ce-invite-steps li{display:flex;align-items:center;gap:10px;min-height:0}
#celostnost-selfdiagnostic .ce-invite-steps li>b{min-width:16px;color:var(--ce-attention-ink);font-size:13px;font-weight:500;line-height:1.4}
#celostnost-selfdiagnostic .ce-invite-steps li>span{display:grid;gap:3px;min-width:0}
#celostnost-selfdiagnostic .ce-invite-steps strong{font-size:13px;line-height:1.4;font-weight:500}
#celostnost-selfdiagnostic .ce-invite-steps small{font-size:12px;line-height:1.4;color:var(--ce-secondary)}
#celostnost-selfdiagnostic .ce-invite-deadline{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;align-items:center;min-height:52px;padding:10px 12px;border:1px solid var(--ce-line);border-radius:12px;background:var(--ce-soft);color:var(--ce-ink);text-align:left}
#celostnost-selfdiagnostic .ce-invite-price{font-size:19px;line-height:1.3;font-weight:500;color:var(--ce-attention-ink);white-space:nowrap}
#celostnost-selfdiagnostic .ce-invite-until{font-size:12px;line-height:1.35;text-align:right}
#celostnost-selfdiagnostic .ce-invite-deadline>small{grid-column:1/-1;font-size:11px;line-height:1.35;color:var(--ce-secondary)}
@container ce-device (max-height:600px){
 #celostnost-selfdiagnostic .ce-result-heading.ce-booking-heading>div,#celostnost-selfdiagnostic .ce-result-heading.ce-invite-heading>div{grid-template-columns:102px minmax(0,1fr);gap:8px}
 #celostnost-selfdiagnostic .ce-booking-heading h1,#celostnost-selfdiagnostic .ce-invite-heading h1{font-size:14px;line-height:1.2}
 #celostnost-selfdiagnostic .ce-calendar-days .ce-calendar-heading{min-height:24px}
 #celostnost-selfdiagnostic .ce-day-grid{grid-template-rows:repeat(2,minmax(44px,1fr))}
 #celostnost-selfdiagnostic .ce-day{min-height:44px;padding:4px;gap:2px}
 #celostnost-selfdiagnostic .ce-day strong{font-size:13px}
 #celostnost-selfdiagnostic .ce-day .ce-day-availability{display:none}
 #celostnost-selfdiagnostic .ce-time-grid{height:100%;max-height:none}
 #celostnost-selfdiagnostic .ce-period-times{grid-auto-rows:44px;gap:4px}
 #celostnost-selfdiagnostic .ce-time-period{margin-bottom:10px}
 #celostnost-selfdiagnostic .ce-time-period>h3{font-size:12px;padding:4px 0 6px}
 #celostnost-selfdiagnostic .ce-time-period>h3>span{font-size:11px}
 #celostnost-selfdiagnostic .ce-time-selection{font-size:11px}
 #celostnost-selfdiagnostic .ce-slot-more{padding:7px;font-size:11px}
 #celostnost-selfdiagnostic .ce-invite-screen{gap:6px}
 #celostnost-selfdiagnostic .ce-invite-progress{gap:5px}
 #celostnost-selfdiagnostic .ce-invite-progress h2{font-size:13px;line-height:1.35}
 #celostnost-selfdiagnostic .ce-invite-milestones li{min-height:28px;padding:4px}
 #celostnost-selfdiagnostic .ce-invite-milestones li>small{display:none}
 #celostnost-selfdiagnostic .ce-invite-milestones li>span{min-height:18px;font-size:13px}
 #celostnost-selfdiagnostic .ce-invite-steps{padding:10px;gap:6px}
 #celostnost-selfdiagnostic .ce-invite-steps h2{font-size:13px}
 #celostnost-selfdiagnostic .ce-invite-steps ol{gap:4px}
 #celostnost-selfdiagnostic .ce-invite-steps strong{font-size:12px;line-height:1.3}
 #celostnost-selfdiagnostic .ce-invite-steps small{font-size:11px;line-height:1.3}
 #celostnost-selfdiagnostic .ce-invite-deadline{padding:6px 9px;gap:3px 8px}
 #celostnost-selfdiagnostic .ce-invite-price{font-size:17px}
 #celostnost-selfdiagnostic .ce-invite-until{font-size:11px}
}
@container ce-device (min-width:520px) and (max-height:450px){
 #celostnost-selfdiagnostic .ce-invite-screen{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr) auto auto;gap:8px 18px}
 #celostnost-selfdiagnostic .ce-invite-screen>.ce-result-heading{grid-column:1;grid-row:1}
 #celostnost-selfdiagnostic .ce-invite-screen>.ce-invite-progress{grid-column:1;grid-row:2;align-self:center}
 #celostnost-selfdiagnostic .ce-invite-screen>.ce-invite-deadline{grid-column:1;grid-row:3}
 #celostnost-selfdiagnostic .ce-invite-screen>.ce-action{grid-column:1;grid-row:4}
 #celostnost-selfdiagnostic .ce-invite-screen>.ce-invite-steps{grid-column:2;grid-row:1/5}
}

/* Client-local day → period → all windows, without scrolling the time choices. */
#celostnost-selfdiagnostic .ce-booking-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
#celostnost-selfdiagnostic .ce-booking-meta h2{font-size:13px;line-height:1.3;white-space:nowrap}
#celostnost-selfdiagnostic .ce-zone-button{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-height:44px;max-width:62%;padding:4px;border:0;border-radius:8px;background:transparent;color:var(--ce-attention-ink);font-size:12px;line-height:1.3;text-align:right}
#celostnost-selfdiagnostic .ce-zone-button svg{width:14px;height:14px;flex:0 0 14px}
#celostnost-selfdiagnostic .ce-booking-intro-compact{padding:0;border:0;background:transparent}
#celostnost-selfdiagnostic .ce-calendar-time{grid-template-rows:auto minmax(0,1fr);gap:6px}
#celostnost-selfdiagnostic .ce-calendar-time .ce-calendar-heading h2{font-size:15px;line-height:1.3}
#celostnost-selfdiagnostic .ce-calendar-time .ce-calendar-heading p{font-size:11px;line-height:1.3}
#celostnost-selfdiagnostic .ce-calendar-time .ce-text-button{font-size:11px;max-width:36%;white-space:normal;text-align:right}
#celostnost-selfdiagnostic .ce-calendar-period{grid-template-rows:auto minmax(0,1fr)}
#celostnost-selfdiagnostic .ce-period-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(3,minmax(44px,1fr));gap:8px;min-height:0}
#celostnost-selfdiagnostic .ce-period-grid[data-count="4"]{grid-template-rows:repeat(4,minmax(44px,1fr))}
#celostnost-selfdiagnostic .ce-period-choice{display:grid;grid-template-columns:minmax(0,1fr) 92px 64px;gap:12px;align-items:center;align-content:center;justify-items:stretch;min-width:0;min-height:44px;padding:12px;border:1px solid var(--ce-line);border-radius:12px;background:var(--ce-surface);color:var(--ce-ink);text-align:left}
#celostnost-selfdiagnostic .ce-period-choice:disabled{color:var(--ce-secondary);background:var(--ce-bg);opacity:.6}
#celostnost-selfdiagnostic .ce-period-choice strong{font-size:16px;line-height:1.3;font-weight:500}
#celostnost-selfdiagnostic .ce-period-choice>span{font-size:12px;line-height:1.3;color:var(--ce-secondary);text-align:center;white-space:nowrap}
#celostnost-selfdiagnostic .ce-period-choice small{font-size:12px;line-height:1.3;color:var(--ce-attention-ink);text-align:right;white-space:nowrap}
#celostnost-selfdiagnostic .ce-period-note{font-size:11px;line-height:1.35}
#celostnost-selfdiagnostic .ce-review-time-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(var(--ce-window-rows),minmax(44px,1fr));gap:6px;min-height:0;height:100%}
#celostnost-selfdiagnostic .ce-review-window{display:grid;align-content:center;justify-items:center;gap:3px;min-width:0;min-height:44px;padding:4px 2px;text-align:center}
#celostnost-selfdiagnostic .ce-review-window strong{font-size:14px;line-height:1.2;white-space:nowrap}
#celostnost-selfdiagnostic .ce-review-window small{font-size:11px;line-height:1.2;white-space:nowrap;color:var(--ce-secondary)}
#celostnost-selfdiagnostic .ce-review-window[aria-pressed=true] small{color:var(--ce-onprimary)}
#celostnost-selfdiagnostic .ce-zone-select{display:block;width:100%;min-height:48px;padding:10px;border:1px solid var(--ce-line);border-radius:10px;background:var(--ce-bg);color:var(--ce-ink);font-family:inherit;font-size:16px;line-height:1.4}
@container ce-device (max-height:600px){
 #celostnost-selfdiagnostic .ce-booking-screen{gap:6px}
 #celostnost-selfdiagnostic .ce-booking-meta h2{font-size:12px}
 #celostnost-selfdiagnostic .ce-zone-button{font-size:11px}
 #celostnost-selfdiagnostic .ce-calendar-day .ce-calendar-heading{min-height:24px}
 #celostnost-selfdiagnostic .ce-calendar-period{gap:4px}
 #celostnost-selfdiagnostic .ce-calendar-period .ce-calendar-heading{min-height:40px}
 #celostnost-selfdiagnostic .ce-calendar-period .ce-calendar-heading h2{font-size:14px}
 #celostnost-selfdiagnostic .ce-period-grid{gap:5px}
 #celostnost-selfdiagnostic .ce-period-choice{grid-template-columns:minmax(0,1fr) 82px 60px;padding:6px 9px;gap:8px}
 #celostnost-selfdiagnostic .ce-period-choice strong{font-size:14px}
 #celostnost-selfdiagnostic .ce-period-choice>span,#celostnost-selfdiagnostic .ce-period-choice small{font-size:11px}
 #celostnost-selfdiagnostic .ce-calendar-time{gap:4px}
 #celostnost-selfdiagnostic .ce-review-time-grid{gap:4px}
 #celostnost-selfdiagnostic .ce-review-window strong{font-size:13px}
 #celostnost-selfdiagnostic .ce-review-window{gap:2px}
}

html,body{margin:0;background:#0B0C12;color:#F2F3F5;height:100%;overflow:hidden;}
#celostnost-selfdiagnostic{position:fixed;inset-inline:0;top:var(--ce-viewport-top,0px);height:var(--ce-screen-height,100dvh);min-height:0!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important;}
#celostnost-selfdiagnostic .ce-preview-note{display:none!important;}
#celostnost-selfdiagnostic .ce-phone{width:100%!important;max-width:640px!important;height:var(--ce-screen-height,100dvh)!important;min-height:0!important;max-height:none!important;margin:auto!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding-top:max(8px,env(safe-area-inset-top),var(--tg-content-safe-area-inset-top,0px))!important;padding-bottom:max(6px,env(safe-area-inset-bottom),var(--tg-content-safe-area-inset-bottom,0px))!important;}
.ce-network-status{position:fixed;left:12px;right:12px;bottom:72px;z-index:20;background:#171A22;border:1px solid #C8A76C;border-radius:12px;padding:10px 14px;font:13px/1.4 system-ui;max-width:580px;margin:auto;}
.ce-network-status[hidden]{display:none;}
.ce-gate{font:15px/1.5 system-ui;box-sizing:border-box;padding:22px;max-width:560px;height:100dvh;overflow:auto;margin:auto;color:#F2F3F5;}
.ce-gate h1{font:24px/1.25 CelostnostDisplay,system-ui;}
.ce-gate a{color:#E4CC97;}
.ce-gate button,.ce-share-actions button{padding:12px;border:1px solid #C8A76C;border-radius:10px;background:#171A22;color:#F2F3F5;font:inherit;margin:6px 0;cursor:pointer;}
.ce-gate button{width:100%;}.ce-share-actions{display:grid;gap:8px;}

#celostnost-selfdiagnostic[hidden]{display:none!important;}
/* Short phones keep the questionnaire usable; the result keeps its fixed layout. */
#celostnost-selfdiagnostic:not([data-page=result]) .ce-phone{display:flex;flex-direction:column;overflow:hidden;}
#celostnost-selfdiagnostic:not([data-page=result]) .ce-brand{flex:0 0 auto;}
#celostnost-selfdiagnostic:not([data-page=result]) .ce-view{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;}

.ce-gate .ce-consent-options{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:18px 0 12px;}
.ce-gate .ce-consent-choice{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:12px;min-height:56px;margin:0;padding:12px 14px;text-align:left;border-color:#2B303B;}
.ce-gate .ce-consent-choice[aria-checked=true]{border-color:#C8A76C;}
.ce-consent-mark{width:20px;height:20px;display:grid;place-items:center;border:1px solid #A7ABB5;border-radius:5px;font-size:15px;line-height:1;color:#E4CC97;}
[aria-checked=true]>.ce-consent-mark{border-color:#C8A76C;}
.ce-consent-choice small{display:block;font-size:11px;line-height:1.4;color:#A7ABB5;font-weight:400;}
.ce-gate .ce-consent-docs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;font-size:12px;line-height:1.4;color:#A7ABB5;margin:12px 0 18px;}
.ce-gate .ce-consent-docs>a,.ce-gate .ce-consent-docs>button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;width:100%;margin:0;padding:6px 2px;border:0;border-radius:0;background:none;color:#D9C18B;font:inherit;text-align:center;text-decoration:underline;text-underline-offset:3px;}
.ce-gate .ce-consent-continue{min-height:48px;background:#C8A76C;color:#0B0C12;margin:0;}
.ce-gate .ce-consent-continue:disabled{opacity:.4;cursor:default;}
#celostnost-selfdiagnostic .ce-booking-confirmed{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;}
#celostnost-selfdiagnostic .ce-booking-confirmed>.ce-result-heading{grid-column:1;grid-row:1;}
#celostnost-selfdiagnostic .ce-booking-confirmed>.ce-booking-intro{grid-column:1;grid-row:2;align-self:start;max-height:100%;overflow:auto;}
#celostnost-selfdiagnostic .ce-booking-confirmed>.ce-return-map{grid-column:1;grid-row:3;align-self:end;height:48px;min-height:48px;max-height:48px;background:var(--ce-soft);color:var(--ce-ink);border-color:var(--ce-line);}

/* The same bounded layout is used in Telegram, MAX and the local preview. */
#celostnost-selfdiagnostic .ce-phone{container:ce-device/size;}
#celostnost-selfdiagnostic:not([data-page=result]) .ce-view{padding:18px 20px 10px;}
#celostnost-selfdiagnostic .ce-brand{padding:14px 20px;}
#celostnost-selfdiagnostic .ce-brand .ce-ecosystem-logo{width:164px;}
#celostnost-selfdiagnostic button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;}
#celostnost-selfdiagnostic button:disabled{cursor:default;}
#celostnost-selfdiagnostic button:focus-visible,#celostnost-selfdiagnostic input:focus-visible{outline:2px solid var(--ce-attention-ink);outline-offset:3px;}
#celostnost-selfdiagnostic .ce-action{flex:0 0 auto;min-height:50px;max-height:56px;}
#celostnost-selfdiagnostic .ce-question-screen{height:100%;min-height:0;display:grid;grid-template-rows:44px auto minmax(0,1fr);gap:18px;}
#celostnost-selfdiagnostic .ce-question-multiple{grid-template-rows:44px auto minmax(0,1fr) 50px;}
#celostnost-selfdiagnostic .ce-question-top{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:0;}
#celostnost-selfdiagnostic .ce-question-top .ce-back{display:flex;align-items:center;gap:8px;min-width:76px;padding:4px 0;}
#celostnost-selfdiagnostic .ce-back svg{width:17px;height:17px;}
#celostnost-selfdiagnostic .ce-step{display:grid;gap:8px;width:min(112px,40%);}
#celostnost-selfdiagnostic .ce-step .ce-kicker{text-align:right;font-size:10px;}
#celostnost-selfdiagnostic .ce-progress{height:3px;}
#celostnost-selfdiagnostic .ce-question-heading{display:grid;align-content:start;gap:8px;}
#celostnost-selfdiagnostic .ce-question-heading h2{font-size:clamp(22px,5.7cqw,29px);line-height:1.22;}
#celostnost-selfdiagnostic .ce-question-screen>.ce-choices{grid-auto-rows:minmax(44px,1fr);min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;}
#celostnost-selfdiagnostic .ce-question-screen .ce-choice{display:flex;flex-direction:column;justify-content:center;padding:20px;min-height:48px;border-radius:16px;background:linear-gradient(135deg,var(--ce-surface),var(--ce-soft));}
#celostnost-selfdiagnostic .ce-question-screen .ce-choice strong{font-size:clamp(16px,4.1cqw,19px);line-height:1.4;}
#celostnost-selfdiagnostic .ce-question-screen .ce-check{align-items:center;padding:18px 20px;border-radius:16px;}
#celostnost-selfdiagnostic .ce-check:has(input:checked){border-color:var(--ce-primary);background:var(--ce-soft);}
#celostnost-selfdiagnostic .ce-check input{margin:0;}

#celostnost-selfdiagnostic .ce-welcome-screen{min-height:100%;display:flex;flex-direction:column;gap:24px;}
#celostnost-selfdiagnostic .ce-welcome-heading{flex:1 0 auto;display:flex;flex-direction:column;justify-content:center;gap:22px;padding-block:clamp(24px,6cqh,56px);}
#celostnost-selfdiagnostic .ce-welcome-heading h1{font-size:clamp(26px,6.8cqw,36px);line-height:1.2;letter-spacing:-.03em;overflow-wrap:normal;}
#celostnost-selfdiagnostic .ce-welcome-lead{color:var(--ce-secondary);font-size:16px;line-height:1.6;overflow-wrap:normal;}
#celostnost-selfdiagnostic .ce-welcome-bottom{flex:0 0 auto;display:grid;}
#celostnost-selfdiagnostic .ce-welcome-bottom .ce-action{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;padding:14px 16px;}
#celostnost-selfdiagnostic .ce-welcome-bottom .ce-action svg{width:18px;height:18px;flex:0 0 18px;}

#celostnost-selfdiagnostic .ce-nav{gap:6px;padding-top:8px;}
#celostnost-selfdiagnostic .ce-tab{display:grid;grid-template-rows:20px 16px 12px;justify-items:center;align-content:center;gap:3px;min-height:66px;padding:6px 3px;color:var(--ce-secondary);}
#celostnost-selfdiagnostic .ce-tab>svg{width:20px;height:20px;}
#celostnost-selfdiagnostic .ce-tab-label{font-size:12px;line-height:16px;}
#celostnost-selfdiagnostic .ce-tab-caption{display:block;min-height:12px;font-size:10px;line-height:12px;color:var(--ce-attention-ink);font-variant-numeric:tabular-nums;letter-spacing:.025em;}
#celostnost-selfdiagnostic[data-special-active=true] #ce-tab-audit>svg{color:var(--ce-attention-ink);}
#celostnost-selfdiagnostic .ce-countdown{font-variant-numeric:tabular-nums;white-space:nowrap;}
#celostnost-selfdiagnostic .ce-map-context{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;}
#celostnost-selfdiagnostic .ce-map-screen{grid-template-rows:auto auto minmax(0,1fr) auto auto;}
#celostnost-selfdiagnostic .ce-group{grid-template-rows:auto repeat(3,minmax(44px,1fr));}
#celostnost-selfdiagnostic .ce-inline-detail{height:clamp(100px,18cqh,150px);}
#celostnost-selfdiagnostic .ce-map-offer{display:grid;grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;gap:10px;min-width:0;min-height:44px;padding:9px 12px;text-align:left;border:1px solid color-mix(in srgb,var(--ce-primary) 52%,var(--ce-line));border-radius:12px;background:linear-gradient(115deg,#262219,var(--ce-surface));color:var(--ce-attention-ink);}
#celostnost-selfdiagnostic .ce-map-offer-title{display:flex;align-items:baseline;gap:6px;min-width:0;font-size:12px;line-height:1.4;}
#celostnost-selfdiagnostic .ce-map-offer-title strong{font-weight:500;white-space:nowrap;}
#celostnost-selfdiagnostic .ce-map-offer-clock{display:flex;align-items:center;gap:5px;font-size:11px;line-height:1.4;}
#celostnost-selfdiagnostic .ce-map-offer-clock>span:first-child{color:var(--ce-secondary);}
#celostnost-selfdiagnostic .ce-map-offer>svg{width:16px;height:16px;}

.ce-gate.ce-loading{max-width:none;display:grid;place-items:center;padding:0;overflow:hidden;}
.ce-gate[hidden]{display:none!important;}
.ce-gate.ce-consent-gate{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:18px;padding:24px 20px max(14px,env(safe-area-inset-bottom));overflow:hidden;}
.ce-consent-content{display:grid;grid-template-rows:auto auto minmax(min-content,1fr) auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;}
.ce-consent-content .ce-consent-options{align-self:center;}
.ce-consent-content h1{margin:0;font:500 25px/1.2 system-ui;letter-spacing:-.025em;}
.ce-consent-content>p:not(.ce-consent-docs){font-size:14px;line-height:1.5;margin:18px 0;}
.ce-consent-gate .ce-consent-continue{margin:0;min-height:50px;}
.ce-loading-logo{width:84px;height:84px;animation:ce-logo-breathe 1.9s ease-in-out infinite;will-change:transform,opacity;}
.ce-loading-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
@keyframes ce-logo-breathe{0%,100%{opacity:.5;transform:scale(.95);}50%{opacity:1;transform:scale(1.035);}}
@media(prefers-reduced-motion:reduce){.ce-loading-logo{animation:none;opacity:1;transform:none;}}
@media(max-height:600px){.ce-gate.ce-consent-gate{padding:16px 14px max(12px,env(safe-area-inset-bottom));gap:10px;}.ce-consent-content h1{font-size:21px;}.ce-consent-content>p:not(.ce-consent-docs){font-size:13px;margin:12px 0;}.ce-gate .ce-consent-options{margin:12px 0;}.ce-gate .ce-consent-choice{font-size:14px;padding:10px 12px;min-height:50px;}.ce-gate .ce-consent-docs{font-size:11px;margin:12px 0;}}
@media(hover:hover){#celostnost-selfdiagnostic .ce-choice:hover,#celostnost-selfdiagnostic .ce-map-tile:hover{border-color:var(--ce-primary);}#celostnost-selfdiagnostic .ce-tab:hover{background:var(--ce-soft);}}

@container ce-device (max-height:700px){
 #celostnost-selfdiagnostic .ce-map-context{grid-template-columns:minmax(0,1fr) 104px;gap:6px;}
 #celostnost-selfdiagnostic .ce-map-offer{grid-template-columns:minmax(0,1fr);justify-items:start;align-content:center;gap:3px;padding:6px 8px;}
 #celostnost-selfdiagnostic .ce-map-offer-title{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1px 4px;width:100%;font-size:10px;}
 #celostnost-selfdiagnostic .ce-map-offer-title>span{grid-column:1;grid-row:1;}
 #celostnost-selfdiagnostic .ce-map-offer-title strong{display:block;grid-column:1/-1;grid-row:2;font-size:14px;}
 #celostnost-selfdiagnostic .ce-map-offer-title .ce-old-price{grid-column:2;grid-row:1;font-size:9px;}
 #celostnost-selfdiagnostic .ce-map-offer-clock{display:grid;gap:0;font-size:10px;}
 #celostnost-selfdiagnostic .ce-map-offer-clock>span:first-child{display:none;}
 #celostnost-selfdiagnostic .ce-map-offer>svg{display:none;}
 #celostnost-selfdiagnostic .ce-welcome-screen{gap:16px;}
 #celostnost-selfdiagnostic .ce-welcome-heading{gap:18px;}
 #celostnost-selfdiagnostic .ce-welcome-lead{font-size:15px;line-height:1.6;}
}
@container ce-device (max-height:600px){
 #celostnost-selfdiagnostic .ce-brand{padding:8px 14px;}
 #celostnost-selfdiagnostic .ce-brand .ce-ecosystem-logo{width:130px;}
 #celostnost-selfdiagnostic:not([data-page=result]) .ce-view{padding:8px 12px;}
 #celostnost-selfdiagnostic .ce-question-screen{gap:10px;}
 #celostnost-selfdiagnostic .ce-question-multiple{grid-template-rows:44px auto minmax(0,1fr) 44px;}
 #celostnost-selfdiagnostic .ce-question-heading{gap:6px;}
 #celostnost-selfdiagnostic .ce-question-heading h2{font-size:21px;line-height:1.22;}
 #celostnost-selfdiagnostic .ce-question-screen .ce-choice{padding:12px 14px;border-radius:12px;}
 #celostnost-selfdiagnostic .ce-question-screen .ce-choice strong{font-size:14px;line-height:1.4;}
 #celostnost-selfdiagnostic .ce-question-screen .ce-check{padding:10px 12px;font-size:13px;line-height:1.4;border-radius:12px;}
 #celostnost-selfdiagnostic .ce-action{min-height:44px;max-height:52px;}
 #celostnost-selfdiagnostic .ce-tab{grid-template-rows:18px 14px 11px;gap:2px;min-height:55px;padding:4px 2px;}
 #celostnost-selfdiagnostic .ce-tab>svg{width:18px;height:18px;}
 #celostnost-selfdiagnostic .ce-tab-label{font-size:11px;line-height:14px;}
 #celostnost-selfdiagnostic .ce-tab-caption{min-height:11px;line-height:11px;}
 #celostnost-selfdiagnostic .ce-nav{padding-top:5px;}
 #celostnost-selfdiagnostic .ce-map-screen{gap:4px;grid-template-rows:auto auto minmax(0,1fr) auto auto;}
 #celostnost-selfdiagnostic .ce-inline-detail{height:clamp(44px,10cqh,60px);}
 #celostnost-selfdiagnostic .ce-summary-button{gap:3px;}
 #celostnost-selfdiagnostic .ce-financial{gap:4px;}
 #celostnost-selfdiagnostic .ce-financial small{font-size:9px;}
 #celostnost-selfdiagnostic .ce-financial strong{font-size:11px;}
 #celostnost-selfdiagnostic .ce-welcome-screen{gap:10px;}
 #celostnost-selfdiagnostic .ce-welcome-heading{gap:16px;padding-block:12px;}
 #celostnost-selfdiagnostic .ce-welcome-heading h1{font-size:24px;line-height:1.2;}
 #celostnost-selfdiagnostic .ce-welcome-lead{font-size:14px;line-height:1.6;}
 #celostnost-selfdiagnostic .ce-welcome-bottom .ce-action{padding:10px 12px;font-size:13px;}
}
@container ce-device (min-width:520px) and (max-height:450px){
 #celostnost-selfdiagnostic .ce-map-screen{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto minmax(44px,1fr) auto;gap:6px 18px;}
 #celostnost-selfdiagnostic .ce-map-screen>.ce-map-context{grid-column:1;grid-row:2;}
 #celostnost-selfdiagnostic .ce-map-context{grid-template-columns:minmax(0,1fr) 96px;}
}
@container ce-device (max-height:520px){
 #celostnost-selfdiagnostic .ce-brand{padding:6px 12px;}
 #celostnost-selfdiagnostic .ce-brand .ce-ecosystem-logo{width:112px;}
 #celostnost-selfdiagnostic .ce-question-screen{gap:8px;}
 #celostnost-selfdiagnostic .ce-question-screen>.ce-choices{gap:6px;}
 #celostnost-selfdiagnostic .ce-question-screen .ce-check{min-height:44px;padding:6px 10px;font-size:13px;line-height:1.35;}
 #celostnost-selfdiagnostic .ce-question-heading h2{font-size:20px;line-height:1.2;}
 #celostnost-selfdiagnostic .ce-question-heading .ce-small{font-size:11px;line-height:1.4;}
}

/* Keep the financial summary and the support explanation readable on mid-height phones. */
@container ce-device (min-height:601px) and (max-height:700px){
 #celostnost-selfdiagnostic .ce-map-context .ce-summary-button{padding:8px;gap:4px;}
 #celostnost-selfdiagnostic .ce-map-context .ce-financial{gap:4px;}
 #celostnost-selfdiagnostic .ce-map-context .ce-financial small{font-size:10px;line-height:1.2;}
 #celostnost-selfdiagnostic .ce-map-context .ce-financial strong{font-size:11.5px;line-height:1.3;}
 #celostnost-selfdiagnostic .ce-map-context .ce-request{font-size:11px;line-height:1.4;}
 #celostnost-selfdiagnostic .ce-result-heading.ce-map-heading>div{grid-template-columns:112px minmax(0,1fr);gap:8px;}
 #celostnost-selfdiagnostic .ce-map-heading .ce-ecosystem-logo{width:112px;}
}

#celostnost-selfdiagnostic .ce-old-price{color:var(--ce-secondary);font-size:12px;font-weight:400;white-space:nowrap;text-decoration:line-through;text-decoration-thickness:1px;}
#celostnost-selfdiagnostic .ce-invite-price{display:inline-flex;align-items:baseline;gap:6px;}

/* Explore the map once; a chosen area stays selected after reload. */
#celostnost-selfdiagnostic .ce-heading-static{grid-template-columns:minmax(0,1fr);}
#celostnost-selfdiagnostic .ce-map-unexplored .ce-map-tile{animation:ce-area-hint 4s ease-in-out infinite;}
@keyframes ce-area-hint{0%,100%{border-color:var(--ce-line);background-color:var(--ce-surface);box-shadow:inset 0 0 0 1px transparent,0 0 0 transparent;}40%,60%{border-color:var(--ce-primary);background-color:#3a3020;box-shadow:inset 0 0 0 1px #c8a76cb0,0 0 18px #c8a76c66;}}
#celostnost-selfdiagnostic .ce-result-heading.ce-audit-heading>div{grid-template-columns:130px minmax(0,1fr);align-items:center;gap:10px;}
#celostnost-selfdiagnostic .ce-audit-heading h1{font-size:18px;line-height:1.2;}
@container ce-device (max-height:700px){#celostnost-selfdiagnostic .ce-result-heading.ce-audit-heading>div{grid-template-columns:112px minmax(0,1fr);gap:8px;}#celostnost-selfdiagnostic .ce-audit-heading .ce-ecosystem-logo{width:112px;}#celostnost-selfdiagnostic .ce-audit-heading h1{font-size:16px;}}
@container ce-device (max-height:600px){#celostnost-selfdiagnostic .ce-result-heading.ce-audit-heading>div{grid-template-columns:102px minmax(0,1fr);}#celostnost-selfdiagnostic .ce-audit-heading .ce-ecosystem-logo{width:102px;}}
#celostnost-selfdiagnostic .ce-request{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:normal;line-height:1.4;overflow:hidden;text-overflow:ellipsis;}
#celostnost-selfdiagnostic .ce-audit-price-line{grid-template-columns:auto minmax(0,1fr);gap:10px;}
#celostnost-selfdiagnostic .ce-ordinary-full,#celostnost-selfdiagnostic .ce-ordinary-short{white-space:nowrap;}
#celostnost-selfdiagnostic .ce-booking-overview{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;}
#celostnost-selfdiagnostic .ce-confirmed-slot{display:grid;gap:8px;padding:16px;border:1px solid var(--ce-line);border-radius:14px;background:var(--ce-soft);}
#celostnost-selfdiagnostic .ce-booking-date{font-size:20px;line-height:1.35;font-weight:500;color:var(--ce-attention-ink);}
#celostnost-selfdiagnostic .ce-review-agenda{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;padding:16px;border:1px solid var(--ce-line);border-radius:14px;background:var(--ce-surface);min-height:0;}
#celostnost-selfdiagnostic .ce-review-agenda h2{font-size:15px;line-height:1.35;}
#celostnost-selfdiagnostic .ce-review-agenda ol{display:grid;grid-template-rows:repeat(3,minmax(32px,1fr));gap:6px;list-style:none;counter-reset:ce-agenda;margin:0;padding:0;}
#celostnost-selfdiagnostic .ce-review-agenda li{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.4;}
#celostnost-selfdiagnostic .ce-review-agenda li:before{counter-increment:ce-agenda;content:counter(ce-agenda);color:var(--ce-primary);font-size:11px;min-width:12px;}
#celostnost-selfdiagnostic .ce-booking-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
#celostnost-selfdiagnostic .ce-booking-actions>.ce-action{height:48px;min-height:48px;max-height:48px;padding:8px;font-size:13px;}
#celostnost-selfdiagnostic .ce-booking-actions>.ce-action:only-child{grid-column:1/-1;}
#celostnost-selfdiagnostic .ce-booking-actions>.ce-return-map{background:var(--ce-soft);border-color:var(--ce-line);color:var(--ce-ink);}
@container ce-device (max-height:700px){#celostnost-selfdiagnostic .ce-request{-webkit-line-clamp:2;font-size:11px;}}
@container ce-device (max-height:600px){
 #celostnost-selfdiagnostic .ce-booking-overview{gap:8px;}
 #celostnost-selfdiagnostic .ce-confirmed-slot,#celostnost-selfdiagnostic .ce-review-agenda{padding:10px;gap:6px;}
 #celostnost-selfdiagnostic .ce-booking-date{font-size:16px;}
 #celostnost-selfdiagnostic .ce-review-agenda h2{font-size:13px;}
 #celostnost-selfdiagnostic .ce-review-agenda li{font-size:12px;}
 #celostnost-selfdiagnostic .ce-booking-actions>.ce-action{font-size:12px;}
}
@container ce-device (min-width:520px) and (max-height:450px){
 #celostnost-selfdiagnostic .ce-booking-overview{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) auto;}
 #celostnost-selfdiagnostic .ce-confirmed-slot{grid-column:1;grid-row:1;align-content:center;}
 #celostnost-selfdiagnostic .ce-review-agenda{grid-column:2;grid-row:1/3;}
 #celostnost-selfdiagnostic .ce-booking-overview>.ce-small{grid-column:1;grid-row:2;}
}
@media(prefers-reduced-motion:reduce){#celostnost-selfdiagnostic .ce-map-unexplored .ce-map-tile{animation:none;border-color:var(--ce-primary);box-shadow:none;}}

#celostnost-selfdiagnostic .ce-review-agenda>.ce-booking-date{display:flex;align-items:center;}

/* One brand size and one-line titles throughout the result menu. */
#celostnost-selfdiagnostic .ce-result-heading[class]>div{grid-template-columns:104px minmax(0,1fr);align-items:center;gap:8px;container-type:inline-size;}
#celostnost-selfdiagnostic .ce-result-heading[class] .ce-ecosystem-logo{width:104px;}
#celostnost-selfdiagnostic .ce-result-heading[class] h1{font-size:clamp(10px,3.8cqw,14px);line-height:1.25;letter-spacing:-.025em;white-space:nowrap;}
#celostnost-selfdiagnostic .ce-map-offer-title{display:grid;grid-template-columns:minmax(0,1fr);gap:0;}
#celostnost-selfdiagnostic .ce-map-offer-title>span{grid-column:1;grid-row:1;}
#celostnost-selfdiagnostic .ce-map-offer-title .ce-old-price{grid-column:1;grid-row:2;}
#celostnost-selfdiagnostic .ce-map-offer-title strong{grid-column:1;grid-row:3;}
@container ce-device (max-width:360px){
 #celostnost-selfdiagnostic .ce-result-heading[class]>div{grid-template-columns:96px minmax(0,1fr);}
 #celostnost-selfdiagnostic .ce-result-heading[class] .ce-ecosystem-logo{width:96px;}
}
#celostnost-selfdiagnostic .ce-subscription-screen{display:grid;grid-template-rows:auto minmax(0,1fr) 48px 48px;gap:12px;height:100%;min-height:0;}
#celostnost-selfdiagnostic .ce-subscription-copy{display:grid;align-content:center;gap:14px;min-height:0;overflow:auto;padding:18px;border:1px solid var(--ce-line);border-radius:14px;background:var(--ce-surface);}
#celostnost-selfdiagnostic .ce-subscription-copy h2{font-size:22px;line-height:1.25;}
#celostnost-selfdiagnostic .ce-subscribe-link{background:var(--ce-soft);color:var(--ce-ink);border-color:var(--ce-primary);}
#celostnost-selfdiagnostic[data-page=subscription] .ce-brand{display:none;}
@container ce-device (max-height:600px){#celostnost-selfdiagnostic .ce-subscription-copy{padding:12px;gap:8px;}#celostnost-selfdiagnostic .ce-subscription-copy h2{font-size:19px;}}
/* The logo is the quiet service-menu entry, with a constant brand footprint. */
#celostnost-selfdiagnostic .ce-logo-menu{display:block;flex:0 0 auto;min-height:0;min-width:0;padding:0;border:0;border-radius:8px;background:transparent;line-height:0;max-width:100%;}
#celostnost-selfdiagnostic .ce-logo-menu:focus-visible{outline:2px solid var(--ce-primary);outline-offset:5px;}
#celostnost-selfdiagnostic .ce-service-menu{display:grid;gap:8px;}
#celostnost-selfdiagnostic .ce-service-menu>button,#celostnost-selfdiagnostic .ce-service-menu>a{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px;text-align:left;text-decoration:none;color:var(--ce-ink);background:var(--ce-soft);border:1px solid var(--ce-line);border-radius:12px;}
#celostnost-selfdiagnostic .ce-service-menu>*>span:last-child{margin-left:auto;color:var(--ce-primary);}
#celostnost-selfdiagnostic .ce-service-menu strong,#celostnost-selfdiagnostic .ce-service-menu small{display:block;line-height:1.5;}
#celostnost-selfdiagnostic .ce-service-menu small{color:var(--ce-secondary);font-size:12px;}
#celostnost-selfdiagnostic .ce-account-actions{display:grid;gap:12px;}
#celostnost-selfdiagnostic .ce-paid-screen{height:100%;min-height:0;display:flex;flex-direction:column;gap:12px;}
#celostnost-selfdiagnostic .ce-paid-intro{display:grid;gap:8px;padding:14px;border-radius:14px;background:linear-gradient(125deg,#242015,var(--ce-surface));border:1px solid var(--ce-line);}
#celostnost-selfdiagnostic .ce-paid-intro h2{font-size:19px;line-height:1.3;}
#celostnost-selfdiagnostic .ce-paid-roadmap{display:grid;gap:10px;flex:1;min-height:110px;}
#celostnost-selfdiagnostic .ce-paid-card{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:14px;min-height:64px;border:1px solid var(--ce-line);border-radius:14px;background:var(--ce-surface);color:var(--ce-ink);text-align:left;}
#celostnost-selfdiagnostic .ce-paid-card:disabled{opacity:.45;}
#celostnost-selfdiagnostic .ce-paid-card strong,#celostnost-selfdiagnostic .ce-paid-card small{display:block;line-height:1.5;}
#celostnost-selfdiagnostic .ce-paid-card small{margin-top:5px;font-size:12px;color:var(--ce-secondary);}
#celostnost-selfdiagnostic .ce-paid-card svg{flex:0 0 auto;color:var(--ce-primary);}
#celostnost-selfdiagnostic .ce-paid-bottom{display:grid;gap:6px;margin-top:auto;}
#celostnost-selfdiagnostic .ce-secondary{background:var(--ce-soft);color:var(--ce-ink);border-color:var(--ce-line);}
#celostnost-selfdiagnostic .ce-paid-form-meta{display:flex;justify-content:space-between;gap:12px;color:var(--ce-secondary);font-size:12px;}
#celostnost-selfdiagnostic .ce-paid-progress{width:100%;height:3px;accent-color:var(--ce-primary);}
#celostnost-selfdiagnostic .ce-paid-question{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px;border:1px solid var(--ce-line);border-radius:16px;background:var(--ce-surface);}
#celostnost-selfdiagnostic .ce-paid-question h2{font-size:19px;line-height:1.35;font-weight:550;}
#celostnost-selfdiagnostic .ce-paid-input{width:100%;min-height:48px;max-height:100%;border:1px solid var(--ce-line);border-radius:10px;padding:12px;background:var(--ce-bg);color:var(--ce-ink);font:inherit;font-size:16px;line-height:1.5;}
#celostnost-selfdiagnostic textarea.ce-paid-input{flex:1;min-height:90px;resize:none;}
#celostnost-selfdiagnostic .ce-paid-deepen{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.4;color:var(--ce-secondary);}
#celostnost-selfdiagnostic .ce-paid-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
#celostnost-selfdiagnostic .ce-paid-result{display:grid;gap:10px;overflow:auto;min-height:0;padding:14px;background:var(--ce-surface);border:1px solid var(--ce-line);border-radius:14px;}
#celostnost-selfdiagnostic .ce-paid-result a{color:var(--ce-primary);padding:8px 0;}
@media(max-height:700px){#celostnost-selfdiagnostic .ce-paid-screen{gap:8px;}#celostnost-selfdiagnostic .ce-paid-intro{padding:10px;gap:5px;}#celostnost-selfdiagnostic .ce-paid-card{padding:10px;min-height:55px;}#celostnost-selfdiagnostic .ce-paid-question{padding:12px;gap:8px;}#celostnost-selfdiagnostic .ce-paid-question h2{font-size:17px;}}

#celostnost-selfdiagnostic .ce-paid-question-compact{justify-content:center;}
#celostnost-selfdiagnostic .ce-payment-terms{font-size:10px;text-align:center;line-height:1.3;}
#celostnost-selfdiagnostic .ce-payment-terms a{color:var(--ce-primary);}
#celostnost-selfdiagnostic .ce-review-contact-screen{display:flex;flex-direction:column;gap:14px;height:100%;min-height:0;}
#celostnost-selfdiagnostic .ce-review-contact-body{display:flex;flex-direction:column;gap:14px;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:2px;scroll-padding-block:12px;}
#celostnost-selfdiagnostic .ce-review-contact-intro{display:grid;gap:7px;}
#celostnost-selfdiagnostic .ce-review-contact-notes{display:grid;gap:7px;}
#celostnost-selfdiagnostic .ce-review-contact-intro h2{font-size:21px;line-height:1.3;}
#celostnost-selfdiagnostic .ce-review-contact-fields{display:flex;flex-direction:column;justify-content:space-evenly;gap:12px;flex:1 0 auto;}
#celostnost-selfdiagnostic .ce-review-contact-fields label{display:grid;gap:8px;font-size:13px;color:var(--ce-secondary);}
#celostnost-selfdiagnostic .ce-review-contact-fields input{width:100%;min-height:50px;padding:12px;border:1px solid var(--ce-line);border-radius:12px;background:var(--ce-surface);color:var(--ce-ink);font:inherit;font-size:16px;}
#celostnost-selfdiagnostic .ce-review-contact-screen>.ce-action{margin-top:auto;}
@media(max-height:640px){#celostnost-selfdiagnostic .ce-review-contact-screen{gap:8px;}#celostnost-selfdiagnostic .ce-review-contact-fields{gap:8px;}#celostnost-selfdiagnostic .ce-review-contact-fields label{gap:4px;}#celostnost-selfdiagnostic .ce-review-contact-fields input{min-height:44px;padding:9px;}}
#celostnost-selfdiagnostic .ce-paid-answer-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
#celostnost-selfdiagnostic .ce-paid-answer-options button,#celostnost-selfdiagnostic .ce-paid-select-options button{min-height:44px;padding:8px;border:1px solid var(--ce-line);border-radius:10px;background:var(--ce-soft);color:var(--ce-secondary);font:inherit;font-size:11px;line-height:1.3;}
#celostnost-selfdiagnostic .ce-paid-answer-options button[aria-pressed=true],#celostnost-selfdiagnostic .ce-paid-select-options button[aria-pressed=true]{border-color:var(--ce-primary);color:var(--ce-attention-ink);background:#272318;}
#celostnost-selfdiagnostic .ce-paid-select-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
#celostnost-selfdiagnostic .ce-paid-select-options button{min-height:64px;font-size:13px;}

#celostnost-selfdiagnostic .ce-review-contact-fields input[aria-invalid=true]{border-color:var(--ce-primary);box-shadow:0 0 0 1px var(--ce-primary);}
#celostnost-selfdiagnostic[data-keyboard-open=true] .ce-nav{display:none;}
#celostnost-selfdiagnostic[data-keyboard-open=true] .ce-result-base{grid-template-rows:minmax(0,1fr);gap:0;}
#celostnost-selfdiagnostic[data-keyboard-open=true] .ce-review-contact-screen{gap:8px;}
#celostnost-selfdiagnostic[data-keyboard-open=true] .ce-review-contact-body{gap:14px;}
#celostnost-selfdiagnostic[data-keyboard-open=true] .ce-review-contact-intro .ce-kicker,
#celostnost-selfdiagnostic[data-keyboard-open=true] .ce-review-contact-notes{display:none;}
#celostnost-selfdiagnostic[data-keyboard-open=true] .ce-review-contact-intro h2{font-size:18px;}
#celostnost-selfdiagnostic[data-keyboard-open=true] .ce-review-contact-fields{justify-content:flex-start;}
#celostnost-selfdiagnostic[data-keyboard-open=true] .ce-paid-screen{overflow:auto;overscroll-behavior:contain;scroll-padding-bottom:76px;}
#celostnost-selfdiagnostic[data-keyboard-open=true] .ce-paid-form{display:block;}
#celostnost-selfdiagnostic[data-keyboard-open=true] .ce-paid-form>*+*{margin-top:10px;}
#celostnost-selfdiagnostic[data-keyboard-open=true] .ce-paid-form .ce-paid-question{overflow:visible;min-height:0;}
#celostnost-selfdiagnostic[data-keyboard-open=true] .ce-paid-form textarea.ce-paid-input{flex:none;min-height:128px;}
#celostnost-selfdiagnostic[data-keyboard-open=true] .ce-paid-actions{position:sticky;bottom:0;padding-block:8px;background:var(--ce-bg);z-index:2;}
#celostnost-selfdiagnostic input,#celostnost-selfdiagnostic textarea{scroll-margin-block:14px;}

/* A slow change of colour remains perceptible without moving the cards. */
@keyframes ce-area-hint-reduced{0%,100%{border-color:var(--ce-line);background-color:var(--ce-surface);}50%{border-color:var(--ce-primary);background-color:#282319;}}
@media(prefers-reduced-motion:reduce){#celostnost-selfdiagnostic .ce-map-unexplored .ce-map-tile{animation:ce-area-hint-reduced 4s ease-in-out infinite;box-shadow:none;}}

#celostnost-selfdiagnostic .ce-paid-answer-options[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));}

/* Entry documents keep service actions out of the first consent screen. */
.ce-gate .ce-document-link{display:inline;padding:0;border:0;border-radius:0;background:none;color:#D9C18B;font-size:inherit;text-decoration:underline;text-underline-offset:3px;}
.ce-gate .ce-document-list{display:grid;gap:10px;padding:20px 0;}
.ce-gate .ce-document-list a,.ce-gate .ce-document-list button{display:block;padding:13px 14px;border:1px solid #2B303B;border-radius:12px;background:#14161E;color:#EFEFF3;font:inherit;text-decoration:none;text-align:left;line-height:1.4;}
.ce-gate .ce-documents-content{display:block;}

/* Clear timezone check without an extra dialog or a competing action. */
#celostnost-selfdiagnostic .ce-timezone-note{font-size:12px;line-height:1.35;margin:5px 0;color:var(--ce-muted,#a9adb8);}
#celostnost-selfdiagnostic .ce-result-heading.ce-audit-heading h1{white-space:normal;text-wrap:balance;font-size:clamp(12px,3.7cqw,15px);line-height:1.2;}