.guides-band{background:var(--paper);padding:64px 0;scroll-margin-top:90px}.guides-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.guides-heading h2,.guide-topic h2{font-family:var(--disp);font-weight:400;text-transform:uppercase;font-size:clamp(32px,4vw,48px);line-height:1.04}.guides-heading p{color:var(--ink-2);font-size:16px;margin-top:12px}.guide-link{color:var(--blue);font-weight:700;font-size:14px;display:inline-block}.guide-link:hover{text-decoration:underline;text-underline-offset:4px}.guide-split{display:grid;grid-template-columns:1.12fr 1fr;gap:48px;align-items:start}.guide-feature{padding:26px 28px;background:#fff;border-left:3px solid var(--blue)}.guide-kind{display:block;font-size:11px;letter-spacing:.09em;font-weight:800;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px}.guide-feature h3{font-size:24px;line-height:1.28;letter-spacing:-.015em;margin:0 0 13px}.guide-feature p{font-size:15.5px;line-height:1.65;color:var(--ink-2);margin-bottom:20px}.guide-row{display:block;border-top:1px solid var(--line);padding:20px 0}.guide-row:first-child{padding-top:0;border-top:0}.guide-row:last-child{padding-bottom:0}.guide-row .guide-kind{margin-bottom:6px}.guide-row strong{font-size:18px;line-height:1.35;display:flex;justify-content:space-between;gap:18px}.guide-row strong span{color:var(--blue)}.guide-row p{font-size:14px;color:var(--ink-3);margin-top:8px;line-height:1.5}.guide-row:hover strong{color:var(--blue)}
.guide-index-head{padding:64px 0 44px;max-width:760px}.guide-index-head h1{font-family:var(--disp);font-size:clamp(48px,6vw,76px);line-height:1;text-transform:uppercase;font-weight:400;margin:14px 0 22px}.guide-index-head p{font-size:19px;line-height:1.6;color:var(--ink-2)}.guide-topic{padding:40px 0 50px;border-top:1px solid var(--line)}.guide-topic h2{font-size:30px;margin-bottom:26px}.guide-topic .guide-feature{background:var(--paper)}
.guide-crumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--ink-3);margin:36px 0 32px}.guide-crumbs a{color:var(--blue)}.guide-doc-head{max-width:900px;padding-bottom:34px;border-bottom:1px solid var(--line)}.guide-doc-head h1{font-family:var(--disp);text-transform:uppercase;font-weight:400;font-size:clamp(34px,4.8vw,60px);line-height:1.05;margin:12px 0 20px}.guide-doc-head .lead{font-size:18px;line-height:1.65;color:var(--ink-2);max-width:70ch}.guide-format-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:22px;font-size:13px;font-weight:700}.guide-format-links a{color:var(--blue)}.guide-format-links .current{color:var(--ink);border-bottom:2px solid var(--blue);padding-bottom:5px}
.guide-reading{display:grid;grid-template-columns:215px minmax(0,730px);gap:64px;margin:36px 0 72px;align-items:start}.guide-contents{position:sticky;top:105px}.guide-contents span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.guide-contents a{display:block;font-size:13px;line-height:1.5;margin-top:13px;color:var(--ink-2)}.guide-contents a:hover{color:var(--blue)}.guide-article{font-size:16px;line-height:1.75;color:var(--ink-2)}.guide-article section{margin-bottom:34px;scroll-margin-top:108px}.guide-article h2{font-size:23px;line-height:1.3;color:var(--ink);margin:0 0 15px;font-weight:800}.guide-article p+p{margin-top:17px}.guide-article ol{padding-left:24px}.guide-article li{padding-left:6px;margin-bottom:16px}.guide-article li strong{color:var(--ink)}.guide-note{background:var(--paper);padding:20px 24px;border-left:3px solid var(--blue);margin:24px 0;font-size:15px}.guide-article .qa{max-width:none}.guide-article .qa summary{font-size:16px}.guide-article .ans{font-size:15px}.guide-next{border-top:1px solid var(--line);padding-top:25px;margin-top:35px}.guide-review{position:fixed;bottom:10px;right:10px;z-index:90;background:var(--ink);color:white;border-radius:4px;padding:9px 12px;font:600 11px/1.4 var(--body)}.guide-review a{color:#fff;text-decoration:underline;margin-left:10px}
@media(max-width:760px){.guides-band{padding:42px 0}.guides-heading{align-items:start;flex-direction:column;gap:16px}.guide-split{grid-template-columns:1fr;gap:25px}.guide-feature{padding:22px}.guide-feature h3{font-size:22px}.guide-row strong{font-size:17px}.guide-index-head{padding:42px 0 32px}.guide-index-head p{font-size:17px}.guide-topic{padding:30px 0}.guide-reading{grid-template-columns:1fr;gap:30px;margin-top:26px}.guide-contents{position:static;border-bottom:1px solid var(--line);padding-bottom:24px}.guide-doc-head h1{font-size:36px}.guide-doc-head .lead{font-size:16px}.guide-article{font-size:15.5px}.guide-review{font-size:10px;max-width:calc(100% - 20px)}.guide-format-links{gap:16px}}

/* Second design: contextual articles and how-to above the existing product FAQ. */
.guides-support{background:#f2f3f5;border-top:4px solid var(--blue);border-bottom:1px solid #dce0e7;scroll-margin-top:88px;padding:52px 0 56px}.guides-support .guides-heading{margin-bottom:28px}.guides-support .guides-heading h2{font-size:40px}.guide-pair,.guide-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.guide-tile{min-width:0;background:white;border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;align-items:start}.guide-tile h3{font-size:23px;line-height:1.3;letter-spacing:-.02em;margin:0 0 12px}.guide-tile h3 a{color:var(--ink)}.guide-tile h3 a:hover{color:var(--blue)}.guide-tile p{font-size:15.5px;line-height:1.6;color:var(--ink-2);margin:0 0 22px;max-width:58ch}.guide-tile>.guide-link{margin-top:auto}.guides-faq{padding-top:42px;margin-top:42px;border-top:1px solid #cfd5df}.guides-faq .head{text-align:left;margin:0}.guides-faq .head .eyebrow{display:none}.guides-faq .head h2{font-size:32px;margin:0}.guides-faq .qa{max-width:none;margin-top:22px}.guides-faq .qa summary{padding-top:21px;padding-bottom:21px}.guides-support .qa .ans{max-width:85ch}.guide-filters{display:flex;flex-wrap:wrap;align-items:end;gap:20px;border-top:1px solid var(--line);padding:24px 0}.guide-filters label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:var(--ink-3)}.guide-filters select{font:500 15px var(--body);color:var(--ink);padding:11px 38px 11px 13px;border:1px solid #cdd2da;background:white;border-radius:3px;min-width:195px}.guide-count{margin-left:auto;font-size:13px;color:var(--ink-3);align-self:center}.guide-library{padding-bottom:72px}.guide-library .guide-tile{background:var(--paper)}.guide-library [hidden]{display:none}.guide-empty{padding:30px 0 70px;color:var(--ink-2)}.guide-link:focus-visible,.guide-tile a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.guide-article strong,.guide-article b{color:var(--ink);font-weight:700}.guide-article em,.guide-article i{font-style:italic}.guide-article ul{padding-left:24px}.guide-article h3{font-size:20px;line-height:1.4;color:var(--ink);margin:24px 0 12px}.guide-article small,.guide-article .small{font-size:13px;line-height:1.6}.guide-article a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.guide-article{overflow-wrap:anywhere}
@media(max-width:760px){.guides-support{padding:36px 0 40px}.guide-pair,.guide-library{grid-template-columns:1fr;gap:18px}.guide-tile{padding:23px}.guide-tile h3{font-size:22px}.guides-support .guides-heading h2{font-size:34px}.guides-faq{margin-top:30px;padding-top:30px}.guides-faq .head h2{font-size:28px}.guides-faq .qa summary{font-size:16px}.guide-filters{gap:16px}.guide-filters label{flex:1;min-width:160px}.guide-filters select{width:100%;min-width:0}.guide-count{width:100%;margin:0}.guide-review{position:static;border-radius:0;text-align:center;max-width:none}.guide-doc-head h1{overflow-wrap:anywhere}}

.guides-faq{scroll-margin-top:104px}

/* Article and how-to have distinct visual treatments, using the existing blue. */
.guide-tile[data-kind="article"],.guide-library .guide-tile[data-kind="article"]{background:#fff;border-left:4px solid var(--blue)}
.guide-tile[data-kind="howto"],.guide-library .guide-tile[data-kind="howto"]{background:#e9eefb;border-color:#cdd7ef}
.guide-card-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;width:100%;margin-bottom:22px}
.guide-format{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;color:var(--blue)}
.guide-topic-label{font-size:11px;font-weight:600;color:var(--ink-3)}
.guide-tile[data-kind="article"] .guide-format::before{content:"";width:16px;height:20px;display:inline-block;border:1.5px solid currentColor;background:linear-gradient(currentColor,currentColor) 3px 5px/8px 1px no-repeat,linear-gradient(currentColor,currentColor) 3px 9px/8px 1px no-repeat,linear-gradient(currentColor,currentColor) 3px 13px/5px 1px no-repeat}
.guide-tile[data-kind="howto"] .guide-format{background:var(--blue);color:white;padding:8px 12px;border-radius:3px}
.guide-tile[data-kind="howto"] .guide-format::before{content:"";width:17px;height:17px;display:inline-block;background:linear-gradient(currentColor,currentColor) 0 1px/3px 3px no-repeat,linear-gradient(currentColor,currentColor) 6px 2px/11px 1px no-repeat,linear-gradient(currentColor,currentColor) 0 7px/3px 3px no-repeat,linear-gradient(currentColor,currentColor) 6px 8px/11px 1px no-repeat,linear-gradient(currentColor,currentColor) 0 13px/3px 3px no-repeat,linear-gradient(currentColor,currentColor) 6px 14px/11px 1px no-repeat}
.guide-tile[data-kind="article"] h3{font-family:var(--body);font-weight:700;font-size:23px;line-height:1.3;letter-spacing:-.02em;text-transform:none}
.guide-tile[data-kind="howto"] h3{font-family:var(--body);font-size:23px;line-height:1.3;font-weight:700}
@media(max-width:760px){.guide-card-meta{gap:12px;margin-bottom:18px}.guide-topic-label{font-size:11px}.guide-tile[data-kind="article"] h3{font-size:22px}.guide-tile[data-kind="howto"] h3{font-size:22px}}
/* Reading and library views, reviewed independently of product-page teasers. */
.library-main{padding-bottom:80px}.library-head{display:flex;align-items:end;justify-content:space-between;gap:44px;padding:58px 0 42px;border-bottom:1px solid var(--line)}.library-head .eyebrow{color:var(--blue)}.library-head h1{font:400 clamp(48px,6vw,76px)/1 var(--disp);text-transform:uppercase;margin:14px 0 20px}.library-head p{font-size:18px;color:var(--ink-2);max-width:46ch}.guide-search{display:block;font-size:12px;font-weight:700;color:var(--ink-3);width:330px;max-width:100%}.guide-search input{display:block;width:100%;margin-top:9px;border:1px solid #bac0ca;border-radius:5px;background:white;padding:15px;font:400 15px var(--body);color:var(--ink)}.guide-search input:focus{outline:2px solid var(--blue);outline-offset:2px}.library-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:54px;padding-top:35px}.library-nav{position:sticky;top:104px;align-self:start;display:flex;flex-direction:column;gap:7px}.library-nav>span{font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:var(--ink-3);margin-bottom:12px}.library-nav button{display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;background:transparent;padding:12px;text-align:left;font:600 14px/1.4 var(--body);color:var(--ink-2);cursor:pointer;border-radius:4px}.library-nav button span{color:var(--ink-3);font-size:12px;font-weight:400}.library-nav button[aria-pressed=true]{background:#e9eefb;color:var(--blue)}.library-nav>a{font-size:13px;color:var(--ink-3);border-top:1px solid var(--line);padding-top:24px;margin-top:20px}.library-toolbar{display:flex;gap:20px;justify-content:space-between;align-items:center;padding-bottom:28px}.format-tabs{display:flex;gap:20px}.format-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:8px 0;font:600 13px var(--body);color:var(--ink-3);cursor:pointer}.format-tabs button[aria-pressed=true]{color:var(--blue);border-bottom-color:var(--blue)}#results-count{font-size:12px;color:var(--ink-3)}.library-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:44px}.library-column h2{font:700 22px/1.3 var(--body);margin-bottom:10px}.column-intro{font-size:14px;line-height:1.6;color:var(--ink-3);margin-bottom:12px;max-width:40ch}.library-entry{padding:25px 0;border-bottom:1px solid var(--line)}.entry-topic{font-size:11px;letter-spacing:.05em;color:var(--ink-3);font-weight:600}.library-entry h3{font:700 20px/1.4 var(--body);margin:10px 0;letter-spacing:-.025em}.library-entry h3 a{display:block}.library-entry h3 a:hover{color:var(--blue)}.library-entry h3 span{font-weight:400;color:var(--blue);white-space:nowrap}.library-entry p{font-size:14px;line-height:1.7;color:var(--ink-2)}.library-column[data-column=howto]{background:#eef1f8;border-top:3px solid var(--blue);padding:24px 26px;align-self:start}.library-column[data-column=article]{padding-top:27px}.library-column[data-column=howto] .library-entry h3{font-size:17px}.library-column[data-column=howto] .library-entry{padding:20px 0}.library-column[data-column=howto] .library-entry:last-of-type{border:0}.guide-more,#clear-guides{border:1px solid var(--blue);border-radius:4px;padding:10px 15px;background:white;color:var(--blue);font:600 13px var(--body);cursor:pointer;margin-top:20px}.library-columns.single{grid-template-columns:1fr;max-width:800px}.library-column[hidden],.library-entry[hidden],.guide-more[hidden],.guide-empty[hidden]{display:none}.library-nav button:focus-visible,.format-tabs button:focus-visible,.library-entry a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.guide-empty h2{font:700 24px var(--body)}
.reading-wrap{max-width:1150px;padding-bottom:72px}.reading-head{margin-left:244px;max-width:740px;padding-bottom:36px;border-bottom:1px solid var(--line)}.reading-meta{display:flex;align-items:center;gap:20px;color:var(--ink-3);font-size:12px;margin:8px 0 22px}.reading-head h1{font:700 clamp(32px,3.6vw,48px)/1.17 var(--body);letter-spacing:-.04em;text-transform:none;max-width:22ch;margin-bottom:24px}.reading-head>p{font-size:18px;line-height:1.7;color:var(--ink-2);max-width:62ch}.reading-grid{display:grid;grid-template-columns:200px minmax(0,740px);gap:44px;margin-top:40px}.reading-nav{position:sticky;top:110px;align-self:start;max-height:calc(100vh - 130px);overflow:auto}.reading-nav>span{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:800;margin-bottom:18px}.reading-nav>a{display:block;font-size:13px;line-height:1.6;padding:8px 0;color:var(--ink-2)}.reading-nav>a:hover{color:var(--blue)}.reading-body{font-size:16px;line-height:1.8;color:var(--ink-2);min-width:0;overflow-wrap:anywhere}.reading-body section{scroll-margin-top:110px;margin-bottom:38px}.reading-body h2{font:700 24px/1.35 var(--body);letter-spacing:-.025em;color:var(--ink);margin:0 0 18px}.reading-body h3{font:700 20px/1.4 var(--body);margin:28px 0 14px}.reading-body p{margin-bottom:18px}.reading-body strong,.reading-body b{color:var(--ink)}.reading-body a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.reading-body ul{padding-left:24px}.reading-body table{border-collapse:collapse;width:100%;font-size:14px}.reading-body td,.reading-body th{padding:10px;text-align:left;border:1px solid var(--line)}.reading-body blockquote{margin:25px 0;padding:6px 24px;border-left:3px solid var(--blue)}.reading-body small{font-size:13px}.reading-body pre{overflow:auto;padding:18px;background:var(--paper)}.reading-before,.guide-before{padding:23px 26px;background:#eef1f8;border-left:3px solid var(--blue);margin:0 0 35px}.guide-before p{margin:8px 0 0;font-size:15px}.reading-related{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.reading-related span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--blue);font-weight:800;margin-bottom:8px}.reading-related a{display:block;font-size:14px;line-height:1.5;font-weight:600;color:var(--ink)}.reading-end{border-top:1px solid var(--line);padding-top:8px}.reading-end>.guide-link{margin-top:24px}.reading-end .reading-related{border:0;margin:0}.howto-page .reading-meta .guide-format{background:var(--blue);color:white;padding:7px 12px;border-radius:3px}.howto-page .reading-body ol{list-style:none;padding:0;counter-reset:steps}.howto-page .reading-body li{counter-increment:steps;position:relative;padding:0 0 24px 52px;margin-bottom:20px;border-bottom:1px solid var(--line)}.howto-page .reading-body li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:#e9eefb;color:var(--blue);text-align:center;font-size:12px;font-weight:700;line-height:32px}.howto-page .reading-body li strong{display:block;margin-bottom:6px}.reading-wrap .guide-crumbs{margin-bottom:38px}.guides-page .guide-review{left:10px;right:auto}
@media(max-width:1000px){.library-layout{grid-template-columns:170px minmax(0,1fr);gap:30px}.library-columns{gap:26px}.library-column[data-column=howto]{padding:22px 20px}.library-head{gap:26px}.guide-search{width:280px}.reading-head{margin-left:204px}.reading-grid{grid-template-columns:170px minmax(0,1fr);gap:34px}}
@media(max-width:760px){.library-head{display:block;padding:35px 0 30px}.library-head h1{font-size:50px}.library-head p{font-size:16px}.guide-search{margin-top:28px;width:100%}.library-layout{display:block;padding-top:22px}.library-nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;padding-bottom:25px}.library-nav>span{width:100%;margin-bottom:4px}.library-nav button{border:1px solid var(--line);font-size:12px;padding:8px 10px}.library-nav button span,.library-nav>a{display:none}.library-toolbar{gap:12px;padding-bottom:22px}.format-tabs{gap:18px}.library-columns{grid-template-columns:1fr;gap:34px}.library-column[data-column=article]{padding-top:0}.library-entry{padding:20px 0}.library-entry h3{font-size:20px}.library-column[data-column=howto]{padding:24px}.reading-head{margin:0;padding-bottom:28px}.reading-head h1{font-size:34px;max-width:none}.reading-head>p{font-size:16px}.reading-grid{display:flex;flex-direction:column;gap:30px;margin-top:28px}.reading-nav{position:static;max-height:none;width:100%;background:var(--paper);padding:20px}.reading-nav .reading-related{display:none}.reading-nav>a{padding:6px 0}.reading-body{font-size:15.5px}.reading-body h2{font-size:22px}.reading-wrap .guide-crumbs{margin:26px 0}.guides-page .guide-review{position:static}.guide-before{padding:20px}.howto-page .reading-body li{padding-left:44px}}
/* The shared light section keeps readable colours on the dark Onboard Studio page. */
.guides-support{--ink:#0b0b0c;--ink-2:#42454c;--ink-3:#696d76;--line:#dce0e7;--paper:#f4f5f1;color:var(--ink)}
.guides-faq .head .name{font-family:var(--disp);font-weight:400;font-size:32px;line-height:1.15;text-transform:uppercase}
.guide-review{background:#111}
@media(max-width:760px){.guides-faq .head .name{font-size:28px}}