/* Rezyume shablonlari. Varaq = A4 (794×1123 px @96dpi = 210×297 mm) — ko'rinish, bezakli PDF va chop etish bir xil.
   Umumiy tuzilma (rezyume.js): .rz-sheet > .rzt[data-t] > header.rzt-hd + aside.rzt-side + main.rzt-main
   Aloqa va rasm ikki joyda chiziladi (sarlavha va yon panel) — shablon qaysi birini ko'rsatishni CSS da tanlaydi. */
.rz-sheet { width: 794px; min-height: 1123px; background: #fff; color: #1f2328; font: 13px/1.5 Inter, Arial, Helvetica, sans-serif; box-sizing: border-box; overflow-wrap: anywhere; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.rz-sheet *, .rz-sheet *::before, .rz-sheet *::after { box-sizing: border-box; }
.rz-sheet p, .rz-sheet ul, .rz-sheet h1, .rz-sheet h2, .rz-sheet h3 { margin: 0; padding: 0; }
.rz-sheet ul { list-style: none; }
.rzt { display: grid; min-height: 1123px; grid-template-columns: 1fr; grid-template-areas: "hd" "main" "side"; grid-template-rows: auto auto 1fr; }
.rzt-hd { grid-area: hd; display: flex; gap: 20px; align-items: center; }
.rzt-main { grid-area: main; }
.rzt-side { grid-area: side; }
.rz-name { font-size: 28px; font-weight: 700; line-height: 1.15; letter-spacing: -.01em; }
.rz-pos { font-size: 15px; font-weight: 600; margin-top: 4px; color: var(--rz); }
.rz-ph { width: 96px; height: 128px; background: #e5e7eb center / cover no-repeat; border-radius: 4px; flex: none; display: block; }
.rz-cl { margin-top: 8px; color: #4b5563; font-size: 12px; display: flex; flex-wrap: wrap; gap: 2px 14px; }
.rzs { margin-top: 18px; }
.rzs-h { line-height: 1.3; font-size: 12.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--rz); margin-bottom: 8px; }
.rzi { margin-bottom: 11px; break-inside: avoid; }
.rzi-top { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; }
.rzi-t { font-weight: 700; font-size: 13.5px; }
.rzi-p { color: #6b7280; font-size: 11.5px; white-space: nowrap; flex: none; }
.rzi-o { color: #4b5563; font-style: italic; }
.rz-desc { white-space: pre-line; margin-top: 3px; }
.rz-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.rz-tags li { border: 1px solid #d1d5db; border-radius: 4px; padding: 1px 8px 2px; font-size: 12px; line-height: 18px; }
.rz-ll li { padding: 1px 0; }
/* Sarlavhadagi aloqa/rasm va yon paneldagisi: standart (bir ustun) — sarlavhada */
.rzt-side .rzs-contact, .rzt-side .rz-ph { display: none; }

/* 1. Klassik */
.rzt[data-t="classic"] { padding: 46px 54px; }
.rzt[data-t="classic"] .rzt-hd { border-bottom: 3px solid var(--rz); padding-bottom: 16px; }
.rzt[data-t="classic"] .rz-name { color: var(--rz); }
.rzt[data-t="classic"] .rz-pos { color: #111; }
.rzt[data-t="classic"] .rzs-h { border-bottom: 1px solid #d1d5db; padding-bottom: 3px; }

/* 2. Zamonaviy — to'q yon panel chapda */
.rzt[data-t="modern"] { grid-template-rows: auto 1fr; grid-template-columns: 250px 1fr; grid-template-areas: "side hd" "side main"; }
.rzt[data-t="modern"] .rzt-side { background: var(--rz); color: #fff; padding: 40px 26px; }
.rzt[data-t="modern"] .rzt-side .rz-ph { display: block; width: 150px; height: 150px; border-radius: 50%; margin: 0 auto 10px; border: 4px solid rgba(255,255,255,.35); }
.rzt[data-t="modern"] .rzt-side .rzs-contact { display: block; }
.rzt[data-t="modern"] .rzt-hd .rz-cl, .rzt[data-t="modern"] .rzt-hd .rz-ph { display: none; }
.rzt[data-t="modern"] .rzt-side .rzs-h { color: #fff; border-bottom: 1px solid rgba(255,255,255,.35); padding-bottom: 4px; }
.rzt[data-t="modern"] .rzt-side .rz-tags li { border-color: rgba(255,255,255,.5); }
.rzt[data-t="modern"] .rzt-side .rz-cl { color: #fff; display: grid; gap: 5px; }
.rzt[data-t="modern"] .rzt-hd { padding: 46px 40px 6px; }
.rzt[data-t="modern"] .rzt-main { padding: 0 40px 40px; }
.rzt[data-t="modern"] .rz-name { font-size: 32px; }

/* 3. Minimal */
.rzt[data-t="minimal"] { padding: 60px 70px; }
.rzt[data-t="minimal"] .rz-name { font-size: 34px; font-weight: 300; letter-spacing: .01em; }
.rzt[data-t="minimal"] .rz-pos { color: #6b7280; font-weight: 400; text-transform: uppercase; letter-spacing: .14em; font-size: 12.5px; }
.rzt[data-t="minimal"] .rz-ph { width: 90px; height: 90px; border-radius: 50%; }
.rzt[data-t="minimal"] .rzs { margin-top: 26px; }
.rzt[data-t="minimal"] .rzs-h { color: #9ca3af; font-weight: 600; letter-spacing: .2em; font-size: 11px; }
.rzt[data-t="minimal"] .rz-tags li { border: 0; background: #f3f4f6; }

/* 4. Banner — rangli sarlavha, o'ngda yengil panel */
.rzt[data-t="banner"] { grid-template-rows: auto 1fr; grid-template-columns: 1fr 230px; grid-template-areas: "hd hd" "main side"; }
.rzt[data-t="banner"] .rzt-hd { background: var(--rz); color: #fff; padding: 36px 48px; }
.rzt[data-t="banner"] .rz-pos { color: #fff; opacity: .9; }
.rzt[data-t="banner"] .rz-cl { color: rgba(255,255,255,.9); }
.rzt[data-t="banner"] .rz-ph { border: 3px solid rgba(255,255,255,.6); }
.rzt[data-t="banner"] .rzt-main { padding: 10px 30px 40px 48px; }
.rzt[data-t="banner"] .rzt-side { background: #f5f6f8; padding: 10px 26px 40px; }

/* 5. Texnik (IT) — monospace sarlavhalar, o'ngda panel */
.rzt[data-t="tech"] { grid-template-rows: auto 1fr; grid-template-columns: 1fr 220px; grid-template-areas: "hd hd" "main side"; padding: 44px 44px 40px; column-gap: 30px; }
.rzt[data-t="tech"] .rzt-hd { border-left: 6px solid var(--rz); padding-left: 18px; margin-bottom: 6px; }
.rzt[data-t="tech"] .rzs-h { font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; text-transform: none; letter-spacing: 0; font-size: 14px; }
.rzt[data-t="tech"] .rzs-h::before { content: "// "; opacity: .6; }
.rzt[data-t="tech"] .rz-tags li { border-color: var(--rz); color: var(--rz); font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 11.5px; }
.rzt[data-t="tech"] .rzt-side { border-left: 1px solid #e5e7eb; padding-left: 20px; }

/* 6. Elegant — serif, markazlangan */
.rzt[data-t="elegant"] { padding: 56px 66px; font-family: Georgia, "Times New Roman", Times, serif; }
.rzt[data-t="elegant"] .rzt-hd { flex-direction: column; text-align: center; gap: 10px; border-bottom: 3px double #9ca3af; padding-bottom: 18px; }
.rzt[data-t="elegant"] .rz-name { font-weight: 400; font-size: 34px; letter-spacing: .06em; text-transform: uppercase; }
.rzt[data-t="elegant"] .rz-pos { color: #374151; font-style: italic; font-weight: 400; }
.rzt[data-t="elegant"] .rz-cl { justify-content: center; }
.rzt[data-t="elegant"] .rz-ph { width: 100px; height: 100px; border-radius: 50%; }
.rzt[data-t="elegant"] .rzs-h { text-align: center; color: #111; letter-spacing: .22em; font-weight: 400; }
.rzt[data-t="elegant"] .rz-tags li { border: 0; padding: 0; }
.rzt[data-t="elegant"] .rz-tags li + li::before { content: "·"; margin-right: 8px; color: #9ca3af; }

/* 7. Ikki ustun — o'ngda rangli panel */
.rzt[data-t="twocol"] { grid-template-rows: auto 1fr; grid-template-columns: 1fr 250px; grid-template-areas: "hd side" "main side"; }
.rzt[data-t="twocol"] .rzt-side { background: var(--rz-tint); padding: 44px 26px; }
.rzt[data-t="twocol"] .rzt-side .rz-ph { display: block; width: 130px; height: 160px; margin-bottom: 8px; }
.rzt[data-t="twocol"] .rzt-side .rzs-contact { display: block; }
.rzt[data-t="twocol"] .rzt-hd .rz-cl, .rzt[data-t="twocol"] .rzt-hd .rz-ph { display: none; }
.rzt[data-t="twocol"] .rzt-side .rz-cl { display: grid; gap: 5px; }
.rzt[data-t="twocol"] .rzt-hd { padding: 48px 36px 4px 48px; }
.rzt[data-t="twocol"] .rzt-main { padding: 0 36px 40px 48px; }
.rzt[data-t="twocol"] .rz-name { font-size: 32px; color: var(--rz); }

/* 8. Kompakt — ko'p tajriba bir sahifaga sig'adi */
.rzt[data-t="compact"] { padding: 34px 40px; font-size: 11.5px; line-height: 1.42; }
.rzt[data-t="compact"] .rzt-hd { justify-content: space-between; border-bottom: 2px solid var(--rz); padding-bottom: 10px; }
.rzt[data-t="compact"] .rz-name { font-size: 24px; }
.rzt[data-t="compact"] .rz-ph { width: 72px; height: 96px; order: 2; }
.rzt[data-t="compact"] .rzs { margin-top: 11px; display: grid; grid-template-columns: 130px 1fr; column-gap: 16px; }
.rzt[data-t="compact"] .rzs-h { font-size: 11px; margin: 2px 0 0; }
.rzt[data-t="compact"] .rzi { margin-bottom: 7px; }
.rzt[data-t="compact"] .rzi-t { font-size: 12px; }

/* 9. Vaqt chizig'i — chapda kulrang panel */
.rzt[data-t="timeline"] { grid-template-rows: auto 1fr; grid-template-columns: 240px 1fr; grid-template-areas: "side hd" "side main"; }
.rzt[data-t="timeline"] .rzt-side { background: #f3f4f6; padding: 40px 24px; }
.rzt[data-t="timeline"] .rzt-side .rz-ph { display: block; width: 130px; height: 130px; border-radius: 50%; margin: 0 auto 8px; }
.rzt[data-t="timeline"] .rzt-side .rzs-contact { display: block; }
.rzt[data-t="timeline"] .rzt-hd .rz-cl, .rzt[data-t="timeline"] .rzt-hd .rz-ph { display: none; }
.rzt[data-t="timeline"] .rzt-side .rz-cl { display: grid; gap: 5px; }
.rzt[data-t="timeline"] .rzt-hd { padding: 46px 40px 4px; }
.rzt[data-t="timeline"] .rzt-main { padding: 0 40px 40px; }
.rzt[data-t="timeline"] .rzt-main .rzi { position: relative; padding-left: 20px; border-left: 2px solid var(--rz-soft); padding-bottom: 4px; margin-bottom: 6px; }
.rzt[data-t="timeline"] .rzt-main .rzi::before { content: ""; position: absolute; left: -7px; top: 4px; width: 12px; height: 12px; border-radius: 50%; background: #fff; border: 3px solid var(--rz); }

/* 10. Xalqaro (Europass uslubi) — bo'lim nomi chapda */
.rzt[data-t="intl"] { padding: 44px 50px; }
.rzt[data-t="intl"] .rzt-hd { justify-content: space-between; border-bottom: 1px solid #d1d5db; padding-bottom: 16px; }
.rzt[data-t="intl"] .rz-ph { order: 2; }
.rzt[data-t="intl"] .rzs { display: grid; grid-template-columns: 170px 1fr; column-gap: 22px; }
.rzt[data-t="intl"] .rzs-h { text-align: right; font-size: 11.5px; margin: 2px 0 0; }
.rzt[data-t="intl"] .rz-name { color: var(--rz); }

/* 11. Creative — rangli kartochka sarlavha */
.rzt[data-t="creative"] { padding: 46px 52px; }
.rzt[data-t="creative"] .rzt-hd { background: var(--rz-soft); padding: 24px 28px; border-radius: 8px; border-left: 6px solid var(--rz); margin-bottom: 8px; }
.rzt[data-t="creative"] .rz-name { color: var(--rz); font-size: 30px; }
.rzt[data-t="creative"] .rzs-h { color: var(--rz); border-bottom: 2px solid var(--rz-soft); padding-bottom: 4px; }
.rzt[data-t="creative"] .rz-tags li { background: var(--rz-soft); color: var(--rz); border-color: var(--rz-soft); font-weight: 600; }

/* 12. Corporate — to'q biznes uslubi */
.rzt[data-t="corporate"] { padding: 48px 56px; font-family: Inter, Arial, sans-serif; }
.rzt[data-t="corporate"] .rzt-hd { border-bottom: 3px double var(--rz); padding-bottom: 16px; }
.rzt[data-t="corporate"] .rz-name { font-size: 28px; color: #0f172a; text-transform: uppercase; letter-spacing: .02em; }
.rzt[data-t="corporate"] .rz-pos { color: var(--rz); font-weight: 700; text-transform: uppercase; font-size: 13px; letter-spacing: .06em; }
.rzt[data-t="corporate"] .rzs-h { background: #f8fafc; border-left: 4px solid var(--rz); padding: 4px 10px; color: #0f172a; letter-spacing: .06em; }

/* 13. Nordic — toza skandinav minimalizmi */
.rzt[data-t="nordic"] { padding: 56px 64px; }
.rzt[data-t="nordic"] .rz-name { font-weight: 800; font-size: 32px; letter-spacing: -.03em; color: #18181b; }
.rzt[data-t="nordic"] .rz-pos { color: var(--rz); font-weight: 500; font-size: 14px; }
.rzt[data-t="nordic"] .rz-cl { color: #71717a; border-top: 1px solid #e4e4e7; padding-top: 8px; margin-top: 12px; }
.rzt[data-t="nordic"] .rzs-h { font-size: 11px; font-weight: 800; letter-spacing: .16em; color: #a1a1aa; border-bottom: 1px solid #f4f4f5; padding-bottom: 4px; }
.rzt[data-t="nordic"] .rzi-t { font-weight: 700; color: #18181b; }

/* 14. Sidebar — chap ustunli muvozanatli tartib */
.rzt[data-t="sidebar"] { grid-template-rows: auto 1fr; grid-template-columns: 240px 1fr; grid-template-areas: "side hd" "side main"; column-gap: 32px; padding: 48px 48px; }
.rzt[data-t="sidebar"] .rzt-side { border-right: 2px solid var(--rz-soft); padding-right: 24px; }
.rzt[data-t="sidebar"] .rzt-side .rzs-contact { display: block; }
.rzt[data-t="sidebar"] .rzt-hd .rz-cl, .rzt[data-t="sidebar"] .rzt-hd .rz-ph { display: none; }
.rzt[data-t="sidebar"] .rzt-side .rz-cl { display: grid; gap: 6px; }
.rzt[data-t="sidebar"] .rz-name { font-size: 30px; color: var(--rz); }
.rzt[data-t="sidebar"] .rzs-h { color: var(--rz); font-size: 12px; letter-spacing: .08em; }

/* 15. Header Block — to'liq rangli sarlavha bloki */
.rzt[data-t="header_block"] { grid-template-rows: auto 1fr; grid-template-columns: 1fr; grid-template-areas: "hd" "main"; }
.rzt[data-t="header_block"] .rzt-hd { background: var(--rz); color: #fff; padding: 40px 54px; display: block; }
.rzt[data-t="header_block"] .rz-name { color: #fff; font-size: 32px; font-weight: 800; }
.rzt[data-t="header_block"] .rz-pos { color: rgba(255,255,255,.9); font-size: 15px; margin-top: 4px; }
.rzt[data-t="header_block"] .rz-cl { color: rgba(255,255,255,.85); margin-top: 12px; }
.rzt[data-t="header_block"] .rzt-main { padding: 36px 54px; }
.rzt[data-t="header_block"] .rzs-h { color: var(--rz); border-bottom: 2px solid var(--rz); padding-bottom: 4px; }

/* 16. Academic — ilmiy, batafsil va serif */
.rzt[data-t="academic"] { padding: 50px 58px; font-family: "Georgia", "Times New Roman", serif; font-size: 13px; line-height: 1.55; }
.rzt[data-t="academic"] .rzt-hd { text-align: center; display: block; border-bottom: 1px solid #111; padding-bottom: 12px; margin-bottom: 16px; }
.rzt[data-t="academic"] .rz-name { font-size: 26px; font-weight: 700; letter-spacing: .02em; }
.rzt[data-t="academic"] .rz-pos { font-style: italic; font-size: 14px; color: #444; }
.rzt[data-t="academic"] .rz-cl { justify-content: center; font-size: 12px; color: #333; }
.rzt[data-t="academic"] .rzs-h { text-align: left; font-size: 12.5px; font-weight: 700; color: #111; border-bottom: 1px solid #ccc; padding-bottom: 2px; }
.rzt[data-t="academic"] .rzi-t { font-weight: 700; }
.rzt[data-t="academic"] .rz-tags li { border: 0; padding: 0; }
.rzt[data-t="academic"] .rz-tags li:not(:last-child)::after { content: " • "; }

/* 17. Startup — zamonaviy mahsulot/texnologiya uslubi */
.rzt[data-t="startup"] { padding: 46px 52px; font-family: Inter, sans-serif; }
.rzt[data-t="startup"] .rzt-hd { display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 2px solid #e2e8f0; padding-bottom: 16px; }
.rzt[data-t="startup"] .rz-name { font-size: 32px; font-weight: 800; background: linear-gradient(135deg, var(--rz), #1e293b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.rzt[data-t="startup"] .rz-pos { font-size: 15px; font-weight: 600; color: #64748b; }
.rzt[data-t="startup"] .rzs-h { font-size: 12px; font-weight: 800; letter-spacing: .1em; color: var(--rz); text-transform: uppercase; margin-bottom: 10px; }
.rzt[data-t="startup"] .rzi { background: #f8fafc; border: 1px solid #f1f5f9; border-radius: 8px; padding: 12px 14px; margin-bottom: 10px; }
.rzt[data-t="startup"] .rzi-p { background: #e2e8f0; padding: 2px 8px; border-radius: 999px; font-size: 11px; }

/* 18. Infographic — ko'nikmalar va vizual piktogramma */
.rzt[data-t="infographic"] { padding: 44px 50px; }
.rzt[data-t="infographic"] .rzt-hd { border-left: 8px solid var(--rz); padding-left: 20px; margin-bottom: 18px; }
.rzt[data-t="infographic"] .rz-name { font-size: 30px; color: var(--rz); font-weight: 800; }
.rzt[data-t="infographic"] .rzs-h { color: #0f172a; font-weight: 800; font-size: 13px; position: relative; padding-left: 12px; }
.rzt[data-t="infographic"] .rzs-h::before { content: ""; position: absolute; left: 0; top: 3px; bottom: 3px; width: 4px; background: var(--rz); border-radius: 2px; }
.rzt[data-t="infographic"] .rz-tags li { background: #f1f5f9; border: 1px solid #cbd5e1; border-radius: 6px; padding: 3px 10px; font-weight: 600; font-size: 12px; }

/* 19. Executive — rahbar va direktorlar uchun nufuzli format */
.rzt[data-t="executive"] { padding: 52px 60px; font-family: "Times New Roman", Times, serif; }
.rzt[data-t="executive"] .rzt-hd { text-align: center; display: block; border-top: 3px solid #1e293b; border-bottom: 1px solid #1e293b; padding: 18px 0; margin-bottom: 24px; }
.rzt[data-t="executive"] .rz-name { font-size: 32px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #0f172a; }
.rzt[data-t="executive"] .rz-pos { font-size: 14px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--rz); margin-top: 4px; }
.rzt[data-t="executive"] .rz-cl { justify-content: center; font-family: Inter, sans-serif; font-size: 12px; margin-top: 10px; color: #475569; }
.rzt[data-t="executive"] .rzs-h { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; border-bottom: 1.5px solid #334155; padding-bottom: 3px; color: #0f172a; }
.rzt[data-t="executive"] .rzi-t { font-size: 14.5px; font-weight: 700; color: #0f172a; }

/* Tanlov panelidagi kichik ko'rinishlar */
.rz-tpls { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px; }
.rz-tpl { border: 2px solid var(--line); border-radius: 8px; background: #fff; padding: 4px 4px 6px; cursor: pointer; font-size: 11.5px; font-weight: 600; color: var(--ink-2); display: grid; gap: 4px; }
.rz-tpl[aria-pressed="true"] { border-color: var(--brand); color: var(--ink); }
.rz-tpl i { display: block; aspect-ratio: 210/297; border-radius: 4px; background: #f3f4f6; position: relative; overflow: hidden; }
@media (max-width: 560px) { .rz-tpls { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.rz-stage { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 6px; box-shadow: var(--shadow-lg); background: #fff; }
.rz-stage .rz-sheet { transform-origin: 0 0; position: absolute; left: 0; top: 0; }
.rz-bar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 10px; }
.rz-bar .select { width: auto; max-width: 100%; min-width: 0; }
.rzw-preset-box { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; max-width: 100%; min-width: 0; }
.rz-pdf-hint { margin: -2px 0 10px; color: var(--muted); font-size: 12px; line-height: 1.45; }

/* ---------- ATS (sodda, bir ustun) shablon ---------- */
.rzt[data-t="ats"] { padding: 48px 56px; font-family: Arial, Helvetica, sans-serif; grid-template-areas: "hd" "main" "side"; grid-template-columns: 1fr; }
.rzt[data-t="ats"] .rz-name { color: #111; font-size: 26px; }
.rzt[data-t="ats"] .rz-pos { color: #111; font-weight: 700; }
.rzt[data-t="ats"] .rzt-hd { display: block; border-bottom: 1px solid #333; padding-bottom: 10px; }
.rzt[data-t="ats"] .rzt-hd .rz-ph { display: none; }         /* ATS: rasm chiqarilmaydi */
.rzt[data-t="ats"] .rzt-side .rzs-contact { display: none; }
.rzt[data-t="ats"] .rz-cl { color: #222; }
.rzt[data-t="ats"] .rzs-h { color: #111; border-bottom: 1px solid #999; padding-bottom: 2px; letter-spacing: .04em; }
.rzt[data-t="ats"] .rz-tags { display: block; }
.rzt[data-t="ats"] .rz-tags li { display: inline; border: 0; padding: 0; }
.rzt[data-t="ats"] .rz-tags li:not(:last-child)::after { content: ", "; }

/* ---------- Forma bosqichlari ---------- */
.rzw-top { margin-bottom: 14px; }
.rzw-steps { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; padding: 0; margin: 0 0 10px; }
.rzw-step { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--muted); padding: 5px 10px; border-radius: 999px; background: var(--surface-2); cursor: pointer; }
.rzw-step span { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--line-2); color: #fff; font-size: 12px; }
.rzw-step.is-cur { color: var(--ink); background: var(--brand-soft); }
.rzw-step.is-cur span, .rzw-step.is-done span { background: var(--brand); }
.rzw-step.is-done { color: var(--ink-2); }
.rzw-meter { height: 6px; background: var(--surface-2); border-radius: 999px; overflow: hidden; }
.rzw-meter i { display: block; height: 100%; background: var(--brand); border-radius: 999px; transition: width .25s; }
.rzw-meter-txt { font-size: 12px; color: var(--muted); float: right; margin-top: -18px; }
.rzw-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 24px; align-items: start; }
.rzw-num { font-size: 12px; font-weight: 700; color: var(--brand); letter-spacing: .04em; }
.rzw-title { font-size: 19px; margin: 2px 0 6px; }
.rzw-tip { font-size: 13.5px; color: var(--ink-2); line-height: 1.5; margin: 0 0 14px; background: var(--surface-2); border-radius: 10px; padding: 10px 12px; }
.rzw-tip b { color: var(--ink); }
.rzw-phrases { margin-top: 6px; border-top: 1px dashed var(--line); padding-top: 12px; }
.rzw-ph-h { font-size: 12.5px; font-weight: 600; color: var(--muted); margin-bottom: 8px; }
.rzw-ph-note { margin: -2px 0 8px; font-size: 12px; line-height: 1.45; color: var(--muted); }
.rzw-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.rzw-chip { border: 1px solid var(--line-2); background: var(--surface); border-radius: 8px; padding: 6px 10px; font-size: 12.5px; color: var(--ink-2); cursor: pointer; text-align: left; line-height: 1.35; max-width: 100%; }
.rzw-chip:hover { border-color: var(--brand); color: var(--ink); background: var(--brand-soft); }
.rzw-nav { display: flex; justify-content: space-between; gap: 12px; margin-top: 16px; }
.rzw-jump { display: none; margin-top: 12px; }
.rz-ats-b { background: #111; color: #fff; border-radius: 4px; font-size: 9px; padding: 1px 4px; vertical-align: middle; }
@media (max-width: 860px) {
  .rzw-body { grid-template-columns: 1fr; }
  .rzw-jump { display: block; }
}