.rpie-blog-layout{--primary: #7857F0;--primary-2: #9A82F6;--primary-deep: #5B3FD6;--lav: #EDE9FC;--lav-2: #E2DBFA;--lav-hl: #D8CEF7;--lav-soft: #F4F1FD;--ink: #16131F;--ink-2: #605C72;--ink-3: #8A8799;--bg: #FFFFFF;--card: #FFFFFF;--border: #ECE8F6;--border-2: #E3DEF3;--dark: #241B47;--dark-2: #1B1438;--lime: #C4F542;--lime-deep: #A6DC2E;--lime-ink: #4E6B00;--radius: 24px;--radius-lg: 30px;--radius-sm: 14px;--pill: 9999px;--mono: "JetBrains Mono", monospace;--ease: cubic-bezier(.22, 1, .36, 1);--sh-sm: 0 6px 20px -10px rgba(40, 28, 90, .18);--sh: 0 26px 60px -28px rgba(60, 42, 120, .3);--sh-lg: 0 50px 110px -40px rgba(76, 52, 150, .4);--wrap: 1240px;background:var(--bg);color:var(--ink);font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}.rpie-blog-layout *{box-sizing:border-box}.rpie-blog-layout a{color:inherit;text-decoration:none}.rpie-blog-layout button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}.rpie-blog-layout img{max-width:100%;display:block}.rpie-blog-layout ::-moz-selection{background:var(--lav-hl);color:var(--ink)}.rpie-blog-layout ::selection{background:var(--lav-hl);color:var(--ink)}.rpie-blog-layout .wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px;position:relative;z-index:2}.rpie-blog-layout .h1{font-weight:700;font-size:clamp(44px,5.6vw,78px);line-height:1.04;letter-spacing:-.025em;text-wrap:balance}.rpie-blog-layout .h2{font-weight:700;font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-.02em;text-wrap:balance}.rpie-blog-layout .grad{color:var(--primary)}.rpie-blog-layout .hl{position:relative;display:inline-block;padding:0 .14em;color:var(--ink);isolation:isolate}.rpie-blog-layout .hl:before{content:"";position:absolute;inset:.02em -.02em;z-index:-2;border-radius:10px;background:var(--lime);transform:rotate(-.8deg);transform-origin:left center;animation:rpieHlDraw .7s var(--ease) .2s both}.rpie-blog-layout .hl:after{content:"";position:absolute;inset:.02em -.02em;z-index:-1;border-radius:10px;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.72) 50%,transparent 62%);background-size:260% 100%;transform:rotate(-.8deg);animation:rpieHlShine 3.6s ease-in-out 1.1s infinite}@keyframes rpieHlDraw{0%{transform:rotate(-.8deg) scaleX(0)}to{transform:rotate(-.8deg) scaleX(1)}}@keyframes rpieHlShine{0%{background-position:140% 0}55%,to{background-position:-140% 0}}.rpie-blog-layout .pill{display:inline-flex;align-items:center;gap:9px;background:var(--card);color:var(--ink);border:1px solid var(--border-2);padding:9px 18px;border-radius:var(--pill);font-size:14px;font-weight:500;box-shadow:var(--sh-sm)}.rpie-blog-layout .pill .dot{width:8px;height:8px;border-radius:50%;background:var(--primary);animation:rpieDotPulse 2.4s ease-in-out infinite}.rpie-blog-layout .pill.lav{background:var(--lav-soft);border-color:transparent}@keyframes rpieDotPulse{0%,to{box-shadow:0 0 #7857f066}50%{box-shadow:0 0 0 5px #7857f000}}.rpie-blog-layout .btn-lime{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--lime);color:var(--ink);font-weight:600;font-size:15px;border-radius:var(--pill);padding:14px 24px;transition:transform .2s var(--ease),box-shadow .25s}.rpie-blog-layout .btn-lime:hover{transform:translateY(-3px);background:var(--lime-deep);box-shadow:0 22px 50px -18px #c4f5428c}.rpie-blog-layout .btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1.5px solid var(--border-2);color:var(--ink);background:var(--card);font-weight:600;font-size:15px;border-radius:var(--pill);padding:14px 24px;transition:transform .2s var(--ease),border-color .2s,color .2s,box-shadow .25s}.rpie-blog-layout .btn-outline:hover{transform:translateY(-3px);border-color:var(--primary);color:var(--primary);box-shadow:var(--sh-sm)}.rpie-blog-layout .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.rpie-blog-layout .reveal.in{opacity:1;transform:none}.rpie-blog-layout .d1{transition-delay:.08s}.rpie-blog-layout .d2{transition-delay:.16s}.rpie-blog-layout .d3{transition-delay:.24s}.rpie-blog-layout .d4{transition-delay:.32s}.rpie-blog-layout .cat{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;font-weight:500;padding:5px 12px;border-radius:var(--pill);background:var(--lav-soft);color:var(--primary);border:1px solid var(--lav-2)}.rpie-blog-layout .cat.lime{background:#f4fbdb;color:var(--lime-ink);border-color:#e3f3ae}.rpie-blog-layout .cat.news{background:#fff3e8;color:#b4550a;border-color:#fbe1c8}.rpie-blog-layout .meta{display:flex;align-items:center;gap:11px;font-size:13.5px;color:var(--ink-3)}.rpie-blog-layout .meta .ava{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary-2),var(--primary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:600;flex:none;overflow:hidden}.rpie-blog-layout .meta .ava img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.rpie-blog-layout .meta b{color:var(--ink);font-weight:600}.rpie-blog-layout .blog-hero{padding:46px 0 28px}.rpie-blog-layout .blog-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:end;margin-bottom:28px}.rpie-blog-layout .blog-hero .h1{margin-top:14px;font-size:clamp(34px,3.8vw,52px)}.rpie-blog-layout .blog-hero .pill{padding:7px 14px;font-size:12.5px}.rpie-blog-layout .blog-hero-side{font-size:14.5px;color:var(--ink-2);max-width:360px;justify-self:end;padding-bottom:8px}.rpie-blog-layout .featured{display:grid;grid-template-columns:1.05fr .95fr;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sh);transition:transform .3s var(--ease),box-shadow .35s}.rpie-blog-layout .featured:hover{transform:translateY(-5px);box-shadow:var(--sh-lg)}.rpie-blog-layout .featured-media{position:relative;min-height:300px;background:linear-gradient(135deg,var(--dark-2),var(--dark) 45%,#3a2a6e);display:flex;align-items:center;justify-content:center;overflow:hidden}.rpie-blog-layout .featured-media:before{content:"";position:absolute;top:-30%;right:-20%;width:70%;height:120%;background:radial-gradient(closest-side,rgba(124,92,246,.55),transparent 70%);filter:blur(40px)}.rpie-blog-layout .featured-media:after{content:"";position:absolute;bottom:-40%;left:-15%;width:60%;height:100%;background:radial-gradient(closest-side,rgba(196,245,66,.14),transparent 70%);filter:blur(40px)}.rpie-blog-layout .featured-media>img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}.rpie-blog-layout .featured-media .flag{position:absolute;top:22px;left:22px;z-index:2;display:inline-flex;align-items:center;gap:8px;background:#ffffff1f;border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(8px);color:#fff;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:7px 14px;border-radius:var(--pill)}.rpie-blog-layout .featured-media .flag i{width:7px;height:7px;border-radius:50%;background:var(--lime)}.rpie-blog-layout .fm-art{position:relative;z-index:1;width:64%;background:#ffffff14;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:10px;transform:rotate(-2deg);transition:transform .4s var(--ease)}.rpie-blog-layout .featured:hover .fm-art{transform:rotate(0) scale(1.03)}.rpie-blog-layout .fm-art .t{height:13px;width:74%;border-radius:7px;background:linear-gradient(90deg,var(--primary-2),var(--lime))}.rpie-blog-layout .fm-art .l{height:7px;border-radius:4px;background:#ffffff59}.rpie-blog-layout .fm-art .l.s{width:58%}.rpie-blog-layout .fm-art .chips{display:flex;gap:7px;margin-top:6px}.rpie-blog-layout .fm-art .chips span{font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#ffffff24;border-radius:var(--pill);padding:4px 10px}.rpie-blog-layout .featured-body{padding:32px 36px;display:flex;flex-direction:column;gap:13px}.rpie-blog-layout .featured-body .cat{align-self:flex-start}.rpie-blog-layout .featured-body h2{font-size:clamp(20px,1.9vw,26px);font-weight:700;line-height:1.25;letter-spacing:-.02em}.rpie-blog-layout .featured-body h2 a{transition:color .18s}.rpie-blog-layout .featured-body h2 a:hover{color:var(--primary)}.rpie-blog-layout .featured-body p{color:var(--ink-2);font-size:14.5px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rpie-blog-layout .featured-body .meta{margin-top:auto}.rpie-blog-layout .filters{display:flex;gap:9px;flex-wrap:wrap;padding:24px 0 4px}.rpie-blog-layout .filter{display:inline-flex;align-items:center;gap:8px;padding:9px 17px;border-radius:var(--pill);border:1px solid var(--border-2);background:var(--card);font-size:13.5px;font-weight:500;color:var(--ink-2);transition:all .2s var(--ease)}.rpie-blog-layout .filter .n{font-family:var(--mono);font-size:11px;background:var(--lav-soft);color:var(--primary);border-radius:var(--pill);padding:2px 8px}.rpie-blog-layout .filter:hover{border-color:var(--primary-2);color:var(--primary);transform:translateY(-2px);box-shadow:var(--sh-sm)}.rpie-blog-layout .filter.on{background:var(--ink);border-color:var(--ink);color:#fff}.rpie-blog-layout .filter.on .n{background:#ffffff29;color:var(--lime)}.rpie-blog-layout .blog-main{padding:26px 0 90px}.rpie-blog-layout .blog-cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:36px;align-items:start}.rpie-blog-layout .list-head{display:flex;align-items:center;gap:12px;margin-bottom:26px}.rpie-blog-layout .list-head .bar{width:4px;height:26px;border-radius:3px;background:var(--primary)}.rpie-blog-layout .list-head h2{font-size:24px;font-weight:700;letter-spacing:-.01em}.rpie-blog-layout .post-row{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:14px;transition:transform .25s var(--ease),box-shadow .3s,border-color .3s}.rpie-blog-layout .post-row:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:var(--border-2)}.rpie-blog-layout .post-cover{position:relative;border-radius:16px;overflow:hidden;min-height:126px;display:flex;align-items:center;justify-content:center}.rpie-blog-layout .post-cover>img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}.rpie-blog-layout .post-cover .cat{position:absolute;top:12px;left:12px;z-index:2;background:#ffffffeb;backdrop-filter:blur(4px)}.rpie-blog-layout .post-cover svg{width:54px;height:54px;opacity:.9;transition:transform .35s var(--ease)}.rpie-blog-layout .post-row:hover .post-cover svg{transform:scale(1.12) rotate(-3deg)}.rpie-blog-layout .cv-a{background:linear-gradient(135deg,var(--lav),var(--lav-hl));color:var(--primary)}.rpie-blog-layout .cv-b{background:linear-gradient(135deg,#f4fbdb,#e4f79e);color:var(--lime-ink)}.rpie-blog-layout .cv-c{background:linear-gradient(135deg,var(--dark-2),#3a2a6e);color:#b7a5f9}.rpie-blog-layout .cv-d{background:linear-gradient(135deg,#fff3e8,#fbe1c8);color:#b4550a}.rpie-blog-layout .post-body{display:flex;flex-direction:column;gap:9px;padding:8px 10px 8px 0;min-width:0}.rpie-blog-layout .post-body h3{font-size:17px;font-weight:600;line-height:1.35;letter-spacing:-.01em}.rpie-blog-layout .post-body h3 a{transition:color .18s}.rpie-blog-layout .post-body h3 a:hover{color:var(--primary)}.rpie-blog-layout .post-body p{font-size:13.5px;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rpie-blog-layout .post-body .meta{margin-top:auto}.rpie-blog-layout .side{position:sticky;top:84px;display:flex;flex-direction:column;gap:20px}.rpie-blog-layout .side-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:26px}.rpie-blog-layout .side-card h3{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;margin-bottom:8px}.rpie-blog-layout .side-card h3 .bar{width:4px;height:20px;border-radius:3px;background:var(--primary)}.rpie-blog-layout .side-card .empty{font-size:14px;color:var(--ink-3)}.rpie-blog-layout .side-card .mini{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-bottom:1px dashed var(--border)}.rpie-blog-layout .side-card .mini:last-child{border-bottom:0;padding-bottom:0}.rpie-blog-layout .side-card .mini .rank{font-family:var(--mono);font-size:18px;font-weight:500;color:var(--primary);width:26px;flex:none;letter-spacing:-.02em}.rpie-blog-layout .side-card .mini h5{font-size:14.5px;font-weight:600;line-height:1.3;margin-bottom:4px;text-wrap:pretty}.rpie-blog-layout .side-card .mini .m{font-size:11.5px;color:var(--ink-3)}.rpie-blog-layout .side-card .mini:hover h5{color:var(--primary)}.rpie-blog-layout .promo{background:linear-gradient(150deg,var(--dark-2),var(--dark) 55%,#3a2a6e);border-radius:var(--radius);padding:30px;color:#fff;position:relative;overflow:hidden}.rpie-blog-layout .promo:before{content:"";position:absolute;top:-40%;right:-30%;width:80%;height:110%;background:radial-gradient(closest-side,rgba(124,92,246,.55),transparent 70%);filter:blur(36px)}.rpie-blog-layout .promo .mono-badge{position:relative;display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#ffffffa6}.rpie-blog-layout .promo .mono-badge i{width:7px;height:7px;border-radius:50%;background:var(--lime)}.rpie-blog-layout .promo h3{position:relative;font-size:21px;font-weight:700;line-height:1.3;margin:14px 0 10px}.rpie-blog-layout .promo h3 em{font-style:normal;color:var(--lime)}.rpie-blog-layout .promo p{position:relative;font-size:14px;color:#ffffffb8;margin-bottom:16px}.rpie-blog-layout .promo ul{position:relative;list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:22px}.rpie-blog-layout .promo li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#ffffffd9}.rpie-blog-layout .promo li .ck{flex:none;width:18px;height:18px;border-radius:50%;background:var(--lime);display:grid;place-items:center;color:var(--ink)}.rpie-blog-layout .promo li .ck svg{width:10px;height:10px}.rpie-blog-layout .promo .btn-lime{position:relative;width:100%}.rpie-blog-layout .news-band{padding:0 0 100px}.rpie-blog-layout .news-band .band{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;text-align:left;padding:60px 56px;position:relative;overflow:hidden;background:linear-gradient(150deg,var(--dark-2),var(--dark) 55%,#3a2a6e);border-radius:var(--radius-lg);color:#fff}.rpie-blog-layout .news-band .band:before{content:"";position:absolute;top:-50%;right:-10%;width:45%;height:160%;background:radial-gradient(closest-side,rgba(124,92,246,.55),transparent 70%);filter:blur(46px)}.rpie-blog-layout .news-band .band:after{content:"";position:absolute;bottom:-60%;left:-6%;width:40%;height:150%;background:radial-gradient(closest-side,rgba(196,245,66,.16),transparent 70%);filter:blur(46px)}.rpie-blog-layout .news-band .band .h2{position:relative;z-index:1;margin:0;font-size:clamp(26px,3vw,40px)}.rpie-blog-layout .news-band .band .h2 em{font-style:normal;color:var(--lime)}.rpie-blog-layout .news-band .band p{position:relative;z-index:1;color:#ffffffb8;margin-top:12px;font-size:15.5px;max-width:420px}.rpie-blog-layout .news-form{position:relative;z-index:1;display:flex;gap:10px}.rpie-blog-layout .news-form input{flex:1;min-width:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.22);border-radius:var(--pill);padding:15px 22px;font:inherit;font-size:14.5px;color:#fff;outline:none;transition:border-color .2s,background .2s}.rpie-blog-layout .news-form input::-moz-placeholder{color:#ffffff73}.rpie-blog-layout .news-form input::placeholder{color:#ffffff73}.rpie-blog-layout .news-form input:focus{border-color:var(--lime);background:#ffffff24}.rpie-blog-layout .news-form .btn-lime{flex:none}.rpie-blog-layout .cat-hero{padding:46px 0 8px}.rpie-blog-layout .cat-hero .crumbs{justify-content:flex-start}.rpie-blog-layout .cat-hero .lead{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-top:12px}.rpie-blog-layout .cat-hero .h1{font-size:clamp(34px,3.8vw,54px);margin:0}.rpie-blog-layout .cat-hero p{color:var(--ink-2);font-size:15px;line-height:1.6;max-width:520px;margin:16px 0 0}.rpie-blog-layout .cat-hero .count{text-align:right}.rpie-blog-layout .cat-hero .count b{font-size:46px;font-weight:700;letter-spacing:-.03em;display:block;line-height:1}.rpie-blog-layout .cat-hero .count span{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.rpie-blog-layout .author-hero{display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center;margin-top:14px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--sh);padding:34px 38px}.rpie-blog-layout .author-hero .ava{width:104px;height:104px;border-radius:28px;background:linear-gradient(135deg,var(--primary-2),var(--primary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:600;letter-spacing:-.02em;flex:none;overflow:hidden;box-shadow:0 16px 30px -14px #7857f08c}.rpie-blog-layout .author-hero .ava img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.rpie-blog-layout .author-hero .role{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin-bottom:8px}.rpie-blog-layout .author-hero .h1{font-size:clamp(28px,3vw,40px);margin:0 0 8px}.rpie-blog-layout .author-hero p{font-size:14.5px;color:var(--ink-2);line-height:1.6;max-width:560px;margin:0 0 12px}.rpie-blog-layout .author-hero .social{display:flex;gap:8px;flex-wrap:wrap}.rpie-blog-layout .author-hero .social a{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--lav-soft);border:1px solid var(--lav-2);color:var(--ink-3);display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s}.rpie-blog-layout .author-hero .social a:hover{border-color:var(--primary-2);color:var(--primary)}.rpie-blog-layout .author-hero .ah-stats{display:flex;gap:10px}.rpie-blog-layout .author-hero .ah-stats .st{min-width:92px;text-align:center;background:var(--lav-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px}.rpie-blog-layout .author-hero .ah-stats .st b{display:block;font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--primary)}.rpie-blog-layout .author-hero .ah-stats .st span{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}@media(max-width:1024px){.rpie-blog-layout .author-hero{grid-template-columns:1fr;gap:20px;padding:26px 24px}.rpie-blog-layout .author-hero .ah-stats{justify-content:flex-start}}.rpie-blog-layout .art-hero{padding:46px 0 28px;text-align:center}.rpie-blog-layout .crumbs{display:flex;align-items:center;justify-content:center;gap:9px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px;flex-wrap:wrap}.rpie-blog-layout .crumbs a{color:var(--ink-3);transition:color .15s}.rpie-blog-layout .crumbs a:hover{color:var(--primary)}.rpie-blog-layout .crumbs .sep{opacity:.5}.rpie-blog-layout .crumbs b{color:var(--ink-2);font-weight:600}.rpie-blog-layout .art-hero .cat{margin-bottom:14px}.rpie-blog-layout .art-hero h1{font-weight:700;font-size:clamp(26px,3.2vw,40px);line-height:1.15;letter-spacing:-.02em;max-width:800px;margin:0 auto;text-wrap:balance}.rpie-blog-layout .art-hero .meta{justify-content:center;margin-top:16px;font-size:13.5px}.rpie-blog-layout .art-hero .meta .who{text-align:left}.rpie-blog-layout .art-hero .meta .who b{display:block}.rpie-blog-layout .art-hero .meta .who span{color:var(--ink-3);font-size:12.5px}.rpie-blog-layout .art-hero .meta .share{display:flex;gap:6px;margin-left:4px}.rpie-blog-layout .art-hero .meta .share a{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--border);color:var(--ink-3);display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s,background .15s}.rpie-blog-layout .art-hero .meta .share a:hover{border-color:var(--primary-2);color:var(--primary);background:var(--lav-soft)}.rpie-blog-layout .art-cover{max-width:880px;margin:28px auto 0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sh-lg);position:relative;aspect-ratio:21/8;background:linear-gradient(135deg,var(--dark-2),var(--dark) 45%,#3a2a6e);display:flex;align-items:center;justify-content:center}.rpie-blog-layout .art-cover:before{content:"";position:absolute;top:-30%;right:-15%;width:65%;height:120%;background:radial-gradient(closest-side,rgba(124,92,246,.55),transparent 70%);filter:blur(44px)}.rpie-blog-layout .art-cover:after{content:"";position:absolute;bottom:-40%;left:-10%;width:55%;height:110%;background:radial-gradient(closest-side,rgba(196,245,66,.13),transparent 70%);filter:blur(44px)}.rpie-blog-layout .art-cover>img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}.rpie-blog-layout .art-cover .glyph{position:relative;z-index:1;color:#b7a5f9}.rpie-blog-layout .art-main{padding:40px 0 90px}.rpie-blog-layout .art-cols{display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px;align-items:start;max-width:1120px;margin:0 auto}.rpie-blog-layout .toc{position:sticky;top:84px;display:flex;flex-direction:column;gap:20px}.rpie-blog-layout .toc-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.rpie-blog-layout .toc-card .tt{font-family:var(--mono);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);font-weight:500;margin-bottom:14px}.rpie-blog-layout .toc-card ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.rpie-blog-layout .toc-card ol a{position:relative;display:block;font-size:13.5px;color:var(--ink-2);padding:7px 0 7px 16px;line-height:1.4;border-left:2px solid var(--border);transition:color .18s,border-color .18s}.rpie-blog-layout .toc-card ol a:hover{color:var(--primary)}.rpie-blog-layout .toc-card ol a.on{color:var(--primary);font-weight:600;border-left-color:var(--primary)}.rpie-blog-layout .toc-card .prog{margin-top:18px}.rpie-blog-layout .toc-card .prog .l{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}.rpie-blog-layout .toc-card .prog .track{height:4px;border-radius:3px;background:var(--lav-soft);overflow:hidden}.rpie-blog-layout .toc-card .prog .track i{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,var(--primary-2),var(--primary));transition:width .12s linear}.rpie-blog-layout .prose{font-size:16px;line-height:1.8;color:var(--ink-2);max-width:720px}.rpie-blog-layout .prose>*+*{margin-top:1.15em}.rpie-blog-layout .prose .lede{font-size:18.5px;line-height:1.7;color:var(--ink);font-weight:500}.rpie-blog-layout .prose h2{font-size:clamp(21px,2.2vw,27px);font-weight:700;line-height:1.25;letter-spacing:-.02em;color:var(--ink);margin-top:1.8em;scroll-margin-top:96px}.rpie-blog-layout .prose h2 .n{font-family:var(--mono);font-size:.55em;font-weight:500;color:var(--primary);vertical-align:.5em;margin-right:10px}.rpie-blog-layout .prose h3{font-size:18.5px;font-weight:600;color:var(--ink);margin-top:1.6em;scroll-margin-top:96px}.rpie-blog-layout .prose b,.rpie-blog-layout .prose strong{color:var(--ink);font-weight:600}.rpie-blog-layout .prose a{color:var(--primary);font-weight:500;text-decoration:underline;text-decoration-color:var(--lav-hl);text-underline-offset:3px;transition:text-decoration-color .18s}.rpie-blog-layout .prose a:hover{text-decoration-color:var(--primary)}.rpie-blog-layout .prose ul{list-style:none;display:flex;flex-direction:column;gap:10px;padding-left:2px}.rpie-blog-layout .prose ul li{position:relative;padding-left:28px}.rpie-blog-layout .prose ul li:before{content:"";position:absolute;left:0;top:.52em;width:14px;height:14px;border-radius:50%;background:var(--lime)}.rpie-blog-layout .prose ul li:after{content:"";position:absolute;left:3.5px;top:calc(.52em + 3.5px);width:7px;height:7px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%2316131f' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat}.rpie-blog-layout .prose ol{padding-left:24px;display:flex;flex-direction:column;gap:10px}.rpie-blog-layout .prose ol li::marker{color:var(--primary);font-weight:600}.rpie-blog-layout .prose blockquote{border-left:3px solid var(--primary);background:var(--lav-soft);border-radius:0 16px 16px 0;padding:20px 26px;font-size:16.5px;color:var(--ink);font-weight:500}.rpie-blog-layout .prose figure{margin-top:2em}.rpie-blog-layout .prose figure img{width:100%;border-radius:20px}.rpie-blog-layout .prose figcaption{font-size:13px;color:var(--ink-3);margin-top:10px;text-align:center;font-family:var(--mono)}.rpie-blog-layout .prose img{max-width:100%;height:auto;border-radius:16px}.rpie-blog-layout .prose table{width:100%;border-collapse:collapse;font-size:14.5px;margin-top:1.5em;border:1px solid var(--border);border-radius:16px;overflow:hidden}.rpie-blog-layout .prose th{background:var(--lav-soft);color:var(--ink);font-weight:600;text-align:left;padding:13px 18px;border-bottom:1px solid var(--border)}.rpie-blog-layout .prose td{padding:13px 18px;border-bottom:1px solid var(--border);color:var(--ink-2)}.rpie-blog-layout .prose tr:last-child td{border-bottom:0}.rpie-blog-layout .prose .callout{display:flex;gap:16px;background:linear-gradient(135deg,#f8fce8,#f1facd);border:1px solid #E3F3AE;border-radius:18px;padding:22px 24px;font-size:15.5px;color:var(--ink)}.rpie-blog-layout .prose .callout .ic{flex:none;width:38px;height:38px;border-radius:12px;background:var(--lime);display:grid;place-items:center;color:var(--ink)}.rpie-blog-layout .prose .callout b{display:block;margin-bottom:2px}.rpie-blog-layout .prose .faq-mini{border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-top:12px}.rpie-blog-layout .prose .faq-mini summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 22px;font-weight:600;font-size:15.5px;color:var(--ink)}.rpie-blog-layout .prose .faq-mini summary::-webkit-details-marker{display:none}.rpie-blog-layout .prose .faq-mini summary:after{content:"+";font-size:20px;color:var(--primary);transition:transform .25s var(--ease)}.rpie-blog-layout .prose .faq-mini[open] summary:after{transform:rotate(45deg)}.rpie-blog-layout .prose .faq-mini div{padding:0 22px 18px;font-size:14.5px}.rpie-blog-layout .art-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:2.4em}.rpie-blog-layout .art-tags a{font-size:12.5px;font-weight:500;color:var(--ink-2);background:var(--lav-soft);border:1px solid var(--lav-2);padding:7px 13px;border-radius:var(--pill);transition:border-color .15s,color .15s}.rpie-blog-layout .art-tags a:before{content:"#";color:var(--ink-3);margin-right:2px}.rpie-blog-layout .art-tags a:hover{border-color:var(--primary-2);color:var(--primary)}.rpie-blog-layout .author-box{display:flex;gap:20px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;margin-top:48px;max-width:720px}.rpie-blog-layout .author-box .ava{flex:none;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--primary-2),var(--primary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;overflow:hidden}.rpie-blog-layout .author-box .ava img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.rpie-blog-layout .author-box h4{font-size:17px;font-weight:600}.rpie-blog-layout .author-box .role{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--primary);margin:2px 0 8px}.rpie-blog-layout .author-box p{font-size:14px;color:var(--ink-2);margin-bottom:12px}.rpie-blog-layout .author-box .social{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.rpie-blog-layout .author-box .social a{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--lav-soft);border:1px solid var(--lav-2);color:var(--ink-3);display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s}.rpie-blog-layout .author-box .social a:hover{border-color:var(--primary-2);color:var(--primary)}.rpie-blog-layout .author-box .follow a{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--primary)}.rpie-blog-layout .related{padding:0 0 100px}.rpie-blog-layout .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.rpie-blog-layout .rel-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .25s var(--ease),box-shadow .3s}.rpie-blog-layout .rel-card:hover{transform:translateY(-5px);box-shadow:var(--sh)}.rpie-blog-layout .rel-cover{position:relative;aspect-ratio:16/8.5;display:flex;align-items:center;justify-content:center;overflow:hidden}.rpie-blog-layout .rel-cover>img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}.rpie-blog-layout .rel-cover .cat{position:absolute;top:12px;left:12px;z-index:2;background:#ffffffeb}.rpie-blog-layout .rel-cover svg{width:44px;height:44px;opacity:.9}.rpie-blog-layout .rel-body{padding:20px 22px 22px}.rpie-blog-layout .rel-body h3{font-size:16.5px;font-weight:600;line-height:1.4;margin-bottom:10px}.rpie-blog-layout .rel-body h3 a:hover{color:var(--primary)}.rpie-blog-layout .rel-body .meta{font-size:12.5px}.rpie-blog-layout .rel-body .meta .ava{width:26px;height:26px;font-size:10px}@media(max-width:1024px){.rpie-blog-layout .blog-hero-grid{grid-template-columns:1fr;gap:18px}.rpie-blog-layout .blog-hero-side{justify-self:start;padding-bottom:0}.rpie-blog-layout .featured{grid-template-columns:1fr}.rpie-blog-layout .featured-media{min-height:260px}.rpie-blog-layout .blog-cols{grid-template-columns:1fr}.rpie-blog-layout .side{position:static}.rpie-blog-layout .cat-hero .lead{flex-direction:column;align-items:flex-start}.rpie-blog-layout .cat-hero .count{text-align:left}.rpie-blog-layout .art-cols{grid-template-columns:1fr;gap:36px}.rpie-blog-layout .toc{position:static}.rpie-blog-layout .toc-card ol{display:grid;grid-template-columns:1fr 1fr}.rpie-blog-layout .related-grid{grid-template-columns:1fr 1fr}.rpie-blog-layout .news-band .band{grid-template-columns:1fr;text-align:center;padding:56px 34px}.rpie-blog-layout .news-band .band p{margin-left:auto;margin-right:auto}}@media(max-width:640px){.rpie-blog-layout .wrap{padding:0 18px}.rpie-blog-layout .blog-hero{padding:30px 0 20px}.rpie-blog-layout .post-row{grid-template-columns:1fr}.rpie-blog-layout .post-cover{min-height:150px}.rpie-blog-layout .post-body{padding:4px 6px 6px}.rpie-blog-layout .related-grid,.rpie-blog-layout .toc-card ol{grid-template-columns:1fr}.rpie-blog-layout .news-form{flex-direction:column}.rpie-blog-layout .art-hero{padding:30px 0 22px}.rpie-blog-layout .art-cover{aspect-ratio:16/10}.rpie-blog-layout .art-hero .meta{flex-direction:column;gap:12px}.rpie-blog-layout .author-box{flex-direction:column}.rpie-blog-layout .featured-body{padding:28px 26px}}@media(prefers-reduced-motion:reduce){.rpie-blog-layout .hl:before{animation:none;transform:rotate(-.8deg) scaleX(1)}.rpie-blog-layout .hl:after{display:none}.rpie-blog-layout .pill .dot{animation:none}.rpie-blog-layout .reveal{opacity:1;transform:none;transition:none}}