/* ==========================================================================
   Carbon presentation for the pre-rendered pages
   GENERATED — do not hand-edit.
   Regenerate with:  python3 tools/build-carbon-overrides.py

   Derived from the compiled bundle in /_next, which has no source and must
   not be edited. Every custom property and rule there that sets a colour,
   radius, typeface, size, weight or shadow is restated here with its Carbon
   v11 (g10) equivalent. shell.js injects this sheet after the bundle, so it
   wins on cascade order — there is no !important in this file.

   Documentation content is untouched: the palette swatches on /tokens/colors
   carry their hexes inline, so those pages still document the real Ollily
   brand values.
   ========================================================================== */

:root{--brand-primary:#161616;--brand-primary-hover:#161616;--brand-primary-subtle:#e0e0e0;--brand-magenta:#0f62fe;--bg-page:#f4f4f4;--bg-alt:#f4f4f4;--bg-card:#f4f4f4;--bg-card-inner:#e0e0e0;--bg-dark:#161616;--border-card:#e0e0e0;--success:#24a148;--success-bg:#f4f4f4;--radius-xs:0;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-xl:0;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:none;--shadow-2xl:none;--font-display:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--font-sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
.h1,.h2,h1,h2{font-weight:600}
.h3,h3{font-weight:600}
.body-strong,.nav,.small{font-weight:600}
.eyebrow{font-weight:600}
.mono{font-size:12px}
.btn{font-weight:600}
.badge{font-weight:600}
:root{--maroon:#001141;--maroon-2:#001d6c;--magenta:#001141;--magenta-ink:#001141;--flo-pink:#001141;--magenta-soft:#e0e0e0;--on-maroon:#f4f4f4;--on-maroon-muted:#78a9ff;--gradient-flo:#4589ff;--canvas:#f4f4f4;--active-bg:#e0e0e0;--active-ink:#001141;--active-ic:#001141;--sh-pop:0 1px 2px rgba(28,25,23,.05),0 24px 54px -26px rgba(0,45,156,.3)}
:focus-visible{border-radius:0}
.card{box-shadow:none}
.card,.card-bordered{border-radius:0}
.rail{box-shadow:none}
.navpanel{box-shadow:none}
.np-search{font-size:12px}
.np-search kbd{font-size:12px}
.np-head .t{font-weight:600}
.np-head .c{font-size:12px}
.np-item .lb{font-size:14px;font-weight:600}
.np-ripple{background:rgba(0,45,156,.14)}
.np-switch button{font-size:12px;font-weight:600;border-radius:0}
.np-switch button.on{box-shadow:none}
.content{box-shadow:none}
.breadcrumb{font-size:12px}
.phero h1{font-weight:600}
.doc-num{font-weight:600}
.doc-head-tag span{font-size:12px}
.doc-title{font-weight:600}
h2.sec{font-weight:600}
h2.sec:before{font-size:12px;font-weight:600;border-radius:0}
p.para strong{font-weight:600}
ol.list code,p.para code,ul.list code{border-radius:0}
.toc .eyebrow{font-size:12px}
.toc a{border-radius:0}
.toc a.active{font-weight:600}
.pager a{border-radius:0}
.pager a:hover{box-shadow:none}
.pager .lbl{font-size:12px}
.pager .ttl{font-weight:600;font-size:16px}
.preview{border-radius:0}
.preview-stage{background-image:none}
.ptab{font-size:12px;border-radius:0}
.codewrap{background:#161616}
.codewrap pre{font-size:12px;color:#f4f4f4}
.copybtn{font-size:12px;border-radius:0}
.chip{font-size:12px}
.swatch{border-radius:0;box-shadow:none}
.swatch .name,.swatch .val{font-size:12px}
.swatch .role{font-size:12px}
table.spec{border-radius:0}
table.spec th{font-size:12px}
.scale-bar{border-radius:0}
.radius-demo{border-radius:0}
.shadow-demo{border-radius:0}
.shadow-demo .box{border-radius:0}
.type-specimen .tmeta{font-size:12px}
.cover .eyebrow-accent{font-size:12px}
.cover h1{font-weight:600}
.metrics .m{border-radius:0}
.metrics .m .n{font-weight:600}
.customers .lbl{font-size:12px}
.marquee-track span{font-weight:600;font-size:16px}
.idx-head .t{font-weight:600}
.idx-head .c{font-size:12px}
.index-row{border-radius:0}
.index-row:hover{box-shadow:none}
.index-row .ti{font-weight:600}
.index-row .de{font-size:12px}
.index-row .tg{font-size:12px}
.foot-inner{box-shadow:none}
.foot h5{font-size:12px}
.cmd{border-radius:0;box-shadow:none}
.cmd-group .eyebrow{font-size:12px}
.cmd-item{border-radius:0}
.cmd-item .cmd-s{font-size:12px}
.skel{border-radius:0}
.skel:after{background:transparent}
.acc{border-radius:0}
.acc-head{font-weight:600}
.mock{border-radius:0;box-shadow:none}
.mock-hd .url{font-size:12px;border-radius:0}
.req{border-radius:0}
.req .ttl{font-weight:600}
.filter{font-size:12px}
.agent-card{border-radius:0;box-shadow:none}
.agent-card .av{background:transparent}
.agent-card h3{font-size:14px}
.agent-card p{font-size:12px}
.asset-card{border-radius:0;box-shadow:none}
.asset-card .asset-meta .nm{font-size:12px;font-weight:600}
.asset-card .asset-meta .ft{font-size:12px}
.icst-grid{border-radius:0}
.icst-cell{border-radius:0}
.icst-stage{border-radius:0;background-image:none}
.icst-hex,.icst-num{border-radius:0}
.icst-search{border-radius:0}
.litmus{border-radius:0}
input[type=color]::-webkit-color-swatch{border-radius:0}
.maroon-band{border-radius:0}
.pill-gradient{background:transparent;font-weight:600}
.eyebrow-accent{font-size:12px}
.fr{border-radius:0;box-shadow:none}
.fr-topbar .u{font-size:12px;border-radius:0}
.email-hero{background:transparent}
.email-hero .k{font-size:12px}
.email-hero h4{font-weight:600}
.eline{border-radius:0}
.email-btn{font-weight:600;border-radius:0}
.pv-sw{border-radius:0}
.pv-icon{border-radius:0}
.pv-av{background:transparent}
.pv-slide{border-radius:0;box-shadow:none}
@media (max-width:860px){
  .mnav-btn{box-shadow:none}
}
.wi-label{font-size:12px}
.wi-pill{font-size:12px;font-weight:600}
.wi-pill em{font-size:12px}
.rail-mark.here{box-shadow:none}
:root{--nav-bg:#001141;--nav-bg-2:#001141;--nav-text:#78a9ff;--nav-glow:rgba(15,98,254,.5)}
.rail-mark{background:transparent;box-shadow:none}
.rail-mark.here{box-shadow:none}
.rail-btn.active{background:rgba(15,98,254,.16);color:#78a9ff}
.navpanel.dark{background:transparent}
.navpanel.dark .np-search:hover{border-color:#4589ff}
.np-parent{border-radius:0;font-size:14px;font-weight:600}
.np-parent.open{background:transparent;box-shadow:none}
.np-badge{font-size:12px;background:transparent}
.np-sub:before{background:rgba(15,98,254,.32);border-radius:0}
.np-child{border-radius:0;font-weight:600}
.np-child:before{background:rgba(15,98,254,.32)}
.np-child.active:after{background:#4589ff;box-shadow:none}
@media (max-width:860px){
  .navpanel.dark{background:transparent}
}
.navpanel.zdark{background:#001141}
.np-kbd{font-size:12px;color:#78a9ff;border-radius:0}
.np-kbd:hover{border-color:#4589ff}
.np-title{font-size:12px}
.np-glabel{font-size:12px}
.np-row{border-radius:0;color:#e0e0e0;font-size:14px;font-weight:600}
.np-row .ic{color:#0f62fe}
.np-row .tg{font-size:12px}
.np-row.active{background:rgba(15,98,254,.15)}
.np-row.active .tg{color:#78a9ff}
.np-note{font-size:12px}
.logo-card{border-radius:0;box-shadow:none}
.logo-meta .nm{font-size:14px;font-weight:600}
.logo-meta .nt{font-size:12px}
.logo-dl a{font-size:12px;border-radius:0}
.logo-dlrow{border-radius:0}
.logo-dlrow:hover{box-shadow:none}
.logo-swatch{border-radius:0}
.logo-dlrow .nm{font-weight:600}
.logo-dlrow .ft{font-size:12px}
.sig-field span{font-size:12px;font-weight:600}
.sig-field input{border-radius:0}
.sig-field input:focus{box-shadow:none}
.sig-check{font-size:14px}
.sig-plabel{font-size:12px}
.sig-preview{border-radius:0;box-shadow:none}
.sig-body .nm{font-size:16px}
.sig-body .tt{font-size:12px;color:#0f62fe}
.sig-body .ct{font-size:12px}
.sig-cta{background:#0f62fe;border-radius:0}
.sig-banner{border-radius:0}
.sig-banner b{font-size:14px}
.sig-banner i{font-size:12px}
.sig-help{font-size:12px}
.sig-btile{border-radius:0}
.sig-btile.on{border-color:#0f62fe;box-shadow:none}
.sig-btile .none{font-weight:600}
.sig-btile b{font-size:14px}
.sig-btile i{font-size:12px}
.ghead.scrolled{box-shadow:none}
.gh-crumbs{font-size:12px}
.gh-crumbs .grp{font-size:12px}
.gh-crumbs .cur{font-weight:600}
.gh-search{font-size:12px;border-radius:0}
.gh-search kbd{font-size:12px;border-radius:0}
.gh-icon{border-radius:0}
.mr-chip{font-size:12px}
.mr-chip.ok{color:#198038}
.mr-item{font-size:12px}
.tt-row{border-radius:0}
.tt-row:hover{box-shadow:none}
.tt-demo .sw{border-radius:0}
.tt-demo .sh{border-radius:0}
.tt-demo .sp{border-radius:0}
.tt-name{font-size:12px}
.tt-note{font-size:12px}
.rel-label{font-size:12px}
.rel-chip{font-size:12px;font-weight:600}
.rel-chip .tg{font-size:12px}
.fb{border-radius:0}
.fb .q{font-size:14px}
.fb button{font-size:12px;font-weight:600;border-radius:0}
[data-theme=dark]{--bg-page:#161616;--bg-alt:#161616;--bg-card:#161616;--bg-card-inner:#161616;--border-card:#262626;--canvas:#161616;--card:#161616;--active-bg:rgba(15,98,254,.14);--active-ink:#78a9ff;--active-ic:#78a9ff;--magenta-soft:rgba(15,98,254,.12);--magenta-ink:#78a9ff}
[data-theme=dark] body,[data-theme=dark] html{background:#161616}
[data-theme=dark] .app,[data-theme=dark] .content,[data-theme=dark] .shell{background:#161616}
[data-theme=dark] .mr-chip.ok{color:#6fdc8c}
[data-theme=dark] .ghead{background:color-mix(in srgb,#161616 70%,transparent)}
[data-theme=dark] .ghead.scrolled{background:color-mix(in srgb,#161616 88%,transparent)}
.phero{background:#f4f4f4}
.phero:before{background-image:none}
.phero .doc-head-tag,.phero .phero-eyebrow{font-size:12px;font-weight:600;color:#0f62fe}
.phero .doc-head-tag .accent-dot{background:#0f62fe}
.phero .pchip,.phero .phero-chips>*{font-size:12px;box-shadow:none}
.phero .phero-chips>:first-child:before{background:transparent}
.phero .wi-list em{color:#0f62fe}
.phero .phero-stage .card,.phero .phero-stage>*{box-shadow:none;border-radius:0}
.cover{background:#f4f4f4}
.cover:before{background-image:none}
.cover .eyebrow,.cover .eyebrow-accent{color:#0f62fe}
[data-theme=dark] .cover,[data-theme=dark] .phero{background:#161616}
[data-theme=dark] .cover:before,[data-theme=dark] .phero:before{background-image:none}
.np-secs:before{border-radius:0}
.np-sec{font-size:14px;color:#78a9ff;border-radius:0}
.np-sec.on{background:rgba(15,98,254,.16)}
.sc-win{background:#f4f4f4;border-radius:0;box-shadow:none}
[data-theme=dark] .sc-win{background:#161616}
.sc-bar{background:#f4f4f4}
[data-theme=dark] .sc-bar{background:#161616}
.sc-dots i{background:#c6c6c6}
[data-theme=dark] .sc-dots i{background:#262626}
.sc-label{font-size:12px}
.sc-export{font-size:12px;background:transparent}
.sc-canvas{background-image:none}
.sc-sel{border:1.5px dashed rgba(15,98,254,.55);border-radius:0}
.sc-sel .h{border-radius:0;border:2px solid #0f62fe}
.sc-tile{border-radius:0;background:#001141;box-shadow:none}
.sc-copy .hl{font-weight:600;font-size:18px}
.sc-copy .cta{background:#161616;font-size:12px;border-radius:0}
[data-theme=dark] .sc-canvas{background-image:none}
.nb-embed{border-radius:0;box-shadow:none}