/* ============================================================
   LEARN PAGE — beginner-friendly tile grid
   ============================================================ */
.fund-wrap { max-width:var(--container); margin:0 auto; padding:8px 20px 60px; }
@media (max-width:600px){ .fund-wrap{ padding:8px 14px 60px; } }

.fund-header { padding:20px 0 28px; max-width:var(--measure); }
.fund-title {
  font-family:var(--font-display);
  font-size: clamp(28px,6vw,40px); font-weight:800; line-height:1.1; letter-spacing:-.02em;
  margin-bottom:12px;
}
.fund-sub { font-size:var(--text-md); color:var(--t2); line-height:1.6; }

.fund-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
@media (max-width:700px){ .fund-grid{ grid-template-columns:1fr; } }

.fund-tile {
  background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg);
  padding:18px 18px 20px; position:relative; overflow:hidden;
}
.fund-tile::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--gradient-brand); }
.fund-tile-icon {
  width:44px; height:44px; border-radius:50%; background:var(--accent-d); border:1px solid var(--accent-b);
  display:flex; align-items:center; justify-content:center;
  font-size:var(--text-3xl); margin-bottom:12px;
}
.fund-tile-title { font-size:var(--text-lg); font-weight:700; color:var(--t1); line-height:1.3; margin-bottom:8px; }
.fund-tile-body { font-size:var(--text-md); color:var(--t2); line-height:1.65; }
.fund-tile-body strong { color:var(--t1); }
.fund-tile-body em { color:var(--t1); font-style:normal; font-weight:600; }
.fund-tile-body code {
  font-family:var(--font-mono); font-size:var(--text-sm); color:var(--accent);
  background:var(--accent-d); padding:1px 5px; border-radius:4px;
}

.fund-footer { display:flex; justify-content:center; padding:32px 0 8px; }