/* Home page tiles: a live slice of each resource, linking into the full page. */
.explore{padding:88px 0 96px;position:relative}
.explore .section-lede{margin-bottom:40px}

.xt-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}
.xt{position:relative;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:28px 28px 24px;box-shadow:0 1px 2px rgba(8,32,63,.04),0 10px 30px rgba(8,32,63,.06);transition:box-shadow .2s,transform .2s;min-width:0}
.xt:hover{box-shadow:0 1px 2px rgba(8,32,63,.05),0 18px 44px rgba(8,32,63,.12);transform:translateY(-2px)}
.xt-lib{grid-column:span 7}
.xt-pq{grid-column:span 5}
.xt-jr{grid-column:span 5}
.xt-wg{grid-column:span 7}
.xt-ln{grid-column:span 7}
.xt-arc{grid-column:span 5}

/* Entrance */
.xt-grid.xt-js:not(.is-shown) .xt{opacity:0;transform:translateY(14px)}
.xt-grid.is-shown .xt{animation:xt-in .55s cubic-bezier(.2,.7,.2,1) backwards}
.xt-grid.is-shown .xt:nth-child(2){animation-delay:.08s}
.xt-grid.is-shown .xt:nth-child(3){animation-delay:.16s}
.xt-grid.is-shown .xt:nth-child(4){animation-delay:.24s}
.xt-grid.is-shown .xt:nth-child(5){animation-delay:.32s}
.xt-grid.is-shown .xt:nth-child(6){animation-delay:.4s}
@keyframes xt-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* Shared parts */
.xt-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.xt-k{font-family:var(--head);font-weight:600;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin:0 0 10px}
.xt h3{font-size:1.3rem;margin:0 0 14px}
.xt-stat{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:6px 0 16px}
.xt-big{font-family:var(--head);font-weight:700;font-size:3.1rem;line-height:1;color:var(--navy);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.xt-unit{font-size:1rem;color:var(--muted)}
.xt-sub{font-family:var(--head);font-weight:600;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:18px 0 8px}
.xt-go{margin-top:auto;padding-top:18px;align-self:flex-start;font-family:var(--head);font-weight:600;font-size:.98rem;color:var(--blue);text-decoration:none}
.xt-go::after{content:"\2192";display:inline-block;margin-left:8px;transition:transform .15s}
.xt-go:hover{color:var(--navy)}
.xt-go:hover::after{transform:translateX(4px)}
.xt a:focus-visible,.xt button:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:6px}

/* Static text shows only when the live data is missing */
.xt-live-only{display:none}
.is-live .xt-live-only{display:revert}
.is-live .xt-stat.xt-live-only,.is-live .xt-head .xt-seg{display:flex}
.is-live .xt-static{display:none}

