全163記事の知識相関図｜どこから読めばいいかがわかる地図

/* ===== カードレイアウト ===== */ .knowledge-map-root .moc-core-container { margin: 25px 0 15px 0; } .knowledge-map-root .moc-core-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-bottom: 20px; } .knowledge-map-root .moc-core-card { background: linear-gradient(135deg, #ffffff 0%, #faf9fe 100%); border: 2px solid #f1f0f7; border-radius: 18px; padding: 24px; box-shadow: 0 4px 15px rgba(118,75,162,0.02); transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); display: flex; flex-direction: column; justify-content: space-between; position: relative; text-decoration: none !important; } .knowledge-map-root .moc-core-card:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(118,75,162,0.08); border-color: #a78bfa; } .knowledge-map-root .moc-card-content-wrap { display: block !important; } .knowledge-map-root .moc-badge { display: inline-block; background: #f3e8ff; color: #7c3aed; font-size: 11px; font-weight: 800; padding: 4px 12px; border-radius: 50px; margin-bottom: 12px; align-self: flex-start; letter-spacing: 0.5px; } .knowledge-map-root .moc-card-title { display: block !important; font-size: 17px !important; font-weight: 800 !important; color: #1a1a2e !important; line-height: 1.5 !important; margin: 0 0 15px 0 !important; border: none !important; background: none !important; padding: 0 !important; } .knowledge-map-root .moc-card-link { font-size: 13.5px !important; color: #764ba2 !important; font-weight: 700 !important; margin-top: auto; display: inline-flex; align-items: center; gap: 6px; } .knowledge-map-root .moc-card-link span { transition: transform 0.2s; } .knowledge-map-root .moc-core-card:hover .moc-card-link span { transform: translateX(4px); } /* ===== アコーディオン ===== */ .knowledge-map-root .moc-accordion { border: 1px solid #e2e8f0; background-color: #f8fafc; border-radius: 14px; margin: 15px 0 35px 0; overflow: hidden; transition: all 0.3s ease; } .knowledge-map-root .moc-summary { padding: 18px 24px; font-size: 14px; font-weight: 800; color: #475569; cursor: pointer; outline: none; list-style: none; display: flex; justify-content: space-between; align-items: center; } .knowledge-map-root .moc-summary::-webkit-details-marker { display: none; } .knowledge-map-root .moc-summary::after { content: “↓”; font-size: 12px; color: #94a3b8; font-weight: 900; transition: transform 0.3s ease; } .knowledge-map-root .moc-accordion[open] .moc-summary::after { transform: rotate(180deg); } .knowledge-map-root .moc-accordion-content { padding: 20px 24px; border-top: 1px solid #e2e8f0; background: #ffffff; } .knowledge-map-root .moc-accordion-content ul { margin: 0 !important; padding-left: 20px !important; } .knowledge-map-root .moc-accordion-content li { font-size: 13.5px !important; line-height: 1.75 !important; margin-bottom: 10px !important; } .knowledge-map-root .moc-accordion-content li:last-child { margin-bottom: 0 !important; }