/* «Знания в кабинете»: помощник, справочник, калькуляторы — три карточки с живыми примерами.
   Вопрос печатается и приходит ответ с источниками; поиск по справочнику складывает результаты;
   калькулятор накручивает нетто. Числа настоящие: 26 умений, 5 групп, 7 расчётов, 12 000 → 9 694,29. */
.section-head p{font-size:17px}
.know-lead{font-size:17px;line-height:1.6;color:#62666d;max-width:760px;margin:-28px 0 40px}
.know-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.know-card{position:relative;border:1px solid var(--line);border-radius:22px;background:#fff;padding:26px 24px 24px;display:flex;flex-direction:column;gap:14px;min-width:0}
.know-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.know-card h4{margin:0;font-size:24px;letter-spacing:var(--hr-font-tracking-title,-.03em);font-weight:520}
.know-status{font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:5px 9px;border-radius:999px;border:1px solid #d8dadd;color:#6e7278;white-space:nowrap}
.know-status.live{background:#dff54a;border-color:transparent;color:#101214}
.know-card>p{margin:0;font-size:.9375rem;line-height:1.5;color:#62666d}
.know-demo{margin-top:auto;border:1px solid #e6e7e9;border-radius:16px;background:#f7f7f4;padding:16px;min-height:236px;display:flex;flex-direction:column;gap:10px;font-size:13px}
.know-foot{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8e9399}
/* Помощник: вопрос — ответ */
.chat-q{align-self:flex-end;max-width:92%;background:#101214;color:#fff;border-radius:14px 14px 4px 14px;padding:10px 12px;line-height:1.45;min-height:38px}
.chat-q .caret{display:inline-block;width:1px;height:1em;background:#fff;vertical-align:-2px;margin-left:1px;animation:storyCaret 1s steps(1) infinite}
@keyframes storyCaret{50%{opacity:0}}
.chat-dots{display:none;gap:4px;padding:6px 2px}
.chat-dots i{width:6px;height:6px;border-radius:50%;background:#9a9ea3;animation:storyDot 900ms ease-in-out infinite}
.chat-dots i:nth-child(2){animation-delay:150ms}.chat-dots i:nth-child(3){animation-delay:300ms}
@keyframes storyDot{0%,100%{opacity:.3;translate:0 0}50%{opacity:1;translate:0 -3px}}
.chat-dots.on{display:flex}
/* Пузырь ответа виден только когда ответ пошёл — пустой белый прямоугольник до этого ни к чему. */
.chat-a{background:#fff;border:1px solid #e6e7e9;border-radius:14px 14px 14px 4px;padding:10px 12px;line-height:1.5;display:flex;flex-direction:column;gap:6px;opacity:0;transition:opacity 250ms ease}
.chat-a.on{opacity:1}
.chat-a .row,.chat-src{opacity:0;translate:0 6px;transition:opacity 320ms ease,translate 320ms var(--story-ease-enter)}
.chat-a .row.in,.chat-src.in{opacity:1;translate:0 0}
.chat-a b{font-weight:600}
.chat-src{display:flex;flex-wrap:wrap;gap:6px;padding-top:4px}
.chat-src span{font-size:11px;padding:4px 8px;border-radius:999px;background:#edf2ff;color:var(--blue)}
/* Справочник: поиск → результаты */
.ref-search{display:flex;align-items:center;gap:8px;border:1px solid #d8dadd;border-radius:10px;background:#fff;padding:9px 11px;color:#101214;min-height:38px}
.ref-search .caret{display:inline-block;width:1px;height:1em;background:#101214;animation:storyCaret 1s steps(1) infinite}
.ref-search svg{flex:none;color:#8e9399}
.ref-results{display:flex;flex-direction:column;gap:6px}
.ref-hit{display:flex;justify-content:space-between;gap:10px;background:#fff;border:1px solid #e6e7e9;border-radius:10px;padding:9px 11px;opacity:0;translate:0 8px;transition:opacity 320ms ease,translate 360ms var(--story-ease-enter)}
.ref-hit.in{opacity:1;translate:0 0}
.ref-hit small{color:#8e9399;white-space:nowrap}
.ref-groups{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;margin-top:4px;font-size:12px;color:#62666d}
.ref-groups span b{color:#101214;font-weight:600;margin-left:4px}
/* Калькуляторы: нетто накручивается */
.calc-in{display:flex;justify-content:space-between;color:#62666d}
.calc-in b{color:#101214;font-weight:600}
.calc-net{font-size:44px;letter-spacing:-.05em;font-weight:450;line-height:1;font-variant-numeric:tabular-nums;margin:6px 0 2px}
.calc-net small{font-size:14px;letter-spacing:0;color:#62666d;margin-left:8px;font-weight:400}
.calc-rows{display:flex;flex-direction:column;gap:5px;color:#62666d}
.calc-rows div{display:flex;justify-content:space-between;opacity:0;transition:opacity 300ms ease}
.calc-rows div.in{opacity:1}
.calc-save{margin-top:auto;align-self:flex-start;border:1px solid #101214;border-radius:999px;padding:8px 14px;font-size:12px;color:#101214;opacity:0;translate:0 6px;transition:opacity 320ms ease,translate 320ms var(--story-ease-enter)}
.calc-save.in{opacity:1;translate:0 0}
[data-landing-theme="sapphire"] .know-lead,[data-landing-theme="sapphire"] .know-card>p{color:#586a83}
[data-landing-theme="sapphire"] .know-card{border-color:#dce5f0}
[data-landing-theme="sapphire"] .know-card h4{font-weight:500}
[data-landing-theme="sapphire"] .know-status{border-color:#dce5f0;color:#586a83}
[data-landing-theme="sapphire"] .know-status.live{background:#d2ff38;color:#122200}
[data-landing-theme="sapphire"] .know-demo{background:#f6f8fc;border-color:#dce5f0}
[data-landing-theme="sapphire"] .chat-q{background:var(--hr-background-hero)}
[data-landing-theme="sapphire"] .chat-src span{background:#e2efff;color:#006bff}
[data-landing-theme="sapphire"] .calc-save{border-color:#006bff;color:#006bff}
[data-landing-theme="sapphire"] .ref-groups span b{color:#0b1c37}
@media(max-width:1180px){.know-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.know-grid{grid-template-columns:1fr}.know-lead{margin:-8px 0 24px}}