/* Brand basis: clever-site/resources/css/app.css and site-refinements.css.
   No webfont, framework, or CDN is required. See README for provenance. */
:root{--text:#17191b;--muted:#646b71;--soft:#f6f7f7;--line:#e1e4e5;--strong-line:#c9ced0;--accent:#f58232;--link:#a9470e;--accent-soft:#fff2e8;--header:72px;--rail:252px;--page-width:1200px;color-scheme:only light;font-family:Manrope,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-padding-top:104px}body{margin:0;color:var(--text);background:#fff;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button{border:0;background:none}a,button,input,select,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #b94d0b;outline-offset:4px}h1:focus,h2:focus,h3:focus,main:focus{outline:none}[hidden]{display:none!important}svg{display:block;flex-shrink:0}img{display:block;max-width:100%;height:auto}strong{font-weight:700}h1,h2,h3,h4,p{letter-spacing:0}kbd{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;border:1px solid #454545;border-radius:4px;padding:2px 5px;line-height:1.4}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-100px;left:16px;background:#fff;color:#111;padding:12px 20px;z-index:500}.skip:focus{top:12px}.arrow-icon{width:18px;height:18px}
/* A single brand header, with a separate light documentation navigation. */
.site-header{height:var(--header);background:#000;border-bottom:1px solid #222;position:fixed;inset:0 0 auto;z-index:80;display:flex;align-items:center;gap:28px;padding:0 30px;color:#fff}.site-brand{display:flex;align-items:center;gap:10px;min-width:194px;color:#fff;text-decoration:none!important}.site-brand svg{width:40px;height:40px}.site-brand span{font-size:30px;font-weight:500;line-height:1}.header-label{border-left:1px solid #343434;padding-left:26px;color:#b7b7b7;font-size:13px}.top-links{display:flex;align-items:stretch;gap:27px;height:100%;font-size:14px}.top-links a{display:flex;align-items:center;color:#c7c7c7;text-decoration:none;position:relative;white-space:nowrap}.top-links a.selected{color:#fff}.top-links a.selected:after{content:"";position:absolute;bottom:0;height:2px;left:0;right:0;background:var(--accent)}.top-links a:hover{color:var(--accent)}.header-actions{margin-left:auto;display:flex;gap:14px;align-items:center}.search-trigger{height:38px;display:flex;align-items:center;gap:10px;border:1px solid #363636;border-radius:7px;color:#bdbdbd;padding:0 12px;font-size:13px;width:200px;text-align:left}.search-trigger svg{width:17px;height:17px}.search-trigger kbd{margin-left:auto;font-size:10px;white-space:nowrap}.app-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:40px;padding:0 15px;background:var(--accent);color:#17191b;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none!important;white-space:nowrap}.app-link:hover{background:#ff964c}.menu-button{display:none;color:#fff;padding:8px}.menu-button svg{width:22px;height:22px}
.rail{position:fixed;left:0;top:var(--header);bottom:0;width:var(--rail);background:#fff;border-right:1px solid var(--line);z-index:60;display:flex;flex-direction:column}.rail-product{padding:26px 22px 19px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);margin:0 16px}.product-symbol{width:34px;height:34px;border-radius:8px;background:#fff0e4;color:#b95217;display:grid;place-items:center}.product-symbol svg{width:19px;height:19px}.rail-product strong{font-size:15px;color:#202124;line-height:1.4;display:block}.rail-product small{font-size:11px;color:var(--muted)}.rail-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px 16px 28px;scrollbar-width:thin;scrollbar-color:#d4d7d9 transparent}.rail-home,.nav-item{display:flex;align-items:center;gap:9px;color:#53595f;text-decoration:none!important;font-size:13px;line-height:1.5;min-height:35px;padding:7px 13px;margin:1px 0;border-radius:5px;border-left:2px solid transparent}.rail-home{margin-bottom:19px}.rail-home svg{width:15px;height:15px}.nav-item:hover,.rail-home:hover{background:#f6f7f7;color:#17191b}.nav-item.active,.rail-home.active{color:#a9470e;background:#fff2e8;border-left-color:#f58232;font-weight:600}.nav-group{margin:13px 0}.nav-group summary{padding:8px 8px 8px 13px;color:#272b2e;font-size:12px;font-weight:700;list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:after{content:'›';font-size:17px;line-height:1;color:#8a9094;transform:rotate(90deg);font-weight:400}.nav-group:not([open]) summary:after{transform:none}.rail-bottom{border-top:1px solid var(--line);padding:17px 27px;font-size:12px;display:flex;align-items:center;justify-content:space-between}.rail-bottom a{color:#53595f}.rail-bottom svg{width:16px;height:16px}.menu-scrim{display:none}
.workspace{margin-left:var(--rail);padding-top:var(--header);min-height:100vh}.main{max-width:var(--page-width);padding:30px 48px 30px;margin:0 auto;min-width:0}.breadcrumb{display:flex;gap:9px;align-items:center;font-size:12px;color:#70777c;margin-bottom:31px;line-height:1.4;flex-wrap:wrap}.breadcrumb a{color:#70777c}.breadcrumb svg{width:12px;height:12px}.breadcrumb span:last-child{color:#444b51}
/* Overview. The image below is the user's screenshot, not a fabricated interface. */
.home-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:29px}.home-heading h1{font-size:56px;font-weight:800;line-height:1.04;margin:0 0 17px}.home-heading p{font-size:16px;line-height:1.7;color:#53595f;max-width:560px;margin:0}.home-heading-actions{padding-bottom:4px;flex-shrink:0}.button-primary{background:var(--accent);color:#17191b;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:11px 17px;border-radius:8px;text-decoration:none!important;font-size:13px;font-weight:700}.button-primary:hover{background:#ff964c}.button-primary svg{width:17px;height:17px}.button-secondary{display:flex;align-items:center;justify-content:center;font-size:12px;margin-top:10px;gap:9px;color:#53595f}.overview-label{font-size:11px;color:#646b71;text-transform:uppercase;font-weight:600;letter-spacing:.07em;margin:0 0 13px}.editor-showcase{margin:0 0 0;border:1px solid #dedfe1;border-radius:8px;overflow:hidden;background:#27292e}.editor-showcase-head{display:flex;align-items:center;justify-content:space-between;padding:12px 17px;gap:15px;border-bottom:1px solid #41434a;background:#2a2c31;color:#ececef;line-height:1.5}.editor-showcase-head span{font-size:12px}.image-open{color:#d4d6dc;display:flex;align-items:center;gap:7px;font-size:11px;padding:4px 7px;border-radius:4px}.image-open:hover{background:#41434b;color:#fff}.image-open svg{width:14px;height:14px}.screenshot-button{padding:0;display:block;width:100%;text-align:inherit;background:#27292e;cursor:zoom-in}.screenshot-button img{width:100%;height:auto}.editor-showcase figcaption{background:#f6f7f7;color:#646b71;padding:11px 16px;display:flex;justify-content:space-between;gap:14px;font-size:11px;line-height:1.5}.editor-showcase figcaption a{color:#444b51;white-space:nowrap}.screenshot-links{display:flex;align-items:center;flex-wrap:wrap;gap:9px 22px;padding:17px 0 25px;border-bottom:1px solid var(--line);margin-bottom:30px}.screenshot-links>span{font-size:11px;color:#70777c}.screenshot-links a{color:#53595f;display:flex;align-items:center;gap:7px;font-size:12px;text-decoration:none}.screenshot-links a:hover{color:#a9470e}.screenshot-links img{width:22px;height:22px;border-radius:5px}.section-caption{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:19px}.section-caption h2{font-size:22px;font-weight:700;margin:0;line-height:1.35}.section-caption a,.section-caption>span{font-size:12px;color:#646b71}.start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 33px}.start-item{color:var(--text);padding:22px 22px 21px;text-decoration:none!important;position:relative}.start-item:first-child{padding-left:0}.start-item:last-child{padding-right:0}.start-item+.start-item{border-left:1px solid var(--line)}.start-item span{color:#a9470e;font-size:11px;font-weight:600;display:block;margin-bottom:12px}.start-item strong{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px;line-height:1.45;font-weight:700;margin-bottom:7px}.start-item p{color:#646b71;font-size:13px;line-height:1.65;margin:0;max-width:250px}.start-item:hover strong{color:#a9470e}.home-reference{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:6px 0 7px}.home-reference h2{font-size:18px;line-height:1.35;margin:0 0 7px}.home-reference p{font-size:13px;color:#646b71;margin:0 0 15px}.reference-links{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.reference-links a,.help-links a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0;font-size:13px;color:#3a3f43}.reference-links a:hover,.help-links a:hover{color:#a9470e;text-decoration:none}.help-links a:last-child{border-bottom:0}
/* Reading layout. */
.article-layout{display:block;max-width:780px;margin-inline:auto}.article{min-width:0}.article-kicker{font-size:12px;color:#a9470e;margin:0 0 15px;display:flex;align-items:center;gap:10px;line-height:1.4}.article-kicker .pill{color:#646b71;border:1px solid #e1e4e5;background:#fff;font-size:11px;line-height:1.4;padding:2px 7px;border-radius:4px}.article h1{font-size:42px;font-weight:800;line-height:1.15;margin:0 0 18px;overflow-wrap:break-word}.article .intro{font-size:17px;line-height:1.7;color:#53595f;margin:0 0 24px;max-width:730px}.article-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#646b71;border-bottom:1px solid var(--line);padding:0 0 22px;gap:12px;margin-bottom:29px}.article-meta span{display:flex;gap:7px;align-items:center}.article-meta svg{width:14px;height:14px}.copy-link{display:flex;gap:7px;align-items:center;white-space:nowrap;color:#53595f;font-size:11px;border:1px solid var(--line);padding:5px 9px;border-radius:5px}.copy-link:hover{background:#f6f7f7}.prose{font-size:15.5px;line-height:1.8;overflow-wrap:anywhere}.prose p{margin:0 0 18px}.prose h2{position:relative;font-size:24px;font-weight:700;line-height:1.35;margin:40px 0 18px;scroll-margin-top:99px}.prose h2:first-child{margin-top:0}.prose h3{font-size:18px;font-weight:700;line-height:1.5;margin:26px 0 12px}.prose a{font-weight:500}.prose h2 .anchor{opacity:0;position:absolute;left:-20px;top:5px;font-size:15px;font-weight:500}.prose h2:hover .anchor,.prose h2 .anchor:focus{opacity:1}.prose li{padding-left:3px;margin:6px 0}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.85em;background:#f3f4f5;border:1px solid #e3e5e7;border-radius:4px;padding:2px 5px;overflow-wrap:anywhere}.ui-path{display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px;padding:12px 15px;background:#f6f7f7;border:1px solid var(--line);border-radius:6px;font-size:12px;line-height:1.65;color:#444b51;margin:20px 0}.ui-path span{font-weight:600;color:#646b71}.notice{display:flex;align-items:flex-start;gap:12px;background:#f6f7f7;border:1px solid var(--line);border-left:3px solid #90969b;border-radius:5px;padding:16px 18px;margin:24px 0;font-size:13px;line-height:1.7}.notice-icon{font-family:Arial,sans-serif;flex:0 0 17px;height:17px;border:1px solid #8e959b;line-height:15px;text-align:center;border-radius:50%;font-size:11px;font-weight:700;color:#596167;margin-top:3px}.notice strong{display:block;font-size:13px;margin-bottom:4px}.notice p{margin:0}.notice.warning{background:#fff5ed;border-color:#f3d9c5;border-left-color:#f58232}.notice.warning .notice-icon{border-color:#b35c23;color:#a9470e}.notice.warning strong{color:#874110}.table-scroll{width:100%;max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:6px;background:#fff;margin:19px 0 26px;scrollbar-width:thin}table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.7}th{text-align:left;font-size:12px;font-weight:700;background:#f6f7f7;color:#373e44;padding:12px 15px}td{vertical-align:top;border-top:1px solid var(--line);padding:13px 15px;color:#4a5157}td:first-child{min-width:150px;width:31%;font-weight:600;color:#262b30}td:not(:first-child){min-width:170px}table code{font-size:11.5px}.code{background:#25272c;border:1px solid #383b42;border-radius:7px;overflow:hidden;margin:20px 0 25px}.code-head{background:#2d3036;border-bottom:1px solid #41444a;padding:9px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#bbbfc7;font-size:10px}.code-head .copy{color:#d2d6dc;border:1px solid #555a62;border-radius:4px;font-size:10px;padding:3px 8px}.code-head .copy:hover{background:#40444b}.code pre{margin:0;overflow:auto;padding:18px 19px 21px;color:#ececf0;font-size:12px;line-height:1.9;tab-size:2}.code pre code{background:none;border:0;padding:0;color:inherit;font-size:inherit;white-space:pre;overflow-wrap:normal}.steps{list-style:none;counter-reset:steps;padding:0!important;margin:30px 0}.steps>li{counter-increment:steps;position:relative;padding:0 0 23px 46px;margin:0}.steps>li:before{content:counter(steps);position:absolute;top:1px;left:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff1e6;border:1px solid #efd4be;color:#a9470e;font-size:12px;font-weight:700;z-index:1}.steps>li:after{content:'';position:absolute;top:36px;bottom:6px;left:13px;width:1px;background:#e1e4e5}.steps>li:last-child:after{display:none}.step-body h3{margin:0 0 11px;line-height:1.65}.step-body p{font-size:14.5px}.flow{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0 19px;margin:25px 0}.flow-heading{font-size:10px;color:#777d83;display:flex;align-items:center;gap:8px;margin-bottom:14px;text-transform:uppercase}.flow-heading small{margin-left:auto;font-size:10px;text-transform:none}.flow-heading .dot{display:none}.flow-track{display:flex;align-items:center;gap:16px}.flow-node{flex:1;min-width:0;padding:0;line-height:1.5}.flow-node .node-type{display:block;color:#777d83;font-size:10px;margin-bottom:5px}.flow-node strong{display:block;font-size:13px;color:#363c42}.flow-arrow{color:#949ba1;font-size:18px}.loop-return{font-size:12px;color:#646b71;margin-top:13px}.sources{font-size:11px;color:#757c82;border-top:1px solid var(--line);padding-top:17px;margin:35px 0 8px}.sources summary{cursor:pointer}.sources ul{padding-left:17px}.sources li{margin:6px 0}.sources a{overflow-wrap:anywhere}.pager{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0 0}.pager a{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:6px;padding:16px;text-decoration:none}.pager a:hover{background:#f6f7f7;border-color:#c9ced0}.pager .next{text-align:right;grid-column:2}.pager span{font-size:11px;color:#777e84}.pager strong{font-size:13px;font-weight:600;color:#333a40}.footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:17px;margin-top:31px;font-size:10px;color:#81868b}.footer a{color:#646b71}.article-screenshot{margin:23px 0 30px;border:1px solid var(--line);border-radius:7px;overflow:hidden}.article-screenshot button{display:block;padding:0;width:100%;cursor:zoom-in;background:#282a2f}.article-screenshot img{width:100%;height:auto}.article-screenshot figcaption{font-size:11px;color:#646b71;padding:10px 13px;line-height:1.6;background:#f6f7f7}.article-title{display:flex;align-items:center;gap:13px;margin-bottom:18px}.article-title h1{margin:0}.heading-icon{width:40px;height:40px;border-radius:8px;flex:0 0 40px;margin:0}.tap-hint{display:none}.screenshot-note{font-size:12px;color:#646b71}.editor-legend{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:20px 0 25px}.editor-legend a{display:flex;align-items:flex-start;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);color:#23272a;text-decoration:none}.editor-legend img{width:37px;height:37px;border-radius:8px}.editor-legend strong{display:block;font-size:14px;line-height:1.5}.editor-legend p{font-size:12px;line-height:1.65;color:#646b71;margin:4px 0 0}.editor-legend a:hover strong{color:#a9470e}
/* Reference lists, not a wall of decorative cards. */
.directory{max-width:1050px}.directory .eyebrow{font-size:11px;color:#a9470e;margin:0 0 15px}.directory h1{font-size:42px;font-weight:800;line-height:1.14;margin:0 0 18px}.directory .intro{font-size:16px;line-height:1.7;color:#53595f;max-width:660px;margin-bottom:29px}.directory-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:8px}.directory-tabs button{font-size:12px;padding:8px 12px;border:1px solid #e1e4e5;border-radius:5px;color:#53595f;background:#fff}.directory-tabs button[aria-pressed=true]{background:#22252a;color:#fff;border-color:#22252a}.directory-tabs button:hover{border-color:#bfc6ca}.catalog-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:32px;row-gap:0}.catalog-card{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:13px;align-content:start;border-bottom:1px solid var(--line);padding:23px 0;color:#17191b;text-decoration:none!important}.catalog-icon{grid-column:1;grid-row:1/4;width:40px;height:40px;display:grid;place-items:center;background:#f1f2f3;color:#5f666d;border-radius:8px}.catalog-icon svg{width:20px;height:20px}.catalog-icon img{width:40px;height:40px;border-radius:8px}.catalog-card small{font-size:10px;line-height:1.5;color:#8a5a3b;grid-column:2;margin-bottom:5px}.catalog-card strong{font-size:16px;line-height:1.4;grid-column:2;margin-bottom:8px;font-weight:700}.catalog-card p{font-size:13px;line-height:1.65;color:#646b71;grid-column:2;margin:0}.catalog-card:hover strong{color:#a9470e}.empty-state{padding:30px;color:#646b71;font-size:13px}
/* Local search and screenshot zoom. */
.search-dialog{padding:0;border:1px solid #d4d8dc;border-radius:9px;width:min(650px,calc(100vw - 28px));max-height:80vh;position:fixed;top:12vh;margin:0 auto;background:#fff;color:#17191b;box-shadow:0 25px 90px #0004}.search-dialog::backdrop{background:#14181b88}.search-form{display:flex;align-items:center;gap:13px;padding:19px 20px;border-bottom:1px solid var(--line)}.search-form svg{width:20px;height:20px;color:#787f85}.search-form input{min-width:0;width:100%;background:none;border:0;outline:0;font-size:16px;color:#17191b}.search-form button{font-size:11px;border:1px solid var(--line);padding:4px 7px;border-radius:4px;color:#777}.search-results{max-height:54vh;overflow:auto;padding:8px}.search-hint{font-size:12px;line-height:1.6;color:#757c82;padding:12px 12px 9px}.result{display:block;padding:12px 14px;border:1px solid transparent;border-radius:5px;text-decoration:none!important;line-height:1.5}.result:hover,.result[aria-selected=true]{background:#fff2e8;border-color:#f5d4bd}.result small{display:block;color:#8c6f59;font-size:10px;margin-bottom:4px}.result strong{display:block;color:#20252a;font-size:14px}.result p{font-size:12px;line-height:1.65;color:#646b71;margin:5px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-footer{font-size:10px;display:flex;gap:13px;align-items:center;padding:12px 18px;border-top:1px solid var(--line);background:#f6f7f7;color:#777e84}.search-footer kbd{border-color:#cdd1d4}.search-footer span:last-child{margin-left:auto}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:400;background:#25272c;color:#fff;padding:11px 18px;border-radius:7px;max-width:90vw;font-size:12px;box-shadow:0 6px 24px #0003}.image-dialog{position:fixed;inset:0;width:calc(100vw - 64px);max-width:1840px;height:calc(100vh - 64px);max-height:none;padding:0;border:1px solid #474950;border-radius:8px;background:#27292e;color:#fff;overflow:hidden}.image-dialog::backdrop{background:#0d0e11e6}.image-dialog-head{height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #41434a;padding:0 20px;font-size:13px}.image-dialog-head>div{display:flex;align-items:center;gap:15px}.image-dialog-head button{color:#d4d6dc;font-size:12px;padding:7px 9px;border:1px solid #555760;border-radius:5px}.image-dialog-head button:hover{background:#41434b}.image-dialog-head .close-image{border:0;font-size:23px;line-height:1;padding:8px}.image-viewport{height:calc(100% - 58px);overflow:auto;display:flex;align-items:center;justify-content:center;overscroll-behavior:contain}.image-viewport img{max-width:100%;max-height:100%;object-fit:contain;flex-shrink:0;cursor:zoom-in}.image-viewport.zoomed{display:block}.image-viewport.zoomed img{width:2048px;max-width:none;max-height:none;height:auto;cursor:zoom-out}.playground{border:1px solid #e1e4e5;border-radius:6px;margin:22px 0;overflow:hidden}.demo-controls{display:flex;gap:15px;background:#f6f7f7;border-bottom:1px solid #e1e4e5;padding:16px}.demo-controls label{flex:1;font-size:11px;font-weight:600;color:#646b71}.demo-controls select{display:block;width:100%;padding:8px 10px;background:#fff;color:#17191b;border:1px solid #d4d8db;border-radius:5px;margin-top:5px;font-size:12px}.demo-rows{padding:13px 17px}.demo-row{display:flex;align-items:center;gap:11px;font-size:11px;border-bottom:1px solid #e9ebed;padding:11px 3px;color:#7b838a}.demo-row strong{margin-right:auto}.demo-row.match{color:#25694a;background:#f4faf6}.demo-row span:last-child{min-width:79px;text-align:right}.demo-output{background:#26282d;color:#d6d8dd;font-family:ui-monospace,monospace;font-size:11px;line-height:1.7;padding:13px 16px;overflow-wrap:anywhere}
@media(min-width:1700px){:root{--rail:270px}.main{padding:36px 58px 36px}.home-heading h1{font-size:60px}}
@media(max-width:1300px){.header-label{display:none}.site-brand{min-width:194px}.site-header{gap:24px}.search-trigger{width:180px}.main{padding:29px 35px}.home-heading h1{font-size:50px}.home-heading p{font-size:15px}.home-heading-actions .button-primary{font-size:12px;gap:14px}.screenshot-links{gap:12px 18px}.screenshot-links>span{display:none}}
@media(max-width:1100px){:root{--rail:226px}.site-brand{min-width:173px}.site-header{padding:0 23px;gap:20px}.top-links{gap:18px;font-size:13px}.search-trigger{width:155px}.search-trigger kbd{display:none}.header-actions{gap:12px}.app-link{font-size:12px;padding:0 12px;gap:9px}.rail-product{padding:23px 9px 18px}.nav-item,.rail-home{font-size:12px;padding-left:11px}.main{padding:28px 28px}.home-heading{display:block;margin-bottom:27px}.home-heading p{max-width:570px}.home-heading-actions{display:flex;gap:23px;align-items:center;margin-top:20px}.button-secondary{margin-top:0}.home-heading h1{font-size:48px}.screenshot-links{gap:12px 16px}.screenshot-links a{font-size:11px}.screenshot-links img{width:20px;height:20px}.catalog-grid{column-gap:24px}.catalog-card strong{font-size:14px}.catalog-card p{font-size:12px}.start-item{padding:19px 15px}.start-item strong{font-size:14px}.start-item p{font-size:12px}.home-reference{gap:25px}.reference-links{grid-template-columns:1fr}.article h1{font-size:38px}}
@media(max-width:850px){.top-links{display:none}.header-label{display:block;font-size:12px;padding-left:20px}.search-trigger{width:170px}.app-link{display:none}}
@media(max-width:760px){:root{--header:64px;--rail:270px}.site-header{padding:0 15px;gap:12px}.menu-button{display:block;order:-1;padding:6px}.site-brand{min-width:0;gap:7px}.site-brand svg{width:30px;height:30px}.site-brand span{font-size:24px}.header-label{display:none}.header-actions{margin-left:auto}.search-trigger{width:35px;border:0;font-size:0;padding:8px;height:38px}.search-trigger svg{width:20px;height:20px}.rail{top:64px;transform:translateX(-100%);transition:transform .17s;z-index:75}.rail.open{transform:translateX(0)}.menu-scrim.open{display:block;position:fixed;inset:64px 0 0;background:#1118;z-index:70}.workspace{margin-left:0}.main{padding:25px 22px 25px}.breadcrumb{margin-bottom:27px;font-size:11px}.home-heading h1{font-size:44px;margin-bottom:16px}.home-heading p{font-size:15px;max-width:570px}.home-heading-actions{gap:19px;margin-top:22px}.home-heading-actions .button-primary{font-size:12px}.button-secondary{font-size:11px}.editor-showcase-head{padding:10px 12px;gap:8px}.editor-showcase-head span{font-size:11px;max-width:70%}.image-open{font-size:0;gap:0;padding:6px}.image-open svg{width:17px;height:17px}.tap-hint{display:inline}.editor-showcase figcaption{font-size:10px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px}.editor-showcase figcaption a{display:inline-block;margin-top:5px}.screenshot-links{gap:12px 17px;padding:17px 0 22px;margin-bottom:26px}.screenshot-links a{font-size:11px}.screenshot-links img{width:21px;height:21px}.start-grid{grid-template-columns:1fr;margin-bottom:29px}.start-item,.start-item:first-child,.start-item:last-child{padding:17px 0 17px 34px}.start-item+.start-item{border-left:0;border-top:1px solid var(--line)}.start-item span{position:absolute;left:0;top:20px;font-size:11px}.start-item strong{font-size:15px;margin-bottom:4px}.start-item p{font-size:13px;max-width:none;padding-right:20px}.home-reference{grid-template-columns:1fr;gap:29px}.reference-links{grid-template-columns:1fr 1fr}.home-reference h2{font-size:19px}.home-reference p{font-size:13px}.section-caption h2{font-size:20px}.section-caption>span{font-size:11px}.footer{font-size:10px;flex-wrap:wrap;gap:6px}.article-kicker{font-size:11px}.article h1{font-size:34px}.article .intro{font-size:15px;line-height:1.75}.article-meta{font-size:10px;align-items:flex-start;padding-bottom:20px;margin-bottom:25px}.article-meta>span{max-width:185px}.article-meta svg{flex-shrink:0}.copy-link{font-size:10px}.prose{font-size:15px}.prose h2{font-size:22px;margin-top:33px}.prose h2 .anchor{display:none}.prose h3{font-size:17px}.steps>li{padding-left:37px}.steps>li:before{width:25px;height:25px;font-size:11px}.steps>li:after{left:12px;top:32px}.step-body p{font-size:14px}.step-body h3{font-size:17px}.notice{padding:13px;font-size:12px;gap:10px}.notice strong{font-size:12px}.ui-path{font-size:11px;padding:11px 12px}.flow-track{gap:10px;flex-wrap:wrap}.flow-node strong{font-size:12px}.flow-heading small{font-size:9px}.flow-heading{font-size:9px}.loop-return{font-size:11px}th,td{padding:11px 12px}table{font-size:12px}table code{font-size:11px}td:first-child{min-width:125px}td:not(:first-child){min-width:155px}.code pre{font-size:11px;padding:16px}.pager{gap:10px}.pager a{padding:12px}.pager strong{font-size:11px}.pager span{font-size:10px}.directory h1{font-size:34px}.directory .intro{font-size:15px}.directory-tabs{gap:7px}.directory-tabs button{font-size:11px;padding:7px 9px}.catalog-grid{grid-template-columns:1fr}.catalog-card{padding:20px 0}.catalog-card strong{font-size:16px}.catalog-card p{font-size:13px}.catalog-card small{font-size:10px}.editor-legend{grid-template-columns:1fr}.image-dialog{width:calc(100vw - 20px);height:calc(100dvh - 40px);max-height:calc(100vh - 40px);border-radius:6px}.image-dialog-head{padding:0 13px;height:52px;font-size:12px}.image-dialog-head>div{gap:8px}.image-viewport{height:calc(100% - 52px)}.image-dialog-head button{font-size:11px;padding:6px}.search-dialog{top:7vh}.search-form{padding:16px 15px}.search-footer{font-size:9px;gap:8px}.search-footer span:last-child{display:none}.demo-controls{gap:10px;padding:13px}.demo-row{font-size:10px;gap:8px}.demo-row span:last-child{min-width:65px}.article-screenshot figcaption{font-size:10px}}
@media(max-width:370px){.main{padding:23px 16px}.home-heading-actions{gap:12px}.home-heading-actions .button-primary{gap:9px;padding:10px 12px;font-size:11px}.button-secondary{font-size:10px}.article h1,.directory h1{font-size:31px}.copy-link{font-size:9px}.article-meta>span{max-width:150px}.demo-controls{flex-direction:column}.flow-track{flex-direction:column;align-items:flex-start}.flow-arrow{transform:rotate(90deg);font-size:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Keep the reading view focused on the instructions. */
.main{padding-top:46px;padding-bottom:46px}
.article .intro{margin-bottom:30px}
.ui-path{display:block;padding:0;border:0;background:none;border-radius:0;font-size:14px;line-height:1.6;margin:0 0 26px}
.notice{display:block;padding:12px 16px;background:none;border:0;border-left:2px solid var(--line);border-radius:0;font-size:15px;line-height:1.7}
.notice.warning{background:none;border-color:var(--accent)}
.pager{border-top:1px solid var(--line);padding-top:18px;margin-top:40px}
.pager a{flex-direction:row;align-items:center;gap:10px;border:0;border-radius:0;padding:10px 0}
.pager a:hover{background:none}
.pager .next{justify-content:flex-end}
.pager .next span{order:1}
.pager span{font-size:18px}
.pager strong{font-size:14px;line-height:1.5}
.code-head:has(>.copy:only-child){justify-content:flex-end}
@media(max-width:760px){.main{padding-top:30px;padding-bottom:30px}.notice{padding:10px 14px;font-size:14px}.pager{gap:22px}.pager strong{font-size:13px}}

@media print{.rail,.site-header,.breadcrumb,.pager,.copy,.copy-link,.search-dialog,.image-dialog,.menu-scrim,.skip,.image-open,.footer{display:none!important}.workspace{margin:0;padding:0}.main{padding:0;max-width:none}.article h1{font-size:26pt}.prose{font-size:11pt}.prose h2{font-size:17pt;break-after:avoid}body{background:#fff}.table-scroll{overflow:visible}td{min-width:0!important}table{font-size:9pt}.code{background:#f5f5f5;color:#111;border-color:#ccc}.code-head{background:#eee;color:#333}.code pre{color:#111;white-space:pre-wrap}.code pre code{white-space:pre-wrap}.notice,.code,.article-screenshot{break-inside:avoid}.screenshot-button img{width:100%}}

/* Keep navigation inside the documentation so the shared footer stays full width. */
.docs-shell{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);align-items:start;padding-top:var(--header)}
.docs-shell>.rail{position:sticky;top:var(--header);bottom:auto;height:calc(100vh - var(--header));height:calc(100dvh - var(--header));grid-column:1;grid-row:1}
.docs-shell>.workspace{margin-left:0;padding-top:0;min-width:0;min-height:calc(100vh - var(--header));grid-column:2;grid-row:1}
@media(max-width:760px){.docs-shell{display:block}.docs-shell>.rail{position:fixed;top:var(--header);bottom:0;height:auto}.docs-shell>.workspace{margin-left:0}}
@media print{.docs-shell{display:block;padding-top:0}.docs-shell>.workspace{min-height:0}}

/* The shared site header keeps its own links; documentation controls live below it. */
:root{--header:88px;--docs-tools-height:0px}
.docs-shell{padding-top:0}
.docs-search{display:flex;align-items:center;gap:10px;margin:16px 16px 0;padding:10px 13px;border:1px solid var(--line);border-radius:6px;font-size:13px;color:var(--muted);text-align:left}
.docs-search svg,.docs-mobile-tools svg{width:18px;height:18px}
.docs-mobile-tools{display:none}
@media(max-width:760px){
 :root{--header:65px;--docs-tools-height:44px}
 .docs-mobile-tools{display:flex;position:sticky;top:var(--header);height:var(--docs-tools-height);z-index:65;background:#fff;border-bottom:1px solid var(--line);padding:0 16px;align-items:center;justify-content:space-between}
 .docs-menu-button{display:flex;align-items:center;gap:9px;font-size:13px;padding:8px 0}
 .docs-mobile-search{padding:10px 0 10px 14px}
 .docs-shell>.rail{top:calc(var(--header) + var(--docs-tools-height))}
 .menu-scrim.open{inset:calc(var(--header) + var(--docs-tools-height)) 0 0}
}
@media print{.docs-mobile-tools{display:none}.docs-shell{padding-top:0}}

/* Keep expressions readable; narrow screens scroll the table rather than splitting paths. */
.variable-reference table code{font-size:12px;white-space:nowrap}
.variable-reference td:first-child{width:auto}

/* Node reference */
.node-directory>section{margin-top:34px;scroll-margin-top:calc(var(--header) + 75px)}.node-directory>section>h2{font-size:22px;line-height:1.35;margin:0 0 5px}.node-settings{margin:0}.node-settings>div{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,2.6fr);gap:24px;padding:15px 0;border-bottom:1px solid var(--line)}.node-settings dt{font-weight:600;font-size:14px}.node-settings dd{margin:0;font-size:14px;overflow-wrap:anywhere}.node-reference .prose>p,.node-reference .prose li{overflow-wrap:anywhere}
@media(max-width:760px){.node-settings>div{display:block;padding:14px 0}.node-settings dt{margin-bottom:5px}.node-directory>section>h2{font-size:20px}}