/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Bone Flow Formal Style Header
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Component ID : 001
File         : bone-core.css
Version      : 1.0.0
Status       : Release Ready
Standard     : Bone Flow Development Standard v1.0
Description  : Bone Coreテストページの正式スタイル。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/

:root { font-family: Meiryo, system-ui, sans-serif; color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; background: #f4f6f8; color: #17212b; }
.bf-page { width: min(1180px, calc(100% - 32px)); margin: 24px auto; }
.bf-header, .bf-panel { background: #fff; border: 1px solid #d7dee5; border-radius: 10px; padding: 20px; margin-bottom: 16px; }
.bf-header h1, .bf-panel h2, .bf-panel h3 { margin-top: 0; }
.bf-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.bf-row { display: grid; grid-template-columns: 76px 1fr; gap: 10px; padding: 8px 0; border-bottom: 1px solid #e6ebef; }
.bf-pass { color: #08783f; font-weight: 700; }
.bf-fail { color: #b42318; font-weight: 700; }
.bf-overall { font-size: 1.3rem; font-weight: 700; }
pre { overflow: auto; padding: 12px; background: #f7f9fb; border: 1px solid #e1e7ec; }
@media (max-width: 760px) { .bf-grid { grid-template-columns: 1fr; } }