/* Движок слайдов НейроАгента: интерактивная HTML-презентация в стиле студии «Кеды профессора».
   Один и тот же код рисует живое превью при генерации, страницу по ссылке /d/<id> и карточки-примеры.
   Слайд — сцена 1280×720, масштаб целиком (.dk-frame → .dk-stage); узкий экран (< 560 px) — своя вёрстка колонкой (.narrow). */

@font-face { font-family: 'Unbounded'; src: url('/assets/unbounded-cyrillic.woff2') format('woff2'); font-weight: 200 900; font-display: swap; unicode-range: U+0400-04FF, U+2116; }
@font-face { font-family: 'Unbounded'; src: url('/assets/unbounded-latin.woff2') format('woff2'); font-weight: 200 900; font-display: swap; unicode-range: U+0000-03FF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF; }
@font-face { font-family: 'Montserrat'; src: url('/assets/montserrat-cyrillic.woff2') format('woff2'); font-weight: 100 900; font-display: swap; unicode-range: U+0400-04FF, U+2116; }
@font-face { font-family: 'Montserrat'; src: url('/assets/montserrat-latin.woff2') format('woff2'); font-weight: 100 900; font-display: swap; unicode-range: U+0000-03FF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF; }

.dk-frame {
  --page: #EEF2FA; --ink: #000439; --ink-2: #33376A; --mute: #6E7399; --faint: #AEB4CF; --hair: #D9E1F2;
  --soft: rgba(204, 216, 243, .34); --accent: #0054E8; --accent-2: #5B8EF0; --accent-soft: #E3ECFD;
  --night: #020722; --night-2: #071346; --glow: #8FB4FF;
  --fd: 'Unbounded', 'Montserrat', system-ui, sans-serif; --fs: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --ease: cubic-bezier(.22, .8, .2, 1);
  position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 18px;
  background: var(--page); font-family: var(--fs); color: var(--ink); -webkit-font-smoothing: antialiased;
}
.dk-frame[data-accent="teal"] { --accent: #0A8F8A; --accent-2: #3DB7B1; --accent-soft: #DDF3F1; --glow: #7EE0D9; }
.dk-frame[data-accent="green"] { --accent: #17884E; --accent-2: #46B47A; --accent-soft: #DFF2E7; --glow: #8BE0B0; }
.dk-frame[data-accent="orange"] { --accent: #E0650F; --accent-2: #F29A55; --accent-soft: #FDEBDC; --glow: #FFC08A; }
.dk-frame[data-accent="red"] { --accent: #D93A48; --accent-2: #EC7A84; --accent-soft: #FBE3E5; --glow: #FFA3AB; }
.dk-frame[data-accent="ink"] { --accent: #1F2A6B; --accent-2: #5560A6; --accent-soft: #E3E6F5; --glow: #A9B4FF; }
.dk-stage { position: absolute; left: 0; top: 0; width: 1280px; height: 720px; transform-origin: 0 0; }

.dk-slide {
  position: absolute; inset: 0; padding: 54px 72px 48px; display: flex; flex-direction: column;
  background: #fff url('/assets/bg.webp') center / cover no-repeat;
  opacity: 0; visibility: hidden; transition: opacity 500ms var(--ease), visibility 0s 500ms;
}
.dk-slide.cur { opacity: 1; visibility: visible; transition-delay: 0s; z-index: 2; }
.dk-slide.dark { background: var(--night); color: #fff; }
.dk-slide .dk-bg { position: absolute; inset: 0; overflow: hidden; z-index: 0; background: radial-gradient(120% 90% at 85% 10%, #0B2A8C 0%, var(--night-2) 38%, var(--night) 75%); }
.dk-slide .dk-bg img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.06); transition: opacity 1400ms var(--ease), transform 9s linear; }
.dk-slide .dk-bg img.ok { opacity: 1; transform: scale(1); }
.dk-slide .dk-bg::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(2, 7, 34, .92) 0%, rgba(2, 7, 34, .72) 42%, rgba(2, 7, 34, .18) 100%); }
.dk-slide.dark > :not(.dk-bg) { position: relative; z-index: 1; }
.dk-bg .dk-wait { position: absolute; right: 36px; bottom: 30px; z-index: 2; font-size: 13px; font-weight: 600; color: rgba(255, 255, 255, .7); display: flex; gap: 8px; align-items: center; }
.dk-bg .dk-wait i { width: 8px; height: 8px; border-radius: 50%; background: var(--glow); animation: dk-pulse 1.2s infinite; }
@keyframes dk-pulse { 50% { opacity: .25; } }

/* появление: элементы .a — по очереди, когда слайд стал текущим */
.dk-slide .a { opacity: 0; transform: translateY(18px); filter: blur(4px); transition: opacity 650ms var(--ease), transform 750ms var(--ease), filter 650ms var(--ease); }
.dk-slide.in .a { opacity: 1; transform: none; filter: none; transition-delay: calc(120ms + var(--i, 0) * 140ms); }
.dk-frame.still .dk-slide .a { transition: none; opacity: 1; transform: none; filter: none; }

/* типографика */
.dk-kicker { font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--mute); display: flex; gap: 10px; align-items: center; }
.dk-kicker::before { content: ''; width: 9px; height: 9px; border-radius: 50%; background: var(--accent); flex: none; }
.dark .dk-kicker { color: rgba(255, 255, 255, .72); }
.dark .dk-kicker::before { background: var(--glow); box-shadow: 0 0 0 4px rgba(143, 180, 255, .18); }
.dk-title { font-family: var(--fd); font-weight: 500; font-size: 38px; line-height: 1.14; letter-spacing: -.012em; margin: 14px 0 0; max-width: 1080px; text-wrap: balance; }
.dk-title em { font-style: normal; color: var(--accent); }
.dark .dk-title em { color: var(--glow); }
.dk-lead { font-size: 19px; line-height: 1.45; color: var(--ink-2); max-width: 900px; margin: 14px 0 0; font-weight: 500; text-wrap: pretty; }
.dark .dk-lead { color: rgba(255, 255, 255, .82); }
.dk-body { flex: 1; min-height: 0; display: flex; flex-direction: column; justify-content: center; margin-top: 26px; }
.dk-cond { position: absolute; right: 72px; bottom: 22px; font-size: 11.5px; font-weight: 600; color: var(--faint); letter-spacing: .02em; }
.dark .dk-cond { color: rgba(255, 255, 255, .45); }
.dk-num { position: absolute; left: 72px; bottom: 22px; font-size: 11.5px; font-weight: 700; color: var(--faint); letter-spacing: .06em; }
.dark .dk-num { color: rgba(255, 255, 255, .4); }
.ic { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.dk-icb { width: 52px; height: 52px; border-radius: 16px; background: #fff; color: var(--accent); display: grid; place-items: center; flex: none; box-shadow: 0 10px 22px -16px rgba(0, 4, 57, .55); }
.dk-icb .ic { width: 26px; height: 26px; }

/* cover */
.t-cover { justify-content: center; padding-right: 420px; }
.t-cover .dk-title { font-size: 54px; line-height: 1.08; margin-top: 22px; }
.t-cover .dk-lead { font-size: 21px; max-width: 700px; margin-top: 22px; }
.t-cover .dk-meta { margin-top: 40px; display: flex; gap: 12px; flex-wrap: wrap; }
.dk-chip { font-size: 14px; font-weight: 600; padding: 8px 16px; border-radius: 999px; background: rgba(255, 255, 255, .12); border: 1px solid rgba(143, 180, 255, .28); color: #fff; }

/* section */
.t-section { justify-content: center; }
.t-section .dk-big { font-family: var(--fd); font-weight: 300; font-size: 150px; line-height: 1; color: var(--glow); opacity: .9; }
.t-section .dk-title { font-size: 50px; margin-top: 18px; }

/* points */
.dk-cards { display: grid; gap: 18px; grid-template-columns: repeat(var(--n, 3), 1fr); }
.dk-card { background: rgba(255, 255, 255, .86); border-radius: 22px; padding: 28px 28px 30px; display: flex; flex-direction: column; gap: 14px; box-shadow: 0 18px 36px -30px rgba(0, 4, 57, .5); min-width: 0; }
.dk-card h3 { margin: 6px 0 0; font-size: 21px; line-height: 1.25; font-weight: 700; }
.dk-card p { margin: 0; font-size: 16px; line-height: 1.45; color: var(--ink-2); }
.dk-card.hl { background: var(--accent); color: #fff; }
.dk-card.hl p { color: rgba(255, 255, 255, .88); }
.dk-card.hl .dk-icb { background: rgba(255, 255, 255, .16); color: #fff; box-shadow: none; }
.t-points[data-n="4"] .dk-card { padding: 24px; } .t-points[data-n="4"] .dk-card h3 { font-size: 19px; } .t-points[data-n="4"] .dk-card p { font-size: 15px; }
.t-points[data-n="2"] .dk-card { padding: 34px 36px; } .t-points[data-n="2"] .dk-card h3 { font-size: 24px; } .t-points[data-n="2"] .dk-card p { font-size: 17.5px; }

/* stats */
.dk-stats { display: grid; gap: 18px; grid-template-columns: repeat(var(--n, 3), 1fr); }
.dk-stat { border-top: 2px solid var(--ink); padding-top: 22px; min-width: 0; }
.dk-stat:first-child { border-top-color: var(--accent); }
.dk-stat .v { font-family: var(--fd); font-weight: 400; font-size: 66px; line-height: 1; letter-spacing: -.02em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.dk-stat:first-child .v { color: var(--accent); }
.dk-stat .v small { font-size: .46em; font-weight: 500; margin-left: 6px; letter-spacing: 0; }
.dk-stat .l { font-size: 18px; font-weight: 700; margin-top: 18px; line-height: 1.3; }
.dk-stat .n { font-size: 15px; color: var(--ink-2); margin-top: 8px; line-height: 1.45; }
.t-stats[data-n="4"] .dk-stat .v { font-size: 54px; }
.t-stats[data-n="2"] .dk-stat .v { font-size: 84px; }

/* chart */
.t-chart .dk-cw { display: grid; grid-template-columns: 1fr 330px; gap: 34px; align-items: stretch; flex: 1; min-height: 0; }
.dk-chart { background: rgba(255, 255, 255, .86); border-radius: 22px; padding: 26px 30px 18px; position: relative; min-height: 0; display: flex; flex-direction: column; }
.dk-chart .u { font-size: 13px; font-weight: 600; color: var(--mute); }
.dk-chart svg { flex: 1; width: 100%; min-height: 0; overflow: visible; }
.dk-bars rect { fill: var(--accent-soft); transform-box: fill-box; transform-origin: 50% 100%; transform: scaleY(0); transition: transform 900ms var(--ease); }
.dk-bars rect.hl { fill: var(--accent); }
.dk-slide.in .dk-bars rect { transform: none; transition-delay: calc(450ms + var(--i, 0) * 90ms); }
.dk-frame.still .dk-bars rect { transform: none; transition: none; }
.dk-chart text { font-family: var(--fs); font-size: 14px; fill: var(--ink-2); font-weight: 600; }
.dk-chart text.val { font-size: 15px; fill: var(--ink); font-weight: 700; opacity: 0; transition: opacity 500ms; }
.dk-chart text.val.hl { fill: var(--accent); }
.dk-slide.in .dk-chart text.val { opacity: 1; transition-delay: calc(900ms + var(--i, 0) * 90ms); }
.dk-frame.still .dk-chart text.val { opacity: 1; }
.dk-line { fill: none; stroke: var(--accent); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: var(--len); stroke-dashoffset: var(--len); transition: stroke-dashoffset 1600ms var(--ease) 400ms; }
.dk-slide.in .dk-line { stroke-dashoffset: 0; }
.dk-frame.still .dk-line { stroke-dashoffset: 0; transition: none; }
.dk-area { fill: var(--accent); opacity: 0; transition: opacity 900ms 1300ms; }
.dk-slide.in .dk-area { opacity: .08; }
.dk-dot { fill: #fff; stroke: var(--accent); stroke-width: 3; opacity: 0; transition: opacity 400ms; }
.dk-slide.in .dk-dot { opacity: 1; transition-delay: calc(500ms + var(--i, 0) * 160ms); }
.dk-frame.still .dk-dot, .dk-frame.still .dk-area { opacity: 1; } .dk-frame.still .dk-area { opacity: .08; }
.dk-grid line { stroke: var(--hair); stroke-width: 1; }
.dk-donut circle.seg { fill: none; stroke-width: 34; transition: stroke-dashoffset 1200ms var(--ease) 400ms; }
.dk-legend { display: grid; gap: 10px; margin-top: 4px; }
.dk-legend div { display: flex; gap: 10px; align-items: center; font-size: 15px; font-weight: 600; }
.dk-legend i { width: 12px; height: 12px; border-radius: 4px; flex: none; }
.dk-legend b { margin-left: auto; font-variant-numeric: tabular-nums; }
.dk-insight { background: var(--ink); color: #fff; border-radius: 22px; padding: 30px; display: flex; flex-direction: column; justify-content: space-between; gap: 18px; }
.dk-insight .k { font-size: 12.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--glow); }
.dk-insight .big { font-family: var(--fd); font-size: 46px; line-height: 1; font-weight: 400; }
.dk-insight p { margin: 0; font-size: 17px; line-height: 1.45; color: rgba(255, 255, 255, .88); }

/* steps */
.dk-steps { position: relative; display: grid; grid-template-columns: repeat(var(--n, 4), 1fr); gap: 22px; padding-top: 40px; }
.dk-steps::before { content: ''; position: absolute; left: 14px; right: 14px; top: 13px; height: 2px; background: var(--hair); }
.dk-steps::after { content: ''; position: absolute; left: 14px; top: 13px; height: 2px; width: 0; background: var(--accent); transition: width 1800ms var(--ease) 300ms; }
.dk-slide.in .dk-steps::after { width: calc(100% - 28px); }
.dk-frame.still .dk-steps::after { width: calc(100% - 28px); transition: none; }
.dk-step { position: relative; min-width: 0; }
.dk-step::before { content: ''; position: absolute; left: 4px; top: -36px; width: 20px; height: 20px; border-radius: 50%; background: #fff; border: 3px solid var(--accent); box-sizing: border-box; }
.dk-step .lb { font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--accent); }
.dk-step h3 { margin: 10px 0 0; font-size: 21px; line-height: 1.25; font-weight: 700; }
.dk-step p { margin: 10px 0 0; font-size: 16px; line-height: 1.45; color: var(--ink-2); }

/* compare */
.dk-cmp { display: grid; grid-template-columns: 1fr 64px 1fr; align-items: stretch; }
.dk-cmp .col { border-radius: 22px; padding: 30px 32px; background: rgba(255, 255, 255, .7); }
.dk-cmp .col.r { background: var(--ink); color: #fff; }
.dk-cmp .col .lb { font-size: 12.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--mute); }
.dk-cmp .col.r .lb { color: var(--glow); }
.dk-cmp .col h3 { font-family: var(--fd); font-weight: 500; font-size: 26px; line-height: 1.2; margin: 12px 0 18px; }
.dk-cmp ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.dk-cmp li { display: flex; gap: 12px; font-size: 17px; line-height: 1.4; color: var(--ink-2); }
.dk-cmp .col.r li { color: rgba(255, 255, 255, .9); }
.dk-cmp li::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--faint); margin-top: 9px; flex: none; }
.dk-cmp .col.r li::before { background: var(--glow); }
.dk-cmp .arr { display: grid; place-items: center; color: var(--accent); }
.dk-cmp .arr .ic { width: 34px; height: 34px; stroke-width: 2.2; }

/* quote */
.t-quote { justify-content: center; padding-left: 140px; padding-right: 140px; }
.t-quote .q { font-family: var(--fd); font-size: 40px; font-weight: 400; line-height: 1.25; letter-spacing: -.01em; text-wrap: balance; }
.t-quote .q::before { content: '«'; color: var(--accent); }
.t-quote .q::after { content: '»'; color: var(--accent); }
.t-quote .who { margin-top: 30px; font-size: 18px; font-weight: 700; }
.t-quote .who span { display: block; font-weight: 500; color: var(--mute); margin-top: 4px; font-size: 16px; }

/* split — слайд с картинкой */
.t-split { padding-right: 640px; }
.t-split .dk-photo { position: absolute; right: 0; top: 0; bottom: 0; width: 600px; overflow: hidden; background: linear-gradient(135deg, var(--accent-soft), #fff); }
.t-split .dk-photo img { width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1200ms var(--ease); }
.t-split .dk-photo img.ok { opacity: 1; }
.t-split .dk-photo .dk-wait { position: absolute; inset: 0; display: grid; place-items: center; font-size: 14px; font-weight: 600; color: var(--mute); }
.t-split .dk-photo img.ok + .dk-wait { display: none; }
.dk-ul { list-style: none; margin: 26px 0 0; padding: 0; display: grid; gap: 14px; }
.dk-ul li { display: flex; gap: 14px; font-size: 18px; line-height: 1.42; color: var(--ink-2); }
.dk-ul li::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--accent); margin-top: 9px; flex: none; }

/* final */
.t-final { justify-content: center; }
.t-final .dk-title { font-size: 50px; }
.t-final .dk-acts { display: grid; grid-template-columns: repeat(var(--n, 3), 1fr); gap: 16px; margin-top: 44px; max-width: 1080px; }
.t-final .dk-act { padding: 22px 24px; border-radius: 20px; background: rgba(7, 19, 70, .58); border: 1px solid rgba(143, 180, 255, .22); display: flex; gap: 14px; align-items: flex-start; font-size: 17px; line-height: 1.38; font-weight: 600; }
.t-final .dk-act .ic { color: var(--glow); margin-top: 1px; }

/* заготовка слайда, пока агент его пишет */
.dk-slide.t-skel { background: #fff url('/assets/bg.webp') center / cover no-repeat; }
.dk-skel-lb { font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); display: flex; gap: 10px; align-items: center; }
.dk-skel-lb i { width: 9px; height: 9px; border-radius: 50%; background: var(--accent); animation: dk-pulse 1s infinite; }
.dk-skel-t { font-family: var(--fd); font-size: 38px; line-height: 1.14; margin-top: 14px; min-height: 44px; max-width: 1050px; }
.dk-skel-t::after { content: ''; display: inline-block; width: 3px; height: 38px; background: var(--accent); margin-left: 4px; vertical-align: -6px; animation: dk-pulse .8s infinite; }
.dk-skel-g { flex: 1; margin-top: 34px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.dk-skel-g div { border-radius: 22px; background: linear-gradient(100deg, rgba(204, 216, 243, .35) 30%, rgba(255, 255, 255, .85) 50%, rgba(204, 216, 243, .35) 70%) 0 0 / 300% 100%; animation: dk-shim 1.6s linear infinite; }
@keyframes dk-shim { to { background-position: -150% 0; } }
.dk-slide.t-lock { background: #fff url('/assets/bg.webp') center / cover no-repeat; align-items: center; justify-content: center; text-align: center; }
.t-lock .ic { width: 40px; height: 40px; color: var(--accent); }
.t-lock h3 { font-family: var(--fd); font-weight: 500; font-size: 32px; margin: 20px 0 0; max-width: 900px; line-height: 1.2; }
.t-lock p { font-size: 18px; color: var(--ink-2); margin: 14px 0 0; }

/* ——— узкий экран: колонка без масштаба ——— */
.dk-frame.narrow { aspect-ratio: auto; border-radius: 16px; }
.dk-frame.narrow .dk-stage { position: relative; width: 100%; height: auto; transform: none !important; }
.dk-frame.narrow .dk-slide { position: relative; display: none; padding: 26px 20px 40px; min-height: 420px; }
.dk-frame.narrow .dk-slide.cur { display: flex; }
.dk-frame.narrow .dk-title { font-size: 23px; margin-top: 10px; }
.dk-frame.narrow .dk-lead { font-size: 15px; margin-top: 10px; }
.dk-frame.narrow .dk-kicker { font-size: 10.5px; }
.dk-frame.narrow .dk-body { margin-top: 18px; justify-content: flex-start; }
.dk-frame.narrow .t-cover { padding-right: 20px; min-height: 480px; justify-content: flex-end; }
.dk-frame.narrow .t-cover .dk-title { font-size: 30px; }
.dk-frame.narrow .t-cover .dk-lead { font-size: 15.5px; }
.dk-frame.narrow .t-cover .dk-meta { margin-top: 20px; }
.dk-frame.narrow .dk-slide .dk-bg::after { background: linear-gradient(0deg, rgba(2, 7, 34, .95) 0%, rgba(2, 7, 34, .7) 55%, rgba(2, 7, 34, .25) 100%); }
.dk-frame.narrow .t-section .dk-big { font-size: 80px; }
.dk-frame.narrow .t-section .dk-title, .dk-frame.narrow .t-final .dk-title { font-size: 28px; }
.dk-frame.narrow .dk-cards, .dk-frame.narrow .dk-stats, .dk-frame.narrow .t-final .dk-acts { grid-template-columns: 1fr; gap: 10px; }
.dk-frame.narrow .dk-card { padding: 16px 18px; gap: 8px; flex-direction: row; align-items: flex-start; }
.dk-frame.narrow .dk-card > div { min-width: 0; }
.dk-frame.narrow .dk-card h3 { font-size: 16.5px !important; margin: 0; }
.dk-frame.narrow .dk-card p { font-size: 14px !important; margin-top: 4px; }
.dk-frame.narrow .dk-icb { width: 40px; height: 40px; border-radius: 12px; }
.dk-frame.narrow .dk-icb .ic { width: 20px; height: 20px; }
.dk-frame.narrow .dk-stat { padding-top: 14px; }
.dk-frame.narrow .dk-stat .v { font-size: 40px !important; }
.dk-frame.narrow .dk-stat .l { font-size: 15.5px; margin-top: 8px; }
.dk-frame.narrow .dk-stat .n { font-size: 14px; }
.dk-frame.narrow .t-chart .dk-cw { grid-template-columns: 1fr; gap: 12px; }
.dk-frame.narrow .dk-chart { padding: 16px 14px 10px; height: 260px; flex: none; }
.dk-frame.narrow .dk-insight { padding: 18px; } .dk-frame.narrow .dk-insight .big { font-size: 32px; } .dk-frame.narrow .dk-insight p { font-size: 14.5px; }
.dk-frame.narrow .dk-steps { grid-template-columns: 1fr; padding-top: 0; padding-left: 34px; gap: 16px; }
.dk-frame.narrow .dk-steps::before { left: 9px; right: auto; top: 6px; bottom: 6px; width: 2px; height: auto; }
.dk-frame.narrow .dk-steps::after { display: none; }
.dk-frame.narrow .dk-step::before { left: -34px; top: 0; }
.dk-frame.narrow .dk-step h3 { font-size: 16.5px; margin-top: 4px; } .dk-frame.narrow .dk-step p { font-size: 14px; margin-top: 4px; }
.dk-frame.narrow .dk-cmp { grid-template-columns: 1fr; gap: 6px; }
.dk-frame.narrow .dk-cmp .arr { transform: rotate(90deg); height: 34px; }
.dk-frame.narrow .dk-cmp .col { padding: 18px; } .dk-frame.narrow .dk-cmp .col h3 { font-size: 18px; margin: 6px 0 10px; } .dk-frame.narrow .dk-cmp li { font-size: 14.5px; }
.dk-frame.narrow .t-quote { padding: 30px 24px; } .dk-frame.narrow .t-quote .q { font-size: 23px; } .dk-frame.narrow .t-quote .who { font-size: 15px; }
.dk-frame.narrow .t-split { padding-right: 20px; padding-top: 0; }
.dk-frame.narrow .t-split .dk-photo { position: relative; width: auto; margin: 0 -20px 20px; height: 200px; order: -1; }
.dk-frame.narrow .dk-ul li { font-size: 15px; }
.dk-frame.narrow .t-final .dk-act { font-size: 14.5px; padding: 14px 16px; }
.dk-frame.narrow .dk-cond { right: 20px; bottom: 12px; } .dk-frame.narrow .dk-num { left: 20px; bottom: 12px; }
.dk-frame.narrow .dk-skel-t { font-size: 22px; } .dk-frame.narrow .dk-skel-t::after { height: 22px; }
.dk-frame.narrow .dk-skel-g { grid-template-columns: 1fr; min-height: 220px; }
.dk-frame.narrow .t-lock h3 { font-size: 21px; } .dk-frame.narrow .t-lock p { font-size: 14.5px; }

@media (prefers-reduced-motion: reduce) {
  .dk-slide .a, .dk-bars rect, .dk-line, .dk-steps::after { transition: none !important; }
}
@media print {
  .dk-frame { border-radius: 0; }
}