/* AFITP — committee list (About page). Uses the same tokens as the theme. */
.afitp-cm{--n:#0E1E45;--ink:#1B2A4A;--mut:#5B6B88;--ln:#E2E9F5;--bg:#F6F9FF;font-family:Manrope,system-ui,sans-serif;color:var(--ink);line-height:1.6;display:grid;gap:56px}
.afitp-cm--red{--c:#E52B3A;--c2:#A8142A;--ct:#C21F2E}.afitp-cm--blue{--c:#1F6FE5;--c2:#123E9C;--ct:#1F5FD0}.afitp-cm--yellow{--c:#F5B50F;--c2:#E0820B;--ct:#946400}.afitp-cm--green{--c:#1FA84F;--c2:#0E6E36;--ct:#157A3B}
.afitp-cm-pair{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.afitp-cm-head{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.afitp-cm-head h3{all:unset;font-family:"Space Grotesk",sans-serif;font-weight:600;font-size:20px;color:var(--n);letter-spacing:-.01em;line-height:1.2}
.afitp-cm-count{font:500 11px/1 "JetBrains Mono",monospace;color:#1F6FE5;background:#EAF2FF;border-radius:999px;padding:5px 9px}
.afitp-cm-line{flex:1;height:1px;background:var(--ln)}
.afitp-cm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.afitp-cm-grid.is-compact{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.afitp-cm-group--executive .afitp-cm-grid{grid-template-columns:repeat(5,1fr)}
.afitp-cm-group--executive .is-compact .afitp-cm-card{flex-direction:column;align-items:center;text-align:center;padding:26px 16px 22px}
.afitp-cm-group--executive .is-compact .afitp-cm-avatar{width:64px;height:64px;margin-bottom:14px}
.afitp-cm-group--executive .is-compact .afitp-cm-more{justify-content:center}
.afitp-cm-pair .afitp-cm-grid.is-compact{grid-template-columns:1fr 1fr}

.afitp-cm-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--ln);border-radius:18px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;transition:.3s}
.afitp-cm-card::before{content:"";position:absolute;left:0;top:0;height:4px;width:100%;background:var(--c);transform:scaleX(.18);transform-origin:left;transition:.4s}
.afitp-cm-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px -12px rgba(14,30,69,.18)}
.afitp-cm-card:hover::before{transform:scaleX(1)}
.is-compact .afitp-cm-card{flex-direction:row;align-items:center;gap:14px;padding:18px}

.afitp-cm-avatar{flex:none;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;overflow:hidden;margin-bottom:18px;
  background:linear-gradient(135deg,var(--c),var(--c2));box-shadow:0 0 0 4px #fff,0 0 0 5px var(--ln)}
.is-compact .afitp-cm-avatar{width:52px;height:52px;margin:0}
.afitp-cm-initials{font:700 22px/1 "Space Grotesk",sans-serif;color:#fff;letter-spacing:.02em}
.is-compact .afitp-cm-initials{font-size:17px}
.afitp-cm-photo{width:100%!important;height:100%!important;object-fit:cover;display:block}

.afitp-cm-body{min-width:0}
.afitp-cm-name{all:unset;display:block;font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:18px;line-height:1.3;color:var(--n);letter-spacing:-.01em}
.is-compact .afitp-cm-name{font-size:15.5px}
.afitp-cm-role{display:inline-block;margin-top:8px;font:500 11px/1 "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.1em;padding:6px 10px;border-radius:999px;
  background:color-mix(in srgb,var(--c) 13%,#fff);color:var(--ct);white-space:nowrap}
.is-compact .afitp-cm-role{margin-top:6px;font-size:10px;padding:5px 8px}
.afitp-cm-excerpt{margin:14px 0 0;font-size:14.5px;color:var(--mut)}
.afitp-cm-more{all:unset;cursor:pointer;display:inline-flex;gap:6px;margin-top:12px;font-weight:600;font-size:14px;color:#1F6FE5}
.afitp-cm-more span{transition:transform .2s}
.afitp-cm-more:hover span{transform:translateX(4px)}
.is-compact .afitp-cm-more{display:flex;margin-top:6px;font-size:13px}

.afitp-cm-dialog{border:0;padding:0;border-radius:24px;max-width:560px;width:calc(100% - 32px);box-shadow:0 40px 80px -20px rgba(14,30,69,.45);color:var(--ink)}
.afitp-cm-dialog::backdrop{background:rgba(14,30,69,.55);backdrop-filter:blur(4px)}
.afitp-cm-dialog[open]{animation:afitp-cm-in .25s ease-out}
@keyframes afitp-cm-in{from{opacity:0;transform:translateY(12px)}}
.afitp-cm-dhead{display:flex;gap:18px;align-items:center;padding:30px 30px 22px;border-bottom:1px solid var(--ln);position:relative}
.afitp-cm-dhead::before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:linear-gradient(90deg,#E52B3A 0 25%,#1F6FE5 25% 50%,#F5B50F 50% 75%,#1FA84F 75%)}
.afitp-cm-dhead .afitp-cm-avatar{margin:0}
.afitp-cm-bio{padding:22px 30px 30px;font-size:15.5px;color:var(--ink);max-height:60vh;overflow:auto}
.afitp-cm-bio p{margin:0 0 12px}
.afitp-cm-close{all:unset;cursor:pointer;position:absolute;right:16px;top:14px;z-index:2;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:24px;line-height:1;color:var(--mut);background:var(--bg)}
.afitp-cm-close:hover{color:#1F6FE5;background:#EAF2FF}

@media (max-width:1024px){
  .afitp-cm-grid,.afitp-cm-group--executive .afitp-cm-grid{grid-template-columns:1fr 1fr}
  .afitp-cm-pair{grid-template-columns:1fr}
}
@media (max-width:767px){
  .afitp-cm{gap:44px}
  .afitp-cm-grid,.afitp-cm-pair .afitp-cm-grid.is-compact{grid-template-columns:1fr}
  .afitp-cm-group--executive .afitp-cm-grid{grid-template-columns:1fr 1fr;gap:14px}
  .afitp-cm-card{padding:24px}
  .afitp-cm-group--office .afitp-cm-card{flex-direction:row;align-items:flex-start;gap:16px;padding:20px}
  .afitp-cm-group--office .afitp-cm-avatar{width:56px;height:56px;margin:0}
  .afitp-cm-group--office .afitp-cm-initials{font-size:18px}
  .afitp-cm-group--office .afitp-cm-grid{gap:14px}
}
@media (prefers-reduced-motion:reduce){.afitp-cm *{transition:none!important;animation:none!important}}