/* Support pages shared styles extracted from inline template */
.support-gs-layout {display:flex; align-items:flex-start; gap:48px; min-height: 1000px;}
.support-gs-layout .support-gs-sidebar {flex: 0 0 400px; max-width:400px;}
.support-gs-layout .support-gs-content {flex:1 1 auto; min-width:300px;}

.support-nav-item {list-style:none; font-size:18px; font-weight:400; color:#1a1a40; margin-bottom:8px; position:relative; display:inline-flex; align-items:center; gap:4px; transition:color .15s ease;}
.support-nav-item::after {content:""; opacity:0; transform:translateX(-4px); transition:opacity .2s ease, transform .2s ease;}
.support-nav-item:hover,
.support-nav-item:focus {font-weight:400; color:#007aff; text-decoration:none;}
.support-nav-item:hover::after,
.support-nav-item:focus::after {content:"→"; opacity:1; transform:translateX(2px); color:#007aff;}

.page-header {font-size:36px; margin:0 0 12px; color:#1a1a40; font-weight:600;}
.page-subheader {margin:0; color:#5f5f6A;}

.step-heading {display:block; font-size: 22px; font-weight:600; margin-top:24px; margin-bottom:8px; color:#0A0B20; }
.step-text {margin:0 0 16px; color:#1a1a40;}
.step-item {margin-bottom: 4px; color:#1a1a40;}


.platform-name{text-decoration:none; color: #2AA98B; font-size: 16px; font-weight:500; transition: color .15s ease; display:inline-block; margin-bottom:8px;}
.platform-name:hover{color: #22AAAA;}

@media (max-width:900px){
	.support-gs-layout {flex-direction:column; gap:32px;}
	.support-gs-layout .support-gs-sidebar {max-width:100%;}
}
.support-gs-sidebar nav a {text-decoration:none;}
.support-gs-sidebar nav a:hover {text-decoration:underline;}

.topic-list {display:block; font-size:17px; font-weight:400; line-height:24px; color:#1a1a40; text-decoration:none; padding:22px; margin-bottom:14px; border:1px solid #e7e7ed; border-radius:4px; transition:border-color .15s ease, color .15s ease;}
.topic-list:hover {text-decoration:none; color:#007aff; border-color:#007aff;}

.guide-img {display:block; max-width:100%; height:auto; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.1); margin:0 0 20px; overflow: hidden;}
.guide-img-small {display:block; max-width:320px; height:auto; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.1); margin:0 0 20px; overflow: hidden;}

/* Breadcrumb arrow styling */
.breadcrumb-arrows .breadcrumb-item + .breadcrumb-item::before {content:"›"; font-weight:400; text-decoration: none;}

/* section blocks */
.block-blue {background:#eef7ff;border-radius:12px;padding:32px;border-left:4px solid #007aff;}
.block-green {background:#ebfef8;border-radius:12px;padding:32px;border-left:4px solid #00ab78;}
.block-orange {background:#ffe6e6;border-radius:12px;padding:32px;border-left:4px solid #e35b35;}
.block-red {background:#fff1f2;border-radius:12px;padding:32px;border-left:4px solid #bf0101;}
.block-purple {background:#f6eff1;border-radius:12px;padding:32px;border-left:4px solid #5b3644;}
.block-cyan {background:#f0f9ff;border-radius:12px;padding:32px;border-left:4px solid #0ea5e9;}
.block-gray {background:#f4f5f0;border-radius:12px;padding:32px;border-left:4px solid #717388;}
.block-yellow {background:#ffffd0;border-radius:12px;padding:32px;border-left:4px solid #eab308;}
.block-brown {background:#efe3dc;border-radius:12px;padding:32px;border-left:4px solid #a66e4a;}
.block-dark {background:#ececec;border-radius:12px;padding:32px;border-left:4px solid #1a1a40;}

/* Support List Links */
.support-list-link {text-decoration:none; color: #007aff; font-size: 16px; font-weight:500; transition: color .15s ease; display:inline-block; margin-bottom:8px;}
.support-list-link:hover {text-decoration: underline;}

.text-link {color:#007aff; text-decoration:none; font-weight:500; transition:color .15s ease;}
.text-link:hover, .text-link:focus {color:#2AA98B; text-decoration:underline;}

.tip-box-blue {background:#CCE4FF; padding:20px 20px 10px 20px; border-radius:8px; margin:auto;}
.tip-box-green {background:#cfebdc; padding:20px 20px 10px 20px; border-radius:8px; margin:auto;}
.tip-box-yellow {background:#fffbc9; padding:20px 20px 10px 20px; border-radius:8px; margin:auto;}
.tip-box-gray {background:#f8f9fa; padding:20px 20px 10px 20px; border-radius:8px; margin:auto;}
.tip-box-red {background:#ffcdcd; padding:20px 20px 10px 20px; border-radius:8px; margin:auto;}

.tip-text {color:#3C3C5C; line-height:auto;}