*{box-sizing:border-box}body.orto-support-page{--support-blue:#738FAA;--support-ink:#18212a;--support-line:#e3e7eb;margin:0;background:#f5f6f8;color:var(--support-ink);font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.65}.support-status{height:34px;display:flex;align-items:center;justify-content:center;gap:8px;background:#eaf1f8;color:#345b7e;font-size:12px;font-weight:650}.support-status-dot{width:7px;height:7px;border-radius:50%;background:#3d9a70}.support-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3vw,46px);background:#fff}.support-brand img{display:block;width:112px;height:auto}.support-header-actions{display:flex;align-items:center;gap:22px;font-weight:650}.support-header-actions a{padding:8px 14px;border-radius:9px;background:var(--support-blue);color:#fff;text-decoration:none}.support-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:16px;min-height:calc(100vh - 106px);padding:0 12px 12px}.support-sidebar{position:sticky;top:0;align-self:start;height:calc(100vh - 118px);overflow:auto;padding:22px 10px 30px 8px}.support-search{display:flex;height:42px;align-items:center;gap:8px;padding:0 11px;border:1px solid #dce1e6;border-radius:11px;background:#fff;color:#737e89}.support-search svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}.support-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--support-ink);font:inherit;font-size:13px}.support-search kbd{font:inherit;font-size:10px;color:#7f8993;white-space:nowrap}.support-sidebar nav{padding-top:12px}.support-nav-group{margin:8px 0 20px}.support-nav-group h2{margin:0 0 7px;padding:0 13px;color:#2b333c;font-size:13px;font-weight:650}.support-nav-group a{display:block;margin:2px 0;padding:7px 13px;border-radius:10px;color:#515d68;text-decoration:none;font-size:13px;line-height:1.4}.support-nav-group a:hover{color:var(--support-blue)}.support-nav-group a.is-current{background:#e8eef5;color:#405f7d;font-weight:650}.support-article{min-width:0;min-height:calc(100vh - 118px);padding:clamp(28px,5vw,58px) clamp(24px,5vw,74px);border:1px solid #e1e5e9;border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(31,48,65,.035)}.support-article-inner{max-width:850px;margin:0 auto}.support-kicker{margin:0 0 7px;color:#738FAA;font-size:13px;font-weight:600}.support-article h1{margin:0;color:#141a20;font-size:32px;line-height:1.2;letter-spacing:-.035em}.support-lede{max-width:650px;margin:24px 0 34px;color:#536272;font-size:16px;line-height:1.75}.support-copy-section{margin:0 0 36px;scroll-margin-top:24px}.support-copy-section h2,.support-contact h2{margin:0 0 14px;color:#17212b;font-size:21px;line-height:1.3;letter-spacing:-.02em}.support-copy-section p{max-width:740px;margin:0 0 16px;color:#4d5c69;font-size:14px;line-height:1.8}.support-tip{display:flex;gap:13px;margin:20px 0 23px;padding:17px 19px;border:1px solid #b8e9cd;border-radius:13px;background:#effaf3;color:#28754a}.support-tip>span{flex:0 0 auto;font-size:20px;line-height:1.3}.support-tip p{margin:0;color:#31684b;font-size:13px;line-height:1.65}.support-link-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.support-link-cards>a{position:relative;display:flex;min-height:134px;flex-direction:column;align-items:flex-start;padding:17px;border:1px solid var(--support-line);border-radius:13px;color:var(--support-ink);text-decoration:none;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.support-link-cards>a:hover{transform:translateY(-2px);border-color:#b9c9d8;box-shadow:0 8px 18px rgba(41,66,88,.07)}.support-card-icon{display:grid;width:31px;height:31px;place-items:center;margin-bottom:13px;border-radius:9px;background:#edf3f8;color:var(--support-blue);font-size:17px}.support-link-cards strong{font-size:14px;line-height:1.4}.support-link-cards small{margin-top:5px;color:#74808b;font-size:12px;line-height:1.5}.support-card-arrow{position:absolute;top:18px;right:18px;color:#929ca6}.support-copy-section details{border-top:1px solid var(--support-line)}.support-copy-section details:last-child{border-bottom:1px solid var(--support-line)}.support-copy-section summary{padding:15px 0;cursor:pointer;font-weight:550}.support-copy-section details p{margin-top:0}.support-contact{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:46px 0 30px;padding:24px;border:1px solid #e0e6eb;border-radius:15px;background:#f8fafc;scroll-margin-top:24px}.support-contact p{margin:0;color:#677482;font-size:13px}.support-contact h2{margin-bottom:5px}.support-contact>a{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;padding:11px 16px;border-radius:999px;background:var(--support-blue);color:#fff;text-decoration:none;font-size:13px;font-weight:600}.support-article-footer{display:flex;justify-content:space-between;gap:20px;padding-top:19px;border-top:1px solid var(--support-line);color:#7b8792;font-size:12px}.support-article-footer a{color:#627a91;text-decoration:none}.support-article [hidden]{display:none!important}@media(max-width:760px){.support-header{height:64px}.support-header-actions{gap:13px;font-size:12px}.support-layout{display:block;padding:0 8px 8px}.support-sidebar{position:relative;height:auto;padding:12px 4px}.support-sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 14px}.support-nav-group{margin:8px 0}.support-article{min-height:0;padding:30px 21px;border-radius:15px}.support-article h1{font-size:28px}.support-lede{font-size:15px}.support-link-cards{grid-template-columns:1fr}.support-contact{align-items:flex-start;flex-direction:column;margin-top:32px}.support-article-footer{flex-direction:column}}
/* Use the ORTO marketing font index in the standalone support library too. */
body.orto-support-page{font-size:15px;line-height:1.65}
.support-article h1{font-size:42px;line-height:1.14;letter-spacing:-.04em}
.support-copy-section h2,.support-contact h2{font-size:24px;line-height:1.3;letter-spacing:-.025em}
.support-lede{font-size:16px;line-height:1.75}
.support-copy-section p{font-size:15px;line-height:1.65}
.support-kicker,.support-nav-group h2,.support-nav-group a{font-size:13px;line-height:1.5}
.support-link-cards strong{font-size:15px;line-height:1.45}
.support-link-cards small,.support-contact p,.support-contact>a{font-size:13px;line-height:1.55}
.support-article-footer,.support-status{font-size:12px;line-height:1.5}
@media(max-width:760px){.support-article h1{font-size:36px}.support-copy-section h2,.support-contact h2{font-size:22px}}
/* Match the inset page frame and top-rounded header used across the ORTO site. */
html:has(body.orto-support-page){min-height:100%;padding:12px;box-sizing:border-box;background:#e9edf0}
body.orto-support-page{min-height:calc(100vh - 24px);max-width:1600px;margin:0 auto;padding:0;background:#fff;border-radius:18px;overflow:clip}
.orto-support-page .support-status{border-radius:18px 18px 0 0}
.orto-support-page .support-header{border-radius:18px 18px 0 0}
.orto-support-page .support-article{border-radius:0}
@media(max-width:760px){html:has(body.orto-support-page){padding:8px}body.orto-support-page{min-height:calc(100vh - 16px);border-radius:15px}.orto-support-page .support-status,.orto-support-page .support-header{border-radius:15px 15px 0 0}}
/* Keep the standalone support document scrollable inside the inset site frame. */
body.orto-support-page{overflow:visible!important}
.orto-support-page .support-status{background:#f5f6f8;border-radius:0!important}
.orto-support-page .support-header{border-radius:18px 18px 0 0}
.orto-support-page .support-article{border-radius:0!important}
@media(max-width:760px){.orto-support-page .support-header{border-radius:15px 15px 0 0}}

/* Match the page gutter behind the support status strip and keep the white
   masthead's top corners visibly rounded like the main site header. */
.orto-support-page .support-status{background:#e9edf0!important;border-radius:0!important}
.orto-support-page .support-header{background:#fff!important;border-radius:18px 18px 0 0!important;overflow:hidden}
@media(max-width:760px){.orto-support-page .support-header{border-radius:15px 15px 0 0!important}}

/* The status strip scrolls with the document; the white rounded masthead sticks. */
html:has(body.orto-support-page),
body.orto-support-page{background:#e9edf0!important}
.orto-support-page .support-layout{background:#fff}
.orto-support-page .support-header{
  position:sticky!important;
  top:12px!important;
  z-index:100!important;
  background:#fff!important;
  border-radius:18px 18px 0 0!important;
}
@media(max-width:760px){.orto-support-page .support-header{top:8px!important;border-radius:15px 15px 0 0!important}}

/* Keep the top gutter opaque while the support masthead sticks, matching the
   shared site header frame so scrolling content cannot show through the gap. */
.orto-support-page .support-header-frame{
  position:sticky;
  top:0;
  z-index:1000;
  width:calc(100% + 24px);
  margin:0 -12px;
  padding:12px 12px 0;
  box-sizing:border-box;
  background:#e9edf0;
  isolation:isolate;
}
.orto-support-page .support-header-frame .support-header{
  position:relative!important;
  top:auto!important;
  z-index:auto!important;
  width:100%;
  margin:0!important;
  border-radius:18px 18px 0 0!important;
  overflow:hidden;
  background:#fff!important;
}
@media(max-width:760px){
  .orto-support-page .support-header-frame{width:calc(100% + 16px);margin:0 -8px;padding:8px 8px 0}
  .orto-support-page .support-header-frame .support-header{border-radius:15px 15px 0 0!important}
}