/* 무료 미리보기 · 리포트 공통 (report_html.py 와 동일) */
.oheng-wrap { background:#fff; border:1px solid #d9cbb6; border-radius:10px; padding:16px 18px; margin:14px 0; }
.oheng-wrap .title { font-weight:bold; color:#5a4632; margin-bottom:10px; font-size:15px; }
.oheng-row { display:flex; align-items:center; margin:6px 0; font-size:14px; }
.oheng-label { width:36px; font-weight:bold; text-align:center; }
.oheng-bar-bg { flex:1; height:18px; background:#eee; border-radius:4px; overflow:hidden; margin:0 8px; }
.oheng-bar { height:100%; border-radius:4px; }
.oheng-bar.mok { background:#4a7c59; }
.oheng-bar.hwa { background:#c0392b; }
.oheng-bar.to  { background:#b08d57; }
.oheng-bar.geum{ background:#8a8a8a; }
.oheng-bar.su  { background:#2e6b9e; }
.oheng-count { width:28px; text-align:right; font-weight:bold; }
.oheng-count.zero { color:#c0392b; }
.five-box { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; margin:14px 0; }
.five-box .box { border-radius:8px; padding:10px 6px; text-align:center; font-size:12px; line-height:1.4; min-height:72px; display:flex; flex-direction:column; justify-content:center; }
.five-box .box .num { font-size:18px; font-weight:bold; margin-bottom:4px; }
.five-box .b1 { background:#fdf3df; border:2px solid #b08d57; }
.five-box .b2 { background:#fde8e0; border:2px solid #c0392b; }
.five-box .b3 { background:#e8f0e8; border:2px solid #4a7c59; }
.five-box .b4 { background:#fce4d0; border:2px solid #e67e22; }
.five-box .b5 { background:#ececec; border:2px solid #8a8a8a; }
.five-box.small .box { min-height:56px; font-size:11px; padding:6px 4px; }
.free-lines p { margin:10px 0; font-size:18px; }
.free-preview table { width:100%; border-collapse:collapse; margin:14px 0; font-size:16px; }
.free-preview th, .free-preview td { border:1px solid #d9cbb6; padding:9px 12px; text-align:center; }
.free-preview th { background:#efe6d7; color:#5a4632; }
.free-preview td.me { background:#fdf3df; font-weight:bold; }
.free-preview h2 { color:#5a4632; font-size:21px; border-left:6px solid #b08d57; padding-left:12px; margin:24px 0 14px; }
@media (max-width:520px) { .five-box{grid-template-columns:repeat(3,1fr)} }