.ufc{--ink:#172334;--blue:#3159d9;--muted:#657184;color:var(--ink);font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;max-width:1120px;padding:32px 24px 60px;margin:auto;text-align:left}.ufc *{box-sizing:border-box}.ufc [hidden]{display:none!important}.ufc a{color:var(--blue)}.ufc header{padding:30px 0}.ufc h1{font-size:clamp(30px,5vw,46px);letter-spacing:-.055em;line-height:1.2;margin:8px 0 18px}.ufc h2{font-size:20px;margin:0 0 20px}.ufc h3{font-size:16px}.ufc h4{margin:0 0 12px}.ufc p{margin:10px 0}.ufc header>p:last-child,.ufc small{color:var(--muted)}.ufc .eyebrow{color:var(--blue);font-size:11px;font-weight:750;letter-spacing:.12em}.ufc .workspace{display:grid;grid-template-columns:330px minmax(0,1fr);border:1px solid #e4e9f1;border-radius:18px;overflow:hidden;background:white}.ufc form{padding:28px;background:#f8faff;border-right:1px solid #e4e9f1}.ufc label{display:block;font-weight:600;margin-bottom:18px;font-size:13px}.ufc input,.ufc select{display:block;width:100%;padding:12px;margin-top:6px;background:#fff;border:1px solid #cbd4e3;border-radius:8px;color:var(--ink);font:inherit;min-height:46px}.ufc button{font:inherit;cursor:pointer;border:0;border-radius:8px;min-height:44px;padding:10px 18px;background:var(--blue);color:white}.ufc form button{width:100%;margin-bottom:8px}.ufc .secondary{background:#eaf0fa;color:#243d78}.ufc :focus-visible{outline:3px solid #7893ef;outline-offset:3px}.ufc .results{padding:32px;min-width:0}.ufc .total{font-size:clamp(24px,3.4vw,38px);line-height:1.3;letter-spacing:-.04em;overflow-wrap:anywhere;display:block;color:var(--blue)}.ufc .stats{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}.ufc .stats span,.ufc .stats b{display:block}.ufc .stats span{font-size:12px;color:var(--muted)}.ufc .stats b{font-size:18px;overflow-wrap:anywhere}.ufc .bar{display:flex;background:#98b5ed;height:13px;border-radius:20px;overflow:hidden;margin-top:24px}.ufc .bar span{background:var(--blue)}.ufc .legend{font-size:12px;color:var(--blue)}.ufc .legend span{color:#536c9f;margin-left:20px}.ufc .monthly{font-size:13px;background:#f8faff;padding:14px;border-radius:8px}.ufc .comparison{margin-top:28px}.ufc .compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ufc article{border:1px solid #e4e9f1;border-radius:10px;padding:14px 10px;font-size:12px}.ufc article.selected{border-color:var(--blue);background:#f5f8ff}.ufc article b,.ufc article small{display:block;overflow-wrap:anywhere}.ufc article b{margin:6px 0 12px}.ufc details{border-top:1px solid #e4e9f1;padding:16px 0;margin-top:18px}.ufc summary{cursor:pointer;font-weight:600;min-height:32px}.ufc .table-scroll{overflow:auto;max-height:400px;margin-top:16px}.ufc table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums}.ufc th,.ufc td{padding:10px;text-align:right;border-bottom:1px solid #e4e9f1}.ufc thead{background:#f1f5fb}.ufc caption{text-align:left;padding:10px}.ufc .guide{margin-top:42px}.ufc .guide p{color:var(--muted);font-size:14px}.ufc .error{color:#a52d32;font-size:13px}.ufc .download{margin-top:10px}@media(max-width:780px){.ufc .workspace{grid-template-columns:1fr}.ufc form{border-right:0;border-bottom:1px solid #e4e9f1}.ufc .results{padding:24px}.ufc .compare-grid{grid-template-columns:1fr}.ufc article{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ufc article b{margin:0}.ufc{padding:24px 16px}.ufc .stats{gap:10px}}
.ufc .trend{margin-top:28px}.ufc .trend svg{display:block;width:100%;height:auto;overflow:visible}.ufc .trend .axis{font-size:11px;fill:#657184}.ufc .trend .grid{stroke:#e4e9f1;stroke-width:1}.ufc .trend-primary,.ufc .trend-secondary{fill:none;stroke-width:3;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ufc .trend-primary{stroke:#3159d9}.ufc .trend-secondary{stroke:#168575;stroke-dasharray:6 5}.ufc .cursor{stroke:#8492a8;stroke-dasharray:3 4}.ufc .dot{stroke:white;stroke-width:2}.ufc .primary-dot{fill:#3159d9}.ufc .secondary-dot{fill:#168575}.ufc .trend-legend{display:flex;gap:18px;font-size:12px}.ufc .trend-legend span:first-child{color:#3159d9}.ufc .trend-legend span:last-child{color:#168575}.ufc input[type=range]{padding:0;accent-color:#3159d9;background:transparent;border:0;cursor:pointer;min-height:36px}.ufc .month-control{margin:12px 0 8px}.ufc .trend-values{display:grid;gap:6px;background:#f8faff;border-radius:10px;padding:14px;font-size:13px;margin-bottom:10px}.ufc .trend-values>span{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.ufc .trend-values b{overflow-wrap:anywhere}
.ufc .advanced{margin:4px 0 18px;padding:12px 0;border-bottom:1px solid #e4e9f1}.ufc .advanced label{margin:12px 0}.ufc .advanced small{display:block;line-height:1.7}
/* Shared UBIS interaction and card language */
.ufc{background:#fff}.ufc>a,.ufc .guide>a{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid #e4e9f1;border-radius:10px;background:#fff;text-decoration:none;font-size:13px}
.ufc>a:hover,.ufc .guide>a:hover{background:#f5f8ff;border-color:#b8c8e7}
.ufc button,.ufc a,.ufc input,.ufc select{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}
.ufc button:hover:not(:disabled){box-shadow:0 8px 20px #3159d91a;transform:translateY(-1px)}
.ufc button:active:not(:disabled){transform:translateY(1px)}
.ufc .workspace{box-shadow:0 8px 28px #17233404}.ufc .stats>div{padding:16px;border:1px solid #e4e9f1;border-radius:12px;background:#f5f8ff}
.ufc input:focus,.ufc select:focus{border-color:var(--blue)}
@media(prefers-reduced-motion:reduce){.ufc *{transition:none!important;animation:none!important}}
/* Modern tool surfaces: scoped to the finance widget. */
.ufc header{text-align:center;margin-bottom:28px}.ufc header h1{color:#19243a;letter-spacing:-1.6px}.ufc .workspace{border-color:#e2e6ee;border-radius:16px;box-shadow:0 8px 28px #19243a04}.ufc form{background:#f8faff}.ufc .results{background:#fff}.ufc button{min-height:44px}.ufc :focus-visible{outline:3px solid #809ce9;outline-offset:3px}.ufc .results:focus{outline:2px solid #809ce9;outline-offset:-2px}