.common .guide-hero .hm__pc{padding:56px 0}.common .guide-hero .guide-hero__c{flex-direction:column;align-items:flex-start;width:100%;display:flex}.common .guide-hero h1{margin:12px 0 0}.common .guide-hero .guide-hero__lead{color:#4e3a94;max-width:720px;margin:20px 0 0;font-size:20px;font-weight:400;line-height:1.6}.common .guide-hero .guide-hero__note{color:#3a2680;max-width:720px;margin:12px 0 0;font-size:16px;font-weight:500;line-height:1.6}.common .guide-hero .guide-hero__cta{margin-top:24px}.common .guide-cta .ods-hero{letter-spacing:.04em;border-radius:4px;align-items:center;min-height:52px;padding:0 32px;font-size:15px;font-weight:600;text-decoration:none;transition:background-color .15s,box-shadow .15s;display:inline-flex;box-shadow:0 6px 18px #4e3a9447}.common .guide-cta .ods-hero:hover,.common .guide-cta .ods-hero:focus-visible{background-color:#4e3a94;box-shadow:0 8px 22px #4e3a9461}.common .guide-cta .ods-hero:focus-visible{outline-offset:3px;outline:2px solid #3a2680}@media only screen and (width>=1280px){.common .guide-hero .guide-hero__c{width:960px}}@media only screen and (width<=959px){.common .guide-hero .hm__pc{padding:40px 0}.common .guide-hero .guide-hero__lead{font-size:18px}}@media only screen and (width<=639px){.common .guide-hero .guide-hero__c{padding:0 16px}}.common .guide .common-c{--guide-indent:24px;min-width:0;max-width:100%}.common .guide .common-c h2,.common .guide .common-c h3{float:none}.common .guide .common-c h2{margin:0 0 24px}.common .guide .common-c h3{color:#4e3a94;margin:24px 0 16px;font-weight:500}.common .guide .common-c>p{margin:0 0 24px}.common .guide .common-c hr{margin:24px 0 48px}.common .guide .guide-list{float:none;padding-left:calc(var(--guide-indent) + 20px);margin:0 0 24px;list-style-type:disc}.common .guide .guide-list>li{float:none;color:#23222b;margin:0 0 8px;font-size:16px;line-height:1.8em;display:list-item}.common .guide .guide-list>li:last-child{margin-bottom:0}.common .guide code{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.9em}.common .guide .guide-cta--section{margin:0 0 24px var(--guide-indent)}.common .guide .guide-cards{float:none;width:auto;margin:0 0 24px var(--guide-indent);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;padding:0;list-style:none;display:grid}.common .guide .guide-cards--pairs{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.common .guide .guide-cards>li{float:none;background:#faf8ff;border:1px solid #624ea829;border-radius:10px;width:auto;margin:0;padding:20px 22px}.common .guide .guide-card__title{color:#23222b;margin:0 0 6px;font-size:16px;font-weight:600;line-height:1.5;display:block}.common .guide .common-c .guide-card__text{color:#464454;margin:0;padding:0;font-size:15px;line-height:1.6}.common .guide .guide-steps{float:none;width:auto;margin:0 0 24px var(--guide-indent);counter-reset:guide-step;gap:14px;padding:0;list-style:none;display:grid}.common .guide .guide-steps>li{float:none;counter-increment:guide-step;width:auto;min-height:36px;margin:0;padding:2px 0 0 52px;position:relative}.common .guide .guide-steps>li:before{content:counter(guide-step);color:#fff;background:#624ea8;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:600;display:flex;position:absolute;top:0;left:0}.common .guide .guide-code-block{margin:0 0 24px var(--guide-indent);max-width:calc(100% - var(--guide-indent));position:relative}.common .guide .guide-copy{color:#f2f3f5;font:inherit;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff40;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500;line-height:1.2;position:absolute;top:8px;right:8px}.common .guide .guide-copy[hidden]{display:none}.common .guide .guide-copy:hover{background:#fff3;border-color:#ffffff73}.common .guide .guide-copy:focus-visible{outline-offset:2px;outline:2px solid #b9a8ff}.common .guide .guide-copy[data-state=copied]{background:#6fcf972e;border-color:#6fcf97}.common .guide .guide-copy[data-state=failed]{background:#eb57572e;border-color:#eb5757}.common .guide .guide-code{color:#e6e8ec;white-space:pre;background:#16181d;border-radius:8px;max-width:100%;margin:0;padding:.9em 6.5em .9em 1.25em;font-size:14px;line-height:1.55;overflow-x:auto}.common .guide .guide-code code{font-size:inherit;overflow-wrap:normal}.common .guide .status-overall{margin:0 0 24px var(--guide-indent);color:#23222b;background:#faf8ff;border:1px solid #624ea829;border-radius:10px;align-items:center;gap:14px;padding:18px 22px;font-size:18px;font-weight:600;display:flex}.common .guide .status-overall[data-state=operational]{color:#15803d;background:#f0fdf4;border-color:#16a34a4d}.common .guide .status-overall[data-state=problem]{color:#b91c1c;background:#fef2f2;border-color:#dc26264d}.common .guide .status-overall[data-state=paused]{color:#b45309;background:#fffbeb;border-color:#d977064d}.common .guide .status-list{float:none;width:auto;margin:0 0 16px var(--guide-indent);border:1px solid #624ea829;border-radius:10px;padding:0;list-style:none;overflow:hidden}.common .guide .status-list>li{float:none;background:#fff;border-top:1px solid #624ea81f;align-items:center;gap:16px;width:auto;margin:0;padding:16px 22px;display:flex}.common .guide .status-list>li:first-child{border-top:0}.common .guide .status-row__name{flex:auto;min-width:0}.common .guide .status-row__title{color:#23222b;font-size:16px;font-weight:600;display:block}.common .guide .status-row__about{color:#646272;font-size:14px;line-height:1.5;display:block}.common .guide .status-row__state{color:#646272;white-space:nowrap;flex:none;align-items:center;gap:8px;font-size:15px;font-weight:600;display:inline-flex}.common .guide .status-row__state:before{content:"";background:#9ca3af;border-radius:50%;width:10px;height:10px}.common .guide .status-row__state[data-state=operational]{color:#15803d}.common .guide .status-row__state[data-state=operational]:before{background:#16a34a}.common .guide .status-row__state[data-state=outage]{color:#b91c1c}.common .guide .status-row__state[data-state=outage]:before{background:#dc2626}.common .guide .status-row__state[data-state=paused]{color:#b45309}.common .guide .status-row__state[data-state=paused]:before{background:#d97706}.common .guide .common-c .status-checked{margin:0 0 24px var(--guide-indent);color:#646272;padding:0;font-size:14px}@media only screen and (width<=479px){.common .guide .status-list>li{flex-wrap:wrap;gap:6px 16px}}