/* Фишки статей блога raish.ru: врезки, попап, прогресс чтения, липкая кнопка. Токены — скилл brand. */
:root{--rk-bg:#1a2026;--rk-deep:#151a1e;--rk-card:#2f3640;--rk-line:#38424d;--rk-tx:#fff;--rk-tx2:#d6dde4;--rk-mut:#8ea0b1;--rk-acc:#f16c4d;--rk-acc2:#fda271;--rk-btn:#cad2db;--rk-tg:#0088cc}#blogertxt .rk-tip,#blogertxt .rk-offer,#blogertxt .rk-tg,#blogertxt .rk-rel,.rk-pop,.rk-sticky{font-family:"Inter Tight",sans-serif;box-sizing:border-box}#blogertxt .rk-tip *,#blogertxt .rk-offer *,#blogertxt .rk-tg *,#blogertxt .rk-rel *,.rk-pop *,.rk-sticky *{box-sizing:border-box}#blogertxt li.rk-li{list-style:none;margin-left:0;padding-left:0}#blogertxt li.rk-li::marker{content:""}#blogertxt .rk-kicker,#blogwrapper .rk-kicker{font-size:13px;line-height:1.3;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--rk-acc2);margin:0 0 12px}

/* Как пользоваться подборкой */
#blogertxt .rk-tip{margin:8px 0 32px;padding:22px 24px;background:var(--rk-deep);border:1px solid var(--rk-line);border-radius:8px}#blogertxt .rk-tip ol{margin:0;padding:0;list-style:none!important;counter-reset:rk}#blogertxt .rk-tip li::marker{content:""}#blogertxt .rk-tip li{list-style:none!important;counter-increment:rk;position:relative;padding:0 0 0 38px;margin:0 0 10px;color:var(--rk-tx2);font-size:16px;line-height:1.5}#blogertxt .rk-tip li:last-child{margin-bottom:0}#blogertxt .rk-tip li::before{content:counter(rk);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--rk-card);color:var(--rk-tx);font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center}

/* Врезка с предложением */
#blogertxt .rk-offer{margin:36px 0;padding:28px;background:var(--rk-card);border-radius:8px;position:relative;overflow:hidden}#blogertxt .rk-offer-who{display:flex;align-items:center;gap:12px;margin:0 0 18px}#blogertxt .rk-offer-who img{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--rk-acc)}#blogertxt .rk-offer-who span{font-size:14px;line-height:1.3;color:var(--rk-mut)}#blogertxt .rk-offer-who b{display:block;color:var(--rk-tx);font-weight:500;font-size:15px}#blogertxt .rk-offer-title{font-size:26px;line-height:1.25;font-weight:500;color:var(--rk-tx);margin:0 0 12px;max-width:640px;position:relative;z-index:1}#blogertxt .rk-mark{background:linear-gradient(100deg,rgba(241,108,77,0) 1%,rgba(241,108,77,.9) 4%,rgba(241,108,77,.82) 94%,rgba(241,108,77,0) 99%);border-radius:.3em .5em .4em .6em;padding:0 .18em;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff}#blogertxt .rk-offer-text{font-size:17px;line-height:1.55;color:var(--rk-tx2);margin:0 0 16px;max-width:620px;position:relative;z-index:1}#blogertxt .rk-points{display:flex;list-style:none!important;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0;list-style:none}#blogertxt .rk-points li::marker{content:""}#blogertxt .rk-points li{list-style:none!important;padding-left:34px!important;background:var(--rk-bg) url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M3%208.5l3%203%207-7%22%20fill%3D%22none%22%20stroke%3D%22%23fda271%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E") 14px 50%/14px no-repeat!important;display:inline-flex;align-items:center;gap:6px;margin:0;padding:7px 14px;border-radius:50px;background:var(--rk-bg);color:var(--rk-tx2);font-size:14px;line-height:1.2}#blogertxt .rk-points svg{color:var(--rk-acc2);flex:none}#blogertxt .rk-offer-act{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;position:relative;z-index:1}.rk-btn,#blogertxt .rk-btn{appearance:none;border:0;cursor:pointer;font:500 18px/1 "Inter Tight",sans-serif;color:var(--rk-bg);background:var(--rk-btn);padding:20px 32px;border-radius:8px;transition:background .2s}.rk-btn:hover,#blogertxt .rk-btn:hover{background:#e3e8ed}#blogertxt .rk-note{font-size:14px;color:var(--rk-mut)}

/* Telegram-канал */
#blogertxt .rk-tg{margin:36px 0;padding:22px 24px;border:1px solid var(--rk-line);border-radius:8px;display:flex;align-items:center;gap:18px}#blogertxt .rk-tg-ico{flex:none;width:48px;height:48px;border-radius:50%;background:var(--rk-tg) url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.78%2015.6l-.4%204.02c.57%200%20.82-.25%201.12-.54l2.7-2.58%205.6%204.1c1.03.57%201.76.27%202.03-.95l3.67-17.2c.33-1.52-.55-2.12-1.55-1.75L1.4%209.06c-1.48.57-1.46%201.4-.25%201.78l5.5%201.71L19.4%204.5c.6-.4%201.15-.18.7.22z%22/%3E%3C/svg%3E") 47% 52%/22px no-repeat;color:#fff;display:flex;align-items:center;justify-content:center}#blogertxt .rk-tg-body{flex:1;min-width:0}#blogertxt .rk-tg-title{font-size:19px;line-height:1.3;font-weight:500;color:var(--rk-tx);margin:0 0 4px}#blogertxt .rk-tg p{margin:0;font-size:15px;line-height:1.5;color:var(--rk-mut)}#blogwrapper a.rk-tg-btn,#blogertxt a.rk-tg-btn{flex:none;color:#fff!important;background:var(--rk-tg);text-decoration:none!important;font:500 15px/1 "Inter Tight",sans-serif;padding:16px 22px;border-radius:8px;white-space:nowrap;transition:filter .2s}#blogertxt a.rk-tg-btn:hover{filter:brightness(1.1)}

/* Читайте также */
#blogertxt .rk-rel{margin:44px 0 8px}#blogertxt .rk-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}#blogwrapper a.rk-rel-card,#blogertxt a.rk-rel-card{display:block;padding:18px 18px 20px;background:var(--rk-deep);border:1px solid var(--rk-line);border-radius:8px;color:var(--rk-tx)!important;text-decoration:none!important;font-size:16px;line-height:1.4;font-weight:500;transition:border-color .2s,transform .2s}#blogertxt a.rk-rel-card:hover{border-color:var(--rk-acc);transform:translateY(-2px)}

/* Прогресс чтения */
.rk-progress{position:fixed;left:0;top:0;height:3px;width:0;background:var(--rk-acc);z-index:2147482000;pointer-events:none;transition:width .1s linear}

/* Попап и форма заявки */
.rk-pop{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(10,13,16,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.rk-pop.is-open{opacity:1;visibility:visible}html:has(.rk-pop.is-open){overflow:hidden}.rk-pop-card{position:relative;width:min(760px,100%);max-height:calc(100dvh - 32px);overflow:auto;display:grid;grid-template-columns:260px 1fr;background:var(--rk-bg);border:1px solid var(--rk-line);border-radius:8px;box-shadow:0 30px 70px rgba(0,0,0,.45);transform:translateY(24px) scale(.97);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.rk-pop.is-open .rk-pop-card{transform:none}.rk-pop-side{position:relative;background:#1e252b url(/blog-kit/radik-pop.webp) center top/cover no-repeat;border-radius:7px 0 0 7px;min-height:100%}.rk-pop-side span{position:absolute;left:14px;right:14px;bottom:14px;padding:10px 12px;border-radius:8px;background:rgba(26,32,38,.82);color:var(--rk-tx2);font-size:13px;line-height:1.35}.rk-pop-side b{display:block;color:#fff;font-weight:500;font-size:14px}.rk-pop-main{padding:30px 30px 26px}.rk-pop-x{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:0;background:var(--rk-card);color:var(--rk-tx2);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}.rk-pop-x:hover{color:#fff}.rk-pop-title{font-size:28px;line-height:1.2;font-weight:500;color:#fff;margin:0 40px 10px 0}.rk-pop-lead{font-size:16px;line-height:1.5;color:var(--rk-tx2);margin:0 0 20px}.rk-f-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}.rk-in{width:100%;height:53px;padding:0 16px;border-radius:8px;border:1px solid rgba(98,121,144,.4);background:var(--rk-bg);color:#fff;font:400 16px "Inter Tight",sans-serif;outline:none;transition:border-color .2s}.rk-in::placeholder{color:var(--rk-mut)}.rk-in:focus{border-color:var(--rk-acc2)}.rk-f-lbl{font-size:14px;color:var(--rk-mut);margin:0 0 8px}.rk-ch{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.rk-ch label{cursor:pointer}.rk-ch input{position:absolute;opacity:0;pointer-events:none}.rk-ch span{display:inline-block;padding:11px 16px;border-radius:8px;border:1px solid rgba(98,121,144,.4);color:var(--rk-tx2);font-size:14px;line-height:1;transition:all .2s}.rk-ch input:checked+span{border-color:transparent;color:#fff}.rk-ch input[value=Telegram]:checked+span{background:#0088cc}.rk-ch input[value=WhatsApp]:checked+span{background:#25d366;color:#0b2414}.rk-ch input[value=MAX]:checked+span{background:#7b3fe4}.rk-ch input[value="Звонок"]:checked+span{background:var(--rk-btn);color:var(--rk-bg)}.rk-ch input:focus-visible+span{outline:2px solid var(--rk-acc2);outline-offset:2px}.rk-handle{margin:0 0 14px}.rk-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.4;color:var(--rk-mut);margin:0 0 18px;cursor:pointer}.rk-consent input{margin:2px 0 0;accent-color:var(--rk-acc)}.rk-consent a{color:var(--rk-tx2)!important;text-decoration:underline!important}.rk-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}.rk-pop .rk-btn{width:100%;padding:21px 18px;font-size:19px}.rk-pop .rk-btn[disabled]{opacity:.6;cursor:wait}.rk-pop-note{text-align:center;font-size:13px;color:var(--rk-mut);margin:12px 0 0}.rk-err{color:#ff8a73;font-size:14px;margin:0 0 12px;min-height:0}.rk-done{text-align:left;padding:20px 0}.rk-done .rk-pop-title{margin-bottom:12px}

/* Липкая кнопка на мобильном */
.rk-sticky{display:none}
@media (max-width:900px){
.rk-sticky{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:2147482500;transform:translateY(140%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.rk-sticky.is-on{transform:none}.rk-sticky .rk-btn{width:100%;padding:19px}
}

@media (max-width:760px){
#blogertxt .rk-offer{padding:22px 18px;border-radius:8px;margin:28px 0}#blogertxt .rk-offer-title{font-size:21px}#blogertxt .rk-offer-text{font-size:16px}#blogertxt .rk-offer .rk-btn{width:100%}#blogertxt .rk-tg{flex-wrap:wrap;padding:18px}#blogertxt .rk-tg-body{flex:1 1 calc(100% - 66px)}#blogertxt a.rk-tg-btn,#blogwrapper a.rk-tg-btn{width:100%;text-align:center}#blogertxt .rk-rel-grid{grid-template-columns:1fr}#blogertxt .rk-tip{padding:18px}.rk-pop{align-items:flex-end;padding:0}.rk-pop-card{grid-template-columns:1fr;border-radius:8px 8px 0 0;max-height:92dvh;transform:translateY(100%)}.rk-pop-side{min-height:0;height:110px;border-radius:7px 7px 0 0;background-position:center 9%}.rk-pop-side span{right:auto;max-width:60%;bottom:12px}.rk-pop-main{padding:22px 18px calc(18px + env(safe-area-inset-bottom))}.rk-pop-title{font-size:23px}.rk-f-row{grid-template-columns:1fr}
}

/* компактная форма (04.10): каналы в одну строку, без ника; на мобильном вместо полосы с фото — круглое фото рядом с именем */
.rk-pop-who{display:none}
.rk-ch{flex-wrap:nowrap;gap:6px}
.rk-ch label{flex:1;min-width:0}
.rk-ch span{display:block;text-align:center;padding:12px 6px;white-space:nowrap}
.rk-consent{margin:0 0 14px}
@media (max-width:760px){
  .rk-pop-side{display:none}
  .rk-pop-who{display:flex;align-items:center;gap:12px;margin:0 44px 14px 0}
  .rk-pop-who img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid rgba(214,221,228,.6)}
  .rk-pop-who span{font-size:13px;line-height:1.3;color:var(--rk-mut)}
  .rk-pop-who b{display:block;color:#fff;font-weight:500;font-size:15px}
  .rk-pop-main{padding:20px 16px calc(16px + env(safe-area-inset-bottom))}
  .rk-pop-title{font-size:22px;margin:0 0 6px}
  .rk-pop-lead{font-size:15px;margin:0 0 14px}
  .rk-f-row{grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px}
  .rk-in{height:48px;padding:0 12px;font-size:16px}
  .rk-f-lbl{margin:0 0 6px}
  .rk-ch{margin:0 0 12px}
  .rk-ch span{padding:11px 2px;font-size:13px}
  .rk-pop .rk-btn{padding:18px}
  .rk-pop-note{margin:10px 0 0}
}
