/* ===== Silo Grid (TOP・サイロ共通) ===== */
.silo-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:16px;
  margin:24px 0;
}
.silo-card{
  --silo-color:var(--primary-mid);
  display:flex;align-items:center;gap:18px;
  background:var(--surface);
  border:1px solid var(--border);
  border-left:4px solid var(--silo-color);
  border-radius:var(--radius);
  padding:24px;
  transition:all var(--duration) var(--ease);
  text-decoration:none;color:var(--text);
  position:relative;
}
.silo-card:hover{
  border-color:var(--silo-color);
  box-shadow:0 6px 24px rgba(0,0,0,.08);
  transform:translateY(-2px);
}
.silo-card .silo-icon{
  font-size:28px;flex-shrink:0;
  width:56px;height:56px;
  display:flex;align-items:center;justify-content:center;
  background:var(--bg-soft);
  border-radius:50%;
}
.silo-card .silo-text{flex:1}
.silo-card .silo-text h3{font-size:15px;font-weight:700;margin-bottom:4px;color:var(--text)}
.silo-card .silo-text p{font-size:12px;color:var(--text-mid);line-height:1.6}
.silo-card .silo-arrow{
  font-size:20px;color:var(--silo-color);
  transition:transform .2s var(--ease);
}
.silo-card:hover .silo-arrow{transform:translateX(4px)}

/* ===== Silo Pillar Page ===== */
.silo-main{padding:32px 0 80px}
.silo-pillar-head{
  --silo-color:var(--primary-mid);
  text-align:center;
  padding:48px 32px;margin:24px 0 40px;
  background:linear-gradient(180deg,var(--bg-soft) 0%,#fff 100%);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  position:relative;
}
.silo-pillar-icon{
  font-size:48px;margin-bottom:16px;
  display:inline-block;
  background:#fff;
  width:96px;height:96px;
  line-height:96px;
  border-radius:50%;
  border:2px solid var(--silo-color);
  box-shadow:var(--shadow-md);
}
.silo-pillar-head h1{font-size:2.2rem;margin:8px 0;color:var(--text)}
.silo-pillar-desc{font-size:14px;color:var(--text-mid);max-width:640px;margin:0 auto 24px}

.silo-pillar-nav{
  display:flex;flex-wrap:wrap;gap:8px;justify-content:center;
  margin-top:24px;padding-top:24px;
  border-top:1px solid var(--border-light);
}
.silo-pillar-nav a{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 16px;
  font-size:12px;font-weight:500;
  background:#fff;
  color:var(--text-mid);
  border:1px solid var(--border);
  border-radius:100px;
  text-decoration:none;
  transition:all var(--duration) var(--ease);
}
.silo-pillar-nav a:hover{border-color:var(--primary-mid);color:var(--primary-mid)}
.silo-pillar-nav a.current{background:var(--primary-mid);color:#fff;border-color:var(--primary-mid)}

.silo-section-head{
  font-size:1.2rem;margin:32px 0 20px;
  padding-bottom:8px;
  border-bottom:1px solid var(--border-light);
}
.silo-content{padding:0}
.silo-empty{
  text-align:center;padding:60px 20px;
  background:var(--bg-soft);
  border-radius:var(--radius);
}
.silo-empty p{margin-bottom:20px;color:var(--text-mid)}