.smart-finder {
  --smart-violet:#4b23d9;
  --smart-line:#e1d8f4;
  color:#080e38;
  background:radial-gradient(ellipse at 96% 0,#fff3e9 0,transparent 52%),#f7f3ff;
  padding:clamp(16px,3vw,30px);
  border:1px solid var(--smart-line);
  border-radius:22px;
  box-shadow:0 9px 24px #37217b10;
  scroll-margin-top:80px;
}
.smart-finder h2 {font-weight:820;font-size:clamp(24px,3vw,36px);margin:0 0 5px}
.smart-finder p,.smart-profile p {line-height:1.5}
.smart-presets,.smart-modes,.smart-actions {display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.smart-presets {margin:14px 0}
.smart-modes {margin-bottom:12px}
.smart-presets button,.smart-modes button,.smart-priorities label {
  display:inline-flex;min-height:44px;align-items:center;max-width:100%;padding:8px 12px;
  background:#fff;color:#211451;border:1px solid #e1d8f4;border-radius:13px;font-weight:700;line-height:1.3;text-align:left
}
.smart-modes button {border-radius:999px;font-size:.88rem}
.smart-finder button[aria-pressed=true] {background:#4b23d9;color:#fff;border-color:#4b23d9}
.smart-presets button:hover,.smart-modes button:hover,.smart-priorities label:hover {box-shadow:0 3px 12px #5426e82b;border-color:#7757da}
.smart-finder form {padding:clamp(12px,2vw,20px);border:1px solid #e8e0f7;background:#fff;border-radius:16px}
.smart-finder fieldset {border:0;margin:0 0 10px;padding:0;min-width:0}
.smart-finder legend {padding:0;font-size:1.15rem;font-weight:800;margin-bottom:8px}
.smart-progress {color:#6c310d!important;font-weight:750;font-size:.86rem;margin-bottom:7px}
.smart-finder fieldset>label,.smart-profile form label {
  display:grid;gap:4px;font-weight:700;max-width:33rem;margin-bottom:8px
}
.smart-finder :is(select,input[type=search]),.smart-profile select {
  width:100%;min-height:44px;padding:7px 10px;background:#fff;color:#080e38;border:1px solid #d8cce9;border-radius:10px
}
.smart-finder .smart-check {display:flex;align-items:center;min-height:44px}
.smart-priorities {display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}
.smart-priorities input,.smart-check input {accent-color:#5426e8;margin-right:5px}
.smart-finder .smart-actions {margin-top:6px}
.smart-message:empty,.smart-profile [data-fit-result]:empty {display:none}
.smart-message,.smart-profile [data-fit-result] {margin:8px 0;color:#321780;font-weight:700}
.smart-method {margin-top:10px}
.smart-method summary,.smart-score summary {cursor:pointer;color:#4421b4;font-weight:720;padding:9px 0;min-height:44px}
.smart-results {display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0}
.smart-result {border:1px solid #e3d9f5;border-radius:14px;padding:12px;background:#fdfbff;overflow-wrap:anywhere}
.smart-result-head {display:flex;gap:9px;align-items:center;margin-bottom:6px}
.smart-mark {width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#eee8ff;color:#4626b1;font-weight:800;flex:none}
.smart-mark img {object-fit:contain;max-width:100%}
.smart-result h4 {margin:0;font-size:1.05rem}
.smart-result h4 a {min-height:auto}
.smart-result p,.smart-result li {font-size:.91rem}
.smart-reason {font-weight:720}
.smart-result ul {padding-left:20px;margin:5px 0}
.smart-result .portal-inline {font-size:.83rem}
.smart-empty {grid-column:1/-1;padding:12px;background:#fff6ed;color:#542300;border-radius:10px}
.smart-clusters {display:flex;flex-wrap:wrap;gap:8px;margin:9px 0 18px}
.smart-clusters a {padding:6px 12px;border-radius:13px;background:#f4efff;border:1px solid #e1d8f4}
.smart-guide .portal-intro p {font-size:clamp(1rem,1.6vw,1.18rem)}
.smart-guide .portal-block {max-width:1000px}
.smart-tutorial,.smart-profile-list,.smart-sources {padding-left:22px;margin-top:8px}
.smart-tutorial li,.smart-profile-list li {padding:3px 0}
.smart-profile-list a,.smart-profile a,.smart-answer a,.smart-table-wrap a {color:#4b23d9;text-decoration:underline;text-underline-offset:3px}
.smart-answers {display:grid;gap:9px}
.smart-answer {padding:13px 15px;background:#faf7ff;border:1px solid #e7dcfa;border-radius:13px;scroll-margin-top:90px}
.smart-answer h3 {font-size:1.12rem;margin-bottom:5px}
.smart-follow {margin-top:5px}
.smart-follow a {display:inline-flex;align-items:center;min-height:44px}
.smart-table-wrap {overflow:auto}
.smart-table-wrap table {width:100%;min-width:490px;border-collapse:collapse;background:#fff}
.smart-table-wrap th,.smart-table-wrap td {padding:9px 11px;text-align:left;border:1px solid #e3d9f4}
.smart-table-wrap thead th {background:#f1eaff}
.smart-profile {margin:18px clamp(16px,4vw,58px);padding:clamp(14px,2.6vw,24px);background:#f9f6ff;border:1px solid #e3daf2;border-radius:18px;color:#080e38}
.smart-profile h3 {margin:13px 0 8px}
.smart-profile ul {padding-left:22px}
.smart-profile .smart-fit-facts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.smart-fit-facts div {padding:9px;background:#fff;border:1px solid #e7dff5;border-radius:10px}
.smart-fit-facts dt {font-weight:800}
.smart-fit-facts dd {margin:3px 0 0}
@media(max-width:680px) {
  .smart-presets,.smart-results,.smart-profile .smart-fit-facts {display:grid;grid-template-columns:1fr}
  .smart-presets {gap:6px}
  .smart-presets button {width:100%}
}