:root{--radius-control:var(--ds-radius-md);--radius-card:var(--ds-radius-lg);--radius-panel:var(--ds-radius-xl);--radius-shell:var(--ds-radius-2xl);--radius-pill:var(--ds-radius-pill);--scrollbar-thumb:var(--ds-scrollbar-thumb);--scrollbar-thumb-hover:var(--ds-scrollbar-thumb-hover);--scrollbar-track:var(--ds-scrollbar-track);}
body{margin:0;font-family:var(--ds-font-family-base);color:var(--ds-color-text);background:var(--ds-color-canvas);}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:var(--ds-color-text-strong);color:var(--ds-color-surface-base);}
.product-switcher{border:1px solid var(--ui-control-border,rgba(0,0,0,0.15));background:var(--ui-header-bg,#fff);color:inherit;border-radius:var(--radius-control);padding:6px 10px;font-size:13px;max-width:240px;cursor:pointer;}
.menu-toggle{border:1px solid rgba(255,255,255,0.35);background:transparent;color:#fff;border-radius:var(--radius-control);padding:6px 10px;cursor:pointer;font-weight:600;}
.menu-toggle:hover{background:rgba(255,255,255,0.12);}
.header-menu-btn{border:1px solid rgba(255,255,255,0.35);background:transparent;color:#fff;border-radius:var(--radius-control);padding:6px 10px;cursor:pointer;font-weight:600;}
.header-menu-btn:hover{background:rgba(255,255,255,0.12);}
.layout{display:grid;grid-template-columns:260px 1fr 220px;height:calc(100vh - 50px);}
.layout.toc-hidden{grid-template-columns:260px 1fr;}
.layout.toc-collapsed{grid-template-columns:260px 1fr 56px;}
.layout.sidebar-collapsed{grid-template-columns:1fr 220px;}
.layout.sidebar-collapsed.toc-hidden{grid-template-columns:1fr;}
.layout.sidebar-collapsed.toc-collapsed{grid-template-columns:1fr 56px;}
.layout.sidebar-collapsed #sidebar{display:none;}
#sidebar{display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #ddd;padding:8px;}
main{padding:30px;overflow:auto;}
#page-toc{border-left:1px solid #ddd;padding:20px;overflow:auto;}
#page-toc.is-hidden{display:none !important;}
#breadcrumbs + .toc-toggle-btn,
.breadcrumbs-column .toc-toggle-btn{display:flex;align-items:center;justify-content:center;gap:8px;flex:0 0 32px;min-width:32px;width:32px;height:32px;padding:0;border:1px solid var(--ds-color-border-strong,#c8c6c4);background:var(--ds-color-surface-muted,#f3f2f1);color:var(--ds-color-text,#323130);border-radius:var(--radius-control,12px);font:inherit;font-weight:600;cursor:pointer;text-align:center;line-height:1;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease;}
#breadcrumbs + .toc-toggle-btn[hidden],
.breadcrumbs-column .toc-toggle-btn[hidden]{display:none !important;}
#page-toc .page-toc-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px;}
#page-toc .page-toc-header h3{margin:0;}
#page-toc .toc-toggle-btn{display:flex;align-items:center;justify-content:center;gap:8px;flex:0 0 32px;width:32px;height:32px;padding:0;border:1px solid var(--ds-color-border-strong,#c8c6c4);background:var(--ds-color-surface-muted,#f3f2f1);color:var(--ds-color-text,#323130);border-radius:var(--radius-control,12px);font:inherit;font-weight:600;cursor:pointer;text-align:center;line-height:1;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease;}
#page-toc .toc-toggle-icon,
.breadcrumbs-column .toc-toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background-color:currentColor;-webkit-mask-image:var(--ds-icon-collapse);mask-image:var(--ds-icon-collapse);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:16px 16px;mask-size:16px 16px;}
#page-toc.is-collapsed .toc-toggle-icon{-webkit-mask-image:var(--ds-icon-expand);mask-image:var(--ds-icon-expand);}
.toc-toggle-btn[aria-pressed="true"] .toc-toggle-icon{-webkit-mask-image:var(--ds-icon-expand);mask-image:var(--ds-icon-expand);}
#breadcrumbs + .toc-toggle-btn:hover,
.breadcrumbs-column .toc-toggle-btn:hover,
#page-toc .toc-toggle-btn:hover{background:var(--ds-color-hover-bg,#f3f2f1);border-color:var(--ds-color-hover-border,#c8c6c4);color:var(--ds-color-hover-text,#5f2b69);box-shadow:var(--ds-shadow-hover-soft);transform:translateY(-1px);}
#breadcrumbs + .toc-toggle-btn:active,
.breadcrumbs-column .toc-toggle-btn:active,
#page-toc .toc-toggle-btn:active{background:var(--ui-primary-dark,#084b92);border-color:var(--ui-primary-dark,#084b92);color:#ffffff;transform:none;}
#page-toc.is-collapsed .page-toc-list{display:none;}
#page-toc.is-collapsed .page-toc-header{margin-bottom:0;justify-content:center;}
#page-toc.is-collapsed .page-toc-header h3{display:none;}
.search-container{position:relative;}

body,
#sidebar,
.sidebar-panels,
.content-column,
main,
#page-toc,
#search-results{
	scrollbar-width: thin;
}

body::-webkit-scrollbar,
#sidebar::-webkit-scrollbar,
.sidebar-panels::-webkit-scrollbar,
.content-column::-webkit-scrollbar,
main::-webkit-scrollbar,
#page-toc::-webkit-scrollbar,
#search-results::-webkit-scrollbar{
	width: 12px;
	height: 12px;
}

body::-webkit-scrollbar-track,
#sidebar::-webkit-scrollbar-track,
.sidebar-panels::-webkit-scrollbar-track,
.content-column::-webkit-scrollbar-track,
main::-webkit-scrollbar-track,
#page-toc::-webkit-scrollbar-track,
#search-results::-webkit-scrollbar-track{
	background: var(--scrollbar-track);
	border-radius: var(--radius-pill);
}

body::-webkit-scrollbar-thumb,
#sidebar::-webkit-scrollbar-thumb,
.sidebar-panels::-webkit-scrollbar-thumb,
.content-column::-webkit-scrollbar-thumb,
main::-webkit-scrollbar-thumb,
#page-toc::-webkit-scrollbar-thumb,
#search-results::-webkit-scrollbar-thumb{
	background: var(--scrollbar-thumb);
	border: 3px solid transparent;
	border-radius: var(--radius-pill);
	background-clip: padding-box;
}

body::-webkit-scrollbar-thumb:hover,
#sidebar::-webkit-scrollbar-thumb:hover,
.sidebar-panels::-webkit-scrollbar-thumb:hover,
.content-column::-webkit-scrollbar-thumb:hover,
main::-webkit-scrollbar-thumb:hover,
#page-toc::-webkit-scrollbar-thumb:hover,
#search-results::-webkit-scrollbar-thumb:hover{
	background: var(--scrollbar-thumb-hover);
	background-clip: padding-box;
}

