/* РеДизайн 6.1 — спокойная типографика, постраничное чтение и защита от наложений */
:root{
  --reader-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --reader-heading:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
html{overflow-x:hidden;scroll-behavior:smooth}
body{min-width:0;overflow-x:hidden}
*,*::before,*::after{min-width:0}
img,svg,video,canvas{max-width:100%;height:auto}

/* Тесты: меньше декоративности, больше воздуха и читабельности */
.tests-hub-page,.tests-hub-page button,.tests-hub-page input,.tests-hub-page select,.tests-hub-page textarea{font-family:var(--reader-font)}
.tests-hub-page h1,.tests-hub-page h2,.tests-hub-page h3,.tests-hub-page b,.tests-hub-page legend{font-family:var(--reader-heading);font-weight:700;letter-spacing:-.018em}
.tests-hub-head{padding:clamp(24px,4vw,42px)!important;border-radius:28px!important}
.tests-hub-head h1{font-size:clamp(2rem,4.2vw,3.45rem)!important;line-height:1.04!important;letter-spacing:-.032em!important}
.tests-hub-head p{font-size:clamp(.98rem,1.5vw,1.08rem)!important;line-height:1.7!important;max-width:720px}
.tests-workspace{align-items:start!important}
.tests-sidebar,.test-experience-card,.psych-wizard{border-radius:24px!important}
.psych-test-tab{font-size:.94rem!important;line-height:1.35!important}
.psych-test-tab b{font-size:1rem!important;line-height:1.25!important}
.psych-test-tab small{font-size:.78rem!important;line-height:1.45!important}
.test-experience-title h2,.psych-selected-head h2{font-size:clamp(1.45rem,3vw,2.15rem)!important;line-height:1.18!important}
.color-tile{font-family:var(--reader-font)!important;font-weight:650!important;letter-spacing:0!important}
.wizard-question legend{font-size:clamp(1.18rem,2.6vw,1.65rem)!important;line-height:1.38!important;letter-spacing:-.02em!important}
.wizard-answer-scale label small{font-size:.9rem!important;line-height:1.35!important}

/* Постраничная расшифровка */
.reading-paged-mode{font-family:var(--reader-font);padding-bottom:0}
.reading-paged-mode h1,.reading-paged-mode h2,.reading-paged-mode h3,.reading-paged-mode h4{font-family:var(--reader-heading);letter-spacing:-.035em}
.reading-paged-mode [data-reading-chapter][hidden]{display:none!important}
.reading-paged-mode [data-reading-chapter].reading-page-active{display:block;animation:readerPageIn .22s ease both}
@keyframes readerPageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.reading-paged-mode .result-section-hub{display:none!important}
.reading-paged-mode .reading-navigator{
  position:sticky!important;top:72px!important;z-index:80!important;
  margin:0 0 22px!important;padding:10px!important;border:1px solid #e5e1ee!important;
  border-radius:20px!important;background:rgba(255,255,255,.96)!important;
  box-shadow:0 16px 44px rgba(39,31,74,.11)!important;backdrop-filter:blur(18px)
}
.reading-paged-mode .reading-navigator-main{display:grid!important;grid-template-columns:auto minmax(170px,1fr) auto!important;gap:12px!important;align-items:center!important}
.reading-paged-mode .reading-nav-toggle{height:48px!important;border-radius:14px!important;padding:0 15px!important;white-space:nowrap}
.reading-paged-mode .reading-current{padding:0 8px!important;overflow:hidden}
.reading-paged-mode .reading-current small{font-size:.68rem!important;text-transform:uppercase;letter-spacing:.08em;color:#8a8496}
.reading-paged-mode .reading-current b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.98rem!important}
.reading-paged-mode .reading-current span{font-size:.76rem!important;color:#7d7689}
.reading-paged-mode .reading-overall{display:none!important}
.reading-page-controls{display:grid;grid-template-columns:auto auto auto;gap:7px;align-items:center}
.reading-page-controls>button{height:48px;border:0;border-radius:14px;padding:0 14px;background:#f3f1f7;color:#332d42;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font:inherit;font-weight:750;transition:.16s ease}
.reading-page-controls>button:hover{background:#ebe7f5;transform:translateY(-1px)}
.reading-page-controls>button:disabled{opacity:.35;cursor:default;transform:none}
.reading-page-controls .reading-page-next{background:#5e49d8;color:#fff;min-width:105px}
.reading-page-controls .reading-page-next:hover{background:#513fc4}
.reading-page-index{flex-direction:column!important;gap:0!important;min-width:88px}
.reading-page-index b{font-size:.83rem}.reading-page-index small{font-size:.62rem;color:#7b7487}
.reading-page-controls-mobile{display:none}
.reading-paged-mode .reading-chapter-list{
  position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:0!important;
  display:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;
  max-height:min(62vh,520px)!important;overflow:auto!important;padding:10px!important;
  border:1px solid #e4dfed!important;border-radius:20px!important;background:#fff!important;
  box-shadow:0 22px 60px rgba(31,24,60,.18)!important
}
.reading-paged-mode .reading-navigator.is-open .reading-chapter-list{display:grid!important}
.reading-chapter-link{display:grid!important;grid-template-columns:34px 1fr 18px!important;align-items:center!important;gap:10px!important;text-align:left!important;padding:12px!important;border:1px solid transparent!important;border-radius:14px!important;background:#f8f7fb!important;color:#393246!important;cursor:pointer!important}
.reading-chapter-link span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#eeeaf7;color:#6653bf;font-size:.72rem;font-weight:800}
.reading-chapter-link b{font-size:.86rem;line-height:1.25}.reading-chapter-link i{font-style:normal;color:#9a93a5}
.reading-chapter-link:hover,.reading-chapter-link.active{border-color:#cfc5f5!important;background:#f3efff!important}
.reading-chapter-link.completed span{background:#e8f6ee;color:#287851}
.reading-paged-mode .result-shell>[data-reading-chapter]{width:100%;margin-top:0!important;margin-bottom:0!important;scroll-margin-top:150px}
.reading-inline-pager{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-top:28px;padding-top:20px;border-top:1px solid #e9e5ef}
.reading-inline-pager button{min-height:48px;border:1px solid #ddd7e8;border-radius:14px;background:#fff;padding:10px 15px;font:inherit;font-weight:700;color:#433b50;cursor:pointer}
.reading-inline-pager button:last-child{justify-self:end;background:#5e49d8;color:#fff;border-color:#5e49d8}
.reading-inline-pager button:disabled{visibility:hidden}
.reading-inline-pager [data-inline-menu]{display:flex;flex-direction:column;align-items:center;gap:1px;background:#f7f5fa;border-color:transparent}
.reading-inline-pager [data-inline-menu] span{font-size:.72rem;color:#756e80}.reading-inline-pager [data-inline-menu] b{font-size:.82rem}
.reading-paged-mode .personal-reading-state{margin-top:0!important}

@media(max-width:900px){
  .reading-paged-mode .reading-navigator-main{grid-template-columns:auto minmax(0,1fr)!important}
  .reading-paged-mode .reading-navigator-main>.reading-page-controls{display:none}
  .reading-paged-mode .reading-current b{font-size:.9rem!important}
  .reading-paged-mode .reading-chapter-list{grid-template-columns:1fr!important}
  .reading-page-controls-mobile{position:fixed;z-index:120;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto 1fr;gap:7px;padding:7px;border:1px solid rgba(220,214,232,.95);border-radius:19px;background:rgba(255,255,255,.96);box-shadow:0 16px 50px rgba(31,24,60,.22);backdrop-filter:blur(18px)}
  .reading-page-controls-mobile>button{min-width:0;padding:0 10px}
  .reading-page-controls-mobile .reading-page-prev{justify-self:stretch}
  .reading-page-controls-mobile .reading-page-next{justify-self:stretch;min-width:0}
  .reading-page-controls-mobile .reading-page-index{min-width:70px}
  .reading-paged-mode{padding-bottom:88px}
  .reading-inline-pager{display:none}
}
@media(max-width:600px){
  .tests-hub-shell{width:min(100% - 20px,1280px)!important;padding-top:18px!important}
  .tests-hub-head{padding:24px!important;border-radius:22px!important}
  .tests-head-badge{display:none!important}
  .tests-sidebar,.test-experience-card,.psych-wizard{border-radius:20px!important}
  .test-experience-card,.psych-wizard{padding:18px!important}
  .reading-paged-mode .reading-navigator{top:62px!important;border-radius:16px!important;padding:7px!important}
  .reading-paged-mode .reading-nav-toggle{width:46px!important;padding:0!important}
  .reading-paged-mode .reading-nav-toggle b{display:none}
  .reading-paged-mode .reading-current{padding-left:2px!important}
  .reading-page-controls-mobile>button{height:48px;font-size:.84rem}
  .reading-page-controls-mobile>button span{font-size:1rem}
  .reading-paged-mode .result-section-hub{grid-template-columns:1fr!important}
}

/* Цветовой тест: спокойные подписи без тяжёлой декоративной типографики */
.color-experience,.color-experience button{font-family:var(--reader-font)!important}
.color-experience .test-experience-title h2{font-family:var(--reader-heading)!important;font-weight:750!important;letter-spacing:-.025em!important}
.color-experience .test-experience-title p,.color-experience .test-progress-copy span,.color-experience .test-inline-hint{font-size:.96rem!important;line-height:1.6!important}
.color-experience .color-tile span{font-size:.9rem!important;font-weight:680!important;letter-spacing:0!important}
.color-experience .luscher-result h2{font-family:var(--reader-heading)!important;font-weight:750!important;letter-spacing:-.025em!important}