.sp-page{
  --sp-blue:#076e92;          /* --themeColorDark / buttons */
  --sp-blue-hover:#03506a;    /* --themeButtonHover */
  --sp-sky:#2bb3d6;
  --sp-band:#076e92;          /* get-started panel */
  --sp-line:#cfe8f1;          /* card + table borders */
  --sp-line-2:#bfe3ef;
  --sp-tint:#ebfaff;          /* table odd rows */
  --sp-tint-2:#f3fbfe;        /* demo panel */
  --sp-soft:#f6fafc;          /* migration box */
  --sp-grad:#d9f5ff;          /* --themeColorGrad */
  --sp-text:#313131;
  --sp-head:#000;
  --sp-shadow:0 5px 12.35px .65px rgba(7,110,146,.14);
  font-family:"Segoe UI",Calibri,Arial,sans-serif;
  color:var(--sp-text);
}
.sp-page *,.sp-page *::before,.sp-page *::after{box-sizing:border-box}
.sp-page a{color:var(--sp-blue);text-decoration:none}
.sp-page a:hover{text-decoration:underline}
.sp-page p{font-size:17px;line-height:28px;margin:0 0 14px}
.sp-page p:last-child{margin-bottom:0}
.sp-page .sp-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.sp-page .sp-sec{padding:90px 0}
.sp-page .sp-grad{background-image:linear-gradient(180deg,rgba(247,252,255,0) 0%,var(--sp-grad) 100%)}
.sp-page .sp-soft{background:var(--sp-soft)}
.sp-page .sp-head{text-align:center;max-width:920px;margin:0 auto 56px}
.sp-page .sp-head p{margin-top:16px}
.sp-page h2{font-size:42px;font-weight:600;line-height:54px;color:var(--sp-head);margin:0}
.sp-page h2 span{color:var(--sp-blue)}
.sp-page h3{font-size:20px;font-weight:600;line-height:28px;color:#000;margin:0 0 10px}
/* buttons — same structure as the site banner buttons (44px, 0 35px, 24px radius, uppercase) */
.sp-page .sp-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 35px;border-radius:24px;font-size:16px;font-weight:600;text-transform:uppercase;line-height:1;white-space:nowrap;text-decoration:none!important;border:1px solid var(--sp-blue);transition:background .2s ease,color .2s ease,border-color .2s ease}
.sp-page .sp-btn-solid{background:var(--sp-blue);color:#fff}
.sp-page .sp-btn-solid:hover{background:var(--sp-blue-hover);border-color:var(--sp-blue-hover);color:#fff}
.sp-page .sp-btn-line{background:#fff;color:var(--sp-blue)}
.sp-page .sp-btn-line:hover{background:var(--sp-blue);color:#fff}
.sp-page .sp-btns{display:flex;flex-wrap:wrap;gap:20px}
/* shared card + icon */
.sp-page .sp-card{background:#fff;border:1px solid var(--sp-line);border-radius:15px;box-shadow:var(--sp-shadow);padding:30px}
.sp-page .sp-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;flex:0 0 50px;border-radius:12px;background:var(--sp-tint)}
.sp-page .sp-icon svg{width:24px;height:24px;stroke:var(--sp-blue);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* hero */
.sp-page .sp-hero{padding:90px 0 80px;background-image:linear-gradient(180deg,rgba(247,252,255,0) 30%,var(--sp-grad) 100%)}
.sp-page .sp-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.sp-page .sp-hero-grid > *{min-width:0}
.sp-page .sp-hero h1{font-size:44px;line-height:58px;font-weight:600;color:var(--sp-head);margin:0 0 22px}
.sp-page .sp-hero h1 span{color:var(--sp-blue)}
.sp-page .sp-hero .sp-btns{margin-top:28px}
/* zig-zag */
.sp-page .sp-zig{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.sp-page .sp-zig > *{min-width:0}
.sp-page .sp-zig-text h2{margin-bottom:20px}
.sp-page .sp-zig-text .sp-btns{margin-top:26px}
/* project brief */
/* comparison table */
/* exact source and destination — CSS route map */
/* supported data types — API vs IMAP */
/* enterprise controls — dark band */
.sp-page .sp-dark{background:var(--sp-band);color:#eef3ff}
.sp-page .sp-dark h2{color:#fff}
.sp-page .sp-dark h2 span{color:#a8ecff}
.sp-page .sp-dark .sp-head p{color:#eef3ff}
/* security and deployment */
/* evaluation steps — 4 x 2 numbered grid */
/* trial / pilot banner */
.sp-page .sp-pilot{display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center;border-radius:25px;padding:44px 48px;background:var(--sp-tint-2);border:1px solid var(--sp-line-2);box-shadow:var(--sp-shadow)}
.sp-page .sp-pilot > *{min-width:0}
.sp-page .sp-pilot .sp-icon{width:96px;height:96px;flex-basis:96px;border-radius:50%;background:var(--sp-blue)}
.sp-page .sp-pilot .sp-icon svg{width:46px;height:46px;stroke:#fff}
.sp-page .sp-pilot h2{margin-bottom:14px}
.sp-page .sp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 26px}
.sp-page .sp-chips span{font-size:13.5px;font-weight:600;color:var(--sp-blue);background:#fff;border:1px solid var(--sp-line-2);border-radius:20px;padding:5px 14px}
/* common mistakes */
/* choose the correct workflow */
/* FAQ heading size inside this page */
.teams-br-page #faq h2{font-size:42px;font-weight:600;line-height:54px}
.teams-br-page{font-family:"Segoe UI",Arial,sans-serif;color:#233649;font-size:16px;line-height:1.65}
.teams-br-page *{box-sizing:border-box}
.teams-br-page .sp-sec{padding:65px 20px;background:#fff}
.teams-br-page .sp-wrap{max-width:1140px;margin:auto}
.teams-br-page h2{font-weight:700;color:#173450;font-size:clamp(26px,3vw,36px);line-height:1.25;margin:0 0 18px}
.teams-br-page h2 span{color:#087397}
.teams-br-page p{margin:0 0 18px}
.teams-br-page .sp-zig{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}
.teams-br-page .sp-zig-text p{font-size:16px;color:#475c6c}
.teams-br-page .sp-card{background:#fff;border:1px solid #dce6ed;border-radius:14px;box-shadow:0 8px 28px rgba(16,48,80,.07)}
.teams-br-page .sp-cov{overflow:hidden}
.teams-br-page .sp-cov-top{display:flex;justify-content:space-between;gap:12px;background:#f0f7fa;color:#1e4963;font-size:13px;font-weight:700;padding:17px 20px}
.teams-br-page .sp-cov-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:17px 20px;border-top:1px solid #e7edf2;font-size:14px;font-weight:600}
.teams-br-page .sp-cov-row small{display:block;color:#64798a;font-size:12px;font-weight:400;line-height:1.5;margin-top:3px}
.teams-br-page .sp-icon{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;background:#eaf6f9;color:#087397;border-radius:9px}
.teams-br-page .sp-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.teams-br-page .sp-ok{font-size:12px;color:#16794e;background:#eaf7ed;padding:4px 9px;border-radius:20px;white-space:nowrap}
.teams-br-page .sp-dark{background:#076e92;color:#e9f3fc}
.teams-br-page .sp-dark h2{color:#fff}
.teams-br-page .sp-dark h2 span{color:#61c6e5}
.teams-br-page .sp-head{text-align:center}
.teams-br-page .sp-verify-lab{text-align:center;color:#d3e7f3;font-weight:600;margin:0 0 25px}
.teams-br-page .sp-verify{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 auto 25px}
.teams-br-page .sp-verify > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    white-space: normal;
    text-align: left;
}
.teams-br-page .sp-verify-note{max-width:970px;margin:0 auto;color:#e6f3fb;text-align:center;font-size:15px}
@media(max-width:800px){.teams-br-page .sp-zig{grid-template-columns:1fr;gap:25px}.teams-br-page .sp-verify{grid-template-columns:repeat(2,minmax(0,1fr))}.teams-br-page .sp-sec{padding:45px 18px}}
@media(max-width:520px){.teams-br-page .sp-verify{grid-template-columns:1fr}.teams-br-page .sp-cov-row{grid-template-columns:36px minmax(0,1fr);gap:10px}.teams-br-page .sp-ok{grid-column:2;justify-self:start}.teams-br-page .sp-cov-top{font-size:11px}}

@media (max-width:1170px){
  .sp-page .sp-hero-grid,.sp-page .sp-zig{grid-template-columns:1fr;gap:36px}
}
@media (max-width:1024px){
  .sp-page h2,.teams-br-page #faq h2{font-size:36px;line-height:46px}
  .sp-page .sp-hero h1{font-size:38px;line-height:50px}
}
@media (max-width:768px){
  .sp-page .sp-sec{padding:60px 0}
  .sp-page .sp-hero{padding:60px 0}
  .sp-page h2,.teams-br-page #faq h2{font-size:32px;line-height:42px}
  .sp-page .sp-hero h1{font-size:32px;line-height:42px}
  .sp-page .sp-head{margin-bottom:40px}
  .sp-page .sp-pilot{grid-template-columns:1fr;padding:30px 24px;gap:18px}
}
@media (max-width:600px){
  .sp-page p{font-size:15px;line-height:26px}
}
@media (max-width:480px){
  .sp-page h2,.teams-br-page #faq h2{font-size:28px;line-height:38px}
  .sp-page .sp-hero h1{font-size:28px;line-height:38px}
  .sp-page .sp-btn{width:100%}
}
/* ===== tenant-to-tenant additions ===== */
/* hero — source tenant to target tenant */
/* supported data table — status badge column */
.sp-page .sp-ok{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:20px;background:#e9f7ef;color:#1f7a4c;font-size:13.5px;font-weight:700;white-space:nowrap}
.sp-page .sp-ok::before{content:"\2713"}
/* planning — inventory tiles */
.sp-page .sp-inv{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.sp-page .sp-inv div{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--sp-line);border-radius:15px;padding:18px 18px;font-weight:600;font-size:16px;color:#000;box-shadow:var(--sp-shadow)}
.sp-page .sp-inv div::before{content:"\2713";flex:0 0 26px;height:26px;border-radius:8px;background:var(--sp-tint);color:var(--sp-blue);font-size:13px;font-weight:700;line-height:26px;text-align:center}
.sp-page .sp-inv div:last-child{background:var(--sp-blue);border-color:var(--sp-blue);color:#fff}
.sp-page .sp-inv div:last-child::before{background:rgba(255,255,255,.2);color:#fff}
/* identity mapping table visual */
/* step-by-step — three phases */
/* staged migration — horizontal timeline on dark band */
/* filters — scope toggles */
/* best practices — 2 x 2 numbered cards */
/* post-migration verification — source vs target table */
/* common issues — problem / fix cards */
/* tenant vs domain — related workflows */
@media (max-width:1170px){
  .sp-page .sp-inv{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
}
@media (max-width:600px){
  .sp-page .sp-inv{grid-template-columns:1fr}
}
@media (max-width:480px){
}
/* ===== Google Workspace to Google Workspace additions ===== */
/* hero — migration job card */
/* when required — five scenario cards */
.sp-page .sp-when{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.sp-page .sp-when .sp-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:28px 18px;border-radius:25px;font-weight:600;font-size:16px;line-height:24px;color:#000}
.sp-page .sp-when .sp-icon{width:62px;height:62px;flex-basis:62px;border-radius:50%}
.sp-page .sp-when .sp-card:nth-child(even){background:var(--sp-tint-2);border-color:var(--sp-line-2)}
.sp-page .sp-when .sp-card:nth-child(even) .sp-icon{background:#fff}
/* partial support badge */
.sp-page .sp-ok.sp-ok-part{background:#fff6e6;color:#a86200}
.sp-page .sp-ok.sp-ok-part::before{content:"\25D0"}
/* admin-controlled — credentials not required */
/* bulk, concurrent, incremental — trio on dark band */
/* mapping + selection chips */
/* common issues note */
@media (max-width:1170px){
  .sp-page .sp-when{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:768px){
  .sp-page .sp-when{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:480px){
  .sp-page .sp-when{gap:14px}
  .sp-page .sp-when .sp-card{padding:20px 12px;font-size:14.5px;line-height:21px}
  .sp-page .sp-when .sp-card:last-child{grid-column:1 / -1}
}
/* ===== IMAP to Google Workspace additions ===== */
/* hero — IMAP connection card */
/* right path — fit vs not */
/* not included badge */
/* prepare source / target — paired checklist cards */
/* step-by-step — alternating vertical timeline */
.sp-page .sp-tl{list-style:none;margin:0 auto;padding:0;max-width:1000px;position:relative;counter-reset:gwtl}
.sp-page .sp-tl::before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:2px dashed var(--sp-line-2);margin-left:-1px}
.sp-page .sp-tl li{counter-increment:gwtl;position:relative;width:50%;padding:0 46px 26px 0;font-size:16px;line-height:25px}
.sp-page .sp-tl li:nth-child(even){margin-left:50%;padding:0 0 26px 46px}
.sp-page .sp-tl li::before{content:counter(gwtl);position:absolute;top:14px;right:-18px;width:36px;height:36px;border-radius:50%;background:var(--sp-blue);color:#fff;font-weight:700;font-size:15px;line-height:36px;text-align:center;box-shadow:0 0 0 6px var(--sp-soft);z-index:1}
.sp-page .sp-tl li:nth-child(even)::before{right:auto;left:-18px}
.sp-page .sp-tl li span{display:block;background:#fff;border:1px solid var(--sp-line);border-radius:15px;padding:18px 22px;box-shadow:var(--sp-shadow)}
.sp-page .sp-tl li:last-child span{background:var(--sp-blue);border-color:var(--sp-blue);color:#fff}
/* single and bulk — CSV card */
/* folder-to-label */
/* best practices — three columns */
.sp-page .sp-bp3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sp-page .sp-bp3 .sp-card{border-radius:25px;padding:32px 28px}
.sp-page .sp-bp3 .sp-icon{width:58px;height:58px;flex-basis:58px;border-radius:16px;margin-bottom:18px}
.sp-page .sp-bp3 p{font-size:16px;line-height:26px}
/* incremental and verification — verify grid on dark band */
/* related inbound paths */
@media (max-width:1170px){
  .sp-page .sp-bp3{grid-template-columns:1fr}
}
@media (max-width:1024px){
}
@media (max-width:768px){
  .sp-page .sp-tl::before{left:18px}
  .sp-page .sp-tl li,.sp-page .sp-tl li:nth-child(even){width:100%;margin-left:0;padding:0 0 20px 56px}
  .sp-page .sp-tl li::before,.sp-page .sp-tl li:nth-child(even)::before{left:0;right:auto}
}
@media (max-width:600px){
}
/* ===== Migrate to Google Workspace hub additions ===== */
/* hero — sources converge on Google Workspace */
/* why source decides — access scope rows */
/* source-specific paths — stacked horizontal cards */
/* 4-column source table */
/* planning checklist — 3 x 3 */
/* best practices — numbered list beside intro */
/* common issues — 2 x 2 */
/* source scope — two cards on dark band */
@media (max-width:1170px){
}
@media (max-width:1024px){
}
@media (max-width:768px){
}
@media (max-width:600px){
}
/* ===== M&A additions ===== */
/* hero — two organizations merge into one target */
/* challenges — big-number cards */
/* identity — chips above the table */
/* pilot and waves — growing bars */
@media (max-width:1170px){
}
@media (max-width:600px){
}
/* ===== OneDrive backup and restore additions ===== */
/* hero — backup / restore loop */
.sp-page .sp-loop{border-radius:25px;padding:30px 28px}
.sp-page .sp-loop-row{display:grid;grid-template-columns:1fr 46px 1fr 46px 1fr;align-items:center}
.sp-page .sp-loop-row > *{min-width:0}
.sp-page .sp-node{text-align:center;padding:18px 10px;border-radius:15px;border:1px solid var(--sp-line);background:var(--sp-tint-2)}
.sp-page .sp-node i{display:block;width:54px;height:38px;margin:0 auto 10px;border-radius:20px;background:var(--sp-blue);position:relative}
.sp-page .sp-node i::before{content:"";position:absolute;left:8px;top:-12px;width:26px;height:26px;border-radius:50%;background:var(--sp-blue)}
.sp-page .sp-node.sp-node-repo i{width:44px;height:50px;border-radius:22px/8px;background:var(--sp-sky)}
.sp-page .sp-node.sp-node-repo i::before{left:0;top:10px;width:44px;height:2px;border-radius:0;background:rgba(255,255,255,.7);box-shadow:0 12px 0 rgba(255,255,255,.7)}
.sp-page .sp-node.sp-node-tenant i{width:44px;height:46px;border-radius:6px;background:#ff9d01}
.sp-page .sp-node.sp-node-tenant i::before{left:9px;top:9px;width:26px;height:28px;border-radius:2px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.85) 0 4px,transparent 4px 8px)}
.sp-page .sp-node b{display:block;font-size:15px;font-weight:600;color:#000;line-height:21px}
.sp-page .sp-node small{display:block;font-size:12.5px;color:#6a7385;margin-top:2px}
.sp-page .sp-loop-arrow{text-align:center;color:var(--sp-blue);font-weight:700;font-size:20px}
.sp-page .sp-loop-back{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;padding:12px 16px;border-radius:12px;background:var(--sp-tint);color:var(--sp-blue);font-size:14px;font-weight:600}
.sp-page .sp-loop-back::before{content:"\21BA";font-size:18px}
.sp-page .sp-loop-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}
.sp-page .sp-loop-tags span{font-size:12.5px;font-weight:600;border-radius:20px;padding:4px 12px;background:#fff;border:1px solid var(--sp-line);color:#000}
/* shared responsibility split */
/* plan as one workflow — 4 connected question cards */
/* how it works — two phases */
/* RPO / RTO metric cards */
/* restore scenarios — scope ladder */
/* same vs different tenant */
/* storage and incremental */
/* verify — quote line */
/* checklist tiles — 2 columns of 4 */
/* related resources */
.sp-page .sp-res{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;margin:0;padding:0}
.sp-page .sp-res li{margin:0}
.sp-page .sp-res a{display:flex;align-items:center;justify-content:space-between;gap:12px;height:100%;min-height:84px;padding:20px 22px;border-radius:15px;background:#fff;border:1px solid var(--sp-line);box-shadow:var(--sp-shadow);font-weight:600;font-size:16px;line-height:23px;color:#000;text-decoration:none}
.sp-page .sp-res a::after{content:"\2192";flex:0 0 34px;height:34px;border-radius:50%;background:var(--sp-tint);color:var(--sp-blue);font-weight:700;line-height:34px;text-align:center;transition:background .2s ease,color .2s ease}
.sp-page .sp-res a:hover{border-color:var(--sp-blue);text-decoration:none}
.sp-page .sp-res a:hover::after{background:var(--sp-blue);color:#fff}
.teams-br-page #faq h2{font-size:42px;font-weight:600;line-height:54px}
@media (max-width:1170px){
.sp-page .sp-res{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1024px){
  .teams-br-page #faq h2{font-size:36px;line-height:46px}
}
@media (max-width:768px){
  .teams-br-page #faq h2{font-size:32px;line-height:42px}
}
@media (max-width:600px){
.sp-page .sp-res{grid-template-columns:1fr}
  .sp-page .sp-loop{padding:22px 14px}
  .sp-page .sp-loop-row{grid-template-columns:1fr;gap:6px}
  .sp-page .sp-loop-arrow{transform:rotate(90deg)}
}
@media (max-width:480px){
  .teams-br-page #faq h2{font-size:28px;line-height:38px}
}
/* ===== OneDrive backup software comparison additions ===== */
.sp-page .sp-hero.sp-hero-plain{background:none;background-image:none}
/* hero — three architectures */
/* three approaches */
/* comparison table — highlight the EdbMails column */
/* differentiators on dark band */
/* cost model */
/* buyers verify — 3 columns */
.sp-page .sp-inv.sp-inv3{grid-template-columns:repeat(3,1fr)}
.sp-page .sp-inv.sp-inv3 div{align-items:flex-start;line-height:24px}
/* native + independent layers */
@media (max-width:1170px){
  .sp-page .sp-inv.sp-inv3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
}
@media (max-width:600px){
.sp-page .sp-inv.sp-inv3{grid-template-columns:1fr}
}
/* reasons cards — keep text clear of the number */
/* ===== OneDrive ransomware recovery additions ===== */
.sp-page .sp-hero.sp-hero-plain{background:none;background-image:none}
.sp-page .sp-hero h2.sp-hero-title{margin:0 0 20px}
.sp-page .sp-dark h2 span{color:#fff}
/* badges (as provided) */
.sp-page .sp-chips span{display:inline-flex;align-items:center;font-style:normal;font-size:12.5px;font-weight:700;border-radius:20px;padding:4px 12px;white-space:nowrap;background-color:#E3F6FD !important;color:#076E92 !important;border:1px solid #B3E3F3 !important}
/* recovery points timeline (hero + depth) */
/* does / does not */
/* recovery sequence on dark band */
/* isolated copy banner */
.sp-page .sp-pilot .sp-chips{margin-top:16px}
/* separate location flow */
/* where it fits — plan pillars */
@media (max-width:1170px){
}
@media (max-width:1024px){
}
@media (max-width:768px){
}
@media (max-width:600px){
}
@media (max-width:480px){.sp-page .sp-rp-title{flex-wrap:wrap;margin-bottom:30px}}
.sp-page .sp-hero.sp-hero-plain{background:none;background-image:none}
.sp-page .sp-hero h2.sp-hero-title{margin:0 0 20px}
.sp-page .sp-dark h2 span{color:#fff}
.sp-page .sp-chips span{display:inline-flex;align-items:center;font-style:normal;font-size:12.5px;font-weight:700;border-radius:20px;padding:4px 12px;white-space:nowrap;background-color:#E3F6FD !important;color:#076E92 !important;border:1px solid #B3E3F3 !important}
.sp-page .sp-chips span{white-space:normal}
.sp-page .sp-res.sp-res5{grid-template-columns:repeat(5,1fr)}
.sp-page .sp-cov{padding:0;overflow:hidden;border-radius:25px}
.sp-page .sp-cov-top{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px 26px;background:var(--sp-blue);color:#fff;font-size:16px;font-weight:600}
.sp-page .sp-cov-row{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:16px 26px;border-bottom:1px solid var(--sp-line);font-size:16.5px;font-weight:600;color:#000}
.sp-page .sp-cov-row small{display:block;font-size:14px;font-weight:400;line-height:21px;color:var(--sp-text);margin-top:2px}
.sp-page .sp-cov-row:nth-child(odd){background:var(--sp-tint)}
.sp-page .sp-cov-row:last-child{border-bottom:0}
.sp-page .sp-cov-row .sp-icon{width:44px;height:44px;flex-basis:44px;background:#fff;border:1px solid var(--sp-line)}
.sp-page .sp-verify{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;max-width:960px;margin:0 auto}
.sp-page .sp-verify span{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:30px;background:rgba(255,255,255,.1);border:1px dashed rgba(255,255,255,.45);color:#fff;font-weight:600;font-size:16px}
.sp-page .sp-verify span::before{content:"?";flex:0 0 24px;height:24px;border-radius:50%;background:#fff;color:var(--sp-blue);font-weight:700;font-size:14px;line-height:24px;text-align:center}
.sp-page .sp-verify-lab{text-align:center;color:#fff;font-weight:600;margin:0 0 18px}
.sp-page .sp-dark .sp-verify-note {
    max-width: 820px;
    margin: 30px auto 0;
    text-align: center;
    color: #eef3ff;
}
@media (max-width:1170px){.sp-page .sp-res.sp-res5{grid-template-columns:repeat(3,1fr)}}
@media (max-width:768px){.sp-page .sp-res.sp-res5{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.sp-page .sp-cov-row{grid-template-columns:auto 1fr;padding:14px 18px}.sp-page .sp-cov-row > :last-child{grid-column:2;justify-self:start}.sp-page .sp-cov-top{padding:14px 18px}}
@media (max-width:480px){.sp-page .sp-res.sp-res5{grid-template-columns:1fr}.sp-page .sp-verify span{width:100%}}
/* ===== site theme + FAQ icon (as provided) ===== */
:root {
    --themeColorGrad: #d9f5ff;
    --themeColorDark: #076e92;
    --themeButtonHover: #03506a;
    --themeColorBC: #ebfaff;
    --themePriceColor: #fe4b6d;
    --themeColorBC_B: #d6e9f0;
}
.faq-question-holder .accordion-item .accordion-title:after {
    line-height: 20px;
    display: block;
    position: absolute;
    top: 20px;
    right: 15px;
    content: "";
    text-align: center;
    font-size: 13px;
    height: 19px;
    width: 18px;
    display: inline-block;
}
.faq-question-holder .accordion-item .accordion-title:after {
    background: url(/template/default/images/icons/sharepoint-faq-icon.png) no-repeat;
}
.faq-question-holder .accordion-item .accordion-title.open:after {
    content: "";
    background-position: bottom;
}
.header-content .videos_img_list {
  background: url(/template/default/images/sharepoint-migration-banner-image.webp) center no-repeat;
}