/* TC Coaching: Insights hub + article pages. */

/* ---- Index: search + filter toolbar ---- */
.iwrap{max-width:1120px;margin:0 auto;padding:0 22px}
.ibar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.isearch{flex:1;min-width:230px;display:flex;align-items:center;gap:9px;background:rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.16);border-radius:11px;padding:0 14px}
.isearch:focus-within{border-color:#00A4FF}
.isearch svg{flex:none}
.isearch input{flex:1;background:none;border:0;outline:0;color:#fff;font:500 .95rem Inter;padding:12px 0}
.isearch input::placeholder{color:#8b95a1}
.ichips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 6px}
.ichips button{padding:8px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.14);
  background:none;color:var(--muted);font:600 .82rem Inter;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.ichips button:hover{border-color:rgba(0,164,255,.45)}
.ichips button:focus-visible{outline:2px solid #00A4FF;outline-offset:2px}
.ichips button.on{background:rgba(0,164,255,.16);border-color:rgba(0,164,255,.45);color:#7cc9ff}

/* ---- Index: tile grid, 1 / 2 / 3 columns ---- */
.igrid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:22px}
@media(min-width:620px){.igrid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.igrid{grid-template-columns:repeat(3,1fr)}}
.icard{display:flex;flex-direction:column;background:#0c0f14;border:1px solid rgba(255,255,255,.1);
  border-radius:16px;overflow:hidden;text-decoration:none;transition:border-color .25s,transform .25s}
.icard:hover,.icard:focus-visible{border-color:rgba(0,164,255,.5);transform:translateY(-3px)}
.icard:focus-visible{outline:2px solid #00A4FF;outline-offset:2px}
.icard__img{position:relative;aspect-ratio:3/2;background:#11151c;overflow:hidden}
.icard__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.icard:hover .icard__img img{transform:scale(1.06)}
.icard__body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.icard__cat{font:700 .66rem Inter;text-transform:uppercase;letter-spacing:.09em;color:#00A4FF;margin:0 0 7px}
.icard__t{font:800 1.2rem 'Saira Condensed';color:#fff;letter-spacing:.01em;line-height:1.15;margin:0 0 7px}
.icard__s{font-size:.88rem;color:var(--muted);line-height:1.55;margin:0 0 14px;flex:1}
.icard__m{display:flex;justify-content:space-between;align-items:center;gap:10px;
  border-top:1px solid rgba(255,255,255,.08);padding-top:11px}
.icard__time{font-size:.78rem;color:#8b95a1}
.icard__go{font:700 .82rem Inter;color:#00A4FF}
.inone{text-align:center;color:var(--muted);margin:40px 0;font-size:.95rem}

/* ---- Article page ---- */
.awrap{max-width:760px;margin:0 auto;padding:0 22px}
.ahero{position:relative;min-height:400px;display:flex;align-items:flex-end;padding:120px 0 40px;overflow:hidden}
.ahero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ahero__ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,8,.62) 0%,rgba(5,6,8,.72) 45%,rgba(5,6,8,.94) 100%)}
.ahero__in{position:relative;z-index:2;width:100%}
.ahero__back{display:inline-block;color:#00A4FF;font:600 .85rem Inter;text-decoration:none;margin-bottom:16px}
.ahero__back:hover{text-decoration:underline}
.ahero__cat{font:700 .68rem Inter;text-transform:uppercase;letter-spacing:.11em;color:#7cc9ff;margin:0 0 8px}
.ahero__t{font:800 2.5rem 'Saira Condensed';color:#fff;line-height:1.06;letter-spacing:.01em;margin:0 0 14px}
@media(min-width:700px){.ahero__t{font-size:3.1rem}}
.ahero__by{font-size:.86rem;color:#cfd6de;margin:0}

.abody{padding-top:6px}
.abody p{color:#dfe6ee;font-size:1.02rem;line-height:1.75;margin:0 0 18px}
.abody p.lead{font-size:1.15rem;color:#fff;line-height:1.65}
.abody h2{font:800 1.6rem 'Saira Condensed';color:#fff;letter-spacing:.01em;margin:34px 0 12px}
.abody strong{color:#fff}
.abody em{color:#e7ecf2}
.abody a{color:#00A4FF;text-decoration:none;border-bottom:1px solid rgba(0,164,255,.35)}
.abody a:hover{border-bottom-color:#00A4FF}
.abody ul,.abody ol{margin:0 0 20px;padding-left:22px}
.abody li{color:#dfe6ee;line-height:1.7;margin:9px 0}

/* ---- Author card + closes ---- */
.abio{display:flex;gap:16px;align-items:flex-start;background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:20px 22px;margin:30px 0 16px}
.abio img{width:66px;height:66px;border-radius:50%;object-fit:cover;flex:none;border:2px solid rgba(0,164,255,.5)}
.abio strong{display:block;color:#fff;font-size:1rem}
.abio span{display:block;color:#00A4FF;font-size:.82rem;margin-bottom:7px}
.abio p{margin:0;font-size:.88rem;color:var(--muted);line-height:1.6}

.asoft{text-align:center;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.02);
  border-radius:16px;padding:24px 22px;margin:0 0 50px}
.asoft h4{margin:0 0 8px;font-size:1.1rem;color:#fff}
.asoft p{font-size:.9rem;color:var(--muted);margin:0 0 14px}

.acta{text-align:center;border:1px solid rgba(0,164,255,.3);background:rgba(0,164,255,.06);
  border-radius:16px;padding:26px 22px;margin:0 0 50px}
.acta h4{margin:0 0 8px;font-size:1.15rem;color:#fff}
.acta p{font-size:.9rem;color:var(--muted);margin:0 0 16px}