.handbook-intro{padding-block:40px 34px;border-bottom:1px solid var(--line)}
.handbook-title{display:flex;gap:32px;justify-content:space-between;align-items:center}
.handbook-title h1{font-size:54px;line-height:1.1;margin:0 0 14px}
.handbook-title p{font-size:19px;max-width:700px;margin:0;color:var(--muted)}
.handbook-title>.text-link{flex-shrink:0;font-size:15px}
.guide-audience{margin:16px 0 0;font-size:14px;color:var(--muted)}
.handbook-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:56px;padding-block:36px 72px;align-items:start}
.handbook-sidebar{position:sticky;top:106px;max-height:calc(100dvh - 128px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:14px}
.handbook-contents summary{font:600 16px/1.5 var(--body);list-style:none;padding:8px 0 18px;pointer-events:none}
.handbook-contents summary::-webkit-details-marker{display:none}
.handbook-contents summary>.icon{display:none}
.handbook-contents .text-link{display:flex;justify-content:space-between;font-size:14px;margin-block:20px 6px}
.guide-search{display:flex;align-items:center;gap:9px;border:1px solid var(--line);padding:10px 12px;border-radius:4px;background:white}
.guide-search .icon{width:17px;height:17px;flex-shrink:0;color:var(--muted)}
.guide-search input{border:0;min-width:0;width:100%;padding:0;background:transparent;font:400 15px/1.5 var(--body);color:var(--ink)}
.guide-search:focus-within{outline:2px solid var(--ink);outline-offset:2px}
.guide-search input:focus{outline:none}
.guide-search-status{font-size:13px;color:var(--muted);margin:8px 0}
.guide-nav-list,.guide-nav-list ol{list-style:none;margin:0;padding:0}
.guide-nav-list>li{padding-block:12px;border-bottom:1px solid var(--line)}
.guide-nav-list a{display:block;font-size:14px;line-height:1.5;padding:7px 8px;overflow-wrap:anywhere}
.guide-nav-list .guide-nav-section{font-weight:600;display:flex;gap:9px;color:var(--ink);padding-left:0}
.guide-nav-section>span{font-size:12px;color:var(--gold);padding-top:2px}
.guide-nav-list ol{margin-left:23px;border-left:1px solid var(--line)}
.guide-nav-list ol a{color:var(--muted);padding-left:12px}
.guide-nav-list a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.guide-nav-list a[aria-current]{background:#edf1ef;color:#284c40;border-left:2px solid #416454}
.handbook-content{min-width:0}
.guide-before{padding:4px 0 30px;border-bottom:1px solid var(--line)}
.guide-before h2{font:600 20px/1.5 var(--body);margin-bottom:12px}
.guide-before ul{padding-left:21px;margin:0 0 16px}
.guide-before li{margin-bottom:7px;font-size:16px;line-height:1.65}
.guide-example-note{font-size:13px!important;color:var(--muted);max-width:650px;margin:0}
.handbook-section{padding-top:38px;position:relative}
.guide-section-head{border-bottom:2px solid var(--ink);padding-bottom:20px;margin-bottom:6px}
.guide-section-head .eyebrow{margin-bottom:9px}
.guide-section-head h2{font-size:34px;line-height:1.2;margin:0}
.guide-section-head>p:last-child{font-size:17px;color:var(--muted);margin:12px 0 0}
.guide-heading-row{display:flex;align-items:center;gap:8px;min-width:0}
.guide-heading-row h2,.guide-heading-row h3{flex:1;min-width:0;overflow-wrap:anywhere;scroll-margin-top:118px}
.guide-heading-row h2:focus,.guide-heading-row h3:focus{outline:none}
.guide-permalink,.guide-copy{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:38px;padding:6px;color:var(--muted);border:0;background:transparent;border-radius:3px}
.guide-permalink .icon,.guide-copy .icon{width:17px;height:17px}
.guide-permalink:hover,.guide-copy:hover{background:#edf1ef;color:var(--ink)}
.guide-copy[data-copied]{background:#edf1ef;color:#284c40}
.guide-task{padding:28px 0 34px;border-bottom:1px solid var(--line);position:relative}
.guide-task h3{font:600 22px/1.45 var(--body);margin:0}
.guide-path{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13px;line-height:1.6;color:var(--muted);margin:10px 0 18px}
.guide-path .icon{width:15px;height:15px;flex-shrink:0}
.guide-instruction-layout{margin-top:18px}
.guide-instruction-layout.has-screen{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start}
.guide-instructions{padding:0;margin:0;list-style:none;counter-reset:instruction}
.guide-instructions>li{counter-increment:instruction;position:relative;padding-left:32px;margin-bottom:18px;font-size:16px;line-height:1.75;overflow-wrap:anywhere}
.guide-instructions>li::before{content:counter(instruction) '.';position:absolute;left:0;top:0;font:600 14px/2 var(--body);color:var(--gold)}
.guide-instructions strong{font-weight:600}
.guide-inline-link{text-decoration:underline;text-underline-offset:4px}
.guide-note{border-left:2px solid #718d7e;padding:2px 0 2px 16px;margin:24px 0 0}
.guide-note>strong{font:600 13px/1.5 var(--body);color:#284c40}
.guide-note p{margin:7px 0 0;font-size:14px;line-height:1.75;color:var(--muted);overflow-wrap:anywhere}
.guide-related{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:18px}
.guide-related a{font-size:14px;text-decoration:underline;text-underline-offset:4px}
.guide-related .icon{width:15px;height:15px;vertical-align:middle}
.guide-figure{margin:0;max-width:290px;width:100%;justify-self:center}
.guide-card-example{margin:0;max-width:290px;width:100%;justify-self:center}
.guide-card-example>.eyebrow{margin:0 0 12px}
.guide-card-back{padding:24px;background:#16203c;color:#fff;border:1px solid #b89b5e;border-radius:4px;min-height:330px}
.guide-card-brand{font-family:var(--display);font-size:36px;line-height:1.1;margin:0 0 26px}
.guide-card-brand span{display:block;font-family:var(--body);font-size:10px;line-height:1.5;margin-top:7px}
.guide-card-back dl{margin:0}
.guide-card-back dt{font-size:12px;line-height:1.5;color:#e4ce9d;font-weight:600}
.guide-card-back dd{margin:4px 0 22px}
.guide-card-placeholder{font-size:20px;line-height:1.4}
.guide-card-masked{font-family:monospace;font-size:28px;line-height:1}
.guide-card-back>p:last-child{font-size:13px;line-height:1.6;margin:0}
.guide-card-example figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px}
.guide-image-button{display:block;width:100%;padding:0;background:transparent;border:0;text-align:left;cursor:zoom-in}
.guide-screen{display:block;position:relative;width:100%;border:1px solid #d4d8d5;border-radius:6px;overflow:hidden;background:#fbf8f2}
.guide-screen img{display:block;width:100%;height:auto;aspect-ratio:390/844}
.guide-marker{position:absolute;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;border:2px solid white;background:#6a1f2a;color:#fff;display:flex;align-items:center;justify-content:center;font:600 11px/1 var(--body);box-shadow:0 1px 4px #0004;pointer-events:none}
.guide-enlarge{display:flex;justify-content:center;align-items:center;gap:6px;font:500 12px/1.6 var(--body);padding-block:9px;color:var(--muted)}
.guide-enlarge .icon{width:14px;height:14px}
.guide-figure figcaption ol,.guide-zoom-body figcaption ol{list-style:none;margin:2px 0 10px;padding:0;display:grid;gap:8px}
.guide-figure figcaption li,.guide-zoom-body figcaption li{display:flex;gap:8px;align-items:center;font-size:12px;line-height:1.5}
.guide-figure figcaption li>span,.guide-zoom-body figcaption li>span{display:flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:#6a1f2a;color:white;font-size:10px}
.guide-figure small,.guide-zoom-body small{display:block;font-size:11px;color:var(--muted)}
.guide-back-top{display:flex;align-items:center;gap:8px;font-size:13px;justify-content:flex-end;padding-top:17px;color:var(--muted)}
.guide-back-top .icon{width:14px;height:14px}
.guide-legacy{position:absolute;top:32px;scroll-margin-top:116px}
.guide-finish{padding-top:44px}
.guide-finish h2{font-size:32px}
.guide-finish p{font-size:16px;line-height:1.7;max-width:630px}
.guide-image-dialog{padding:0;width:min(510px,calc(100vw - 28px));max-height:94dvh;overflow:auto}
.guide-image-dialog>header{position:sticky;top:0;z-index:2;background:white;border-bottom:1px solid var(--line);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.guide-image-dialog h2{font:600 18px/1.4 var(--body);margin:0}
.guide-zoom-body{padding:16px}
.guide-zoom-body figcaption{margin-top:16px}
.guide-zoom-body .guide-marker{width:26px;height:26px;font-size:13px}
#guide-share-url{display:block;width:100%;font:400 14px/1.6 var(--body);padding:12px;border:1px solid var(--line);margin:12px 0 20px}
@media(min-width:1400px){.handbook-layout{gap:70px;grid-template-columns:280px minmax(0,1fr)}.guide-instruction-layout.has-screen{grid-template-columns:minmax(0,1fr) 280px}}
@media(max-width:1100px){.handbook-layout{gap:30px;grid-template-columns:230px minmax(0,1fr)}.guide-instruction-layout.has-screen{grid-template-columns:1fr}.guide-figure{justify-self:start}.handbook-title h1{font-size:48px}}
@media(max-width:900px){.handbook-intro{padding-block:30px}.handbook-title{display:block}.handbook-title>.text-link{margin-top:18px}.handbook-layout{display:block;padding-top:0}.handbook-sidebar{position:sticky;top:78px;z-index:20;background:#fff;max-height:none;padding:0;margin-bottom:24px;border-bottom:1px solid var(--line)}.handbook-contents summary{pointer-events:auto;display:flex;justify-content:space-between;align-items:center;padding:15px 0;font-size:15px;cursor:pointer}.handbook-contents summary>.icon{display:block;width:18px;height:18px}.handbook-contents[open] summary>.icon{transform:rotate(180deg)}.handbook-nav-body{max-height:60dvh;overflow:auto;padding:0 8px 16px 0;overscroll-behavior:contain}.guide-heading-row h2,.guide-heading-row h3,.guide-legacy{scroll-margin-top:150px}.guide-instruction-layout.has-screen{grid-template-columns:minmax(0,1fr) 250px}.handbook-section{padding-top:30px}}
@media(max-width:600px){.handbook-title h1{font-size:42px}.handbook-title p{font-size:17px}.handbook-sidebar{top:78px}.guide-instruction-layout.has-screen{grid-template-columns:1fr;gap:24px}.guide-figure{justify-self:center;max-width:290px}.guide-section-head h2{font-size:28px}.guide-task h3{font-size:20px}.guide-heading-row{gap:2px}.guide-permalink,.guide-copy{flex-basis:30px;width:30px}.guide-instructions>li{font-size:16px;padding-left:28px}.guide-section-head>p:last-child{font-size:16px}.guide-note p{font-size:14px}.guide-task{padding-block:24px 28px}}
@media print{.handbook-sidebar,.guide-copy,.guide-permalink,.guide-enlarge,.guide-back-top,.guide-finish,.handbook-title>.text-link{display:none!important}.handbook-layout{display:block}.guide-instruction-layout.has-screen{grid-template-columns:minmax(0,1fr) 190px}.guide-task{break-inside:avoid}.handbook-section{break-before:auto}.handbook-title h1{font-size:34px}.guide-task h3,.guide-section-head h2{break-after:avoid}.handbook-intro{padding:0 0 20px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.guide-permalink,.guide-copy{flex-basis:44px;width:44px;height:44px}
.guide-screen{overflow:visible}
.guide-screen img{border-radius:inherit}
.guide-heading-row h2,.guide-heading-row h3,.guide-legacy{scroll-margin-top:12px}
.handbook-sidebar{overflow:visible}
.handbook-contents nav{max-height:calc(100dvh - 400px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
@media(max-width:900px){.handbook-contents nav{max-height:none;overflow:visible}.guide-heading-row h2,.guide-heading-row h3,.guide-legacy{scroll-margin-top:55px}}
@media(min-width:821px) and (max-width:900px){.handbook-sidebar{top:93px}}
@media(min-width:601px) and (max-width:820px){.handbook-sidebar{top:79px}}
@media(max-width:600px){.handbook-sidebar{top:75px}}