.dfsc{--navy:#0b1f44;--blue:#1d70c4;--ink:#16203a;--sub:#5b6477;--line:#e6eaf2;--soft:#f4f7fc;--ga:#1e9e5a;--gb:#1d70c4;--gc:#e08a00;--gd:#d93b3b;font-family:Pretendard,"프리텐다드 R",sans-serif;color:var(--ink);word-break:keep-all;max-width:1000px;margin:0 auto}
.dfsc *{box-sizing:border-box}
.dfsc-form{margin:0}
.dfsc-field{display:flex;align-items:center;background:#fff;border-radius:999px;padding:8px 8px 8px 26px;box-shadow:0 20px 50px rgba(0,0,0,.18);border:1px solid var(--line)}
.dfsc-pre{color:#9aa3b5;font-size:17px;margin-right:4px}
.dfsc-field input{flex:1;min-width:0;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;font-size:18px;color:var(--ink);height:52px;padding:0!important;font-family:inherit}
.dfsc-go{flex:0 0 auto;height:56px;padding:0 30px;border:0;border-radius:999px;background:var(--blue);color:#fff;font-size:17px;font-weight:700;cursor:pointer;font-family:inherit;transition:.2s}
.dfsc-go:hover{background:#155ea8}
.dfsc-go:disabled{opacity:.6;cursor:wait}
.dfsc-hint{margin:16px 0 0;text-align:center;font-size:14.5px;color:#b9c6de}
.dfsc-total{display:inline-block;margin-left:8px;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.1);color:#dbe6f7}
.dfsc-total b{color:#fff}
.dfsc-loading{display:flex;align-items:center;justify-content:center;gap:18px;margin:34px auto 0;padding:26px;border-radius:20px;background:#fff;max-width:520px;box-shadow:0 20px 50px rgba(0,0,0,.12)}
.dfsc-loading[hidden],.dfsc-error[hidden],.dfsc-result[hidden]{display:none!important}
.dfsc-loading p{margin:0;font-size:15px;color:var(--sub)}
.dfsc-loading b{display:block;color:var(--ink);font-size:17px;margin-bottom:2px}
.dfsc-spin{width:42px;height:42px;border-radius:50%;border:4px solid #dfe8f5;border-top-color:var(--blue);animation:dfscSpin .9s linear infinite}
@keyframes dfscSpin{to{transform:rotate(360deg)}}
.dfsc-error{margin:26px auto 0;max-width:620px;padding:16px 22px;border-radius:14px;background:#fff1f1;color:#b42323;text-align:center;font-weight:600}
.dfsc-result{margin-top:44px;background:#fff;border-radius:28px;padding:44px;box-shadow:0 30px 70px rgba(11,31,68,.14);border:1px solid var(--line)}
.dfsc-sum{display:flex;align-items:center;gap:34px;padding-bottom:34px;border-bottom:1px solid var(--line)}
.dfsc-sum h3{margin:10px 0 6px;font-size:24px;line-height:1.35;color:var(--ink)}
.dfsc-url{margin:0;color:#8a93a6;font-size:14px;word-break:break-all}
.dfsc-sum-t{margin:14px 0 0;font-size:16px;color:var(--sub)}
.dfsc-sum-t b.f{color:var(--gd)}.dfsc-sum-t b.w{color:var(--gc)}
.dfsc-badge{display:inline-block;padding:5px 12px;border-radius:999px;font-size:13px;font-weight:700;color:#fff}
.dfsc-badge.g-a{background:var(--ga)}.dfsc-badge.g-b{background:var(--gb)}.dfsc-badge.g-c{background:var(--gc)}.dfsc-badge.g-d{background:var(--gd)}
.dfsc-gauge{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.dfsc-gauge svg{transform:rotate(-90deg);display:block}
.dfsc-gauge circle{fill:none}
.dfsc-gauge .bg{stroke:#edf1f7}
.dfsc-gauge .fg{stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.2,.8,.2,1)}
.dfsc-gauge.g-a .fg{stroke:var(--ga)}.dfsc-gauge.g-b .fg{stroke:var(--gb)}.dfsc-gauge.g-c .fg{stroke:var(--gc)}.dfsc-gauge.g-d .fg{stroke:var(--gd)}
.dfsc-gauge b{position:absolute;font-size:24px;font-weight:800;color:var(--ink);font-family:Pretendard,sans-serif}
.dfsc-gauge.is-big b{font-size:40px}
.dfsc-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0}
.dfsc-card{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff;cursor:pointer;text-align:left;font-family:inherit;transition:.2s}
.dfsc-card:hover{border-color:#b9cfee;box-shadow:0 10px 24px rgba(11,31,68,.08)}
.dfsc-card span b{display:block;font-size:16px;color:var(--ink)}
.dfsc-card span small{font-size:12.5px;color:#8a93a6}
.dfsc-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:8px;overflow-x:auto}
.dfsc-tab{border:0;background:transparent;padding:14px 16px;font-size:15.5px;font-weight:600;color:#8a93a6;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px;font-family:inherit;white-space:nowrap}
.dfsc-tab em{font-style:normal;font-size:13px;margin-left:4px;padding:2px 7px;border-radius:999px;background:#eef2f8}
.dfsc-tab.is-on{color:var(--ink);border-bottom-color:var(--blue)}
.dfsc-list{display:none;list-style:none;margin:0;padding:0}
.dfsc-list.is-on{display:block}
.dfsc-list li{display:flex;gap:14px;padding:18px 4px;border-bottom:1px solid #f0f3f8}
.dfsc-list li:last-child{border-bottom:0}
.dfsc-list li i{flex:0 0 28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:2px}
.dfsc-list li i svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.dfsc-list li.is-pass i{background:var(--ga)}.dfsc-list li.is-warn i{background:var(--gc)}.dfsc-list li.is-fail i{background:var(--gd)}
.dfsc-list li b{display:block;font-size:16px;color:var(--ink)}
.dfsc-list li p{margin:2px 0 0;font-size:15px;color:var(--sub)}
.dfsc-list li small{display:block;margin-top:6px;font-size:14px;color:#6b7690;background:var(--soft);padding:8px 12px;border-radius:10px}
.dfsc-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;padding:28px 30px;border-radius:20px;background:var(--navy);color:#fff}
.dfsc-cta b{font-size:19px}
.dfsc-cta p{margin:4px 0 0;color:#b9c6de;font-size:15px}
.dfsc-cta-btns{display:flex;gap:10px;flex:0 0 auto}
.dfsc-btn{display:inline-flex;align-items:center;height:50px;padding:0 22px;border-radius:999px;border:1px solid rgba(255,255,255,.35);color:#fff!important;font-weight:700;text-decoration:none!important;white-space:nowrap}
.dfsc-btn.is-main{background:#fff;color:var(--navy)!important;border-color:#fff}
.dfsc-note{margin:18px 0 0;font-size:13px;color:#8a93a6;text-align:center}
@media (max-width:767px){
.dfsc-field{padding:6px 6px 6px 18px}.dfsc-pre{display:none}.dfsc-field input{font-size:16px;height:46px}.dfsc-go{height:48px;padding:0 18px;font-size:15px}
.dfsc-result{padding:26px 20px;border-radius:22px}
.dfsc-sum{flex-direction:column;text-align:center;gap:16px}
.dfsc-cards{grid-template-columns:1fr 1fr}
.dfsc-card{flex-direction:column;text-align:center;gap:8px}
.dfsc-cta{flex-direction:column;align-items:flex-start}
.dfsc-cta-btns{width:100%}.dfsc-btn{flex:1;justify-content:center;padding:0 14px}
}

/* v1.1.0 — 먼저 고칠 것 · 로봇 표 */
.dfsc-cnt{display:inline-block;margin-right:6px;padding:1px 8px;border-radius:6px;background:#eef3f7;color:#3d5566;font-size:12.5px;font-weight:600}
.dfsc-top{margin:18px 0 0;padding:20px 24px;border-radius:16px;background:#fff8ec;border:1px solid #f3e0bb}
.dfsc-top>b{display:block;margin-bottom:6px;font-size:16px}
.dfsc-top ol{margin:0;padding-left:20px}
.dfsc-top li{margin:6px 0;font-size:14px;line-height:1.6;color:#3d4452}
.dfsc-extra{margin:28px 0 0}
.dfsc-extra>b{display:block;font-size:16px}
.dfsc-extra>p{margin:4px 0 10px;color:#667085;font-size:14px}
.dfsc-tbl{overflow-x:auto;border:1px solid #e6e8ec;border-radius:12px}
.dfsc-tbl table{width:100%;margin:0!important;border-collapse:collapse;font-size:13.5px}
.dfsc-tbl th,.dfsc-tbl td{padding:10px 14px!important;border:0!important;border-bottom:1px solid #eef0f3!important;text-align:left}
.dfsc-tbl th{background:#f6f8fa;font-weight:600}
.dfsc-tbl tr:last-child td{border-bottom:0!important}
.dfsc-tbl td.ok{color:#16a34a;font-weight:700}.dfsc-tbl td.no{color:#dc2626;font-weight:700}
