.hs-wrap{display:flex;flex-direction:column;gap:14px;color:var(--ink)}
.hs-body{display:flex;flex-direction:column;gap:14px}
.hs-wrap h2{font-size:18px;margin:0}
.hs-sec{background:var(--muted-bg);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}
.hs-sec h3{font-size:16px;margin:0}
.hs-dim{color:var(--dim);font-size:14px;line-height:1.8;margin:0}
.hs-field{width:100%;box-sizing:border-box;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px;font:inherit;font-size:14px}
.hs-row{display:flex;flex-wrap:wrap;gap:8px}
.hs-btn{min-height:44px;padding:0 16px;border-radius:10px;border:1px solid var(--accent-line);background:var(--paper);color:var(--accent-ink);font:inherit;font-size:15px;cursor:pointer}
.hs-btn:disabled{opacity:.6}
.hs-primary{background:var(--accent);border-color:var(--accent);color:#fff}
[data-theme="dark"] .hs-primary{color:#101219}
.hs-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.hs-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--paper);border:1px solid var(--line);border-radius:10px;font-size:14px}
.hs-name{flex:1;font-weight:600}
.hs-tag{background:var(--accent-soft);color:var(--accent-ink);border-radius:8px;padding:2px 8px;font-size:12px}
.hs-when{color:var(--dim);font-size:12px}
.hs-sm{min-height:36px;padding:0 14px;font-size:14px}
.hs-radios{display:flex;flex-direction:column;gap:6px}
.hs-radio{display:flex;align-items:flex-start;gap:10px;padding:10px;background:var(--paper);border:1px solid var(--line);border-radius:10px;cursor:pointer;min-height:44px;box-sizing:border-box}
.hs-radio input{margin:4px 0 0;accent-color:var(--accent);width:18px;height:18px;flex:none}
.hs-rt{display:flex;flex-direction:column;gap:2px}
.hs-rt b{font-size:15px}
.hs-rt small{color:var(--dim);font-size:13px;line-height:1.7}
.hs-req{flex-wrap:wrap}
[data-theme="dark"] .hs-radio input,[data-theme="dark"] .hs-sec input{color-scheme:dark}
.hs-rm{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.hs-ask{font-size:13px;color:var(--ink)}
.hs-quiet{border-color:var(--line);color:var(--dim)}
.hs-danger{border-color:var(--exam-line,#c33);color:var(--exam-ink,#a22)}
.hs-list li{flex-wrap:wrap}

.hs-link{margin:8px 0 0;padding:8px 10px;border:1px solid var(--line,rgba(0,0,0,.09));border-radius:10px;font:12px/1.4 ui-monospace,Menlo,Consolas,monospace;color:inherit;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}

/* برگهٔ فشرده (۱۰-۱۲): انتخابگر دوتایی، چیپ‌های لینک و تیک‌های محتوا */
.hs-sec{gap:8px;padding:12px}
.hs-seg{display:flex;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:3px;gap:3px}
.hs-segb{flex:1;min-height:40px;border:0;border-radius:9px;background:transparent;color:var(--ink);font:inherit;font-size:15px;cursor:pointer}
.hs-segb.on{background:var(--accent);color:#fff;font-weight:700}
[data-theme="dark"] .hs-segb.on{color:#101219}
.hs-chips{display:flex;gap:6px}
.hs-chip{flex:1;min-width:0;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;border-radius:10px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;font-size:14px;cursor:pointer}
.hs-chip svg{width:18px;height:18px;flex:none}
.hs-chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink);font-weight:700}
.hs-link{margin:0}
.hs-checks{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.hs-check{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 10px;background:var(--paper);border:1px solid var(--line);border-radius:10px;font-size:14px;cursor:pointer;box-sizing:border-box}
.hs-check input{margin:0;width:18px;height:18px;flex:none;accent-color:var(--accent)}
[data-theme="dark"] .hs-check input{color-scheme:dark}

/* جا شدن در ۳۶۰ در ۷۴۰ بی اسکرول (بازبینی B، #۴) */
.hs-wrap,.hs-body{gap:10px}
.hs-sec{gap:6px;padding:10px 12px}
.hs-sec h3{font-size:15px}
.hs-h3b{margin-top:4px !important}
.hs-note{font-size:12.5px;line-height:1.6}
.hs-btn{min-height:40px}
.hs-segb,.hs-chip{min-height:38px}
.hs-check{min-height:40px;padding:4px 10px}
.hs-list li{padding:6px 10px}
.hs-linkrow{flex-wrap:nowrap;align-items:center}
.hs-linkrow .hs-btn{flex:none;padding:0 12px}
.hs-linkrow .hs-link{flex:1;min-width:0;padding:6px 8px}
