/* International content, page imagery and breadcrumbs. */
.breadcrumbs{display:block;margin:26px 0 0;padding:13px;font-size:13px;color:var(--muted)}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.breadcrumbs li{display:flex;align-items:center;gap:8px}.breadcrumbs li+li:before{content:'/';opacity:.5}
.breadcrumbs a{font-size:13px;font-weight:400;text-decoration:underline}
.articlehead .breadcrumbs{margin:0 0 28px}.articlehead .page-visual{margin-top:34px;max-width:100%;}
.page-visual{margin:0;overflow:hidden;border-radius:10px;background:#e4e8df;line-height:0}
.page-visual picture,.page-visual img{display:block;width:100%}.page-visual img{height:auto;aspect-ratio:1200/630;object-fit:cover}
.hero aside .page-visual,.svc-experience .page-visual{margin-bottom:25px}
.articlehead .page-visual img{max-height:430px;object-fit:cover}
.markdown-link{display:inline-block;margin-top:18px;font-size:12px;color:var(--muted)}
.pricing-note{font-size:13px;color:var(--muted);margin:16px 0 0;max-width:1000px}
.svc-price{overflow-wrap:normal}.svc-plans{align-items:stretch}.svc-plan{min-width:0}
.actions{flex-wrap:wrap}.toc a{overflow-wrap:anywhere}
@media(min-width:901px){header nav{gap:16px}header nav a{font-size:13px}.aboutlink{font-size:13px}.brand{font-size:23px}header{gap:22px}}
@media(max-width:700px){.articlehead .page-visual{margin-top:25px}.breadcrumbs{margin-top:20px}.page-visual{border-radius:7px}.hero aside .page-visual{margin-bottom:20px}.svc-price{font-size:30px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.skip-link{position:absolute;left:16px;top:-100px;z-index:100;background:var(--ink);color:white;padding:12px 20px}.skip-link:focus{top:12px}.anchor-alias{display:block;scroll-margin-top:20px;height:0}
/* Mobile drawer sits in the browser's top layer, above the entire page. */
.mobile-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(88vw,400px);height:100vh;height:100dvh;max-width:none;max-height:none;border:0;border-left:1px solid #40584a;border-radius:22px 0 0 22px;padding:max(28px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) 28px;background:linear-gradient(155deg,#243b32 0%,#182b25 100%);color:#f4f7ee;box-shadow:-18px 0 60px #10271c40;overflow-y:auto;overscroll-behavior:contain;transform:translateX(100%);opacity:0;transition:transform .25s cubic-bezier(.22,.7,.3,1),opacity .2s ease}
.mobile-drawer.is-visible{transform:translateX(0);opacity:1}
.mobile-drawer::backdrop{background:linear-gradient(105deg,rgba(17,33,27,.16),rgba(15,31,24,.58));-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);opacity:0;transition:opacity .25s ease}
.mobile-drawer.is-visible::backdrop{opacity:1}
.mobile-drawer-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:22px;border-bottom:1px solid #ffffff26;margin-bottom:12px}
.mobile-drawer-top h2{font-size:26px;letter-spacing:-.6px;margin:0;color:#e5eece}
.mobile-drawer-close{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;padding:0;border:1px solid #ffffff30;border-radius:50%;background:#ffffff0b;color:white;font:300 32px/1 sans-serif;cursor:pointer}
.mobile-drawer nav{display:flex;position:static;flex-direction:column;gap:0;margin:0;padding:0;width:auto;background:none;box-shadow:none}
.mobile-drawer nav a{display:block;color:#f4f7ee;font-size:18px;font-weight:500;line-height:1.45;padding:17px 10px;border-bottom:1px solid #ffffff16;text-decoration:none;overflow-wrap:anywhere}
.mobile-drawer nav a:hover,.mobile-drawer nav a[aria-current="page"]{color:#ddf184;background:#ffffff08}
.mobile-drawer a:focus-visible,.mobile-drawer button:focus-visible{outline:2px solid #ddf184;outline-offset:3px}
@media(max-width:900px){header>.menu{min-width:44px;min-height:44px;padding:4px;cursor:pointer}header.open>nav{display:none}}
@media(prefers-reduced-motion:reduce){.mobile-drawer,.mobile-drawer::backdrop{transition:none}}
/* Existing white wordmark in the drawer header. */
.mobile-drawer .mobile-drawer-brand{display:block;width:fit-content;max-width:100%;margin:0;padding:0;color:#fff;font-size:clamp(14px,4.4vw,20px);line-height:1.5;text-decoration:none}
.mobile-drawer .mobile-drawer-brand span,.mobile-drawer .mobile-drawer-brand small{color:#fff}
.mobile-drawer .mobile-drawer-brand small{font-size:.7em}
@media(max-width:900px){
 header>.menu{display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;min-width:48px;min-height:48px;padding:0;border:1px solid #e4e8e5;border-radius:50%;background:linear-gradient(145deg,#fff 15%,#eff2ef 100%);color:#111;font-size:0;box-shadow:0 4px 0 #d7ddd8,0 7px 14px #20332e24,inset 0 1px 1px #fff;transition:transform .16s ease,box-shadow .16s ease;-webkit-tap-highlight-color:transparent}
 header>.menu:active{transform:translateY(3px);box-shadow:0 1px 0 #d7ddd8,0 3px 7px #20332e20,inset 0 1px 1px #fff}
 header>.menu:focus-visible{outline:2px solid #20332e;outline-offset:5px}
 .hamburger-lines{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:22px}
 .hamburger-lines>span{display:block;width:22px;height:2px;border-radius:2px;background:#111}
}

.mobile-drawer-top{gap:10px}.mobile-drawer-top .mobile-drawer-brand{min-width:0;letter-spacing:-.8px}
/* Keep the wordmark unframed, including initial dialog focus. */
.mobile-drawer .mobile-drawer-brand,.mobile-drawer .mobile-drawer-brand:focus-visible{border:0;outline:none;box-shadow:none;background:transparent}
.mobile-drawer .mobile-drawer-brand:focus-visible{text-decoration:underline;text-underline-offset:6px}