@media (max-width: 921px) { .ast-mobile-header-wrap,
#ast-mobile-header {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
z-index: 9999999 !important;
transition: background 0.2s ease, box-shadow 0.2s ease !important;
} .ast-mobile-header-wrap.scrolled,
#ast-mobile-header.scrolled {
background: rgba(20, 20, 20, 0.5) !important; 
backdrop-filter: blur(15px) !important;
-webkit-backdrop-filter: blur(15px) !important;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
} body.gateway-menu-active .ast-mobile-header-wrap,
body.gateway-menu-active #ast-mobile-header {
background: rgba(20, 20, 20, 0.5) !important; 
backdrop-filter: blur(15px) !important;
-webkit-backdrop-filter: blur(15px) !important;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}  .menu-toggle,
.ast-mobile-menu-toggle,
.ast-button-wrap button {
position: relative !important;
z-index: 99999999 !important;
} .menu-toggle .ast-menu-svg,
.ast-mobile-menu-toggle .ast-menu-svg {
display: inline-flex !important;
opacity: 1 !important;
transition: opacity 0.2s ease !important;
}
.menu-toggle .ast-close-svg,
.ast-mobile-menu-toggle .ast-close-svg {
display: none !important;
opacity: 0 !important;
transition: opacity 0.2s ease !important;
} .menu-toggle.gateway-menu-open .ast-menu-svg,
.ast-mobile-menu-toggle.gateway-menu-open .ast-menu-svg,
button.gateway-menu-open .ast-menu-svg {
display: none !important;
opacity: 0 !important;
}
.menu-toggle.gateway-menu-open .ast-close-svg,
.ast-mobile-menu-toggle.gateway-menu-open .ast-close-svg,
button.gateway-menu-open .ast-close-svg {
display: inline-flex !important;
opacity: 1 !important;
} .menu-toggle svg,
.ast-mobile-menu-toggle svg,
.ast-theme-transparent-header .menu-toggle svg,
.ast-theme-transparent-header .ast-mobile-menu-toggle svg,
.ast-mobile-header-wrap.scrolled .menu-toggle svg,
.ast-mobile-header-wrap.scrolled .ast-mobile-menu-toggle svg,
body.gateway-menu-active .menu-toggle svg,
body.gateway-menu-active .ast-mobile-menu-toggle svg {
fill: #ffffff!important;
} #ast-mobile-site-navigation,
.main-header-bar-navigation .ast-mobile-site-navigation {
display: none !important;
} .gateway-menu-overlay {
position: fixed;
top: 90px;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
z-index: 999 !important;
pointer-events: none;
}
.gateway-menu-overlay.active {
opacity: 1;
visibility: visible;
pointer-events: auto;
} .gateway-menu-panel {
position: fixed;
top: 90px;
left: -85%;
width: 85%;
max-width: 400px;
height: calc(100vh - 90px);
height: calc(100dvh - 90px);
background: #ffffff;
z-index: 1000 !important;
transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
overscroll-behavior: contain;
}
.gateway-menu-panel.active {
left: 0;
}
.gateway-menu-content {
padding: 20px 0;
} .gateway-primary-nav {
list-style: none;
margin: 0;
padding: 0;
}
.gateway-primary-nav li {
border-bottom: 1px solid #f0f0f0;
margin: 0;
}
.gateway-primary-nav li a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 20px;
color: #333;
text-decoration: none;
font-size: 16px;
transition: background 0.2s ease;
}
.gateway-primary-nav li a:hover,
.gateway-primary-nav li a:active {
background: rgba(0, 102, 204, 0.05);
}
.gateway-primary-nav li.current-menu-item > a,
.gateway-primary-nav li.current_page_item > a {
color: #0066cc;
font-weight: 600;
}
.gateway-primary-nav li a::after {
content: '';
width: 8px;
height: 8px;
border-top: 2px solid currentColor;
border-right: 2px solid currentColor;
transform: rotate(45deg);
opacity: 0.5;
}
.gateway-primary-nav .sub-menu {
list-style: none;
padding-left: 20px;
margin: 0;
}
.gateway-primary-nav .sub-menu li a {
padding: 12px 20px;
font-size: 15px;
} .gateway-custom-links {
margin-top: 20px;
padding: 20px 0;
border-top: 2px solid #e0e0e0;
}
.gateway-custom-links-title {
padding: 0 20px 10px;
font-size: 13px;
color: #999;
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: 600;
}
.gateway-custom-link {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 20px;
margin: 5px 0;
background: #f8f9fa;
color: #333;
text-decoration: none;
font-size: 15px;
transition: all 0.2s ease;
}
.gateway-custom-link:hover,
.gateway-custom-link:active {
background: #e9ecef;
transform: translateX(5px);
}
.gateway-custom-link svg {
width: 16px;
height: 16px;
stroke: currentColor;
fill: none;
} body.gateway-menu-active {
position: fixed !important;
overflow: hidden !important;
touch-action: none !important;
width: 100% !important;
} @supports (-webkit-touch-callout: none) {
body.gateway-menu-active {
min-height: -webkit-fill-available !important;
}
}
} @media (min-width: 922px) {
.gateway-menu-overlay,
.gateway-menu-panel {
display: none !important;
}
} .menu-toggle .screen-reader-text,
.ast-mobile-menu-toggle .screen-reader-text {
display: none !important;
}:root {
--gc-navy: #262474;
--gc-blue: #1b60aa;
--gc-green-dark: #24906b;
--gc-green: #6db460;
--gc-white: #ffffff;
--gc-black: #0a0a0a;
--gc-gray-900: #1a1a1a;
--gc-gray-800: #2a2a2a;
--gc-gray-700: #374151;
--gc-gray-600: #495057;
--gc-gray-200: #e5e7eb;
--gc-gray-100: #f5f5f5;
--gc-gray-50: #f9fafb;
} .cpt-scope .gc-hero {
position: relative;
background: var(--gc-navy);
min-height: 500px;
display: flex;
align-items: flex-end;
overflow: hidden;
width: 100vw;
margin-left: calc(-50vw + 50%);
}
.cpt-scope .gc-hero-bg {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 35%;
overflow: hidden;
}
.cpt-scope .gc-hero-bg::before {
content: '';
position: absolute;
inset: 0;
background: rgba(0,0,0,0.3);
z-index: 1;
}
.cpt-scope .gc-hero-bg img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(20%);
}
.cpt-scope .gc-hero-content {
max-width: 1200px;
margin: 0 auto;
width: 100%;
padding: 0 60px 40px;
z-index: 2;
position: relative;
}
.cpt-scope .gc-hero h1 {
font-size: 38px;
font-weight: 800;
color: var(--gc-white);
margin-bottom: 24px;
max-width: 60%;
}
.cpt-scope .gc-hero-code {
font-size: 28px;
font-weight: 700;
color: var(--gc-green);
margin-bottom: 40px;
letter-spacing: 2px;
}
.cpt-scope .gc-hero-buttons {
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.cpt-scope .gc-btn {
display: inline-flex;
background: var(--gc-navy);
color: var(--gc-white);
padding: 16px 42px;
font-size: 18px;
font-weight: 600;
border: 2px solid var(--gc-white);
border-radius: 50px;
text-decoration: none;
transition: all 0.3s;
}
.cpt-scope .gc-btn-secondary {
background: var(--gc-white);
color: var(--gc-navy);
border-color: var(--gc-white);
}
.cpt-scope .gc-btn:hover {
background: var(--gc-blue);
border-color: var(--gc-blue);
transform: translateY(-2px);
box-shadow: 0 12px 35px rgba(38,36,116,0.4);
text-decoration: none;
color: var(--gc-white);
}
.cpt-scope .gc-btn-secondary:hover {
background: var(--gc-green);
border-color: var(--gc-green);
} .cpt-scope .gc-main {
width: 100vw;
margin-left: calc(-50vw + 50%);
padding: 80px 0;
}
.cpt-scope .gc-grid {
max-width: 1200px;
margin: 0 auto;
padding: 0 60px;
display: grid;
grid-template-columns: 2fr 1fr;
gap: 80px;
align-items: start;
}
.cpt-scope .gc-section {
margin-bottom: 80px;
}
.cpt-scope .gc-section:last-child {
margin-bottom: 0;
}
.cpt-scope .gc-title {
font-size: 32px;
font-weight: 800;
color: var(--gc-black);
margin-bottom: 24px;
letter-spacing: -1px;
}
.cpt-scope .gc-subtitle {
font-size: 16px;
color: #666;
margin-bottom: 40px;
}
.cpt-scope .gc-section p {
font-size: 18px;
line-height: 1.7;
color: var(--gc-gray-800);
} .cpt-scope .gc-sidebar {
position: sticky;
top: 100px;
}
.cpt-scope .gc-info-card {
background: var(--gc-gray-900);
color: var(--gc-white);
padding: 48px;
border-radius: 32px;
}
.cpt-scope .gc-info-card h3 {
font-size: 22px;
font-weight: 700;
margin-bottom: 32px;
color: rgba(255,255,255,0.5);
}
.cpt-scope .gc-info-row {
padding: 24px 0;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.cpt-scope .gc-info-row:last-child {
border-bottom: none;
}
.cpt-scope .gc-info-label {
font-size: 12px;
font-weight: 600;
color: rgba(255,255,255,0.5);
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 8px;
}
.cpt-scope .gc-info-value {
font-size: 18px;
font-weight: 600;
} .cpt-scope .gc-timeline {
position: relative;
}
.cpt-scope .gc-timeline-item {
position: relative;
margin-bottom: 32px;
}
.cpt-scope .gc-timeline-item:last-child {
margin-bottom: 0;
}
.cpt-scope .gc-timeline-line {
position: absolute;
left: 31px;
top: 68px;
width: 2px;
height: calc(100% + 24px);
background: #e5e5e5;
z-index: 1;
}
.cpt-scope .gc-timeline-content {
display: flex;
gap: 20px;
position: relative;
z-index: 2;
align-items: flex-start;
}
.cpt-scope .gc-timeline-badge {
width: 64px;
height: 64px;
border-radius: 16px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: var(--gc-white);
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
flex-shrink: 0;
position: relative;
z-index: 3;
}
.cpt-scope .gc-timeline-num {
font-size: 24px;
font-weight: 800;
line-height: 1;
margin-bottom: 2px;
}
.cpt-scope .gc-timeline-dur {
font-size: 9px;
font-weight: 600;
opacity: 0.9;
white-space: nowrap;
}
.cpt-scope .gc-timeline-card {
flex: 1;
min-width: 0;
background: #f8f9fa;
border-radius: 20px;
padding: 28px;
border: 2px solid #e9ecef;
position: relative;
z-index: 2;
}
.cpt-scope .gc-timeline-card h4 {
font-size: 18px;
font-weight: 700;
margin-bottom: 20px;
line-height: 1.3;
color: var(--gc-black);
}
.cpt-scope .gc-timeline-list {
display: flex;
flex-direction: column;
gap: 14px;
}
.cpt-scope .gc-timeline-unit {
display: flex;
align-items: flex-start;
gap: 12px;
}
.cpt-scope .gc-timeline-unit > div {
flex: 1;
min-width: 0;
}
.cpt-scope .gc-timeline-unit svg {
flex-shrink: 0;
margin-top: 1px;
}
.cpt-scope .gc-unit-code {
font-size: 13px;
font-weight: 700;
margin-bottom: 4px;
line-height: 1.2;
}
.cpt-scope .gc-unit-name {
font-size: 14px;
color: var(--gc-gray-600);
line-height: 1.5;
word-wrap: break-word;
} .cpt-scope .gc-week-list {
background: #f8f9fa;
border-radius: 20px;
padding: 28px;
border: 2px solid #e9ecef;
}
.cpt-scope .gc-week-list h4 {
font-size: 18px;
font-weight: 700;
margin-bottom: 20px;
}
.cpt-scope .gc-week-item {
display: flex;
align-items: flex-start;
gap: 12px;
margin-bottom: 14px;
}
.cpt-scope .gc-week-item:last-child {
margin-bottom: 0;
}
.cpt-scope .gc-week-badge {
width: 52px;
height: 52px;
border-radius: 12px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: var(--gc-white);
flex-shrink: 0;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.cpt-scope .gc-week-label {
font-size: 11px;
font-weight: 600;
opacity: 0.8;
text-transform: uppercase;
}
.cpt-scope .gc-week-num {
font-size: 18px;
font-weight: 800;
line-height: 1;
}
.cpt-scope .gc-week-text {
font-size: 16px;
color: var(--gc-gray-900);
line-height: 1.5;
font-weight: 600;
padding-top: 4px;
} .cpt-scope .gc-section-list {
background: #f8f9fa;
border-radius: 20px;
padding: 28px;
border: 2px solid #e9ecef;
}
.cpt-scope .gc-section-list h4 {
font-size: 18px;
font-weight: 700;
margin-bottom: 20px;
}
.cpt-scope .gc-section-item {
display: flex;
align-items: flex-start;
gap: 12px;
margin-bottom: 14px;
}
.cpt-scope .gc-section-item:last-child {
margin-bottom: 0;
}
.cpt-scope .gc-section-item svg {
flex-shrink: 0;
margin-top: 2px;
}
.cpt-scope .gc-section-item span {
font-size: 16px;
color: var(--gc-gray-900);
line-height: 1.5;
font-weight: 500;
} .cpt-scope .gc-learn {
background: linear-gradient(135deg, #f0f9ff 0%, #f5f3ff 100%);
padding: 80px 0;
width: 100vw;
margin-left: calc(-50vw + 50%);
}
.cpt-scope .gc-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 60px;
}
.cpt-scope .gc-section-title {
font-size: 32px;
font-weight: 800;
color: var(--gc-black);
margin-bottom: 40px;
letter-spacing: -1px;
}
.cpt-scope .gc-units-grid {
display: grid;
gap: 24px;
align-items: start;
}
.cpt-scope .gc-units-grid.gc-two-col {
grid-template-columns: 1fr 1fr;
}
.cpt-scope .gc-units-grid.gc-one-col {
grid-template-columns: 1fr;
max-width: 900px;
margin: 0 auto;
}
.cpt-scope .gc-unit-card {
border-radius: 24px;
overflow: hidden;
border: 2px solid;
}
.cpt-scope .gc-unit-card.gc-core {
background: linear-gradient(135deg, var(--gc-navy) 0%, var(--gc-blue) 100%);
border-color: rgba(38,36,116,0.3);
}
.cpt-scope .gc-unit-card.gc-elective {
background: linear-gradient(135deg, var(--gc-green-dark) 0%, var(--gc-green) 100%);
border-color: rgba(36,144,107,0.3);
}
.cpt-scope .gc-unit-header {
padding: 28px 32px;
background: rgba(0,0,0,0.1);
}
.cpt-scope .gc-unit-label {
font-size: 12px;
font-weight: 700;
color: rgba(255,255,255,0.8);
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 6px;
}
.cpt-scope .gc-unit-subtitle {
font-size: 22px;
font-weight: 700;
color: var(--gc-white);
}
.cpt-scope .gc-unit-body {
padding: 24px 32px 32px;
background: rgba(255,255,255,0.05);
}
.cpt-scope .gc-unit-list {
background: var(--gc-white);
border-radius: 12px;
padding: 20px;
}
.cpt-scope .gc-unit-item {
display: flex;
gap: 16px;
align-items: start;
padding: 12px 0;
}
.cpt-scope .gc-unit-num {
width: 32px;
height: 32px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 14px;
color: var(--gc-white);
flex-shrink: 0;
}
.cpt-scope .gc-core .gc-unit-num {
background: var(--gc-navy);
}
.cpt-scope .gc-elective .gc-unit-num {
background: var(--gc-green-dark);
}
.cpt-scope .gc-unit-item .gc-unit-code {
font-size: 14px;
font-weight: 700;
margin-bottom: 4px;
}
.cpt-scope .gc-core .gc-unit-code {
color: var(--gc-navy);
}
.cpt-scope .gc-elective .gc-unit-code {
color: var(--gc-green-dark);
}
.cpt-scope .gc-unit-item .gc-unit-name {
font-size: 15px;
color: var(--gc-gray-900);
line-height: 1.5;
}
.cpt-scope .gc-unit-divider {
height: 1px;
background: var(--gc-gray-200);
margin: 12px 0;
}
.cpt-scope .gc-expand-btn {
width: 100%;
margin-top: 12px;
padding: 16px;
background: var(--gc-gray-50);
border: none;
border-radius: 8px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
font-size: 15px;
font-weight: 700;
transition: all 0.3s;
}
.cpt-scope .gc-core .gc-expand-btn {
color: var(--gc-navy);
}
.cpt-scope .gc-elective .gc-expand-btn {
color: var(--gc-green-dark);
}
.cpt-scope .gc-expand-btn:hover {
background: #f3f4f6;
}
.cpt-scope .gc-expand-btn svg {
transition: transform 0.3s;
} .cpt-scope .gc-skills {
padding: 100px 0;
background: var(--gc-white);
background-image: url(//australiagateway.com.au/wp-content/themes/astra-child/images/gc-skills.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100vw;
margin-left: calc(-50vw + 50%);
position: relative;
}
.cpt-scope .gc-skills .gc-container {
position: relative;
z-index: 1;
}
.cpt-scope .gc-skills-grid {
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 60px;
align-items: start;
}
.cpt-scope .gc-skills-desc p {
font-size: 17px;
line-height: 1.8;
color: var(--gc-gray-700);
}
.cpt-scope .gc-skills-list {
display: flex;
flex-direction: column;
gap: 16px;
}
.cpt-scope .gc-skill-item {
background: var(--gc-white);
padding: 18px 24px;
border-radius: 16px;
display: flex;
align-items: center;
gap: 14px;
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
border: 2px solid var(--gc-gray-200);
transition: all 0.3s ease;
}
.cpt-scope .gc-skill-item:hover {
border-color: var(--gc-green);
transform: translateX(4px);
}
.cpt-scope .gc-skill-item svg {
flex-shrink: 0;
}
.cpt-scope .gc-skill-item span {
font-size: 15px;
font-weight: 600;
color: var(--gc-gray-900);
} .cpt-scope .gc-career {
padding: 100px 0;
background: #f5f5f5;
background-image: url(//australiagateway.com.au/wp-content/themes/astra-child/images/gc-roles.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100vw;
margin-left: calc(-50vw + 50%);
position: relative;
}
.cpt-scope .gc-career-grid {
display: grid;
grid-template-columns: 1fr 1.3fr;
gap: 60px;
align-items: start;
}
.cpt-scope .gc-roles-list {
display: flex;
flex-direction: column;
gap: 12px;
}
.cpt-scope .gc-role-item {
background: var(--gc-white);
padding: 20px 24px;
border-radius: 16px;
display: flex;
align-items: center;
gap: 16px;
border: 2px solid var(--gc-gray-200);
transition: all 0.3s ease;
}
.cpt-scope .gc-role-item:hover {
border-color: var(--gc-navy);
transform: translateX(4px);
}
.cpt-scope .gc-role-item svg {
flex-shrink: 0;
}
.cpt-scope .gc-role-item span {
font-size: 16px;
font-weight: 700;
color: var(--gc-gray-900);
}
.cpt-scope .gc-career-desc p {
font-size: 17px;
line-height: 1.8;
color: var(--gc-gray-700);
}
.cpt-scope .gc-btn-career {
margin-top: 24px;
background: var(--gc-navy);
border-color: var(--gc-navy);
}
.cpt-scope .gc-btn-career:hover {
background: var(--gc-blue);
border-color: var(--gc-blue);
} .cpt-scope .gc-related {
padding: 100px 0;
background: var(--gc-navy);
width: 100vw;
margin-left: calc(-50vw + 50%);
}
.cpt-scope .gc-related .gc-section-title {
color: var(--gc-white);
}
.cpt-scope .gc-section-subtitle {
font-size: 18px;
color: rgba(255,255,255,0.8);
margin-bottom: 48px;
}
.cpt-scope .gc-related-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}
.cpt-scope .gc-related-card {
background: var(--gc-white);
border-radius: 24px;
overflow: hidden;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer;
text-decoration: none;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.cpt-scope .gc-related-card:hover {
transform: translateY(-8px);
text-decoration: none;
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
}
.cpt-scope .gc-related-image {
width: 100%;
height: 200px;
position: relative;
overflow: hidden;
}
.cpt-scope .gc-related-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.cpt-scope .gc-related-card:hover .gc-related-image img {
transform: scale(1.08);
}
.cpt-scope .gc-related-content {
padding: 28px;
}
.cpt-scope .gc-related-code {
font-size: 14px;
font-weight: 700;
color: var(--gc-green);
margin-bottom: 8px;
letter-spacing: 1px;
}
.cpt-scope .gc-related-card h3 {
font-size: 18px;
font-weight: 700;
color: var(--gc-black);
line-height: 1.3;
margin-bottom: 24px;
min-height: 44px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.cpt-scope .gc-related-footer {
padding-top: 20px;
border-top: 2px solid var(--gc-gray-200);
}
.cpt-scope .gc-related-learn-more {
color: var(--gc-blue);
font-weight: 600;
font-size: 16px;
display: inline-flex;
align-items: center;
gap: 8px;
transition: gap 0.3s ease;
}
.cpt-scope .gc-related-card:hover .gc-related-learn-more {
gap: 12px;
}
.cpt-scope .gc-related-arrow {
display: inline-block;
transition: transform 0.3s ease;
} @media (max-width: 768px) {
.cpt-scope .gc-hero {
min-height: 400px;
}
.cpt-scope .gc-hero-bg {
width: 100%;
height: 100%;
}
.cpt-scope .gc-hero-bg::before {
background: rgba(0,0,0,0.5);
}
.cpt-scope .gc-hero-content {
padding: 0 24px 32px;
}
.cpt-scope .gc-hero h1 {
font-size: 32px;
max-width: 100%;
}
.cpt-scope .gc-hero-code {
font-size: 24px;
margin-bottom: 32px;
}
.cpt-scope .gc-btn {
padding: 14px 32px;
font-size: 16px;
}
.cpt-scope .gc-main {
padding: 40px 0;
}
.cpt-scope .gc-grid {
grid-template-columns: 1fr;
gap: 40px;
padding: 0 24px;
}
.cpt-scope .gc-sidebar {
position: static;
}
.cpt-scope .gc-info-card {
padding: 32px;
}
.cpt-scope .gc-section {
margin-bottom: 40px;
}
.cpt-scope .gc-title {
font-size: 32px;
}
.cpt-scope .gc-subtitle {
margin-bottom: 24px;
}
.cpt-scope .gc-section p {
font-size: 16px;
}
.cpt-scope .gc-timeline-item > div:not(.gc-timeline-line) {
gap: 16px;
}
.cpt-scope .gc-timeline-card {
padding: 20px;
}
.cpt-scope .gc-week-list,
.cpt-scope .gc-section-list {
padding: 20px;
}
.cpt-scope .gc-learn,
.cpt-scope .gc-skills,
.cpt-scope .gc-career,
.cpt-scope .gc-related {
padding: 60px 0;
}
.cpt-scope .gc-container {
padding: 0 24px;
}
.cpt-scope .gc-section-title {
font-size: 32px;
margin-bottom: 32px;
}
.cpt-scope .gc-units-grid.gc-two-col {
grid-template-columns: 1fr;
}
.cpt-scope .gc-unit-header {
padding: 24px 28px;
}
.cpt-scope .gc-unit-subtitle {
font-size: 20px;
}
.cpt-scope .gc-unit-body {
padding: 20px 28px 28px;
}
.cpt-scope .gc-unit-list {
padding: 16px;
}
.cpt-scope .gc-unit-item {
gap: 12px;
}
.cpt-scope .gc-unit-item .gc-unit-name {
font-size: 14px;
}
.cpt-scope .gc-skills-grid,
.cpt-scope .gc-career-grid {
grid-template-columns: 1fr;
gap: 32px;
}
.cpt-scope .gc-skills-desc p,
.cpt-scope .gc-career-desc p {
font-size: 16px;
}
.cpt-scope .gc-related-grid {
grid-template-columns: 1fr;
gap: 24px;
}
}