body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 20px;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

.upload-section {
    margin: 20px 0;
}

.search-section {
    margin: 10px 0;
    padding: 5px;
}

.search-section input {
    padding: 5px;
    margin-right: 5px;
    width: 200px;
}

.search-section button {
    padding: 5px 10px;
    margin-right: 5px;
}

#graph {
    width: 100%;
    height: 800px;
    border: 1px solid #ccc;
}

.legend {
    margin: 10px 0;
    display: flex;
    gap: 20px;
}

.color-box {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
}

.grey { background-color: #808080; }
.light-green { background-color: #90EE90; }
.yellow-green { background-color: #b5d660; }
.light-yellow { background-color: #dabd30; }
.dark-yellow { background-color: #e5b01f; }
.orange { background-color: #ffa500; }
.red { background-color: #FF0000; }

.link {
    stroke: #999;
    stroke-opacity: 0.6;
}

.node {
    stroke: #fff;
    stroke-width: 1.5px;
}

.target-rect {
    pointer-events: none;
}
.highlighted {
    font-weight: bold;
    font-size: 14px !important;
    fill: #2c3e50;
    text-decoration: underline;
}

text {
    user-select: none; /* テキスト選択を防止 */
}
.view-control {
    margin: 10px 0;
}

.view-control button {
    padding: 5px 10px;
}