/* ==== Feature: WHO Guidelines Map ==== */
.page.feature { padding: 28px 0; }

/* ヒーロー */
.feature-hero {
  background: radial-gradient(800px 300px at 50% -120px, #eef6ff 0%, #fffdf9 60%);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 16px;
}
.kicker { display:inline-block; font-size:12px; letter-spacing:.04em; padding:6px 10px; border-radius:999px; background:var(--pop); border:1px solid #ffd8a8; color:#7c4a03; font-weight:700; }
.feature-title { margin: 8px 0 6px; font-size: clamp(20px,4.5vw,32px); }
.lead { color: var(--muted); }

/* 導入カード */
.facts { margin: 12px 0 16px; }
.facts-grid { display:grid; grid-template-columns: repeat(12,1fr); gap:12px; }
.fact { grid-column: span 6; border:1px solid var(--line); border-radius:12px; background:#fff; padding:12px; }
.fact .k { color:var(--muted); font-size:12px; }
.fact .v { font-weight:700; }
@media (max-width: 820px){ .fact { grid-column: span 12; } }

/* TOC */
.toc { border:1px solid var(--line); border-radius:12px; background:#fff; padding:12px; margin:16px 0; }
.toc-title { margin: 0 0 8px; font-size: 18px; }
.toc-list { list-style:none; padding:0; margin:0; }
.toc-list li { margin:6px 0; }
.toc a { color: var(--accent); text-decoration:none; }

/* 本文内補助 */
.pill { list-style:none; padding-left:0; margin:0 0 10px; display:grid; grid-template-columns: repeat(12,1fr); gap:8px; }
.pill li { grid-column: span 12; border:1px solid var(--line); border-radius:999px; padding:8px 12px; background:#fff; }
.note { color: var(--muted); }

/* ドキュメント例カード */
.cards .card { display:block; border:1px solid var(--line); border-radius:16px; overflow:hidden; background:#fff; text-decoration:none; color:inherit; }
.cards .thumb { aspect-ratio:16/9; background:#e2e8f0; }
.cards .body { padding:14px; }
.cards .kicker { color:var(--muted); font-size:12px; }
.cards h3 { margin:6px 0; font-size:16px; }
.cards p { color:var(--ink2); font-size:14px; }
.doclist { display:grid; grid-template-columns: repeat(12,1fr); gap:12px; }
.doclist .card { grid-column: span 6; }
@media (max-width: 820px){ .doclist .card { grid-column: span 12; } }

/* 参考文献・免責・ナビ */
.references { margin-top: 24px; }
.disclaimer { margin-top: 20px; font-size: 14px; color: var(--ink2); }
.prevnext { display:flex; justify-content:space-between; gap: 12px; margin-top: 22px; }
.prevnext a { flex:1; border:1px solid var(--line); border-radius:12px; padding:12px; text-decoration:none; color:inherit; background:#fff; }
.prevnext a:hover { border-color: var(--accent); }
.prevnext span { margin-right: 6px; }