/* ============================================================
   Base — reset, typography, layout container
   ============================================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--t1);font-family:'Inter',sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
button{cursor:pointer;border:none;background:none;font-family:inherit;}

/* Container */
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;}
@media(min-width:768px){.wrap{padding:0 40px;}}
@media(min-width:1280px){.wrap{padding:0 32px;}}

/* Section divider */
.div{height:1px;background:var(--b1);}

/* Thumbnail gradient backgrounds */
.th-blue  {background:linear-gradient(135deg,#0C2A5E 0%,#183F8A 100%);}
.th-purple{background:linear-gradient(135deg,#1C0A55 0%,#301285 100%);}
.th-green {background:linear-gradient(135deg,#064530 0%,#085A3C 100%);}
.th-orange{background:linear-gradient(135deg,#4A2504 0%,#6B380A 100%);}
.th-pink  {background:linear-gradient(135deg,#480838 0%,#650C50 100%);}
.th-cyan  {background:linear-gradient(135deg,#054848 0%,#086060 100%);}