:root{--red:#e31b23;--red-dark:#b80a08;--navy:#061827;--navy2:#0b2c49;--gold:#f2a800;--ink:#161b20;--muted:#5d6770;--line:#e7eaed;--green:#139354;--blue:#0e66b2;--orange:#e4650c;--container:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.tnspi-v6{margin:0;background:#fff;color:var(--ink);font-family:Inter,"Noto Sans Tamil",Arial,sans-serif}.tnspi-container{width:min(calc(100% - 48px),var(--container));margin:0 auto}.tnspi-skip{position:absolute;left:-9999px}.tnspi-skip:focus{left:8px;top:8px;background:#fff;padding:10px;z-index:9999}
/* top bar + header */
.tnspi-topbar{height:32px;background:#061522;color:#e8edf1;font-size:11px}.tnspi-topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.tnspi-languages,.tnspi-contact,.tnspi-social-inline{display:flex;align-items:center;gap:9px}.tnspi-languages i,.tnspi-top-sep{width:1px;height:14px;background:rgba(255,255,255,.18)}.tnspi-topbar a{color:#fff;text-decoration:none}.tnspi-social-icon{width:18px;height:18px;border-radius:4px;display:inline-grid;place-items:center;color:#fff;overflow:hidden;font-size:11px}.tnspi-social-icon svg{width:13px;height:13px}.tnspi-social-facebook{background:#1877f2}.tnspi-social-x{background:#111}.tnspi-social-youtube{background:#ff0000}.tnspi-social-instagram{background:linear-gradient(135deg,#f9ce34,#ee2a7b,#6228d7)}.tnspi-social-whatsapp{background:#25d366}.tnspi-header{position:sticky;top:0;z-index:300;background:#fff;border-bottom:1px solid #e7eaed;box-shadow:0 3px 10px rgba(0,0,0,.05)}.admin-bar .tnspi-header{top:32px}.tnspi-header-inner{min-height:92px;display:flex;align-items:center;gap:24px}.tnspi-brand{display:flex;align-items:center;gap:10px;min-width:305px;color:#111;text-decoration:none}.tnspi-brand img{width:var(--tnspi-logo-desktop,72px);height:var(--tnspi-logo-desktop,72px);object-fit:contain;flex:0 0 auto;display:block}.tnspi-brand-text{display:flex;flex-direction:column}.tnspi-brand-text strong{font-size:27px;line-height:1;font-weight:900;letter-spacing:-.03em}.tnspi-brand-text>span{font-size:10px;font-weight:900;margin-top:4px}.tnspi-brand-text small{font-size:11px;font-weight:800;margin-top:2px}.tnspi-primary-nav{margin-left:auto}.tnspi-nav-list{display:flex;gap:26px;list-style:none;margin:0;padding:0;align-items:center}.tnspi-nav-list a{position:relative;display:block;padding:32px 0 30px;color:#111;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:800;white-space:nowrap}.tnspi-nav-list a:hover{color:var(--red)}.tnspi-nav-list li:first-child>a{color:var(--red)}.tnspi-nav-list li:first-child>a:after{content:"";position:absolute;left:4px;right:4px;bottom:21px;height:2px;background:var(--red)}.tnspi-header-report,.tnspi-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:5px;text-decoration:none;font-weight:900;text-transform:uppercase;font-size:10px}.tnspi-header-report{height:44px;padding:0 19px;background:linear-gradient(#ef292f,#d91920);color:#fff;white-space:nowrap;box-shadow:0 5px 12px rgba(216,25,31,.2)}.tnspi-menu-toggle{display:none}
/* hero */
.tnspi-hero{position:relative;overflow:hidden;background:var(--navy);color:#fff}.tnspi-hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 34%;z-index:0}.tnspi-hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,19,31,.98) 0%,rgba(4,19,31,.93) 29%,rgba(4,19,31,.38) 60%,rgba(4,19,31,.10) 72%,rgba(4,19,31,.20) 100%)}.tnspi-hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:460px;padding-bottom:58px}.tnspi-hero-copy{padding:52px 20px 20px 0;align-self:center;max-width:625px}.tnspi-tamil-line{margin:0 0 8px;font-size:31px;line-height:1.25;font-weight:900}.tnspi-tamil-line strong{color:#ef2b2f}.tnspi-hero h1{font-size:46px;line-height:1.02;letter-spacing:-.03em;margin:0 0 12px;font-weight:900}.tnspi-hero-copy>p:not(.tnspi-tamil-line){font-size:14px;line-height:1.55;max-width:475px;color:#fff;margin:0}.tnspi-cta-row{display:flex;gap:12px;margin-top:24px}.tnspi-btn-red .wp-block-button__link,.tnspi-btn-darkline .wp-block-button__link,.tnspi-btn-outline .wp-block-button__link{height:45px;padding:0 18px;display:flex;align-items:center;border-radius:4px;font-size:10px;font-weight:900;text-transform:uppercase;text-decoration:none}.tnspi-btn-red .wp-block-button__link{background:#ec2429;color:#fff}.tnspi-btn-darkline .wp-block-button__link{background:rgba(4,18,29,.45);border:1px solid rgba(255,255,255,.65);color:#fff}.tnspi-glance{background:linear-gradient(180deg,rgba(3,25,42,.97),rgba(4,31,51,.98));padding:22px 25px 18px;border-left:1px solid rgba(255,255,255,.08)}.tnspi-glance h2{font-size:16px;margin:0 0 10px;font-weight:900}.tnspi-glance-list{display:flex;flex-direction:column}.tnspi-glance-row{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;padding:5px 0}.tnspi-glance-icon{color:#ff2f31;font-size:20px;text-align:center}.tnspi-glance-row strong{display:block;font-size:18px;line-height:1;font-weight:900}.tnspi-glance-row div>span{display:block;font-size:9px;color:#f4f6f8;margin-top:2px}.tnspi-full{width:100%;margin-top:9px}.tnspi-btn-outline .wp-block-button__link{width:100%;border:1px solid rgba(255,255,255,.75);color:#fff;background:transparent;justify-content:center}.tnspi-principles{position:absolute;z-index:3;bottom:0;left:0;right:320px;background:rgba(3,22,36,.95);border-top:1px solid rgba(255,255,255,.1)}.tnspi-principles>.tnspi-container{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.tnspi-principles span{min-height:58px;display:grid;grid-template-columns:30px 1fr;align-content:center;padding:0 16px;border-right:1px solid rgba(255,255,255,.1);font-size:17px;color:var(--gold)}.tnspi-principles b,.tnspi-principles small{grid-column:2}.tnspi-principles b{font-size:8px;color:#fff}.tnspi-principles small{font-size:8px;color:#d3dbe1}
/* section shared */
.tnspi-section{padding:32px 0}.tnspi-section.tnspi-compact{padding-top:0}.tnspi-section-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.tnspi-section-head h2{font-size:16px;line-height:1.1;margin:0;font-weight:900}.tnspi-section-head h2 i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#e51e25;margin-right:8px;vertical-align:2px}.tnspi-section-head p{font-size:10px;margin:4px 0 0;color:#333}.tnspi-section-head a,.tnspi-center-link a,.tnspi-info-col>a{font-size:9px;font-weight:900;color:#e31b23;text-decoration:none;text-transform:uppercase}
/* actions */
.tnspi-carousel-wrap{position:relative}.tnspi-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tnspi-action-card{background:#fff;border:1px solid #e3e6e8;border-radius:5px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04)}.tnspi-card-image{height:155px;position:relative;overflow:hidden}.tnspi-card-image img{width:100%;height:100%;object-fit:cover}.tag{position:absolute;left:10px;top:10px;color:#fff;font-size:8px;font-weight:900;padding:5px 8px;border-radius:2px}.tag.red{background:#df2028}.tag.green{background:#169153}.tag.blue{background:#1670bd}.tnspi-card-body{padding:14px 14px 16px}.tnspi-card-body h3{font-size:18px;line-height:1.13;margin:0 0 8px;font-weight:900}.tnspi-card-body p{font-size:10px;line-height:1.45;margin:6px 0;color:#30373d}.tnspi-card-body .status{font-size:9px;font-weight:800}.amber{color:#b97800!important}.redtext{color:#d82025!important}.tnspi-card-body a{font-size:9px;color:#e31b23;text-decoration:none;font-weight:900}.tnspi-carousel-arrow{position:absolute;top:47%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid #e5e5e5;box-shadow:0 3px 10px rgba(0,0,0,.08);color:#e31b23;font-size:22px;line-height:22px;z-index:5}.tnspi-carousel-arrow.left{left:-41px}.tnspi-carousel-arrow.right{right:-41px}
/* tracker, report, work */
.tnspi-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tnspi-tracker-box,.tnspi-report-box{min-height:150px;border-radius:4px;padding:18px 20px}.tnspi-tracker-box{background:linear-gradient(135deg,#061827,#0b2c49);color:#fff}.tnspi-tracker-box h2,.tnspi-report-box h2{font-size:16px;margin:0 0 12px;font-weight:900}.tnspi-tracker{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tnspi-tracker span{height:60px;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center}.tnspi-tracker b{font-size:23px;line-height:1}.tnspi-tracker small{font-size:7px;font-weight:900;margin-top:5px}.resolved{background:#108757}.progress{background:#df650d}.review{background:#0d5da9}.escalated{background:#2f3e4d}.tnspi-box-foot{margin-top:12px;display:flex;justify-content:space-between;font-size:8px;color:#fff}.tnspi-box-foot a{color:#fff;text-decoration:none;font-weight:900}.tnspi-report-box{background:linear-gradient(105deg,#83181b,#4e0e12);color:#fff;display:grid;grid-template-columns:1fr 130px;align-items:center}.tnspi-report-box h2{font-size:20px;line-height:1.05}.tnspi-report-box p{font-size:10px;max-width:390px;line-height:1.5}.tnspi-report-white{display:inline-flex;margin-top:8px;background:#fff;color:#681214;text-decoration:none;padding:10px 16px;border-radius:3px;font-size:9px;font-weight:900}.tnspi-report-icon{font-size:56px;color:#ff403f;text-align:center}.tnspi-title-center{text-align:center;margin:16px 0 12px}.tnspi-title-center h2{font-size:15px;font-weight:900;margin:0}.tnspi-title-center p{font-size:9px;color:#333;margin:3px 0}.tnspi-work-title{margin:21px 0 16px}.tnspi-work-title h2{font-size:20px;line-height:1.1;color:#071b35;letter-spacing:.02em}.tnspi-work-title p{font-size:10px;color:#344054;margin-top:6px}.tnspi-work-kicker{display:flex;align-items:center;justify-content:center;gap:7px;height:10px;margin-bottom:7px}.tnspi-work-kicker i{width:18px;height:1px;background:#d7a528}.tnspi-work-kicker b{display:block;width:7px;height:7px;border-radius:50%;background:#e31b23}.tnspi-work-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}.tnspi-work-grid>div{min-height:112px;border:1px solid #e3e7eb;border-radius:7px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:11px 6px;box-shadow:0 4px 12px rgba(6,24,39,.055)}.tnspi-work-icon{width:34px;height:34px;display:block;margin-bottom:8px;fill:none;stroke:#e31b23;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.tnspi-work-grid span{font-size:8.5px;line-height:1.3;font-weight:850;color:#071b35}.tnspi-work-grid>div:after{content:"";width:18px;height:1px;background:#d7a528;order:-1;margin:0 0 8px;display:none}.tnspi-center-link{text-align:center;margin-top:18px}.tnspi-center-link a{font-weight:900;color:#e31b23;text-decoration:none}
/* impact */
.tnspi-impact-section{padding-top:22px}.tnspi-impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tnspi-impact-grid article{border:1px solid #e4e7e9;border-radius:5px;overflow:hidden;background:#fff}.tnspi-impact-grid article>div{height:116px;position:relative}.tnspi-impact-grid img{width:100%;height:100%;object-fit:cover}.tnspi-impact-grid article>div span{position:absolute;left:9px;top:9px;background:#16955a;color:#fff;font-size:7px;font-weight:900;padding:4px 7px;border-radius:2px}.tnspi-impact-grid section{padding:12px 13px}.tnspi-impact-grid h3{font-size:15px;line-height:1.15;margin:0 0 7px;font-weight:900}.tnspi-impact-grid p{font-size:9px;line-height:1.45;margin:0 0 8px}.tnspi-impact-grid small{font-size:8px}.tnspi-impact-grid small::first-letter{color:red}
/* info */
.tnspi-info-band{padding-top:14px;padding-bottom:28px}.tnspi-info-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:0}.tnspi-info-col{padding:0 26px 0 0;min-height:180px}.tnspi-info-col+ .tnspi-info-col{border-left:1px solid #e3e5e7;padding-left:26px}.tnspi-info-col h2{font-size:15px;margin:0 0 14px;font-weight:900}.tnspi-info-col h2 i{display:inline-block;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid #e31b23;margin-right:8px}.tnspi-map-row{display:flex;align-items:center;gap:18px}.tnspi-map-row img{width:115px;height:135px;object-fit:contain}.tnspi-map-row h3{font-size:12px;margin:0 0 6px;font-weight:900}.tnspi-map-row p{font-size:9px;line-height:1.45;margin:8px 0 0;font-weight:700}.tnspi-info-col>a{display:block;text-align:center;margin-top:10px}.tnspi-media-item,.tnspi-report-item{display:grid;grid-template-columns:94px 1fr;gap:12px;align-items:center;margin-bottom:12px}.tnspi-media-item p,.tnspi-report-item p{font-size:8px;line-height:1.4;margin:0}.tnspi-media-item small,.tnspi-report-item small{font-size:7px}.media-logo{height:28px;border:1px solid #e4e4e4;display:flex;align-items:center;justify-content:center;font-weight:900;background:#fff}.media-logo.tamil{background:#d82725;color:#fff;font-family:"Noto Sans Tamil"}.media-logo.hindu{color:#3f6592;font-family:Georgia,serif}.media-logo.dina{color:#111}.tnspi-report-item{grid-template-columns:34px 1fr}.tnspi-report-item>span{width:30px;height:36px;border:1px solid #ef3336;color:#ef3336;display:grid;place-items:center;border-radius:2px;font-size:7px;font-weight:900}
/* join/footer */
.tnspi-join{position:relative;overflow:hidden;background:#071b2e;color:#fff;min-height:102px}.tnspi-join-bg{position:absolute;right:0;top:0;bottom:0;width:58%;background-size:cover;background-position:center 42%;opacity:.38}.tnspi-join:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071b2e 0%,#071b2e 39%,rgba(7,27,46,.7) 67%,rgba(7,27,46,.2) 100%)}.tnspi-join-inner{position:relative;z-index:2;min-height:102px;display:flex;align-items:center;justify-content:space-between}.tnspi-join h2{font-size:17px;margin:0 0 12px}.tnspi-join-options{display:flex;gap:28px}.tnspi-join-options span{display:grid;grid-template-columns:24px auto;color:#f2b21a;font-size:18px}.tnspi-join-options b,.tnspi-join-options small{grid-column:2;color:#fff}.tnspi-join-options b{font-size:8px}.tnspi-join-options small{font-size:7px}.tnspi-join-btn{background:#ef2b2d;color:#fff;text-decoration:none;padding:13px 28px;border-radius:3px;font-size:10px;font-weight:900}.tnspi-footer{background:#191e21;color:#e6ecef;padding:20px 0 9px}.tnspi-footer-grid{display:grid;grid-template-columns:1.28fr .78fr .9fr .9fr 1fr;gap:0}.tnspi-footer-grid>div{padding:0 20px;border-right:1px solid rgba(255,255,255,.18)}.tnspi-footer-grid>div:first-child{padding-left:0}.tnspi-footer-grid>div:last-child{border-right:0;padding-right:0}.tnspi-footer h3{font-size:9px;margin:0 0 10px;font-weight:900;color:#fff}.tnspi-footer p,.tnspi-footer a,.tnspi-footer span{font-size:8px;line-height:1.6;color:#e6ecef}.tnspi-footer p{margin:0 0 12px}.tnspi-footer-grid>div:not(.tnspi-footer-about) a,.tnspi-contact-line{display:block;text-decoration:none}.tnspi-footer-social{display:flex;gap:8px}.tnspi-footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:14px;padding-top:8px;display:flex;justify-content:space-between}.tnspi-footer-bottom a{text-decoration:none}
/* responsive */
@media(max-width:1100px){.tnspi-nav-list{gap:14px}.tnspi-brand{min-width:250px}.tnspi-brand-text strong{font-size:23px}.tnspi-hero-layout{grid-template-columns:1fr 290px}.tnspi-principles{right:290px}.tnspi-work-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.tnspi-contact .tnspi-top-email,.tnspi-contact .tnspi-top-phone,.tnspi-follow-label,.tnspi-top-sep{display:none}.tnspi-menu-toggle{display:block;margin-left:auto;width:38px;height:38px;border:0;background:none}.tnspi-menu-toggle span{display:block;height:2px;background:#111;margin:5px}.tnspi-primary-nav{display:none;position:absolute;left:0;right:0;top:124px;background:#fff;padding:10px 24px;box-shadow:0 8px 15px rgba(0,0,0,.1)}.tnspi-primary-nav.open{display:block}.tnspi-nav-list{display:block}.tnspi-nav-list a{padding:11px 0}.tnspi-header-report{display:none}.tnspi-hero-layout{grid-template-columns:1fr;padding-bottom:0}.tnspi-glance{border-left:0}.tnspi-principles{position:relative;right:auto}.tnspi-principles>.tnspi-container{grid-template-columns:repeat(2,1fr)}.tnspi-action-grid,.tnspi-impact-grid{grid-template-columns:1fr}.tnspi-carousel-arrow{display:none}.tnspi-duo{grid-template-columns:1fr}.tnspi-work-grid{grid-template-columns:repeat(2,1fr)}.tnspi-info-grid{grid-template-columns:1fr}.tnspi-info-col,.tnspi-info-col+.tnspi-info-col{border-left:0;border-top:1px solid #e4e7e9;padding:20px 0}.tnspi-footer-grid{grid-template-columns:1fr 1fr}.tnspi-footer-grid>div{border-right:0;padding:12px 0}.tnspi-join-inner{padding:18px 0;gap:16px}.tnspi-join-options{gap:12px;flex-wrap:wrap}}
@media(max-width:600px){.tnspi-container{width:min(calc(100% - 28px),var(--container))}.tnspi-brand{min-width:0}.tnspi-brand img{width:var(--tnspi-logo-mobile,64px);height:var(--tnspi-logo-mobile,64px)}.tnspi-brand-text strong{font-size:21px}.tnspi-brand-text>span{font-size:8px}.tnspi-brand-text small{font-size:9px}.tnspi-hero-copy{padding:38px 0}.tnspi-tamil-line{font-size:24px}.tnspi-hero h1{font-size:36px}.tnspi-cta-row{flex-direction:column;align-items:flex-start}.tnspi-principles>.tnspi-container{grid-template-columns:1fr 1fr}.tnspi-tracker{grid-template-columns:repeat(2,1fr)}.tnspi-report-box{grid-template-columns:1fr}.tnspi-report-icon{display:none}.tnspi-footer-grid{grid-template-columns:1fr}.tnspi-footer-bottom{display:block}.tnspi-join-options{display:grid;grid-template-columns:1fr 1fr}.tnspi-join-btn{white-space:nowrap}}

/* v0.7.2 - Current Actions carousel arrows matched to approved reference */
.tnspi-carousel-arrow{
  top:47%;
  width:28px;
  height:28px;
  padding:0;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fff;
  border:1px solid #e7e8ea;
  box-shadow:0 2px 8px rgba(0,0,0,.07);
  color:transparent;
  font-size:0;
  line-height:1;
  cursor:pointer;
}
.tnspi-carousel-arrow.left{left:-47px}
.tnspi-carousel-arrow.right{right:-47px}
.tnspi-carousel-arrow::before{
  content:"";
  width:7px;
  height:7px;
  border-right:2px solid #e31b23;
  border-bottom:2px solid #e31b23;
  display:block;
}
.tnspi-carousel-arrow.left::before{transform:rotate(135deg);margin-left:3px}
.tnspi-carousel-arrow.right::before{transform:rotate(-45deg);margin-right:3px}


/* v0.7.3 - HERO ONLY: restore approved reference composition.
   Do not change unrelated sections in this release. */
@media (min-width:901px){
  .tnspi-hero{background:#061827;color:#fff}
  .tnspi-hero-media,
  .tnspi-hero-shade{
    left:50%;
    right:auto;
    width:min(calc(100% - 48px),var(--container));
    transform:translateX(-50%);
  }
  .tnspi-hero-media{
    object-fit:cover;
    object-position:center 34%;
  }
  .tnspi-hero-shade{
    background:linear-gradient(90deg,rgba(4,19,31,.98) 0%,rgba(4,19,31,.93) 29%,rgba(4,19,31,.38) 60%,rgba(4,19,31,.10) 72%,rgba(4,19,31,.20) 100%);
  }
  .tnspi-hero-layout{
    grid-template-columns:minmax(0,1fr) 320px;
    min-height:460px;
    padding-bottom:58px;
  }
  .tnspi-hero-copy{
    padding:52px 20px 20px 0;
    align-self:center;
    max-width:625px;
  }
  .tnspi-hero-copy .wp-block-heading,
  .tnspi-hero-copy>p,
  .tnspi-glance .wp-block-heading{
    margin-left:0!important;
    margin-right:0!important;
  }
  .tnspi-hero h1,
  .tnspi-glance h2{
    color:#fff!important;
  }
  .tnspi-hero-copy>p:not(.tnspi-tamil-line){
    max-width:475px;
    color:#fff!important;
  }
  .tnspi-glance{
    align-self:stretch;
    color:#fff;
  }
  .tnspi-principles{
    left:max(24px,calc((100% - var(--container))/2));
    right:max(344px,calc((100% - var(--container))/2 + 320px));
  }
  .tnspi-principles>.tnspi-container{
    width:100%;
    max-width:none;
    margin:0;
  }
}

/* v0.7.4 - HERO ONLY.
   Preserve every approved section outside the hero.
   Match the reference: the right "TNSPI AT A GLANCE" panel must run to the
   full bottom edge of the hero, while the four principle tiles occupy only
   the bottom of the photographic/left side. */
@media (min-width:901px){
  .tnspi-hero-layout{
    padding-bottom:0;
  }
  .tnspi-hero-copy{
    padding-bottom:78px;
  }
  .tnspi-glance{
    align-self:stretch;
    min-height:460px;
    position:relative;
    z-index:4;
  }
  .tnspi-principles{
    z-index:5;
  }
}

/* v0.7.5 - ACTION TRACKER / REPORT PANEL HEADINGS ONLY.
   Preserve all previously approved layout and styling. */
.tnspi-duo .tnspi-tracker-box h2,
.tnspi-duo .tnspi-report-box h2{
  color:#fff!important;
}

/* v0.7.6 - ONLY TWO REQUESTED FIXES.
   1) Hero photograph: preserve the same source photograph, show it cleanly across
      the photographic/left portion of the hero, and prevent the right glance panel
      from sitting over/cropping the people image.
   2) Current Actions arrows: center the red chevron exactly inside each white circle.
   No other approved section is changed. */
@media (min-width:901px){
  .tnspi-hero-media,
  .tnspi-hero-shade{
    left:max(24px,calc((100% - var(--container))/2));
    right:auto;
    width:calc(min(calc(100% - 48px),var(--container)) - 320px);
    transform:none;
  }
  .tnspi-hero-media{
    object-fit:cover;
    object-position:center center;
    image-rendering:auto;
  }
  .tnspi-hero-shade{
    background:linear-gradient(90deg,rgba(4,19,31,.98) 0%,rgba(4,19,31,.90) 27%,rgba(4,19,31,.36) 61%,rgba(4,19,31,.08) 100%);
  }
}

.tnspi-carousel-arrow{
  position:absolute;
}
.tnspi-carousel-arrow::before{
  position:absolute;
  top:50%;
  left:50%;
  margin:0!important;
  transform-origin:center center;
}
.tnspi-carousel-arrow.left::before{
  transform:translate(-50%,-50%) rotate(135deg);
}
.tnspi-carousel-arrow.right::before{
  transform:translate(-50%,-50%) rotate(-45deg);
}

/* v0.7.7 - targeted corrections: clean district map + editable media outlet rows only */
.tnspi-map-row img{width:115px;height:135px;object-fit:contain;object-position:center;display:block}
.tnspi-media-list{display:block}
.tnspi-media-item{grid-template-columns:94px minmax(0,1fr)}
.tnspi-media-logo-wrap{width:94px;height:30px;display:flex;align-items:center;justify-content:center;text-decoration:none;overflow:visible}
.tnspi-media-logo-image{display:block;width:100%;height:30px;object-fit:contain;object-position:left center}
.tnspi-media-logo-fallback{width:94px;height:30px;display:flex;align-items:center;justify-content:center;background:#fff;font-weight:900;line-height:1;white-space:nowrap;overflow:hidden;padding:0 4px;box-sizing:border-box}
.tnspi-media-logo-fallback.is-hindu{color:#456a94;font-family:Georgia,"Times New Roman",serif;font-size:17px;letter-spacing:-.4px}
.tnspi-media-logo-fallback.is-dinamalar{background:#d72327;color:#fff;font-family:"Noto Sans Tamil",sans-serif;font-size:15px;font-weight:800}
.tnspi-media-logo-fallback.is-dinakaran{color:#d51f26;font-family:"Noto Sans Tamil",sans-serif;font-size:14px;font-weight:900}
.tnspi-media-logo-fallback.is-thanthi{color:#172d5a;font-family:"Noto Sans Tamil",sans-serif;font-size:13px;font-weight:900}
.tnspi-media-logo-fallback.is-generic{color:#111;font-family:Inter,Arial,sans-serif;font-size:15px;font-weight:900}
.tnspi-media-story-link{color:inherit;text-decoration:none}
.tnspi-media-story-link:hover{color:#e31b23}

/* v0.7.8 - targeted corrections only: district-map cache-safe asset + footer readability */
.tnspi-join h2{
  color:#fff !important;
  font-size:20px;
  line-height:1.2;
  font-weight:900;
}
.tnspi-join-options b{
  font-size:11px;
  line-height:1.35;
}
.tnspi-join-options small{
  font-size:10px;
  line-height:1.35;
}
.tnspi-footer h3{
  font-size:12px;
  line-height:1.3;
  margin-bottom:12px;
}
.tnspi-footer p,
.tnspi-footer a,
.tnspi-footer span{
  font-size:12px;
  line-height:1.55;
}
.tnspi-footer-bottom{
  padding-top:10px;
}
.tnspi-footer-bottom span,
.tnspi-footer-bottom a{
  font-size:11px;
}
.tnspi-map-row img{
  width:120px;
  height:140px;
  object-fit:contain;
  object-position:center;
  display:block;
}

/* ==========================================================
   v0.7.11 — HEADER-ONLY PREMIUM BRAND REFINEMENT
   Scope is deliberately limited to top utility/main header.
   ========================================================== */
.tnspi-topbar{
  background:#061522;
  border-bottom:1px solid rgba(232,178,41,.72);
}
.tnspi-topbar,.tnspi-topbar a{color:#fff}
.tnspi-topbar .tnspi-languages a[aria-current="page"],
.tnspi-topbar .tnspi-languages span:first-of-type{color:#e8b229;font-weight:800}

.tnspi-header{
  background:#8e0b0b;
  border-top:1px solid #e8b229;
  border-bottom:2px solid #e8b229;
  box-shadow:0 6px 18px rgba(39,3,3,.18);
}
.tnspi-header-inner{
  min-height:104px;
  gap:28px;
}
.tnspi-brand{
  min-width:330px;
  gap:9px;
  color:#fff;
}
.tnspi-brand img,
.tnspi-brand-logo{
  width:var(--tnspi-logo-desktop,86px);
  height:var(--tnspi-logo-desktop,86px);
  object-fit:contain;
  object-position:center;
  image-rendering:auto;
  transform:translateZ(0);
  filter:none;
  opacity:1;
}
.tnspi-brand-text{
  border-left:0;
  padding-left:0;
  min-width:0;
}
.tnspi-brand-text strong{
  color:#fff;
  font-family:"Montserrat","Inter",sans-serif;
  font-size:31px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.035em;
  text-shadow:0 1px 0 rgba(0,0,0,.08);
}
.tnspi-brand-text>span{
  color:#fff;
  font-family:"Montserrat","Inter",sans-serif;
  font-size:10.5px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:.025em;
  margin-top:6px;
}
.tnspi-brand-text small{
  color:#fff;
  font-family:"Noto Sans Tamil",sans-serif;
  font-size:12px;
  line-height:1.35;
  font-weight:800;
  margin-top:3px;
  text-decoration:none!important;
  border:0!important;
}
.tnspi-primary-nav{margin-left:auto}
.tnspi-nav-list{gap:23px}
.tnspi-nav-list a{
  color:#fff;
  font-family:"Montserrat","Inter",sans-serif;
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.012em;
  padding:40px 0 37px;
}
.tnspi-nav-list a:hover,
.tnspi-nav-list > li.current-menu-item > a,
.tnspi-nav-list > li.current_page_item > a,
.tnspi-nav-list > li.current-menu-parent > a,
.tnspi-nav-list > li.current-menu-ancestor > a,
.tnspi-nav-list > li.current_page_parent > a,
.tnspi-nav-list > li.current_page_ancestor > a,
.tnspi-nav-list > li.tnspi-nav-active > a{
  color:#fff;
}
/* Active underline follows the actual current/clicked top-level menu item. */
.tnspi-nav-list > li > a:after{
  content:none;
}
.tnspi-nav-list > li.current-menu-item > a:after,
.tnspi-nav-list > li.current_page_item > a:after,
.tnspi-nav-list > li.current-menu-parent > a:after,
.tnspi-nav-list > li.current-menu-ancestor > a:after,
.tnspi-nav-list > li.current_page_parent > a:after,
.tnspi-nav-list > li.current_page_ancestor > a:after,
.tnspi-nav-list > li.tnspi-nav-active > a:after{
  content:"";
  position:absolute;
  background:#e8b229;
  height:2px;
  bottom:28px;
  left:2px;
  right:2px;
}
.tnspi-header-report{
  height:46px;
  padding:0 20px;
  background:#e8b229;
  color:#17130a;
  border:1px solid #f0c655;
  border-radius:5px;
  box-shadow:0 3px 8px rgba(37,15,0,.16);
  font-family:"Montserrat","Inter",sans-serif;
  font-size:10px;
  font-weight:900;
}
.tnspi-header-report:hover{
  background:#f0bd34;
  color:#111;
  transform:translateY(-1px);
}
.tnspi-header-report span{color:#17130a}

/* Dropdowns inherit the premium header rather than showing a white flash. */
.tnspi-nav-list .sub-menu{
  background:#fff;
  border-top:3px solid #e8b229;
  box-shadow:0 12px 28px rgba(0,0,0,.15);
}
.tnspi-nav-list .sub-menu a{
  color:#171717;
  font-size:10.5px;
  padding:11px 15px;
}
.tnspi-nav-list .sub-menu a:hover{color:#8e0b0b}

@media(max-width:1100px){
  .tnspi-brand{min-width:285px}
  .tnspi-brand-text strong{font-size:27px}
  .tnspi-brand-text>span{font-size:9.5px}
  .tnspi-brand-text small{font-size:11px}
  .tnspi-nav-list{gap:14px}
}
@media(max-width:900px){
  .tnspi-header-inner{min-height:88px}
  .tnspi-menu-toggle span{background:#fff}
  .tnspi-menu-toggle em{color:#fff}
  .tnspi-primary-nav{
    top:120px;
    background:#8e0b0b;
    border-top:1px solid rgba(232,178,41,.65);
  }
  .tnspi-nav-list a{color:#fff;padding:12px 0}
  .tnspi-nav-list .sub-menu{background:#760909;border-top:0;box-shadow:none}
  .tnspi-nav-list .sub-menu a{color:#fff}
}
@media(max-width:600px){
  .tnspi-header-inner{min-height:82px;gap:10px}
  .tnspi-brand{gap:9px}
  .tnspi-brand img,.tnspi-brand-logo{
    width:var(--tnspi-logo-mobile,70px);
    height:var(--tnspi-logo-mobile,70px);
  }
  .tnspi-brand-text{padding-left:0}
  .tnspi-brand-text strong{font-size:22px}
  .tnspi-brand-text>span{font-size:7.8px;margin-top:4px}
  .tnspi-brand-text small{font-size:8.8px;margin-top:2px}
}


/* ==========================================================
   v0.7.13 — HEADER ACTIVE STATE CORRECTION ONLY
   Neutralizes legacy Home-first-child red rules and uses one
   consistent candle-gold indicator for the true active item.
   ========================================================== */
.tnspi-nav-list > li > a,
.tnspi-nav-list > li:first-child > a{
  color:#fff !important;
  font-weight:800 !important;
}
.tnspi-nav-list > li > a::after,
.tnspi-nav-list > li:first-child > a::after{
  content:none !important;
  display:none !important;
}
.tnspi-nav-list > li.current-menu-item > a::after,
.tnspi-nav-list > li.current_page_item > a::after,
.tnspi-nav-list > li.current-menu-parent > a::after,
.tnspi-nav-list > li.current-menu-ancestor > a::after,
.tnspi-nav-list > li.current_page_ancestor > a::after,
.tnspi-nav-list > li.tnspi-nav-active > a::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:28px !important;
  height:2px !important;
  border:0 !important;
  background:#e8b229 !important;
  border-radius:2px !important;
}
.tnspi-nav-list > li.current-menu-item > a,
.tnspi-nav-list > li.current_page_item > a,
.tnspi-nav-list > li.current-menu-parent > a,
.tnspi-nav-list > li.current-menu-ancestor > a,
.tnspi-nav-list > li.current_page_ancestor > a,
.tnspi-nav-list > li.tnspi-nav-active > a{
  color:#fff !important;
  font-weight:800 !important;
}
@media(max-width:900px){
  .tnspi-nav-list > li.current-menu-item > a::after,
  .tnspi-nav-list > li.current_page_item > a::after,
  .tnspi-nav-list > li.current-menu-parent > a::after,
  .tnspi-nav-list > li.current-menu-ancestor > a::after,
  .tnspi-nav-list > li.current_page_ancestor > a::after,
  .tnspi-nav-list > li.tnspi-nav-active > a::after{
    bottom:4px !important;
  }
}

/* ==========================================================
   v0.7.14 — ACTIVE MENU INDICATOR SIZE CONSISTENCY ONLY
   Makes Home and every other active top-level item use the
   exact same centered candle-gold underline dimensions.
   ========================================================== */
.tnspi-nav-list > li.current-menu-item > a::after,
.tnspi-nav-list > li.current_page_item > a::after,
.tnspi-nav-list > li.current-menu-parent > a::after,
.tnspi-nav-list > li.current-menu-ancestor > a::after,
.tnspi-nav-list > li.current_page_ancestor > a::after,
.tnspi-nav-list > li.tnspi-nav-active > a::after{
  left:50% !important;
  right:auto !important;
  width:40px !important;
  height:2px !important;
  bottom:28px !important;
  transform:translateX(-50%) !important;
  background:#e8b229 !important;
  border-radius:2px !important;
}
@media(max-width:900px){
  .tnspi-nav-list > li.current-menu-item > a::after,
  .tnspi-nav-list > li.current_page_item > a::after,
  .tnspi-nav-list > li.current-menu-parent > a::after,
  .tnspi-nav-list > li.current-menu-ancestor > a::after,
  .tnspi-nav-list > li.current_page_ancestor > a::after,
  .tnspi-nav-list > li.tnspi-nav-active > a::after{
    bottom:4px !important;
  }
}

/* ==========================================================
   v0.7.15 — PALETTE HARMONIZATION ONLY
   Scope: hero dark overlay + movement CTA band + footer.
   No layout, typography, spacing, content, cards, map, media,
   navigation, or interaction rules are changed in this release.
   ========================================================== */

/* Hero: retain the approved composition, but shift the dark treatment
   from neutral/gray-black to the same institutional navy family used
   throughout the TNSPI identity system. */
.tnspi-hero{
  background:#071827;
}
.tnspi-glance{
  background:linear-gradient(180deg,rgba(6,25,42,.985),rgba(8,36,58,.985));
}
.tnspi-principles{
  background:rgba(6,24,39,.965);
}
@media (min-width:901px){
  .tnspi-hero-shade{
    background:linear-gradient(90deg,
      rgba(7,24,39,.98) 0%,
      rgba(7,24,39,.91) 27%,
      rgba(7,24,39,.38) 61%,
      rgba(7,24,39,.09) 100%);
  }
}

/* Movement CTA: same navy family as the utility bar / institutional areas. */
.tnspi-join{
  background:#071827;
}
.tnspi-join:after{
  background:linear-gradient(90deg,
    #071827 0%,
    #071827 39%,
    rgba(7,24,39,.72) 67%,
    rgba(7,24,39,.22) 100%);
}

/* Footer: replace the previous charcoal with a richer institutional navy.
   Existing text sizes, spacing, grid, social icons, and links remain intact. */
.tnspi-footer{
  background:#081a29;
  color:#e8eef3;
}
.tnspi-footer p,
.tnspi-footer a,
.tnspi-footer span{
  color:#e8eef3;
}

/* ==========================================================
   v0.7.16 — REQUESTED ICON / ALIGNMENT / MAP REFINEMENTS ONLY
   Scope is limited to:
   1) TNSPI At a Glance icons
   2) Hero principle strip icons + text alignment
   3) Be a Part of the Movement option icons + text alignment
   4) Tamil Nadu map complete-outline display
   All other approved sections remain untouched.
   ========================================================== */
.tnspi-glance-icon,.tnspi-principle-icon,.tnspi-join-icon{display:inline-block;flex:0 0 auto;background-color:currentColor;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-size:contain}
.tnspi-glance-icon{width:22px;height:22px;color:#ff2f31}
.icon-members{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTE2IDIxdi0yYTQgNCAwIDAgMC00LTRINmE0IDQgMCAwIDAtNCA0djIiLz48Y2lyY2xlIGN4PSI5IiBjeT0iNyIgcj0iNCIvPjxwYXRoIGQ9Ik0yMiAyMXYtMmE0IDQgMCAwIDAtMy0zLjg3TTE2IDMuMTNhNCA0IDAgMCAxIDAgNy43NSIvPjwvc3ZnPg==");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTE2IDIxdi0yYTQgNCAwIDAgMC00LTRINmE0IDQgMCAwIDAtNCA0djIiLz48Y2lyY2xlIGN4PSI5IiBjeT0iNyIgcj0iNCIvPjxwYXRoIGQ9Ik0yMiAyMXYtMmE0IDQgMCAwIDAtMy0zLjg3TTE2IDMuMTNhNCA0IDAgMCAxIDAgNy43NSIvPjwvc3ZnPg==")}
.icon-districts{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTIwIDEwYzAgNS04IDEyLTggMTJTNCAxNSA0IDEwYTggOCAwIDEgMSAxNiAwWiIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTAiIHI9IjIuNSIvPjwvc3ZnPg==");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTIwIDEwYzAgNS04IDEyLTggMTJTNCAxNSA0IDEwYTggOCAwIDEgMSAxNiAwWiIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTAiIHI9IjIuNSIvPjwvc3ZnPg==")}
.icon-issues{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHJlY3QgeD0iNCIgeT0iMyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE4IiByeD0iMiIvPjxwYXRoIGQ9Ik05IDNoNnY0SDl6TTggMTFoOE04IDE1aDUiLz48cGF0aCBkPSJNMTcgMTV2M00xNyAyMGguMDEiLz48L3N2Zz4=");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHJlY3QgeD0iNCIgeT0iMyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE4IiByeD0iMiIvPjxwYXRoIGQ9Ik05IDNoNnY0SDl6TTggMTFoOE04IDE1aDUiLz48cGF0aCBkPSJNMTcgMTV2M00xNyAyMGguMDEiLz48L3N2Zz4=")}
.icon-representation{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTYgMmg5bDMgM3YxN0g2eiIvPjxwYXRoIGQ9Ik0xNCAydjRoNE05IDExaDZNOSAxNWg2TTkgMTloNCIvPjwvc3ZnPg==");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTYgMmg5bDMgM3YxN0g2eiIvPjxwYXRoIGQ9Ik0xNCAydjRoNE05IDExaDZNOSAxNWg2TTkgMTloNCIvPjwvc3ZnPg==")}
.icon-rti{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTUgMmgxMGw0IDR2NyIvPjxwYXRoIGQ9Ik0xNSAydjVoNU01IDJ2MjBoNyIvPjxjaXJjbGUgY3g9IjE2IiBjeT0iMTciIHI9IjQiLz48cGF0aCBkPSJtMTkgMjAgMyAzIi8+PC9zdmc+");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTUgMmgxMGw0IDR2NyIvPjxwYXRoIGQ9Ik0xNSAydjVoNU01IDJ2MjBoNyIvPjxjaXJjbGUgY3g9IjE2IiBjeT0iMTciIHI9IjQiLz48cGF0aCBkPSJtMTkgMjAgMyAzIi8+PC9zdmc+")}
.icon-legal{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0ibTE0IDQgNiA2TTEyIDZsNiA2TTMgMjFsOC04TTUgMTlsLTIgMiIvPjxwYXRoIGQ9Im05IDUgNC00IDcgNy00IDR6Ii8+PC9zdmc+");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0ibTE0IDQgNiA2TTEyIDZsNiA2TTMgMjFsOC04TTUgMTlsLTIgMiIvPjxwYXRoIGQ9Im05IDUgNC00IDcgNy00IDR6Ii8+PC9zdmc+")}
.icon-impact{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iOSIvPjxwYXRoIGQ9Im04IDEyIDIuNSAyLjVMMTYuNSA4LjUiLz48L3N2Zz4=");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iOSIvPjxwYXRoIGQ9Im04IDEyIDIuNSAyLjVMMTYuNSA4LjUiLz48L3N2Zz4=")}
.icon-people{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTE2IDIxdi0yYTQgNCAwIDAgMC00LTRINmE0IDQgMCAwIDAtNCA0djIiLz48Y2lyY2xlIGN4PSI5IiBjeT0iNyIgcj0iNCIvPjxwYXRoIGQ9Ik0yMiAyMXYtMmE0IDQgMCAwIDAtMy0zLjg3TTE2IDMuMTNhNCA0IDAgMCAxIDAgNy43NSIvPjwvc3ZnPg==");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTE2IDIxdi0yYTQgNCAwIDAgMC00LTRINmE0IDQgMCAwIDAtNCA0djIiLz48Y2lyY2xlIGN4PSI5IiBjeT0iNyIgcj0iNCIvPjxwYXRoIGQ9Ik0yMiAyMXYtMmE0IDQgMCAwIDAtMy0zLjg3TTE2IDMuMTNhNCA0IDAgMCAxIDAgNy43NSIvPjwvc3ZnPg==")}
.icon-public{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTEyIDIyczgtNCA4LTEwVjVsLTgtMy04IDN2N2MwIDYgOCAxMCA4IDEwWiIvPjxwYXRoIGQ9Ik04LjUgMTEuNSAxMSAxNGw0LjUtNSIvPjwvc3ZnPg==");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTEyIDIyczgtNCA4LTEwVjVsLTgtMy04IDN2N2MwIDYgOCAxMCA4IDEwWiIvPjxwYXRoIGQ9Ik04LjUgMTEuNSAxMSAxNGw0LjUtNSIvPjwvc3ZnPg==")}
.icon-accountability{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTMgMTBoMThNNSAxMHY4TTkgMTB2OE0xNSAxMHY4TTE5IDEwdjhNMyAxOGgxOE0yIDIxaDIwTTEyIDNsOSA1SDN6Ii8+PHBhdGggZD0ibTkuNSAxNCAxLjUgMS41IDMtMyIvPjwvc3ZnPg==");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTMgMTBoMThNNSAxMHY4TTkgMTB2OE0xNSAxMHY4TTE5IDEwdjhNMyAxOGgxOE0yIDIxaDIwTTEyIDNsOSA1SDN6Ii8+PHBhdGggZD0ibTkuNSAxNCAxLjUgMS41IDMtMyIvPjwvc3ZnPg==")}
.icon-transparency{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTIgMTJzMy41LTYgMTAtNiAxMCA2IDEwIDYtMy41IDYtMTAgNlMyIDEyIDIgMTJaIi8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMyIvPjwvc3ZnPg==");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTIgMTJzMy41LTYgMTAtNiAxMCA2IDEwIDYtMy41IDYtMTAgNlMyIDEyIDIgMTJaIi8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMyIvPjwvc3ZnPg==")}
.icon-join{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iOSIgY3k9IjciIHI9IjMuNSIvPjxwYXRoIGQ9Ik0yLjUgMjF2LTJhNSA1IDAgMCAxIDUtNWgzYTUgNSAwIDAgMSA1IDV2Mk0xOSA4djZNMTYgMTFoNiIvPjwvc3ZnPg==");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iOSIgY3k9IjciIHI9IjMuNSIvPjxwYXRoIGQ9Ik0yLjUgMjF2LTJhNSA1IDAgMCAxIDUtNWgzYTUgNSAwIDAgMSA1IDV2Mk0xOSA4djZNMTYgMTFoNiIvPjwvc3ZnPg==")}
.icon-volunteer{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTEyIDIxcy03LTQuMzUtOS4yLTguMkMuOCA5LjMgMi41IDUgNi41IDVjMi4yIDAgMy42IDEuMiA1LjUgMy4yQzEzLjkgNi4yIDE1LjMgNSAxNy41IDVjNCAwIDUuNyA0LjMgMy43IDcuOEMxOSAxNi42NSAxMiAyMSAxMiAyMVoiLz48cGF0aCBkPSJNNyAxMmgzbDEtMiAyIDQgMS0yaDMiLz48L3N2Zz4=");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTEyIDIxcy03LTQuMzUtOS4yLTguMkMuOCA5LjMgMi41IDUgNi41IDVjMi4yIDAgMy42IDEuMiA1LjUgMy4yQzEzLjkgNi4yIDE1LjMgNSAxNy41IDVjNCAwIDUuNyA0LjMgMy43IDcuOEMxOSAxNi42NSAxMiAyMSAxMiAyMVoiLz48cGF0aCBkPSJNNyAxMmgzbDEtMiAyIDQgMS0yaDMiLz48L3N2Zz4=")}
.icon-donate{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTMgMTJoNWwzIDNoNGEyIDIgMCAwIDAgMC00aC0zbC0yLTJINmEzIDMgMCAwIDAtMyAzdjYiLz48cGF0aCBkPSJNMjEgMTBjMC0yLjItMi43LTMuMy00LjItMS43TDE1IDEwbC0xLjgtMS43QzExLjcgNi43IDkgNy44IDkgMTBjMCAzIDYgNiA2IDZzNi0zIDYtNloiLz48L3N2Zz4=");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTMgMTJoNWwzIDNoNGEyIDIgMCAwIDAgMC00aC0zbC0yLTJINmEzIDMgMCAwIDAtMyAzdjYiLz48cGF0aCBkPSJNMjEgMTBjMC0yLjItMi43LTMuMy00LjItMS43TDE1IDEwbC0xLjgtMS43QzExLjcgNi43IDkgNy44IDkgMTBjMCAzIDYgNiA2IDZzNi0zIDYtNloiLz48L3N2Zz4=")}

/* Hero principles: match the approved master image — compact icon + two text lines,
   with no oversized vertical gap between heading and descriptor. */
.tnspi-principles span{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:9px;
  row-gap:2px;
  align-content:center;
  align-items:center;
  padding:0 16px;
}
.tnspi-principle-icon{
  grid-column:1;
  grid-row:1 / span 2;
  width:21px;
  height:21px;
  color:#e8b229;
  align-self:center;
}
.tnspi-principles b,
.tnspi-principles small{grid-column:2;margin:0;padding:0;line-height:1.2}
.tnspi-principles b{grid-row:1;font-size:9px;font-weight:900;color:#fff}
.tnspi-principles small{grid-row:2;font-size:8px;color:#d8e0e6}

/* Movement CTA: meaningful icons with compact, aligned heading/subheading. */
.tnspi-join-options{display:flex;gap:32px;align-items:center}
.tnspi-join-options span{
  display:grid;
  grid-template-columns:27px auto;
  grid-template-rows:auto auto;
  column-gap:9px;
  row-gap:2px;
  align-items:center;
  color:#e8b229;
  font-size:0;
}
.tnspi-join-icon{
  grid-column:1;
  grid-row:1 / span 2;
  width:21px;
  height:21px;
  color:#e8b229;
  align-self:center;
}
.tnspi-join-options b,.tnspi-join-options small{grid-column:2;margin:0;padding:0;line-height:1.25;color:#fff}
.tnspi-join-options b{grid-row:1;font-size:11px;font-weight:800}
.tnspi-join-options small{grid-row:2;font-size:10px}

/* District map: use the complete-outline asset and leave breathing room around all edges. */
.tnspi-map-row img{
  width:120px;
  height:145px;
  object-fit:contain;
  object-position:center center;
  display:block;
  padding:2px;
}

/* ==========================================================
   v0.7.17 — TARGETED MASTER-REFERENCE FIXES ONLY
   1) Tamil Nadu map uses the exact complete master-design outline with safe padding.
   2) Movement CTA restores the subtle dividers between the three involvement options.
   3) Donate icon is clearer and slightly larger for equal visual weight.
   No other approved styles are changed.
   ========================================================== */
.tnspi-map-row img{
  width:120px;
  height:145px;
  object-fit:contain;
  object-position:center center;
  display:block;
  padding:0;
}

.tnspi-join-options span + span{
  border-left:1px solid rgba(255,255,255,.22);
  padding-left:26px;
}

.tnspi-join-icon.icon-donate{
  width:25px;
  height:25px;
}

/* Clear donation-box + heart symbol. */
.icon-donate{
  -webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHJlY3QgeD0iNCIgeT0iNyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE0IiByeD0iMiIvPjxwYXRoIGQ9Ik04IDdoOFY0SDh6TTExIDRoMiIvPjxwYXRoIGQ9Ik0xMiAxOHMtNC0yLjMtNC00LjhjMC0xLjIuOS0yLjIgMi4xLTIuMiAxIDAgMS42LjYgMS45IDEuMi4zLS42LjktMS4yIDEuOS0xLjIgMS4yIDAgMi4xIDEgMi4xIDIuMiAwIDIuNS00IDQuOC00IDQuOFoiLz48L3N2Zz4=");
  mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHJlY3QgeD0iNCIgeT0iNyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE0IiByeD0iMiIvPjxwYXRoIGQ9Ik04IDdoOFY0SDh6TTExIDRoMiIvPjxwYXRoIGQ9Ik0xMiAxOHMtNC0yLjMtNC00LjhjMC0xLjIuOS0yLjIgMi4xLTIuMiAxIDAgMS42LjYgMS45IDEuMi4zLS42LjktMS4yIDEuOS0xLjIgMS4yIDAgMi4xIDEgMi4xIDIuMiAwIDIuNS00IDQuOC00IDQuOFoiLz48L3N2Zz4=");
}

/* ==========================================================
   v0.7.19 — LOWER INFORMATION ROW ALIGNMENT ONLY
   Scope: TNSPI Across Tamil Nadu / In the Media / Reports.
   Aligns the district copy to the top of the map and keeps all
   three "View ..." links on one consistent baseline.
   No other approved section is changed.
   ========================================================== */
@media (min-width:901px){
  .tnspi-info-grid{
    align-items:stretch;
  }
  .tnspi-info-grid > .tnspi-info-col{
    display:flex;
    flex-direction:column;
    min-height:196px;
  }
  .tnspi-info-grid > .tnspi-info-col > h2{
    flex:0 0 auto;
  }
  .tnspi-info-grid .tnspi-map-row{
    align-items:flex-start;
  }
  .tnspi-info-grid .tnspi-map-row > div{
    padding-top:2px;
  }
  .tnspi-info-grid > .tnspi-info-col > a{
    margin-top:auto;
    padding-top:8px;
  }
}

/* ==========================================================
   v0.7.20 — TWO TARGETED BRAND/REPORT REFINEMENTS ONLY
   1) Adds the official Tamil slogan beneath the header identity.
   2) Uses a clean vector PDF document icon in Reports & Publications.
   No other approved layout or palette is changed.
   ========================================================== */
.tnspi-brand-slogan{
  display:block;
  margin-top:3px;
  color:#f2cf70;
  font-family:"Noto Sans Tamil",sans-serif;
  font-size:9.5px;
  line-height:1.2;
  font-style:normal;
  font-weight:700;
  letter-spacing:.01em;
  white-space:nowrap;
}
.tnspi-report-item .tnspi-pdf-file-icon{
  width:30px;
  height:36px;
  display:block;
  object-fit:contain;
}
@media(max-width:1100px){
  .tnspi-brand-slogan{font-size:8.8px}
}
@media(max-width:600px){
  .tnspi-brand-slogan{font-size:7.8px;margin-top:2px}
}

/* ==========================================================
   v0.7.22 — HEADER MOCKUP ALIGNMENT ONLY
   Matches the approved header preview: plain Tamil slogan at top-left,
   utilities and Tamil-first language switcher at top-right, clean brand
   identity, consistent gold active indicator, and megaphone report CTA.
   No non-header section is changed in this release.
   ========================================================== */
.tnspi-topbar{
  height:42px;
  background:#061522;
  border-bottom:1px solid #e8b229;
  color:#fff;
}
.tnspi-topbar-inner{
  height:100%;
  display:flex;
  align-items:center;
  gap:24px;
}
.tnspi-top-slogan{
  flex:0 1 auto;
  color:#e8b229;
  font-family:"Noto Sans Tamil",sans-serif;
  font-size:13px;
  line-height:1.15;
  font-weight:800;
  white-space:nowrap;
  letter-spacing:0;
}
.tnspi-topbar .tnspi-contact{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
}
.tnspi-follow-label,
.tnspi-top-email,
.tnspi-top-phone{font-size:11px;font-weight:700}
.tnspi-social-inline{gap:8px}
.tnspi-social-icon{width:20px;height:20px;border-radius:4px}
.tnspi-social-icon svg{width:14px;height:14px}
.tnspi-top-sep{height:17px;background:rgba(255,255,255,.28)}
.tnspi-topbar .tnspi-languages{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:1px;
  font-size:11px;
  font-weight:700;
}
.tnspi-language-globe{
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  margin-right:1px;
}
.tnspi-language-globe svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.tnspi-topbar .tnspi-languages i{
  width:1px;
  height:15px;
  background:rgba(255,255,255,.38);
}
.tnspi-topbar .tnspi-languages [lang="ta"]{
  font-family:"Noto Sans Tamil",sans-serif;
}
.tnspi-topbar .tnspi-languages a{color:#fff;font-weight:700}
.tnspi-topbar .tnspi-languages a[aria-current="page"]{color:#e8b229;font-weight:800}
.tnspi-topbar .tnspi-languages a:not([aria-current="page"]):hover,
.tnspi-topbar .tnspi-languages a:not([aria-current="page"]):focus-visible{color:#fff;text-decoration:underline;text-underline-offset:3px}

.tnspi-header{
  background:linear-gradient(90deg,#8b0909 0%,#9b0b0b 48%,#8b0909 100%);
  border-top:0;
  border-bottom:2px solid #e8b229;
  box-shadow:0 6px 18px rgba(39,3,3,.16);
}
.tnspi-header-inner{
  min-height:116px;
  display:flex;
  align-items:center;
  gap:25px;
}
.tnspi-brand-wrap{flex:0 0 auto}
.tnspi-brand{
  min-width:350px;
  gap:12px;
  color:#fff;
  align-items:center;
}
.tnspi-brand img,.tnspi-brand-logo{
  width:var(--tnspi-logo-desktop,92px);
  height:var(--tnspi-logo-desktop,92px);
  object-fit:contain;
  object-position:center;
  display:block;
  flex:0 0 auto;
  image-rendering:auto;
  filter:none;
}
.tnspi-brand-text{padding:0;border:0;display:flex;flex-direction:column;justify-content:center}
.tnspi-brand-text strong{
  color:#fff;
  font-family:"Montserrat","Inter",sans-serif;
  font-size:36px;
  line-height:.98;
  font-weight:900;
  letter-spacing:-.04em;
  text-shadow:none;
}
.tnspi-brand-text>span{
  color:#fff;
  font-family:"Montserrat","Inter",sans-serif;
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.015em;
  margin-top:7px;
}
.tnspi-brand-text small{
  color:#fff;
  font-family:"Noto Sans Tamil",sans-serif;
  font-size:15px;
  line-height:1.25;
  font-weight:800;
  margin-top:4px;
  text-decoration:none!important;
  border:0!important;
}
.tnspi-brand-slogan{display:none!important}

.tnspi-primary-nav{margin-left:auto}
.tnspi-nav-list{gap:22px}
.tnspi-nav-list > li > a,
.tnspi-nav-list > li:first-child > a{
  color:#fff!important;
  font-family:"Montserrat","Inter",sans-serif;
  font-size:11px;
  line-height:1;
  font-weight:800!important;
  letter-spacing:.005em;
  padding:48px 0 45px;
}
.tnspi-nav-list > li > a::after,
.tnspi-nav-list > li:first-child > a::after{
  content:none!important;
  display:none!important;
}
.tnspi-nav-list > li.current-menu-item > a::after,
.tnspi-nav-list > li.current_page_item > a::after,
.tnspi-nav-list > li.current-menu-parent > a::after,
.tnspi-nav-list > li.current-menu-ancestor > a::after,
.tnspi-nav-list > li.current_page_parent > a::after,
.tnspi-nav-list > li.current_page_ancestor > a::after,
.tnspi-nav-list > li.tnspi-nav-active > a::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:34px!important;
  width:40px!important;
  height:2px!important;
  transform:translateX(-50%)!important;
  background:#e8b229!important;
  border:0!important;
  border-radius:2px!important;
}
.tnspi-header-report{
  flex:0 0 auto;
  min-width:168px;
  height:54px;
  padding:0 20px;
  background:#e8b229;
  color:#17130a;
  border:1px solid #f1c75b;
  border-radius:5px;
  box-shadow:none;
  font-family:"Montserrat","Inter",sans-serif;
  font-size:11px;
  font-weight:900;
  letter-spacing:.01em;
}
.tnspi-header-report:hover{background:#f0bd34;color:#111;transform:none}
.tnspi-report-megaphone{
  width:19px;
  height:19px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-right:7px;
  color:#17130a;
}
.tnspi-report-megaphone svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media(max-width:1220px){
  .tnspi-top-slogan{font-size:11px}
  .tnspi-brand{min-width:300px}
  .tnspi-brand img,.tnspi-brand-logo{width:82px;height:82px}
  .tnspi-brand-text strong{font-size:31px}
  .tnspi-brand-text>span{font-size:10px}
  .tnspi-brand-text small{font-size:12px}
  .tnspi-nav-list{gap:14px}
  .tnspi-nav-list > li > a,.tnspi-nav-list > li:first-child > a{font-size:9.6px}
  .tnspi-header-report{min-width:150px;padding:0 15px;font-size:9.8px}
}
@media(max-width:900px){
  .tnspi-topbar{height:auto;min-height:40px}
  .tnspi-topbar-inner{min-height:40px;gap:10px}
  .tnspi-top-slogan{font-size:10px;max-width:54%;overflow:hidden;text-overflow:ellipsis}
  .tnspi-topbar .tnspi-contact{margin-left:auto}
  .tnspi-topbar .tnspi-top-email,.tnspi-topbar .tnspi-top-phone,
  .tnspi-topbar .tnspi-follow-label,.tnspi-topbar .tnspi-social-inline,
  .tnspi-topbar .tnspi-top-sep:not(.tnspi-language-sep){display:none}
  .tnspi-language-sep{display:none!important}
  .tnspi-topbar .tnspi-languages{display:flex;font-size:10px}
  .tnspi-header-inner{min-height:92px;gap:12px}
  .tnspi-brand{min-width:0;gap:9px}
  .tnspi-brand img,.tnspi-brand-logo{width:72px;height:72px}
  .tnspi-brand-text strong{font-size:26px}
  .tnspi-brand-text>span{font-size:8px;margin-top:5px}
  .tnspi-brand-text small{font-size:10px;margin-top:2px}
  .tnspi-menu-toggle{display:block;margin-left:auto}
  .tnspi-menu-toggle span{background:#fff}
  .tnspi-menu-toggle em{color:#fff}
  .tnspi-primary-nav{top:132px;background:#8e0b0b;border-top:1px solid rgba(232,178,41,.65)}
  .tnspi-nav-list > li > a,.tnspi-nav-list > li:first-child > a{padding:12px 0;font-size:10px}
  .tnspi-nav-list > li.current-menu-item > a::after,
  .tnspi-nav-list > li.current_page_item > a::after,
  .tnspi-nav-list > li.current-menu-parent > a::after,
  .tnspi-nav-list > li.current-menu-ancestor > a::after,
  .tnspi-nav-list > li.current_page_parent > a::after,
  .tnspi-nav-list > li.current_page_ancestor > a::after,
  .tnspi-nav-list > li.tnspi-nav-active > a::after{bottom:3px!important}
  .tnspi-header-report{display:none}
}
@media(max-width:600px){
  .tnspi-top-slogan{font-size:9px;max-width:58%}
  .tnspi-language-globe{width:15px;height:15px}
  .tnspi-language-globe svg{width:14px;height:14px}
  .tnspi-topbar .tnspi-languages{gap:6px;font-size:9px}
  .tnspi-header-inner{min-height:84px}
  .tnspi-brand img,.tnspi-brand-logo{width:64px;height:64px}
  .tnspi-brand-text strong{font-size:22px}
  .tnspi-brand-text>span{font-size:7px}
  .tnspi-brand-text small{font-size:8.8px}
}



/* v0.7.23 — finalized bilingual organization identity only. */
.tnspi-brand-text strong{font-size:30px;letter-spacing:-.025em;white-space:nowrap}
.tnspi-brand-text strong[lang="ta"]{font-family:"Noto Sans Tamil","Inter",sans-serif;font-size:29px;font-weight:900;letter-spacing:-.015em}
.tnspi-brand-text>span{font-size:11px;margin-top:8px;white-space:nowrap}
.tnspi-brand-separator{color:#e8b229;font-weight:800;padding:0 3px}
.tnspi-brand-text small{display:none!important}
@media(max-width:1220px){.tnspi-brand-text strong{font-size:25px}.tnspi-brand-text strong[lang="ta"]{font-size:24px}.tnspi-brand-text>span{font-size:9px}}
@media(max-width:900px){.tnspi-brand-text strong{font-size:20px}.tnspi-brand-text strong[lang="ta"]{font-size:19px}.tnspi-brand-text>span{font-size:7.5px;margin-top:5px}}
@media(max-width:600px){.tnspi-brand-text strong{font-size:16px}.tnspi-brand-text strong[lang="ta"]{font-size:15px}.tnspi-brand-text>span{font-size:6.5px}}

/* ==========================================================
   v0.7.24 — HOMEPAGE SECTION HIERARCHY ONLY
   Scope: CURRENT ACTIONS, IMPACT & VICTORIES, and one compact
   parent heading above Across Tamil Nadu / Media / Reports.
   Existing cards, content, imagery, links and layout are preserved.
   ========================================================== */
#actions .tnspi-section-head,
#impact .tnspi-section-head{
  align-items:center;
  margin-bottom:20px;
}
#actions .tnspi-section-head > div,
#impact .tnspi-section-head > div{
  min-width:0;
}
#actions .tnspi-section-head h2,
#impact .tnspi-section-head h2,
.tnspi-overview-head h2{
  display:flex;
  align-items:center;
  margin:0;
  color:#071b2d;
  font-size:22px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:.015em;
}
#actions .tnspi-section-head h2 i,
#impact .tnspi-section-head h2 i,
.tnspi-overview-head h2 i{
  position:relative;
  display:inline-grid;
  place-items:center;
  flex:0 0 42px;
  width:42px;
  height:42px;
  margin:0 12px 0 0;
  border-radius:50%;
  border:2px solid #e8b229;
  box-shadow:0 4px 10px rgba(7,27,45,.10);
  vertical-align:middle;
}
#actions .tnspi-section-head h2 i{background:#8f0b0b}
#impact .tnspi-section-head h2 i{background:#071b2d}
.tnspi-overview-head h2 i{background:#8f0b0b}
#actions .tnspi-section-head h2 i::after,
#impact .tnspi-section-head h2 i::after,
.tnspi-overview-head h2 i::after{
  content:"";
  display:block;
  width:22px;
  height:22px;
  background:#fff;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
}
#actions .tnspi-section-head h2 i::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 4V2.8h6V4M8.5 9.5l1.4 1.4 2.4-2.7M13.8 10h2.8M8.5 15l1.4 1.4 2.4-2.7M13.8 15.5h2.8'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 4V2.8h6V4M8.5 9.5l1.4 1.4 2.4-2.7M13.8 10h2.8M8.5 15l1.4 1.4 2.4-2.7M13.8 15.5h2.8'/%3E%3C/svg%3E");
}
#impact .tnspi-section-head h2 i::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4h8v5a4 4 0 0 1-8 0V4Z'/%3E%3Cpath d='M8 6H5v2a4 4 0 0 0 4 4M16 6h3v2a4 4 0 0 1-4 4M12 13v4M9 21h6M10 17h4v4h-4z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4h8v5a4 4 0 0 1-8 0V4Z'/%3E%3Cpath d='M8 6H5v2a4 4 0 0 0 4 4M16 6h3v2a4 4 0 0 1-4 4M12 13v4M9 21h6M10 17h4v4h-4z'/%3E%3C/svg%3E");
}
.tnspi-overview-head h2 i::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Ccircle cx='16.5' cy='9' r='2.5'/%3E%3Cpath d='M3.5 19c.4-3.5 2.3-5.5 5.5-5.5s5.1 2 5.5 5.5M13.5 14.5c3.6-.8 6.5 1.2 7 4.5'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Ccircle cx='16.5' cy='9' r='2.5'/%3E%3Cpath d='M3.5 19c.4-3.5 2.3-5.5 5.5-5.5s5.1 2 5.5 5.5M13.5 14.5c3.6-.8 6.5 1.2 7 4.5'/%3E%3C/svg%3E");
}
#actions .tnspi-section-head p,
#impact .tnspi-section-head p,
.tnspi-overview-head p{
  margin:5px 0 0 54px;
  color:#4d5963;
  font-size:10px;
  line-height:1.35;
  font-weight:500;
}
#actions .tnspi-section-head p::before,
#impact .tnspi-section-head p::before,
.tnspi-overview-head p::before{
  content:"";
  display:inline-block;
  width:22px;
  height:1px;
  margin:0 8px 3px 0;
  background:#e8b229;
}
.tnspi-overview-head{
  grid-column:1 / -1;
  margin:0 0 20px;
  padding:0;
}
.tnspi-overview-head + .tnspi-info-col{
  padding-top:0;
}
@media(max-width:900px){
  #actions .tnspi-section-head,
  #impact .tnspi-section-head{align-items:flex-start}
  #actions .tnspi-section-head h2,
  #impact .tnspi-section-head h2,
  .tnspi-overview-head h2{font-size:19px}
  #actions .tnspi-section-head h2 i,
  #impact .tnspi-section-head h2 i,
  .tnspi-overview-head h2 i{flex-basis:36px;width:36px;height:36px;margin-right:10px}
  #actions .tnspi-section-head h2 i::after,
  #impact .tnspi-section-head h2 i::after,
  .tnspi-overview-head h2 i::after{width:19px;height:19px}
  #actions .tnspi-section-head p,
  #impact .tnspi-section-head p,
  .tnspi-overview-head p{margin-left:46px}
  .tnspi-overview-head{margin-bottom:8px}
}

/* v0.7.26: Work Areas reliability fallback only. If an old stored grid survives
   an unusual cache/migration path, do not let the legacy glyphs dominate. */
.tnspi-work-grid>div>b{color:#e31b23;font-size:0;line-height:1;margin:0}

/* v0.7.27: OUR WORK AREAS final visual refinement only.
   Preserve structure/content; improve scale, spacing and premium card treatment. */
.tnspi-work-title{margin:24px 0 18px}
.tnspi-work-title h2{font-size:22px;line-height:1.08;font-weight:900;letter-spacing:.015em;color:#071b35}
.tnspi-work-title p{font-size:10.5px;line-height:1.45;color:#344054;margin-top:7px}
.tnspi-work-kicker{gap:8px;height:11px;margin-bottom:8px}
.tnspi-work-kicker i{width:20px;height:1px;background:#d7a528}
.tnspi-work-kicker b{width:8px;height:8px;background:#e31b23}
.tnspi-work-grid{gap:10px}
.tnspi-work-grid>div{min-height:128px;padding:16px 8px;border-color:#dfe4e8;border-radius:8px;box-shadow:0 6px 18px rgba(6,24,39,.075)}
.tnspi-work-icon{width:40px;height:40px;margin-bottom:10px;stroke-width:2.15}
.tnspi-work-grid span{font-size:9.5px;line-height:1.35;font-weight:850;color:#071b35}
.tnspi-center-link{margin-top:22px}
.tnspi-center-link a{font-size:9.5px;letter-spacing:.01em}
@media(max-width:1100px){.tnspi-work-grid>div{min-height:122px}.tnspi-work-icon{width:38px;height:38px}.tnspi-work-grid span{font-size:9.25px}}
@media(max-width:900px){.tnspi-work-title h2{font-size:20px}.tnspi-work-grid>div{min-height:118px}.tnspi-work-icon{width:36px;height:36px}}

/* v0.7.28: ACTION TRACKER + REPORT A PUBLIC ISSUE refinement only.
   Keep the approved navy/burgundy palette and existing two-panel layout. */
.tnspi-duo .tnspi-tracker-box,
.tnspi-duo .tnspi-report-box{
  min-height:164px;
  border-radius:6px;
  padding:18px 20px;
  box-shadow:0 6px 18px rgba(6,24,39,.08);
}
.tnspi-duo .tnspi-tracker-box h2,
.tnspi-duo .tnspi-report-box h2{
  position:relative;
  display:inline-block;
  margin:0 0 15px;
  font-weight:900;
  letter-spacing:.01em;
}
.tnspi-duo .tnspi-tracker-box h2{font-size:17px}
.tnspi-duo .tnspi-report-box h2{font-size:20px;line-height:1.05}
.tnspi-duo .tnspi-tracker-box h2::after,
.tnspi-duo .tnspi-report-box h2::after{
  content:"";
  display:block;
  width:54px;
  height:2px;
  margin-top:7px;
  border-radius:2px;
  background:#e8b229;
}
.tnspi-duo .tnspi-tracker{gap:10px}
.tnspi-duo .tnspi-tracker span{
  height:64px;
  display:grid;
  grid-template-columns:20px auto;
  grid-template-rows:auto auto;
  align-content:center;
  justify-content:center;
  column-gap:7px;
  padding:6px 8px;
  border:1px solid rgba(255,255,255,.08);
}
.tnspi-duo .tnspi-tracker-icon{
  width:20px;
  height:20px;
  grid-row:1 / 3;
  align-self:center;
  fill:none;
  stroke:rgba(255,255,255,.92);
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.tnspi-duo .tnspi-tracker b{
  font-size:23px;
  line-height:1;
  align-self:end;
  text-align:left;
}
.tnspi-duo .tnspi-tracker small{
  margin-top:4px;
  font-size:7px;
  line-height:1.1;
  text-align:left;
  white-space:nowrap;
}
.tnspi-duo .tnspi-box-foot{
  margin-top:13px;
  align-items:center;
  font-size:8px;
}
.tnspi-duo .tnspi-box-foot-message{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.tnspi-duo .tnspi-box-foot-message svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:#fff;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.9;
}
.tnspi-duo .tnspi-box-foot a{
  position:relative;
  padding-bottom:3px;
}
.tnspi-duo .tnspi-box-foot a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:34px;
  height:1px;
  background:#e8b229;
}
.tnspi-duo .tnspi-report-box{
  grid-template-columns:minmax(0,1fr) 145px;
  background:linear-gradient(110deg,#7f1519 0%,#650d12 58%,#4f0910 100%);
}
.tnspi-duo .tnspi-report-box p{
  margin:0;
  font-size:10px;
  line-height:1.5;
  max-width:390px;
}
.tnspi-duo .tnspi-report-white{
  min-height:38px;
  margin-top:10px;
  padding:9px 15px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(255,255,255,.75);
  box-shadow:0 3px 10px rgba(35,0,3,.12);
}
.tnspi-duo .tnspi-report-white svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:#8e0b0b;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.tnspi-duo .tnspi-report-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:0;
  color:transparent;
}
.tnspi-duo .tnspi-report-hero-icon{
  width:102px;
  height:102px;
  fill:none;
  stroke:#ff4949;
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 3px 8px rgba(45,0,0,.18));
}
@media(max-width:900px){
  .tnspi-duo .tnspi-tracker-box,
  .tnspi-duo .tnspi-report-box{min-height:0}
}
@media(max-width:600px){
  .tnspi-duo .tnspi-tracker span{grid-template-columns:18px auto}
  .tnspi-duo .tnspi-tracker-icon{width:18px;height:18px}
  .tnspi-duo .tnspi-report-box{grid-template-columns:1fr}
  .tnspi-duo .tnspi-report-icon{display:none}
}


/* v0.7.29: approved REPORT A PUBLIC ISSUE visual only.
   Recreates the proposed document + accountability shield inside a dotted ring.
   No other section is changed. */
.tnspi-duo .tnspi-report-hero-icon{
  width:112px;
  height:112px;
  overflow:visible;
  filter:drop-shadow(0 5px 12px rgba(38,0,2,.16));
}
.tnspi-duo .tnspi-report-hero-icon .tnspi-report-ring{
  fill:none;
  stroke:#f04b49;
  stroke-width:1.7;
  stroke-dasharray:2 6;
  opacity:.8;
}
.tnspi-duo .tnspi-report-hero-icon .tnspi-report-paper{
  fill:#fff;
  stroke:#fff;
  stroke-width:3.2;
  stroke-linejoin:round;
}
.tnspi-duo .tnspi-report-hero-icon .tnspi-report-fold{
  fill:none;
  stroke:#7f1519;
  stroke-width:3.1;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.tnspi-duo .tnspi-report-hero-icon .tnspi-report-line{
  fill:none;
  stroke:#7f1519;
  stroke-width:3;
  stroke-linecap:round;
}
.tnspi-duo .tnspi-report-hero-icon .tnspi-report-shield{
  fill:#ef4147;
  stroke:#ef4147;
  stroke-width:2.7;
  stroke-linejoin:round;
}
.tnspi-duo .tnspi-report-hero-icon .tnspi-report-check{
  fill:none;
  stroke:#fff;
  stroke-width:4.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* ==========================================================
   v0.7.30 — HERO SECTION ONLY
   Approved rally photograph + stronger hero message + semantic CTA icons.
   No styles outside .tnspi-hero are intentionally changed.
   ========================================================== */
.tnspi-hero .tnspi-tamil-line{
  position:relative;
  display:inline-block;
  margin-bottom:22px;
  font-family:"Noto Sans Tamil",sans-serif;
  font-weight:900;
  letter-spacing:-.01em;
}
.tnspi-hero .tnspi-tamil-line:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-11px;
  width:58px;
  height:3px;
  border-radius:3px;
  background:#e8b229;
}
.tnspi-hero h1{
  font-size:44px;
  line-height:1.08;
  letter-spacing:-.025em;
  margin-bottom:18px;
}
.tnspi-hero .tnspi-cta-row{
  gap:14px;
  margin-top:27px;
}
.tnspi-hero .tnspi-btn-red .wp-block-button__link,
.tnspi-hero .tnspi-btn-darkline .wp-block-button__link{
  min-height:52px;
  height:52px;
  padding:0 20px;
  gap:10px;
  border-radius:5px;
  font-size:11px;
  line-height:1;
}
.tnspi-hero .tnspi-btn-red .wp-block-button__link{
  background:#e5262b;
  border:1px solid #f13a3e;
  box-shadow:0 5px 16px rgba(168,8,13,.18);
}
.tnspi-hero .tnspi-btn-darkline .wp-block-button__link{
  background:rgba(5,22,35,.46);
  border-color:rgba(255,255,255,.88);
}
.tnspi-hero-btn-icon{
  width:30px;
  height:30px;
  flex:0 0 30px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.tnspi-hero .tnspi-btn-red .tnspi-hero-btn-icon{
  border-radius:50%;
}
.tnspi-hero .tnspi-btn-outline .wp-block-button__link{
  gap:10px;
}
.tnspi-impact-btn-icon{
  width:23px;
  height:23px;
  flex:0 0 23px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media (min-width:901px){
  .tnspi-hero .tnspi-hero-media{
    object-fit:cover;
    object-position:center 60%;
  }
  .tnspi-hero .tnspi-hero-shade{
    background:linear-gradient(90deg,
      rgba(7,24,39,.985) 0%,
      rgba(7,24,39,.94) 27%,
      rgba(7,24,39,.58) 48%,
      rgba(7,24,39,.18) 75%,
      rgba(7,24,39,.07) 100%);
  }
  .tnspi-hero .tnspi-hero-copy{
    max-width:650px;
    padding-top:42px;
    padding-bottom:76px;
  }
}
@media (max-width:600px){
  .tnspi-hero h1{font-size:34px}
  .tnspi-hero .tnspi-btn-red .wp-block-button__link,
  .tnspi-hero .tnspi-btn-darkline .wp-block-button__link{height:auto;min-height:50px}
}

/* ==========================================================
   v0.7.31 — HERO CAROUSEL ONLY
   Progressive cross-fade using original TNSPI photographs.
   No styles outside .tnspi-hero are intentionally changed.
   ========================================================== */
.tnspi-hero .tnspi-hero-media{
  transition:opacity 1.2s ease;
  will-change:opacity;
}
.tnspi-hero .tnspi-hero-media.tnspi-hero-layer-back{
  opacity:0;
}
.tnspi-hero .tnspi-hero-media.tnspi-hero-layer-front{
  opacity:1;
}
.tnspi-hero .tnspi-hero-carousel-controls{
  position:absolute;
  z-index:5;
  left:calc((100% - 320px) / 2);
  bottom:70px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:6px 9px;
  border-radius:999px;
  background:rgba(3,22,36,.44);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
.tnspi-hero .tnspi-hero-carousel-dot{
  appearance:none;
  -webkit-appearance:none;
  width:8px;
  height:8px;
  min-width:8px;
  padding:0;
  margin:0;
  border:1px solid rgba(255,255,255,.85);
  border-radius:50%;
  background:rgba(255,255,255,.55);
  cursor:pointer;
  transition:width .2s ease,background .2s ease,border-color .2s ease;
}
.tnspi-hero .tnspi-hero-carousel-dot[aria-current="true"]{
  width:22px;
  border-radius:999px;
  border-color:#e8b229;
  background:#e8b229;
}
.tnspi-hero .tnspi-hero-carousel-dot:focus-visible{
  outline:2px solid #fff;
  outline-offset:3px;
}
@media (max-width:900px){
  .tnspi-hero .tnspi-hero-carousel-controls{
    position:relative;
    left:auto;
    bottom:auto;
    transform:none;
    width:max-content;
    margin:-22px auto 16px;
  }
}
@media (prefers-reduced-motion:reduce){
  .tnspi-hero .tnspi-hero-media{transition:none}
  .tnspi-hero .tnspi-hero-carousel-dot{transition:none}
}

/* ==========================================================
   v0.7.34 — TNSPI IN ACTION LIGHT CARD REFINEMENT ONLY
   Scope: Across Tamil Nadu / In the Media / Reports & Publications.
   Keeps the approved three-column information structure while adding
   restrained white cards, equal spacing, aligned foot links and the
   existing vector PDF icons. No other homepage section is changed.
   ========================================================== */
.tnspi-info-band{
  padding-top:18px;
  padding-bottom:34px;
}
.tnspi-info-band .tnspi-info-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}
.tnspi-info-band .tnspi-overview-head{
  grid-column:1 / -1;
  margin-bottom:4px;
}
.tnspi-info-band .tnspi-info-col,
.tnspi-info-band .tnspi-info-col + .tnspi-info-col{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:326px;
  padding:24px 26px 22px;
  border:1px solid #e2e6ea;
  border-radius:8px;
  background:#fff;
  box-shadow:0 5px 18px rgba(7,27,45,.055);
}
.tnspi-info-band .tnspi-info-col + .tnspi-info-col{
  border-left:1px solid #e2e6ea;
}
.tnspi-info-band .tnspi-info-col h2{
  display:flex;
  align-items:center;
  min-height:22px;
  margin:0 0 24px;
  color:#071b2d;
  font-size:17px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.005em;
}
.tnspi-info-band .tnspi-info-col h2 i{
  flex:0 0 auto;
  margin-right:10px;
  border-top-width:7px;
  border-bottom-width:7px;
  border-left-width:9px;
  border-left-color:#e31b23;
}
.tnspi-info-band .tnspi-map-row{
  flex:1 1 auto;
  align-items:flex-start;
  gap:24px;
  padding:10px 6px 4px;
}
.tnspi-info-band .tnspi-map-row img{
  flex:0 0 132px;
  width:132px;
  height:166px;
  object-fit:contain;
  object-position:center;
}
.tnspi-info-band .tnspi-map-row > div{
  padding-top:4px;
}
.tnspi-info-band .tnspi-map-row h3{
  margin:0 0 18px;
  color:#071b2d;
  font-size:15px;
  line-height:1.15;
  font-weight:900;
}
.tnspi-info-band .tnspi-map-row h3::first-letter{
  color:inherit;
}
.tnspi-info-band .tnspi-map-row p{
  margin:2px 0 0;
  color:#202b35;
  font-size:10px;
  line-height:1.45;
  font-weight:700;
}
.tnspi-info-band .tnspi-media-list{
  flex:1 1 auto;
}
.tnspi-info-band .tnspi-media-item,
.tnspi-info-band .tnspi-report-item{
  min-height:64px;
  margin:0;
  padding:0 0 16px;
  border-bottom:1px dashed #d8dde2;
}
.tnspi-info-band .tnspi-media-item + .tnspi-media-item,
.tnspi-info-band .tnspi-report-item + .tnspi-report-item{
  padding-top:16px;
}
.tnspi-info-band .tnspi-media-item:last-child,
.tnspi-info-band .tnspi-report-item:last-of-type{
  border-bottom:0;
}
.tnspi-info-band .tnspi-media-item{
  grid-template-columns:120px minmax(0,1fr);
  gap:18px;
}
.tnspi-info-band .tnspi-media-logo-fallback,
.tnspi-info-band .tnspi-media-logo-wrap,
.tnspi-info-band .tnspi-media-logo-image{
  max-width:120px;
}
.tnspi-info-band .tnspi-media-item p,
.tnspi-info-band .tnspi-report-item p{
  color:#1d2730;
  font-size:9.5px;
  line-height:1.45;
}
.tnspi-info-band .tnspi-media-item small,
.tnspi-info-band .tnspi-report-item small{
  color:#68727c;
  font-size:8px;
  line-height:1.35;
}
.tnspi-info-band .tnspi-report-item{
  grid-template-columns:46px minmax(0,1fr);
  gap:16px;
  align-items:center;
}
.tnspi-info-band .tnspi-report-item .tnspi-pdf-file-icon{
  width:40px;
  height:48px;
  object-fit:contain;
}
.tnspi-info-band .tnspi-info-col > a{
  flex:0 0 auto;
  align-self:stretch;
  margin-top:auto;
  padding-top:17px;
  border-top:1px solid #e5e8eb;
  color:#e31b23;
  font-size:10px;
  line-height:1.2;
  font-weight:900;
  text-align:center;
}
.tnspi-info-band .tnspi-info-col > a:hover,
.tnspi-info-band .tnspi-info-col > a:focus{
  color:#8f0b0b;
  text-decoration:none;
}
@media(max-width:1100px) and (min-width:901px){
  .tnspi-info-band .tnspi-info-grid{gap:16px}
  .tnspi-info-band .tnspi-info-col,
  .tnspi-info-band .tnspi-info-col + .tnspi-info-col{padding:20px 18px;min-height:312px}
  .tnspi-info-band .tnspi-map-row{gap:14px;padding-left:0;padding-right:0}
  .tnspi-info-band .tnspi-map-row img{flex-basis:106px;width:106px;height:148px}
  .tnspi-info-band .tnspi-media-item{grid-template-columns:98px minmax(0,1fr);gap:12px}
  .tnspi-info-band .tnspi-media-logo-fallback,
  .tnspi-info-band .tnspi-media-logo-wrap,
  .tnspi-info-band .tnspi-media-logo-image{max-width:98px}
}
@media(max-width:900px){
  .tnspi-info-band .tnspi-info-grid{grid-template-columns:1fr;gap:16px}
  .tnspi-info-band .tnspi-overview-head{margin-bottom:2px}
  .tnspi-info-band .tnspi-info-col,
  .tnspi-info-band .tnspi-info-col + .tnspi-info-col{
    min-height:0;
    padding:22px 20px;
    border:1px solid #e2e6ea;
    border-radius:8px;
  }
  .tnspi-info-band .tnspi-info-col h2{font-size:16px;margin-bottom:18px}
  .tnspi-info-band .tnspi-map-row{justify-content:flex-start;padding:2px 0 10px}
  .tnspi-info-band .tnspi-info-col > a{margin-top:16px}
}
@media(max-width:520px){
  .tnspi-info-band .tnspi-map-row{gap:14px}
  .tnspi-info-band .tnspi-map-row img{flex-basis:104px;width:104px;height:138px}
  .tnspi-info-band .tnspi-map-row h3{font-size:13px;margin-bottom:12px}
  .tnspi-info-band .tnspi-media-item{grid-template-columns:92px minmax(0,1fr);gap:12px}
  .tnspi-info-band .tnspi-media-logo-fallback,
  .tnspi-info-band .tnspi-media-logo-wrap,
  .tnspi-info-band .tnspi-media-logo-image{max-width:92px}
}

/* v0.7.35 bug fix: prevent legacy/ghost pseudo-content from bleeding over Impact card photos. */
#impact .tnspi-impact-grid article > div::before,
#impact .tnspi-impact-grid article > div::after{
  content:none !important;
  display:none !important;
}

/* v0.7.39 — TNSPI no-code Photo Gallery. Scoped to gallery UI and the third TNSPI IN ACTION column only. */
.tnspi-gallery-info-col{overflow:hidden}.tnspi-gallery-preview-grid{display:grid;grid-template-columns:1.35fr .85fr;grid-template-rows:1fr 1fr;gap:8px;min-height:190px;margin:8px 0 12px}.tnspi-gallery-card{appearance:none;-webkit-appearance:none;position:relative;display:block;width:100%;padding:0;border:0;background:#eef2f5;overflow:hidden;cursor:zoom-in;text-align:left;border-radius:7px}.tnspi-gallery-card img{display:block;width:100%;height:auto;max-width:100%}.tnspi-gallery-card-preview{min-height:0}.tnspi-gallery-card-preview img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.tnspi-gallery-card-preview:first-child{grid-row:1/3}.tnspi-gallery-card-preview:hover img,.tnspi-gallery-card-preview:focus-visible img{transform:scale(1.025)}.tnspi-gallery-preview-link{display:inline-flex!important;margin-top:auto!important;color:#ed1c24!important;font-weight:800!important}.tnspi-gallery-empty{grid-column:1/3;display:flex;align-items:center;justify-content:center;min-height:170px;padding:20px;text-align:center;border:1px dashed #d8dde3;border-radius:8px;background:#fafbfc;color:#65707c}.tnspi-gallery-empty .dashicons{font-size:28px;width:28px;height:28px;margin-right:8px}
.tnspi-gallery-page{background:#fff}.tnspi-gallery-hero{padding:54px 0 44px;background:linear-gradient(120deg,#061a2b,#0b304d);color:#fff;text-align:center;border-top:2px solid #d6a719}.tnspi-gallery-hero .tnspi-gallery-eyebrow{margin:0 0 8px;color:#f0bb27;font-size:12px;font-weight:800;letter-spacing:.04em}.tnspi-gallery-hero h1{margin:0;color:#fff;font-size:clamp(30px,4vw,48px);letter-spacing:-.02em}.tnspi-gallery-hero p:last-child{margin:8px 0 0;color:#e9eff4;font-size:17px}.tnspi-gallery-content{padding:34px 0 58px}.tnspi-gallery-filters{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 28px}.tnspi-gallery-filters a{display:inline-flex;align-items:center;min-height:38px;padding:7px 14px;border:1px solid #d9dee4;border-radius:999px;background:#fff;color:#0b2237;font-size:13px;font-weight:700;text-decoration:none}.tnspi-gallery-filters a:hover,.tnspi-gallery-filters a:focus-visible,.tnspi-gallery-filters a.is-active{background:#b20b12;border-color:#b20b12;color:#fff}.tnspi-gallery-masonry{columns:3 290px;column-gap:14px}.tnspi-gallery-masonry .tnspi-gallery-card{break-inside:avoid;margin:0 0 14px;border-radius:9px;box-shadow:0 2px 10px rgba(4,27,45,.08)}.tnspi-gallery-masonry .tnspi-gallery-card img{width:100%;height:auto}.tnspi-gallery-card-overlay{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:3px;padding:35px 13px 12px;background:linear-gradient(transparent,rgba(3,18,31,.86));color:#fff;opacity:0;transition:opacity .2s ease}.tnspi-gallery-card:hover .tnspi-gallery-card-overlay,.tnspi-gallery-card:focus-visible .tnspi-gallery-card-overlay{opacity:1}.tnspi-gallery-card-overlay strong{font-size:14px}.tnspi-gallery-card-overlay small{font-size:11px;color:#e9eef2}.tnspi-gallery-pagination{margin:32px 0 0}.tnspi-gallery-pagination ul{display:flex;gap:7px;justify-content:center;list-style:none;padding:0;margin:0}.tnspi-gallery-pagination a,.tnspi-gallery-pagination span{display:grid;place-items:center;min-width:36px;height:36px;padding:0 9px;border:1px solid #d8dde3;border-radius:6px;text-decoration:none}.tnspi-gallery-pagination .current{background:#b20b12;border-color:#b20b12;color:#fff}.tnspi-gallery-no-results{padding:60px 20px;text-align:center;border:1px dashed #d8dde3;border-radius:10px;background:#fafbfc}
.tnspi-gallery-lightbox[hidden]{display:none!important}.tnspi-gallery-lightbox{position:fixed;z-index:999999;inset:0;display:grid;grid-template-columns:64px minmax(0,1100px) 64px;align-items:center;justify-content:center;gap:14px;padding:38px;background:rgba(0,0,0,.94);color:#fff}.tnspi-gallery-lightbox figure{margin:0;max-height:calc(100vh - 76px);display:flex;flex-direction:column;align-items:center}.tnspi-gallery-lightbox figure>img{display:block;max-width:100%;max-height:calc(100vh - 210px);width:auto;height:auto;object-fit:contain}.tnspi-gallery-lightbox figcaption{width:min(100%,900px);padding:15px 0 0}.tnspi-gallery-lightbox h2{margin:0 0 6px;color:#fff;font-size:19px}.tnspi-gallery-lightbox p{margin:4px 0;color:#d8dde3}.tnspi-gallery-lightbox .tnspi-gallery-meta{font-size:12px;color:#f0bb27}.tnspi-gallery-lightbox .tnspi-gallery-caption{font-size:13px}.tnspi-gallery-close,.tnspi-gallery-prev,.tnspi-gallery-next{appearance:none;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.25);color:#fff;cursor:pointer}.tnspi-gallery-close{position:absolute;right:25px;top:20px;width:44px;height:44px;border:0;background:none;font-size:36px}.tnspi-gallery-prev,.tnspi-gallery-next{width:52px;height:52px;border-radius:50%;font-size:34px}.tnspi-gallery-open{overflow:hidden}
@media(max-width:900px){.tnspi-gallery-preview-grid{min-height:170px}.tnspi-gallery-lightbox{grid-template-columns:42px minmax(0,1fr) 42px;padding:58px 10px 20px;gap:6px}.tnspi-gallery-prev,.tnspi-gallery-next{width:40px;height:40px;font-size:28px}.tnspi-gallery-lightbox figure>img{max-height:calc(100vh - 230px)}}
@media(max-width:620px){.tnspi-gallery-filters{gap:6px}.tnspi-gallery-filters a{font-size:12px;min-height:34px;padding:6px 10px}.tnspi-gallery-masonry{columns:2 140px;column-gap:8px}.tnspi-gallery-masonry .tnspi-gallery-card{margin-bottom:8px;border-radius:6px}.tnspi-gallery-card-overlay{display:none}.tnspi-gallery-lightbox{grid-template-columns:1fr;padding:62px 10px 18px}.tnspi-gallery-prev,.tnspi-gallery-next{position:absolute;top:50%;z-index:2}.tnspi-gallery-prev{left:8px}.tnspi-gallery-next{right:8px}}

/* ==========================================================
   v0.7.40 — TNSPI IN ACTION COMPACT HEIGHT FIX ONLY
   Scope: the existing three TNSPI IN ACTION cards and the
   Photo Gallery preview inside the third card. Restores the
   compact proportions of the approved pre-gallery layout.
   No other homepage section is changed.
   ========================================================== */
@media (min-width:901px){
  .tnspi-info-band{
    padding-top:14px;
    padding-bottom:28px;
  }
  .tnspi-info-band .tnspi-info-grid{
    gap:18px;
  }
  .tnspi-info-band .tnspi-info-col,
  .tnspi-info-band .tnspi-info-col + .tnspi-info-col{
    min-height:0;
    height:280px;
    padding:18px 20px 16px;
  }
  .tnspi-info-band .tnspi-info-col h2{
    min-height:20px;
    margin-bottom:14px;
    font-size:15px;
  }
  .tnspi-info-band .tnspi-map-row{
    gap:18px;
    padding:2px 4px 0;
  }
  .tnspi-info-band .tnspi-map-row img{
    flex-basis:112px;
    width:112px;
    height:142px;
  }
  .tnspi-info-band .tnspi-map-row > div{
    padding-top:2px;
  }
  .tnspi-info-band .tnspi-map-row h3{
    margin-bottom:10px;
    font-size:13px;
  }
  .tnspi-info-band .tnspi-map-row p{
    font-size:9px;
    line-height:1.35;
  }
  .tnspi-info-band .tnspi-media-item,
  .tnspi-info-band .tnspi-report-item{
    min-height:48px;
    padding-bottom:9px;
  }
  .tnspi-info-band .tnspi-media-item + .tnspi-media-item,
  .tnspi-info-band .tnspi-report-item + .tnspi-report-item{
    padding-top:9px;
  }
  .tnspi-info-band .tnspi-media-item{
    grid-template-columns:102px minmax(0,1fr);
    gap:12px;
  }
  .tnspi-info-band .tnspi-media-logo-fallback,
  .tnspi-info-band .tnspi-media-logo-wrap,
  .tnspi-info-band .tnspi-media-logo-image{
    max-width:102px;
  }
  .tnspi-info-band .tnspi-media-item p,
  .tnspi-info-band .tnspi-report-item p{
    font-size:8.5px;
    line-height:1.35;
  }
  .tnspi-info-band .tnspi-media-item small,
  .tnspi-info-band .tnspi-report-item small{
    font-size:7px;
  }
  .tnspi-info-band .tnspi-info-col > a{
    padding-top:10px;
    font-size:9px;
  }
  .tnspi-gallery-preview-grid{
    min-height:0;
    height:126px;
    margin:2px 0 8px;
    gap:6px;
  }
  .tnspi-gallery-empty{
    min-height:0;
    height:126px;
    padding:14px;
    font-size:12px;
    line-height:1.35;
  }
}
@media (max-width:1100px) and (min-width:901px){
  .tnspi-info-band .tnspi-info-col,
  .tnspi-info-band .tnspi-info-col + .tnspi-info-col{
    height:270px;
    padding:17px 16px 15px;
  }
  .tnspi-info-band .tnspi-map-row img{
    flex-basis:100px;
    width:100px;
    height:134px;
  }
  .tnspi-info-band .tnspi-media-item{
    grid-template-columns:92px minmax(0,1fr);
    gap:10px;
  }
  .tnspi-info-band .tnspi-media-logo-fallback,
  .tnspi-info-band .tnspi-media-logo-wrap,
  .tnspi-info-band .tnspi-media-logo-image{
    max-width:92px;
  }
  .tnspi-gallery-preview-grid,
  .tnspi-gallery-empty{
    height:118px;
  }
}

/* ==========================================================
   v0.7.42 — GALLERY LIGHTBOX ARROW ALIGNMENT FIX ONLY
   Scope: previous / next circular controls in Gallery lightbox.
   ========================================================== */
.tnspi-gallery-lightbox .tnspi-gallery-prev,
.tnspi-gallery-lightbox .tnspi-gallery-next {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 1;
  font-size: 0;
  text-indent: 0;
}
.tnspi-gallery-lightbox .tnspi-gallery-prev::before,
.tnspi-gallery-lightbox .tnspi-gallery-next::before {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  border-top: 3px solid currentColor;
  border-right: 3px solid currentColor;
  box-sizing: border-box;
  flex: 0 0 auto;
}
.tnspi-gallery-lightbox .tnspi-gallery-prev::before { transform: rotate(-135deg); }
.tnspi-gallery-lightbox .tnspi-gallery-next::before { transform: rotate(45deg); }
@media (max-width: 900px) {
  .tnspi-gallery-lightbox .tnspi-gallery-prev::before,
  .tnspi-gallery-lightbox .tnspi-gallery-next::before {
    width: 9px;
    height: 9px;
    border-top-width: 2.5px;
    border-right-width: 2.5px;
  }
}

/* v0.7.43 — no-code Media Coverage archive. Homepage media column styling is unchanged. */
.tnspi-media-archive{background:#fff;color:#071b30}.tnspi-media-archive-hero{background:#071c30;color:#fff;padding:54px 20px 48px;border-top:2px solid #d7a51f}.tnspi-media-archive-hero .tnspi-container{max-width:1180px;margin:auto}.tnspi-media-archive-kicker{color:#f3bd27;font-weight:800;letter-spacing:.08em;font-size:12px;margin:0 0 8px}.tnspi-media-archive-hero h1{color:#fff;font-size:38px;margin:0 0 8px}.tnspi-media-archive-hero p{max-width:720px;margin:0;color:#dbe3ea}.tnspi-media-archive-content{max-width:1180px;margin:0 auto;padding:40px 20px 64px}.tnspi-media-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.tnspi-media-archive-card{border:1px solid #e1e5e8;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 4px 18px rgba(7,28,48,.06)}.tnspi-media-cutting{display:block;background:#f4f5f6;aspect-ratio:4/3;overflow:hidden}.tnspi-media-cutting img{width:100%;height:100%;object-fit:cover;display:block}.tnspi-media-archive-body{padding:18px}.tnspi-media-archive-outlet{height:36px;display:flex;align-items:center;margin-bottom:12px}.tnspi-media-archive-outlet img{max-width:130px;max-height:34px;width:auto;height:auto;object-fit:contain}.tnspi-media-archive-body h2{font-size:18px;line-height:1.3;margin:0 0 8px;color:#071b30}.tnspi-media-archive-body p{font-size:13px;line-height:1.55}.tnspi-media-archive-date{color:#6a737d;font-size:12px!important}.tnspi-media-archive-link{display:inline-block;margin-top:8px;color:#e31b23;font-size:12px;font-weight:800;text-decoration:none}.tnspi-media-pagination{margin-top:34px}.tnspi-media-pagination .nav-links{display:flex;gap:8px;justify-content:center}.tnspi-media-pagination .page-numbers{border:1px solid #dfe3e7;border-radius:6px;padding:7px 11px;text-decoration:none}.tnspi-media-pagination .current{background:#a90912;color:#fff;border-color:#a90912}@media(max-width:900px){.tnspi-media-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.tnspi-media-archive-grid{grid-template-columns:1fr}.tnspi-media-archive-hero h1{font-size:30px}}

/* v0.7.45 — site foundation only: search, editable pages and no-code forms. */
.tnspi-search-toggle{width:40px;height:40px;flex:0 0 40px;border:0;background:transparent;color:#071b2e;display:grid;place-items:center;cursor:pointer;border-radius:50%}.tnspi-search-toggle:hover,.tnspi-search-toggle:focus-visible{background:#f6f1e7;outline:none}.tnspi-search-toggle svg,.tnspi-search-panel svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.tnspi-search-panel{position:absolute;left:0;right:0;top:100%;z-index:350;background:#fff;border-top:1px solid #eceff1;border-bottom:1px solid #e3e6e8;box-shadow:0 9px 22px rgba(0,0,0,.1)}.tnspi-search-panel[hidden]{display:none}.tnspi-search-panel-inner{padding:16px 0}.tnspi-search-panel form{display:grid;grid-template-columns:24px 1fr auto 42px;align-items:center;gap:10px;max-width:900px;margin:auto}.tnspi-search-panel input{height:48px;border:0;border-bottom:2px solid #d8dde2;background:#fff;font-size:17px;padding:0 4px;outline:none}.tnspi-search-panel input:focus{border-bottom-color:#b50e12}.tnspi-search-panel button[type=submit]{height:42px;padding:0 24px;border:0;border-radius:4px;background:#b50e12;color:#fff;font-weight:800;cursor:pointer}.tnspi-search-close{width:40px;height:40px;border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:#34404a}.tnspi-foundation-main{background:#fff;min-height:55vh}.tnspi-page-hero{background:linear-gradient(135deg,#071b2e,#0d304c);color:#fff;padding:42px 0;border-top:2px solid #e5aa22}.tnspi-page-hero h1{margin:0;font-size:clamp(28px,4vw,46px);font-weight:900}.tnspi-page-content{max-width:980px;padding-top:42px;padding-bottom:58px}.tnspi-page-content>h2:first-child{margin-top:0}.tnspi-page-content h2,.tnspi-page-content h3{color:#071b2e}.tnspi-page-content p{font-size:15px;line-height:1.75;color:#37424b}.tnspi-public-form{margin-top:22px;padding:28px;border:1px solid #e1e5e8;border-radius:10px;background:#fff;box-shadow:0 8px 24px rgba(7,27,46,.05)}.tnspi-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tnspi-form-grid label{display:block}.tnspi-form-grid label>span{display:block;margin-bottom:7px;font-size:12px;font-weight:800;color:#172331}.tnspi-form-wide{grid-column:1/-1}.tnspi-public-form input[type=text],.tnspi-public-form input[type=email],.tnspi-public-form input[type=tel],.tnspi-public-form input[type=file],.tnspi-public-form select,.tnspi-public-form textarea{width:100%;border:1px solid #cfd5da;border-radius:5px;background:#fff;color:#111;padding:11px 12px;font:inherit}.tnspi-public-form input:focus,.tnspi-public-form select:focus,.tnspi-public-form textarea:focus{outline:2px solid rgba(181,14,18,.15);border-color:#b50e12}.tnspi-consent{display:flex;gap:10px;align-items:flex-start;margin:18px 0;font-size:12px;line-height:1.5}.tnspi-consent input{margin-top:3px}.tnspi-form-submit{border:0;border-radius:5px;background:#b50e12;color:#fff;font-weight:900;text-transform:uppercase;padding:13px 20px;cursor:pointer}.tnspi-form-submit:hover{background:#8e0b0b}.tnspi-form-help{font-size:11px!important;color:#68737b!important}.tnspi-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.tnspi-form-notice{padding:13px 16px;margin:0 0 18px;border-radius:5px;font-weight:700}.tnspi-form-notice.is-success{background:#e9f7ef;color:#146c3a;border:1px solid #bde5cc}.tnspi-form-notice.is-error{background:#fff0f0;color:#9b1015;border:1px solid #f0c3c5}.tnspi-page-search{display:flex;gap:8px;margin-top:18px;max-width:720px}.tnspi-page-search input{flex:1;height:46px;border:1px solid rgba(255,255,255,.45);background:#fff;color:#111;border-radius:5px;padding:0 13px}.tnspi-page-search button{border:0;border-radius:5px;background:#e5aa22;color:#111;font-weight:900;padding:0 20px}.tnspi-search-results{padding-top:34px;padding-bottom:55px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tnspi-search-card{border:1px solid #e2e6e9;border-radius:8px;padding:22px;background:#fff}.tnspi-search-card small{text-transform:uppercase;color:#b50e12;font-weight:800}.tnspi-search-card h2{font-size:20px;margin:8px 0}.tnspi-search-card h2 a{color:#071b2e;text-decoration:none}.tnspi-search-card p{color:#58636c;font-size:13px;line-height:1.6}.tnspi-search-more{font-size:12px;font-weight:900;color:#d71920;text-decoration:none}.tnspi-search-empty{grid-column:1/-1;text-align:center;padding:45px 0}.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){.tnspi-search-toggle{margin-left:2px}.tnspi-search-panel form{grid-template-columns:22px 1fr 40px}.tnspi-search-panel button[type=submit]{display:none}.tnspi-form-grid,.tnspi-search-results{grid-template-columns:1fr}.tnspi-form-wide{grid-column:auto}}

/* v0.7.64 lightweight footer visibility: preserve the approved 5-column grid by default; rebalance only when an entire optional column is disabled. */
@media(min-width:901px){
.tnspi-footer-grid.tnspi-footer-cols-4{grid-template-columns:1.28fr .9fr .9fr 1fr}
.tnspi-footer-grid.tnspi-footer-cols-3{grid-template-columns:1.28fr .9fr 1fr}
.tnspi-footer-grid.tnspi-footer-cols-2{grid-template-columns:1.28fr 1fr}
}

/* =========================================================
   v0.7.65 — Latest Updates / native WordPress Posts
   Lightweight, Rank Math-friendly presentation only.
   ========================================================= */
.tnspi-latest-updates{padding:30px 0 34px;background:#f7f9fb;border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2}
.tnspi-latest-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}
.tnspi-latest-kicker{display:block;color:#b80a08;font-size:8px;font-weight:900;letter-spacing:.12em;margin-bottom:5px}
.tnspi-latest-head h2{margin:0;color:#071b30;font-size:21px;line-height:1.1;font-weight:900;letter-spacing:.01em}
.tnspi-latest-head h2:after{content:"";display:block;width:42px;height:2px;background:#d7a528;margin-top:8px}
.tnspi-latest-head p{font-size:10px;color:#525d66;margin:7px 0 0}
.tnspi-latest-head>a{font-size:9px;font-weight:900;color:#e31b23;text-decoration:none;white-space:nowrap}
.tnspi-updates-grid,.tnspi-updates-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tnspi-update-card{background:#fff;border:1px solid #e1e6ea;border-radius:7px;overflow:hidden;box-shadow:0 4px 14px rgba(7,27,48,.05);min-width:0}
.tnspi-update-thumb{display:block;height:150px;background:#0a263f;overflow:hidden;text-decoration:none}
.tnspi-update-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.tnspi-update-card:hover .tnspi-update-thumb img{transform:scale(1.025)}
.tnspi-update-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#071b30,#0b3554);color:#fff;position:relative}
.tnspi-update-placeholder i{width:34px;height:34px;border:2px solid #f2a800;border-radius:50%;margin-bottom:8px;position:relative}
.tnspi-update-placeholder i:after{content:"";position:absolute;left:15px;top:6px;width:2px;height:20px;background:#f2a800;transform:rotate(30deg)}
.tnspi-update-placeholder b{font-size:13px}.tnspi-update-placeholder small{font-size:7px;color:#f2a800;margin-top:2px;letter-spacing:.08em}
.tnspi-update-body{padding:14px 15px 16px}
.tnspi-update-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
.tnspi-update-category{display:inline-block;background:#a90d14;color:#fff;padding:4px 7px;border-radius:2px;font-size:7px;font-weight:900;text-transform:uppercase;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tnspi-update-meta time{font-size:8px;color:#727c84;white-space:nowrap}
.tnspi-update-title{font-size:15px!important;line-height:1.35!important;margin:0 0 8px!important;font-weight:900!important;color:#071b30!important}
.tnspi-update-title a{color:inherit;text-decoration:none}
.tnspi-update-body>p{font-size:9.5px;line-height:1.55;color:#3d4851;margin:0 0 11px}
.tnspi-update-read{font-size:8px;font-weight:900;color:#e31b23;text-decoration:none}

.tnspi-updates-archive{background:#fff;color:#071b30;min-height:60vh}
.tnspi-updates-hero{background:#071c30;color:#fff;border-top:2px solid #d7a51f;padding:48px 0 44px}
.tnspi-updates-kicker{color:#f2b420;font-size:10px;letter-spacing:.12em;font-weight:900;margin:0 0 7px}
.tnspi-updates-hero h1{color:#fff;font-size:38px;line-height:1.1;margin:0 0 9px;font-weight:900}
.tnspi-updates-hero>div>p:last-child,.tnspi-updates-hero-description{max-width:760px;color:#dbe3ea;font-size:13px;line-height:1.6;margin:0}
.tnspi-updates-hero-description p{margin:0;color:inherit}
.tnspi-updates-archive-content{padding:32px 0 58px}
.tnspi-update-filters{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 24px}
.tnspi-update-filters a{display:inline-flex;align-items:center;min-height:31px;padding:0 11px;border:1px solid #dfe4e8;border-radius:999px;color:#263746;background:#fff;text-decoration:none;font-size:8px;font-weight:900;text-transform:uppercase}
.tnspi-update-filters a:hover,.tnspi-update-filters a.is-active{background:#a90d14;border-color:#a90d14;color:#fff}
.tnspi-updates-archive-grid .tnspi-update-thumb{height:190px}
.tnspi-updates-archive-grid .tnspi-update-title{font-size:18px!important}
.tnspi-updates-archive-grid .tnspi-update-body>p{font-size:11px}
.tnspi-updates-pagination{margin-top:34px}
.tnspi-updates-pagination .nav-links{display:flex;gap:7px;justify-content:center;align-items:center}
.tnspi-updates-pagination .page-numbers{min-width:34px;height:34px;padding:0 9px;border:1px solid #dfe4e8;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#071b30;font-size:11px;font-weight:800}
.tnspi-updates-pagination .current{background:#a90d14;border-color:#a90d14;color:#fff}
.tnspi-updates-empty{padding:44px 20px;text-align:center;border:1px dashed #d9dfe4;border-radius:8px;background:#fafbfc}
.tnspi-updates-empty h2{margin:0 0 6px;color:#071b30}

.tnspi-article-main{background:#fff;color:#0b2034;min-height:60vh}
.tnspi-article-header{background:#f7f9fb;border-top:2px solid #d7a51f;border-bottom:1px solid #e8edf1;padding:42px 20px 36px}
.tnspi-article-narrow{width:min(calc(100% - 40px),860px);margin-left:auto;margin-right:auto}
.tnspi-article-back{display:inline-block;color:#a90d14;text-decoration:none;font-size:8px;font-weight:900;letter-spacing:.04em;margin-bottom:18px}
.tnspi-article-category{display:block;color:#a90d14;font-size:9px;font-weight:900;text-transform:uppercase;margin-bottom:8px}
.tnspi-article-header h1{font-size:clamp(30px,4vw,48px);line-height:1.2;color:#071b30;margin:0;font-weight:900;letter-spacing:-.015em}
.tnspi-article-meta{display:flex;gap:8px;align-items:center;color:#6b7780;font-size:10px;margin-top:15px}
.tnspi-article-featured{margin-top:30px;width:min(calc(100% - 48px),1080px)}
.tnspi-article-featured img{width:100%;max-height:560px;object-fit:cover;display:block;border-radius:8px}
.tnspi-article-content{padding-top:34px;padding-bottom:24px;font-size:17px;line-height:1.85;color:#172b3d}
.tnspi-article-content p{margin:0 0 1.25em}.tnspi-article-content h2,.tnspi-article-content h3{color:#071b30;line-height:1.3;margin:1.5em 0 .65em;font-weight:900}
.tnspi-article-content h2{font-size:28px}.tnspi-article-content h3{font-size:22px}
.tnspi-article-content img{max-width:100%;height:auto;border-radius:5px}
.tnspi-article-content a{color:#a90d14;text-decoration:underline;text-underline-offset:2px}
.tnspi-article-content blockquote{border-left:4px solid #d7a51f;margin:24px 0;padding:12px 20px;background:#f7f9fb;color:#263746}
.tnspi-article-footer{border-top:1px solid #e6ebee;padding:20px 0 54px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px}
.tnspi-article-tax a{color:#a90d14;text-decoration:none}.tnspi-article-all{color:#a90d14;text-decoration:none;font-weight:900;white-space:nowrap}

@media(max-width:900px){
  .tnspi-updates-grid,.tnspi-updates-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tnspi-updates-grid .tnspi-update-card:last-child{display:none}
}
@media(max-width:620px){
  .tnspi-latest-updates{padding:26px 0 30px}.tnspi-latest-head{align-items:flex-start;flex-direction:column;gap:10px}
  .tnspi-updates-grid,.tnspi-updates-archive-grid{grid-template-columns:1fr}.tnspi-updates-grid .tnspi-update-card:last-child{display:block}
  .tnspi-update-thumb,.tnspi-updates-archive-grid .tnspi-update-thumb{height:190px}
  .tnspi-updates-hero{padding:38px 0 34px}.tnspi-updates-hero h1{font-size:30px}
  .tnspi-article-header{padding:34px 0 30px}.tnspi-article-narrow{width:min(calc(100% - 28px),860px)}
  .tnspi-article-featured{width:min(calc(100% - 28px),1080px);margin-top:20px}.tnspi-article-content{font-size:16px;line-height:1.78;padding-top:25px}
  .tnspi-article-footer{align-items:flex-start;flex-direction:column}.tnspi-article-all{white-space:normal}
}


/* ==========================================================
   v0.7.67 — TNSPI VOICE INSIDE TNSPI IN ACTION ONLY
   Replaces the obsolete district-network card with a compact,
   bounded native-post preview. No new homepage section.
   ========================================================== */
.tnspi-info-band .tnspi-voice-col .tnspi-voice-list{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  min-height:0;
}
.tnspi-info-band .tnspi-voice-item{
  padding:0 0 10px;
  border-bottom:1px solid #e6eaee;
}
.tnspi-info-band .tnspi-voice-item + .tnspi-voice-item{
  padding-top:10px;
}
.tnspi-info-band .tnspi-voice-item:last-child{
  padding-bottom:0;
  border-bottom:0;
}
.tnspi-info-band .tnspi-voice-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:4px;
  color:#7a838b;
  font-size:7px;
  line-height:1.2;
  font-weight:700;
}
.tnspi-info-band .tnspi-voice-meta span{
  max-width:58%;
  overflow:hidden;
  color:#b50f18;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
.tnspi-info-band .tnspi-voice-meta time{white-space:nowrap}
.tnspi-info-band .tnspi-voice-item h3{
  margin:0;
  color:#071b2d;
  font-size:10px;
  line-height:1.35;
  font-weight:850;
}
.tnspi-info-band .tnspi-voice-item h3 a{
  color:inherit;
  text-decoration:none;
}
.tnspi-info-band .tnspi-voice-item h3 a:hover{color:#b50f18}
.tnspi-info-band .tnspi-voice-empty{
  flex:1 1 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#68737d;
  font-size:9px;
  text-align:center;
}
@media(max-width:900px){
  .tnspi-info-band .tnspi-voice-item h3{font-size:13px}
  .tnspi-info-band .tnspi-voice-meta{font-size:8px}
}

/* ==========================================================
   v0.7.68 — HEADER LOGO RENDERING CLARITY ONLY
   Scope: custom-logo image rendering and responsive size only.
   Uses the HD source supplied by header.php; no filters/effects/upscaling.
   ========================================================== */
.tnspi-brand img.tnspi-brand-logo,
.tnspi-brand-logo{
  width:var(--tnspi-logo-desktop,94px)!important;
  height:var(--tnspi-logo-desktop,94px)!important;
  max-width:none;
  object-fit:contain;
  object-position:center;
  image-rendering:auto;
  filter:none!important;
  transform:none!important;
  opacity:1;
}
@media(max-width:900px){
  .tnspi-brand img.tnspi-brand-logo,
  .tnspi-brand-logo{
    width:var(--tnspi-logo-mobile,70px)!important;
    height:var(--tnspi-logo-mobile,70px)!important;
  }
}

/* ==========================================================
   v0.7.69 — HERO READABILITY POLISH ONLY
   Directional navy overlay + restrained text separation.
   Original carousel photographs, layout, focal positions,
   buttons, content and all non-hero sections remain untouched.
   ========================================================== */
.tnspi-hero .tnspi-hero-copy{
  text-shadow:0 2px 8px rgba(0,0,0,.34);
}
.tnspi-hero .tnspi-hero-copy .tnspi-tamil-line strong{
  text-shadow:0 2px 8px rgba(0,0,0,.38);
}
.tnspi-hero .tnspi-btn-red .wp-block-button__link,
.tnspi-hero .tnspi-btn-darkline .wp-block-button__link{
  text-shadow:none;
}
@media (min-width:901px){
  .tnspi-hero .tnspi-hero-shade{
    background:linear-gradient(90deg,
      rgba(5,20,33,.96) 0%,
      rgba(5,20,33,.88) 25%,
      rgba(5,20,33,.62) 43%,
      rgba(5,20,33,.32) 59%,
      rgba(5,20,33,.12) 76%,
      rgba(5,20,33,.05) 100%);
  }
}
@media (max-width:900px){
  .tnspi-hero .tnspi-hero-shade{
    background:linear-gradient(180deg,
      rgba(5,20,33,.74) 0%,
      rgba(5,20,33,.48) 45%,
      rgba(5,20,33,.72) 100%);
  }
  .tnspi-hero .tnspi-hero-copy{
    text-shadow:0 2px 7px rgba(0,0,0,.4);
  }
}

/* ==========================================================
   v0.7.70 — TARGETED HERO PHOTO FRAMING ONLY
   Scope: bundled 3_tnspi-with-SP.webp slide on desktop.
   JS applies a restrained zoom/pan only while that photograph is active,
   moving its left-side founder/SP subjects into the clearer middle-right
   visual area. No other slide, hero copy, overlay, controls or section changes.
   ========================================================== */
@media (min-width:901px){
  .tnspi-hero .tnspi-hero-media{
    transform-origin:center center;
  }
}

/* ==========================================================
   v0.7.71 — MOBILE/TABLET HERO COLOR CONSISTENCY ONLY
   Explicitly locks approved hero-copy colors inside .tnspi-hero
   so Kadence/Gutenberg responsive styles cannot override them.
   No layout, image framing, carousel, spacing or non-hero changes.
   ========================================================== */
.tnspi-hero .tnspi-hero-copy,
.tnspi-hero .tnspi-hero-copy h1,
.tnspi-hero .tnspi-hero-copy .wp-block-heading,
.tnspi-hero .tnspi-hero-copy > p:not(.tnspi-tamil-line),
.tnspi-hero .tnspi-hero-copy .tnspi-tamil-line{
  color:#fff !important;
}
.tnspi-hero .tnspi-hero-copy .tnspi-tamil-line strong{
  color:#ef2b2f !important;
}
.tnspi-hero .tnspi-btn-red .wp-block-button__link,
.tnspi-hero .tnspi-btn-darkline .wp-block-button__link,
.tnspi-hero .tnspi-btn-outline .wp-block-button__link{
  color:#fff !important;
}

@media (max-width:900px){
  .tnspi-hero .tnspi-hero-copy,
  .tnspi-hero .tnspi-hero-copy h1,
  .tnspi-hero .tnspi-hero-copy .wp-block-heading,
  .tnspi-hero .tnspi-hero-copy > p:not(.tnspi-tamil-line),
  .tnspi-hero .tnspi-hero-copy .tnspi-tamil-line{
    color:#fff !important;
  }
  .tnspi-hero .tnspi-hero-copy .tnspi-tamil-line strong{
    color:#ef2b2f !important;
  }
}

/* ==========================================================
   v0.7.72 — OUR WORK DIRECTORY ONLY
   Native Work Areas records feed the dedicated /our-work/ page.
   Cards are intentionally informational/non-clickable for launch.
   ========================================================== */
.tnspi-work-page .entry-header{display:none}
.tnspi-work-page main,
.tnspi-work-page .content-area,
.tnspi-work-page .site-main{margin:0;padding:0;max-width:none}
.tnspi-work-directory{background:#f6f8fb;padding:68px 0 84px;color:#0b2239}
.tnspi-work-directory .tnspi-container{max-width:1180px;margin:0 auto;padding:0 24px}
.tnspi-work-page-head{max-width:820px;margin:0 auto 24px;text-align:center}
.tnspi-work-page-head>span{display:inline-block;color:#a70d14;font-size:13px;font-weight:900;letter-spacing:.16em;margin-bottom:10px}
.tnspi-work-page-head h1{margin:0;color:#071f37;font-size:clamp(34px,4vw,48px);line-height:1.08;font-weight:900;letter-spacing:-.025em}
.tnspi-work-page-head h1:after{content:"";display:block;width:72px;height:4px;border-radius:99px;background:#c89725;margin:20px auto 0}
.tnspi-work-page-head p{margin:22px auto 0;max-width:760px;color:#526274;font-size:17px;line-height:1.75}
.tnspi-work-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.tnspi-work-directory-card{background:#fff;border:1px solid #e0e6ed;border-top:4px solid #a70d14;border-radius:12px;padding:26px 22px 24px;min-height:220px;box-shadow:0 6px 20px rgba(7,31,55,.055);transition:transform .18s ease,box-shadow .18s ease}
.tnspi-work-directory-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(7,31,55,.08)}
.tnspi-work-directory-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin:0 0 18px;color:#a70d14}
.tnspi-work-directory-icon svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tnspi-work-directory-card h2{margin:0 0 12px;color:#071f37;font-size:19px;line-height:1.35;font-weight:900}
.tnspi-work-directory-card p{margin:0;color:#607083;font-size:14px;line-height:1.7}
.tnspi-work-empty{background:#fff;border:1px solid #e0e6ed;border-radius:12px;padding:34px;text-align:center;color:#5a6877}
@media(max-width:1000px){.tnspi-work-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .tnspi-work-directory{padding:48px 0 58px}
 .tnspi-work-directory .tnspi-container{padding:0 16px}
 .tnspi-work-page-head{margin-bottom:24px}
 .tnspi-work-page-head p{font-size:15px;line-height:1.7}
 .tnspi-work-directory-grid{grid-template-columns:1fr;gap:14px}
 .tnspi-work-directory-card{min-height:0;padding:22px 20px}
}

/* v0.7.74 — Our Work visual polish only: more balanced heading and tighter header-to-card spacing. */
/* v0.7.81 — dedicated Actions / Impact pages only */
.tnspi-actions-page,.tnspi-impact-page{padding-top:48px;padding-bottom:56px;background:#f7f9fb}
.tnspi-actions-page .tnspi-section-head,.tnspi-impact-page .tnspi-section-head{margin-bottom:28px}
.tnspi-actions-page .tnspi-section-head h1,.tnspi-impact-page .tnspi-section-head h1{margin:0;font-size:clamp(30px,4vw,46px);color:#08223b;font-weight:900}
.tnspi-actions-page .tnspi-section-head p,.tnspi-impact-page .tnspi-section-head p{font-size:16px;color:#536477;margin:8px 0 0}
.tnspi-actions-page .tnspi-tracker-box{margin-top:28px}
@media(max-width:700px){.tnspi-actions-page,.tnspi-impact-page{padding-top:30px;padding-bottom:38px}.tnspi-actions-page .tnspi-section-head,.tnspi-impact-page .tnspi-section-head{margin-bottom:20px}}

/* v0.7.82 - English desktop header fit only.
   Keep the approved Tamil header untouched while giving the longer English
   brand/navigation enough horizontal room so the Report an Issue CTA stays
   fully inside the viewport. */
@media (min-width:901px){
  html[lang^="en"] .tnspi-header-inner{
    width:min(calc(100% - 32px),1580px);
    gap:18px;
  }
  html[lang^="en"] .tnspi-brand{
    min-width:0;
    flex:0 1 570px;
  }
  html[lang^="en"] .tnspi-brand-text strong{
    font-size:clamp(29px,2vw,36px);
    white-space:nowrap;
  }
  html[lang^="en"] .tnspi-primary-nav{
    min-width:0;
    flex:0 1 auto;
  }
  html[lang^="en"] .tnspi-nav-list{
    gap:clamp(12px,1.05vw,20px);
  }
  html[lang^="en"] .tnspi-nav-list > li > a,
  html[lang^="en"] .tnspi-nav-list > li:first-child > a{
    font-size:clamp(9.4px,.62vw,11px);
  }
  html[lang^="en"] .tnspi-header-report{
    min-width:158px;
    padding-left:14px;
    padding-right:14px;
    font-size:10px;
  }
}

@media (min-width:901px) and (max-width:1180px){
  html[lang^="en"] .tnspi-header-inner{gap:10px}
  html[lang^="en"] .tnspi-brand{flex-basis:300px}
  html[lang^="en"] .tnspi-brand-text strong{font-size:28px}
  html[lang^="en"] .tnspi-nav-list{gap:10px}
  html[lang^="en"] .tnspi-nav-list > li > a,
  html[lang^="en"] .tnspi-nav-list > li:first-child > a{font-size:9px}
  html[lang^="en"] .tnspi-header-report{min-width:142px;padding-left:10px;padding-right:10px;font-size:9px}
}

/* v0.7.83 - bilingual desktop header parity.
   Keep English on the same centered header grid as Tamil. Only compress
   English typography/spacing enough to fit; do not move the whole header
   toward the viewport edge. */
@media (min-width:901px){
  html[lang^="en"] .tnspi-header-inner{
    width:min(calc(100% - 48px),var(--container));
    margin-left:auto;
    margin-right:auto;
    gap:25px;
  }
  html[lang^="en"] .tnspi-brand-wrap{
    flex:0 0 620px;
    width:620px;
    min-width:0;
  }
  html[lang^="en"] .tnspi-brand{
    width:100%;
    min-width:0;
    flex:none;
    gap:12px;
  }
  html[lang^="en"] .tnspi-brand-text{
    min-width:0;
  }
  html[lang^="en"] .tnspi-brand-text strong{
    font-size:31px;
    line-height:.98;
    white-space:nowrap;
    letter-spacing:-.035em;
  }
  html[lang^="en"] .tnspi-primary-nav{
    min-width:0;
    flex:0 1 auto;
    margin-left:auto;
  }
  html[lang^="en"] .tnspi-nav-list{
    gap:16px;
  }
  html[lang^="en"] .tnspi-nav-list > li > a,
  html[lang^="en"] .tnspi-nav-list > li:first-child > a{
    font-size:10px;
  }
  html[lang^="en"] .tnspi-header-report{
    min-width:158px;
    padding-left:14px;
    padding-right:14px;
    font-size:10px;
  }
}

@media (min-width:901px) and (max-width:1220px){
  html[lang^="en"] .tnspi-header-inner{gap:14px}
  html[lang^="en"] .tnspi-brand-wrap{flex-basis:430px;width:430px}
  html[lang^="en"] .tnspi-brand img,
  html[lang^="en"] .tnspi-brand-logo{width:82px;height:82px}
  html[lang^="en"] .tnspi-brand-text strong{font-size:26px}
  html[lang^="en"] .tnspi-brand-text>span{font-size:9px}
  html[lang^="en"] .tnspi-nav-list{gap:10px}
  html[lang^="en"] .tnspi-nav-list > li > a,
  html[lang^="en"] .tnspi-nav-list > li:first-child > a{font-size:9px}
  html[lang^="en"] .tnspi-header-report{min-width:142px;padding-left:10px;padding-right:10px;font-size:9px}
}

/* v0.7.84 - English/Tamil desktop header parity refinement.
   Use the same intrinsic flex geometry as the approved Tamil header. The
   English brand typography is compacted to approximately the Tamil brand's
   occupied width, which preserves the shared logo start position while
   reserving a dedicated, non-shrinking search slot before the report CTA. */
@media (min-width:1221px){
  html[lang^="en"] .tnspi-header-inner{
    width:min(calc(100% - 48px),var(--container));
    margin-left:auto;
    margin-right:auto;
    gap:25px;
  }
  html[lang^="en"] .tnspi-brand-wrap{
    flex:0 0 auto;
    width:auto;
    min-width:0;
  }
  html[lang^="en"] .tnspi-brand{
    width:auto;
    min-width:350px;
    flex:0 0 auto;
    gap:12px;
  }
  html[lang^="en"] .tnspi-brand-text strong{
    font-size:25px;
    line-height:.98;
    letter-spacing:-.035em;
    white-space:nowrap;
  }
  html[lang^="en"] .tnspi-brand-text>span{
    font-size:10px;
    margin-top:7px;
    white-space:nowrap;
  }
  html[lang^="en"] .tnspi-primary-nav{
    min-width:0;
    flex:0 1 auto;
    margin-left:auto;
  }
  html[lang^="en"] .tnspi-nav-list{
    gap:18px;
  }
  html[lang^="en"] .tnspi-nav-list > li > a,
  html[lang^="en"] .tnspi-nav-list > li:first-child > a{
    font-size:10px;
  }
  html[lang^="en"] .tnspi-search-toggle{
    display:grid;
    visibility:visible;
    opacity:1;
    width:40px;
    height:40px;
    flex:0 0 40px;
    margin:0;
    position:relative;
    z-index:2;
  }
  html[lang^="en"] .tnspi-header-report{
    flex:0 0 auto;
    min-width:168px;
    padding-left:16px;
    padding-right:16px;
    font-size:10px;
  }
}

@media (min-width:901px) and (max-width:1220px){
  html[lang^="en"] .tnspi-brand-wrap{flex:0 0 auto;width:auto;min-width:0}
  html[lang^="en"] .tnspi-brand{width:auto;min-width:280px;flex:0 1 auto}
  html[lang^="en"] .tnspi-search-toggle{display:grid;visibility:visible;opacity:1;flex:0 0 40px;position:relative;z-index:2}
}

/* v0.7.87 — Tamil primary header labels only. Preserve approved header geometry. */
html[lang^="ta"] .tnspi-primary-nav .tnspi-nav-list > li > a {
  font-size: 13px;
  white-space: nowrap;
}
html[lang^="ta"] .tnspi-header-report {
  white-space: nowrap;
}

/* v0.7.93 — Media submenu only. Gallery and Media Coverage are grouped under
   one compact Media / ஊடகம் parent without changing the rest of the header. */
@media (min-width:901px){
  .tnspi-nav-list > li{position:relative}
  .tnspi-nav-list > li.menu-item-has-children > a{padding-right:13px!important}
  .tnspi-nav-list > li.menu-item-has-children > a::before{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    width:5px;
    height:5px;
    margin-top:-4px;
    border-right:1.5px solid currentColor;
    border-bottom:1.5px solid currentColor;
    transform:rotate(45deg);
  }
  .tnspi-nav-list > li > .sub-menu{
    position:absolute;
    top:100%;
    left:50%;
    z-index:500;
    min-width:190px;
    margin:0;
    padding:7px 0;
    list-style:none;
    opacity:0;
    visibility:hidden;
    transform:translate(-50%,-7px);
    transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
  }
  .tnspi-nav-list > li:hover > .sub-menu,
  .tnspi-nav-list > li:focus-within > .sub-menu{
    opacity:1;
    visibility:visible;
    transform:translate(-50%,0);
  }
  .tnspi-nav-list > li > .sub-menu li{display:block;margin:0;padding:0}
  .tnspi-nav-list > li > .sub-menu a{
    display:block;
    white-space:nowrap;
    text-transform:none;
  }
}
@media (max-width:900px){
  .tnspi-nav-list > li > .sub-menu{
    position:static;
    min-width:0;
    margin:0;
    padding:0 0 5px 16px;
    list-style:none;
    opacity:1;
    visibility:visible;
    transform:none;
  }
  .tnspi-nav-list > li > .sub-menu a{padding:9px 0;font-size:9.6px}
}


/* v0.7.94 — Media submenu strike-line correction only.
   A legacy first-child navigation rule was also matching the first submenu
   link and drawing its red active-line pseudo-element through the text.
   Keep active indicators on top-level navigation only. */
.tnspi-nav-list .sub-menu a::after,
.tnspi-nav-list .sub-menu li:first-child > a::after{
  content:none!important;
  display:none!important;
  background:none!important;
  border:0!important;
}

/* v0.7.96 — bilingual desktop header parity + shorter Tamil CTA.
   Tamil and English must use the same centered 1320px container geometry so
   the logo/header never jumps horizontally when switching languages. The
   shorter Tamil Report CTA provides the extra room; only Tamil text spacing
   is compacted where needed, without changing the approved header design. */
@media (min-width:1221px){
  html[lang^="ta"] .tnspi-header-inner{
    width:min(calc(100% - 48px),var(--container));
    max-width:var(--container);
    margin-left:auto;
    margin-right:auto;
    gap:25px;
  }
  html[lang^="ta"] .tnspi-brand-wrap{
    flex:0 0 auto;
    width:auto;
    min-width:0;
  }
  html[lang^="ta"] .tnspi-brand{
    width:auto;
    min-width:350px;
    flex:0 0 auto;
    gap:12px;
  }
  html[lang^="ta"] .tnspi-primary-nav{
    min-width:0;
    flex:0 1 auto;
    margin-left:auto;
  }
  html[lang^="ta"] .tnspi-nav-list{
    gap:14px;
  }
  html[lang^="ta"] .tnspi-primary-nav .tnspi-nav-list > li > a{
    font-size:11.5px;
  }
  html[lang^="ta"] .tnspi-search-toggle{
    display:grid;
    visibility:visible;
    opacity:1;
    width:40px;
    height:40px;
    flex:0 0 40px;
    margin:0;
    position:relative;
    z-index:2;
  }
  html[lang^="ta"] .tnspi-header-report{
    flex:0 0 auto;
    min-width:150px;
    max-width:none;
    padding-left:14px;
    padding-right:14px;
    font-family:"Noto Sans Tamil","Inter",sans-serif;
    font-size:10px;
    white-space:nowrap;
  }
}
@media (min-width:901px) and (max-width:1220px){
  html[lang^="ta"] .tnspi-header-inner{
    width:min(calc(100% - 48px),var(--container));
    margin-left:auto;
    margin-right:auto;
    gap:14px;
  }
  html[lang^="ta"] .tnspi-brand-wrap{flex:0 0 auto;width:auto;min-width:0}
  html[lang^="ta"] .tnspi-brand{width:auto;min-width:280px;flex:0 1 auto}
  html[lang^="ta"] .tnspi-brand-text strong[lang="ta"]{font-size:22px}
  html[lang^="ta"] .tnspi-brand-text>span{font-size:8.5px}
  html[lang^="ta"] .tnspi-nav-list{gap:9px}
  html[lang^="ta"] .tnspi-primary-nav .tnspi-nav-list > li > a{font-size:10px}
  html[lang^="ta"] .tnspi-search-toggle{display:grid;visibility:visible;opacity:1;flex:0 0 36px;width:36px;height:36px;position:relative;z-index:2}
  html[lang^="ta"] .tnspi-header-report{
    min-width:132px;
    padding-left:10px;
    padding-right:10px;
    font-family:"Noto Sans Tamil","Inter",sans-serif;
    font-size:9px;
    white-space:nowrap;
  }
}

/* v0.7.97 — shared bilingual desktop header grid.
   Use the available desktop width symmetrically so Tamil and English keep the
   same logo/search/CTA positions. This replaces language-specific flex
   squeezing with one stable four-column header geometry. */
@media (min-width:1451px){
  html[lang^="ta"] .tnspi-header-inner,
  html[lang^="en"] .tnspi-header-inner{
    width:min(calc(100% - 32px),1580px);
    max-width:1580px;
    margin-left:auto;
    margin-right:auto;
    display:grid;
    grid-template-columns:410px minmax(0,1fr) 40px 168px;
    align-items:center;
    column-gap:16px;
  }
  html[lang^="ta"] .tnspi-brand-wrap,
  html[lang^="en"] .tnspi-brand-wrap{
    width:100%;
    min-width:0;
    flex:none;
  }
  html[lang^="ta"] .tnspi-brand,
  html[lang^="en"] .tnspi-brand{
    width:100%;
    min-width:0;
    flex:none;
  }
  html[lang^="ta"] .tnspi-primary-nav,
  html[lang^="en"] .tnspi-primary-nav{
    width:100%;
    min-width:0;
    margin-left:0;
    justify-self:stretch;
  }
  html[lang^="ta"] .tnspi-nav-list,
  html[lang^="en"] .tnspi-nav-list{
    justify-content:flex-end;
  }
  html[lang^="ta"] .tnspi-nav-list{gap:12px}
  html[lang^="en"] .tnspi-nav-list{gap:16px}
  html[lang^="ta"] .tnspi-primary-nav .tnspi-nav-list > li > a{font-size:10.5px}
  html[lang^="en"] .tnspi-primary-nav .tnspi-nav-list > li > a{font-size:10px}
  html[lang^="ta"] .tnspi-search-toggle,
  html[lang^="en"] .tnspi-search-toggle{
    display:grid;
    visibility:visible;
    opacity:1;
    width:40px;
    height:40px;
    min-width:40px;
    margin:0;
    justify-self:center;
    position:relative;
    z-index:2;
  }
  html[lang^="ta"] .tnspi-header-report,
  html[lang^="en"] .tnspi-header-report{
    width:100%;
    min-width:0;
    max-width:168px;
    padding-left:12px;
    padding-right:12px;
    justify-self:end;
  }
  html[lang^="ta"] .tnspi-header-report{
    font-family:"Noto Sans Tamil","Inter",sans-serif;
    font-size:9.6px;
  }
  html[lang^="en"] .tnspi-header-report{font-size:9.5px}
}

@media (min-width:1221px) and (max-width:1450px){
  html[lang^="ta"] .tnspi-header-inner,
  html[lang^="en"] .tnspi-header-inner{
    width:calc(100% - 28px);
    max-width:none;
    margin-left:auto;
    margin-right:auto;
    display:grid;
    grid-template-columns:350px minmax(0,1fr) 36px 142px;
    align-items:center;
    column-gap:10px;
  }
  html[lang^="ta"] .tnspi-brand-wrap,
  html[lang^="en"] .tnspi-brand-wrap,
  html[lang^="ta"] .tnspi-brand,
  html[lang^="en"] .tnspi-brand{
    width:100%;
    min-width:0;
    flex:none;
  }
  html[lang^="ta"] .tnspi-brand img,
  html[lang^="ta"] .tnspi-brand-logo,
  html[lang^="en"] .tnspi-brand img,
  html[lang^="en"] .tnspi-brand-logo{width:78px;height:78px}
  html[lang^="ta"] .tnspi-brand-text strong[lang="ta"]{font-size:22px}
  html[lang^="en"] .tnspi-brand-text strong{font-size:22px}
  html[lang^="ta"] .tnspi-brand-text>span,
  html[lang^="en"] .tnspi-brand-text>span{font-size:8.5px}
  html[lang^="ta"] .tnspi-primary-nav,
  html[lang^="en"] .tnspi-primary-nav{
    width:100%;
    min-width:0;
    margin-left:0;
  }
  html[lang^="ta"] .tnspi-nav-list,
  html[lang^="en"] .tnspi-nav-list{justify-content:flex-end}
  html[lang^="ta"] .tnspi-nav-list{gap:8px}
  html[lang^="en"] .tnspi-nav-list{gap:9px}
  html[lang^="ta"] .tnspi-primary-nav .tnspi-nav-list > li > a{font-size:9.3px}
  html[lang^="en"] .tnspi-primary-nav .tnspi-nav-list > li > a{font-size:9px}
  html[lang^="ta"] .tnspi-search-toggle,
  html[lang^="en"] .tnspi-search-toggle{
    display:grid;
    visibility:visible;
    opacity:1;
    width:36px;
    height:36px;
    min-width:36px;
    margin:0;
    justify-self:center;
    position:relative;
    z-index:2;
  }
  html[lang^="ta"] .tnspi-header-report,
  html[lang^="en"] .tnspi-header-report{
    width:100%;
    min-width:0;
    max-width:142px;
    padding-left:8px;
    padding-right:8px;
    justify-self:end;
    font-size:8.6px;
  }
  html[lang^="ta"] .tnspi-header-report{
    font-family:"Noto Sans Tamil","Inter",sans-serif;
  }
  .tnspi-report-megaphone{margin-right:5px}
}

/* v0.7.98 - Tamil navigation readability parity refinement only.
   Keep the v0.7.97 shared bilingual grid and all element positions unchanged.
   Tamil uses its native font explicitly and a slightly larger optical size so
   it reads at the same visual weight as the English navigation without
   shrinking or shifting the header. Space is recovered only from Tamil menu
   gaps, not from logo/search/CTA geometry. */
@media (min-width:1451px){
  html[lang^="ta"] .tnspi-nav-list{gap:10px}
  html[lang^="ta"] .tnspi-primary-nav .tnspi-nav-list > li > a{
    font-family:"Noto Sans Tamil","Inter",sans-serif;
    font-size:11.3px;
    font-weight:800;
    letter-spacing:0;
  }
}
@media (min-width:1221px) and (max-width:1450px){
  html[lang^="ta"] .tnspi-nav-list{gap:7px}
  html[lang^="ta"] .tnspi-primary-nav .tnspi-nav-list > li > a{
    font-family:"Noto Sans Tamil","Inter",sans-serif;
    font-size:10px;
    font-weight:800;
    letter-spacing:0;
  }
}

/* v0.7.99: linked member/volunteer options retain the approved cardless CTA appearance. */
.tnspi-join-options a.tnspi-join-option-link{display:grid;grid-template-columns:24px auto;color:#f2b21a;font-size:18px;text-decoration:none}
.tnspi-join-options a.tnspi-join-option-link b,.tnspi-join-options a.tnspi-join-option-link small{grid-column:2;color:#fff}
.tnspi-join-options a.tnspi-join-option-link b{font-size:8px}.tnspi-join-options a.tnspi-join-option-link small{font-size:7px}

/* v0.7.101 — Our Work icon uniformity: unique 24px line-stroke icon system; no layout changes. */

/* ==========================================================
   v0.7.110 — HERO WIDTH / PRINCIPLE STRIP CONTAINMENT ONLY
   Revert the v0.7.109 full-bleed treatment and preserve the long-standing
   centered hero width. Keep the four principle tiles fully contained inside
   the photographic column so TRANSPARENCY ends exactly before the separate
   TNSPI At a Glance panel.
   ========================================================== */
@media (min-width:901px){
  .tnspi-hero .tnspi-principles{
    box-sizing:border-box;
    overflow:hidden;
  }
  .tnspi-hero .tnspi-principles>.tnspi-container{
    box-sizing:border-box;
    min-width:0;
    overflow:hidden;
  }
  .tnspi-hero .tnspi-principles span{
    box-sizing:border-box;
    min-width:0;
  }
  .tnspi-hero .tnspi-principles span:last-child{
    border-right:0;
  }
}

/* ==========================================================
   v0.7.111 — HERO LEFT-EDGE VISUAL ALIGNMENT ONLY
   Scope: desktop hero photograph/shade + principle strip left edge only.
   Preserve the established overall hero/body width and the fixed right edge
   before the separate TNSPI At a Glance panel. Extend only the photographic
   side slightly into the existing left navy gutter so its visual start sits
   closer to the header emblem, without widening or moving the main layout.
   ========================================================== */
@media (min-width:1221px){
  .tnspi-hero .tnspi-hero-media,
  .tnspi-hero .tnspi-hero-shade{
    left:calc(max(24px,calc((100% - var(--container))/2)) - 56px);
    width:calc(min(calc(100% - 48px),var(--container)) - 320px + 56px);
  }
  .tnspi-hero .tnspi-principles{
    left:calc(max(24px,calc((100% - var(--container))/2)) - 56px);
    right:max(344px,calc((100% - var(--container))/2 + 320px));
  }
}

/* ==========================================================
   v0.7.113 — HERO RIGHT-EDGE / TRANSPARENCY BOUNDARY HARDENING ONLY
   Scope: desktop hero geometry only. Keep the approved v0.7.111 hero width,
   left-edge refinement, header alignment, carousel, copy and all other sections.
   Use one shared glance-width variable for the hero grid, media and principle
   strip so the TRANSPARENCY tile always ends at the exact left edge of the
   separate TNSPI At a Glance panel at every desktop breakpoint.
   ========================================================== */
@media (min-width:901px){
  .tnspi-hero{--tnspi-glance-width:320px;}
  .tnspi-hero .tnspi-hero-layout{
    grid-template-columns:minmax(0,1fr) var(--tnspi-glance-width);
  }
  .tnspi-hero .tnspi-glance{
    position:relative;
    z-index:6;
  }
  .tnspi-hero .tnspi-principles{
    right:calc(max(24px,calc((100% - var(--container))/2)) + var(--tnspi-glance-width));
    width:auto;
    max-width:none;
  }
}
@media (min-width:901px) and (max-width:1100px){
  .tnspi-hero{--tnspi-glance-width:290px;}
  .tnspi-hero .tnspi-hero-media,
  .tnspi-hero .tnspi-hero-shade{
    width:calc(min(calc(100% - 48px),var(--container)) - var(--tnspi-glance-width));
  }
}
@media (min-width:1221px){
  .tnspi-hero .tnspi-hero-media,
  .tnspi-hero .tnspi-hero-shade{
    width:calc(min(calc(100% - 48px),var(--container)) - var(--tnspi-glance-width) + 56px);
  }
  .tnspi-hero .tnspi-principles{
    left:calc(max(24px,calc((100% - var(--container))/2)) - 56px);
    right:calc(max(24px,calc((100% - var(--container))/2)) + var(--tnspi-glance-width));
  }
}

/* ==========================================================
   v0.7.114 — DESKTOP HEADER / BODY GRID ALIGNMENT ONLY
   Keep both language headers on the same centered 1320px site grid used by
   Current Actions and the other homepage body sections. Remove the oversized
   1580px desktop header geometry and the unnecessary reserved brand whitespace,
   while keeping dedicated navigation, search and report-CTA columns.
   ========================================================== */
@media (min-width:1221px){
  html[lang^="ta"] .tnspi-header-inner,
  html[lang^="en"] .tnspi-header-inner{
    width:min(calc(100% - 48px),var(--container));
    max-width:var(--container);
    margin-left:auto;
    margin-right:auto;
    display:grid;
    grid-template-columns:minmax(310px,340px) minmax(0,1fr) 36px 150px;
    align-items:center;
    column-gap:12px;
  }
  html[lang^="ta"] .tnspi-brand-wrap,
  html[lang^="en"] .tnspi-brand-wrap,
  html[lang^="ta"] .tnspi-brand,
  html[lang^="en"] .tnspi-brand{
    width:100%;
    min-width:0;
    max-width:340px;
    flex:none;
  }
  html[lang^="ta"] .tnspi-primary-nav,
  html[lang^="en"] .tnspi-primary-nav{
    width:100%;
    min-width:0;
    margin-left:0;
    justify-self:stretch;
  }
  html[lang^="ta"] .tnspi-nav-list,
  html[lang^="en"] .tnspi-nav-list{
    justify-content:flex-end;
    flex-wrap:nowrap;
  }
  html[lang^="ta"] .tnspi-nav-list{gap:8px}
  html[lang^="en"] .tnspi-nav-list{gap:10px}
  html[lang^="ta"] .tnspi-primary-nav .tnspi-nav-list > li > a{
    font-family:"Noto Sans Tamil","Inter",sans-serif;
    font-size:9.8px;
    font-weight:800;
    letter-spacing:0;
  }
  html[lang^="en"] .tnspi-primary-nav .tnspi-nav-list > li > a{
    font-size:9.2px;
  }
  html[lang^="ta"] .tnspi-search-toggle,
  html[lang^="en"] .tnspi-search-toggle{
    display:grid;
    visibility:visible;
    opacity:1;
    width:36px;
    height:36px;
    min-width:36px;
    margin:0;
    justify-self:center;
    position:relative;
    z-index:2;
  }
  html[lang^="ta"] .tnspi-header-report,
  html[lang^="en"] .tnspi-header-report{
    width:150px;
    min-width:150px;
    max-width:150px;
    padding-left:9px;
    padding-right:9px;
    justify-self:end;
    white-space:nowrap;
  }
  html[lang^="ta"] .tnspi-header-report{
    font-family:"Noto Sans Tamil","Inter",sans-serif;
    font-size:8.8px;
  }
  html[lang^="en"] .tnspi-header-report{font-size:8.8px}
}

/* ==========================================================
   v0.7.115 — TRANSPARENCY TILE RIGHT-EDGE TRIM ONLY
   Scope: desktop hero principle strip visual boundary only.
   Do not alter hero width, media position, At-a-Glance panel, header,
   carousel, copy, or any other section. Trim only the small visual overrun
   at the right edge of the Transparency tile before the separate glance panel.
   ========================================================== */
@media (min-width:901px){
  .tnspi-hero .tnspi-principles{
    clip-path:inset(0 32px 0 0);
  }
}

/* ==========================================================
   v0.7.116 — TRANSPARENCY TILE VISUAL TRIM ONLY
   Scope: desktop hero principle strip, final tile only.
   Preserve the hero, header, media, At-a-Glance panel and all other geometry.
   Remove the previous whole-strip clipping approach. Keep the strip wrapper
   transparent and paint each principle tile individually, then trim only the
   final TRANSPARENCY tile by the observed 32px overrun so its visible right
   edge stops before the separate TNSPI At a Glance / dashboard area.
   ========================================================== */
@media (min-width:901px){
  .tnspi-hero .tnspi-principles{
    clip-path:none;
    background:transparent;
  }
  .tnspi-hero .tnspi-principles span{
    background:rgba(3,22,36,.95);
  }
  .tnspi-hero .tnspi-principles span:last-child{
    margin-right:32px;
    border-right:0;
  }
}

/* ==========================================================
   v0.7.117 — BILINGUAL HERO GRID PARITY ONLY
   Scope: desktop hero geometry for Tamil + English only.
   Strictly preserve all non-hero sections and all approved styling.
   Restore one shared 1320px hero grid: photo/content column + fixed
   At-a-Glance column. The principle strip follows the exact photo
   column boundaries, so TRANSPARENCY cannot enter the glance panel.
   ========================================================== */
@media (min-width:901px){
  .tnspi-hero{
    --tnspi-glance-width:320px;
  }
  .tnspi-hero .tnspi-hero-layout{
    grid-template-columns:minmax(0,1fr) var(--tnspi-glance-width);
    width:min(calc(100% - 48px),var(--container));
    max-width:var(--container);
    margin-left:auto;
    margin-right:auto;
  }
  .tnspi-hero .tnspi-hero-media,
  .tnspi-hero .tnspi-hero-shade{
    left:max(24px,calc((100% - var(--container))/2));
    right:auto;
    width:calc(min(calc(100% - 48px),var(--container)) - var(--tnspi-glance-width));
    transform:none;
  }
  .tnspi-hero .tnspi-glance{
    width:var(--tnspi-glance-width);
    min-width:var(--tnspi-glance-width);
    max-width:var(--tnspi-glance-width);
    box-sizing:border-box;
  }
  .tnspi-hero .tnspi-principles{
    left:max(24px,calc((100% - var(--container))/2));
    right:calc(max(24px,calc((100% - var(--container))/2)) + var(--tnspi-glance-width));
    width:auto;
    max-width:none;
    clip-path:none;
    overflow:hidden;
    background:rgba(3,22,36,.95);
  }
  .tnspi-hero .tnspi-principles>.tnspi-container{
    width:100%;
    max-width:none;
    margin:0;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .tnspi-hero .tnspi-principles span{
    min-width:0;
    margin:0;
    background:transparent;
  }
  .tnspi-hero .tnspi-principles span:last-child{
    margin-right:0;
    border-right:0;
  }
}
@media (min-width:901px) and (max-width:1100px){
  .tnspi-hero{--tnspi-glance-width:290px;}
}

/* ==========================================================
   v0.7.118 — BROWSER-ZOOM / NARROW-DESKTOP RESPONSIVENESS ONLY
   Scope: header + hero only when the effective CSS viewport becomes narrow
   (including browser zoom). The approved wide-desktop layout above 1400px is
   unchanged. Prevent header navigation collisions and remove hero column gaps
   by using a compact grid, then the existing mobile-style flow before space
   becomes too tight.
   ========================================================== */
@media (min-width:1101px) and (max-width:1399px){
  html[lang^="ta"] .tnspi-header-inner,
  html[lang^="en"] .tnspi-header-inner{
    width:min(calc(100% - 48px),var(--container));
    max-width:var(--container);
    margin-left:auto;
    margin-right:auto;
    display:grid;
    grid-template-columns:minmax(250px,290px) minmax(0,1fr) 32px 140px;
    align-items:center;
    column-gap:8px;
  }
  html[lang^="ta"] .tnspi-brand-wrap,
  html[lang^="en"] .tnspi-brand-wrap,
  html[lang^="ta"] .tnspi-brand,
  html[lang^="en"] .tnspi-brand{
    width:100%;min-width:0;max-width:290px;flex:none;
  }
  html[lang^="ta"] .tnspi-brand img,
  html[lang^="ta"] .tnspi-brand-logo,
  html[lang^="en"] .tnspi-brand img,
  html[lang^="en"] .tnspi-brand-logo{width:72px;height:72px}
  html[lang^="ta"] .tnspi-brand-text strong{font-size:20px}
  html[lang^="en"] .tnspi-brand-text strong{font-size:21px}
  html[lang^="ta"] .tnspi-brand-text>span,
  html[lang^="en"] .tnspi-brand-text>span{font-size:7.5px;margin-top:5px}
  html[lang^="ta"] .tnspi-primary-nav,
  html[lang^="en"] .tnspi-primary-nav{width:100%;min-width:0;margin-left:0;justify-self:stretch}
  html[lang^="ta"] .tnspi-nav-list,
  html[lang^="en"] .tnspi-nav-list{justify-content:flex-end;gap:7px;flex-wrap:nowrap}
  html[lang^="ta"] .tnspi-primary-nav .tnspi-nav-list>li>a{font-size:8px;letter-spacing:0}
  html[lang^="en"] .tnspi-primary-nav .tnspi-nav-list>li>a{font-size:7.8px;letter-spacing:0}
  html[lang^="ta"] .tnspi-search-toggle,
  html[lang^="en"] .tnspi-search-toggle{width:32px;height:32px;min-width:32px;margin:0;justify-self:center}
  html[lang^="ta"] .tnspi-header-report,
  html[lang^="en"] .tnspi-header-report{width:140px;min-width:140px;max-width:140px;height:48px;padding:0 8px;font-size:8px;justify-self:end}

  .tnspi-hero{--tnspi-glance-width:280px}
  .tnspi-hero .tnspi-hero-layout{
    width:min(calc(100% - 48px),var(--container));
    max-width:var(--container);
    margin-left:auto;margin-right:auto;
    grid-template-columns:minmax(0,1fr) var(--tnspi-glance-width);
  }
  .tnspi-hero .tnspi-hero-media,
  .tnspi-hero .tnspi-hero-shade{
    left:max(24px,calc((100% - var(--container))/2));
    width:calc(min(calc(100% - 48px),var(--container)) - var(--tnspi-glance-width));
  }
  .tnspi-hero .tnspi-glance{width:var(--tnspi-glance-width);min-width:var(--tnspi-glance-width);max-width:var(--tnspi-glance-width)}
  .tnspi-hero .tnspi-principles{
    left:max(24px,calc((100% - var(--container))/2));
    right:calc(max(24px,calc((100% - var(--container))/2)) + var(--tnspi-glance-width));
    width:auto;
  }
}

@media (min-width:901px) and (max-width:1100px){
  .tnspi-header-inner{position:relative;min-height:92px;display:flex;align-items:center;gap:10px}
  .tnspi-brand-wrap{min-width:0;flex:1 1 auto}
  .tnspi-brand{min-width:0;max-width:520px;gap:9px}
  .tnspi-brand img,.tnspi-brand-logo{width:68px;height:68px}
  .tnspi-brand-text strong{font-size:20px!important;white-space:nowrap}
  .tnspi-brand-text>span{font-size:7.5px!important;margin-top:5px}
  .tnspi-menu-toggle{display:block;margin-left:auto;flex:0 0 38px;width:38px;height:38px;border:0;background:none}
  .tnspi-menu-toggle span{display:block;height:2px;background:#fff;margin:5px}
  .tnspi-menu-toggle em{color:#fff}
  .tnspi-primary-nav{display:none;position:absolute;left:0;right:0;top:100%;z-index:50;margin:0;background:#8e0b0b;border-top:1px solid rgba(232,178,41,.65);padding:10px 24px;box-shadow:0 8px 15px rgba(0,0,0,.16)}
  .tnspi-primary-nav.open{display:block}
  .tnspi-nav-list{display:block;margin:0;padding:0}
  .tnspi-nav-list>li>a,.tnspi-nav-list>li:first-child>a{padding:11px 0;font-size:10px!important}
  .tnspi-search-toggle{display:grid;flex:0 0 34px;width:34px;height:34px;min-width:34px;margin:0}
  .tnspi-header-report{display:inline-flex;flex:0 0 138px;width:138px;min-width:138px;max-width:138px;height:46px;padding:0 8px;font-size:8px}

  .tnspi-hero .tnspi-hero-layout{
    width:min(calc(100% - 48px),var(--container));
    max-width:var(--container);
    margin-left:auto;margin-right:auto;
    grid-template-columns:1fr;
    padding-bottom:0;
  }
  .tnspi-hero .tnspi-hero-media,
  .tnspi-hero .tnspi-hero-shade{
    left:max(24px,calc((100% - var(--container))/2));
    width:min(calc(100% - 48px),var(--container));
    right:auto;
  }
  .tnspi-hero .tnspi-glance{
    width:100%;min-width:0;max-width:none;min-height:0;
    border-left:0;border-top:1px solid rgba(255,255,255,.08);
  }
  .tnspi-hero .tnspi-principles{
    position:relative;left:auto;right:auto;bottom:auto;width:100%;max-width:none;
  }
  .tnspi-hero .tnspi-principles>.tnspi-container{
    width:min(calc(100% - 48px),var(--container));
    margin:0 auto;
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

/* ==========================================================
   v0.7.119 — TAMIL HERO COPY + CAROUSEL CONTROL SPACING ONLY
   Scope: Tamil hero on desktop/tablet only.
   1) Add breathing room between wrapped Tamil hero headline lines.
   2) Move hero carousel dots to the right side of the photo so they do not
      overlap the Tamil "Join the Movement" CTA.
   English hero and every other site area remain unchanged.
   ========================================================== */
@media (min-width:901px){
  html[lang^="ta"] .tnspi-hero h1{
    line-height:1.18;
    letter-spacing:-.015em;
  }
  html[lang^="ta"] .tnspi-hero .tnspi-hero-carousel-controls{
    left:auto;
    right:calc(var(--tnspi-glance-width,320px) + max(24px,calc((100% - var(--container))/2)) + 18px);
    transform:none;
  }
}

/* ==========================================================
   v0.7.120 — ENGLISH HEADER ALIGNMENT PARITY ONLY
   Scope: English desktop header only. Preserve the approved Tamil header
   exactly. Keep the same shared grid, logo, CTA, search, colors and sizing;
   distribute the shorter English navigation across its existing nav column
   so it begins immediately after the brand and ends before search, avoiding
   the large empty gap visible when switching from Tamil to English.
   ========================================================== */
@media (min-width:1101px){
  html[lang^="en"] .tnspi-primary-nav .tnspi-nav-list{
    width:100%;
    justify-content:space-between;
    gap:0;
  }
}

/* ==========================================================
   v0.7.121 — ENGLISH NAV SPACING + ENGLISH CAROUSEL POSITION ONLY
   Scope is intentionally limited to the two requested English desktop fixes:
   1) remove the v0.7.120 space-between nav distribution and use the same
      compact menu rhythm as the approved Tamil header;
   2) place English hero carousel controls at the same right-side position
      already approved for Tamil, away from the Join the Movement CTA.
   No Tamil rules or other site areas are changed.
   ========================================================== */
@media (min-width:1101px) and (max-width:1399px){
  html[lang^="en"] .tnspi-primary-nav .tnspi-nav-list{
    width:auto;
    justify-content:flex-end;
    gap:7px;
  }
}
@media (min-width:1400px){
  html[lang^="en"] .tnspi-primary-nav .tnspi-nav-list{
    width:auto;
    justify-content:flex-end;
    gap:8px;
  }
}
@media (min-width:901px){
  html[lang^="en"] .tnspi-hero .tnspi-hero-carousel-controls{
    left:auto;
    right:calc(var(--tnspi-glance-width,320px) + max(24px,calc((100% - var(--container))/2)) + 18px);
    transform:none;
  }
}

/* v0.7.122 — PUBLIC FORMS ONLY: clean, bilingual, professional presentation.
   Scoped to .tnspi-public-form-main so no other page or approved section changes. */
.tnspi-public-form-main{background:#f5f7f9;min-height:60vh;padding:44px 20px 64px}
.tnspi-public-form-main .tnspi-foundation-shell{width:min(100%,980px);margin:0 auto}
.tnspi-public-form-main .tnspi-form-page{width:min(100%,900px);margin:0 auto}
.tnspi-public-form-main .tnspi-foundation-page-head{margin:0 0 12px;padding:0 0 20px;border-bottom:1px solid #dde3e8}
.tnspi-public-form-main .tnspi-foundation-page-head h1{margin:0;color:#071b2e;font-size:clamp(30px,3.2vw,42px);line-height:1.16;font-weight:900;letter-spacing:-.02em}
.tnspi-public-form-main .tnspi-foundation-content>p:first-child{max-width:760px;margin:18px 0 0;color:#53606b;font-size:15px;line-height:1.7}
.tnspi-public-form-main .tnspi-public-form{margin:28px 0 0;padding:30px 32px;border:1px solid #dfe5e9;border-radius:12px;background:#fff;box-shadow:0 10px 28px rgba(7,27,46,.065)}
.tnspi-public-form-main .tnspi-form-grid{gap:20px 22px}
.tnspi-public-form-main .tnspi-form-grid label>span{margin-bottom:8px;color:#172331;font-size:13px;line-height:1.35;font-weight:800}
.tnspi-public-form-main .tnspi-public-form input[type=text],
.tnspi-public-form-main .tnspi-public-form input[type=email],
.tnspi-public-form-main .tnspi-public-form input[type=tel],
.tnspi-public-form-main .tnspi-public-form select,
.tnspi-public-form-main .tnspi-public-form textarea{min-height:48px;border:1px solid #cbd3d9;border-radius:7px;padding:12px 13px;background:#fff;color:#13202c;font-size:15px;line-height:1.45;box-shadow:none}
.tnspi-public-form-main .tnspi-public-form input[type=file]{width:100%;min-height:48px;border:1px dashed #c5ced5;border-radius:7px;padding:11px 12px;background:#fafbfc;color:#26333e}
.tnspi-public-form-main .tnspi-public-form textarea{min-height:138px;resize:vertical}
.tnspi-public-form-main .tnspi-public-form input:focus,
.tnspi-public-form-main .tnspi-public-form select:focus,
.tnspi-public-form-main .tnspi-public-form textarea:focus{outline:3px solid rgba(181,14,18,.10);border-color:#b50e12}
.tnspi-public-form-main .tnspi-form-help{margin:14px 0 0!important;color:#66727c!important;font-size:12px!important;line-height:1.6!important}
.tnspi-public-form-main .tnspi-consent{margin:20px 0 22px;padding:14px 16px;border-radius:7px;background:#f7f9fa;color:#46535e;font-size:12px;line-height:1.55}
.tnspi-public-form-main .tnspi-consent input{width:16px;height:16px;flex:0 0 16px;margin-top:2px}
.tnspi-public-form-main .tnspi-form-submit{min-height:46px;padding:13px 22px;border-radius:6px;background:#b50e12;font-size:13px;letter-spacing:.01em;box-shadow:none}
.tnspi-public-form-main .tnspi-form-submit:hover,.tnspi-public-form-main .tnspi-form-submit:focus-visible{background:#900b0e;outline:3px solid rgba(181,14,18,.14);outline-offset:2px}
.tnspi-public-form-main .tnspi-form-notice{margin:0 0 20px;border-radius:7px}
html[lang^="ta"] .tnspi-public-form-main .tnspi-foundation-page-head h1{font-family:"Noto Sans Tamil",sans-serif;line-height:1.35;letter-spacing:0}
html[lang^="ta"] .tnspi-public-form-main .tnspi-foundation-content,
html[lang^="ta"] .tnspi-public-form-main .tnspi-public-form{font-family:"Noto Sans Tamil",sans-serif}
@media(max-width:700px){
  .tnspi-public-form-main{padding:30px 14px 46px}
  .tnspi-public-form-main .tnspi-public-form{padding:22px 18px}
  .tnspi-public-form-main .tnspi-form-grid{grid-template-columns:1fr;gap:17px}
  .tnspi-public-form-main .tnspi-form-wide{grid-column:auto}
}


/* v0.7.128 — REPORT FORM ONLY: mandatory declaration/consent and legal notice.
   Scoped to the report form so no approved header, hero, footer or other page changes. */
.tnspi-public-form-main .tnspi-report-declaration{margin:24px 0 22px;padding:22px;border:1px solid #d7dee4;border-radius:10px;background:#fbfcfd;color:#34414c}
.tnspi-public-form-main .tnspi-report-declaration>h2{margin:0 0 10px;color:#071b2e;font-size:18px;line-height:1.35;font-weight:900}
.tnspi-public-form-main .tnspi-report-declaration>p{margin:0;color:#47545f;font-size:13px;line-height:1.72}
.tnspi-public-form-main .tnspi-report-legal-notice{margin:18px 0 0;padding:16px 17px;border-left:4px solid #b50e12;border-radius:6px;background:#fff5f5}
.tnspi-public-form-main .tnspi-report-legal-notice h3{margin:0 0 7px;color:#8f0b10;font-size:14px;line-height:1.35;font-weight:900}
.tnspi-public-form-main .tnspi-report-legal-notice p{margin:0;color:#4d3a3b;font-size:12.5px;line-height:1.7}
.tnspi-public-form-main .tnspi-report-declaration .tnspi-report-consent{margin:18px 0 0;padding:15px 16px;border:1px solid #d9e0e5;background:#fff;color:#24313c;font-size:13px;line-height:1.62;font-weight:700}
.tnspi-public-form-main .tnspi-report-declaration .tnspi-report-consent input{margin-top:3px}
html[lang^="ta"] .tnspi-public-form-main .tnspi-report-declaration>h2,html[lang^="ta"] .tnspi-public-form-main .tnspi-report-legal-notice h3{font-family:"Noto Sans Tamil",sans-serif;line-height:1.55}
html[lang^="ta"] .tnspi-public-form-main .tnspi-report-declaration>p,html[lang^="ta"] .tnspi-public-form-main .tnspi-report-legal-notice p,html[lang^="ta"] .tnspi-public-form-main .tnspi-report-consent{line-height:1.85}
@media(max-width:700px){.tnspi-public-form-main .tnspi-report-declaration{padding:18px 16px}.tnspi-public-form-main .tnspi-report-legal-notice{padding:14px}}

/* ==========================================================
   v0.7.132 — TAMIL ACTION TRACKER LABEL VISIBILITY ONLY
   Scope: Tamil homepage Action Tracker statistic cards only.
   Keep the approved card dimensions/colors/layout; prevent the translated
   status labels from crowding/overlapping the large numbers.
   ========================================================== */
html[lang^="ta"] .tnspi-duo .tnspi-tracker span{
  grid-template-columns:18px minmax(0,1fr);
  column-gap:6px;
  padding:6px 7px;
}
html[lang^="ta"] .tnspi-duo .tnspi-tracker-icon{
  width:18px;
  height:18px;
}
html[lang^="ta"] .tnspi-duo .tnspi-tracker b{
  width:100%;
  align-self:end;
  line-height:1;
}
html[lang^="ta"] .tnspi-duo .tnspi-tracker small{
  width:100%;
  min-width:0;
  margin-top:5px;
  font-size:6.25px;
  line-height:1.28;
  white-space:normal;
  overflow-wrap:anywhere;
  text-align:left;
}

/* ==========================================================
   v0.7.133 — TAMIL ACTION TRACKER LABEL STACKING ONLY
   Scope: Tamil homepage Action Tracker statistic cards only.
   The live/staging Tamil block may not contain the tracker SVG icon markup,
   so force a robust number-over-label stack independent of icon presence.
   ========================================================== */
html[lang^="ta"] .tnspi-duo .tnspi-tracker span{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:4px;
  padding:7px 10px;
}
html[lang^="ta"] .tnspi-duo .tnspi-tracker-icon{
  display:none;
}
html[lang^="ta"] .tnspi-duo .tnspi-tracker b{
  display:block;
  width:100%;
  margin:0;
  font-size:23px;
  line-height:1;
  text-align:left;
}
html[lang^="ta"] .tnspi-duo .tnspi-tracker small{
  display:block;
  width:100%;
  margin:0;
  font-size:6.5px;
  line-height:1.25;
  white-space:normal;
  overflow-wrap:anywhere;
  text-align:left;
}

/* ==========================================================
   v0.7.134 — ENGLISH ACTION TRACKER LABEL STACKING ONLY
   Scope: English homepage Action Tracker statistic cards only.
   Match the approved Tamil number-over-label layout so status text cannot
   overlap the large statistic values.
   ========================================================== */
html:not([lang^="ta"]) .tnspi-duo .tnspi-tracker span{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:4px;
  padding:7px 10px;
}
html:not([lang^="ta"]) .tnspi-duo .tnspi-tracker-icon{
  display:none;
}
html:not([lang^="ta"]) .tnspi-duo .tnspi-tracker b{
  display:block;
  width:100%;
  margin:0;
  font-size:23px;
  line-height:1;
  text-align:left;
}
html:not([lang^="ta"]) .tnspi-duo .tnspi-tracker small{
  display:block;
  width:100%;
  margin:0;
  font-size:6.5px;
  line-height:1.25;
  white-space:normal;
  overflow-wrap:anywhere;
  text-align:left;
}

/* =========================================================
   v0.7.138 — TNSPI Voice single-article navigation only.
   Scope: previous/next navigation at the end of single Posts.
   ========================================================= */
.tnspi-article-navigation{border-top:1px solid #e6ebee;padding:26px 0 18px}
.tnspi-article-nav-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
.tnspi-article-nav-link{display:flex;flex-direction:column;gap:7px;padding:18px 20px;border:1px solid #e1e7ec;border-radius:9px;background:#f8fafb;color:#071b30;text-decoration:none;min-height:92px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.tnspi-article-nav-link:hover,.tnspi-article-nav-link:focus{border-color:#c9a02d;box-shadow:0 5px 18px rgba(7,27,48,.08);transform:translateY(-1px);color:#071b30}
.tnspi-article-nav-next{text-align:right;align-items:flex-end}
.tnspi-article-nav-label{color:#a90d14;font-size:10px;line-height:1.3;font-weight:900;letter-spacing:.045em;text-transform:uppercase}
.tnspi-article-nav-title{font-size:14px;line-height:1.45;font-weight:800;color:#071b30}
.tnspi-article-nav-all{text-align:center;margin:18px 0 0}
.tnspi-article-nav-all a{display:inline-block;color:#a90d14;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.035em}
@media (max-width:640px){
  .tnspi-article-nav-grid{grid-template-columns:1fr;gap:12px}
  .tnspi-article-nav-next{text-align:left;align-items:flex-start}
  .tnspi-article-nav-link{min-height:auto;padding:16px 17px}
}

/* ==========================================================
   v0.7.139 — MOBILE RESPONSIVE HARDENING ONLY
   Scope: <=900px only. Desktop (>=901px) is intentionally untouched.
   - Reliable hamburger navigation using the JS `is-open` state.
   - Clear mobile Report an Issue action inside the expanded menu.
   - Hero photograph/text remains the first visual stage.
   - TNSPI At a Glance flows below the photograph instead of covering it.
   - Carousel controls stay inside the photograph stage.
   ========================================================== */
.tnspi-mobile-report-link{display:none}

@media (max-width:900px){
  /* Header / navigation */
  .tnspi-header{overflow:visible}
  .tnspi-header-inner{position:relative;min-height:82px;gap:8px}
  .tnspi-brand-wrap{min-width:0;flex:1 1 auto}
  .tnspi-brand{min-width:0;max-width:calc(100vw - 112px);gap:8px}
  .tnspi-brand img,.tnspi-brand-logo{width:58px;height:58px}
  .tnspi-brand-text{min-width:0}
  .tnspi-brand-text strong,
  .tnspi-brand-text strong[lang="ta"]{font-size:clamp(14px,4.2vw,19px);line-height:1.08;white-space:nowrap}
  .tnspi-brand-text>span{font-size:clamp(5.8px,1.8vw,7.5px);line-height:1.2;white-space:nowrap;margin-top:4px}

  .tnspi-menu-toggle{
    display:flex;flex:0 0 46px;width:46px;height:52px;margin-left:auto;padding:5px 4px;
    flex-direction:column;align-items:center;justify-content:center;gap:0;
    border:1px solid rgba(255,255,255,.22);border-radius:6px;background:rgba(0,0,0,.08);
    cursor:pointer
  }
  .tnspi-menu-toggle span{display:block;width:23px;height:2px;margin:2.5px 0;background:#fff;border-radius:2px}
  .tnspi-menu-toggle em{display:block;margin-top:3px;color:#fff;font-style:normal;font-size:7px;line-height:1;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
  .tnspi-menu-toggle[aria-expanded="true"]{background:rgba(0,0,0,.18);border-color:rgba(232,178,41,.65)}

  .tnspi-primary-nav{
    display:none;position:absolute;z-index:500;top:100%;left:0;right:0;margin:0;
    padding:8px 18px 16px;background:#8e0b0b;border-top:1px solid rgba(232,178,41,.65);
    box-shadow:0 12px 22px rgba(0,0,0,.24);max-height:calc(100vh - 122px);overflow-y:auto;
  }
  .tnspi-primary-nav.is-open,.tnspi-primary-nav.open{display:block}
  .tnspi-nav-list{display:block!important;margin:0!important;padding:0!important;list-style:none}
  .tnspi-nav-list>li{display:block;margin:0;border-bottom:1px solid rgba(255,255,255,.12)}
  .tnspi-nav-list>li>a,.tnspi-nav-list>li:first-child>a{
    display:block;padding:13px 3px!important;color:#fff!important;font-size:11px!important;
    line-height:1.25;font-weight:800;text-transform:uppercase;white-space:normal
  }
  .tnspi-nav-list .sub-menu{position:static!important;display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;box-shadow:none!important;background:transparent!important;margin:0 0 7px!important;padding:0 0 0 14px!important}
  .tnspi-nav-list .sub-menu a{display:block;padding:8px 3px!important;color:rgba(255,255,255,.9)!important;font-size:10px!important;white-space:normal}
  .tnspi-mobile-report-link{
    display:flex;align-items:center;justify-content:center;min-height:44px;margin:14px 0 0;padding:10px 14px;
    border-radius:5px;background:#e8b229;color:#17130a!important;text-decoration:none!important;
    font-size:11px;font-weight:900;text-transform:uppercase
  }
  .tnspi-search-toggle{flex:0 0 38px;width:38px;height:38px;min-width:38px;margin:0}
  .tnspi-header-report{display:none!important}

  /* Hero: one clear photo/copy stage, followed by the separate glance panel. */
  .tnspi-hero{position:relative;overflow:hidden;background:#061827}
  .tnspi-hero .tnspi-hero-layout{
    position:relative;z-index:2;display:block;width:100%;max-width:none;margin:0;padding:0
  }
  .tnspi-hero .tnspi-hero-media,
  .tnspi-hero .tnspi-hero-shade{
    position:absolute;top:0;left:0!important;right:auto!important;width:100%!important;height:540px!important;
    max-width:none!important
  }
  .tnspi-hero .tnspi-hero-media{object-fit:cover;z-index:0}
  .tnspi-hero .tnspi-hero-shade{
    z-index:1;background:linear-gradient(90deg,rgba(4,19,31,.93) 0%,rgba(4,19,31,.76) 52%,rgba(4,19,31,.34) 100%)
  }
  .tnspi-hero .tnspi-hero-copy{
    position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;
    width:min(calc(100% - 36px),680px);min-height:540px;margin:0 auto;padding:34px 0 58px;max-width:none
  }
  .tnspi-hero .tnspi-tamil-line{font-size:clamp(20px,5.8vw,27px);line-height:1.28;margin-bottom:10px}
  .tnspi-hero h1{font-size:clamp(31px,9vw,43px);line-height:1.08;margin-bottom:14px;max-width:620px}
  .tnspi-hero .tnspi-hero-copy>p:not(.tnspi-tamil-line){font-size:13px;line-height:1.55;max-width:520px}
  .tnspi-hero .tnspi-cta-row{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:min(100%,300px);margin-top:22px}
  .tnspi-hero .tnspi-cta-row .wp-block-button{width:100%}
  .tnspi-hero .tnspi-cta-row .wp-block-button__link{width:100%;justify-content:center}

  .tnspi-hero .tnspi-glance{
    position:relative;z-index:3;width:100%!important;min-width:0!important;max-width:none!important;
    min-height:0;margin:0;padding:24px max(18px,calc((100vw - 680px)/2));
    border:0;border-top:1px solid rgba(255,255,255,.12);
    background:linear-gradient(180deg,#071f33,#061827)
  }
  .tnspi-hero .tnspi-glance h2{font-size:17px;margin-bottom:12px}
  .tnspi-hero .tnspi-glance-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 14px}
  .tnspi-hero .tnspi-glance-row{min-width:0;padding:7px 0;grid-template-columns:28px minmax(0,1fr);gap:8px}
  .tnspi-hero .tnspi-glance-row strong{font-size:17px}
  .tnspi-hero .tnspi-glance-row div>span{font-size:9px;line-height:1.3}
  .tnspi-hero .tnspi-full{max-width:320px;margin:14px 0 0}

  .tnspi-hero .tnspi-hero-carousel-controls{
    position:absolute;z-index:6;top:500px;bottom:auto;left:50%;right:auto;transform:translate(-50%,-100%);
    width:max-content;margin:0;padding:6px 9px
  }
  .tnspi-hero .tnspi-principles{position:relative;z-index:3;left:auto;right:auto;bottom:auto;width:100%;max-width:none}
  .tnspi-hero .tnspi-principles>.tnspi-container{width:100%;margin:0;grid-template-columns:repeat(2,minmax(0,1fr))}
  .tnspi-hero .tnspi-principles span{min-width:0;padding:0 12px}
}

@media (max-width:600px){
  .tnspi-topbar-inner{width:min(calc(100% - 20px),var(--container))}
  .tnspi-top-slogan{max-width:48%;font-size:8.5px}
  .tnspi-header-inner{width:min(calc(100% - 20px),var(--container));min-height:76px}
  .tnspi-brand{max-width:calc(100vw - 98px);gap:6px}
  .tnspi-brand img,.tnspi-brand-logo{width:52px;height:52px}
  .tnspi-brand-text strong,
  .tnspi-brand-text strong[lang="ta"]{font-size:clamp(12.5px,4vw,16px)}
  .tnspi-brand-text>span{font-size:5.7px;letter-spacing:0}
  .tnspi-search-toggle{display:none}
  .tnspi-menu-toggle{flex-basis:44px;width:44px;height:48px}
  .tnspi-primary-nav{padding-left:14px;padding-right:14px;max-height:calc(100vh - 116px)}

  .tnspi-hero .tnspi-hero-media,
  .tnspi-hero .tnspi-hero-shade{height:560px!important}
  .tnspi-hero .tnspi-hero-copy{width:calc(100% - 30px);min-height:560px;padding:30px 0 64px}
  html[lang^="ta"] .tnspi-hero .tnspi-hero-media,
  html[lang^="ta"] .tnspi-hero .tnspi-hero-shade{height:590px!important}
  html[lang^="ta"] .tnspi-hero .tnspi-hero-copy{min-height:590px}
  .tnspi-hero h1{font-size:clamp(29px,9.2vw,38px)}
  html[lang^="ta"] .tnspi-hero h1{font-size:clamp(27px,8.4vw,35px);line-height:1.2}
  .tnspi-hero .tnspi-hero-carousel-controls{top:520px}
  html[lang^="ta"] .tnspi-hero .tnspi-hero-carousel-controls{top:550px}
  .tnspi-hero .tnspi-glance{padding:22px 15px}
  .tnspi-hero .tnspi-glance-list{grid-template-columns:1fr 1fr;gap:0 10px}
  .tnspi-hero .tnspi-principles span{min-height:64px;grid-template-columns:28px 1fr;padding:0 8px}
}

@media (max-width:360px){
  .tnspi-brand-text>span{display:none}
  .tnspi-brand{max-width:calc(100vw - 78px)}
  .tnspi-hero .tnspi-glance-list{grid-template-columns:1fr}
  .tnspi-hero .tnspi-full{max-width:none}
}


/* ==========================================================
   v0.7.146 — COMPACT HEADER / 200% ZOOM HARDENING
   Scope: header/navigation only at <=1100 CSS px.
   A desktop browser at high zoom can enter this width range, so CSS and
   JavaScript now share one compact-navigation breakpoint and one open state.
   No homepage/hero/content layout rules are changed here.
   ========================================================== */
@media (max-width:1100px){
  .tnspi-header{overflow:visible}
  .tnspi-header-inner{position:relative;display:flex;align-items:center;min-height:82px;gap:8px}
  .tnspi-brand-wrap{min-width:0;flex:1 1 auto}
  .tnspi-brand{min-width:0;max-width:calc(100% - 98px);gap:8px}
  .tnspi-brand-text{min-width:0}
  .tnspi-brand-text strong,
  .tnspi-brand-text strong[lang="ta"]{font-size:clamp(16px,2.15vw,21px)!important;line-height:1.08;white-space:nowrap}
  .tnspi-brand-text>span{font-size:7px!important;line-height:1.2;white-space:nowrap;margin-top:4px}

  .tnspi-menu-toggle{
    display:flex!important;flex:0 0 46px;width:46px;height:52px;margin-left:auto;padding:5px 4px;
    flex-direction:column;align-items:center;justify-content:center;gap:0;
    border:1px solid rgba(255,255,255,.22);border-radius:6px;background:rgba(0,0,0,.08);
    cursor:pointer
  }
  .tnspi-menu-toggle span{display:block!important;width:23px;height:2px;margin:2.5px 0;background:#fff!important;border-radius:2px}
  .tnspi-menu-toggle em{display:block!important;margin-top:3px;color:#fff!important;font-style:normal!important;font-size:7px!important;line-height:1;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
  .tnspi-menu-toggle[aria-expanded="true"]{background:rgba(0,0,0,.18);border-color:rgba(232,178,41,.65)}

  .tnspi-primary-nav{
    display:none!important;position:absolute!important;z-index:500;top:100%!important;left:0!important;right:0!important;margin:0!important;
    padding:8px 18px 16px!important;background:#8e0b0b!important;border-top:1px solid rgba(232,178,41,.65)!important;
    box-shadow:0 12px 22px rgba(0,0,0,.24)!important;max-height:calc(100vh - 122px);overflow-y:auto
  }
  .tnspi-primary-nav.is-open,.tnspi-primary-nav.open{display:block!important}
  .tnspi-nav-list{display:block!important;margin:0!important;padding:0!important;list-style:none!important}
  .tnspi-nav-list>li{display:block!important;margin:0!important;border-bottom:1px solid rgba(255,255,255,.12)}
  .tnspi-nav-list>li>a,.tnspi-nav-list>li:first-child>a{
    display:block!important;padding:13px 3px!important;color:#fff!important;font-size:11px!important;
    line-height:1.25;font-weight:800;text-transform:uppercase;white-space:normal
  }
  .tnspi-nav-list>li>a::after,.tnspi-nav-list>li:first-child>a::after{display:none!important}
  .tnspi-nav-list .sub-menu{
    position:static!important;display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;
    box-shadow:none!important;background:transparent!important;margin:0 0 7px!important;padding:0 0 0 14px!important
  }
  .tnspi-nav-list .sub-menu a{display:block!important;padding:8px 3px!important;color:rgba(255,255,255,.9)!important;font-size:10px!important;white-space:normal!important}

  .tnspi-mobile-report-link{
    display:flex!important;align-items:center;justify-content:center;min-height:44px;margin:14px 0 0;padding:10px 14px;
    border-radius:5px;background:#e8b229;color:#17130a!important;text-decoration:none!important;
    font-size:11px;font-weight:900;text-transform:uppercase
  }
  .tnspi-header-report{display:none!important}
  .tnspi-search-toggle{display:grid;flex:0 0 38px;width:38px;height:38px;min-width:38px;margin:0}
}

@media (min-width:901px) and (max-width:1100px){
  .tnspi-header-inner{min-height:92px}
  .tnspi-brand{max-width:calc(100% - 100px)}
}

/* ==========================================================
   v0.7.147 — ENGLISH DESKTOP NAV SPACING ONLY
   Scope: English desktop navigation at >1100 CSS px only.
   Adds a small amount of breathing room between English menu items while
   preserving the approved Tamil header, logo, search, report CTA, header
   geometry, compact/mobile navigation and every other site area unchanged.
   ========================================================== */
@media (min-width:1101px) and (max-width:1220px){
  html[lang^="en"] .tnspi-primary-nav .tnspi-nav-list{gap:9px}
}
@media (min-width:1221px) and (max-width:1399px){
  html[lang^="en"] .tnspi-primary-nav .tnspi-nav-list{gap:11px}
}
@media (min-width:1400px){
  html[lang^="en"] .tnspi-primary-nav .tnspi-nav-list{gap:13px}
}


/* v0.7.149 — Legal/transparency page presentation only.
   Matches the approved Report a Public Issue heading treatment without changing
   forms, header, footer, homepage or other page layouts. */
.tnspi-legal-main{background:#f5f7f9;min-height:60vh;padding:44px 20px 64px}
.tnspi-legal-main .tnspi-foundation-shell{width:min(100%,980px);margin:0 auto}
.tnspi-legal-main article{width:min(100%,900px);margin:0 auto}
.tnspi-legal-main .tnspi-foundation-page-head{margin:0 0 12px;padding:0 0 20px;border-bottom:1px solid #dde3e8}
.tnspi-legal-main .tnspi-foundation-page-head h1{margin:0;color:#071b2e;font-family:"Montserrat","Inter",sans-serif;font-size:clamp(30px,3.2vw,42px);line-height:1.16;font-weight:900;letter-spacing:-.02em}
.tnspi-legal-main .tnspi-foundation-content{padding-top:18px}
.tnspi-legal-main .tnspi-foundation-content>p:first-child{margin-top:0}
.tnspi-legal-main .tnspi-foundation-content h2{margin:30px 0 10px;color:#071b2e;font-size:21px;line-height:1.3;font-weight:900}
.tnspi-legal-main .tnspi-foundation-content h3{color:#071b2e;font-weight:900}
.tnspi-legal-main .tnspi-foundation-content p,.tnspi-legal-main .tnspi-foundation-content li{color:#37424b;font-size:15px;line-height:1.75}
html[lang^="ta"] .tnspi-legal-main .tnspi-foundation-page-head h1,html[lang^="ta"] .tnspi-legal-main .tnspi-foundation-content{font-family:"Noto Sans Tamil",sans-serif}
html[lang^="ta"] .tnspi-legal-main .tnspi-foundation-page-head h1{line-height:1.35;letter-spacing:0}
@media(max-width:700px){.tnspi-legal-main{padding:30px 14px 46px}.tnspi-legal-main .tnspi-foundation-page-head h1{font-size:30px}.tnspi-legal-main .tnspi-foundation-content h2{font-size:19px}}

/* ==========================================================
   v0.7.159 — HOMEPAGE TNSPI VOICE PROMOTION ONLY
   Scope: promote Voice immediately after the hero and make the
   remaining TNSPI IN ACTION row Media + Gallery only.
   ========================================================== */
.tnspi-voice-feature-section{
  padding:28px 0 30px;
  background:#fffaf9;
  border-bottom:1px solid #f0e4e1;
}
.tnspi-voice-feature-section .tnspi-voice-feature-head{
  margin-bottom:18px;
}
.tnspi-voice-feature-section .tnspi-voice-feature-head h2{
  color:#071b2d;
  font-size:19px;
  letter-spacing:.005em;
}
.tnspi-voice-feature-section .tnspi-voice-feature-head h2 i{
  width:34px;
  height:34px;
  margin-right:10px;
  border:0;
  border-radius:50%;
  background:#8f0b0b;
  vertical-align:middle;
  position:relative;
}
.tnspi-voice-feature-section .tnspi-voice-feature-head h2 i::after{
  content:"";
  position:absolute;
  left:10px;
  top:9px;
  width:14px;
  height:14px;
  border:2px solid #fff;
  border-radius:2px 8px 8px 2px;
  transform:skewY(-12deg);
}
.tnspi-voice-feature-section .tnspi-voice-feature-head p{
  margin:5px 0 0 44px;
  color:#b50f18;
  font-size:10px;
  font-weight:800;
}
.tnspi-voice-feature-section .tnspi-voice-feature-head > a{
  align-self:center;
}
.tnspi-voice-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.tnspi-voice-feature-card{
  min-width:0;
  padding:20px 20px 18px;
  border:1px solid #e1e5e8;
  border-radius:7px;
  background:#fff;
  box-shadow:0 5px 18px rgba(7,27,45,.055);
}
.tnspi-voice-feature-category{
  display:inline-block;
  max-width:100%;
  margin-bottom:12px;
  padding:4px 8px;
  overflow:hidden;
  border-radius:3px;
  background:#0b5b7a;
  color:#fff;
  font-size:8px;
  line-height:1.15;
  font-weight:900;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
.tnspi-voice-feature-card:nth-child(2) .tnspi-voice-feature-category{background:#167347}
.tnspi-voice-feature-card:nth-child(3) .tnspi-voice-feature-category{background:#b65b08}
.tnspi-voice-feature-card h3{
  margin:0 0 9px;
  color:#071b2d;
  font-size:15px;
  line-height:1.28;
  font-weight:900;
}
.tnspi-voice-feature-card h3 a{color:inherit;text-decoration:none}
.tnspi-voice-feature-card h3 a:hover,.tnspi-voice-feature-card h3 a:focus{color:#b50f18}
.tnspi-voice-feature-card p{
  margin:0 0 14px;
  color:#3c4751;
  font-size:9.5px;
  line-height:1.55;
}
.tnspi-voice-feature-card time{
  display:block;
  color:#b50f18;
  font-size:8px;
  font-weight:800;
}
.tnspi-voice-feature-empty{
  padding:24px;
  border:1px solid #e1e5e8;
  border-radius:7px;
  background:#fff;
  color:#68737d;
  font-size:10px;
  text-align:center;
}
.tnspi-info-band .tnspi-info-grid.tnspi-info-grid-two{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
@media(max-width:900px){
  .tnspi-voice-feature-grid{grid-template-columns:1fr}
  .tnspi-voice-feature-section .tnspi-voice-feature-head{align-items:flex-start}
  .tnspi-voice-feature-section .tnspi-voice-feature-head p{margin-left:0}
  .tnspi-info-band .tnspi-info-grid.tnspi-info-grid-two{grid-template-columns:1fr}
}


/* ==========================================================
   v0.7.160 — HOMEPAGE TNSPI VOICE VISUAL CONSISTENCY ONLY
   Scope: match the promoted Voice section to the established
   homepage Current Actions section treatment. No content/order
   or other approved section is changed.
   ========================================================== */
.tnspi-voice-feature-section{
  padding:32px 0;
  background:#fff;
  border-bottom:0;
}
.tnspi-voice-feature-section .tnspi-voice-feature-head{
  align-items:center;
  margin-bottom:20px;
}
.tnspi-voice-feature-section .tnspi-voice-feature-head > div{min-width:0}
.tnspi-voice-feature-section .tnspi-voice-feature-head h2{
  display:flex;
  align-items:center;
  margin:0;
  color:#071b2d;
  font-family:inherit;
  font-size:22px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:.015em;
}
.tnspi-voice-feature-section .tnspi-voice-feature-head h2 i{
  position:relative;
  display:inline-grid;
  place-items:center;
  flex:0 0 42px;
  width:42px;
  height:42px;
  margin:0 12px 0 0;
  border:2px solid #e8b229;
  border-radius:50%;
  background:#8f0b0b;
  box-shadow:0 4px 10px rgba(7,27,45,.10);
  vertical-align:middle;
}
.tnspi-voice-feature-section .tnspi-voice-feature-head h2 i::after{
  content:"";
  position:static;
  display:block;
  width:22px;
  height:22px;
  border:0;
  border-radius:0;
  background:#fff;
  transform:none;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h3l8-5v10l-8-5H4z'/%3E%3Cpath d='M7 14v5h4l1-4M17.5 9.5c1.1.8 1.7 1.6 1.7 2.5s-.6 1.7-1.7 2.5'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h3l8-5v10l-8-5H4z'/%3E%3Cpath d='M7 14v5h4l1-4M17.5 9.5c1.1.8 1.7 1.6 1.7 2.5s-.6 1.7-1.7 2.5'/%3E%3C/svg%3E");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
}
.tnspi-voice-feature-section .tnspi-voice-feature-head p{
  margin:5px 0 0 54px;
  color:#4d5963;
  font-family:inherit;
  font-size:10px;
  line-height:1.35;
  font-weight:500;
}
.tnspi-voice-feature-section .tnspi-voice-feature-head p::before{
  content:"";
  display:inline-block;
  width:22px;
  height:1px;
  margin:0 8px 3px 0;
  background:#e8b229;
}
.tnspi-voice-feature-section .tnspi-voice-feature-head > a{align-self:center}
html[lang^="ta"] .tnspi-voice-feature-section,
html[lang^="ta"] .tnspi-voice-feature-section .tnspi-voice-feature-head h2,
html[lang^="ta"] .tnspi-voice-feature-section .tnspi-voice-feature-head p,
html[lang^="ta"] .tnspi-voice-feature-card{
  font-family:"Noto Sans Tamil","Inter",sans-serif;
}
@media(max-width:900px){
  .tnspi-voice-feature-section .tnspi-voice-feature-head{align-items:flex-start}
  .tnspi-voice-feature-section .tnspi-voice-feature-head h2{font-size:19px}
  .tnspi-voice-feature-section .tnspi-voice-feature-head h2 i{flex-basis:36px;width:36px;height:36px;margin-right:10px}
  .tnspi-voice-feature-section .tnspi-voice-feature-head h2 i::after{width:19px;height:19px}
  .tnspi-voice-feature-section .tnspi-voice-feature-head p{margin-left:46px}
}


/* ==========================================================
   v0.7.161 — HOMEPAGE VOICE CARD IMAGERY + CONTROL CLEANUP ONLY
   Scope: TNSPI Voice featured cards and the obsolete Current Actions
   chevrons. Existing section order and all other homepage styling stay intact.
   ========================================================== */
/* Use exactly the same inherited type stack as Current Actions, including Tamil. */
html[lang^="ta"] .tnspi-voice-feature-section,
html[lang^="ta"] .tnspi-voice-feature-section .tnspi-voice-feature-head h2,
html[lang^="ta"] .tnspi-voice-feature-section .tnspi-voice-feature-head p,
html[lang^="ta"] .tnspi-voice-feature-card{
  font-family:inherit;
}
/* The old action chevrons never had functional slide behaviour; hide any
   cached/stored copies while the bounded content migration removes them. */
#actions .tnspi-carousel-arrow{display:none!important}
.tnspi-voice-feature-card{
  padding:0;
  overflow:hidden;
}
.tnspi-voice-feature-image{
  display:block;
  height:155px;
  overflow:hidden;
  background:#eef1f4;
}
.tnspi-voice-feature-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.tnspi-voice-feature-body{
  padding:14px 14px 16px;
}
.tnspi-voice-feature-body .tnspi-voice-feature-category{
  margin-bottom:9px;
}
@media(max-width:900px){
  .tnspi-voice-feature-image{height:155px}
}