/* ============================================================
   Sigma Trust — Card design system (shared)
   One source of truth for all research / allocation cards.
   Uses the site CSS variables already defined in each page:
   --ac, --ac-dk, --line, --green, --red, --grey, --serif, --mono, --cream2
   ============================================================ */

/* ----- section wrapper for a card block ----- */
.alloc-section{background:var(--cream2);padding:60px 0;}
.alloc-section .ac-eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ac-dk);}
.alloc-section .ac-h2{font-family:var(--serif);font-size:clamp(28px,3.4vw,44px);line-height:1.05;letter-spacing:-.02em;margin-top:12px;}
.alloc-section .ac-h2 em{font-style:italic;color:var(--ac-dk);}
.alloc-section .ac-head-block{margin-bottom:26px;}

/* ----- grid: full-width horizontal cards (one per row) ----- */
.alloc-grid{display:grid;grid-template-columns:1fr;gap:16px;}

/* ----- the card ----- */
.alloc-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:10px;
  padding:22px 22px 20px;text-decoration:none;color:inherit;position:relative;
  transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;}
.alloc-card:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(10,10,10,.09);border-color:#d9cfb9;background:#fffdf8;}

.alloc-card .ac-line{width:30px;height:2px;background:var(--ac);margin-bottom:18px;}

.alloc-card .ac-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;}
.alloc-card .ac-cat{font-family:var(--mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--ac-dk);line-height:1.45;}
.alloc-card .ac-code{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--grey);white-space:nowrap;}

.alloc-card .ac-title{font-family:var(--serif);font-weight:700;font-size:22px;line-height:1.12;letter-spacing:-.01em;margin:12px 0 7px;}
.alloc-card .ac-sub{font-size:14px;line-height:1.55;color:#55524a;margin:0;}

/* ----- bull / base / bear bar (only on allocation cards) ----- */
.alloc-card .ac-bars{margin-top:14px;}
.alloc-card .ac-bar-labels{display:flex;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;margin-bottom:6px;}
.alloc-card .ac-bar-labels span{white-space:nowrap;overflow:visible;}
.alloc-card .ac-bar{display:flex;height:26px;border-radius:4px;overflow:hidden;}
.alloc-card .ac-seg{display:flex;align-items:center;padding-left:9px;font-family:var(--mono);font-size:11px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums;}
/* colour modifiers — labels get the colour as text, segments as background */
.alloc-card .ac-bar-labels .ac-bull{color:var(--green);}
.alloc-card .ac-bar-labels .ac-base{color:var(--ac-dk);}
.alloc-card .ac-bar-labels .ac-bear{color:var(--red);}
.alloc-card .ac-seg.ac-bull{background:var(--green);}
.alloc-card .ac-seg.ac-base{background:#C2A24E;}
.alloc-card .ac-seg.ac-bear{background:var(--red);}

/* ----- footer ----- */
.alloc-card .ac-foot{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid var(--line);margin-top:18px;}
.alloc-card .ac-date{font-family:var(--mono);font-size:10px;letter-spacing:.05em;color:var(--grey);}
.alloc-card .ac-read{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--ac-dk);white-space:nowrap;}

/* ----- CTA variant (e.g. China, no published call yet) ----- */
.alloc-card .ac-hint{display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--grey);margin:6px 0 18px;}
.alloc-card .ac-hint .ac-bull{color:var(--green);}
.alloc-card .ac-hint .ac-base{color:var(--ac-dk);}
.alloc-card .ac-hint .ac-bear{color:var(--red);}
.alloc-card .ac-btn{display:inline-flex;align-self:flex-start;align-items:center;gap:9px;background:var(--ac);color:var(--ink);
  font-family:var(--sans);font-weight:600;font-size:14px;padding:11px 18px;border-radius:4px;transition:background .2s;}
.alloc-card:hover .ac-btn{background:var(--ac-dk);}
