.np360-wrap { max-width: 980px; margin: 18px auto; padding: 0 14px; }
.np360-card { background: #ffffff; border: 1px solid #e7edf6; border-radius: 16px; padding: 18px 18px; box-shadow: 0 1px 0 rgba(15,23,42,0.03); }
.np360-card-lite { background:#f8fafc; }
.np360-h2 { margin: 0 0 8px 0; font-size: 22px; line-height: 1.2; }
.np360-h3 { margin: 0 0 10px 0; font-size: 16px; }
.np360-sub { margin: 0 0 14px 0; color: #475569; }
.np360-hint { margin: 0 0 10px 0; color:#64748b; font-size: 13px; }
.np360-success { border: 1px solid #bbf7d0; background: #f0fdf4; color: #14532d; padding: 12px 12px; border-radius: 12px; margin: 12px 0; }
.np360-error { border: 1px solid #fecaca; background: #fff1f2; color: #7f1d1d; padding: 12px 12px; border-radius: 12px; margin: 12px 0; }
.np360-error ul { margin: 8px 0 0 18px; }
.np360-form label { display:block; font-weight: 700; font-size: 13px; margin-bottom: 6px; color:#0f172a; }
.np360-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.np360-field input, .np360-field textarea, .np360-q-control select, .np360-field select {
  width: 100%; padding: 10px 12px; border: 1px solid #dbe5f0; border-radius: 12px; background: #ffffff;
}
.np360-field textarea { resize: vertical; }
.np360-field-full { grid-column: 1 / -1; }
.np360-actions { margin-top: 14px; display:flex; gap:10px; align-items:center; }
.np360-btn {
  background: #e5670d; color: #ffffff; border: none; padding: 10px 16px; border-radius: 999px; font-weight: 800; cursor: pointer;
}
.np360-btn:hover { filter: brightness(0.95); }
.np360-section-title { margin-top: 14px; margin-bottom: 10px; font-weight: 900; color:#0f172a; }
.np360-domain { border:1px solid #e7edf6; border-radius: 14px; padding: 12px; margin: 12px 0; background:#ffffff; }
.np360-domain-title { font-weight: 900; color:#0f172a; margin-bottom: 10px; }
.np360-q { display:grid; grid-template-columns: 1fr 320px; gap: 12px; padding: 10px 0; border-top: 1px solid #eef2f7; }
.np360-q:first-of-type { border-top: none; }
.np360-q-label { color:#334155; font-size: 14px; }
.np360-breakdown { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.np360-break-item { border:1px solid #e7edf6; background:#ffffff; border-radius: 12px; padding: 10px; display:flex; justify-content:space-between; gap:10px; }
.np360-break-domain { font-weight: 800; color:#0f172a; }
.np360-break-score { color:#475569; font-weight: 800; }
.np360-footnote { margin-top: 12px; color:#64748b; font-size: 12px; }

@media (max-width: 860px) {
  .np360-grid { grid-template-columns: 1fr; }
  .np360-q { grid-template-columns: 1fr; }
  .np360-breakdown { grid-template-columns: 1fr; }
}