.tam-suite-intro{margin:0 0 24px;color:#d9eaf2}.tam-suite-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tam-suite-card{overflow:hidden;border:1px solid rgba(127,219,255,.16);border-radius:20px;background:linear-gradient(145deg,rgba(58,42,13,.72),rgba(28,20,6,.94))}.tam-suite-card>img{width:100%;aspect-ratio:16/10;object-fit:unset}.tam-suite-card__body{padding:25px}.tam-suite-card__body h3{margin:9px 0 13px}.tam-suite-card__body p{color:#c8e0ec;font-size:.86rem}.tam-suite-kicker{color:#5dade2;font-size:.65rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.tam-newsletter{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:35px;border:1px solid rgba(127,219,255,.2);border-radius:24px;background:linear-gradient(145deg,#2d658a,#234e70)}.tam-newsletter h3{margin-bottom:12px}.tam-newsletter p{color:#c8e0ec}.tam-newsletter-form{display:grid;gap:10px}.tam-newsletter-form>input{width:100%;padding:13px 15px;border:1px solid rgba(127,219,255,.2);border-radius:10px;background:rgba(8,5,1,.28);color:#fff}.tam-newsletter-form>label{color:#d9eaf2;font-size:.78rem}.tam-testimonial{margin:0;padding:28px;border:1px solid rgba(127,219,255,.17);border-radius:20px;background:rgba(58,42,13,.45)}.tam-quote{color:#5dade2;font:600 3rem/1 Georgia,serif}.tam-testimonial>p{color:#eef8fc;font-size:.92rem;line-height:1.75}.tam-testimonial footer{display:flex;align-items:center;gap:12px;margin-top:20px}.tam-testimonial footer img{width:45px;height:45px;border-radius:50%;object-fit:cover}.tam-testimonial footer div{display:flex;flex-direction:column}.tam-testimonial footer span{color:#c8e0ec;font-size:.7rem}.tam-search-form{display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto;gap:10px;margin-bottom:35px}.tam-search-form input,.tam-search-form select{min-height:50px;padding:10px 13px;border:1px solid rgba(127,219,255,.2);border-radius:10px;background:#234e70;color:#fff}.tam-search-form select option{color:#111}.tam-search-summary{margin:0 0 18px;color:#c8e0ec}.tam-search-summary strong{color:#7fdbff}.tam-search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tam-search-results article{padding:24px;border:1px solid rgba(127,219,255,.15);border-radius:17px;background:rgba(58,42,13,.38)}.tam-search-results article>span{color:#5dade2;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}.tam-search-results h3{margin:10px 0}.tam-search-results p{color:#c8e0ec;font-size:.82rem}.tam-smart-popup{position:fixed;z-index:95;right:22px;bottom:22px;width:min(410px,calc(100% - 44px));padding:29px;border:1px solid rgba(127,219,255,.3);border-radius:22px;background:linear-gradient(145deg,rgba(57,42,13,.98),rgba(23,16,5,.99));box-shadow:0 28px 80px rgba(0,0,0,.48);opacity:0;transform:translateY(25px);transition:.22s}.tam-smart-popup.is-visible{opacity:1;transform:translateY(0)}.tam-smart-popup__close{position:absolute;top:12px;right:12px;width:34px;height:34px;border:1px solid rgba(127,219,255,.18);border-radius:50%;background:transparent;color:#fff;font-size:1.25rem;cursor:pointer}.tam-smart-popup h3{margin-bottom:12px;font-size:1.55rem}.tam-smart-popup p{margin-bottom:20px;color:#d9eaf2;font-size:.84rem}.tam-smart-popup .eyebrow{margin-bottom:14px}
@media(max-width:800px){.tam-suite-grid,.tam-search-results{grid-template-columns:1fr}.tam-newsletter{grid-template-columns:1fr;padding:25px}.tam-search-form{grid-template-columns:1fr}.tam-smart-popup{right:10px;bottom:76px;width:calc(100% - 20px)}}

/* Công cụ ngành nước và trang Video là hai khu vực độc lập. */
.tam-resource-library{display:grid;gap:78px}.tam-resource-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:-28px}.tam-resource-nav a{display:grid;grid-template-columns:38px 1fr;gap:4px 12px;padding:20px 22px;border:1px solid rgba(127,219,255,.17);border-radius:17px;background:linear-gradient(145deg,rgba(58,42,13,.54),rgba(28,20,6,.76));text-decoration:none;transition:border-color .2s,transform .2s,background .2s}.tam-resource-nav a:hover{border-color:rgba(127,219,255,.38);background:linear-gradient(145deg,rgba(68,49,15,.7),rgba(31,22,6,.9));transform:translateY(-2px)}.tam-resource-nav span{grid-row:1/3;color:#5dade2;font:700 .68rem/1.5 "Plus Jakarta Sans",sans-serif;letter-spacing:.08em}.tam-resource-nav strong{color:#eef8fc;font:700 1rem/1.3 "Plus Jakarta Sans",sans-serif}.tam-resource-nav small{color:#c8e0ec;font-size:.72rem;line-height:1.45}.tam-resource-section{scroll-margin-top:120px}.tam-resource-section+.tam-resource-section{padding-top:70px;border-top:1px solid rgba(127,219,255,.13)}.tam-resource-section__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,410px);align-items:end;gap:35px;margin-bottom:27px}.tam-resource-section__header h2{margin:7px 0 0;font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.045em}.tam-resource-section__header p{margin:0;color:#c8e0ec;font-size:.88rem;line-height:1.7}.tam-resource-empty{padding:28px;border:1px dashed rgba(127,219,255,.2);border-radius:16px;color:#c8e0ec;background:rgba(127,219,255,.025)}.tam-tool-card{position:relative}.tam-tool-card__visual{position:relative;display:grid;height:170px;place-items:center;overflow:hidden;border-bottom:1px solid rgba(127,219,255,.13);background:radial-gradient(circle at 50% 45%,rgba(127,219,255,.16),transparent 29%),linear-gradient(145deg,#234e70,#0b2b40)}.tam-tool-card__visual:before,.tam-tool-card__visual:after{position:absolute;border:1px solid rgba(127,219,255,.1);border-radius:50%;content:""}.tam-tool-card__visual:before{width:150px;height:150px}.tam-tool-card__visual:after{width:230px;height:230px}.tam-tool-card__visual span{z-index:1;width:52px;height:52px;border:1px solid rgba(127,219,255,.35);border-radius:15px;background:rgba(93,173,226,.1);box-shadow:0 15px 35px rgba(0,0,0,.25);transform:rotate(45deg)}.tam-tool-card__visual i,.tam-tool-card__visual b{position:absolute;z-index:2;width:17px;height:2px;background:#7fdbff}.tam-tool-card__visual i{transform:rotate(90deg)}.tam-tool-card__visual b{font:inherit}

/* Category title and description follow a clear vertical reading flow. */
.tam-resource-section__header{display:block}
.tam-resource-section__header p{max-width:720px;margin:10px 0 0}

/* Trang chạy công cụ: iframe rộng, rõ ràng và thích ứng tốt trên điện thoại. */
.tam-tool-page__hero{padding-bottom:52px}.tam-tool-page__hero h1{max-width:950px}.tam-tool-page__actions{display:flex;flex-wrap:wrap;gap:25px;margin-top:25px}.tam-tool-stage{padding:52px 0 95px;background:linear-gradient(180deg,#0b2b40,#0b2b40)}.tam-tool-stage__wrap{max-width:1380px}.tam-tool-stage__browser{overflow:hidden;border:1px solid rgba(127,219,255,.2);border-radius:22px;background:#fff;box-shadow:0 35px 90px rgba(0,0,0,.4)}.tam-tool-stage__bar{display:flex;align-items:center;gap:7px;height:45px;padding:0 16px;border-bottom:1px solid rgba(127,219,255,.14);background:#234e70}.tam-tool-stage__bar>span{width:8px;height:8px;border-radius:50%;background:#c8e0ec}.tam-tool-stage__bar>span:first-child{background:#5dade2}.tam-tool-stage__bar strong{min-width:0;margin-left:10px;overflow:hidden;color:#d9eaf2;font-size:.7rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.tam-tool-stage__frame{display:block;width:100%;height:min(820px,80vh);min-height:620px;border:0;background:#fff}.tam-tool-stage__note{margin:15px 0 0;color:#c8e0ec;font-size:.7rem;text-align:center}

@media(max-width:800px){.tam-resource-library{gap:58px}.tam-resource-nav{grid-template-columns:1fr;margin-bottom:-10px}.tam-resource-section+.tam-resource-section{padding-top:50px}.tam-resource-section__header{grid-template-columns:1fr;gap:10px}.tam-tool-card__visual{height:145px}.tam-tool-page__hero{padding-bottom:38px}.tam-tool-stage{padding:25px 0 70px}.tam-tool-stage .site-wrap{width:100%}.tam-tool-stage__browser{border-right:0;border-left:0;border-radius:0}.tam-tool-stage__frame{height:78vh;min-height:560px}.tam-tool-stage__note{padding:0 16px}}
.tam-detail-layout,.tam-case-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:65px;align-items:start}.tam-detail-layout aside,.tam-case-layout aside{position:sticky;top:115px}.tam-detail-section{margin-top:54px;padding-top:42px;border-top:1px solid rgba(127,219,255,.15)}.tam-detail-section>p{color:#d9eaf2;line-height:1.85}.tam-check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0 0;padding:0;list-style:none}.tam-check-list li{position:relative;padding:16px 17px 16px 45px;border:1px solid rgba(127,219,255,.14);border-radius:12px;background:rgba(127,219,255,.035)}.tam-check-list li:before{content:"✓";position:absolute;left:17px;color:#7fdbff}.tam-process-list{display:grid;gap:12px;margin:22px 0 0;padding:0;counter-reset:tam-process;list-style:none}.tam-process-list li{counter-increment:tam-process;display:grid;grid-template-columns:44px 1fr;align-items:center;gap:14px;padding:14px;border:1px solid rgba(127,219,255,.13);border-radius:12px}.tam-process-list li:before{content:counter(tam-process,decimal-leading-zero);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(127,219,255,.08);color:#7fdbff;font-size:.72rem}.tam-resource-download{margin-top:48px;padding:30px;border:1px solid rgba(127,219,255,.2);border-radius:20px;background:linear-gradient(145deg,rgba(58,42,13,.65),rgba(28,20,6,.88))}.tam-case-results>div{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.tam-case-results article{padding:24px;border:1px solid rgba(127,219,255,.16);border-radius:15px;background:rgba(127,219,255,.04)}.tam-case-results strong,.tam-case-results span{display:block}.tam-case-results strong{color:#7fdbff;font-size:1.7rem}.tam-case-results span{margin-top:6px;color:#c8e0ec;font-size:.75rem}.tam-case-quote{margin:45px 0 0;padding:30px;border-left:3px solid #5dade2;background:rgba(127,219,255,.04);color:#eef8fc;font:500 1.25rem/1.7 "Plus Jakarta Sans",sans-serif}
@media(max-width:900px){.tam-detail-layout,.tam-case-layout{grid-template-columns:1fr}.tam-detail-layout aside,.tam-case-layout aside{position:static}.tam-check-list,.tam-case-results>div{grid-template-columns:1fr}}
.tam-selected-testimonials{margin-top:60px;padding-top:45px;border-top:1px solid rgba(127,219,255,.15)}.tam-selected-testimonials>h2{margin-bottom:28px}

/* Video chia sẻ kiến thức: phát trong modal nội bộ, không dùng liên kết ra YouTube. */
.tam-video-card__visual{position:relative;display:block;width:100%;padding:0;overflow:hidden;border:0;border-bottom:1px solid rgba(127,219,255,.13);background:#0b2b40;cursor:pointer}.tam-video-card__visual img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .28s,opacity .28s}.tam-video-card__visual:hover img,.tam-video-card__visual:focus-visible img{opacity:.82;transform:scale(1.025)}.tam-video-card__visual:focus-visible{outline:3px solid #7fdbff;outline-offset:-3px}.tam-video-card__play{position:absolute;top:50%;left:50%;width:62px;height:62px;border:1px solid rgba(255,255,255,.48);border-radius:50%;background:rgba(20,13,3,.82);box-shadow:0 16px 45px rgba(0,0,0,.45);transform:translate(-50%,-50%)}.tam-video-card__play:after{position:absolute;top:50%;left:53%;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:15px solid #7fdbff;content:"";transform:translate(-50%,-50%)}.tam-video-card .text-link{padding:0;border:0;background:transparent;color:#7fdbff;font:inherit;font-weight:700;cursor:pointer}.tam-video-modal{position:fixed;z-index:100000;inset:0;display:grid;place-items:center;padding:24px;background:rgba(5,3,1,.88);backdrop-filter:blur(8px);opacity:0;transition:opacity .2s}.tam-video-modal[hidden]{display:none}.tam-video-modal.is-open{opacity:1}.tam-video-modal__dialog{position:relative;width:min(1120px,100%);padding:54px 20px 20px;border:1px solid rgba(127,219,255,.28);border-radius:22px;background:#0b2b40;box-shadow:0 35px 100px rgba(0,0,0,.65)}.tam-video-modal__dialog h2{margin:0 50px 18px 2px;color:#eef8fc;font-size:clamp(1.15rem,2.5vw,1.7rem)}.tam-video-modal__close{position:absolute;top:13px;right:14px;width:38px;height:38px;border:1px solid rgba(127,219,255,.28);border-radius:50%;background:rgba(127,219,255,.07);color:#fff;font-size:1.55rem;line-height:1;cursor:pointer}.tam-video-modal__close:hover,.tam-video-modal__close:focus-visible{border-color:#7fdbff;color:#7fdbff}.tam-video-modal__frame{overflow:hidden;border-radius:12px;background:#000;aspect-ratio:16/9}.tam-video-modal__frame iframe{display:block;width:100%;height:100%;border:0}.tam-video-is-open{overflow:hidden}

@media(max-width:800px){.tam-video-modal{padding:10px}.tam-video-modal__dialog{padding:52px 10px 10px;border-radius:15px}.tam-video-card__play{width:52px;height:52px}}

/* Resource-library rhythm: prevent generic article heading rules from
 * creating article-sized gaps inside this component. */
.entry-content .tam-resource-library{
  gap:44px
}
.entry-content .tam-resource-nav{
  margin-bottom:0
}
.entry-content .tam-resource-section+.tam-resource-section{
  padding-top:36px
}
.entry-content .tam-resource-section__header{
  display:block;
  margin-bottom:22px
}
.entry-content .tam-resource-section__header>div{
  display:grid;
  gap:4px
}
.entry-content .tam-resource-section__header .tam-suite-kicker{
  display:block
}
.entry-content .tam-resource-section__header h2{
  margin:0;
  padding:0;
  border:0;
  font-size:clamp(2rem,4vw,3.25rem);
  line-height:1.25;
  letter-spacing:-.02em
}
.entry-content .tam-resource-section__header h2:before{
  display:none
}
.entry-content .tam-resource-section__header p{
  max-width:720px;
  margin:8px 0 0;
  line-height:1.65
}

@media(max-width:800px){
  .entry-content .tam-resource-library{
    gap:32px
  }
  .entry-content .tam-resource-section+.tam-resource-section{
    padding-top:28px
  }
  .entry-content .tam-resource-section__header{
    margin-bottom:18px
  }
  .entry-content .tam-resource-section__header>div{
    gap:3px
  }
  .entry-content .tam-resource-section__header p{
    margin-top:7px
  }
}

/* Native select menus need explicit colors on Windows; otherwise options can
 * inherit black text while the popup keeps the site's dark background. */
.tam-search-form select{color-scheme:dark}
.tam-search-form select option{background:#234e70;color:#fff}
.tam-search-form select option:checked{background:#2d658a;color:#fff}
