.language-switch{display:flex;gap:2px;padding:3px;border:1px solid #dce2ec;border-radius:999px;margin-left:auto;margin-right:20px;font:600 12px Inter,sans-serif;flex-shrink:0}.language-switch a{padding:7px 9px;border-radius:999px;color:#596574;text-decoration:none}.language-switch a[aria-current=page]{background:#172233;color:white}.language-switch a:hover{background:#e6edff;color:#185cbb}.language-switch a:focus-visible{outline:2px solid #0676ed;outline-offset:2px}.site-nav nav{margin-left:auto}@media(max-width:700px){.language-switch{margin-right:12px}.language-switch a{padding:9px}.site-nav{gap:8px}}
/* Keep the phone illustration inside narrow screens, including its rotation. */
@media(max-width:600px){
 .mobile-story>div{min-width:0;max-width:100%}
 .phone-example{width:100%;max-width:280px;min-width:0;transform:none!important}
 .architecture-tools{flex-wrap:wrap}
 .site-nav{gap:8px;padding-inline:16px}
 .site-nav nav{margin-left:0}
 .language-switch{margin-left:auto;margin-right:4px}
 .nav-login{white-space:nowrap}
}

/* The section links align with the page centre, independently of the side controls. */
.site-nav{position:sticky;top:0;z-index:100;width:100%;max-width:none;margin:0;height:calc(76px + env(safe-area-inset-top));padding-inline:max(32px,calc((100% - 1160px)/2));background:rgba(255,255,255,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #e7eaf0;padding-top:env(safe-area-inset-top);box-sizing:border-box}
.site-nav nav{position:absolute;left:50%;transform:translateX(-50%);margin:0;flex:none;white-space:nowrap}
.site-nav .language-switch{margin-left:auto}
:root{scroll-padding-top:calc(92px + env(safe-area-inset-top))}
@media(max-width:900px){
 .site-nav{height:auto;min-height:104px;padding:env(safe-area-inset-top) 20px 0;display:grid;grid-template-columns:1fr auto auto;grid-template-rows:62px 42px;column-gap:16px;row-gap:0;box-sizing:border-box}
 .site-nav .wordmark{grid-column:1;grid-row:1;margin:0;justify-self:start}
 .site-nav .language-switch{grid-column:2;grid-row:1;margin:0}
 .site-nav .nav-login{grid-column:3;grid-row:1;white-space:nowrap}
 .site-nav nav{display:flex!important;position:static;transform:none;grid-column:1/-1;grid-row:2;justify-content:center;gap:24px;width:100%;font-size:12px}
 .site-nav nav a:not(:last-child){display:block}
 .site-nav nav a{display:block;padding:10px 0;line-height:20px;min-height:40px}
 :root{scroll-padding-top:calc(120px + env(safe-area-inset-top))}
}
@media(max-width:380px){.site-nav{padding-inline:14px;column-gap:10px}.site-nav nav{gap:18px}.site-nav nav a{font-size:11px}}


/* All section links remain available, including on small phones. */
.site-nav nav a[aria-current="location"]{color:#066bd7;font-weight:650}
.site-nav nav a:focus-visible{outline:2px solid #0676ed;outline-offset:4px;border-radius:4px}
@media(max-width:900px){.site-nav nav{min-width:0;gap:20px}.site-nav nav a{flex-shrink:0}}
@media(max-width:480px){.site-nav nav{gap:12px}.site-nav nav a{font-size:11px}}
@media(max-width:350px){.site-nav nav{gap:9px}}

.site-guides{max-width:1160px;margin:0 auto;padding:0 32px 80px}.site-guides h2{font-size:36px;margin-bottom:28px}.site-guides>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.site-guides>div>a{display:flex;flex-direction:column;gap:14px;padding:26px;border-radius:20px;background:#edf3fc}.site-guides>div>a:nth-child(2){background:#f1edfb}.site-guides>div>a:nth-child(3){background:#faf1e4}.site-guides strong{font-size:19px;font-weight:650}.site-guides span{font-size:14px;color:#536174;line-height:1.6}.site-guides b{margin-top:auto;font-size:22px}.site-guides a:hover{box-shadow:0 8px 28px #17223312}.site-guides a:focus-visible{outline:3px solid #0878ef;outline-offset:4px}@media(max-width:600px){.site-guides{padding:0 24px 48px}.site-guides>div{grid-template-columns:1fr}}

.site-guides .more-guides{margin-top:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.site-guides .more-guides>a{background:#f4f6fa}@media(max-width:600px){.site-guides .more-guides{grid-template-columns:1fr}}