tailwind.config = { darkMode: “class”, theme: { extend: { “colors”: { “primary-container”: “#1D4ED8”, “secondary-fixed-dim”: “#adc8f5”, “on-error-container”: “#93000a”, “inverse-surface”: “#2f312f”, “paper-base”: “#F8FAFC”, “primary-fixed-dim”: “#BFDBFE”, “on-primary”: “#ffffff”, “error”: “#ba1a1a”, “on-error”: “#ffffff”, “tertiary-container”: “#00818b”, “terracotta-earth”: “#2563EB”, “surface-variant”: “#e3e2e0”, “surface-container-high”: “#e9e8e5”, “on-tertiary”: “#ffffff”, “hairline-subtle”: “#F0EFEA”, “on-secondary-fixed-variant”: “#2d486d”, “academic-navy”: “#1E3A5F”, “surface-container-low”: “#f4f3f1”, “error-container”: “#ffdad6”, “surface-bright”: “#F8FAFC”, “badge-scopus”: “#EBF2FA”, “tertiary-fixed”: “#8ef2fd”, “tertiary-fixed-dim”: “#71d5e0”, “on-primary-container”: “#fffbff”, “outline”: “#89726a”, “secondary-fixed”: “#d5e3ff”, “outline-variant”: “#dcc1b8”, “ink-primary”: “#1C1D1F”, “hairline-rule”: “#E8E6DF”, “background”: “#F8FAFC”, “on-secondary”: “#ffffff”, “ink-tertiary”: “#8A8D93”, “badge-scopus-text”: “#1E3A5F”, “paper-surface”: “#F8FAFC”, “on-background”: “#1a1c1a”, “inverse-primary”: “#93C5FD”, “surface-container”: “#efeeeb”, “surface”: “#faf9f6”, “on-surface”: “#1a1c1a”, “secondary”: “#455f87”, “on-secondary-fixed”: “#001c3b”, “paper-elevated”: “#FFFFFF”, “surface-container-lowest”: “#ffffff”, “on-tertiary-fixed-variant”: “#004f55”, “surface-container-highest”: “#e3e2e0”, “on-tertiary-container”: “#f5feff”, “on-primary-fixed”: “#1E3A8A”, “primary”: “#2563EB”, “primary-hover”: “#1D4ED8”, “primary-active”: “#1E40AF”, “primary-light”: “#60A5FA”, “primary-dark”: “#1E3A8A”, “tertiary”: “#00666e”, “on-primary-fixed-variant”: “#1D4ED8”, “terracotta-hover”: “#1D4ED8”, “inverse-on-surface”: “#f2f1ee”, “on-tertiary-fixed”: “#002023”, “on-secondary-container”: “#3e5980”, “on-surface-variant”: “#56423c”, “secondary-container”: “#b5d0fd”, “surface-dim”: “#dbdad7”, “ink-secondary”: “#5C5E64”, “primary-fixed”: “#DBEAFE”, “surface-tint”: “#2563EB” }, “borderRadius”: { “DEFAULT”: “0.125rem”, “lg”: “0.25rem”, “xl”: “0.5rem”, “full”: “0.75rem” }, “spacing”: { “space-2xs”: “0.25rem”, “gutter-desktop”: “2.5rem”, “space-lg”: “1.5rem”, “content-wide-max”: “1120px”, “space-xl”: “2rem”, “gutter-mobile”: “1.25rem”, “space-3xl”: “4rem”, “space-4xl”: “6rem”, “space-xs”: “0.5rem”, “space-sm”: “0.75rem”, “space-2xl”: “3rem”, “space-md”: “1rem”, “content-reading-max”: “720px” }, “fontFamily”: { “headline-sm”: [ “Playfair Display” ], “display”: [ “Playfair Display” ], “headline-lg-mobile”: [ “Playfair Display” ], “citation”: [ “”Source Sans 3″” ], “display-mobile”: [ “Playfair Display” ], “body-sm”: [ “”Source Sans 3″” ], “headline-md”: [ “Playfair Display” ], “body-reading”: [ “”Source Sans 3″” ], “code”: [ “Courier Prime” ], “headline-lg”: [ “Playfair Display” ], “body-default”: [ “”Source Sans 3″” ], “label-lg”: [ “”Source Sans 3″” ], “label-sm”: [ “”Source Sans 3″” ] }, “fontSize”: { “headline-sm”: [ “20px”, { “lineHeight”: “28px”, “letterSpacing”: “-0.005em”, “fontWeight”: “600” } ], “display”: [ “48px”, { “lineHeight”: “56px”, “letterSpacing”: “-0.02em”, “fontWeight”: “600” } ], “headline-lg-mobile”: [ “28px”, { “lineHeight”: “36px”, “letterSpacing”: “-0.01em”, “fontWeight”: “600” } ], “citation”: [ “15px”, { “lineHeight”: “24px”, “letterSpacing”: “0.005em”, “fontWeight”: “400” } ], “display-mobile”: [ “34px”, { “lineHeight”: “42px”, “letterSpacing”: “-0.015em”, “fontWeight”: “600” } ], “body-sm”: [ “14px”, { “lineHeight”: “22px”, “letterSpacing”: “0.01em”, “fontWeight”: “400” } ], “headline-md”: [ “26px”, { “lineHeight”: “34px”, “letterSpacing”: “-0.01em”, “fontWeight”: “600” } ], “body-reading”: [ “18px”, { “lineHeight”: “32px”, “letterSpacing”: “0”, “fontWeight”: “400” } ], “code”: [ “13px”, { “lineHeight”: “20px”, “letterSpacing”: “0”, “fontWeight”: “400” } ], “headline-lg”: [ “36px”, { “lineHeight”: “44px”, “letterSpacing”: “-0.015em”, “fontWeight”: “600” } ], “body-default”: [ “16px”, { “lineHeight”: “26px”, “letterSpacing”: “0”, “fontWeight”: “400” } ], “label-lg”: [ “14px”, { “lineHeight”: “20px”, “letterSpacing”: “0.03em”, “fontWeight”: “600” } ], “label-sm”: [ “12px”, { “lineHeight”: “16px”, “letterSpacing”: “0.05em”, “fontWeight”: “600” } ] } } } };.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.left-3{left:.75rem}.left-4{left:1rem}.top-3{top:.75rem}.top-4{top:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-space-xs{margin-top:.5rem;margin-bottom:.5rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-2.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-space-md{margin-bottom:1rem}.mb-space-sm{margin-bottom:.75rem}.mb-space-xl{margin-bottom:2rem}.mb-space-xs{margin-bottom:.5rem}.mr-1{margin-right:.25rem}.mr-1.5{margin-right:.375rem}.mt-auto{margin-top:auto}.mt-space-md{margin-top:1rem}.mt-space-sm{margin-top:.75rem}.mt-space-xl{margin-top:2rem}.mt-space-xs{margin-top:.5rem}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-[16/10]{aspect-ratio:16/10}.h-full{height:100%}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-[1120px]{max-width:1120px}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.transform{transform:translate(var(–tw-translate-x),var(–tw-translate-y)) rotate(var(–tw-rotate)) skewX(var(–tw-skew-x)) skewY(var(–tw-skew-y)) scaleX(var(–tw-scale-x)) scaleY(var(–tw-scale-y))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-2.5{gap:.625rem}.gap-3{gap:.75rem}.gap-6{gap:1.5rem}.gap-space-2xl{gap:3rem}.gap-space-2xs{gap:.25rem}.gap-space-4xl{gap:6rem}.gap-space-lg{gap:1.5rem}.gap-space-md{gap:1rem}.gap-space-sm{gap:.75rem}.gap-space-xl{gap:2rem}.gap-space-xs{gap:.5rem}.gap-x-space-md{-moz-column-gap:1rem;column-gap:1rem}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:.75rem}.rounded-lg{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-amber-200{–tw-border-opacity:1;border-color:rgb(253 230 138/var(–tw-border-opacity))}.border-blue-200{–tw-border-opacity:1;border-color:rgb(191 219 254/var(–tw-border-opacity))}.border-emerald-200{–tw-border-opacity:1;border-color:rgb(167 243 208/var(–tw-border-opacity))}.border-orange-200{–tw-border-opacity:1;border-color:rgb(254 215 170/var(–tw-border-opacity))}.border-sky-200{–tw-border-opacity:1;border-color:rgb(186 230 253/var(–tw-border-opacity))}.border-slate-100{–tw-border-opacity:1;border-color:rgb(241 245 249/var(–tw-border-opacity))}.border-slate-200{–tw-border-opacity:1;border-color:rgb(226 232 240/var(–tw-border-opacity))}.border-teal-200{–tw-border-opacity:1;border-color:rgb(153 246 228/var(–tw-border-opacity))}.border-white/10{border-color:#ffffff1a}.bg-[#1E3A5F]{–tw-bg-opacity:1;background-color:rgb(30 58 95/var(–tw-bg-opacity))}.bg-amber-50{–tw-bg-opacity:1;background-color:rgb(255 251 235/var(–tw-bg-opacity))}.bg-blue-50{–tw-bg-opacity:1;background-color:rgb(239 246 255/var(–tw-bg-opacity))}.bg-blue-600{–tw-bg-opacity:1;background-color:rgb(37 99 235/var(–tw-bg-opacity))}.bg-emerald-50{–tw-bg-opacity:1;background-color:rgb(236 253 245/var(–tw-bg-opacity))}.bg-orange-50{–tw-bg-opacity:1;background-color:rgb(255 247 237/var(–tw-bg-opacity))}.bg-sky-50{–tw-bg-opacity:1;background-color:rgb(240 249 255/var(–tw-bg-opacity))}.bg-slate-100{–tw-bg-opacity:1;background-color:rgb(241 245 249/var(–tw-bg-opacity))}.bg-teal-50{background-color:rgb(240 253 250/var(–tw-bg-opacity))}.bg-teal-50,.bg-white{–tw-bg-opacity:1}.bg-white{background-color:rgb(255 255 255/var(–tw-bg-opacity))}.bg-white/10{background-color:#ffffff1a}.bg-white/90{background-color:#ffffffe6}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(–tw-gradient-stops))}.from-slate-900{–tw-gradient-from:#0f172a var(–tw-gradient-from-position);–tw-gradient-to:#0f172a00 var(–tw-gradient-to-position);–tw-gradient-stops:var(–tw-gradient-from),var(–tw-gradient-to)}.to-[#1E3A5F]{–tw-gradient-to:#1e3a5f var(–tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-space-2xl{padding:3rem}.p-space-lg{padding:1.5rem}.p-space-md{padding:1rem}.p-space-sm{padding:.75rem}.p-space-xl{padding:2rem}.p-space-xs{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-gutter-mobile{padding-left:1.25rem;padding-right:1.25rem}.px-space-lg{padding-left:1.5rem;padding-right:1.5rem}.px-space-md{padding-left:1rem;padding-right:1rem}.px-space-sm{padding-left:.75rem;padding-right:.75rem}.px-space-xs{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-space-3xl{padding-top:4rem;padding-bottom:4rem}.py-space-md{padding-top:1rem;padding-bottom:1rem}.py-space-xs{padding-top:.5rem}.pb-2,.py-space-xs{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-space-2xl{padding-bottom:3rem}.pb-space-lg{padding-bottom:1.5rem}.pl-space-md{padding-left:1rem}.pr-space-sm{padding-right:.75rem}.pt-3{padding-top:.75rem}.pt-space-md{padding-top:1rem}.pt-space-xl{padding-top:2rem}.pt-space-xs{padding-top:.5rem}.font-display,.font-headline-sm{font-family:Playfair Display}.font-label-sm{font-family:Source Sans 3}.text-2xl{font-size:1.5rem;line-height:2rem}.text-[11px]{font-size:11px}.text-[14px]{font-size:14px}.text-[15px]{font-size:15px}.text-base{font-size:1rem;line-height:1.5rem}.text-display{font-size:48px;line-height:56px;letter-spacing:-.02em;font-weight:600}.text-headline-sm{font-size:20px;line-height:28px;letter-spacing:-.005em;font-weight:600}.text-label-sm{font-size:12px;line-height:16px;letter-spacing:.05em;font-weight:600}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.text-[#1E3A5F]{–tw-text-opacity:1;color:rgb(30 58 95/var(–tw-text-opacity))}.text-amber-600{–tw-text-opacity:1;color:rgb(217 119 6/var(–tw-text-opacity))}.text-amber-700{–tw-text-opacity:1;color:rgb(180 83 9/var(–tw-text-opacity))}.text-blue-200{–tw-text-opacity:1;color:rgb(191 219 254/var(–tw-text-opacity))}.text-blue-600{–tw-text-opacity:1;color:rgb(37 99 235/var(–tw-text-opacity))}.text-blue-700{–tw-text-opacity:1;color:rgb(29 78 216/var(–tw-text-opacity))}.text-emerald-700{–tw-text-opacity:1;color:rgb(4 120 87/var(–tw-text-opacity))}.text-ink-primary{–tw-text-opacity:1;color:rgb(28 29 31/var(–tw-text-opacity))}.text-ink-secondary{–tw-text-opacity:1;color:rgb(92 94 100/var(–tw-text-opacity))}.text-ink-tertiary{–tw-text-opacity:1;color:rgb(138 141 147/var(–tw-text-opacity))}.text-orange-700{–tw-text-opacity:1;color:rgb(194 65 12/var(–tw-text-opacity))}.text-sky-700{–tw-text-opacity:1;color:rgb(3 105 161/var(–tw-text-opacity))}.text-slate-300{–tw-text-opacity:1;color:rgb(203 213 225/var(–tw-text-opacity))}.text-slate-400{–tw-text-opacity:1;color:rgb(148 163 184/var(–tw-text-opacity))}.text-slate-500{–tw-text-opacity:1;color:rgb(100 116 139/var(–tw-text-opacity))}.text-slate-600{–tw-text-opacity:1;color:rgb(71 85 105/var(–tw-text-opacity))}.text-slate-700{–tw-text-opacity:1;color:rgb(51 65 85/var(–tw-text-opacity))}.text-slate-900{–tw-text-opacity:1;color:rgb(15 23 42/var(–tw-text-opacity))}.text-teal-700{–tw-text-opacity:1;color:rgb(15 118 110/var(–tw-text-opacity))}.text-white{–tw-text-opacity:1;color:rgb(255 255 255/var(–tw-text-opacity))}.underline{text-decoration-line:underline}.shadow-lg{–tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;–tw-shadow-colored:0 10px 15px -3px var(–tw-shadow-color),0 4px 6px -4px var(–tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(–tw-ring-offset-shadow,0 0 #0000),var(–tw-ring-shadow,0 0 #0000),var(–tw-shadow)}.shadow-md{–tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;–tw-shadow-colored:0 4px 6px -1px var(–tw-shadow-color),0 2px 4px -2px var(–tw-shadow-color)}.shadow-sm{–tw-shadow:0 1px 2px 0 #0000000d;–tw-shadow-colored:0 1px 2px 0 var(–tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:var(–tw-ring-offset-shadow,0 0 #0000),var(–tw-ring-shadow,0 0 #0000),var(–tw-shadow)}.shadow-xl{–tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;–tw-shadow-colored:0 20px 25px -5px var(–tw-shadow-color),0 8px 10px -6px var(–tw-shadow-color)}.outline{outline-style:solid}.backdrop-blur-md{–tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(–tw-backdrop-blur) var(–tw-backdrop-brightness) var(–tw-backdrop-contrast) var(–tw-backdrop-grayscale) var(–tw-backdrop-hue-rotate) var(–tw-backdrop-invert) var(–tw-backdrop-opacity) var(–tw-backdrop-saturate) var(–tw-backdrop-sepia);backdrop-filter:var(–tw-backdrop-blur) var(–tw-backdrop-brightness) var(–tw-backdrop-contrast) var(–tw-backdrop-grayscale) var(–tw-backdrop-hue-rotate) var(–tw-backdrop-invert) var(–tw-backdrop-opacity) var(–tw-backdrop-saturate) var(–tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.hover:-translate-y-1:hover{–tw-translate-y:-0.25rem}.hover:-translate-y-1:hover,.hover:-translate-y-1.5:hover{transform:translate(var(–tw-translate-x),var(–tw-translate-y)) rotate(var(–tw-rotate)) skewX(var(–tw-skew-x)) skewY(var(–tw-skew-y)) scaleX(var(–tw-scale-x)) scaleY(var(–tw-scale-y))}.hover:-translate-y-1.5:hover{–tw-translate-y:-0.375rem}.hover:bg-blue-500:hover{–tw-bg-opacity:1;background-color:rgb(59 130 246/var(–tw-bg-opacity))}.hover:bg-blue-700:hover{–tw-bg-opacity:1;background-color:rgb(29 78 216/var(–tw-bg-opacity))}.hover:bg-slate-100:hover{–tw-bg-opacity:1;background-color:rgb(241 245 249/var(–tw-bg-opacity))}.hover:text-terracotta-earth:hover{–tw-text-opacity:1;color:rgb(37 99 235/var(–tw-text-opacity))}.hover:shadow-md:hover{–tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;–tw-shadow-colored:0 4px 6px -1px var(–tw-shadow-color),0 2px 4px -2px var(–tw-shadow-color)}.hover:shadow-md:hover,.hover:shadow-xl:hover{box-shadow:var(–tw-ring-offset-shadow,0 0 #0000),var(–tw-ring-shadow,0 0 #0000),var(–tw-shadow)}.hover:shadow-xl:hover{–tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;–tw-shadow-colored:0 20px 25px -5px var(–tw-shadow-color),0 8px 10px -6px var(–tw-shadow-color)}.hover:shadow-blue-500/25:hover{–tw-shadow-color:#3b82f640;–tw-shadow:var(–tw-shadow-colored)}.group:hover .group-hover:translate-x-1{–tw-translate-x:0.25rem}.group:hover .group-hover:scale-105,.group:hover .group-hover:translate-x-1{transform:translate(var(–tw-translate-x),var(–tw-translate-y)) rotate(var(–tw-rotate)) skewX(var(–tw-skew-x)) skewY(var(–tw-skew-y)) scaleX(var(–tw-scale-x)) scaleY(var(–tw-scale-y))}.group:hover .group-hover:scale-105{–tw-scale-x:1.05;–tw-scale-y:1.05}.group:hover .group-hover:text-blue-600{–tw-text-opacity:1;color:rgb(37 99 235/var(–tw-text-opacity))}@media (min-width:640px){.sm:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.md:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md:p-10{padding:2.5rem}.md:p-8{padding:2rem}.md:text-2xl{font-size:1.5rem;line-height:2rem}.md:text-3xl{font-size:1.875rem;line-height:2.25rem}.md:text-lg{font-size:1.125rem;line-height:1.75rem}.md:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:1024px){.lg:col-span-5{grid-column:span 5/span 5}.lg:col-span-7{grid-column:span 7/span 7}.lg:aspect-auto{aspect-ratio:auto}.lg:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg:flex-row{flex-direction:row}.lg:items-end{align-items:flex-end}.lg:px-8{padding-left:2rem;padding-right:2rem}.lg:px-gutter-desktop{padding-left:2.5rem;padding-right:2.5rem}} /* ========================================================================== SPACE DESIGN TOKENS (RESOLVE MISSING TAILWIND UTILITIES) ========================================================================== */ .gap-space-2xs { gap: 4px !important; } .gap-space-xs { gap: 8px !important; } .gap-space-sm { gap: 12px !important; } .gap-space-md { gap: 16px !important; } .gap-space-lg { gap: 24px !important; } .gap-space-xl { gap: 32px !important; } .gap-space-2xl { gap: 48px !important; } .gap-space-4xl { gap: 80px !important; } .gap-x-space-md { column-gap: 16px !important; } .mb-space-xs { margin-bottom: 8px !important; } .mb-space-sm { margin-bottom: 12px !important; } .mb-space-md { margin-bottom: 16px !important; } .mb-space-xl { margin-bottom: 32px !important; } .mt-space-xs { margin-top: 8px !important; } .mt-space-sm { margin-top: 12px !important; } .mt-space-md { margin-top: 16px !important; } .mt-space-xl { margin-top: 32px !important; } .my-space-xs { margin-top: 8px !important; margin-bottom: 8px !important; } .p-space-xs { padding: 8px !important; } .p-space-sm { padding: 12px !important; } .p-space-md { padding: 16px !important; } .p-space-lg { padding: 24px !important; } .p-space-xl { padding: 32px !important; } .p-space-2xl { padding: 48px !important; } .pt-space-xs { padding-top: 8px !important; } .pt-space-md { padding-top: 16px !important; } .pt-space-xl { padding-top: 32px !important; } .pb-space-lg { padding-bottom: 24px !important; } .pb-space-2xl { padding-bottom: 48px !important; } .pl-space-md { padding-left: 16px !important; } .pr-space-sm { padding-right: 12px !important; } .px-space-xs { padding-left: 8px !important; padding-right: 8px !important; } .px-space-sm { padding-left: 12px !important; padding-right: 12px !important; } .px-space-md { padding-left: 16px !important; padding-right: 16px !important; } .px-space-lg { padding-left: 24px !important; padding-right: 24px !important; } .py-space-xs { padding-top: 8px !important; padding-bottom: 8px !important; } .py-space-md { padding-top: 16px !important; padding-bottom: 16px !important; } .py-space-3xl { padding-top: 64px !important; padding-bottom: 64px !important; } /* — RESET ASTRA THEME & FULLWIDTH STABILIZATION — */ #masthead, header#masthead, .site-header:not(.ptd-custom-header), .site-footer:not(.ptd-site-footer), #colophon, .entry-header, .ast-breadcrumbs-wrapper, .ast-mobile-header-wrap, .ast-mobile-menu-trigger-minimal, .main-header-bar-wrap, #secondary, .widget-area, .ast-site-sidebar, .sidebar-main { display: none !important; } :root { –primary: #2563EB; –primary-dark: #1E40AF; –primary-light: #EFF6FF; –primary-hover: #1D4ED8; –secondary: #0D9488; –secondary-light: #F0FDFA; –accent: #E11D48; –text-primary: #0F172A; –text-secondary: #334155; –text-muted: #64748B; –bg-light: #F8FAFC; –bg-white: #FFFFFF; –border-color: #E2E8F0; –shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04); –shadow-md: 0 4px 14px rgba(0,0,0,0.07); –shadow-lg: 0 10px 25px rgba(37,99,235,0.1); –radius-sm: 6px; –radius-md: 10px; –radius-lg: 16px; –transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); –max-width: 1240px; } *, *::before, *::after { box-sizing: border-box; } html, body { margin: 0 !important; padding: 0 !important; font-family: ‘Source Sans 3’, -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, sans-serif !important; color: var(–text-primary) !important; background-color: var(–bg-light) !important; line-height: 1.6 !important; width: 100% !important; } #page, .site, #content, .site-content, #primary, #main, article, .ast-article-single, .entry-content, .ast-container { padding: 0 !important; margin: 0 !important; max-width: 100% !important; width: 100% !important; float: none !important; background-color: var(–bg-light) !important; border: none !important; box-shadow: none !important; } a { text-decoration: none !important; color: inherit; transition: var(–transition); } img { max-width: 100%; height: auto; display: block; } .ptd-container { max-width: var(–max-width); margin: 0 auto; padding: 0 20px; width: 100%; box-sizing: border-box; } /* 1. TOP BAR */ .ptd-top-bar { background: linear-gradient(135deg, #1E3A8A 0%, #2563EB 100%); color: #FFFFFF; padding: 7px 0; font-size: 12.5px; border-bottom: 1px solid rgba(255,255,255,0.15); } .ptd-top-bar .ptd-container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; } .ptd-top-left { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; } .ptd-top-left span, .ptd-top-left a { display: inline-flex; align-items: center; gap: 6px; color: rgba(255,255,255,0.92); } .ptd-top-left a:hover { color: #FFFFFF; text-decoration: underline !important; } .ptd-top-right { display: flex; align-items: center; gap: 10px; } .ptd-social-btn { width: 26px; height: 26px; border-radius: 50%; background: rgba(255,255,255,0.16); display: inline-flex; align-items: center; justify-content: center; color: #FFFFFF; font-size: 11px; transition: var(–transition); } .ptd-social-btn:hover { background: #FFFFFF; color: var(–primary); transform: translateY(-1px); } /* 2. SITE BRANDING HEADER */ .ptd-site-header { background: var(–bg-white); border-bottom: 1px solid var(–border-color); padding: 16px 0; } .ptd-header-wrap { display: flex; align-items: center; justify-content: space-between; gap: 20px; } .ptd-brand { display: flex; align-items: center; gap: 16px; } .ptd-avatar-wrap { position: relative; width: 58px; height: 58px; border-radius: 50%; overflow: hidden; border: 2px solid var(–primary); box-shadow: var(–shadow-sm); flex-shrink: 0; } .ptd-avatar-wrap img { width: 100%; height: 100%; object-fit: cover; } .ptd-brand-text h1 { font-family: ‘Playfair Display’, Georgia, serif; font-size: 20px; font-weight: 700; color: #0F172A; margin: 0 0 3px 0; letter-spacing: -0.3px; } .ptd-brand-text .ptd-role { font-size: 12.5px; color: var(–text-secondary); display: flex; align-items: center; flex-wrap: wrap; gap: 4px; } .ptd-search-box { position: relative; max-width: 280px; width: 100%; } @media (max-width: 767px) { .ptd-search-box { display: none; } } .ptd-search-input { width: 100%; padding: 9px 36px 9px 14px; border-radius: var(–radius-sm); border: 1px solid var(–border-color); background: #F8FAFC; font-size: 13px; outline: none; transition: var(–transition); } .ptd-search-input:focus { border-color: var(–primary); background: #FFFFFF; box-shadow: 0 0 0 3px rgba(37,99,235,0.15); } .ptd-search-btn { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: none; border: none; color: var(–text-muted); cursor: pointer; font-size: 13px; } /* 3. MAIN NAVIGATION BAR */ .ptd-main-nav { background: #FFFFFF !important; border-bottom: 2px solid var(–border-color) !important; position: sticky !important; top: 0 !important; z-index: 40 !important; box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important; width: 100% !important; } .ptd-nav-wrapper { display: flex !important; align-items: stretch !important; justify-content: space-between !important; height: 52px !important; box-sizing: border-box !important; } .ptd-nav-list { display: flex !important; align-items: stretch !important; gap: 0 !important; list-style: none !important; margin: 0 !important; padding: 0 !important; overflow-x: auto !important; scrollbar-width: none !important; height: 100% !important; } .ptd-nav-list::-webkit-scrollbar { display: none !important; } .ptd-nav-list li { display: flex !important; align-items: stretch !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .ptd-nav-link { display: inline-flex !important; align-items: center !important; gap: 7px !important; padding: 0 15px !important; font-size: 13.5px !important; font-weight: 600 !important; color: #334155 !important; border-bottom: 3px solid transparent !important; transition: var(–transition) !important; white-space: nowrap !important; height: 100% !important; box-sizing: border-box !important; text-decoration: none !important; } .ptd-nav-link i { font-size: 13.5px !important; color: #475569 !important; transition: color 0.2s ease !important; } .ptd-nav-link:hover { color: var(–primary) !important; background: #F8FAFC !important; } .ptd-nav-link:hover i { color: var(–primary) !important; } .ptd-nav-link.active { color: var(–primary) !important; border-bottom: 3px solid var(–primary) !important; background: #EFF6FF !important; font-weight: 700 !important; } .ptd-nav-link.active i { color: var(–primary) !important; } /* 4. FULLWIDTH FOOTER (EXACT STANDARD HOMEPAGE DESIGN) */ footer.ptd-site-footer { display: block !important; position: relative !important; width: 100vw !important; left: 50% !important; right: 50% !important; margin-left: -50vw !important; margin-right: -50vw !important; box-sizing: border-box !important; background: #0F172A !important; color: #94A3B8 !important; padding: 50px 0 20px 0 !important; font-size: 13.5px !important; clear: both !important; z-index: 20 !important; } .ptd-footer-grid { display: grid !important; grid-template-columns: 1.6fr 1fr 1fr !important; gap: 40px !important; margin-bottom: 40px !important; } @media (max-width: 767px) { .ptd-footer-grid { grid-template-columns: 1fr !important; gap: 25px !important; } } .ptd-footer-about h3 { font-family: ‘Playfair Display’, Georgia, serif !important; font-size: 20px !important; color: #FFFFFF !important; margin: 0 0 14px 0 !important; } .ptd-footer-about p { line-height: 1.65 !important; color: #94A3B8 !important; margin-bottom: 16px !important; text-align: justify !important; } .ptd-footer-col h4 { font-size: 15px !important; font-weight: 700 !important; color: #FFFFFF !important; margin: 0 0 16px 0 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } .ptd-footer-links { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 10px !important; } .ptd-footer-links a { color: #94A3B8 !important; display: flex !important; align-items: center !important; gap: 8px !important; } .ptd-footer-links a:hover { color: #FFFFFF !important; transform: translateX(4px) !important; } .ptd-footer-bottom { border-top: 1px solid rgba(255,255,255,0.1) !important; padding-top: 20px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; flex-wrap: wrap !important; gap: 12px !important; font-size: 12.5px !important; } /* — TOP BAR INLINE FIX — */ .ptd-top-bar { background: linear-gradient(135deg, #1E3A8A 0%, #2563EB 100%); color: #FFFFFF; padding: 0 !important; font-size: 12px !important; border-bottom: 1px solid rgba(255,255,255,0.15) !important; height: 38px !important; display: flex !important; align-items: center !important; box-sizing: border-box !important; } .ptd-top-bar .ptd-container { display: flex !important; justify-content: space-between !important; align-items: center !important; flex-wrap: nowrap !important; gap: 16px !important; width: 100% !important; height: 100% !important; padding: 0 20px !important; box-sizing: border-box !important; } .ptd-top-left { display: flex !important; align-items: center !important; gap: 16px !important; flex: 1 1 auto !important; min-width: 0 !important; overflow: hidden !important; white-space: nowrap !important; } .ptd-top-left span, .ptd-top-left a { display: inline-flex !important; align-items: center !important; gap: 6px !important; color: rgba(255,255,255,0.92) !important; font-size: 12px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .ptd-top-right { display: flex !important; align-items: center !important; gap: 8px !important; flex-shrink: 0 !important; margin-left: auto !important; } .ptd-social-btn { width: 26px !important; height: 26px !important; border-radius: 50% !important; background: rgba(255,255,255,0.18) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: #FFFFFF !important; font-size: 11px !important; transition: all 0.25s ease !important; flex-shrink: 0 !important; } .ptd-social-btn:hover { background: #FFFFFF !important; color: #2563EB !important; transform: translateY(-1px) !important; } @media (max-width: 991px) { .ptd-top-bar .ptd-top-left span:nth-child(n+2) { display: none !important; } } @media (max-width: 768px) { .ptd-top-bar { height: 36px !important; } .ptd-social-btn { width: 24px !important; height: 24px !important; font-size: 10px !important; } }

TS. PHẠM TRUNG ĐỨC

TIẾN SĨ KHOA HỌC MÁY TÍNH • CÔNG TY CP BẾN XE HUẾ • ĐẠI HỌC HUẾ • ĐẠI HỌC ĐỒNG THÁP

Giảng viên • Nhà nghiên cứu • Cố vấn Doanh nghiệp • CTV Báo Dân Trí chuyên mục Xe++