/* ============================================================= */
  /*  ★ แก้สีหลักของเว็บได้ที่นี่ (ใส่รหัสสี HEX)                    */
  /* ============================================================= */
  :root{
    --pink:var(--psc-pink,#EC4899);        /* ชมพูหลัก */
    --pink-deep:var(--psc-pink-deep,#D6297E);   /* ชมพูเข้ม */
    --blue:var(--psc-blue,#2B9BE0);        /* ฟ้าหลัก */
    --blue-deep:var(--psc-blue-deep,#1877C9);   /* ฟ้าเข้ม */
    --navy:var(--psc-navy,#0C1A4B);        /* น้ำเงินเข้ม (พื้นหลังหัวข้อ) */
    --ink:#16223f;
    --muted:#5b6785;
    --cloud:#f5f8fd;
    --line:#e7edf6;
    --white:#ffffff;
    --shadow:0 10px 30px -12px rgba(12,26,75,.18);
    --shadow-lg:0 24px 60px -20px rgba(12,26,75,.28);
    --radius:20px;
    --maxw:1180px;
  }
  /* หมายเหตุ WordPress: ครอบทุกอย่างด้วย #psc-home กันธีมมาทับ */
  #psc-home *{margin:0;padding:0;box-sizing:border-box}
  #psc-home{
    font-family:'IBM Plex Sans Thai','Anuphan',system-ui,sans-serif;
    color:var(--ink);background:var(--white);line-height:1.65;
    -webkit-font-smoothing:antialiased;overflow-x:hidden;
  }
  #psc-home h1,#psc-home h2,#psc-home h3{font-family:'Anuphan','IBM Plex Sans Thai',sans-serif;line-height:1.2}
  #psc-home a{text-decoration:none;color:inherit}
  #psc-home img{max-width:100%;display:block}
  #psc-home .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
  #psc-home .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;
    letter-spacing:.08em;color:var(--pink-deep);text-transform:uppercase;
    background:rgba(236,72,153,.09);padding:6px 14px;border-radius:999px}

  #psc-home .btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;font-weight:600;
    font-family:inherit;font-size:.95rem;cursor:pointer;padding:12px 22px;border-radius:999px;border:0;
    transition:transform .2s,box-shadow .2s}
  #psc-home .btn-primary{background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;box-shadow:0 12px 26px -10px rgba(214,41,126,.55)}
  #psc-home .btn-primary:hover{transform:translateY(-2px)}
  #psc-home .btn-ghost{background:#fff;color:var(--navy);border:1.5px solid var(--line)}
  #psc-home .btn-ghost:hover{border-color:var(--blue);color:var(--blue-deep)}
  #psc-home .btn-blue{background:linear-gradient(135deg,var(--blue),var(--blue-deep));color:#fff}
  #psc-home .btn-blue:hover{transform:translateY(-2px)}

  /* ---------- HEADER / เมนูด้านบน ---------- */
  #psc-home .psc-nav{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.9);
    backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line)}
  #psc-home .psc-nav .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:20px}
  #psc-home .nav-brand{display:flex;align-items:center;gap:11px;font-weight:700;flex:none}
  #psc-home .nav-brand .logo-img{width:52px;height:52px;flex:none;object-fit:contain}
  #psc-home .nav-brand .txt{display:flex;flex-direction:column;line-height:1.15}
  #psc-home .nav-brand .txt b{font-size:1rem;color:var(--navy);font-family:'Anuphan'}
  #psc-home .nav-brand .txt span{font-size:.7rem;color:var(--muted);font-weight:500;letter-spacing:.03em}
  #psc-home .nav-menu{display:flex;gap:24px;align-items:center;font-weight:500;font-size:.94rem}
  #psc-home .nav-menu a{color:var(--ink);position:relative;padding:4px 0;transition:color .2s;white-space:nowrap}
  #psc-home .nav-menu a::after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:2px;
    background:var(--pink);transition:width .25s}
  #psc-home .nav-menu a:hover{color:var(--pink-deep)}
  #psc-home .nav-menu a:hover::after{width:100%}
  #psc-home .nav-right{display:flex;align-items:center;gap:10px;flex:none}
  #psc-home .nav-burger{display:none;background:none;border:0;cursor:pointer;padding:8px}
  #psc-home .nav-burger span{display:block;width:24px;height:2px;background:var(--navy);margin:5px 0;
    border-radius:2px;transition:.3s}
  @media(max-width:1024px){
    #psc-home .nav-menu{position:absolute;left:0;right:0;top:72px;background:#fff;flex-direction:column;
      gap:0;padding:8px 24px 20px;border-bottom:1px solid var(--line);box-shadow:var(--shadow);
      transform:translateY(-150%);transition:transform .35s;z-index:65}
    #psc-home .nav-menu.open{transform:translateY(0)}
    #psc-home .nav-menu a{width:100%;padding:14px 0;border-bottom:1px solid var(--line)}
    #psc-home .nav-burger{display:block}
  }
  @media(max-width:520px){#psc-home .nav-brand .txt span{display:none}#psc-home .nav-right .btn-ghost{display:none}}

  /* ---------- Hero ---------- */
  #psc-home .hero{position:relative;overflow:hidden;background:
     radial-gradient(1100px 600px at 80% -10%,rgba(43,155,224,.16),transparent 60%),
     radial-gradient(900px 600px at 5% 110%,rgba(236,72,153,.14),transparent 55%),
     linear-gradient(180deg,#fbfcff,#fff)}
  #psc-home .hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;padding:64px 24px 84px}
  #psc-home .hero h1{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:700;color:var(--navy);letter-spacing:-.5px;margin:18px 0}
  #psc-home .hero h1 .grad{background:linear-gradient(120deg,var(--pink-deep),var(--blue-deep));-webkit-background-clip:text;background-clip:text;color:transparent}
  #psc-home .hero p.lead{font-size:1.12rem;color:var(--muted);max-width:520px;margin-bottom:30px}
  #psc-home .hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:34px}
  #psc-home .hero-stats{display:flex;gap:34px;flex-wrap:wrap}
  #psc-home .hero-stats .stat b{font-family:'Anuphan';font-size:1.9rem;color:var(--navy);display:block;line-height:1}
  #psc-home .hero-stats .stat span{font-size:.85rem;color:var(--muted)}
  /* ★ รูป Hero: เปลี่ยน URL ใน background-image ด้านล่าง */
  #psc-home .hero-photo{position:relative;border-radius:26px;overflow:hidden;box-shadow:var(--shadow-lg);
    aspect-ratio:4/3;
    background-size:cover;background-position:center}
  #psc-home .hero-badge{position:absolute;right:16px;top:16px;z-index:3;
    background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;padding:12px 18px;border-radius:16px;
    box-shadow:var(--shadow-lg);text-align:center;transform:rotate(4deg);animation:pscfloat 4s ease-in-out infinite}
  #psc-home .hero-badge b{display:block;font-family:'Anuphan';font-size:1.35rem;line-height:1}
  #psc-home .hero-badge span{font-size:.72rem;opacity:.9}
  @keyframes pscfloat{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(4deg) translateY(-8px)}}
  @media(max-width:900px){#psc-home .hero .wrap{grid-template-columns:1fr;gap:36px;padding:44px 24px 56px}
    #psc-home .hero-photo{max-width:460px;margin:0 auto;width:100%}}

  /* ---------- Quick links ---------- */
  #psc-home .quicklinks{margin-top:-38px;position:relative;z-index:5}
  #psc-home .quicklinks .grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;background:#fff;
    border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
  #psc-home .ql{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;
    padding:14px 8px;border-radius:14px;transition:background .2s,transform .2s}
  #psc-home .ql:hover{background:var(--cloud);transform:translateY(-3px)}
  #psc-home .ql .ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:1.3rem;color:#fff}
  #psc-home .ql b{font-size:.95rem;color:var(--navy)}
  #psc-home .ql span{font-size:.78rem;color:var(--muted)}
  @media(max-width:820px){#psc-home .quicklinks .grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:420px){#psc-home .quicklinks .grid{grid-template-columns:1fr}}

  #psc-home section.block{padding:80px 0}
  #psc-home .sec-head{text-align:center;max-width:680px;margin:0 auto 48px}
  #psc-home .sec-head h2{font-size:clamp(1.8rem,3.6vw,2.6rem);color:var(--navy);margin:14px 0 12px;font-weight:700}
  #psc-home .sec-head p{color:var(--muted);font-size:1.05rem}

  /* ---------- Programs ---------- */
  #psc-home .programs{background:linear-gradient(180deg,#fff,var(--cloud))}
  #psc-home .prog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
  #psc-home .prog{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
    overflow:hidden;transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column}
  #psc-home .prog:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
  /* ★ รูปสาขา: เปลี่ยน URL ใน background-image ของแต่ละ .prog-photo */
  #psc-home .prog-photo{aspect-ratio:16/11;background-size:cover;background-position:center;position:relative}
  #psc-home .prog-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(12,26,75,.55))}
  #psc-home .prog-photo .tag{position:absolute;left:14px;bottom:12px;z-index:2;color:#fff;font-size:.78rem;
    font-weight:600;background:rgba(255,255,255,.2);backdrop-filter:blur(4px);padding:4px 12px;border-radius:999px}
  #psc-home .prog-body{padding:20px 20px 24px}
  #psc-home .prog-body h3{font-size:1.1rem;color:var(--navy);margin-bottom:6px}
  #psc-home .prog-body p{font-size:.9rem;color:var(--muted)}
  #psc-home .prog.spotlight .prog-photo .tag{background:linear-gradient(135deg,var(--pink),var(--blue));border:0}
  #psc-home .prog.spotlight .prog-body h3::after{content:" ★";color:var(--pink)}
  @media(max-width:980px){#psc-home .prog-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:520px){#psc-home .prog-grid{grid-template-columns:1fr}}

  /* ---------- Why ---------- */
  #psc-home .why{background:var(--navy);color:#fff;position:relative;overflow:hidden}
  #psc-home .why::before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;
    background:radial-gradient(circle,rgba(236,72,153,.28),transparent 70%);top:-160px;right:-120px}
  #psc-home .why::after{content:"";position:absolute;width:460px;height:460px;border-radius:50%;
    background:radial-gradient(circle,rgba(43,155,224,.28),transparent 70%);bottom:-180px;left:-140px}
  #psc-home .why .wrap{position:relative;z-index:2}
  #psc-home .why .sec-head h2{color:#fff}
  #psc-home .why .sec-head p{color:#c3cef0}
  #psc-home .why .eyebrow{background:rgba(236,72,153,.22);color:#ffd0e6}
  #psc-home .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  #psc-home .feature{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
    border-radius:var(--radius);padding:28px;transition:transform .25s,background .25s}
  #psc-home .feature:hover{transform:translateY(-5px);background:rgba(255,255,255,.1)}
  #psc-home .feature .fic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:1.4rem;
    background:linear-gradient(135deg,var(--pink),var(--blue));margin-bottom:16px}
  #psc-home .feature h3{font-size:1.15rem;margin-bottom:8px}
  #psc-home .feature p{color:#c3cef0;font-size:.94rem}
  @media(max-width:900px){#psc-home .why-grid{grid-template-columns:1fr}}

  /* ---------- News ---------- */
  #psc-home .news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  #psc-home .card-news{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
    transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column}
  #psc-home .card-news:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
  /* ★ รูปข่าว: เปลี่ยน URL ใน background-image ของแต่ละ .thumb */
  #psc-home .card-news .thumb{aspect-ratio:16/10;background-size:cover;background-position:center;position:relative}
  #psc-home .card-news .thumb .cat{position:absolute;left:14px;top:14px;background:rgba(255,255,255,.92);
    color:var(--pink-deep);font-size:.74rem;font-weight:600;padding:4px 12px;border-radius:999px}
  #psc-home .card-news .body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
  #psc-home .card-news .date{font-size:.8rem;color:var(--muted)}
  #psc-home .card-news h3{font-size:1.05rem;color:var(--navy);line-height:1.35}
  #psc-home .card-news .more{margin-top:auto;color:var(--pink-deep);font-weight:600;font-size:.9rem}
  @media(max-width:900px){#psc-home .news-grid{grid-template-columns:1fr}}

  /* ---------- CTA ---------- */
  #psc-home .cta-band{padding:0 0 84px}
  #psc-home .cta-inner{background:linear-gradient(135deg,var(--pink),var(--blue-deep));border-radius:28px;
    padding:56px;text-align:center;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}
  #psc-home .cta-inner::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;
    background:rgba(255,255,255,.12);top:-120px;left:-80px}
  #psc-home .cta-inner h2{font-size:clamp(1.7rem,3.4vw,2.4rem);margin-bottom:12px;position:relative;color:#fff}
  #psc-home .cta-inner p{font-size:1.08rem;opacity:.95;max-width:560px;margin:0 auto 28px;position:relative}
  #psc-home .cta-inner .hero-cta{justify-content:center}
  #psc-home .cta-inner .btn-primary{background:#fff;color:var(--pink-deep)}
  #psc-home .cta-inner .btn-ghost{background:rgba(255,255,255,.14);color:#fff;border:1.5px solid rgba(255,255,255,.4)}

  /* ---------- FOOTER ---------- */
  #psc-home .psc-footer{background:#081335;color:#a9b6d8;padding:64px 0 28px;font-size:.93rem}
  #psc-home .foot-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:36px;
    padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.08)}
  #psc-home .foot-brand .flogo{display:flex;align-items:center;gap:12px;margin-bottom:16px}
  #psc-home .foot-brand .flogo .logo-img{width:54px;height:54px;flex:none;object-fit:contain;background:#fff;border-radius:50%;padding:3px}
  #psc-home .foot-brand .flogo b{color:#fff;font-size:1.02rem;line-height:1.3;font-family:'Anuphan'}
  #psc-home .foot-brand address{font-style:normal;line-height:1.9}
  #psc-home .foot-brand address a{color:#a9b6d8;transition:color .2s}
  #psc-home .foot-brand address a:hover{color:var(--pink)}
  #psc-home .foot-col h4{color:#fff;font-size:1rem;margin-bottom:14px;font-family:'Anuphan'}
  #psc-home .foot-col a{display:block;padding:6px 0;color:#a9b6d8;transition:color .2s,padding-left .2s;line-height:1.45}
  #psc-home .foot-col a:hover{color:var(--pink);padding-left:5px}
  #psc-home .foot-col .intranet{font-size:.78rem;color:#6d7ca6;margin-top:10px;padding-top:10px;
    border-top:1px dashed rgba(255,255,255,.12)}
  #psc-home .socials{display:flex;gap:11px;margin-top:18px}
  #psc-home .socials a{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.08);
    display:grid;place-items:center;color:#fff;font-weight:700;transition:transform .2s,background .2s}
  #psc-home .socials a:hover{transform:translateY(-3px);background:linear-gradient(135deg,var(--pink),var(--blue))}
  #psc-home .foot-bottom{padding-top:22px;text-align:center;color:#7484ab;font-size:.85rem}
  @media(max-width:900px){#psc-home .foot-grid{grid-template-columns:1fr 1fr}}
  @media(max-width:560px){#psc-home .foot-grid{grid-template-columns:1fr;gap:28px}}

  /* ---------- Floating LINE ---------- */
  #psc-home .float-line{position:fixed;right:20px;bottom:20px;z-index:80;display:flex;align-items:center;
    gap:9px;background:#06C755;color:#fff;padding:14px 20px;border-radius:999px;font-weight:600;
    box-shadow:0 16px 34px -12px rgba(6,199,85,.6);transition:transform .2s}
  #psc-home .float-line:hover{transform:translateY(-3px)}
  @media(max-width:520px){#psc-home .float-line span{display:none}#psc-home .float-line{padding:16px;border-radius:50%}}

  /* reveal */
  #psc-home .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
  #psc-home .reveal.in{opacity:1;transform:none}
  @media (prefers-reduced-motion:reduce){#psc-home *{animation:none!important;transition:none!important}
    #psc-home .reveal{opacity:1;transform:none}}
  #psc-home a:focus-visible,#psc-home button:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}

#psc-home .sec-btn{text-align:center;margin-top:38px}
#psc-home .hero-photo{background-size:cover;background-position:center}