:root{--bg:#f8fafc;--ink:#172033;--muted:#5b6475;--line:#d7dce5;--brand:#1d4ed8;--accent:#0f766e;--warn:#b45309;--danger:#b91c1c;--card:#fff;--soft:#eef6ff;--focus:#f59e0b;}
*{box-sizing:border-box} html{font-size:16px} body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Nanum Gothic",Arial,sans-serif;line-height:1.65} a{color:#1649b8} a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.wrap{max-width:1120px;margin:0 auto;padding:32px 24px}.site-header{background:#0b1220;color:#fff}.site-header .wrap{display:flex;justify-content:space-between;gap:18px;align-items:center}.brand{font-weight:800;letter-spacing:.02em}.navnote{font-size:.95rem;color:#dbeafe}.hero{background:linear-gradient(135deg,#0b1220,#12367a 58%,#0f766e);color:#fff}.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.hero h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.12;margin:0 0 14px}.hero p{font-size:1.1rem;margin:0 0 12px;color:#eaf2ff}.hero-card{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.28);border-radius:22px;padding:22px}.quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.quick div{padding:12px;border-radius:14px;background:rgba(255,255,255,.12);font-weight:700}.section{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;margin:24px 0;box-shadow:0 10px 30px rgba(15,23,42,.05)}h2{font-size:1.55rem;margin:0 0 12px}h3{font-size:1.16rem;margin:22px 0 8px}.lead{color:var(--muted)}.step-list{padding-left:1.2rem}.step-list li{margin:.35rem 0}.notice{border-left:5px solid var(--brand);background:#eff6ff;padding:14px 16px;border-radius:12px;margin:16px 0}.stop{border-left-color:var(--danger);background:#fff1f2}.hold{border-left-color:var(--warn);background:#fff7ed}.resource-banner{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin:22px 0;padding:18px;border-radius:18px;background:#ecfeff;border:1px solid #99f6e4}.resource-banner h3{margin:0 0 8px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:12px;background:var(--brand);color:#fff;text-decoration:none;border:0;font-weight:800;cursor:pointer}.btn.secondary{background:#334155}.btn.warn{background:#b45309}.figure{margin:18px 0;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff}.figure img{display:block;width:100%;max-width:100%;height:auto}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff}.table-wrap table{border-collapse:collapse;width:100%;min-width:720px}.table-wrap th,.table-wrap td{border-bottom:1px solid var(--line);padding:10px;vertical-align:top}.table-wrap th{background:#f1f5f9;text-align:left}.resource-shell{max-width:1180px;margin:0 auto;padding:28px 22px}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:6px;margin:8px 0}.field label{font-weight:750}.field input,.field select,.field textarea{min-height:46px;border:1px solid #b9c2d0;border-radius:12px;padding:10px 12px;font-size:1rem;background:#fff}.field textarea{min-height:88px}.hint{font-size:.88rem;color:var(--muted)}.error{color:var(--danger);font-weight:700;font-size:.9rem;min-height:1.2em}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.result{background:#0f172a;color:#fff;border-radius:18px;padding:18px;margin:16px 0}.result .muted{color:#cbd5e1}.row-table{width:100%;border-collapse:separate;border-spacing:0 10px}.row-table th{text-align:left;color:#334155;font-size:.9rem}.row-table td{vertical-align:top;padding:0 6px}.row-table input,.row-table select,.row-table textarea,.remove-row{min-height:46px;width:100%;border:1px solid #b9c2d0;border-radius:12px;padding:10px 12px;font-size:1rem;background:#fff}.remove-row{background:#fff1f2;color:#9f1239;font-weight:800;cursor:pointer}.status-ok{color:#0f766e;font-weight:800}.status-hold{color:#b45309;font-weight:800}.status-stop{color:#b91c1c;font-weight:800}.footer{color:#64748b;font-size:.9rem;padding:30px 0}
@media(max-width:760px){.wrap,.resource-shell{padding:22px 16px}.hero .wrap{display:block}.quick{grid-template-columns:1fr}.resource-banner{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr}.row-table,.row-table thead,.row-table tbody,.row-table tr,.row-table th,.row-table td{display:block;width:100%}.row-table thead{display:none}.row-table tr{border:1px solid var(--line);border-radius:16px;padding:10px;margin:12px 0;background:#fff}.row-table td{padding:6px 0}.row-table td::before{content:attr(data-label);display:block;font-weight:750;margin-bottom:4px;color:#334155}.row-table input,.row-table select,.row-table textarea,.remove-row{min-height:48px}.table-wrap table{min-width:640px}.hero h1{font-size:2rem}}
@media print{body{background:#fff}.site-header,.actions,.no-print{display:none!important}.section,.resource-shell,.wrap{box-shadow:none;border-color:#999}.row-table input,.row-table select,.row-table textarea{border:0;border-bottom:1px solid #333;border-radius:0}.remove-row{display:none}a{color:#000;text-decoration:none}.resource-banner{break-inside:avoid}.section{break-inside:avoid}.page-break{break-before:page}}