.bike-safety-wrap {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", "YuGothic", "Meiryo", sans-serif;
line-height: 1.9;
color: #333;
}
.bike-safety-wrap h2 {
padding: 14px 18px;
margin-top: 42px;
margin-bottom: 18px;
color: #fff;
background: linear-gradient(135deg, #263238, #1976d2);
border-radius: 12px;
font-size: 1.25em;
}
.bike-safety-wrap h3 {
padding-left: 12px;
border-left: 5px solid #29b6f6;
margin-top: 30px;
color: #1565c0;
}
.bike-safety-lead {
background: linear-gradient(135deg, #e3f2fd, #f5fbff);
border: 2px solid #90caf9;
border-radius: 16px;
padding: 22px;
margin: 24px 0;
}
.bike-safety-box {
background: #f8fbff;
border: 1px solid #bbdefb;
border-radius: 14px;
padding: 18px;
margin: 22px 0;
}
.bike-safety-point {
background: #fffde7;
border-left: 6px solid #ffca28;
border-radius: 10px;
padding: 16px;
margin: 22px 0;
}
.bike-safety-caution {
background: #fff3e0;
border-left: 6px solid #ff9800;
border-radius: 10px;
padding: 16px;
margin: 22px 0;
}
.bike-safety-link {
background: linear-gradient(135deg, #e1f5fe, #ffffff);
border: 2px solid #4fc3f7;
border-radius: 16px;
padding: 20px;
margin: 28px 0;
}
.bike-safety-link a {
display: inline-block;
margin-top: 8px;
padding: 10px 16px;
border-radius: 999px;
background: #1976d2;
color: #fff !important;
font-weight: bold;
text-decoration: none;
}
.bike-safety-list {
background: #ffffff;
border: 1px dashed #64b5f6;
border-radius: 12px;
padding: 16px 20px;
margin: 20px 0;
}
.bike-safety-list ul {
margin: 0;
padding-left: 22px;
}
.bike-safety-summary {
background: linear-gradient(135deg, #e3f2fd, #ffffff);
border: 2px solid #90caf9;
border-radius: 16px;
padding: 22px;
margin-top: 36px;
}
.bike-safety-table {
width: 100%;
border-collapse: collapse;
margin: 22px 0;
font-size: 0.95em;
}
.bike-safety-table th {
background: #e3f2fd;
color: #0d47a1;
}
.bike-safety-table th,
.bike-safety-table td {
border: 1px solid #bbdefb;
padding: 12px;
vertical-align: top;
}