:root{
--nth-font-size:14px;
--nth-line:40px;
--nth-radius:12px;
--nth-gap:12px;
--nth-color-primary:#720101;
--nth-text:#111;
--nth-muted:#666;
--nth-border:#e5e7eb;
--nth-bg:#fff;
--nth-good:#128a09;
--nth-mid:#b36500;
--nth-bad:#b00020;
}
.nth-wrap{font-size:var(--nth-font-size);color:var(--nth-text)}
.nth-title{color:var(--nth-color-primary);font-weight:700;font-size:20px;margin:0 0 8px}
.nth-sub{color:var(--nth-muted);margin:0 0 16px}
.nth-form{background:var(--nth-bg);border:1px solid var(--nth-border);padding:16px;border-radius:16px;box-shadow:0 2px 8px rgb(0 0 0 / 4%)}
.nth-field-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--nth-gap)}
@media (max-width:900px){.nth-field-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.nth-field-grid{grid-template-columns:1fr}}
.nth-field label{display:block;margin-bottom:6px;font-weight:600;color:var(--nth-color-primary)}
.nth-field input,.nth-field select{width:100%;height:var(--nth-line);line-height:var(--nth-line);padding:0 12px;border:1px solid var(--nth-border);border-radius:10px;outline:none}
.nth-field input:focus,.nth-field select:focus{border-color:var(--nth-color-primary);box-shadow:0 0 0 3px rgba(114,1,1,.08)} .nth-groups.nth-masonry{
column-count: 2;
column-gap: var(--nth-gap);
}
@media (max-width:900px){.nth-groups.nth-masonry{column-count: 1;}}
.nth-group{
border:1px dashed var(--nth-border);
padding:12px;
border-radius:12px;
background:#fff;
display:inline-block; width:100%;
margin:0 0 var(--nth-gap);
break-inside: avoid;
}
.nth-group legend{padding:0 6px;font-weight:700;color:var(--nth-color-primary)} .nth-check-grid.nth-columns{
column-count: 2;
column-gap: 8px;
}
@media (max-width:600px){.nth-check-grid.nth-columns{column-count:1}}
.nth-check{
display:flex;align-items:center;gap:10px;
padding:4px 8px;border:1px solid var(--nth-border);border-radius:10px;
cursor:pointer;user-select:none;transition:box-shadow .2s,border-color .2s,background .2s;
margin-bottom:6px;
break-inside: avoid;
}
.nth-check input{flex:0 0 18px;width:18px;height:18px;display:inline-block;vertical-align:middle;margin:0}
.nth-check span{display:inline-block;line-height:1.2;vertical-align:middle}
.nth-check:hover{border-color:#d4d4d8;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.nth-check input:checked + span{font-weight:600}
.nth-check input:checked + span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:999px;background:var(--nth-color-primary);margin-right:6px;vertical-align:middle}
.nth-actions{margin-top:16px;display:flex;gap:12px}
.nth-btn{height:var(--nth-line);line-height:var(--nth-line);padding:0 16px;border-radius:12px;border:1px solid transparent;cursor:pointer;font-weight:600}
.nth-btn-primary{background:var(--nth-color-primary);color:#fff}
.nth-btn-primary:hover{filter:brightness(.95)}
.nth-btn-ghost{background:#fff;border-color:var(--nth-border)} .nth-result{margin-top:16px}
.nth-result-title{font-size:18px;color:var(--nth-color-primary);margin:0 0 8px}
.nth-card{background:#fff;border:1px solid var(--nth-border);border-radius:16px;padding:16px}
.nth-muted{color:var(--nth-muted);font-style:italic} .nth-kpis{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:12px 0 8px}
@media (max-width:900px){.nth-kpis{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.nth-kpis{grid-template-columns:1fr}}
.nth-kpi{border:1px solid var(--nth-border);border-radius:12px;padding:12px;background:#fff}
.nth-kpi-label{font-weight:600;margin-bottom:6px;color:#222}
.nth-kpi-note{color:var(--nth-muted);margin-top:6px} .nth-badge{display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:28px;padding:0 10px;border-radius:999px;color:#fff;font-weight:700}
.nth-badge.good{background:var(--nth-good)}
.nth-badge.mid{background:var(--nth-mid)}
.nth-badge.bad{background:var(--nth-bad)}
.nth-badge.slim{min-width:auto;height:28px;padding:0 12px;background:#0f172a;color:#fff}
.nth-badge.slim.alt{background:#6b7280} .nth-meter{height:10px;border-radius:999px;background:#f1f5f9;margin-top:8px;overflow:hidden}
.nth-meter.small{height:8px;margin-top:6px}
.nth-meter-fill{height:100%;background:linear-gradient(90deg,var(--nth-good),#facc15,var(--nth-bad))} .nth-sections{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
@media (max-width:900px){.nth-sections{grid-template-columns:1fr}}
.nth-section{border:1px solid var(--nth-border);border-radius:12px;padding:12px;background:linear-gradient(180deg,#fff, #fff7f7)}
.nth-section-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.nth-section h5{margin:0;color:var(--nth-color-primary);font-size:15px}
.nth-advice{margin:8px 0 0;padding-left:18px}
.nth-sec{margin:12px 0 6px;color:var(--nth-color-primary)}
.nth-meanings{margin:0;padding-left:18px}
.nth-card strong{color:#222}