/* ============================================================
   cdg.css — Claude Desktop Guide, SCOPED for the portal.
   Every rule lives under .cdg so it cannot leak into the portal
   (Tailwind/shadcn) and the portal cannot leak into the guide.
   Pair with fonts.css (the @font-face block stays global).
   ============================================================ */

.cdg{
  /* page tokens (were :root in the standalone guide) */
  --paper:#FAF9F5; --ink:#1F1E1B; --ink-soft:#6C6862; --line-page:#E9E5DC; --accent:#C96442;
  --c-bg:#FFFFFF; --c-side:#F7F5F0; --c-text:#1F1E1B; --c-text-2:#6C6862; --c-text-3:#9B968C;
  --c-line:#ECE9E2; --c-line-2:#F2F0EA; --c-hover:#F0EEE7; --c-active:#E7E4DB;
  --c-blue:#4C7EF3; --c-off:#D6D3CA;
  font-family:'Heebo',system-ui,sans-serif;color:var(--ink);line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.cdg *{box-sizing:border-box;margin:0;padding:0}
.cdg [data-ic]{display:inline-flex;align-items:center;justify-content:center}
.cdg [data-ic] svg{width:100%;height:100%;display:block}
.cdg .i{width:1.25em;height:1.25em;color:var(--c-text-2);flex:none}
.cdg .i svg{stroke-width:1.75}

/* ---------- STAGE / WINDOW ---------- */
.cdg .stage{
  direction:ltr;position:relative;width:100%;aspect-ratio:1512/944;
  background:var(--c-bg);border:1px solid var(--line-page);border-radius:14px;overflow:hidden;
  box-shadow:0 1px 2px rgba(31,30,27,.04),0 24px 60px -28px rgba(31,30,27,.30);
  font-family:'Anthropic Sans',system-ui,sans-serif;color:var(--c-text);
  container-type:inline-size;font-size:clamp(8px,1.3cqw,15px);cursor:grab;
}
.cdg .stage.dragging{cursor:grabbing}
.cdg .stage.dragging .scene{transition:none}
.cdg .scene{position:absolute;inset:0;transform-origin:0 0;transition:transform .55s cubic-bezier(.33,0,.2,1);will-change:transform}
.cdg .scene.instant{transition:none}
.cdg .app{display:flex;height:100%}

/* ---------- SIDEBAR ---------- */
.cdg .sidebar{width:21%;min-width:21%;background:var(--c-side);border-right:1px solid var(--c-line);display:flex;flex-direction:column;padding:.85em .7em .7em}
.cdg .side-top{display:flex;align-items:center;gap:1em;padding:.15em .35em .8em}
.cdg .side-top .i{width:1.35em;height:1.35em;color:var(--c-text-2)}
.cdg .seg{display:flex;background:#ECE9E1;border-radius:.7em;padding:.18em;gap:.1em;margin-bottom:1em}
.cdg .seg .s{flex:1;display:flex;align-items:center;justify-content:center;gap:.4em;padding:.42em 0;border-radius:.55em;color:var(--c-text-2);font-size:.92em}
.cdg .seg .s .i{width:1.05em;height:1.05em;color:inherit}
.cdg .seg .s.on{background:#fff;color:var(--c-text);font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.cdg .snav{display:flex;flex-direction:column;gap:.05em}
.cdg .sn{display:flex;align-items:center;gap:.65em;padding:.5em .55em;border-radius:.5em;font-size:.96em;color:var(--c-text)}
.cdg .sn .i{width:1.2em;height:1.2em}
.cdg .sn.on{background:var(--c-active);font-weight:500}
.cdg .side-lbl{font-size:.85em;color:var(--c-text-3);padding:1.1em .55em .35em}
.cdg .side-lbl.row{display:flex;align-items:center;justify-content:space-between}
.cdg .side-lbl .i{width:1em;height:1em;color:var(--c-text-3)}
.cdg .side-spacer{flex:1}
.cdg .profile{display:flex;align-items:center;gap:.6em;padding:.5em .55em;border-radius:.6em;margin-top:.4em}
.cdg .profile:hover,.cdg .profile.hot,.cdg .profile.hov{background:var(--c-active)}
.cdg .mi.hov,.cdg .ni.hov{background:var(--c-active)}
.cdg .pref.hov{background:var(--c-line-2);border-radius:.6em;box-shadow:0 0 0 .5em var(--c-line-2)}
.cdg .profile .av{width:1.7em;height:1.7em;border-radius:50%;background:#1F1E1B;color:#fff;display:grid;place-items:center;font-size:.8em;font-weight:600;flex:none}
.cdg .profile .who{flex:1;font-size:.92em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cdg .profile .who b{font-weight:500}.cdg .profile .who .dim{color:var(--c-text-3)}
.cdg .profile .i{width:1em;height:1em;color:var(--c-text-3)}

/* ---------- MAIN ---------- */
.cdg .main{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}
.cdg .main-top{position:absolute;top:0;right:0;padding:1em 1.2em}
.cdg .main-top .i{width:1.5em;height:1.5em;color:var(--c-text-2)}
.cdg .greet{display:flex;align-items:center;gap:.45em;font-family:'Anthropic Serif',serif;font-weight:400;font-size:2.4em;letter-spacing:-.015em;margin-bottom:.95em}
.cdg .greet .ast{color:var(--accent);width:.86em;height:.86em}
.cdg .composer{width:64%;border:1px solid var(--c-line);border-radius:1.3em;padding:1.15em 1.3em .95em;box-shadow:0 4px 16px -12px rgba(0,0,0,.14)}
.cdg .composer .ph{color:var(--c-text-3);font-size:1.12em}
.cdg .composer .row{display:flex;align-items:center;justify-content:space-between;margin-top:1.7em}
.cdg .composer .row .i{width:1.5em;height:1.5em}
.cdg .composer .right{display:flex;align-items:center;gap:1em}
.cdg .model{font-size:1em;color:var(--c-text-2);display:flex;align-items:center;gap:.4em}
.cdg .model b{font-weight:600;color:var(--c-text)}.cdg .model .i{width:.95em;height:.95em}
.cdg .chips{display:flex;gap:.55em;margin-top:1.3em;flex-wrap:wrap;justify-content:center}
.cdg .chip{display:flex;align-items:center;gap:.45em;border:1px solid var(--c-line);border-radius:.7em;padding:.5em .8em;font-size:.98em;color:var(--c-text)}
.cdg .chip .i{width:1.05em;height:1.05em}

/* ---------- PROFILE MENU ---------- */
.cdg .menu{position:absolute;left:.7em;bottom:3.4em;width:18.5em;background:#fff;border:1px solid var(--c-line);
  border-radius:.85em;box-shadow:0 18px 44px -12px rgba(0,0,0,.24);padding:.5em;z-index:30;
  opacity:0;transform:translateY(8px) scale(.98);transform-origin:bottom left;pointer-events:none;transition:opacity .24s,transform .24s}
.cdg .menu.show{opacity:1;transform:none}
.cdg .menu .email{font-size:.86em;color:var(--c-text-3);padding:.5em .6em .35em}
.cdg .menu .acc{display:flex;align-items:center;gap:.65em;padding:.5em .6em;border-radius:.55em}
.cdg .menu .acc .logo{width:1.85em;height:1.85em;border-radius:.4em;background:linear-gradient(135deg,#E0685B,#3FA3A3);flex:none}
.cdg .menu .acc .av{width:1.85em;height:1.85em;border-radius:50%;background:#1F1E1B;color:#fff;display:grid;place-items:center;font-size:.8em;font-weight:600;flex:none}
.cdg .menu .acc .t{flex:1;line-height:1.2}.cdg .menu .acc .t b{font-size:.95em;font-weight:600}.cdg .menu .acc .t span{display:block;font-size:.8em;color:var(--c-text-3)}
.cdg .menu .acc .i{width:1.05em;height:1.05em;color:var(--c-blue)}
.cdg .menu hr{border:0;border-top:1px solid var(--c-line-2);margin:.36em .2em}
.cdg .mi{display:flex;align-items:center;gap:.65em;padding:.5em .6em;border-radius:.55em;font-size:.92em}
.cdg .mi .i{width:1.15em;height:1.15em}
.cdg .mi .kbd,.cdg .mi .car{margin-left:auto;color:var(--c-text-3)}
.cdg .mi .car{width:.9em;height:.9em}.cdg .mi .kbd{font-size:.88em}
.cdg .mi.hot{background:var(--c-active)}

/* ---------- SETTINGS MODAL ---------- */
.cdg .settings{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(35,33,29,.26);opacity:0;pointer-events:none;transition:opacity .14s;z-index:40}
.cdg .settings.show{opacity:1}
.cdg .modal{width:80%;height:86%;background:#fff;border-radius:1em;overflow:hidden;display:flex;box-shadow:0 28px 70px -20px rgba(0,0,0,.38);transform:scale(.97);transition:transform .3s}
.cdg .settings.show .modal{transform:none}
.cdg .nav{width:31%;border-right:1px solid var(--c-line);padding:1.25em .95em;display:flex;flex-direction:column;gap:.08em;overflow:hidden}
.cdg .nav .ttl{font-size:1.35em;font-weight:600;padding:0 .4em .65em}
.cdg .search{display:flex;align-items:center;gap:.5em;border:1px solid var(--c-line);border-radius:.55em;padding:.48em .7em;margin-bottom:.55em;color:var(--c-text-3);font-size:.94em}
.cdg .search .i{width:1.05em;height:1.05em;color:var(--c-text-3)}
.cdg .ni{display:flex;align-items:center;gap:.62em;padding:.46em .55em;border-radius:.5em;font-size:.94em;color:var(--c-text)}
.cdg .ni .i{width:1.18em;height:1.18em}
.cdg .ni.active{background:var(--c-active);font-weight:600}
.cdg .ni .beta{margin-left:auto;font-size:.72em;background:var(--c-hover);color:var(--c-text-2);padding:.12em .5em;border-radius:.4em;font-weight:500}
.cdg .nav .seclbl{font-size:.8em;color:var(--c-text-3);padding:.8em .55em .28em}
.cdg .pane{flex:1;position:relative;overflow:hidden}
.cdg .closex{position:absolute;top:1.3em;right:1.4em;width:1.4em;height:1.4em;color:var(--c-text-2);z-index:3}
.cdg .view{position:absolute;inset:0;padding:1.55em 1.75em;background:#fff;opacity:0;pointer-events:none;transition:opacity .28s;overflow:hidden}
.cdg .view.show{opacity:1;pointer-events:auto;z-index:1}
.cdg .ph-h{font-size:1.25em;font-weight:600;margin-bottom:.85em}
.cdg .frow{display:flex;align-items:center;justify-content:space-between;padding:.78em 0;border-bottom:1px solid var(--c-line-2);font-size:.98em}
.cdg .frow .val{border:1px solid var(--c-line);border-radius:.5em;padding:.42em .8em;min-width:32%;text-align:left}
.cdg .frow .sel{color:var(--c-text-3);display:flex;align-items:center;gap:.3em}
.cdg .frow .sel .i{width:.9em;height:.9em}
.cdg .av-lg{width:1.8em;height:1.8em;border-radius:50%;background:#1F1E1B;color:#fff;display:grid;place-items:center;font-size:.8em;font-weight:600}
.cdg .hint{padding:.8em 0 .25em;font-size:.98em}.cdg .hint+.sub2{font-size:.86em;color:var(--c-text-3)}
.cdg .infocard{border:1px solid var(--c-line);border-radius:.8em;padding:1em 1.1em;font-size:.92em;color:var(--c-text-2);line-height:1.5}
.cdg .infocard a{color:var(--c-text);text-decoration:underline}
.cdg .infocard .div{border-top:1px solid var(--c-line-2);margin:.75em 0}
.cdg .infocard .lk{display:flex;align-items:center;gap:.4em;color:var(--c-text);padding:.15em 0}
.cdg .infocard .lk .i{width:.82em;height:.82em;color:var(--c-text-3)}
.cdg .pref-h{font-weight:600;font-size:1em;margin:1.15em 0 .12em}
.cdg .pref{display:flex;align-items:flex-start;justify-content:space-between;gap:1.2em;padding:.85em 0;border-bottom:1px solid var(--c-line-2)}
.cdg .pref .tx{font-size:.92em}.cdg .pref .tx b{font-weight:500}
.cdg .pref .tx p{color:var(--c-text-3);font-size:.86em;margin-top:.2em;line-height:1.45}
.cdg .pref .tx a{color:var(--c-text-2);text-decoration:underline}
.cdg .drow{display:flex;align-items:center;justify-content:space-between;padding:.8em 0;border-bottom:1px solid var(--c-line-2);font-size:.95em}
.cdg .btn{display:inline-flex;align-items:center;gap:.4em;border:1px solid var(--c-line);border-radius:.55em;padding:.4em .8em;font-size:.9em;color:var(--c-text);background:#fff}
.cdg .btn .i{width:.85em;height:.85em;color:var(--c-text-2)}
.cdg .sw{flex:none;width:2.4em;height:1.4em;border-radius:1em;background:var(--c-blue);position:relative;transition:background .3s;margin-top:.1em}
.cdg .sw .knob{position:absolute;top:.15em;left:1.15em;width:1.1em;height:1.1em;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .3s}
.cdg .sw.off{background:var(--c-off)}.cdg .sw.off .knob{left:.15em}

/* ---------- ANIMATED CURSOR ---------- */
.cdg .cursor{position:absolute;top:0;left:0;width:1.4em;height:1.4em;z-index:50;pointer-events:none;
  transition:left .55s cubic-bezier(.33,0,.2,1),top .55s cubic-bezier(.33,0,.2,1),opacity .3s;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}
.cdg .cursor .arrow{position:absolute;width:100%;height:100%}
.cdg .ripple{position:absolute;width:2em;height:2em;border-radius:50%;background:rgba(201,100,66,.32);z-index:49;
  transform:translate(-50%,-50%) scale(.2);opacity:0;pointer-events:none}
.cdg .ripple.go{animation:cdg-rip .5s ease-out}
@keyframes cdg-rip{0%{transform:translate(-50%,-50%) scale(.2);opacity:.8}100%{transform:translate(-50%,-50%) scale(1.6);opacity:0}}

/* real Claude CDS icons (Anthropicons font) */
.cdg .cds-icon{font-family:'Anthropicons',sans-serif;font-style:normal;line-height:1;font-size:1.18em;
  font-weight:533;font-optical-sizing:auto;font-variation-settings:'ANIM' 0,'ANM2' 0;
  display:inline-flex;align-items:center;justify-content:center;color:inherit}
.cdg .sn .cds-icon,.cdg .side-top .cds-icon{font-weight:560}
.cdg .seg .s.on .cds-icon,.cdg .sn.on .cds-icon,.cdg .ni.active .cds-icon{font-weight:700}

/* ---------- GUIDE CONTROLS (caption / pills / arrows) ---------- */
.cdg .cap{text-align:center;margin-top:18px;font-size:1.05rem;font-weight:500;min-height:1.6em}
.cdg .cap .n{color:var(--accent);font-weight:700}
.cdg .controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;flex-wrap:wrap}
.cdg .arrowb{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-page);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--ink-soft)}
.cdg .arrowb:hover{border-color:var(--accent);color:var(--accent)}
.cdg .arrowb svg{width:17px;height:17px;stroke:currentColor;stroke-width:2.2;fill:none}
.cdg .arrowb:disabled{opacity:.35;cursor:default;border-color:var(--line-page);color:var(--ink-soft)}
.cdg .pills{display:flex;gap:4px;direction:ltr;background:#fff;border:1px solid var(--line-page);border-radius:999px;padding:5px}
.cdg .pill{display:flex;align-items:center;gap:8px;border:none;background:transparent;border-radius:999px;padding:7px 14px 7px 8px;font-family:'Heebo';font-size:.9rem;color:var(--ink-soft);cursor:pointer;transition:.2s}
.cdg .pill .num{width:22px;height:22px;border-radius:50%;background:var(--line-page);color:var(--ink-soft);display:grid;place-items:center;font-size:.8rem;font-weight:700;transition:.2s}
.cdg .pill:hover{color:var(--ink)}
.cdg .pill.on{background:rgba(201,100,66,.1);color:var(--ink)}
.cdg .pill.on .num{background:var(--accent);color:#fff}
.cdg .pill .num i[data-ic]{width:14px;height:14px;display:inline-flex}
.cdg .pill .num i[data-ic] svg{width:14px;height:14px;stroke-width:2}
.cdg .pill.ov.on .num i[data-ic] svg{stroke:#fff}
.cdg .play{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-page);background:#fff;border-radius:999px;padding:8px 15px;font-family:'Heebo';font-size:.88rem;color:var(--ink-soft);cursor:pointer}
.cdg .play:hover{border-color:var(--accent)}
.cdg .play svg{width:14px;height:14px;stroke:var(--accent);fill:var(--accent);stroke-width:0}
.cdg .hint-move{display:flex;align-items:center;justify-content:center;gap:7px;font-size:.82rem;color:var(--ink-soft);margin-top:9px;opacity:.8}
.cdg .hint-move svg{width:14px;height:14px;stroke:var(--ink-soft);stroke-width:2;fill:none}
.cdg .note{text-align:center;font-size:.92rem;color:var(--ink-soft);max-width:580px;margin:22px auto 0;font-weight:300}
.cdg .note b{font-weight:600;color:var(--ink)}

/* ===================== guide-scoped: install-connectors ===================== */
/* ============================================================
   install-connectors.css — appendix for the "חיבור Connector / MCP"
   guide. ONLY classes NOT already in cdg.css: the Connectors
   settings view rows + the MCP add-connector dialog. Every
   selector scoped under .cdg; reuses existing --vars / --c-* tokens.
   ============================================================ */

/* ---- connectors view (built on kit tokens) ---- */
.cdg-install-connectors .csub{font-size:.9em;color:var(--c-text-3);margin:-.3em 0 1em}
.cdg-install-connectors .conn{display:flex;align-items:center;gap:.85em;padding:.8em .1em;border-bottom:1px solid var(--c-line-2)}
.cdg-install-connectors .conn .cic{width:2em;height:2em;border-radius:.5em;background:var(--c-hover);display:grid;place-items:center;flex:none}
.cdg-install-connectors .conn .cic .i{width:1.15em;height:1.15em;color:var(--c-text-2)}
.cdg-install-connectors .conn .cic.brand{background:linear-gradient(135deg,#E0685B22,#3FA3A322)}
.cdg-install-connectors .conn .ct{flex:1;min-width:0;overflow:hidden}
.cdg-install-connectors .conn .ct b{font-weight:500;font-size:.96em;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cdg-install-connectors .conn .ct p{font-size:.82em;color:var(--c-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cdg-install-connectors .conn .btn{flex:none}
.cdg-install-connectors .conn .badge{flex:none;display:inline-flex;align-items:center;gap:.3em;font-size:.78em;color:#3C8C5C;font-weight:600}
.cdg-install-connectors .conn .badge .i{width:.9em;height:.9em;color:#3C8C5C}
.cdg-install-connectors .conn.new{opacity:0;max-height:0;padding-top:0;padding-bottom:0;overflow:hidden;transition:opacity .4s,max-height .4s,padding .4s}
.cdg-install-connectors .conn.new.added{opacity:1;max-height:4em;padding:.8em .1em}
.cdg-install-connectors .conn.new.added{background:linear-gradient(90deg,rgba(60,140,92,.08),transparent)}
.cdg-install-connectors .addbtn{display:inline-flex;align-items:center;gap:.5em;border:1px dashed var(--c-off);border-radius:.7em;
  padding:.7em 1em;font-size:.94em;color:var(--c-text);margin-top:1.1em;background:#fff}
.cdg-install-connectors .addbtn .i{width:1.05em;height:1.05em;color:var(--c-text-2)}
.cdg-install-connectors .addbtn.hov{background:var(--c-hover);border-color:var(--c-text-3)}

/* ---- MCP dialog (overlay above the settings modal) ---- */
.cdg-install-connectors .mcpdlg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(35,33,29,.32);opacity:0;pointer-events:none;transition:opacity .18s;z-index:45}
.cdg-install-connectors .mcpdlg.show{opacity:1}
.cdg-install-connectors .mcpdlg .dcard{width:25.5em;background:#fff;border:1px solid var(--c-line);border-radius:1em;
  padding:1.6em 1.6em 1.4em;box-shadow:0 26px 64px -18px rgba(0,0,0,.42);transform:scale(.96);transition:transform .25s}
.cdg-install-connectors .mcpdlg.show .dcard{transform:none}
.cdg-install-connectors .dcard .dh{font-size:1.2em;font-weight:600;margin-bottom:.2em}
.cdg-install-connectors .dcard .dsub{font-size:.86em;color:var(--c-text-3);margin-bottom:1.15em}
.cdg-install-connectors .dfield{margin-bottom:.85em}
.cdg-install-connectors .dfield .lbl{font-size:.84em;color:var(--c-text-2);margin-bottom:.3em}
.cdg-install-connectors .dfield .box{border:1px solid var(--c-line);border-radius:.6em;padding:.6em .8em;font-size:.92em;color:var(--c-text-3);background:#fff}
.cdg-install-connectors .dfield .box.filled{color:var(--c-text);border-color:var(--c-text-3);font-family:'Heebo',monospace}
.cdg-install-connectors .dnote{font-size:.8em;color:var(--c-text-3);background:var(--c-line-2);border-radius:.55em;padding:.6em .75em;margin:.4em 0 1.1em;line-height:1.5}
.cdg-install-connectors .drow-btn{display:flex;justify-content:flex-end;gap:.6em}
.cdg-install-connectors .dbtn{border:1px solid var(--c-line);border-radius:.6em;padding:.55em 1.1em;font-size:.92em;color:var(--c-text);background:#fff}
.cdg-install-connectors .dbtn.primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600;display:inline-flex;align-items:center;gap:.4em}
.cdg-install-connectors .dbtn.primary .i{width:.95em;height:.95em;color:#fff}
.cdg-install-connectors .dbtn.primary.hov{filter:brightness(.93)}

/* ===================== guide-scoped: install-cowork ===================== */
/* ============================================================
   install-cowork.css — appendix for the "שימוש ב-CoWork" guide.
   ONLY classes NOT already in cdg.css. Every selector scoped
   under .cdg. Reuses the existing --vars from cdg.css.
   ============================================================ */

/* ---- sidebar additions (segment labels, beta tag, snav toggle) ---- */
.cdg-install-cowork .sn .beta{margin-left:auto;font-size:.7em;background:var(--c-hover);color:var(--c-text-2);padding:.12em .55em;border-radius:.45em;font-weight:500}
.cdg-install-cowork .snav.hide{display:none}
.cdg-install-cowork .seg .s .lbl{display:none}
.cdg-install-cowork .seg .s.on .lbl{display:inline}

/* ---- CoWork workspace (built on kit tokens, adapted from the CoWork screen) ---- */
.cdg-install-cowork .cw-main{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.6em}
.cdg-install-cowork .cw-col{width:66%;max-width:46em;display:flex;flex-direction:column;align-items:center}
.cdg-install-cowork .cw-greet{display:flex;align-items:center;gap:.5em;font-family:'Anthropic Serif',serif;font-weight:400;font-size:2.05em;letter-spacing:-.015em;text-align:center;line-height:1.15}
.cdg-install-cowork .cw-greet .ast{color:var(--accent);width:.84em;height:.84em;flex:none}
.cdg-install-cowork .cw-safe{margin-top:.8em;font-size:.92em;color:var(--c-text-2);text-decoration:underline;text-underline-offset:2px}
.cdg-install-cowork .cw-composer{width:100%;margin-top:1.5em;border:1px solid var(--c-line);border-radius:1.3em;padding:1.15em 1.3em .95em;box-shadow:0 4px 18px -12px rgba(0,0,0,.16);background:#fff;text-align:left}
.cdg-install-cowork .cw-composer .ph{color:var(--c-text-3);font-size:1.12em}
.cdg-install-cowork .cw-composer .ph.filled{color:var(--c-text)}
.cdg-install-cowork .cw-composer .row{display:flex;align-items:center;justify-content:space-between;margin-top:1.6em}
.cdg-install-cowork .cw-composer .row .left{display:flex;align-items:center;gap:.9em}
.cdg-install-cowork .cw-composer .row .i{width:1.45em;height:1.45em;color:var(--c-text-2)}
.cdg-install-cowork .cw-send{width:1.9em!important;height:1.9em!important;border-radius:50%;background:var(--accent);color:#fff!important;display:none;place-items:center;padding:.42em}
.cdg-install-cowork .cw-send.show{display:grid}
.cdg-install-cowork .cw-opts{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:.9em;gap:.6em}
.cdg-install-cowork .cw-opts .left{display:flex;align-items:center;gap:.6em;flex-wrap:wrap}
.cdg-install-cowork .cw-pillbtn{display:inline-flex;align-items:center;gap:.45em;border:1px solid var(--c-line);border-radius:.8em;padding:.45em .7em;font-size:.9em;color:var(--c-text)}
.cdg-install-cowork .cw-pillbtn .i{width:1.05em;height:1.05em;color:var(--c-text-2)}
.cdg-install-cowork .cw-pillbtn .car{width:.85em;height:.85em;color:var(--c-text-3)}
.cdg-install-cowork .cw-model{display:inline-flex;align-items:center;gap:.4em;font-size:.9em;color:var(--c-text-2)}
.cdg-install-cowork .cw-model b{font-weight:600;color:var(--c-text)}
.cdg-install-cowork .cw-model .i{width:.85em;height:.85em;color:var(--c-text-3)}

/* suggestions */
.cdg-install-cowork .cw-sugs{width:100%;margin-top:1.3em;display:flex;flex-direction:column;gap:.1em;text-align:left}
.cdg-install-cowork .cw-sugs.hide{display:none}
.cdg-install-cowork .cw-sug{display:flex;align-items:center;gap:.7em;padding:.6em .15em;font-size:.96em;color:var(--c-text);border-bottom:1px solid var(--c-line-2)}
.cdg-install-cowork .cw-sug .i{width:1.15em;height:1.15em;color:var(--c-text-2);flex:none}

/* running / completed task card */
.cdg-install-cowork .taskcard{width:100%;margin-top:1.3em;border:1px solid var(--c-line);border-radius:1.1em;padding:1.15em 1.25em;background:#fff;box-shadow:0 4px 18px -12px rgba(0,0,0,.16);text-align:left;display:none}
.cdg-install-cowork .taskcard.show{display:block}
.cdg-install-cowork .taskcard .th{display:flex;align-items:center;gap:.55em;font-weight:600;font-size:1em;margin-bottom:.15em}
.cdg-install-cowork .taskcard .th .i{width:1.15em;height:1.15em;color:var(--accent)}
.cdg-install-cowork .taskcard .tmeta{font-size:.82em;color:var(--c-text-3);margin-bottom:.85em;display:flex;align-items:center;gap:.4em}
.cdg-install-cowork .taskcard .tmeta .dot{width:.5em;height:.5em;border-radius:50%;background:var(--accent);box-shadow:0 0 0 .22em rgba(201,100,66,.18)}
.cdg-install-cowork .taskcard.done .tmeta .dot{background:#3C8C5C;box-shadow:0 0 0 .22em rgba(60,140,92,.18)}
.cdg-install-cowork .tstep{display:flex;align-items:center;gap:.7em;padding:.5em 0;font-size:.92em;border-top:1px solid var(--c-line-2)}
.cdg-install-cowork .tstep .si{width:1.35em;height:1.35em;border-radius:50%;display:grid;place-items:center;flex:none;font-size:1em}
.cdg-install-cowork .tstep .si .i{width:.85em;height:.85em}
.cdg-install-cowork .tstep .si.done{background:#3C8C5C}
.cdg-install-cowork .tstep .si.done .i{color:#fff}
.cdg-install-cowork .tstep .si.active{border:2px solid var(--accent)}
.cdg-install-cowork .tstep .si.active .i{color:var(--accent);animation:cdg-spin 1.6s linear infinite}
.cdg-install-cowork .tstep .si.todo{border:2px solid var(--c-off)}
.cdg-install-cowork .tstep.todo{color:var(--c-text-3)}
@keyframes cdg-spin{to{transform:rotate(360deg)}}
.cdg-install-cowork .tresult{display:none;align-items:center;gap:.6em;margin-top:.9em;padding:.7em .85em;border:1px solid var(--c-line);border-radius:.7em;background:var(--c-line-2);font-size:.92em}
.cdg-install-cowork .taskcard.done .tresult{display:flex}
.cdg-install-cowork .tresult .i{width:1.15em;height:1.15em;color:var(--accent)}
.cdg-install-cowork .tresult b{font-weight:600}
.cdg-install-cowork .tresult .open{margin-left:auto;color:var(--c-text-2);display:inline-flex;align-items:center;gap:.3em;font-size:.9em}
.cdg-install-cowork .tresult .open .i{width:.85em;height:.85em;color:var(--c-text-3)}

/* ===================== guide-scoped: install-download ===================== */
/* ============================================================
   install-download.css — page-specific classes for the
   "מורידים את Claude" content guide. Appended after cdg.css.
   Only classes NOT already in cdg.css live here; every selector
   is scoped under .cdg. (.note already exists in cdg.css — not
   redefined.) Tokens --ink/--ink-soft/--accent/--line-page come
   from .cdg.
   ============================================================ */

.cdg-install-download .dl{margin:30px auto 0;max-width:540px;display:flex;flex-direction:column;align-items:center}
.cdg-install-download .ostabs{display:inline-flex;gap:4px;background:#fff;border:1px solid var(--line-page);border-radius:999px;padding:5px;margin-bottom:24px}
.cdg-install-download .ostab{display:inline-flex;align-items:center;gap:.5em;border:none;background:transparent;border-radius:999px;
  padding:.55em 1.4em;font-family:'Heebo';font-size:.98rem;color:var(--ink-soft);cursor:pointer;transition:.18s}
.cdg-install-download .ostab svg{width:1.1em;height:1.1em}
.cdg-install-download .ostab:hover{color:var(--ink)}
.cdg-install-download .ostab.on{background:var(--ink);color:#fff}

.cdg-install-download .cta{display:inline-flex;align-items:center;justify-content:center;gap:.6em;background:var(--ink);color:#fff;
  border-radius:999px;padding:.95em 2em;font-size:1.1rem;font-weight:600;text-decoration:none;
  box-shadow:0 10px 26px -12px rgba(31,30,27,.5);transition:transform .15s,box-shadow .15s}
.cdg-install-download .cta:hover{transform:translateY(-1px);box-shadow:0 14px 30px -12px rgba(31,30,27,.55)}
.cdg-install-download .cta .oslogo{width:1.15em;height:1.15em;display:inline-flex}
.cdg-install-download .cta .oslogo svg{width:100%;height:100%}

.cdg-install-download .sec{margin-top:14px;font-size:.9rem}
.cdg-install-download .sec a{color:var(--ink-soft);text-decoration:underline;text-underline-offset:2px}
.cdg-install-download .sec a:hover{color:var(--accent)}

.cdg-install-download .fresh{display:inline-flex;align-items:center;gap:.45em;margin-top:8px;font-size:.82rem;color:#3C8C5C;font-weight:500}
.cdg-install-download .fresh svg{width:1em;height:1em}

.cdg-install-download .next{display:flex;align-items:center;justify-content:center;gap:.5em;margin:34px auto 0;font-size:.95rem;color:var(--ink-soft)}
.cdg-install-download .next b{color:var(--ink);font-weight:600}
.cdg-install-download .next svg{width:1.1em;height:1.1em}

/* ===================== guide-scoped: install-install ===================== */
/* ============================================================
   install-install.css — appendix for the "מתקינים ופותחים" guide.
   Only classes NOT already in cdg.css. Every selector scoped
   under .cdg. Reuses existing cdg.css --vars
   (--paper/--ink/--ink-soft/--line-page/--accent/--c-text-3/--c-off).
   ============================================================ */

/* ---- OS tabs ---- */
.cdg-install-install .ostabs{display:flex;justify-content:center;margin:26px auto 0}
.cdg-install-install .ostabs .in{display:inline-flex;gap:4px;background:#fff;border:1px solid var(--line-page);border-radius:999px;padding:5px}
.cdg-install-install .ostab{display:inline-flex;align-items:center;gap:.5em;border:none;background:transparent;border-radius:999px;
  padding:.5em 1.1em;font-family:'Heebo';font-size:.95rem;color:var(--ink-soft);cursor:pointer;transition:.18s}
.cdg-install-install .ostab svg{width:1.05em;height:1.05em}
.cdg-install-install .ostab:hover{color:var(--ink)}
.cdg-install-install .ostab.on{background:var(--ink);color:#fff}
.cdg-install-install .ostab .oslogo{display:inline-flex;align-items:center}

/* ---- mock window shell ---- */
.cdg-install-install .win{margin:26px auto 0;max-width:560px;border:1px solid var(--line-page);border-radius:14px;overflow:hidden;
  background:#fff;box-shadow:0 24px 60px -28px rgba(31,30,27,.4)}
.cdg-install-install .winbar{display:flex;align-items:center;gap:.5em;padding:.7em .9em;border-bottom:1px solid var(--line-page);background:#F4F1EA}
.cdg-install-install .winbar .dot{width:.78em;height:.78em;border-radius:50%}
.cdg-install-install .winbar .r{background:#ED6A5E}.cdg-install-install .winbar .y{background:#F4BF4F}.cdg-install-install .winbar .g{background:#61C554}
.cdg-install-install .winbar .wt{flex:1;text-align:center;font-size:.85em;color:var(--ink-soft);margin-inline-end:3.2em}

.cdg-install-install .pane{display:none}
.cdg-install-install .pane.on{display:block}

/* ---- macOS install sequence: looping 12s timeline, 3 cross-fading scenes ---- */
.cdg-install-install .mac-seq{position:relative;height:21em;overflow:hidden;
  background:radial-gradient(120% 120% at 50% 0%,#FBF7F0,#EFEAE1)}
.cdg-install-install .mscene{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0}
.cdg-install-install .ms-dmg{animation:cdg-sc1 12s linear infinite}
.cdg-install-install .ms-copy{animation:cdg-sc2 12s linear infinite}
.cdg-install-install .ms-icon{animation:cdg-sc3 12s linear infinite}
@keyframes cdg-sc1{0%{opacity:1}28%{opacity:1}31%{opacity:0}100%{opacity:0}}
@keyframes cdg-sc2{0%,30%{opacity:0}33%{opacity:1}61%{opacity:1}64%{opacity:0}100%{opacity:0}}
@keyframes cdg-sc3{0%,63%{opacity:0}66%{opacity:1}100%{opacity:1}}

/* scene 1 — drag Claude onto Applications */
.cdg-install-install .dmgrow{position:relative;width:26em;height:8em}
.cdg-install-install .ms-folder{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:.5em;width:6em}
.cdg-install-install .ms-folder img{width:6em;height:6em;object-fit:contain;filter:drop-shadow(0 7px 11px rgba(0,0,0,.16))}
.cdg-install-install .ms-lbl{font-size:.9em;color:var(--ink);font-weight:500}
.cdg-install-install .ms-arrow{position:absolute;left:10.2em;top:1.7em;color:var(--c-text-3)}
.cdg-install-install .ms-arrow svg{width:2.6em;height:2.6em}
.cdg-install-install .ms-drag{position:absolute;right:0;top:0;width:6em;animation:cdg-dragmove 12s ease-in-out infinite}
.cdg-install-install .ms-drag img{width:6em;height:6em;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.22))}
.cdg-install-install .ms-cur{position:absolute;right:1.2em;top:3em;width:1.4em;z-index:6;
  animation:cdg-curmove 12s ease-in-out infinite;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}
@keyframes cdg-dragmove{0%,5%{transform:translateX(0);opacity:0}8%{opacity:1}
  22%{transform:translateX(-20em)}28%{transform:translateX(-20em);opacity:1}31%{opacity:0}100%{transform:translateX(-20em);opacity:0}}
@keyframes cdg-curmove{0%,5%{transform:translate(0,0)}22%{transform:translate(-20em,1em)}
  28%{transform:translate(-20em,1em)}100%{transform:translate(-20em,1em)}}
.cdg-install-install .ms-hint{position:absolute;bottom:1.6em;font-size:.85em;color:var(--c-text-3)}

/* scene 2 — macOS copy progress window */
.cdg-install-install .copywin{width:23em;background:#fff;border:1px solid var(--line-page);border-radius:13px;
  box-shadow:0 18px 44px -22px rgba(0,0,0,.4);padding:1.15em 1.25em}
.cdg-install-install .cw-row{display:flex;align-items:center;gap:.85em}
.cdg-install-install .cw-ic{width:2.7em;height:2.7em;object-fit:contain;flex:none}
.cdg-install-install .cw-txt{flex:1;min-width:0}.cdg-install-install .cw-txt b{font-weight:600;font-size:.92em;display:block}
.cdg-install-install .cw-txt span{font-size:.8em;color:var(--c-text-3)}
.cdg-install-install .cw-x{width:1.3em;height:1.3em;border-radius:50%;border:1.5px solid var(--c-off);color:var(--c-text-3);
  display:grid;place-items:center;font-size:.8em;flex:none}
.cdg-install-install .cw-bar{height:.5em;border-radius:999px;background:var(--line-page);margin-top:1em;overflow:hidden}
.cdg-install-install .cw-bar > i{display:block;height:100%;width:6%;border-radius:999px;background:#3B82F6;animation:cdg-cwfill 12s ease-in-out infinite}
@keyframes cdg-cwfill{0%,32%{width:6%}56%{width:100%}100%{width:100%}}

/* scene 3 — installed icon (end of install) */
.cdg-install-install .ms-icon .ms-installed{width:6.4em;height:6.4em;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(0,0,0,.2))}
.cdg-install-install .ms-icon .ms-lbl{margin-top:.7em;font-size:1em}
.cdg-install-install .ms-doneline{margin-top:.9em;display:inline-flex;align-items:center;gap:.4em;color:#3C8C5C;font-weight:600;font-size:.9em}
.cdg-install-install .ms-doneline svg{width:1em;height:1em}

/* ---- Windows installer body ---- */
.cdg-install-install .winst{padding:2.4em 2.2em;text-align:center;background:#fff}
.cdg-install-install .winst .claude-img{width:4.4em;height:4.4em;margin:0 auto 1em;display:block;object-fit:contain}
.cdg-install-install .winst .ttl{font-weight:600;font-size:1.15em}
.cdg-install-install .winst .st{font-size:.92em;color:var(--ink-soft);margin-top:.3em}
.cdg-install-install .bar{height:.7em;border-radius:999px;background:var(--line-page);margin:1.4em auto .5em;max-width:80%;overflow:hidden}
.cdg-install-install .bar > i{display:block;height:100%;width:40%;border-radius:999px;background:var(--accent);animation:cdg-fill 3.4s ease-in-out infinite}
@keyframes cdg-fill{0%{width:6%}70%{width:100%}100%{width:100%}}
.cdg-install-install .winst .done{display:inline-flex;align-items:center;gap:.45em;color:#3C8C5C;font-weight:600;font-size:.92em;margin-top:.3em;opacity:0;animation:cdg-donein 3.4s ease-in-out infinite}
.cdg-install-install .winst .done svg{width:1em;height:1em}
@keyframes cdg-donein{0%,72%{opacity:0}82%,100%{opacity:1}}

/* ---- steps list ---- */
.cdg-install-install .steps{margin:26px auto 0;max-width:560px;display:flex;flex-direction:column;gap:.2em}
.cdg-install-install .step{display:flex;gap:.8em;align-items:flex-start;padding:.7em .2em;border-top:1px solid var(--line-page)}
.cdg-install-install .step:first-child{border-top:none}
.cdg-install-install .step .n{width:1.7em;height:1.7em;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:.82em;font-weight:700;flex:none;margin-top:.1em}
.cdg-install-install .step .t{font-size:1rem}.cdg-install-install .step .t b{font-weight:600}

/* ---- next-page link (non-navigating) ---- */
.cdg-install-install .next{display:flex;align-items:center;justify-content:center;gap:.5em;margin:28px auto 0;font-size:.95rem;color:var(--ink-soft)}
.cdg-install-install .next b{color:var(--ink);font-weight:600}
.cdg-install-install .next svg{width:1.1em;height:1.1em}

/* ===================== guide-scoped: install-signup ===================== */
/* ============================================================
   install-signup.css — CSS appendix for the install-signup guide.
   Append to / load alongside cdg.css. Contains ONLY the NEW
   classes this auth guide introduces (full-stage sign-in / Google
   handoff screens). Every selector is scoped under `.cdg`.
   Reuses existing --vars and the already-defined stage/cursor/
   ripple/controls classes from cdg.css.
   ============================================================ */

/* ---- full-stage screens ---- */
.cdg-install-signup .scr{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  opacity:0;pointer-events:none;transition:opacity .28s;z-index:30}
.cdg-install-signup .scr.show{opacity:1}
.cdg-install-signup .scr.cream{background:var(--paper)}
.cdg-install-signup .scr.dark{background:#1c1b19;color:#ECEAE4}
.cdg-install-signup .appicon{aspect-ratio:1;border-radius:23%;background:linear-gradient(140deg,#e08a63,#c2410c);display:grid;place-items:center;flex:none}
.cdg-install-signup .appicon::after{content:"";width:60%;height:60%;background:#fff;
  -webkit-mask:url(/guides/_assets/brand/claude-symbol.svg) center/contain no-repeat;mask:url(/guides/_assets/brand/claude-symbol.svg) center/contain no-repeat}

/* app launch — bare icon on the desktop (no window frame around it) */
.cdg-install-signup [data-cdg="applaunch"]{background:#faf9f7}
.cdg-install-signup [data-cdg="applaunch"] .al-icon{width:7em;height:7em;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(0,0,0,.22))}
.cdg-install-signup [data-cdg="applaunch"] .al-lbl{margin-top:.7em;font-weight:500;font-size:1.15em}
/* the stage frame ("window/container") is hidden on the icon step, opens on double-click */
.cdg-install-signup .stage{transition:border-color .3s,box-shadow .35s,background-color .3s}
.cdg-install-signup .stage.bare{border-color:transparent!important;box-shadow:none!important;background:transparent!important;cursor:default}
.cdg-install-signup .stage.opening{animation:cdg-stageopen .42s ease-out}
@keyframes cdg-stageopen{from{transform:scale(.94)}to{transform:scale(1)}}

/* welcome */
.cdg-install-signup [data-cdg="welcome"] .wlogo{width:4.2em;height:4.2em}
.cdg-install-signup [data-cdg="welcome"] .wtitle{font-family:'Anthropic Serif',Georgia,serif;font-weight:500;font-size:3.2em;letter-spacing:-.02em;margin-top:.5em}
.cdg-install-signup [data-cdg="welcome"] .wtitle i{font-style:italic;font-weight:500}
.cdg-install-signup [data-cdg="welcome"] .wsub{color:var(--c-text-3);font-size:1.15em;margin-top:.5em}
.cdg-install-signup [data-cdg="welcome"] .getstarted{position:absolute;bottom:2.4em;left:50%;transform:translateX(-50%);background:#1c1b19;color:#fff;
  text-align:center;border-radius:.7em;padding:.7em 2.8em;font-size:1em;font-weight:600;white-space:nowrap}
.cdg-install-signup [data-cdg="welcome"] .getstarted.hov{background:#000}

/* sign in */
.cdg-install-signup [data-cdg="signin"] .si-title{font-family:'Anthropic Serif',Georgia,serif;font-weight:500;font-size:2.1em;letter-spacing:-.01em;margin-bottom:.9em}
.cdg-install-signup [data-cdg="signin"] .si-card{width:42%;max-width:25em;background:#FBFAF6;border:1px solid var(--line-page);border-radius:1.2em;
  padding:1.5em 1.5em 1.3em;box-shadow:0 18px 50px -26px rgba(31,30,27,.35)}
.cdg-install-signup .gbtn{display:flex;align-items:center;justify-content:center;gap:.7em;background:#fff;border:1px solid #DAD6CC;
  border-radius:.7em;padding:.85em;font-size:1.08em;font-weight:600;color:#1c1b19}
.cdg-install-signup .gbtn svg{width:1.35em;height:1.35em;flex:none}
.cdg-install-signup .gbtn.hov{background:#F4F1EA}
.cdg-install-signup [data-cdg="signin"] .or{text-align:center;color:var(--c-text-3);font-size:.92em;letter-spacing:.05em;margin:1.05em 0}
.cdg-install-signup [data-cdg="signin"] .field{border:1px solid #DAD6CC;border-radius:.7em;padding:.85em 1em;color:var(--c-text-3);font-size:1.05em;background:#fff}
.cdg-install-signup [data-cdg="signin"] .ebtn{background:#1c1b19;color:#fff;text-align:center;border-radius:.7em;padding:.85em;font-size:1.08em;font-weight:600;margin-top:.8em}
.cdg-install-signup [data-cdg="signin"] .fine{text-align:center;font-size:.86em;color:var(--c-text-3);margin-top:1.1em}
.cdg-install-signup [data-cdg="signin"] .fine a{color:var(--c-text-2);text-decoration:underline}

/* google cards (dark) */
.cdg-install-signup .gcard{width:78%;max-width:60em;background:#1f1f1d;border:1px solid #3a3a37;border-radius:1.6em;overflow:hidden;box-shadow:0 30px 70px -30px rgba(0,0,0,.6)}
.cdg-install-signup .ghead{display:flex;align-items:center;gap:.6em;padding:1.15em 1.6em;border-bottom:1px solid #34342f;font-size:1.05em;color:#E3E1DB}
.cdg-install-signup .ghead svg{width:1.3em;height:1.3em}
.cdg-install-signup .gbody{display:flex;gap:1.5em;padding:2.1em 1.9em 2.4em}
.cdg-install-signup .gbody .gl{flex:1;display:flex;flex-direction:column}
.cdg-install-signup .gbody .gl .appicon{width:3.4em;margin-bottom:1.1em}
.cdg-install-signup .gbody .gl h2{font-size:2.1em;font-weight:400;letter-spacing:-.01em}
.cdg-install-signup .gbody .gl p{color:#A9A7A0;font-size:1.05em;margin-top:.5em}
.cdg-install-signup .gbody .gl p span{color:#9DB3F5}
.cdg-install-signup .gbody .gr{flex:1;display:flex;flex-direction:column}
.cdg-install-signup .gacct{display:flex;align-items:center;gap:.85em;padding:.95em .5em;border-top:1px solid #34342f}
.cdg-install-signup .gacct:first-child{border-top:none}
.cdg-install-signup .gacct .av{width:2.3em;height:2.3em;border-radius:50%;flex:none;overflow:hidden;
  background:linear-gradient(135deg,#7C84F2,#9C6CD6);display:grid;place-items:center;color:#fff;font-weight:600;font-size:.95em}
.cdg-install-signup .gacct .au{flex:1;line-height:1.3}
.cdg-install-signup .gacct .au b{font-weight:500;font-size:1.02em;color:#ECEAE4}
.cdg-install-signup .gacct .au span{display:block;color:#A9A7A0;font-size:.92em}
.cdg-install-signup .gacct.use .ic{width:2.3em;height:2.3em;border-radius:50%;border:1px solid #4a4a45;display:grid;place-items:center;color:#A9A7A0;flex:none}
.cdg-install-signup .gacct.use .ic svg{width:1.2em;height:1.2em}
.cdg-install-signup .gacct.use .au b{color:#ECEAE4}

/* consent (rtl) */
.cdg-install-signup [data-cdg="consent"] .cbody{display:flex;gap:1.8em;padding:2em 1.9em 1.2em;direction:rtl}
.cdg-install-signup [data-cdg="consent"] .cr{flex:1}
.cdg-install-signup [data-cdg="consent"] .cr .appicon{width:3.2em;margin-bottom:1em}
.cdg-install-signup [data-cdg="consent"] .cr h2{font-size:1.9em;font-weight:400;line-height:1.25}
.cdg-install-signup [data-cdg="consent"] .chip{display:inline-flex;align-items:center;gap:.5em;border:1px solid #4a4a45;border-radius:999px;padding:.4em .9em .4em .5em;margin-top:1.1em;font-size:.98em;color:#ECEAE4;flex-direction:row-reverse}
.cdg-install-signup [data-cdg="consent"] .chip .av{width:1.6em;height:1.6em;border-radius:50%;background:linear-gradient(135deg,#7C84F2,#9C6CD6);display:grid;place-items:center;color:#fff;font-size:.72em;font-weight:600}
.cdg-install-signup [data-cdg="consent"] .cl{flex:1;color:#A9A7A0;font-size:.95em;line-height:1.6}
.cdg-install-signup [data-cdg="consent"] .cl a{color:#9DB3F5}
.cdg-install-signup [data-cdg="consent"] .cbtns{display:flex;gap:.8em;justify-content:flex-start;padding:0 1.9em 2em;direction:rtl}
.cdg-install-signup [data-cdg="consent"] .cbtn{border:1px solid #4a4a45;border-radius:999px;padding:.65em 1.8em;font-size:1.02em;color:#9DB3F5}
.cdg-install-signup [data-cdg="consent"] .cbtn.primary{background:#8AB4F8;color:#1c1b19;border-color:#8AB4F8;font-weight:600}
.cdg-install-signup [data-cdg="consent"] .cbtn.primary.hov{filter:brightness(.95)}