/* Alma Distribution — Подбор станка (Industry). Loaded on /selector/. */

.alma-sel-hero { padding-block: calc(var(--space-8) * 1.5) var(--space-6); }
.alma-sel-hero h1 { font-size: 56px; line-height: 1; letter-spacing: -.02em; margin: var(--space-3) 0 var(--space-4); text-wrap: balance; }
.alma-sel-hero h1 span { color: var(--color-accent-700); }
.alma-sel-hero p { font-size: 17px; color: var(--color-neutral-800); max-width: 60ch; }

.alma-sel-sec { padding-bottom: calc(var(--space-8) * 1.6); }
.alma-sel-box { padding: calc(var(--space-8) * 1.1); background: transparent; }

.alma-sel-head { margin-bottom: var(--space-8); }
.alma-sel-step { font-family: var(--font-heading); font-size: 13px; text-transform: uppercase; letter-spacing: .1em; color: var(--color-neutral-700); }
.alma-sel-bar { height: 2px; background: var(--color-divider); margin-top: var(--space-3); }
.alma-sel-bar span { display: block; height: 100%; width: 22%; background: var(--color-accent); transition: width .25s ease; }

.alma-sel-q { font-size: 34px; margin: 0 0 var(--space-2); text-wrap: balance; }
.alma-sel-hint { font-size: 15px; color: var(--color-neutral-700); margin: 0 0 var(--space-6); max-width: 60ch; }

.alma-sel-opts { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-3); }
.alma-sel-opt {
  text-align: left; cursor: pointer; padding: var(--space-4) var(--space-6);
  background: transparent; border: 1px solid var(--color-divider); border-radius: 0;
  font-family: var(--font-heading); font-weight: 600; font-size: 18px; color: var(--color-text);
  transition: border-color .15s ease, background .15s ease;
}
.alma-sel-opt:hover { border-color: var(--color-accent); background: var(--color-accent-100); }
.alma-sel-opt:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }

/* result */
.alma-sel-res h2 { font-size: 38px; margin: var(--space-2) 0 var(--space-4); text-wrap: balance; }
.alma-sel-specs { list-style: none; margin: 0 0 var(--space-6); padding: 0; display: flex; flex-direction: column; }
.alma-sel-specs li { font-size: 15px; padding: var(--space-3) 0 var(--space-3) 18px; border-top: 1px solid var(--color-divider); position: relative; }
.alma-sel-specs li::before { content: ""; position: absolute; left: 0; top: 1.35em; width: 8px; height: 1px; background: var(--color-accent); }
.alma-sel-why { font-size: 16px; color: var(--color-neutral-800); max-width: 64ch; margin: 0 0 var(--space-6); }
.alma-sel-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.alma-sel-note { font-size: 13px; color: var(--color-neutral-700); margin: var(--space-6) 0 0; padding-top: var(--space-4); border-top: 1px solid var(--color-divider); max-width: 70ch; }

.alma-sel-foot { display: flex; align-items: center; gap: var(--space-3); margin-top: var(--space-8); padding-top: var(--space-4); border-top: 1px solid var(--color-divider); }
.alma-sel-foot [data-restart] { margin-left: auto; }

@media (max-width: 900px) {
  .alma-sel-hero h1 { font-size: 38px; }
  .alma-sel-q { font-size: 26px; }
  .alma-sel-opts { grid-template-columns: 1fr; }
  .alma-sel-box { padding: var(--space-6) var(--space-4); }
}