/* Did­nex 3.2 — shared visual language, RTL and local display preferences. */
:root{--bg:#f2f5f4;--surface:#fff;--text:#192e2b;--muted:#687b75;--green:#4f46e5;--green2:#2563eb;--pale:#ecf5ef;--border:#dfe8e3;--shadow:0 6px 30px #163e2507;--soft:#f5f8f5;--ink:#112d28;--focus:#349678}
html[data-theme=dark]{--bg:#101c1c;--surface:#192827;--text:#e1ece5;--muted:#a0b6ab;--green:#a3dfb8;--green2:#a3dfb8;--pale:#263d34;--border:#334841;--shadow:0 6px 30px #0002;--soft:#20332e;--ink:#0d2420;--focus:#b3ed9f}
body{background:var(--bg);text-rendering:optimizeLegibility}
:is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:3px}
input,select,textarea,.btn-secondary,.icon-btn{background:var(--surface);border-color:var(--border)}
.btn-primary{background:#176049;color:#fff;box-shadow:0 4px 9px #17604915}.btn-primary:hover{background:#104d3a}
.btn-secondary:hover,.icon-btn:hover{background:var(--pale)}
.card,.stat-card,.creative-card{background:var(--surface);border-color:var(--border);border-radius:17px;box-shadow:var(--shadow)}
.card-head,.table-head{gap:15px}.page-heading{margin-bottom:26px}.page-heading h1{letter-spacing:-.6px}.page-heading p{color:var(--muted)}
.card h3,.stat-card-top{letter-spacing:-.2px}.card-head p,.table-head p{color:var(--muted)}
.app-shell{grid-template-columns:258px minmax(0,1fr)}.sidebar{width:258px;padding:24px 14px 12px;background:var(--surface)}
.sidebar .logo{padding:0 13px 21px}.sidebar>nav{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;padding-left:4px;margin-bottom:8px}
.sidebar-bottom{flex-shrink:0;padding-top:5px;border-top:1px solid var(--border)}.sidebar .help-card{display:none}.sidebar-bottom .nav-item{padding:6px 12px;font-size:11px}.sidebar-bottom .version{padding:3px}
.workspace-select{background:var(--soft);border-color:var(--border);margin-bottom:10px}.workspace-select b{overflow-wrap:anywhere}.workspace-select .workspace-avatar{background:var(--pale);color:var(--green)}
.sidebar .section-label{margin:8px 12px}.nav-group>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:9px 12px;font-size:10px;color:var(--muted);cursor:pointer}
.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary .icon{width:12px;height:12px;transition:transform .18s}.nav-group:not([open])>summary .icon{transform:rotate(90deg)}
.nav-group+.nav-group{border-top:1px solid color-mix(in srgb,var(--border) 65%,transparent)}
.nav-item{color:var(--muted);padding:9px 12px;margin:2px 0;font-size:11px;gap:10px}.nav-item:hover{background:var(--soft);color:var(--green)}
.nav-item.active{background:var(--pale);color:var(--green);box-shadow:inset -3px 0 var(--green);border-radius:9px}.nav-item .nav-count{background:var(--border);color:var(--text)}
.topbar{background:color-mix(in srgb,var(--surface) 93%,transparent);backdrop-filter:blur(16px);height:76px;padding:0 30px;gap:16px}.topbar-actions{gap:9px}.topbar-breadcrumb{font-size:11px}
.user-area>div:nth-child(2){max-width:135px;overflow:hidden;text-overflow:ellipsis}.user-area .avatar{background:var(--pale);color:var(--green)}
.workspace-search{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);background:var(--soft);border-radius:10px;font-size:10px;color:var(--muted)}
.workspace-search .icon{width:16px;height:16px}.workspace-search kbd{font-family:inherit;font-size:9px;border:1px solid var(--border);border-radius:4px;padding:0 4px;direction:ltr}
.app-content{max-width:1600px;margin:auto;padding:30px}.app-footnote{color:var(--muted)}
.workspace-welcome{position:relative;overflow:hidden;border:1px solid #dce7d6;border-radius:20px;padding:27px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(115deg,#e4f0d7,#f5f8eb 65%);color:#193d2f;margin-bottom:18px}
.workspace-welcome h2{font-size:25px;line-height:1.7;margin:5px 0}.workspace-welcome p{font-size:12px;color:#587362;max-width:600px}.workspace-welcome .eyebrow{color:#3e7854}
.workspace-constellation{position:relative;width:132px;height:100px;display:grid;place-items:center;flex-shrink:0}.workspace-constellation>.icon{width:56px;height:56px;stroke-width:1;color:#43764b;z-index:1;transform:rotate(-12deg)}
.workspace-constellation:before{content:'';position:absolute;inset:-30px;border:1px solid #99b37650;border-radius:50%;transform:rotate(-25deg) scaleY(.7)}
.workspace-constellation i{position:absolute;width:18px;height:18px;background:#cfec92;box-shadow:0 0 0 8px #cfe2a13b;border-radius:6px;right:0;top:13px;transform:rotate(20deg)}.workspace-constellation i:nth-child(3){width:11px;height:11px;right:90px;top:75px;background:#558768}.workspace-constellation i:last-child{width:9px;height:9px;right:119px;top:14px;background:#bad29c}
.workspace-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:25px}.workspace-shortcut{display:flex;align-items:center;gap:12px;padding:17px 19px;background:var(--surface);border:1px solid var(--border);border-radius:13px}
.workspace-shortcut:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:var(--shadow)}.workspace-shortcut>span{width:38px;height:38px;display:grid;place-items:center;color:var(--green);background:var(--pale);border-radius:11px}.workspace-shortcut>div{flex:1;min-width:0}.workspace-shortcut b{font-size:12px}.workspace-shortcut small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.workspace-shortcut>.icon{width:16px;color:var(--muted)}
.stat-card{position:relative;overflow:hidden;min-height:160px}.stat-card-top{color:var(--muted)}.stat-card .stat-icon{background:var(--pale);color:var(--green);border-radius:11px}.stat-value{letter-spacing:-.8px}.stat-bottom{font-size:9px;color:var(--muted)}.stat-spark{position:absolute;left:20px;bottom:35px;width:95px;height:29px;color:var(--green2);opacity:.7;pointer-events:none}
.card-head,.table-head{border-color:var(--border)}thead th{background:var(--soft);color:var(--muted)}tbody td{border-color:var(--border)}tbody tr:hover{background:var(--soft)}.table-footer{background:var(--surface);border-color:var(--border)}
.campaign-avatar.mint{background:var(--pale);color:var(--green)}.progress,.analytics-bar{background:var(--border)}.progress>span,.analytics-bar>span{background:#4a9973}.welcome-banner{border-color:var(--border);background:var(--pale);color:var(--text)}
.analytics-trend{overflow:hidden}.analytics-trend .card-head{align-items:flex-start;flex-wrap:wrap}.analytics-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.analytics-actions select{padding:6px 9px;font-size:10px;max-width:180px}.chart-toggle{display:flex;background:var(--soft);padding:3px;border-radius:9px;border:1px solid var(--border)}.chart-toggle button{padding:4px 9px;border-radius:6px;font-size:10px}.chart-toggle button[aria-pressed=true]{background:var(--surface);box-shadow:0 1px 4px #0001;color:var(--green)}
.analytics-chart{position:relative;padding:12px 18px 0}.analytics-chart svg{display:block;width:100%;height:auto;overflow:visible}.chart-grid{stroke:var(--border)}.chart-label{fill:var(--muted)}.chart-area{fill:var(--pale)}.chart-line{stroke:var(--green2)}.chart-point,.chart-bar{fill:var(--green2);cursor:crosshair;transition:opacity .15s}.chart-point:hover,.chart-point:focus,.chart-bar:hover,.chart-bar:focus{fill:#93af40;stroke:var(--text);stroke-width:2;outline:none}
.chart-readout{display:block;min-height:29px;text-align:center;font-size:11px;color:var(--muted)}.analytics-chart-note{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--border);padding:10px 20px;color:var(--muted);font-size:10px}.chart-table{max-height:310px;overflow:auto}.chart-table[hidden]{display:none}.chart-table th{position:sticky;top:0}.chart-summary{display:flex;gap:15px;margin-top:7px;font-size:11px;color:var(--muted)}.chart-summary b{font-weight:700;color:var(--text)}
.modal{background:var(--surface);border-color:var(--border);box-shadow:0 22px 90px #0004}.modal-head,.modal-footer{border-color:var(--border)}.modal-head p{color:var(--muted)}.modal-backdrop{background:#0c211d80;backdrop-filter:blur(4px)}
.command-results{display:grid;gap:5px;max-height:52vh;overflow:auto;margin-top:15px}.command-result{display:flex;align-items:center;gap:14px;padding:12px 13px;border:1px solid transparent;border-radius:10px}.command-result:hover,.command-result:focus{background:var(--pale);border-color:var(--border)}.command-result>span{flex:1}.command-result b{font-size:12px}.command-result small{display:block;color:var(--muted);font-size:10px}.command-result>.icon{color:var(--green);width:17px}
.website{background:var(--surface)}.site-nav{height:88px;border-color:var(--border)}.site-links{color:var(--muted)}.hero{padding-top:80px;padding-bottom:90px;gap:45px}.hero h1{font-size:clamp(32px,4.2vw,55px);letter-spacing:-1.9px;line-height:1.65}.hero-description{color:var(--muted)}.hero-art{isolation:isolate}.hero-art:before{content:'';position:absolute;inset:30px 0;background:radial-gradient(ellipse,#cce5ad50,transparent 65%);z-index:-1}.art-orbit{border-color:#8cac6b50}.growth-card{box-shadow:0 15px 60px #183d2a14}.phone{box-shadow:0 30px 70px #183d2a25;transform:rotate(-8deg)}.publish-card{box-shadow:0 10px 35px #183d2a14}.site-strip{background:var(--soft);color:var(--muted);border-color:var(--border)}.site-section h2{letter-spacing:-.7px}.audience-card{background:var(--soft);border-color:var(--border)}.audience-card p{color:var(--muted)}.audience-card.dark{background:#163f32;color:#f0f5ec}.audience-card.dark p{color:#bdcfc1}.site-cta{background:var(--pale);color:var(--text);border-radius:24px}.site-footer{border-color:var(--border);color:var(--muted)}
.format-showcase{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-top:80px;padding-bottom:80px}.format-showcase h2{font-size:35px;line-height:1.65;margin:13px 0}.format-showcase-copy>p{color:var(--muted);max-width:420px;margin:14px 0}.format-showcase-copy>.btn{margin-top:10px}.format-switches{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.format-switches button{font-size:11px;padding:7px 13px;border:1px solid var(--border);border-radius:25px;color:var(--muted);background:var(--surface)}.format-switches button.active{background:#1d5b43;color:#fff;border-color:#1d5b43}
.format-preview-stage{position:relative;display:grid;place-items:center;padding:30px;background:radial-gradient(ellipse at 25% 70%,#dfedbf,#edf3e8 65%);border-radius:34px;min-height:510px;overflow:hidden}.format-preview-stage:before,.format-preview-stage:after{content:'';position:absolute;width:350px;height:350px;border:1px solid #c7d9ae;border-radius:50%;transform:rotate(-20deg) scaleY(.6)}.format-preview-stage:after{width:510px;height:510px;opacity:.5}.format-device{position:relative;z-index:1;width:260px;min-height:422px;background:#fff;border:7px solid #1d392f;border-radius:34px;box-shadow:12px 20px 55px #1e473c29;padding:13px;color:#203b2e;transform:rotate(-5deg);animation:didnex-reveal .3s ease}.format-device-top{display:flex;align-items:center;gap:7px;font-size:10px;margin-bottom:18px}.format-device-top>i{width:20px;height:20px;background:#d6e6c0;border-radius:50%}.format-device-top>span{flex:1}.format-device-top>.icon{width:15px}.format-feed-lines{margin:16px 0;display:grid;gap:6px}.format-feed-lines i{height:5px;background:#eaf0e5;border-radius:5px}.format-feed-lines i:nth-child(2){width:65%}.format-feed-lines i:nth-child(3){width:85%}.format-creative{border:1px solid #e1e8d8;border-radius:12px;padding:10px;background:#f8faef}.format-creative>small{display:block;font-size:8px;color:#708268;margin-bottom:7px}.format-artwork{height:115px;background:#224d38;border-radius:9px;overflow:hidden;position:relative;display:grid;place-items:center}.format-artwork>.icon{position:relative;z-index:2;width:40px;height:40px;color:#e1f5b4;stroke-width:1.2}.format-orb{position:absolute;top:-30px;right:-18px;width:130px;height:130px;background:linear-gradient(125deg,#cbeb8d,#8bbb64);border-radius:50%;opacity:.9}.format-orb.second{top:65px;right:110px;width:95px;height:95px;opacity:.6}.format-creative h3{font-size:13px;margin-top:9px}.format-creative p{font-size:9px;color:#76836b;margin:2px 0 8px}.format-cta{display:inline-block;padding:5px 9px;background:#d6eca0;border-radius:5px;font-size:8px}.format-native>.format-artwork{float:left;width:70px;height:90px;margin:0 8px 8px 0}.format-native:after{content:'';display:block;clear:both}.format-banner .format-artwork{height:65px}.format-banner h3{font-size:11px}.format-banner p{display:none}.format-full .format-creative{padding:14px}.format-full .format-artwork{height:200px}.format-full .format-feed-lines{display:none}.format-creative .format-reward{font-size:8px;border-top:1px solid #dbe4d1;margin-top:10px;padding-top:8px;color:#46663c}
.connect-hero{display:flex;justify-content:space-between;align-items:center;background:var(--pale);margin-bottom:20px}.connect-hero h2{margin:9px 0;font-size:27px;line-height:1.7}.connect-hero p{color:var(--muted)}.connect-symbol{display:grid;place-items:center;width:100px;height:100px;border-radius:25px;background:var(--surface);transform:rotate(-10deg);color:var(--green)}.connect-symbol>.icon{width:50px;height:50px;stroke-width:1.2}.connect-platform{display:flex;gap:10px;margin-bottom:25px;flex-wrap:wrap}.connect-platform button{display:flex;align-items:center;gap:9px;padding:12px 19px;border:1px solid var(--border);border-radius:12px}.connect-platform button[aria-pressed=true]{background:var(--pale);border-color:var(--green);color:var(--green)}.connect-code-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:24px}.connect-code{background:#122e28;color:#e3f2dd;border:1px solid #26483b;border-radius:13px;padding:22px;font:12px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;direction:ltr;text-align:left;overflow:auto;white-space:pre;max-height:440px}.connect-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px}.connect-steps article>span{display:grid;place-items:center;width:32px;height:32px;background:var(--pale);color:var(--green);border-radius:10px;font-size:16px;margin-bottom:12px}.connect-steps p{color:var(--muted);font-size:11px;margin-top:7px}
.docs-header{background:var(--surface);border-color:var(--border)}.docs-nav{background:var(--surface);border-color:var(--border);border-radius:14px}.docs-body{color:var(--text)}.docs-body section{border-color:var(--border)}.docs-body p{color:var(--muted)}.docs-search input{background:var(--soft)}.docs-nav a.active{background:var(--pale);color:var(--green)}.docs-note,.docs-quick-links a{background:var(--soft);border-color:var(--border);color:var(--text)}
html[data-theme=dark] :is(.notice-card,.growth-note,.form-note,.studio-preflight,.studio-export-panel,.studio-project-card,.studio-asset-card,.studio-asset-preview,.studio-editor-controls,.studio-editor-stage,.studio-output-preview,.insight-heatmap th:first-child,.pro-card,.diagnostic-check.pass,.auth-sidebar,.auth-panel,.auth-card,.auth-form-panel){background:var(--soft)!important;border-color:var(--border);color:var(--text)}
html[data-theme=dark] :is(.info-list li,.settings-form,.modal-body,.ticket-response,.review-card,.org-button,.auth-tabs,.auth-intent,.search-field,.table-tools,.report-key){border-color:var(--border);color:var(--text)}
html[data-theme=dark] :is(.insight-card strong,.analytics-kpis strong,.analytics-donut text,.growth-summary strong,.growth-summary b,.stat-value,.section-heading h2,.studio-project-card h3){color:var(--text);fill:var(--text)}
html[data-theme=dark] :is(.analytics-donut text,.analytics-donut li small){fill:var(--muted);color:var(--muted)}
html[data-theme=dark] .studio-hero{background:linear-gradient(110deg,#264533,#192e25);color:#dfedd9}html[data-theme=dark] .studio-hero p{color:#b0c5b6}
html[data-theme=dark] .status{background:#2b4036;color:#c2deb3}html[data-theme=dark] .status.pending{background:#4a4025;color:#f0d79b}html[data-theme=dark] :is(.status.failed,.status.rejected,.btn-danger){background:#4b302d;color:#ffc2b6}
html[data-theme=dark] .insight-heatmap td{background:color-mix(in srgb,#83c483 calc(var(--heat)*100%),var(--surface));border-color:var(--border)}html[data-theme=dark] .insight-heatmap td span{background:#183127b8;color:#e0edda}
html[data-density=compact] .app-content{padding:22px}html[data-density=compact] :is(td,th){padding-top:9px;padding-bottom:9px}html[data-density=compact] .card-pad{padding:18px}html[data-density=compact] .stat-card{padding:17px;min-height:140px}html[data-density=compact] .workspace-welcome{padding:20px 25px}
@keyframes didnex-reveal{from{opacity:.5;translate:0 6px}to{opacity:1;translate:0 0}}
@media(min-width:901px){.app-content>.stats-grid,.app-content>.workspace-welcome{animation:didnex-reveal .35s ease}}
@media(max-width:1200px){.workspace-search>span,.workspace-search kbd{display:none}.workspace-search{padding:8px}.topbar-actions>a.btn{display:none}.topbar{padding:0 22px}.app-content{padding:24px}.format-showcase{gap:35px}.stat-spark{width:70px;left:14px}}
@media(max-width:1050px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{width:220px}.workspace-shortcuts{gap:10px}.workspace-shortcut{padding:14px 12px;gap:9px}.workspace-shortcut>.icon{display:none}.workspace-welcome h2{font-size:22px}.workspace-constellation{width:90px}.topbar-breadcrumb>span{display:none}}
@media(max-width:900px){.app-shell{display:block}.sidebar{width:258px;transform:translateX(100%)}.app-shell.nav-open .sidebar{transform:translateX(0)}.app-shell.nav-open .mobile-overlay{display:block;position:fixed;inset:0;background:#163e2e70;z-index:29}.mobile-menu{display:grid}.main-shell{width:100%}.workspace-constellation{display:none}.topbar{padding:0 18px}.format-showcase{grid-template-columns:1fr;gap:30px;padding-top:45px;padding-bottom:45px}.format-preview-stage{min-height:480px;order:-1;max-width:520px;width:100%;margin:auto}.format-showcase h2{font-size:29px}.hero{padding-top:45px;padding-bottom:50px}.hero h1{letter-spacing:-1px}}
@media(max-width:600px){.app-content,html[data-density=compact] .app-content{padding:19px 14px}.topbar{height:64px;padding:0 14px}.topbar-actions{gap:7px}.topbar-actions .user-area>div:nth-child(2),.topbar-actions .user-area>.icon{display:none}.topbar-breadcrumb{font-size:10px}.workspace-shortcuts{grid-template-columns:1fr;gap:8px}.workspace-shortcut{padding:12px 14px}.workspace-shortcut b{font-size:11px}.workspace-shortcut small{display:inline;margin-right:10px;font-size:9px}.workspace-shortcut>span{width:31px;height:31px}.workspace-welcome{padding:22px 21px;border-radius:15px}.workspace-welcome h2{font-size:20px}.workspace-welcome p{font-size:11px}.stat-spark{width:65px;bottom:31px;left:10px}.stat-card{min-height:150px}.analytics-chart{padding:8px 4px}.analytics-chart-note{padding:10px 13px}.analytics-actions{width:100%}.chart-summary{font-size:10px;flex-wrap:wrap;gap:5px 12px}.connect-hero h2{font-size:23px}.connect-symbol{display:none}.connect-platform button{padding:9px 12px;font-size:11px}.connect-steps{grid-template-columns:1fr}.connect-code{font-size:10px;padding:14px}.format-preview-stage{min-height:450px;padding:20px;border-radius:25px}.format-device{width:235px;min-height:400px}.format-switches{gap:6px}.format-switches button{padding:6px 10px;font-size:10px}.docs-header>.row{flex-wrap:wrap;gap:6px}.site-nav-actions{gap:7px}.site-nav-actions .btn{padding:7px 12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(forced-colors:active){.chart-point,.chart-bar{fill:CanvasText}.chart-line{stroke:CanvasText}.nav-item.active{outline:1px solid CanvasText}}

.btn-lime{color:#214b33}.topbar-breadcrumb b{color:var(--text)}.user-area small{color:var(--muted)}.docs-body a{color:var(--green2)}.docs-body li{color:var(--muted)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.auth-shell{background:radial-gradient(ellipse at 85% 10%,#dbeac940,transparent 55%),var(--bg)}.auth-card{background:var(--surface);border-color:var(--border);box-shadow:0 18px 80px #163e2512;border-radius:22px}.auth-card h1{color:var(--text)}.auth-card .auth-role{background:var(--soft);color:var(--text);border-color:var(--border)}.auth-card .auth-role:has(input:checked){background:var(--pale);border-color:var(--green)}.auth-card p,.auth-card label>span{color:var(--muted)}

.stat-spark{position:static;display:block;width:100%;height:22px;margin:5px 0 7px}.stat-value{overflow-wrap:anywhere}.stat-value small{color:var(--muted)}

/* Documentation 3.3: one platform/topic per page. */
.docs-organized{grid-template-columns:245px minmax(0,1fr);gap:40px;max-width:1240px}.docs-organized .docs-nav{display:block;padding:20px;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto;border:1px solid var(--border)}.docs-audience{font-size:16px;font-weight:700;display:block;color:var(--text)!important;padding:0!important}.docs-nav>small{display:block;font-size:10px;margin:7px 0 17px}.docs-nav .docs-pages a{display:block;margin:2px 0;padding:7px 9px;border-radius:7px;font-size:11px;line-height:1.7;color:var(--muted)}.docs-pages a[aria-current=page]{background:var(--pale);color:var(--green);font-weight:700}.docs-nav-group{border-top:1px solid var(--border);margin-top:9px;padding-top:4px}.docs-nav-group>summary{font-size:10px;font-weight:700;color:var(--text);cursor:pointer;padding:9px 3px}.docs-route-menu>summary{display:none}.docs-local-search{border-top:1px solid var(--border);margin-top:16px;padding-top:3px}.docs-local-search .docs-search{margin:14px 0 5px}.docs-local-search #docs-search-status{min-height:0;font-size:9px}.docs-toc b{font-size:10px;color:var(--muted)}.docs-toc a{font-size:10px!important;padding:5px 9px!important}.docs-reference-links{border-top:1px solid var(--border);padding-top:12px;margin-top:16px}.docs-reference-links a{font-size:10px!important}.docs-breadcrumb{display:flex;gap:9px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:10px;margin:0 0 15px}.docs-breadcrumb a{color:var(--muted);text-decoration:none}.docs-organized .docs-body>section:first-child{padding-top:6px;padding-bottom:23px}.docs-organized .docs-body>section{scroll-margin-top:25px}.docs-organized .docs-body{max-width:850px}.docs-organized .docs-body h1{font-size:32px;letter-spacing:-.7px}.docs-organized .docs-body h2{font-size:21px;margin-top:26px}.docs-organized .docs-body h2:first-child{margin-top:0}.docs-guide-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0 5px}.docs-start-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.docs-start-steps a{text-decoration:none!important;color:var(--text)!important}.docs-start-steps h3{margin:12px 0 6px;font-size:14px}.docs-start-steps p{font-size:11px}.docs-platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.docs-platform-card{display:flex;flex-direction:column;padding:23px;text-decoration:none!important;color:var(--text)!important;transition:transform .2s,border-color .2s}.docs-platform-card:hover{border-color:var(--green);transform:translateY(-2px)}.docs-platform-symbol{font:700 19px/1.2 ui-monospace,monospace;display:grid;place-items:center;width:49px;height:49px;border-radius:14px;color:#21644b;background:#eaf3d7;margin-bottom:10px}.docs-platform-symbol.flutter{color:#2e6894;background:#e4f1fa}.docs-platform-symbol.ios{color:#6b5776;background:#eee8f5}.docs-platform-symbol.unity{color:#494846;background:#f0ece6}.docs-platform-symbol.b4a{color:#336c4d;background:#dfeee3}.docs-platform-card h3{margin:0 0 8px}.docs-platform-card p{font-size:11px;flex:1}.docs-platform-card b{font-size:10px;margin-top:14px;color:var(--green)}.docs-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.docs-topic-grid>a{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;padding:17px;text-decoration:none;color:var(--text);background:var(--surface)}.docs-topic-grid>a:hover{background:var(--soft);border-color:var(--green)}.docs-topic-grid strong{font-size:12px}.docs-topic-grid span{font-size:11px;color:var(--muted);margin:7px 0}.docs-topic-grid small{font-size:9px;color:var(--green);margin-top:auto}.docs-page-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--border);padding:25px 0;margin-top:25px;font-size:11px}.docs-embedded.docs-organized{gap:25px;padding:20px}.docs-body .docs-note{margin-top:20px}.docs-nav a:focus-visible{outline-offset:-2px}
@media(max-width:1000px){.docs-organized{gap:24px;grid-template-columns:215px minmax(0,1fr)}.docs-start-steps{grid-template-columns:1fr}.docs-start-steps h3{margin:8px 0 0}.docs-organized .docs-body h1{font-size:27px}}
@media(max-width:850px){.docs-organized,.docs-embedded.docs-organized{display:block;padding:18px}.docs-organized .docs-nav{position:static;max-height:none;display:block;padding:15px;margin-bottom:25px}.docs-route-menu>summary{display:list-item;font-size:12px;font-weight:700;padding:10px 0;cursor:pointer}.docs-nav>small{margin-bottom:4px}.docs-local-search{margin-top:8px}.docs-toc{display:flex;flex-wrap:wrap;gap:4px}.docs-toc>b{width:100%}.docs-organized .docs-nav a{width:auto}.docs-reference-links{display:flex;gap:13px;flex-wrap:wrap}.docs-organized .docs-body{max-width:none}.docs-platform-grid{gap:12px}.docs-platform-card{padding:18px}.docs-organized .docs-body h1{font-size:25px}}
@media(max-width:520px){.docs-platform-grid,.docs-topic-grid{grid-template-columns:1fr}.docs-platform-card{display:grid;grid-template-columns:45px 1fr;gap:0 14px;padding:17px}.docs-platform-symbol{grid-row:1/4;width:45px;height:45px;margin:0}.docs-platform-card h3{font-size:14px}.docs-platform-card p{font-size:11px}.docs-platform-card b{margin-top:9px}.docs-header{flex-wrap:wrap;gap:15px}.docs-header>.row{width:100%;gap:7px}.docs-header>.row .btn{font-size:10px}}

.audience-bars{display:grid;gap:12px;padding:24px}.audience-bars>div{display:grid;grid-template-columns:minmax(70px,130px) 1fr 60px;align-items:center;gap:14px;font-size:12px}.audience-bars progress{width:100%;height:12px;accent-color:var(--primary,#18785b);border:0;border-radius:20px}.audience-bars progress::-webkit-progress-bar{background:#e8efeb;border-radius:20px}.audience-bars progress::-webkit-progress-value{background:#258667;border-radius:20px}.audience-bars b{font-variant-numeric:tabular-nums}form[data-audience-form] textarea{width:100%;padding:12px;border:1px solid var(--border,#d9e5df);border-radius:12px;font:inherit;background:var(--card,#fff);color:inherit;resize:vertical}form[data-audience-form] label.auth-check{grid-column:1/-1}

/* The per-placement guide keeps the code readable on laptop and mobile. */
.integration-flow{display:grid;gap:16px;min-width:0}.integration-flow .form-grid{margin:0}.integration-steps{display:flex;flex-wrap:wrap;gap:8px}.integration-flow .connect-code{max-height:440px;overflow:auto;direction:ltr;text-align:left;white-space:pre;tab-size:2;font-size:13px;line-height:1.8;max-width:100%;min-width:0}.integration-status{border:1px solid var(--line,#dbe2f1);border-radius:16px;padding:16px;background:var(--surface,#f6f8ff)}.integration-flow .notice-card{overflow-wrap:anywhere}.integration-flow details{border-top:1px solid var(--line,#dbe2f1);padding-top:16px}.integration-flow ol{padding-inline-start:24px;line-height:2}@media(max-width:640px){.integration-steps .btn{flex:1 1 45%}.integration-flow .connect-code{max-height:360px;font-size:12px}.integration-flow .row{gap:8px}}