.metris-ws-wrap{max-width:1200px;margin:18px auto;padding:0 12px}
.metris-ws-hero{border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:18px 18px;margin-bottom:14px}
.metris-ws-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#111827;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px}
.metris-ws-title{font-size:28px;line-height:1.2;margin:10px 0 6px;color:#111827}
.metris-ws-sub{margin:0;color:#4b5563;max-width:900px}

.metris-ws-grid{display:grid;grid-template-columns:340px 1fr;gap:14px;align-items:start}
@media (max-width: 980px){.metris-ws-grid{grid-template-columns:1fr}.metris-ws-panel{order:2}}

.metris-ws-panel{border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:14px;position:sticky;top:12px}
@media (max-width: 980px){.metris-ws-panel{position:static}}

.metris-ws-section{margin-bottom:14px}
.metris-ws-label{font-size:12px;font-weight:900;color:#374151;margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em}
.metris-ws-muted{font-size:13px;color:#6b7280;line-height:1.4}

.metris-ws-chips{display:flex;flex-wrap:wrap;gap:8px}
.metris-ws-chip{display:inline-flex;align-items:center;font-size:13px;font-weight:700;color:#111827;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;padding:7px 10px}

.metris-ws-list{display:flex;flex-direction:column;gap:8px}
.metris-ws-li{padding:10px 10px;border:1px solid #e5e7eb;border-radius:12px;background:#fafafa}
.metris-ws-li strong{display:block;color:#111827;font-weight:900;font-size:13px;margin-bottom:2px}
.metris-ws-li span{display:block;color:#6b7280;font-size:12px}

.metris-ws-main{min-width:0}
.metris-ws-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.metris-ws-tab{border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:8px 12px;font-weight:800;color:#111827;cursor:pointer}
.metris-ws-tab.is-active{border-color:#111827}

.metris-ws-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;padding:10px 12px;margin-bottom:10px}
.metris-ws-status{font-size:13px;color:#6b7280}
.metris-ws-toolbar-right{display:flex;gap:8px;align-items:center}

.metris-ws-btn{border:1px solid #e5e7eb;background:#fff;border-radius:12px;padding:9px 12px;font-weight:900;cursor:pointer}
.metris-ws-btn:hover{background:#fafafa}
.metris-ws-btn-primary{border-color:#111827;background:#111827;color:#fff}
.metris-ws-btn-primary:hover{background:#0b0b0b}

.metris-ws-card{border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:16px}
.metris-ws-card h3{margin:0 0 6px;font-size:18px;color:#111827}
.metris-ws-hint{margin:0 0 14px;color:#6b7280;font-size:13px;line-height:1.4}

.metris-ws-field{display:block;margin-bottom:12px}
.metris-ws-field span{display:block;font-size:12px;font-weight:900;color:#374151;margin-bottom:6px}
.metris-ws-field textarea{width:100%;border:1px solid #e5e7eb;border-radius:12px;padding:10px 10px;font-size:14px;line-height:1.4;resize:vertical;min-height:76px}
.metris-ws-field textarea:focus{outline:2px solid rgba(17,24,39,.15)}

.metris-ws-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width: 720px){.metris-ws-two{grid-template-columns:1fr}}


/* --- Writing Studio v2 --- */
.metris-ws-cardtop{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin-bottom:10px}
@media (max-width: 900px){.metris-ws-cardtop{flex-direction:column}}
.metris-ws-meter{border:1px solid #e5e7eb;background:#fafafa;border-radius:14px;padding:10px 12px;min-width:250px}
.metris-ws-meterlabel{font-size:12px;font-weight:900;color:#374151;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.metris-ws-meterrow{display:flex;align-items:center;justify-content:space-between;gap:10px}
.metris-ws-count{font-size:11px;font-weight:800;color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:5px 9px;display:inline-flex;align-items:center;gap:6px}
/* Neutral counters by default. When over limit / below minimum, use a slightly darker neutral (no red/green). */
.metris-ws-count.is-over{border-color:#cbd5e1;color:#0f172a;background:#f1f5f9}
.metris-ws-small{font-size:12px;line-height:1.35}
.metris-ws-bad{color:#b91c1c}
.metris-ws-mt8{margin-top:8px}
.metris-ws-mb8{margin-bottom:8px}

.metris-ws-qblock{border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:12px 12px;margin-bottom:10px}
.metris-ws-qhead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}
.metris-ws-qhead-tight{margin:4px 0 6px}
.metris-ws-qtitle{font-weight:700;color:#111827}
.metris-ws-qmeta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

/* Common row layout for select + counter */
.metris-ws-row{display:flex;gap:12px;align-items:flex-end;justify-content:space-between;margin-top:6px}
.metris-ws-row .metris-ws-field{flex:1;margin:0}
.metris-ws-row .metris-ws-field select{min-height:40px}

.metris-ws-qblock textarea{width:100%;border:1px solid #e5e7eb;border-radius:12px;padding:10px 10px;font-size:14px;line-height:1.4;resize:vertical;min-height:90px}
.metris-ws-qblock textarea:focus{outline:2px solid rgba(17,24,39,.15)}
.metris-ws-qblock textarea.is-disabled{background:#f3f4f6}

.metris-ws-field select,
.metris-ws-qblock input[type="text"],
.metris-ws-qblock input[type="email"]{
  width:100%;
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:10px 10px;
  font-size:14px;
  background:#fff;
}
.metris-ws-field select:focus,
.metris-ws-qblock input:focus{outline:2px solid rgba(17,24,39,.15)}

.metris-ws-inline{display:flex;gap:8px;flex-wrap:wrap}
.metris-ws-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:7px 10px;font-weight:900;color:#111827;cursor:pointer}
.metris-ws-pill input{margin:0}

.metris-ws-split{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width: 900px){.metris-ws-split{grid-template-columns:1fr}}

.metris-ws-subtabs{display:flex;gap:8px;flex-wrap:wrap}
.metris-ws-subtab{border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:8px 12px;font-weight:900;color:#111827;cursor:pointer}
.metris-ws-subtab.is-active{border-color:#111827}

.metris-ws-ach{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.metris-ws-achrow{display:grid;grid-template-columns:1.4fr 1fr .6fr 1.2fr;gap:8px}
@media (max-width: 900px){.metris-ws-achrow{grid-template-columns:1fr}}

.metris-ws-app{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.metris-ws-approw{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
@media (max-width: 900px){.metris-ws-approw{grid-template-columns:1fr}}

.metris-ws-row>label{flex:1 1 auto;min-width:0}
.metris-ws-row select,.metris-ws-row input{width:100%}


/* Writing Studio banners */
.metris-ws-banner{
  margin: 12px 0 16px;
  padding: 12px 14px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #f8fafc;
  color: #0f172a;
  font-size: 14px;
  line-height: 1.35;
}
.metris-ws-banner--warn{
  background: #fff7ed;
  border-color: #fed7aa;
  color: #7c2d12;
}
.metris-ws-prompt-full{
  margin-top: 8px;
  font-size: 13px;
  color: #475569;
  white-space: normal;
}