body{font-family:system-ui,sans-serif;color:#12334a;background:#f1f8f4;margin:0;line-height:1.65}main,header,footer{max-width:900px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;align-items:center}header img{width:48px;height:48px;border-radius:12px}h1{font-size:clamp(30px,5vw,46px);line-height:1.15}article{background:white;border:1px solid #cce3d7;border-radius:22px;padding:24px;margin:20px 0}a{color:#086b51}.button{display:inline-block;padding:14px 22px;background:#08765b;color:#fff;border-radius:14px;text-decoration:none;font-weight:800}.install{background:#0e3448;color:white}.install a{color:#ffd090}.languages{display:flex;flex-wrap:wrap;gap:10px}.languages a{padding:8px 12px;border:1px solid #bbd7c9;border-radius:12px;background:white}blockquote{margin:18px 0;padding:20px;border-left:4px solid #ffaf56;background:#f3f8f6}h2{line-height:1.25}footer{padding-bottom:50px}.example-output{border-top:5px solid #79deb4}img{max-width:100%}
.sb-guide-brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;text-decoration:none;flex-shrink:0}.sb-guide-brand img{width:44px;height:44px;object-fit:contain}.sb-guide-brand span{white-space:nowrap}header{flex-wrap:wrap}@media(max-width:480px){header{gap:12px;padding:20px}header .button{padding:12px 16px}.sb-guide-brand{gap:8px}.sb-guide-brand img{width:32px;height:32px}}