/* =========================================
    AWS Lambda 料金計算ツール - 専用CSS (アイコン＆文字サイズ調整版)
    ========================================= */


 .card {
     border: 1px solid #d1d5da;
     border-radius: 6px;
     margin-bottom: 1.5rem;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 }

 .card-header {
     background-color: #f6f8fa;
     color: #24292e;
     padding: 12px 16px;
     border-bottom: 1px solid #d1d5da;
     border-top-left-radius: 6px;
     border-top-right-radius: 6px;
 }

 .card-title {
     font-size: 1.1rem;
     font-weight: 600;
     margin-bottom: 0;
 }

 .card-body {
     padding: 16px;
 }

 .form-label {
     display: block;
     margin-bottom: 6px;
     font-weight: 500;
     color: #24292e;
     font-size: 0.9rem;
 }

 .form-control,
 .form-select {
     display: block;
     width: 100%;
     padding: 8px 12px;
     font-size: 0.9rem;
     line-height: 1.5;
     color: #24292e;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid #d1d5da;
     border-radius: 6px;
     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }

 .form-control:focus,
 .form-select:focus {
     color: #24292e;
     background-color: #fff;
     border-color: #0366d6;
     outline: 0;
     box-shadow: 0 0 0 0.2em rgba(3, 102, 214, 0.25);
 }

 .help-link a {
     color: #0366d6;
     text-decoration: none;
     font-weight: 500;
     font-size: 0.9rem;
 }

 .help-link a:hover {
     text-decoration: underline;
 }

 .alert-info {
     color: #0550ae;
     background-color: #f0f6ff;
     border-color: #0366d6;
     border-radius: 6px;
     padding: 16px;
     margin-bottom: 1rem;
 }

 .alert-heading {
     font-size: 1rem;
     font-weight: 600;
     margin-top: 0;
     margin-bottom: 0.5rem;
     color: inherit;
 }

 /* 注意事項セクション */
 .notes-section ul {
     padding-left: 20px;
     list-style-type: none; /* デフォルトの黒丸を削除 */
 }

 .notes-section > ul > li::before {
     content: "✓"; /* チェックマークアイコン */
     color: #28a745; /* 緑色 */
     margin-right: 8px;
 }

 .notes-section h4 {
     font-size: 1rem;
     font-weight: 600;
     color: #24292e;
     margin-top: 1.5rem;
     padding-bottom: 0.5rem;
     border-bottom: 1px solid #d1d5da;
 }

 /* 「料金に含まれていないもの」リスト */
 .notes-section .list-unstyled > li::before {
     content: "✓"; /* チェックマークアイコン */
     color: #28a745; /* 緑色 */
     margin-right: 8px;
 }

 .notes-section .list-unstyled > li > ul {
     padding-left: 20px;
     list-style-type: none; /* 子リストのデフォルトの黒丸を削除 */
 }

 .notes-section .list-unstyled > li > ul > li::before {
     content: "→"; /* 矢印アイコン */
     color: #6a737d; /* グレー */
     margin-right: 8px;
 }