/* V90 Knowledge Site Tone + Front/Back responsive polish */
:root{
  --v90-navy:#061a32;
  --v90-navy2:#082a50;
  --v90-blue:#0d84f0;
  --v90-sky:#45beff;
  --v90-soft:#f4f8fc;
  --v90-text:#102033;
  --v90-muted:#607286;
  --v90-line:#dce7f2;
  --v90-shadow:0 24px 70px rgba(7,27,53,.14);
}

/* เปลี่ยน mood จากเว็บขายบริการ ให้เป็นเว็บคลังความรู้ */
body{
  background:linear-gradient(180deg,#f7fbff 0%,#f3f7fb 48%,#fff 100%)!important;
}
.v71-topbar{
  background:linear-gradient(90deg,#031326,#082a50,#031326)!important;
  letter-spacing:.02em!important;
}

/* Header อ่านง่ายและดูเป็นเว็บข้อมูล */
.v71-header{
  background:rgba(6,26,50,.96)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 16px 44px rgba(0,12,30,.22)!important;
}
.v71-brand strong{
  letter-spacing:-.055em!important;
}
.v71-brand small{
  color:rgba(255,255,255,.78)!important;
}
.v71-nav a{
  font-weight:1000!important;
  border-radius:16px!important;
}
.v71-nav a:hover,.v71-nav a.active{
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.18)!important;
}
.v71-nav li:last-child a{
  background:linear-gradient(135deg,#0d84f0,#45beff)!important;
  box-shadow:0 16px 38px rgba(13,132,240,.28)!important;
}

/* Hero knowledge layout */
.v71-home-hero:before{
  background-image:
    linear-gradient(90deg,rgba(4,18,36,.91) 0%,rgba(4,18,36,.72) 36%,rgba(4,18,36,.30) 68%,rgba(4,18,36,.44) 100%),
    url('/assets/img/hero-clean-v87.jpg?v=90'),
    url('/assets/img/hero-crane.webp?v=90')!important;
  background-size:cover!important;
  background-position:center center!important;
}
.v71-hero-copy{
  background:linear-gradient(180deg,rgba(7,28,52,.90),rgba(4,17,33,.85))!important;
  border-left:7px solid var(--v90-sky)!important;
  box-shadow:0 34px 90px rgba(0,10,30,.42)!important;
}
.v71-kicker{
  background:rgba(8,50,86,.78)!important;
  color:#eaf8ff!important;
}
.v71-home-hero h1{
  letter-spacing:-.06em!important;
  text-wrap:balance;
}
.v71-home-hero p{
  color:rgba(255,255,255,.92)!important;
  line-height:1.85!important;
}
.v71-right-card{
  background:rgba(255,255,255,.95)!important;
  backdrop-filter:blur(10px)!important;
}
.v71-right-card h2{
  color:#071b35!important;
}
.v71-right-card p,.v71-mini-list div{
  color:#425a72!important;
}

/* ทำ CTA ให้เหมือนปุ่มอ่านข้อมูล ไม่เหมือนปุ่มขาย */
.v71-btn,
.a85-actions a,
.a88-actions a,
.c89-side-note a{
  border-radius:16px!important;
  font-weight:1000!important;
}
.v71-btn.secondary{
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.24)!important;
}

/* Cards ทุกหน้า */
.v71-card,.v71-content-card,.v71-archive-card,.v71-post-card,.v71-page-card,
.a85-card,.a85-content,.a85-side,.a88-card,.a88-content,.a88-side,.c89-card,.c89-post{
  border-radius:24px!important;
  border:1px solid var(--v90-line)!important;
  box-shadow:var(--v90-shadow)!important;
}
.v71-card:hover,.v71-archive-card:hover,.v71-post-card:hover,.a85-card:hover,.a88-card:hover,.c89-card:hover{
  transform:translateY(-4px);
  box-shadow:0 30px 80px rgba(7,27,53,.18)!important;
}

/* wording badge feel */
.v71-card h3,.v71-content-card h2,.v71-archive-card h2,.v71-post-card h2,
.a85-card h3,.a88-card h3,.c89-card h3,.c89-post h3{
  color:var(--v90-navy)!important;
  letter-spacing:-.03em!important;
}
.v71-card p,.v71-content-card p,.v71-post-content p,.v71-page-content p,
.a85-card p,.a85-content p,.a88-card p,.a88-content p,.c89-card p,.c89-post p{
  color:#2b3e53!important;
  line-height:1.85!important;
}

/* Area + Category utility */
.a88-filter-panel,.c89-filter{
  border-radius:24px!important;
  box-shadow:0 18px 45px rgba(7,27,53,.10)!important;
}
.a88-tabs a,.c89-filter button{
  font-weight:1000!important;
}
.a88-summary h2,.c89-head h2{
  color:var(--v90-navy)!important;
  letter-spacing:-.04em!important;
}

/* Footer */
.v71-footer{
  background:linear-gradient(180deg,#071b35,#031225)!important;
}

/* Admin responsive polish */
.v80-shell,.shell{
  min-height:100vh;
}
.v80-side,.side{
  background:linear-gradient(180deg,#061a32,#031225)!important;
}
.v80-main,.main{
  background:linear-gradient(180deg,#f7fbff,#f4f8fc)!important;
}
.v80-card,.v80-stat,.card{
  border-radius:22px!important;
  box-shadow:0 18px 45px rgba(7,27,53,.10)!important;
}
.v80-head h1,.head h1{
  letter-spacing:-.045em!important;
}
.v80-side nav a,.side nav a{
  border-radius:14px!important;
}

/* Mobile */
@media(max-width:900px){
  .v71-topbar{
    font-size:12px!important;
    text-align:center!important;
    padding:8px 12px!important;
  }
  .v71-header-inner{
    min-height:76px!important;
    padding:12px 0!important;
  }
  .v71-brand strong{
    font-size:24px!important;
  }
  .v71-brand small{
    font-size:11px!important;
  }
  .v71-menu-toggle{
    background:rgba(255,255,255,.12)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:14px!important;
  }
  .v71-nav{
    background:rgba(3,16,31,.98)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:18px!important;
    padding:10px!important;
  }
  .v71-nav a{
    width:100%!important;
    justify-content:flex-start!important;
    min-height:48px!important;
  }
  .v71-home-hero h1{
    font-size:34px!important;
  }
  .v71-hero-copy{
    padding:24px 18px!important;
    border-radius:24px!important;
  }
  .v71-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .v71-btn{
    width:100%!important;
  }
  .v80-shell,.shell{
    grid-template-columns:1fr!important;
  }
  .v80-side,.side{
    position:relative!important;
    height:auto!important;
  }
  .v80-side nav,.side nav{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .v80-main,.main{
    padding:18px!important;
  }
}
@media(max-width:520px){
  .v80-side nav,.side nav{
    grid-template-columns:1fr!important;
  }
  .v71-brand strong{
    font-size:21px!important;
  }
}