/* Indian PR Distribution (IPRD)® | insights.css: the Insights hub (template "insights"). Prefix: .ins-* */

.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* ===== Hero: search first ===== */
.ins-hero{--fg:var(--ink);--fg2:var(--soft);--line:rgba(21,13,34,.16);--accent:var(--violet);position:relative;background:var(--paper);color:var(--ink);padding:calc(76px + clamp(28px,4vw,56px)) 0 clamp(40px,5vw,72px);overflow:hidden}
.ins-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,4vw,64px);align-items:center}
.ins-hero .kicker{margin-bottom:16px}
.ins-hero h1{font-size:clamp(44px,6vw,96px);line-height:.95;letter-spacing:-.025em;margin:0 0 20px;max-width:13ch}
.ins-hero h1 em{color:var(--violet)}
.ins-hero .lede{font-size:clamp(17px,1.3vw,19px);line-height:1.55;color:var(--soft);max-width:56ch;margin:0 0 28px}
.ins-search{display:flex;align-items:center;gap:10px;max-width:620px;padding:8px 8px 8px 18px;background:#fff;border:1px solid var(--line);border-radius:999px;box-shadow:0 18px 40px -24px rgba(45,11,74,.45);transition:border-color .3s,box-shadow .3s}
.ins-search:focus-within{border-color:var(--violet);box-shadow:0 0 0 4px rgba(123,63,201,.14),0 18px 40px -24px rgba(45,11,74,.45)}
.ins-search svg{flex:none;color:var(--violet)}
.ins-search input{flex:1;min-width:0;border:0;outline:0;background:none;font:500 17px var(--f-b);color:var(--ink);padding:10px 0}
.ins-search input::placeholder{color:#9A90AA}
.ins-search input::-webkit-search-cancel-button{cursor:pointer}
.ins-search button{flex:none;border:0;border-radius:999px;background:var(--deep);color:var(--lime);font:600 15px var(--f-b);padding:12px 22px;cursor:pointer;transition:background .3s}
.ins-search button:hover{background:var(--violet);color:#fff}
.ins-suggest{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 0;font-size:13.5px;color:var(--soft)}
.ins-suggest button{border:1px solid var(--line);background:rgba(255,255,255,.6);border-radius:999px;padding:6px 12px;font:500 13px var(--f-b);color:var(--ink);cursor:pointer}
.ins-suggest button:hover{border-color:var(--violet);color:var(--violet)}
.ins-stats{display:flex;flex-wrap:wrap;gap:6px 26px;margin:28px 0 0;padding:0;list-style:none;font-size:14px;color:var(--soft)}
.ins-stats b{font:400 30px/1 var(--f-d);color:var(--ink);margin-right:6px}
.ins-hero-art{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:clamp(320px,36vw,540px)}
.ins-hero-art::before{content:"";position:absolute;inset:8% 4% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(200,226,62,.6),rgba(200,226,62,0) 74%)}
.ins-hero-art img{position:relative;z-index:1;max-height:clamp(320px,36vw,540px);width:auto}
.ins-orbit{position:absolute;inset:0}
.ins-orbit span{position:absolute;font:600 clamp(15px,1.3vw,20px)/1 "Nirmala UI","Noto Sans Bengali","Noto Sans Devanagari","Noto Sans Tamil","Noto Sans Telugu","Noto Sans Kannada","Noto Sans Malayalam","Noto Sans Gurmukhi","Noto Sans Gujarati","Noto Sans Oriya",system-ui,sans-serif;color:var(--deep);background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 13px;box-shadow:0 10px 24px -16px rgba(45,11,74,.5);
  left:var(--x);top:var(--y);z-index:2;transform:translate(-50%,-50%);animation:insFloat 6s ease-in-out infinite;animation-delay:calc(var(--i) * -.6s)}
.ins-orbit span:nth-child(3n){background:var(--lime);border-color:var(--lime)}
.ins-orbit span:nth-child(4n+1){background:var(--deep);color:var(--lime);border-color:var(--deep)}
@keyframes insFloat{50%{transform:translate(-50%,calc(-50% - 8px))}}
@media (prefers-reduced-motion:reduce){.ins-orbit span{animation:none}}

/* ===== Language rail ===== */
.ins-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ins-lang{position:relative;display:flex;flex-direction:column;gap:4px;padding:20px 18px 18px;border:1px solid rgba(21,13,34,.12);border-radius:14px;background:var(--paper);overflow:hidden;transition:background .35s,border-color .35s,transform .35s}
.ins-lang .s{font:600 clamp(30px,2.6vw,40px)/1.15 "Nirmala UI","Noto Sans Bengali","Noto Sans Devanagari","Noto Sans Tamil","Noto Sans Telugu","Noto Sans Kannada","Noto Sans Malayalam","Noto Sans Gurmukhi","Noto Sans Gujarati","Noto Sans Oriya",system-ui,sans-serif;color:var(--violet);margin-bottom:10px;white-space:nowrap}
.ins-lang b{font:400 24px/1.1 var(--f-d);color:var(--ink)}
.ins-lang small{font-size:13px;color:var(--soft)}
.ins-lang::after{content:"→";position:absolute;right:16px;bottom:16px;font-size:18px;color:var(--violet);transition:transform .35s}
.ins-lang:hover{background:var(--deep);border-color:var(--deep);transform:translateY(-3px)}
.ins-lang:hover .s{color:var(--lime)}
.ins-lang:hover b{color:#fff}
.ins-lang:hover small,.ins-lang:hover::after{color:var(--mute)}
.ins-lang:hover::after{transform:translateX(4px)}

/* ===== Filter bar ===== */
.ins-all .section-head{margin-bottom:28px}
.ins-bar{position:sticky;top:76px;z-index:5;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin:0 0 28px;padding:12px 0;background:#ECE4F5}
.ins-chips{display:flex;flex-wrap:wrap;gap:8px}
.ins-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid rgba(21,13,34,.16);border-radius:999px;background:#fff;font:500 14px var(--f-b);color:var(--ink);cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.ins-chip span{font-size:12px;color:var(--soft)}
.ins-chip:hover{border-color:var(--violet)}
.ins-chip[aria-pressed="true"]{background:var(--deep);border-color:var(--deep);color:var(--lime)}
.ins-chip[aria-pressed="true"] span{color:var(--mute)}
.ins-count{margin:0;font-size:14px;color:var(--soft);display:flex;align-items:center;gap:14px}
.ins-count span{font-weight:600;color:var(--ink)}
.ins-clear{border:0;background:none;padding:0;font:600 14px var(--f-b);color:var(--violet);text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* ===== Article grid ===== */
.ins-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 20px}
.ins-card{position:relative;display:flex;flex-direction:column;gap:10px}
.ins-card[hidden]{display:none}
.ins-cover{position:relative;aspect-ratio:16/10;border-radius:12px;background:#fff;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;transition:background .35s}
.ins-cover::before{content:"";position:absolute;left:50%;bottom:-30%;width:70%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(200,226,62,.45),rgba(200,226,62,0) 72%)}
.ins-cover img{position:relative;max-height:92%;width:auto;transition:transform .5s}
.ins-script{position:absolute;left:14px;top:12px;z-index:1;font:600 22px/1 "Nirmala UI","Noto Sans Bengali","Noto Sans Devanagari","Noto Sans Tamil","Noto Sans Telugu","Noto Sans Kannada","Noto Sans Malayalam","Noto Sans Gurmukhi","Noto Sans Gujarati","Noto Sans Oriya",system-ui,sans-serif;color:var(--deep);background:var(--lime);border-radius:999px;padding:7px 12px}
.ins-meta{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;font-size:13px;color:var(--soft)}
.ins-cat{font:600 11px var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--violet)}
.ins-card h3{font:400 clamp(22px,1.8vw,26px)/1.2 var(--f-d);margin:0}
.ins-link{color:var(--ink);transition:color .3s}
.ins-link::after{content:"";position:absolute;inset:0}
.ins-card:hover .ins-link{color:var(--violet)}
.ins-card:hover .ins-cover{background:var(--deep)}
.ins-card:hover .ins-cover img{transform:translateY(-4px) scale(1.03)}
.ins-by{position:relative;z-index:2;margin:0;font-size:14px;color:var(--soft)}
.ins-by a{color:var(--ink);font-weight:600;border-bottom:1px solid var(--lime)}
.ins-by a:hover{color:var(--violet)}
.ins-card mark{background:rgba(200,226,62,.7);color:inherit;border-radius:3px;padding:0 2px}
.ins-empty{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;max-width:720px;margin:12px auto 0;padding:28px;border-radius:18px;background:#fff}
.ins-empty[hidden]{display:none}
.ins-empty img{height:200px;width:auto}
.ins-empty h3{font-size:32px;margin:0 0 8px;color:var(--ink)}
.ins-empty p{margin:0 0 18px}

/* ===== Writers ===== */
.ins-writer-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ins-writer{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:20px;border:1px solid rgba(21,13,34,.12);border-radius:16px;background:var(--paper);transition:background .35s,border-color .35s}
.ins-writer .avatar{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--deep);color:var(--lime);font:400 24px var(--f-d)}
.ins-writer strong{display:block;font:400 24px/1.1 var(--f-d);color:var(--ink)}
.ins-writer small{display:block;font-size:13px;color:var(--violet);font-weight:600;margin:3px 0 6px}
.ins-writer em{display:block;font-style:normal;font-size:13.5px;color:var(--soft);line-height:1.4}
.ins-writer .go{font-size:20px;color:var(--violet);transition:transform .35s}
.ins-writer:hover{background:#fff;border-color:var(--violet)}
.ins-writer:hover .go{transform:translateX(4px)}

/* ===== Responsive ===== */
@media (max-width:1080px){
  .ins-rail{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ins-grid{grid-template-columns:1fr 1fr}
  .ins-writer-list{grid-template-columns:1fr}
}
@media (max-width:860px){
  .ins-hero-grid{grid-template-columns:minmax(0,1fr)}
  .ins-orbit{inset:0 6%}
  .ins-hero-art{min-height:300px;max-width:440px;width:100%;margin:0 auto}
  .ins-hero-art img{max-height:300px}
  .ins-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .ins-search{padding-left:14px}
  .ins-search button{padding:11px 16px}
  .ins-grid{grid-template-columns:1fr}
  .ins-bar{position:static}
  .ins-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none}
  .ins-chip{flex:none}
  .ins-empty{grid-template-columns:1fr;text-align:center}
  .ins-empty img{margin:0 auto;height:160px}
  .ins-lang .s{font-size:28px}
  .ins-lang{padding:16px 14px}
  .ins-lang::after{content:none}
  .ins-search input{font-size:16px}
  .ins-stats{gap:6px 18px}
  .ins-stats b{font-size:26px}
  .ins-orbit span{font-size:14px;padding:6px 10px}
}