body:not(.docs-v02),
body:not(.docs-v02) #sidebar,
body:not(.docs-v02) .sidebar-panels,
body:not(.docs-v02) .content-column,
body:not(.docs-v02) main,
body:not(.docs-v02) #page-toc,
body:not(.docs-v02) #search-results{
	scrollbar-color: rgba(121,107,178,0.96) rgba(255,255,255,0.24);
}

body:not(.docs-v02){--ui-header-bg:rgba(255,255,255,0.72);--ui-header-primary:var(--ds-color-brand-500);--ui-header-primary-dark:var(--ds-color-brand-600);--ui-control-bg:var(--ds-color-glass);--ui-control-border:rgba(162,151,205,0.34);--ui-glass-panel:rgba(249,246,255,0.48);--ui-glass-panel-strong:var(--ds-color-glass-strong);--ui-text:var(--ds-color-text);--ui-muted:var(--ds-color-text-subtle);--ui-primary:var(--ds-color-action-500);--ui-primary-dark:var(--ds-color-action-600);--ui-btn-active:var(--ds-color-brand-500);--ui-btn-active-bg:linear-gradient(180deg,rgba(144,62,160,0.16) 0%,rgba(144,62,160,0.10) 100%);--ui-btn-active-border:rgba(144,62,160,0.24);--ui-btn-active-text:var(--ds-color-brand-700);--ui-btn-active-shadow:inset 0 1px 0 rgba(255,255,255,0.56),0 10px 22px rgba(144,62,160,0.10);--ui-hover-bg:var(--ds-color-hover-bg);--ui-hover-bg-strong:var(--ds-color-hover-bg-strong);--ui-hover-border:var(--ds-color-hover-border);--ui-hover-text:var(--ds-color-hover-text);--ui-hover-shadow:var(--ds-shadow-hover-soft);--ui-header-interactive-hover-bg:rgba(255,255,255,0.92);--ui-header-interactive-hover-border:rgba(255,255,255,0.34);--lh-hover-border:var(--ui-hover-border);--lh-hover-bg:var(--ui-hover-bg);--lh-hover-shadow:var(--ui-hover-shadow);--lh-hover-text:var(--ui-hover-text);--lh-header-interactive-hover-bg:var(--ui-header-interactive-hover-bg);--lh-header-interactive-hover-border:var(--ui-header-interactive-hover-border);--ui-focus-border:rgba(106,90,160,0.44);--ui-focus-ring:0 0 0 3px rgba(106,90,160,0.10);--ui-sidebar-text:var(--ds-color-text);--ui-sidebar-muted:var(--ds-color-text-subtle);--ui-shadow:var(--ds-shadow-lg);--ui-shadow-soft:var(--ds-shadow-sm);--docs-header-height:54px;font-family:var(--ds-font-family-base);background:linear-gradient(180deg,#ddd7f0 0%,var(--ds-color-canvas) 100%);color:var(--ui-text);position:relative;min-height:100vh;overflow-x:hidden;}
body:not(.docs-v02)::before{content:"";position:fixed;inset:0;background:radial-gradient(980px 460px at 14% 0%,rgba(255,255,255,0.52),transparent 62%),radial-gradient(820px 360px at 100% 100%,rgba(180,169,220,0.30),transparent 70%);z-index:-2;}
body:not(.docs-v02)::after{content:"";position:fixed;inset:0;background-image:linear-gradient(180deg,rgba(255,255,255,0.04) 0%,rgba(160,147,204,0.10) 100%),var(--ds-grain-texture);background-size:auto,var(--ds-grain-size);opacity:.78;z-index:-1;pointer-events:none;}
body:not(.docs-v02) .topbar{background:var(--ui-header-bg);color:var(--ui-text);border:1px solid var(--ui-control-border);padding:6px 16px;gap:12px;justify-content:flex-start;position:sticky;top:8px;z-index:40;min-height:var(--docs-header-height);box-sizing:border-box;width:calc(100% - 16px);margin:10px auto 0;border-radius:var(--radius-shell);backdrop-filter:blur(30px) saturate(135%);box-shadow:var(--ui-shadow-soft);}
body:not(.docs-v02) .menu-toggle,
body:not(.docs-v02) .header-menu-btn,
body:not(.docs-v02) .product-docs-brand{border:1px solid var(--ui-control-border);background:rgba(255,255,255,0.78);color:var(--ui-text);border-radius:var(--radius-pill);padding:9px 15px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.52);transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;}
body:not(.docs-v02) .menu-toggle,
body:not(.docs-v02) .header-menu-btn{font-size:14px;font-weight:600;line-height:1;}
body:not(.docs-v02) .product-docs-brand{display:flex;flex-direction:column;justify-content:center;min-width:150px;line-height:1.15;text-decoration:none;padding:8px 14px;border:1px solid rgba(170,159,213,0.24);background:rgba(255,255,255,0.58);backdrop-filter:blur(12px) saturate(120%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.34);}
body:not(.docs-v02) .product-docs-brand .brand-title{font-size:16px;font-weight:700;color:var(--ui-text);}
body:not(.docs-v02) .product-docs-brand .brand-subtitle{font-size:9px;color:var(--ui-muted);}
body:not(.docs-v02) .menu-toggle:hover,
body:not(.docs-v02) .header-menu-btn:hover{
background:var(--ui-hover-bg,rgba(106,90,160,0.08));
border-color:var(--ui-hover-border,rgba(170,159,213,0.20));
color:var(--ui-hover-text,#5f2b69);
box-shadow:var(--ui-hover-shadow);
}
body:not(.docs-v02) .product-docs-brand:hover{
background:var(--ui-hover-bg,rgba(106,90,160,0.08));
border-color:var(--ui-hover-border,rgba(170,159,213,0.20));
color:var(--ui-hover-text,#5f2b69);
box-shadow:var(--ui-hover-shadow);
}
body:not(.docs-v02) .product-docs-brand:hover .brand-title,
body:not(.docs-v02) .product-docs-brand:hover .brand-subtitle{color:inherit;}
body:not(.docs-v02) .menu-toggle[aria-expanded="true"],
body:not(.docs-v02) .header-menu-btn[aria-expanded="true"]{border:1px solid var(--lh-header-interactive-border);background:var(--lh-header-interactive-bg);color:#ffffff;border-radius:var(--lh-radius-control);transition:background 0.18s ease,border-color 0.18s ease,color 0.18s ease,box-shadow 0.18s ease,transform 0.18s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,0.12);}
body:not(.docs-v02) .menu-toggle[aria-expanded="true"]:hover,
body:not(.docs-v02) .header-menu-btn[aria-expanded="true"]:hover{transform:translateY(-1px);border-color:var(--lh-hover-border);background:var(--lh-hover-bg);box-shadow:var(--lh-hover-shadow);color:var(--lh-hover-text);background:var(--lh-header-interactive-hover-bg);border-color:rgb(222, 197, 226);box-shadow:inset 0 1px 0 rgba(255,255,255,0.18);background:rgb(219, 214, 234);color:var(--ui-hover-text,#5f2b69);}
body:not(.docs-v02) .menu-toggle:focus-visible,
body:not(.docs-v02) .header-menu-btn:focus-visible,
body:not(.docs-v02) .product-docs-brand:focus-visible{outline:none;background:var(--ui-header-primary-dark,#5b4d8a);border-color:var(--ui-header-primary-dark,#5b4d8a);color:#ffffff;box-shadow:none;}
body:not(.docs-v02) .product-docs-brand:focus-visible .brand-title,
body:not(.docs-v02) .product-docs-brand:focus-visible .brand-subtitle{color:inherit;}
body:not(.docs-v02) .search-icon-btn:focus-visible{outline:none;box-shadow:var(--ui-hover-shadow),0 0 0 3px rgba(144,62,160,0.14);}
body:not(.docs-v02) .search-container{flex:1 1 auto;max-width:700px;display:flex;align-items:center;position:relative;background:rgba(255,255,255,0.88);border:1px solid rgba(162,151,205,0.40);border-radius:var(--radius-pill);overflow:visible;backdrop-filter:blur(16px) saturate(125%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.60);}
body:not(.docs-v02) #searchBox{flex:1 1 auto;height:42px;border:0;background:transparent;padding:0 14px;font-size:14px;color:var(--ui-text);}
body:not(.docs-v02) #searchBox::placeholder{color:var(--ui-muted);}
body:not(.docs-v02) #searchBox:focus{outline:none;}
body:not(.docs-v02) .search-container:focus-within{border-color:var(--ui-focus-border);box-shadow:var(--ui-focus-ring);}
body:not(.docs-v02) .search-icon-btn{height:42px;min-width:46px;border:0;border-left:1px solid var(--ui-control-border);background:transparent;color:var(--ui-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;}
body:not(.docs-v02) .search-icon-btn:hover{background:var(--ui-hover-bg);color:var(--ui-hover-text);}
body:not(.docs-v02) .search-icon-btn:active{background:var(--ui-header-primary);color:#ffffff;}
body:not(.docs-v02) .search-button-icon{width:18px;height:18px;background-color:currentColor;-webkit-mask-image:var(--ds-icon-search);mask-image:var(--ds-icon-search);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:18px 18px;mask-size:18px 18px;}
body:not(.docs-v02) .sidebar-link.active{background:var(--ui-primary);color:#ffffff;}
body:not(.docs-v02) .sidebar-link:hover{background:var(--ui-hover-bg);color:var(--ui-hover-text);}
body:not(.docs-v02) .layout{grid-template-columns:250px minmax(0,1fr) 220px;gap:0;padding:12px;width:calc(100% - 16px);max-width:none;margin:8px auto 12px;height:calc(100vh - var(--docs-header-height) - 34px);align-items:stretch;background:var(--ui-glass-panel-strong);border:1px solid var(--ui-control-border);border-radius:var(--radius-shell);backdrop-filter:blur(34px) saturate(135%);box-shadow:var(--ui-shadow);box-sizing:border-box;}
body:not(.docs-v02) .layout.toc-hidden{grid-template-columns:260px minmax(0,1fr);}
body:not(.docs-v02) .layout.sidebar-collapsed {
	grid-template-columns: minmax(0,1fr) 140px;
	/* width: calc(100% - 32px);*/
	max-width: none;
}
body:not(.docs-v02) .layout.sidebar-collapsed.toc-hidden{grid-template-columns:minmax(0,1fr);}
body:not(.docs-v02) .layout.sidebar-collapsed #sidebar{display:none;}
body:not(.docs-v02) #sidebar,
body:not(.docs-v02) #page-toc,
body:not(.docs-v02) main{background:transparent;border:0;border-radius:0;backdrop-filter:none;box-shadow:none;}
body:not(.docs-v02) #sidebar,
body:not(.docs-v02) #page-toc{position:sticky;top:12px;max-height:calc(100vh - var(--docs-header-height) - 24px);}
body:not(.docs-v02) #sidebar,
body:not(.docs-v02) #page-toc,
body:not(.docs-v02) main{height:auto;max-height:none;position:relative;top:auto;}
body:not(.docs-v02) #sidebar{padding:8px;border:0;border-right:1px solid rgba(170,159,213,0.22);background:rgba(255,255,255,0.20);color:var(--ui-sidebar-text);backdrop-filter:none;box-shadow:none;border-radius:var(--radius-panel) 0 0 var(--radius-panel);overflow:hidden;}
body:not(.docs-v02) #page-toc{padding:12px 10px 12px 16px;border:0;border-left:1px solid rgba(170,159,213,0.18);background:rgba(255,255,255,0.16);backdrop-filter:none;box-shadow:none;border-radius:0 var(--radius-panel) var(--radius-panel) 0;overflow:auto;}
body:not(.docs-v02) .layout.sidebar-collapsed #page-toc{padding:12px 8px 12px 10px;min-width:0;}
body:not(.docs-v02) .layout.sidebar-collapsed #page-toc h3{font-size:14px;}
body:not(.docs-v02) .layout.sidebar-collapsed #page-toc .page-toc-list{padding-left:14px;}
/* Content column: main fills its grid cell; the reading panel is a white card
   whose body scrolls, with the Previous/Next footer fixed below (outside scroll). */
body:not(.docs-v02) main{height:auto;min-height:0;overflow:hidden;padding:10px 12px;display:flex;}
body:not(.docs-v02) .content-grid{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;}
body:not(.docs-v02) .breadcrumbs-column{display:flex;align-items:center;gap:10px;flex:0 0 auto;align-self:stretch;width:100%;box-sizing:border-box;margin-bottom:8px;}
body:not(.docs-v02) .docs-page-shell{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;background:#ffffff;border:1px solid var(--ui-control-border,rgba(162,151,205,0.34));border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(80,60,120,0.08);}
body:not(.docs-v02) #content-scroll{flex:1 1 auto;min-height:0;overflow:auto;background:#ffffff;}
body:not(.docs-v02) #page-navigation{flex:0 0 auto;}
/* Sidebar show/hide toggle — always visible in the content column. */
.sidebar-toggle{flex:0 0 auto;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ui-control-border,rgba(162,151,205,0.34));background:rgba(255,255,255,0.82);color:var(--ds-color-brand-600,#7a3388);border-radius:10px;cursor:pointer;font-size:16px;line-height:1;}
.sidebar-toggle:hover{background:#fff;border-color:var(--ds-color-brand-500,#903ea0);}

@media (max-width:1200px){
body:not(.docs-v02) .layout{grid-template-columns:220px minmax(0,1fr);width:calc(100% - 40px);}
body:not(.docs-v02) #page-toc{display:none;}
body:not(.docs-v02) .layout.sidebar-collapsed{grid-template-columns:minmax(0,1fr);width:calc(100% - 40px);}
}

@media (max-width:900px){
body:not(.docs-v02) .topbar{flex-wrap:wrap;}
body:not(.docs-v02) .search-container{width:100%;max-width:none;}
body:not(.docs-v02) .layout,
body:not(.docs-v02) .layout.sidebar-collapsed{grid-template-columns:minmax(0,1fr);height:auto;min-height:calc(100vh - var(--docs-header-height));width:calc(100% - 24px);padding:12px;}
body:not(.docs-v02) #sidebar{display:none;}
}

/* --- Previous/Next footer (below the reading panel, outside scroll) + required-field asterisks --- */
#page-navigation:empty{display:none;}
#page-navigation .page-nav-actions{display:flex;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid var(--ds-color-border,#ececf2);background:#ffffff;}
.page-nav-spacer{flex:1 1 auto;}
.page-nav-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--ui-control-border,rgba(162,151,205,0.34));border-radius:10px;background:#fff;color:var(--ds-color-brand-600,#7a3388);cursor:pointer;font-weight:600;}
.page-nav-btn:hover{border-color:var(--ds-color-brand-500,#903ea0);}
.page-nav-btn.is-next{text-align:right;}
.page-nav-text{display:flex;flex-direction:column;line-height:1.2;overflow:hidden;}
.page-nav-kicker{font-size:11px;color:var(--ui-muted,#6c6482);text-transform:uppercase;letter-spacing:.04em;}
.page-nav-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.page-nav-icon{font-size:22px;line-height:1;color:var(--ds-color-brand-500,#903ea0);flex:0 0 auto;}
.page-nav-btn.is-prev .page-nav-icon::before{content:"\2039";}
.page-nav-btn.is-next .page-nav-icon::before{content:"\203A";}
.req-asterisk{color:#e11d48;font-weight:700;}

.about-btn.icon-btn { display: inline-flex; align-items: center; justify-content: center; }
.about-btn svg { display: block; }

/* --- Text-size (S/M/L) control --- */
.fontsize-control { display: inline-flex; align-items: center; gap: 2px; flex: 0 0 auto; border: 1px solid var(--ui-control-border, rgba(162,151,205,.34)); border-radius: var(--radius-pill, 999px); background: rgba(255,255,255,.78); padding: 2px; }
.fs-btn { border: 0; background: transparent; color: var(--ds-color-brand-600, #7a3388); cursor: pointer; line-height: 1; padding: 4px 8px; border-radius: 999px; font-weight: 700; }
.fs-btn[data-fs="small"] { font-size: 11px; }
.fs-btn[data-fs="medium"] { font-size: 14px; }
.fs-btn[data-fs="large"] { font-size: 17px; }
.fs-btn:hover { background: var(--ui-hover-bg, rgba(106,90,160,.10)); }
.fs-btn.is-active { background: var(--ds-color-brand-500, #903ea0); color: #fff; }
body.fs-small #sidebar, body.fs-small #content, body.fs-small #page-toc { zoom: 0.9; }
body.fs-large #sidebar, body.fs-large #content, body.fs-large #page-toc { zoom: 1.15; }

/* Breadcrumb row: left burger, breadcrumbs, then the on-page-outline toggle pushed
   to the far right (just left of the right panel), within the main column. */
.sidebar-toggle.toc-toggle { margin-left: auto; }
.sidebar-toggle.is-collapsed { background: var(--ds-color-brand-500, #903ea0); color: #fff; }
#pageTocToggle .toc-toggle-icon { display: inline-block; width: 16px; height: 16px; background-color: currentColor;
  -webkit-mask-image: var(--ds-icon-collapse); mask-image: var(--ds-icon-collapse);
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center;
  -webkit-mask-size: 16px 16px; mask-size: 16px 16px; }
#pageTocToggle.is-collapsed .toc-toggle-icon { -webkit-mask-image: var(--ds-icon-expand); mask-image: var(--ds-icon-expand); }