: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;min-width:0;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.08rem;margin:0 0 12px;color:#eaf2ff}.hero-card{min-width:0;overflow-wrap:anywhere;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{min-width:0;overflow-wrap:anywhere;word-break:break-word;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);min-width:0}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:46px;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;min-width:0}.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;max-width:100%}.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;min-width:0}.resource-shell>h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.18}.doc-grid,.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;min-width: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;width:100%}.field textarea{min-height:88px}.checkline{display:flex;align-items:flex-start;gap:10px;padding:8px 0}.checkline input{width:22px;height:22px;flex:0 0 auto}.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 5px}.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:#5eead4;font-weight:800}.status-hold{color:#fdba74;font-weight:800}.status-stop{color:#fda4af;font-weight:800}.footer{color:#64748b;font-size:.9rem;padding:30px 0}.signature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.signature-box{min-height:90px;border:1px solid var(--line);border-radius:12px;padding:12px}.unit-note{font-size:.82rem;color:#64748b}.print-only{display:none}
@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,.doc-grid,.signature-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{@page{size:A4;margin:12mm 10mm 14mm}.site-header,.actions,.no-print{display:none!important}body{background:#fff;font-size:9.5pt}.section,.resource-shell,.wrap{box-shadow:none;border-color:#999;padding:7px;margin:7px 0}.doc-grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}.signature-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.table-wrap{overflow:visible!important;border:0}.row-table{display:table!important;width:100%!important;min-width:0!important;table-layout:fixed;border-collapse:collapse;border-spacing:0;font-size:7pt}.row-table thead{display:table-header-group!important}.row-table tbody{display:table-row-group!important}.row-table tr{display:table-row!important;break-inside:avoid}.row-table th,.row-table td{display:table-cell!important;width:auto!important;border:1px solid #777;padding:2px;word-break:break-word;overflow-wrap:anywhere}.row-table td::before{display:none!important}.row-table input,.row-table select,.row-table textarea{border:0;border-bottom:1px solid #333;border-radius:0;min-height:18px;padding:1px;font-size:7pt;line-height:1.15}.remove-row{display:none}.row-table th:last-child,.row-table td:last-child{display:none!important}a{color:#000;text-decoration:none}.resource-banner,.signature-grid,.signature-box{break-inside:avoid}.section{break-inside:auto}.print-only{display:block}.page-number:after{content:"페이지 " counter(page)}}
/* TOOL-001 power relation calculator */
.tool-meta{margin:0 0 8px;color:#475569;font-weight:800;letter-spacing:.02em}.calculator-panel{border-top:5px solid var(--brand)}.choice-group{border:0;padding:0;margin:18px 0}.choice-group legend{font-weight:800;margin-bottom:8px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.target-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.choice{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 12px;border:1px solid #b9c2d0;border-radius:12px;background:#fff;cursor:pointer;font-weight:750}.choice:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 2px rgba(29,78,216,.14);background:#eff6ff}.choice input{width:22px;height:22px;margin:0;flex:0 0 auto}.input-unit{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:8px}.power-input-grid .field[data-is-target="true"]{padding:12px;border:1px dashed #94a3b8;border-radius:14px;background:#f8fafc}.power-input-grid .field[data-is-target="true"] label::after{content:" · 계산 대상";color:var(--brand);font-size:.82rem}.power-input-grid input:disabled{background:#e2e8f0;color:#64748b;cursor:not-allowed}.record-panel{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.record-panel h3{margin-top:0}.power-result h2{color:#fff;margin-bottom:10px}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.result-item{padding:12px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.06);overflow-wrap:anywhere}.result-item strong{display:block;color:#bfdbfe;font-size:.86rem;margin-bottom:4px}.result-value{font-size:clamp(1.55rem,4vw,2.35rem);font-weight:900;color:#5eead4;margin:.25rem 0 1rem}.equation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.equation-grid article{border:1px solid var(--line);border-radius:14px;padding:16px;background:#f8fafc}.equation-grid h3{margin-top:0}.usage-seven strong{color:#0f3f91}
@media(max-width:760px){.choice-grid,.target-grid,.result-grid,.equation-grid{grid-template-columns:1fr}.input-unit{grid-template-columns:minmax(0,1fr) 82px}.choice{min-height:48px}.power-tool-shell .actions .btn{width:100%}}
@media print{.tool-meta,.notice,.choice-group,.power-input-grid,.record-panel,.power-result,.equation-grid{break-inside:avoid}.power-tool-shell .section{border:0}.power-result{background:#fff!important;color:#000!important;border:1px solid #777}.power-result .result-item{border:1px solid #999;background:#fff}.power-result .result-item strong,.power-result .result-value{color:#000}.choice input{display:inline-block}.site-header{display:none!important}}