/* optimizer.css */
.optimizer-section { max-width:1200px; margin:0 auto; padding:0 24px 48px; }

.optimizer-grid { display:grid; grid-template-columns:420px 1fr; gap:20px; }
@media(max-width:900px){ .optimizer-grid{ grid-template-columns:1fr; } }

.opt-input-card,.opt-results-card {
  background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08);
  border-radius:20px; padding:24px;
}

.field-label { font-size:12.5px; color:rgba(255,255,255,0.45); display:block; margin-bottom:8px; font-weight:600; }
.field-group { margin-bottom:16px; }
.word-counter { font-size:12px; color:rgba(255,255,255,0.3); }

/* Score */
.score-row { display:flex; gap:20px; align-items:center; margin-bottom:20px; flex-wrap:wrap; }
.score-circle-wrap { position:relative; width:100px; height:100px; flex-shrink:0; }
.score-svg { width:100%; height:100%; }
.score-num-wrap {
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  text-align:center;
}
.score-num { font-size:24px; font-weight:900; display:block; }
.score-label { font-size:10px; color:rgba(255,255,255,0.35); display:block; }

.score-meta { display:grid; grid-template-columns:1fr 1fr; gap:10px; flex:1; }
.score-meta-item { background:rgba(255,255,255,0.04); border-radius:10px; padding:10px 14px; }
.score-meta-label { font-size:11px; color:rgba(255,255,255,0.35); display:block; margin-bottom:3px; }
.score-meta-val { font-size:15px; font-weight:700; }

/* Tabs */
.res-tabs { display:flex; background:rgba(255,255,255,0.05); border-radius:10px; padding:4px; margin-bottom:16px; }
.res-tab {
  flex:1; background:transparent; border:none; border-radius:8px;
  color:rgba(255,255,255,0.4); cursor:pointer; font-family:var(--font);
  font-size:13px; font-weight:600; padding:9px 0; transition:0.2s;
}
.res-tab.active { background:linear-gradient(135deg,#6366f1,#8b5cf6); color:#fff; }

.tab-content { animation:fadeIn 0.25s ease; }
@keyframes fadeIn { from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:translateY(0)} }

/* Suggestion items */
.suggestion-item {
  display:flex; align-items:flex-start; gap:10px;
  background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.06);
  border-radius:10px; padding:12px 14px; margin-bottom:8px;
  font-size:13.5px; color:rgba(255,255,255,0.7); line-height:1.6;
}
.sug-icon { flex-shrink:0; font-size:15px; margin-top:1px; }

/* Heading items */
.heading-item {
  display:flex; align-items:flex-start; gap:10px; margin-bottom:10px;
}
.h-tag {
  border-radius:5px; padding:2px 7px; font-size:11px; font-weight:800;
  flex-shrink:0; margin-top:2px;
}
.h-text { font-size:13.5px; color:rgba(255,255,255,0.75); line-height:1.5; }

/* Strength items */
.strength-item {
  display:flex; align-items:center; gap:10px;
  background:rgba(16,185,129,0.08); border:1px solid rgba(16,185,129,0.15);
  border-radius:10px; padding:11px 14px; margin-bottom:8px;
  font-size:13.5px; color:rgba(255,255,255,0.7);
}
.str-check { color:#10b981; font-weight:800; flex-shrink:0; }