/* ICAI Melbourne — Events (tabs + cards) */
.icai-w .icai-tabs{display:flex;gap:4px;position:relative;border-bottom:var(--rule-ink);margin-bottom:clamp(24px,3vw,40px); overflow-x:auto;scrollbar-width:none}
.icai-w .icai-tabs::-webkit-scrollbar{display:none}
.icai-w .icai-tab{position:relative;padding:14px 18px 15px;font-family:var(--f-mono);font-size:var(--fs-xs); letter-spacing:.16em;text-transform:uppercase;color:var(--on-ink-mute);white-space:nowrap; transition:color var(--t-fast)}
.icai-w .icai-tab[aria-selected="true"]{color:var(--on-ink)}
.icai-w .icai-tab::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--brass); transform:scaleX(0);transform-origin:left;transition:transform .4s var(--e-out)}
.icai-w .icai-tab[aria-selected="true"]::after{transform:scaleX(1)}
.icai-w .icai-tab span{font-size:.62rem;color:var(--brass-lt);vertical-align:super;margin-left:5px}
.icai-w .icai-epanel[hidden]{display:none}
.icai-w .icai-egrid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory; scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);padding-bottom:6px}
.icai-w .icai-egrid::-webkit-scrollbar{display:none}
.icai-w .icai-ecard{flex:0 0 82%;scroll-snap-align:start;display:flex;flex-direction:column; border-top:1px solid rgba(239,237,231,.22);padding-top:16px}
.icai-w .icai-ecard__media{position:relative;aspect-ratio:16/10;overflow:hidden;margin-bottom:18px}
.icai-w .icai-ecard__media .icai-ph{position:absolute;inset:0}
.icai-w .icai-ecard__media .icai-ph::before{transition:transform 1s var(--e-soft)}
.icai-w .icai-ecard:hover .icai-ecard__media .icai-ph::before{transform:scale(1.06)}
.icai-w .icai-ecard__date{font-family:var(--f-mono);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase; color:var(--brass-lt);display:flex;align-items:baseline;gap:10px}
.icai-w .icai-ecard__date b{font-weight:400;font-size:1.05rem;color:var(--on-ink);letter-spacing:.02em}
.icai-w .icai-ecard__title{font-family:var(--f-display);font-weight:400;font-size:1.3rem;line-height:1.16; letter-spacing:-.015em;font-variation-settings:"opsz" 60;margin-top:12px; background-image:linear-gradient(var(--brass),var(--brass));background-size:0 1px; background-repeat:no-repeat;background-position:0 100%;transition:background-size .45s var(--e-out)}
.icai-w .icai-ecard:hover .icai-ecard__title{background-size:100% 1px}
.icai-w .icai-ecard__meta{margin-top:14px;border-top:1px solid rgba(239,237,231,.14)}
.icai-w .icai-ecard__meta div{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid rgba(239,237,231,.14);font-size:var(--fs-sm)}
.icai-w .icai-ecard__meta dt{font-family:var(--f-mono);font-size:var(--fs-micro);letter-spacing:.14em;text-transform:uppercase; color:var(--on-ink-mute);flex:0 0 62px}
.icai-w .icai-ecard__meta dd{margin:0;color:rgba(239,237,231,.9);flex:1}
.icai-w .icai-ecard__foot{margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.icai-w .icai-cpd{font-family:var(--f-mono);font-size:var(--fs-micro);letter-spacing:.12em;text-transform:uppercase; border:1px solid rgba(192,148,51,.6);color:var(--brass-lt);padding:6px 9px;border-radius:2px;white-space:nowrap}
.icai-w .icai-cpd--tbc{border-color:rgba(239,237,231,.3);color:var(--on-ink-mute)}
.icai-w .icai-ecard--tbc .icai-ecard__title{color:rgba(239,237,231,.68);font-family:var(--f-mono);font-size:1rem;letter-spacing:.06em}
.icai-w .icai-events__foot{margin-top:clamp(26px,3vw,42px);padding-top:20px;border-top:var(--rule-ink); display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:flex-start}
@media (min-width:760px){
.icai-w .icai-egrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.6vw,36px); overflow:visible;margin-inline:0;padding-inline:0}
.icai-w .icai-ecard{flex:none}
.icai-w .icai-ecard__title{font-size:1.42rem}
}
/* photo dropped into the media slot */
.icai-w .icai-ecard__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--e-soft)}
.icai-w .icai-ecard:hover .icai-ecard__img{transform:scale(1.05)}
.icai-w .icai-ecard__title a{color:inherit}
.icai-w .icai-ecard__foot>span:empty{display:none}
.icai-w .icai-egrid{scroll-padding-inline:var(--gutter)}
.icai-w .icai-tab{cursor:pointer}
.icai-w .icai-epanel:focus-visible{outline:2px solid var(--brass-lt);outline-offset:6px}

