@import url('/portfolio/assets/presentation.css');
.guide-main{padding-block:65px 90px}.guide-hero{max-width:920px;margin-bottom:50px}.guide-hero h1{font-size:clamp(42px,6vw,76px);overflow-wrap:anywhere}.guide-hero>p:not(.eyebrow){max-width:680px;font-size:18px}.guide-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:65px;align-items:start}.guide-nav{position:sticky;top:125px;display:grid;gap:15px;font-size:12px;border-left:1px solid var(--line);padding-left:20px}.guide-nav a{color:var(--muted)}.guide-content section{padding-top:25px;margin-bottom:50px;border-top:1px solid var(--line);scroll-margin-top:120px}.guide-content h2{font-size:34px;letter-spacing:-1px;line-height:1.2}.guide-content h3{font-size:19px;margin-top:26px}.guide-content p,.guide-content li{font-size:14px;line-height:1.9}.guide-content li{margin-bottom:12px}.guide-content strong{color:var(--ink)}.guide-content table{border-collapse:collapse;width:100%;font-size:12px}.guide-content th,.guide-content td{border-bottom:1px solid var(--line);padding:14px;text-align:left;vertical-align:top}.guide-content th{background:#e9ece2;font-weight:500}.example{background:#edf0e7;border:1px solid #dde3d3;padding:25px;border-radius:5px;margin:25px 0}.example>span{font-size:9px;letter-spacing:2px;color:#748269}.example h3{margin:12px 0}.example p:last-child{margin-bottom:0}.flow{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap;margin:24px 0}.flow>div{background:white;border:1px solid var(--line);border-radius:6px;padding:17px;flex:1;min-width:140px;font-size:13px}.flow small{display:block;color:var(--muted);margin-top:8px}.guide-image{border:1px solid var(--line);border-radius:5px;margin-bottom:50px}.guide-table{overflow:auto}.guide-content details{border-bottom:1px solid var(--line);padding:17px 0}.guide-content summary{cursor:pointer;font-size:14px}.guide-content details p{margin:12px 0 0}.guide-banner{border-top:1px solid var(--line);padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.guide-banner p{margin:0}@media(max-width:760px){.guide-layout{grid-template-columns:1fr;gap:28px}.guide-nav{position:static;display:flex;flex-wrap:wrap;gap:16px}.guide-main{padding-top:40px}.guide-hero>p:not(.eyebrow){font-size:15px}.guide-content h2{font-size:30px}.guide-banner{display:block}.guide-banner .button{margin-top:20px}}

@media(max-width:500px){.site-header .brand-copy strong{font-size:12px}.site-header .brand img{width:32px;height:32px}.site-header .brand{gap:8px}.site-header .button{padding:10px 12px;font-size:10px}.site-header>.shell{gap:12px}.site-header .brand-copy>span{font-size:8px}}