.guide-wrap{max-width:76rem;padding:clamp(7rem,12vw,10rem) var(--gut) 7rem;margin:auto}.guide-head{border-bottom:1px solid var(--line);max-width:54rem;padding-bottom:4rem}.guide-eyebrow,.chapter,.guide-toc>p{font:600 .68rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.guide-head h1{font:400 clamp(3rem,7vw,5.8rem)/.95 var(--display);letter-spacing:-.035em;margin:.8rem 0 1.5rem}.guide-head h1 em{color:var(--seal);font-weight:400}.guide-head>p:not(.guide-eyebrow){max-width:42rem;color:var(--ink-2);font-size:1.1rem;line-height:1.65}.guide-tools{gap:.7rem;margin-top:2rem;display:flex}.guide-search{border:1px solid var(--line);background:#fff;border-radius:.7rem;flex:1;align-items:center;gap:.65rem;max-width:34rem;padding:.75rem 1rem;display:flex}.guide-search input{font:inherit;background:0 0;border:0;outline:0;flex:1;min-width:0}.guide-search kbd{font:500 .65rem var(--mono);color:var(--ink-3);border:1px solid var(--line);border-radius:.3rem;padding:.2rem .35rem}.guide-copy{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:.7rem;padding:.8rem 1rem;font-weight:600}.guide-layout{grid-template-columns:13rem minmax(0,1fr);align-items:start;gap:clamp(3rem,7vw,7rem);display:grid}.guide-toc{padding-top:4rem;position:sticky;top:6rem}.guide-toc a{color:var(--ink-2);gap:.7rem;padding:.48rem 0;font-size:.8rem;text-decoration:none;display:flex}.guide-toc a:hover{color:var(--seal)}.guide-toc a span{font:500 .62rem var(--mono);color:var(--ink-3)}.guide-toc .guide-download{border-top:1px solid var(--line);color:var(--seal);margin-top:1rem;padding-top:1rem;font-weight:600}.guide-body>section{border-bottom:1px solid var(--line);padding:4.5rem 0;scroll-margin-top:5rem}.guide-body section[hidden]{display:none}.chapter{margin:0 0 .7rem}.guide-body h2{font:400 clamp(2rem,4vw,3rem)/1 var(--display);letter-spacing:-.02em;margin:0 0 1.3rem}.section-lede{color:var(--ink-2);max-width:42rem;font-size:1.05rem;line-height:1.7}.guide-step{grid-template-columns:2rem 1fr;gap:1rem;margin:2rem 0;display:grid}.guide-step>span{border:1px solid var(--line);width:2rem;height:2rem;font:600 .68rem var(--mono);color:var(--ink-3);border-radius:50%;place-items:center;display:grid}.guide-step h3{margin:.25rem 0 .45rem;font-size:1rem}.guide-step p{color:var(--ink-2);margin:0;line-height:1.7}.guide-step code{background:var(--paper2);border-radius:.3rem;padding:.15rem .35rem}.guide-split{grid-template-columns:1fr 1fr;align-items:center;gap:2rem;display:grid}.guide-callout,.guide-note,.guide-warning{border-left:3px solid var(--seal);color:var(--ink-2);background:#c0272d09;margin-top:2rem;padding:1.2rem 1.4rem;line-height:1.65}.guide-callout b,.guide-note b,.guide-warning b{color:var(--ink)}.guide-note p,.guide-warning p{margin:.35rem 0 0}.guide-warning{background:#a479180d;border-left-color:#a47918}.shot{border:1px solid var(--line);background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 22px 55px -42px #00000080}.roles-shot{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin:2rem 0;padding:2rem;display:grid}.roles-shot>div{background:var(--paper2);border-radius:.7rem;gap:.25rem;padding:1.2rem;display:grid}.roles-shot b{font-family:var(--display);font-size:1.25rem}.roles-shot span{color:var(--ink-2);font-size:.85rem}.roles-shot i{font:500 .68rem var(--mono);color:var(--seal);font-style:normal}.roles-shot>em{font:500 .65rem var(--mono);color:var(--ink-3);font-style:normal}.shot-bar{background:#ededed;align-items:center;gap:.35rem;height:2.2rem;padding:0 .7rem;display:flex}.shot-bar i{background:#c6c6c6;border-radius:50%;width:.55rem;height:.55rem}.shot-bar span{font:500 .55rem var(--mono);color:var(--ink-3);background:#fff;border-radius:.35rem;flex:1;margin-left:.5rem;padding:.2rem .5rem}.shot-page{padding:2rem}.shot-page small{font:600 .55rem var(--mono);letter-spacing:.12em;color:var(--ink-3)}.shot-page strong{font:400 1.65rem var(--display);margin:.4rem 0;display:block}.shot-page p{color:var(--ink-2);font-size:.72rem}.shot-page label{margin-top:1.3rem;font-size:.62rem;display:block}.fake-input{border:1px solid var(--line);border-radius:.35rem;margin:.25rem 0 .6rem;padding:.55rem;font-size:.7rem}.shot button{background:var(--ink);color:#fff;border:0;border-radius:99px;padding:.55rem .8rem;font-size:.65rem}.finder-shot{text-align:center;padding:2rem}.finder-shot>div{justify-content:center;align-items:center;gap:2rem;margin:1.8rem;display:flex}.app-icon,.folder-icon{background:var(--seal);color:#fff;width:4rem;height:4rem;font:italic 2.1rem var(--display);border-radius:1rem;place-items:center;display:grid;box-shadow:0 10px 22px -14px #000}.folder-icon{font:600 1.4rem var(--sans);background:#70b9dd;border-radius:.5rem}.finder-shot p{color:var(--ink-3);font-size:.75rem}.settings-shot{padding:1.8rem}.settings-shot small{color:var(--ink-3)}.settings-shot strong{margin:.3rem 0 1.2rem;font-size:1.2rem;display:block}.settings-shot>div{border-block:1px solid var(--line);justify-content:space-between;padding:1rem 0;display:flex}.settings-shot i,.shot-title i,.extension-row>i{font:600 .65rem var(--mono);color:#23814a;background:#e8f5ed;border-radius:99px;padding:.25rem .5rem;font-style:normal}.settings-shot p{color:var(--ink-3);font-size:.72rem}.shot-grid{grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0;display:grid}.app-shot{padding:1.3rem}.shot-title{border-bottom:1px solid var(--line);align-items:center;gap:.6rem;padding-bottom:1rem;display:flex}.shot-title i{margin-left:auto}.app-icon--small{border-radius:.55rem;width:2rem;height:2rem;font-size:1rem}.app-shot dl>div{border-bottom:1px solid var(--hair);grid-template-columns:6.5rem 1fr;gap:.6rem;padding:.55rem 0;font-size:.72rem;display:grid}.app-shot dt{color:var(--ink-3)}.app-shot dd{margin:0}.app-shot .good{color:#237847}.app-shot>p{font:500 .62rem var(--mono);color:#237847;margin:1rem 0 0}.chrome-shot{padding-bottom:1rem}.extension-row{border:1px solid var(--line);border-radius:.6rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;margin:1rem;padding:1rem;display:grid}.extension-row p{color:var(--ink-3);margin:.2rem 0;font-size:.65rem}.chrome-shot>button{margin-left:1rem}.call-shot{aspect-ratio:16/9;background:#111;margin:2rem 0;position:relative}.call-shot img{object-fit:cover;width:100%;height:100%}.call-shot>span{color:#fff;background:#207a43;border-radius:99px;padding:.45rem .7rem;font-size:.76rem;font-weight:700;position:absolute;top:1rem;left:1rem}.call-shot>small{color:#fff;text-shadow:0 1px 4px #000;position:absolute;bottom:1rem;left:1rem}.badge-explain{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.badge-explain>div{border:1px solid var(--line);border-top:3px solid;border-radius:.5rem;padding:1rem}.badge-explain .green{border-top-color:#207a43}.badge-explain .amber{border-top-color:#a66b06}.badge-explain .red{border-top-color:var(--seal)}.badge-explain p{color:var(--ink-2);margin:.5rem 0 0;font-size:.8rem;line-height:1.6}.trouble-list{border-top:1px solid var(--line)}.trouble-list details{border-bottom:1px solid var(--line);padding:1.1rem 0}.trouble-list summary{cursor:pointer;font-weight:600;list-style:none}.trouble-list summary:after{content:"+";float:right;color:var(--ink-3)}.trouble-list details[open] summary:after{content:"–"}.trouble-list p{color:var(--ink-2);max-width:43rem;margin:.8rem 0 0;line-height:1.7}.agent-block{border-bottom:0!important}@media (max-width:760px){.guide-tools{flex-direction:column}.guide-layout{display:block}.guide-toc{gap:.5rem;padding-top:2rem;display:flex;position:static;overflow:auto}.guide-toc>p,.guide-toc a span,.guide-toc .guide-download{display:none}.guide-toc a{white-space:nowrap;border:1px solid var(--line);border-radius:99px;padding:.45rem .7rem}.guide-split,.shot-grid,.badge-explain,.roles-shot{grid-template-columns:1fr}.roles-shot>em{text-align:center;transform:rotate(90deg)}.guide-body>section{padding:3.5rem 0}}.product-shot{border:1px solid var(--line);background:#fff;border-radius:1rem;margin:2rem 0;overflow:hidden;box-shadow:0 22px 55px -42px #00000080}.product-shot img{width:100%;height:auto;display:block}.product-shot figcaption{border-top:1px solid var(--line);color:var(--ink-3);align-items:center;gap:.75rem;padding:.8rem 1rem;font-size:.75rem;display:flex}.product-shot figcaption span{font:600 .58rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--seal)}
