/* §34-1 큰 문장 + 카드 띠(.hb-say · 11-05 사장님 "쇼피파이 통으로 · 모션 똑같이 · 메인은 냅두고 '여기서부터 어바웃어스는 다릅니다' 위에")
   그쪽 실측(1440 · scratchpad/shopify/mo/timing.json): 바탕 #02090a · 문장 56/330/1.0/−0.02em · 회색 #71717a ↔ 흰색 · 네 마디 중 하나만 흰색 · 5초마다 다음 마디
   띠 = 마디마다 카드 3장 묶음(498 · 216 · 498 × 381 · 틈 16 · 둥글기 5) · 묶음 간격 = 왼쪽 여백 + 16 · 한 칸 이동 = 글 기둥 + 왼쪽 여백(1440 에서 1350) · 1초 감속(easeOutExpo 결) · 끝 → 처음은 되감기
   카드 속 그림 = 코드로 그린 가상 예시 화면(사진·영상·로고 0 · 주소는 .example) · 화면 밖·탭 숨김·모션 줄이기 = 첫 마디 그대로 멈춤 · JS 없음 = 첫 마디 · 첫 묶음 */
.hb.hb-say { position: relative; padding: 112px 0 120px; background: #02090a; color: #fff; border-radius: 24px 24px 0 0; container-type: inline-size; --say-w: min(1260px, calc(100cqw - 2 * var(--am-gutter, 40px))); --say-l: calc((100cqw - var(--say-w)) / 2); }
.say-wrap { width: var(--say-w); margin: 0 auto; }
.say-t { margin: 0; font-family: var(--font); font-size: 56px; font-weight: 330; line-height: 1.04; letter-spacing: -.02em; color: #71717a; word-break: keep-all; text-wrap: pretty; }
.say-t > span { transition: none; }
.say-t > span.is-on { color: #fff; }
.say-strip { margin-top: 58px; overflow: hidden; }
.say-track { display: flex; gap: calc(var(--say-l) + 16px); padding-left: var(--say-l); transition: transform 1s cubic-bezier(.19, 1, .22, 1); }
.say-slide { flex: 0 0 calc(var(--say-w) - 16px); display: grid; grid-template-columns: 498fr 216fr 498fr; gap: 16px; aspect-ratio: 1244 / 381; }
.say-c { position: relative; min-width: 0; margin: 0; border-radius: 5px; overflow: hidden; container-type: size; background: var(--bg, #e8e2d6); }

/* ── 카드 속 화면(설계 크기 498×381 · 좁은 칸 216×381 → 카드 높이에 맞춰 통째로 줄임) ── */
.mk { position: absolute; left: 0; top: 0; width: 498px; height: 381px; transform-origin: 0 0; transform: scale(tan(atan2(100cqh, 381px))); font-family: var(--font); font-size: 12px; line-height: 1.35; letter-spacing: -.005em; overflow: hidden; }
.mk-n { width: 216px; }
.mk :where(p, ul, ol, label) { margin: 0; padding: 0; list-style: none; }   /* :where = 0 점수 → 아래 부품 여백이 이김 */
.mk i { font-style: normal; }
.mk-ex { position: absolute; left: 12px; bottom: 12px; z-index: 5; height: 20px; padding: 0 8px; border-radius: 999px; background: #192125; color: #fff; font-size: 10.5px; font-weight: 500; line-height: 20px; white-space: nowrap; }
/* 칩은 줄어드는 .mk 밖, 카드 바로 아래에 둔다. 폰 카드도 같은 읽기 크기. */
.say-c > .mk-ex { top: 8px; right: 8px; bottom: auto; left: auto; font-size: 10.5px; transform: none; }
.mk-ln { display: block; height: 7px; margin-top: 7px; border-radius: 4px; background: currentColor; opacity: .13; }
.mk-tag { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 9px; border-radius: 999px; font-size: 11px; font-weight: 600; line-height: 1; white-space: nowrap; }
.mk-tag.red { background: #fde8e4; color: #c4321c; box-shadow: 0 0 0 1px rgba(196, 50, 28, .22) inset; }
.mk-tag.grn { background: #e3f5ec; color: #17784f; box-shadow: 0 0 0 1px rgba(23, 120, 79, .2) inset; }
.mk-tag.amb { background: #fff2d9; color: #94600b; box-shadow: 0 0 0 1px rgba(148, 96, 11, .2) inset; }
.mk-tag.dk { background: #111a1c; color: #fff; }
.mk-ok { width: 12px; height: 12px; border-radius: 50%; background: currentColor; position: relative; flex: none; }
.mk-ok::after { content: ""; position: absolute; left: 3.4px; top: 3.6px; width: 5px; height: 2.6px; border-left: 1.5px solid #fff; border-bottom: 1.5px solid #fff; transform: rotate(-45deg); }

/* 브라우저 창(카드 오른쪽·아래로 잘림 — 화면 갈무리 결) */
.mk-win { position: absolute; left: 30px; top: 30px; width: 500px; height: 380px; border-radius: 9px 0 0 0; background: #fff; color: #1b1f22; box-shadow: 0 0 0 1px rgba(0, 0, 0, .05), 0 28px 56px -20px rgba(20, 16, 10, .45); overflow: hidden; }
.mk-win.dk { background: #16191b; color: #eef0f1; box-shadow: 0 0 0 1px rgba(255, 255, 255, .06), 0 28px 56px -20px rgba(0, 0, 0, .7); }
.mk-bar { display: flex; align-items: center; gap: 6px; height: 30px; padding: 0 12px; background: #f1f0ec; border-bottom: 1px solid #e3e1db; }
.mk-win.dk .mk-bar { background: #1d2124; border-bottom-color: #2a2f33; }
.mk-bar > i { width: 8px; height: 8px; border-radius: 50%; background: #d3d1cb; }
.mk-win.dk .mk-bar > i { background: #3a4045; }
.mk-bar > span { margin-left: 10px; width: 250px; height: 18px; padding: 0 10px; border-radius: 999px; background: #fff; font-size: 10px; line-height: 18px; color: #6b6f72; white-space: nowrap; overflow: hidden; }
.mk-win.dk .mk-bar > span { background: #272c30; color: #9aa1a6; }

/* 폰(좁은 칸 가운데 · 화면 안 그림) */
.mk-ph { position: absolute; left: 22px; top: 30px; width: 172px; height: 352px; padding: 6px; border-radius: 30px; background: #0b0e0f; box-shadow: 0 30px 50px -18px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .08) inset; }
.mk-scr { position: relative; height: 100%; border-radius: 24px; overflow: hidden; background: #fff; color: #17191b; }
.mk-scr.dk { background: #101416; color: #eef1f2; }
.mk-sb { display: flex; justify-content: center; height: 24px; padding-top: 7px; }
.mk-sb::before { content: ""; width: 54px; height: 15px; border-radius: 999px; background: #0b0e0f; }

/* ── 1a 검색 결과 ── */
.mk-srch-h { display: flex; align-items: center; gap: 12px; padding: 16px 20px 10px; }
.mk-logo { font-size: 17px; font-weight: 800; letter-spacing: -.03em; color: #13324a; }
.mk-q { display: flex; align-items: center; justify-content: space-between; width: 280px; height: 34px; padding: 0 14px; border-radius: 999px; border: 1.5px solid #13324a; font-size: 13px; font-weight: 500; }
.mk-q::after { content: ""; width: 11px; height: 11px; border-radius: 50%; border: 2px solid #13324a; box-shadow: 4px 4px 0 -3px #13324a; }
.mk-tabs { display: flex; gap: 18px; width: 470px; padding: 0 20px; border-bottom: 1px solid #ecebe7; font-size: 12px; color: #6b7075; }
.mk-tabs > span { padding: 8px 0 9px; }
.mk-tabs > .on { color: #13324a; font-weight: 700; box-shadow: 0 -2px 0 #13324a inset; }
.mk-res { width: 440px; padding: 6px 20px 0; }
.mk-res > li { position: relative; padding: 11px 12px; margin: 0 -12px; border-radius: 8px; }
.mk-res .u { font-size: 10.5px; color: #7b8085; }
.mk-res .t { margin-top: 2px; font-size: 14px; font-weight: 600; color: #1a3d8f; }
.mk-res .mk-ln { width: 92%; } .mk-res .mk-ln + .mk-ln { width: 64%; }
.mk-res > li.hit { background: #fff6f4; box-shadow: 0 0 0 1.5px #e5604a inset; }
.mk-res > li.hit .mk-tag { position: absolute; right: 12px; top: 10px; }

/* ── 1b 폰 커뮤니티 글 + 신고 시트 ── */
.mk-apph { display: flex; align-items: center; gap: 8px; padding: 6px 14px 10px; font-size: 13px; font-weight: 700; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.mk-apph::before { content: ""; width: 7px; height: 7px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); opacity: .7; }
.mk-post { padding: 12px 14px; }
.mk-post .t { font-size: 14px; font-weight: 700; line-height: 1.3; }
.mk-post .m { display: flex; gap: 6px; align-items: center; margin-top: 7px; font-size: 10px; opacity: .55; }
.mk-post .m::before { content: ""; width: 16px; height: 16px; border-radius: 50%; background: currentColor; opacity: .35; }
.mk-img { height: 74px; margin-top: 10px; border-radius: 8px; background: linear-gradient(135deg, #6a4b3a, #c08e62 55%, #e9c899); }
.mk-sheet { position: absolute; left: 0; right: 0; bottom: 0; padding: 12px 14px 14px; border-radius: 16px 16px 0 0; background: #fff; color: #17191b; box-shadow: 0 -10px 30px rgba(0, 0, 0, .35); }
.mk-sheet .h { font-size: 12px; font-weight: 700; }
.mk-opt { display: flex; align-items: center; gap: 8px; margin-top: 8px; font-size: 11px; color: #3c4246; }
.mk-opt::before { content: ""; width: 12px; height: 12px; border-radius: 50%; border: 1.5px solid #b9bec2; flex: none; }
.mk-opt.on::before { border: 4px solid #17191b; width: 6px; height: 6px; }
.mk-btn { display: flex; align-items: center; justify-content: center; height: 30px; margin-top: 11px; border-radius: 9px; background: #17191b; color: #fff; font-size: 11.5px; font-weight: 600; }

/* ── 1c 해외 포럼(영문) ── */
.mk-fh { display: flex; align-items: center; gap: 10px; padding: 12px 18px; border-bottom: 1px solid #ebe9e4; }
.mk-fh b { font-size: 14px; font-weight: 800; letter-spacing: -.02em; color: #2c2f8f; }
.mk-fh span { height: 22px; padding: 0 10px; border-radius: 999px; background: #f2f1ed; font-size: 10.5px; line-height: 22px; color: #5b6064; }
.mk-th { display: grid; grid-template-columns: 26px 1fr; gap: 10px; padding: 14px 18px 0; }
.mk-vote { display: flex; flex-direction: column; align-items: center; gap: 6px; padding-top: 2px; }
.mk-vote::before, .mk-vote::after { content: ""; width: 0; height: 0; border: 6px solid transparent; }
.mk-vote::before { border-bottom: 8px solid #c9cbd0; border-top: 0; }
.mk-vote::after { border-top: 8px solid #c9cbd0; border-bottom: 0; }
.mk-vote i { width: 14px; height: 6px; border-radius: 3px; background: #d9dadd; }
.mk-th .t { font-size: 15px; font-weight: 700; line-height: 1.3; color: #16181a; }
.mk-th .m { margin-top: 4px; font-size: 10.5px; color: #7c8186; }
.mk-cm { display: grid; grid-template-columns: 20px 1fr; gap: 8px; padding: 12px 18px 0 54px; }
.mk-cm::before { content: ""; width: 20px; height: 20px; border-radius: 50%; background: #dfe3e8; }
.mk-cm.b::before { background: #e8dccd; }
.mk-float { position: absolute; z-index: 4; display: flex; align-items: center; gap: 8px; padding: 9px 14px 9px 10px; border-radius: 12px; background: #fff; color: #17191b; font-size: 12px; font-weight: 600; box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 16px 32px -12px rgba(0, 0, 0, .45); white-space: nowrap; }
.mk-float .mk-ok { color: #1f9d68; }
.mk-float small { display: block; font-size: 10px; font-weight: 500; color: #6b7075; }

/* ── 2a 이미지 검색 칸 ── */
.mk-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; padding: 12px 20px; }
.mk-grid > i { height: 78px; border-radius: 7px; background: var(--g); }
.mk-grid > i.hit { position: relative; box-shadow: 0 0 0 2px #fff, 0 0 0 4px #e5604a; }
.mk-grid > i.hit .mk-tag { position: absolute; left: 50%; bottom: -11px; transform: translateX(-50%); }

/* ── 2b 폰 연관 검색어 ── */
.mk-sbox { display: flex; align-items: center; height: 34px; margin: 6px 12px 0; padding: 0 12px; border-radius: 10px; background: #f1f2f3; font-size: 12px; font-weight: 600; }
.mk-sec { margin: 16px 14px 8px; font-size: 11px; font-weight: 700; color: #6a7075; }
.mk-chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 12px; }
.mk-chips > span { height: 26px; padding: 0 10px; border-radius: 999px; border: 1px solid #e1e3e5; font-size: 11px; line-height: 24px; white-space: nowrap; }
.mk-chips > span.hit { border-color: #e5604a; color: #c4321c; background: #fff6f4; }   /* §35(11-05): 취소선 뺌 — 요청 단계를 삭제 완료처럼 읽히게 하지 않음(정직 표기) */
.mk-note { display: flex; align-items: center; gap: 6px; margin: 12px 12px 0; padding: 9px 10px; border-radius: 10px; background: #e3f5ec; color: #17784f; font-size: 11px; font-weight: 600; }

/* ── 2c 커뮤니티 목록 ── */
.mk-bh { display: flex; align-items: baseline; gap: 8px; padding: 14px 20px 10px; }
.mk-bh b { font-size: 15px; font-weight: 800; letter-spacing: -.02em; }
.mk-bh span { font-size: 11px; color: #7b8085; }
.mk-tbl > li { display: grid; grid-template-columns: 1fr 70px; align-items: center; gap: 10px; height: 38px; padding: 0 20px; border-top: 1px solid #efede9; font-size: 12.5px; }
.mk-tbl > li.th { height: 28px; background: #f6f5f2; font-size: 10.5px; font-weight: 600; color: #7b8085; }
.mk-tbl > li > i { height: 7px; border-radius: 4px; background: #e4e2dd; }
.mk-tbl > li.hit { position: relative; background: #fff6f4; color: #a5331f; }
.mk-tbl > li.hit .mk-tag { position: absolute; right: 96px; }

/* ── 3a 영상 쪽 ── */
.mk-vid { display: grid; grid-template-columns: 1fr 120px; gap: 14px; padding: 14px 16px; }
.mk-play { position: relative; height: 196px; border-radius: 8px; background: radial-gradient(120% 90% at 30% 30%, #4a3b33, #1c1714 70%); overflow: hidden; }
.mk-play::before { content: ""; position: absolute; left: 50%; top: 50%; width: 46px; height: 46px; margin: -23px 0 0 -23px; border-radius: 50%; background: rgba(255, 255, 255, .9); }
.mk-play::after { content: ""; position: absolute; left: 50%; top: 50%; margin: -9px 0 0 -5px; border-left: 15px solid #1c1714; border-top: 9px solid transparent; border-bottom: 9px solid transparent; }
.mk-prog { position: absolute; left: 10px; right: 10px; bottom: 10px; height: 3px; border-radius: 2px; background: rgba(255, 255, 255, .25); }
.mk-prog::before { content: ""; display: block; width: 38%; height: 100%; border-radius: 2px; background: #fff; }
.mk-vid .t { margin-top: 10px; font-size: 14px; font-weight: 700; }
.mk-ch { display: flex; align-items: center; gap: 8px; margin-top: 8px; }
.mk-ch::before { content: ""; width: 24px; height: 24px; border-radius: 50%; background: #3a4146; }
.mk-ch b { height: 24px; padding: 0 12px; margin-left: auto; border-radius: 999px; background: #eef0f1; color: #16191b; font-size: 10.5px; line-height: 24px; }
.mk-side > i { display: block; height: 62px; margin-bottom: 8px; border-radius: 6px; background: var(--g); }

/* ── 3b 폰 SNS 게시물 + 신고 시트 ── */
.mk-uh { display: flex; align-items: center; gap: 8px; padding: 6px 12px 8px; font-size: 11.5px; font-weight: 700; }
.mk-uh::before { content: ""; width: 24px; height: 24px; border-radius: 50%; background: conic-gradient(#e9a15c, #c7406b, #6b4bd1, #e9a15c); box-shadow: 0 0 0 2px #fff inset; }
.mk-sq { height: 160px; background: linear-gradient(160deg, #e7c9a2, #b9875d 60%, #7d5539); }
.mk-acts { display: flex; gap: 10px; padding: 9px 12px 4px; }
.mk-acts > i { width: 18px; height: 18px; border-radius: 50%; border: 1.8px solid #17191b; }

/* ── 3c 프로필 칸 ── */
.mk-prof { display: flex; align-items: center; gap: 14px; padding: 16px 20px 12px; }
.mk-prof::before { content: ""; width: 54px; height: 54px; border-radius: 50%; background: conic-gradient(#e9a15c, #c7406b, #6b4bd1, #e9a15c); box-shadow: 0 0 0 3px #fff inset; flex: none; }
.mk-prof b { display: block; font-size: 14px; font-weight: 700; }
.mk-sqg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; padding: 0 20px; }
.mk-sqg > i { position: relative; height: 92px; background: var(--g); }
.mk-sqg > i.hit { box-shadow: 0 0 0 2px #fff inset, 0 0 0 3px #e5604a inset; }
.mk-sqg > i.hit .mk-tag { position: absolute; left: 8px; top: 8px; }

/* ── 4a 영문 요청서 ── */
.mk-paper { position: absolute; left: 44px; top: 34px; width: 420px; height: 380px; padding: 26px 28px; border-radius: 6px 6px 0 0; background: #fbfaf7; color: #1d2023; box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .65); }
.mk-paper .h { font-family: Georgia, 'Times New Roman', serif; font-size: 21px; font-weight: 400; letter-spacing: -.01em; }
.mk-paper .s { margin-top: 4px; font-size: 10.5px; color: #7a7f84; }
.mk-kv { margin-top: 16px; }
.mk-kv > li { display: grid; grid-template-columns: 118px 1fr; gap: 10px; padding: 9px 0; border-top: 1px solid #e7e4dd; font-size: 11.5px; }
.mk-kv > li > span { color: #7a7f84; }
.mk-sig { display: flex; align-items: center; justify-content: space-between; margin-top: 18px; }
.mk-sig > i { width: 120px; height: 1px; background: #c9c5bc; }

/* ── 4b 폰 일본어 양식 ── */
.mk-ja { font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', 'Noto Sans CJK JP', 'Yu Gothic', Meiryo, sans-serif; }
.mk-fm { padding: 4px 14px 0; }
.mk-fm .h { font-size: 14px; font-weight: 700; }
.mk-fm label { display: block; margin-top: 12px; font-size: 10.5px; font-weight: 600; color: #5d6368; }
.mk-in { display: flex; align-items: center; height: 30px; margin-top: 5px; padding: 0 10px; border-radius: 8px; border: 1px solid #dcdfe2; font-size: 11px; color: #2a2e31; white-space: nowrap; overflow: hidden; }
.mk-in.sel::after { content: ""; margin-left: auto; width: 6px; height: 6px; border-right: 1.5px solid #6b7075; border-bottom: 1.5px solid #6b7075; transform: rotate(45deg) translateY(-2px); }
.mk-ta { height: 58px; margin-top: 5px; padding: 4px 10px; border-radius: 8px; border: 1px solid #dcdfe2; }

/* ── 4c 언어별 요청 판 ── */
.mk-pane { position: absolute; left: 40px; top: 40px; width: 440px; height: 360px; padding: 18px 20px; border-radius: 10px 10px 0 0; background: #fff; color: #17191b; box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .6); }
.mk-pane .h { display: flex; align-items: center; justify-content: space-between; font-size: 14px; font-weight: 700; }
.mk-lang > li { display: grid; grid-template-columns: 78px 1fr auto; align-items: center; gap: 10px; height: 46px; border-top: 1px solid #eeece8; font-size: 12px; }
.mk-lang > li:first-child { margin-top: 12px; }
.mk-lang > li > b { font-weight: 700; }
.mk-lang > li > span { color: #6b7075; font-size: 11px; }

@media (prefers-reduced-motion: reduce) { .say-track, .say-t > span { transition: none; } }

/* ── 좁은 데스크톱(≤1180) · 태블릿(≤1023): 글 기둥 그대로 · 문장 48/44 ── */
@media (max-width: 1180px) { .say-t { font-size: 48px; } }
@media (max-width: 1023px) { .hb.hb-say { padding: 96px 0 96px; } .say-t { font-size: 44px; } .say-strip { margin-top: 48px; } }
/* ── 폰(≤767): 문장 32 · 띠 = 높이 220 고정 카드(288·125·288) · 화면 밖으로 넘침(그쪽 폰 결) ── */
@media (max-width: 767px) {
  .hb.hb-say { padding: 72px 0 72px; border-radius: 20px 20px 0 0; --say-w: calc(100cqw - 2 * var(--am-gutter, 12px)); }
  .say-t { font-size: 32px; line-height: 1.12; letter-spacing: -.02em; }
  .say-strip { margin-top: 36px; }
  .say-track { gap: 12px; }
  .say-slide { flex: 0 0 auto; grid-template-columns: 288px 125px 288px; gap: 10px; aspect-ratio: auto; height: 220px; }
  .say-c { border-radius: 4px; }
}

/* 폰: 핵심 글을 실제 크기로 다시 배치한다. 묶음 수·차례·이동 곡선은 그대로. */
@media (max-width: 767px) {
  .say-strip { margin-top: 28px; }
  .say-slide { grid-template-columns: var(--say-w) 168px var(--say-w); gap: 12px; height: 292px; }
  .say-c { border-radius: 14px; }
  .say-c > .mk { width: 100%; height: 100%; transform: none; font-size: 13px; }
  .say-c > .mk-ex { top: 8px; right: 10px; height: 22px; padding: 0 8px; font-size: 11.5px; line-height: 22px; }
  .mk-win { left: 14px; top: 38px; width: calc(100% - 14px); height: calc(100% - 20px); border-radius: 10px 0 0 0; }
  .mk-bar { gap: 5px; height: 28px; padding: 0 10px; }
  .mk-bar > i { width: 6px; height: 6px; flex: none; }
  .mk-bar > span { width: auto; flex: 1; min-width: 0; margin-left: 4px; padding: 0 7px; font-size: 11.5px; }
  .mk-srch-h { gap: 10px; padding: 16px 14px 14px; }
  .mk-logo { font-size: 18px; }
  .mk-q { flex: 1; min-width: 0; width: auto; height: 36px; padding: 0 12px; font-size: 14px; }
  .mk-q::after { flex: none; margin-left: 6px; }
  .mk-tabs { display: none; }
  .mk-res { width: auto; padding: 0 14px; }
  .mk-res > li:not(.hit) { display: none; }
  .mk-res > li.hit { margin: 0; padding: 13px 12px; }
  .mk-res .u { font-size: 12px; color: #646b72; }
  .mk-res .t { margin-top: 8px; font-size: 17px; font-weight: 700; line-height: 1.45; }
  .mk-res .mk-ln { display: none; }
  .mk-tag { height: 26px; padding: 0 10px; font-size: 12px; }
  .mk-res > li.hit .mk-tag { position: static; margin-top: 12px; }
  .mk-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 0 14px; }
  .mk-grid > i { height: 68px; }
  .mk-grid > i:nth-child(n+7) { display: none; }
  .mk-grid > i.hit .mk-tag { left: auto; right: 4px; bottom: 5px; transform: none; padding: 0 6px; font-size: 11.5px; }
  .mk-fh { padding: 14px; }
  .mk-fh b { font-size: 17px; }
  .mk-fh > span, .mk-vote, .mk-cm, .mk-th .mk-ln { display: none; }
  .mk-th { display: block; padding: 14px; }
  .mk-th .t { font-size: 17px; line-height: 1.45; }
  .mk-th .m { margin-top: 8px; font-size: 12px; }
  .mk-float { right: 16px !important; bottom: 16px !important; max-width: calc(100% - 32px); padding: 10px 12px; font-size: 13px; line-height: 1.4; white-space: normal; }
  .mk-float .mk-ok { flex: none; }
  .mk-float small { margin-top: 2px; font-size: 11.5px; }
  .mk-bh { padding: 16px 14px 12px; }
  .mk-bh b { font-size: 17px; }
  .mk-bh span { display: none; }
  .mk-tbl > li:not(.hit) { display: none; }
  .mk-tbl > li.hit { display: flex; align-items: flex-start; flex-direction: column; gap: 12px; height: auto; margin: 0 14px; padding: 16px 12px; border-radius: 10px; font-size: 16px; line-height: 1.5; }
  .mk-tbl > li.hit > i { display: none; }
  .mk-tbl > li.hit .mk-tag { position: static; }
  .mk-vid { display: block; padding: 14px; }
  .mk-play { height: 104px; }
  .mk-vid .t { margin-top: 8px; font-size: 16px; line-height: 1.45; }
  .mk-side, .mk-ch { display: none; }
  .mk-prof { padding: 16px 14px 12px; }
  .mk-prof b { font-size: 16px; }
  .mk-prof .mk-ln { display: none; }
  .mk-sqg { padding: 0 14px; }
  .mk-sqg > i { height: 72px; }
  .mk-sqg > i.hit .mk-tag { left: 4px; top: 4px; padding: 0 6px; font-size: 11.5px; }
  .mk-paper { left: 14px; top: 38px; width: calc(100% - 28px); height: 270px; padding: 18px 16px; }
  .mk-paper .h { font-family: var(--font); font-size: 18px; font-weight: 700; line-height: 1.3; }
  .mk-paper .s { margin-top: 8px; font-size: 11.5px; line-height: 1.4; }
  .mk-kv { margin-top: 12px; }
  .mk-kv > li { grid-template-columns: 86px minmax(0, 1fr); gap: 8px; padding: 8px 0; font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; }
  .mk-kv > li:nth-child(n+3) { display: none; }
  .mk-sig { margin-top: 12px; }
  .mk-pane { left: 14px; top: 38px; width: calc(100% - 28px); height: 270px; padding: 18px 14px; }
  .mk-pane .h { font-size: 18px; }
  .mk-lang > li { grid-template-columns: 70px minmax(0, 1fr) auto; gap: 7px; height: 42px; font-size: 13px; }
  .mk-lang > li > span:not(.mk-tag) { font-size: 11.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .mk-lang > li:nth-child(n+4) { display: none; }
  .mk-lang .mk-tag { padding: 0 7px; font-size: 11.5px; }
  .mk-n .mk-ph { left: 10px; top: 38px; width: calc(100% - 20px); height: 252px; padding: 5px; border-radius: 24px; }
  .mk-n .mk-scr { border-radius: 20px; }
  .mk-n .mk-sb { height: 20px; padding-top: 5px; }
  .mk-n .mk-sb::before { width: 44px; height: 12px; }
  .mk-n .mk-post { padding: 10px; }
  .mk-n .mk-post .t { font-size: 13px; line-height: 1.45; }
  .mk-n .mk-post .m, .mk-n .mk-img, .mk-n .mk-post > .mk-ln { display: none; }
  .mk-n .mk-apph { padding: 6px 10px 10px; font-size: 12px; }
  .mk-n .mk-sheet { padding: 10px; }
  .mk-n .mk-sheet .h, .mk-n .mk-opt { font-size: 12px; }
  .mk-n .mk-opt:not(.on) { display: none; }
  .mk-n .mk-btn { height: 32px; font-size: 12px; }
  .mk-n .mk-sbox { margin: 6px 8px 0; padding: 0 8px; font-size: 12px; }
  .mk-n .mk-sec { margin: 14px 10px 8px; font-size: 12px; }
  .mk-n .mk-chips { padding: 0 8px; }
  .mk-n .mk-chips > span:not(.hit) { display: none; }
  .mk-n .mk-chips > span.hit { height: auto; padding: 6px 8px; font-size: 12px; line-height: 1.4; white-space: normal; }
  .mk-n .mk-note { margin: 12px 8px 0; padding: 8px; font-size: 12px; line-height: 1.4; }
  .mk-n .mk-note .mk-ok { display: none; }
  .mk-n .mk-uh { gap: 6px; padding: 6px 8px 8px; font-size: 11.5px; }
  .mk-n .mk-uh::before { width: 18px; height: 18px; flex: none; }
  .mk-n .mk-sq { height: 90px; }
  .mk-n .mk-fm { padding: 6px 10px 0; }
  .mk-n .mk-fm .h { font-size: 13px; }
  .mk-n .mk-fm label { margin-top: 10px; font-size: 12px; }
  .mk-n .mk-in { font-size: 12px; padding: 0 7px; }
  .mk-n .mk-ta, .mk-n .mk-fm label:nth-of-type(3) { display: none; }
}