/* 使用パーツの枠線ボックス */
.parts-box {
    margin-top: 15px;
    padding: 12px 16px;
    border: 1px solid #ccc;
    border-radius: 8px;
    background-color: #fff;
    font-size: 0.9em;
    line-height: 1.6;
    color: #333;
}

/* タイトル部分 */
.parts-box-title {
    font-weight: bold;
    margin-bottom: 8px;
    color: #222;
}


/* リスト全体（上詰めに設定） */
.parts-list {
    display: grid;
    grid-template-columns: auto 1fr; /* 左側の横幅（文字数に合わせて調整可） */
    row-gap: 10px;                   /* アイテムごとの上下のすき間 */
    align-items: start;              /* ★すべて上詰めで揃える */
    margin: 0;
    padding: 0;
}

/* 左側：収納するもの */
.parts-list dt {
    font-weight: bold;
    position: relative;
    padding-right: 20px;             /* リーダー用の右余白 */
    color: #444;
    line-height: 1.6;                /* ★右側とline-heightを揃えて1行目の高さを一致させる */
    margin: 0;
}

/* 「▶」のリーダー記号（1行目の高さに上詰め） */
.parts-list dt::after {
    content: "▶";
    position: absolute;
    right: 4px;
    top: 0;                          /* ★上端に固定 */
    line-height: 1.6;                /* ★左の文字と同じ高さで真横に配置 */
}

/* 右側：使用パーツ名 */
.parts-list dd {
    margin: 0;
    line-height: 1.6;                /* ★左側とline-heightを揃える */
    color: #333;
}

/* （市販）などの補足文字を少し薄くしてメリハリを出す場合（任意） */
.parts-list dd small {
    color: #666;
}


/* スマホ表示時の調整（画面幅が狭い場合） */
@media screen and (max-width: 600px) {
    .parts-list {
        /* スマホでは上下2段にするか、文字サイズを少し縮小 */
        grid-template-columns: auto 1fr;
        font-size: 13px;
    }
}