/* Evidence Library: dark tile */
.xt-lib{background:linear-gradient(150deg,var(--night) 0%,var(--navy) 70%,#123d74 100%);border-color:transparent;color:#DCE9F7;overflow:hidden}
.xt-lib::before{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(74,147,214,.28),rgba(74,147,214,0) 70%);pointer-events:none}
.xt-lib .xt-k{color:var(--haze)}
.xt-lib h3,.xt-lib .xt-big{color:var(--white)}
.xt-lib .xt-unit{color:#B9D3EE}
.xt-lib .xt-sub{color:var(--haze)}
.xt-lib .xt-go{color:var(--white)}
.xt-lib .xt-go:hover{color:var(--haze)}

.xt-seg{display:flex;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:3px;margin:0 0 10px}
.xt-seg button{font:600 .82rem var(--head);color:#C9DDF2;background:none;border:0;border-radius:999px;padding:7px 14px;cursor:pointer;transition:background .15s,color .15s}
.xt-seg button:hover{color:var(--white)}
.xt-seg button[aria-pressed="true"]{background:var(--white);color:var(--navy)}

.xt-chart-wrap{position:relative;margin:4px 0 0}
.xt-chart{display:flex;align-items:flex-end;gap:3px;height:120px;border-bottom:1px solid rgba(169,205,238,.35)}
.xt-bar{flex:1;height:100%;display:flex;align-items:flex-end;min-width:0;text-decoration:none}
.xt-bar-fill{display:block;width:100%;height:0;background:linear-gradient(180deg,var(--sky),rgba(74,147,214,.55));border-radius:3px 3px 0 0;transition:height .6s cubic-bezier(.2,.7,.2,1),background .15s}
.xt-bar:hover .xt-bar-fill,.xt-bar:focus-visible .xt-bar-fill{background:var(--white)}
.xt-bar:focus-visible{outline:none}
.xt-axis{display:flex;justify-content:space-between;font-size:.78rem;color:#9FBEDF;margin-top:6px;font-variant-numeric:tabular-nums}
.xt-tip{position:absolute;bottom:calc(100% - 4px);transform:translate(-50%,0);background:var(--white);color:var(--navy);font:600 .8rem var(--head);padding:5px 10px;border-radius:6px;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.25);pointer-events:none}
.xt-tip[hidden]{display:none}

.xt-latest{list-style:none;margin:0;padding:0;counter-reset:x}
.xt-latest li{display:grid;gap:2px;padding:10px 0;border-top:1px solid rgba(169,205,238,.18)}
.xt-latest li:first-child{border-top:0;padding-top:2px}
.xt-latest-t{color:var(--white);font-size:.98rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.xt-latest-m{font-size:.84rem;color:#9FBEDF}

/* Research Opportunities */
.xt-pq{border-top:4px solid var(--sky)}
.xt-pq-card{position:relative;background:var(--mist);border-radius:10px;padding:18px 20px 14px;margin:0 0 14px;transition:opacity .18s,transform .18s}
.xt-pq-card::before{content:"\201C";position:absolute;right:14px;top:-6px;font:700 4.4rem/1 var(--head);color:var(--haze);opacity:.7;pointer-events:none}
.xt-pq-card.is-out{opacity:0;transform:translateY(6px)}
.xt-chip{display:inline-block;font:600 .74rem var(--head);letter-spacing:.04em;color:var(--blue);background:var(--white);border:1px solid var(--line);border-radius:999px;padding:3px 10px;margin:0 0 10px}
.xt-pq-q{font-family:var(--head);font-weight:500;font-size:1.1rem;line-height:1.4;color:var(--navy);margin:0 0 10px;position:relative}
.xt-pq-src{display:flex;justify-content:space-between;gap:10px;font-size:.84rem;color:var(--muted);margin:0}
.xt-pq-pos{font-variant-numeric:tabular-nums}
.xt-pq-actions{display:flex;align-items:center;justify-content:space-between;gap:12px 18px;flex-wrap:wrap}
.is-live .xt-pq-actions{display:flex}
.xt-pq-actions .xt-go{margin-top:0;padding-top:0}
.xt-btn{font:600 .9rem var(--head);color:var(--navy);background:var(--white);border:1.5px solid var(--line);border-radius:999px;padding:9px 16px;cursor:pointer;transition:border-color .15s,background .15s}
.xt-btn:hover{border-color:var(--blue);background:var(--mist)}
.xt-note{font-size:.88rem;color:var(--muted);margin:16px 0 0;line-height:1.5}

.xt-topics{flex-wrap:wrap;gap:6px}
.is-live .xt-topics{display:flex}
.xt-topics a{font-size:.84rem;color:var(--navy);text-decoration:none;background:var(--white);border:1px solid var(--line);border-radius:999px;padding:4px 11px;transition:border-color .15s,background .15s}
.xt-topics a span{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:2px}
.xt-topics a:hover{border-color:var(--blue);background:var(--mist)}
.xt-pq .xt-note{margin-top:auto;padding-top:16px}

/* The hero ridge meets the tinted tiles section */
.hero-ridge .r3{fill:var(--mist)}

/* Journal Directory */
.xt-jr-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.xt-jr-row{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:8px 10px;margin:0 -10px;border-radius:8px;text-decoration:none;color:var(--ink);transition:background .15s}
.xt-jr-row:hover{background:var(--mist)}
.xt-jr-name{font-size:.93rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xt-jr-n{font:600 .9rem var(--head);color:var(--navy);font-variant-numeric:tabular-nums}
.xt-jr-track{grid-column:1/-1;height:6px;background:var(--mist);border-radius:999px;overflow:hidden}
.xt-jr-fill{display:block;height:100%;width:0;background:var(--sky);border-radius:999px;transition:width .7s cubic-bezier(.2,.7,.2,1)}
.xt-jr-row.is-home .xt-jr-name{font-weight:600;color:var(--navy)}
.xt-jr-row.is-home .xt-jr-fill{background:var(--navy)}

/* Working Groups */
.xt-wg{background:linear-gradient(180deg,var(--white),#F7FAFE)}
.xt-flag{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font:600 .82rem var(--head);color:#14653A;background:#E7F6EC;border-radius:999px;padding:5px 12px 5px 10px;margin:0 0 18px}
.xt-dot{width:8px;height:8px;border-radius:50%;background:#1F9D57;box-shadow:0 0 0 0 rgba(31,157,87,.5);animation:xt-pulse 2.2s infinite}
@keyframes xt-pulse{0%{box-shadow:0 0 0 0 rgba(31,157,87,.45)}70%{box-shadow:0 0 0 8px rgba(31,157,87,0)}100%{box-shadow:0 0 0 0 rgba(31,157,87,0)}}
.xt-wg-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.xt-wg-list li{display:grid;gap:10px;align-content:start;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:16px}
.xt-wg-list svg{width:34px;height:34px;padding:7px;border-radius:9px;background:var(--mist);fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.xt-wg-list strong{display:block;font-family:var(--head);font-weight:600;color:var(--navy);font-size:1rem;margin-bottom:4px}
.xt-wg-list span{display:block;font-size:.9rem;color:var(--muted);line-height:1.45}

.xt-ln{border-top:4px solid var(--blue)}
.xt-ln-lede{color:var(--muted);font-size:1rem;margin:0 0 18px}
.xt-ln-kinds{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.xt-ln-kinds button{font:600 .88rem var(--head);color:var(--navy);background:var(--white);border:1.5px solid var(--line);border-radius:999px;padding:8px 14px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.xt-ln-kinds button:hover{border-color:var(--blue)}
.xt-ln-kinds button[aria-selected="true"]{background:var(--navy);border-color:var(--navy);color:var(--white)}
.xt-ln-panel{background:var(--mist);border-left:3px solid var(--sky);border-radius:0 8px 8px 0;padding:14px 16px;font-size:1rem;color:var(--ink);margin:0 0 4px;min-height:4.6em}
.xt-ln-actions{margin-top:auto;padding-top:18px;display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px}
.xt-ln-actions .xt-go{margin-top:0;padding-top:0}
.xt-cta{font:600 .95rem var(--head);color:var(--white);background:var(--blue);border-radius:999px;padding:11px 20px;text-decoration:none;transition:background .15s}
.xt-cta:hover{background:var(--navy)}

/* CONCERN Network Explorer: coming soon */
.xt-arc{background:linear-gradient(160deg,#0E2748 0%,var(--night) 100%);border-color:transparent;color:#C9DDF2;overflow:hidden}
.xt-arc::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(169,205,238,.05) 0 1px,transparent 1px 28px);pointer-events:none}
.xt-arc h3{color:var(--white);font-size:1.45rem}
.xt-arc p{font-size:1rem;margin:0 0 18px}
.xt-arc .xt-go{color:var(--white);position:relative;z-index:1}
.xt-arc .xt-go:hover{color:var(--haze)}
.xt-soon{display:inline-block;font:700 .72rem var(--head);letter-spacing:.14em;color:var(--night);background:var(--haze);border-radius:999px;padding:4px 11px}
.xt-arc-line{list-style:none;margin:0;padding:0 0 0 18px;border-left:2px solid rgba(169,205,238,.35);display:grid;gap:14px;position:relative;z-index:1}
.xt-arc-line li{position:relative;display:grid;gap:1px}
.xt-arc-line li::before{content:"";position:absolute;left:-24px;top:7px;width:10px;height:10px;border-radius:50%;background:var(--haze)}
.xt-arc-line li.is-next::before{background:transparent;border:2px dashed var(--haze);width:10px;height:10px;left:-25px;top:6px}
.xt-arc-line b{font-family:var(--head);font-weight:600;color:var(--white);font-size:.95rem}
.xt-arc-line span{font-size:.9rem;color:#9FBEDF}
.xt-arc-line li.is-next b{color:var(--haze)}

@media (max-width:980px){
  .xt-lib,.xt-pq,.xt-jr,.xt-wg,.xt-ln,.xt-arc{grid-column:span 12}
}
@media (max-width:700px){
  .explore{padding:64px 0 72px}
  .xt{padding:22px 18px 20px}
  .xt-big{font-size:2.6rem}
  .xt-wg-list{grid-template-columns:1fr}
  .xt-chart{height:96px;gap:2px}
  .xt-seg{width:100%}
  .xt-seg button{flex:1;padding:8px 6px}
}
@media (prefers-reduced-motion:reduce){
  .xt,.xt-bar-fill,.xt-jr-fill,.xt-pq-card{transition:none;animation:none}
  .xt-dot{animation:none}
}