/* Blog and article refinement v5 — route scoped. */
.reference-blog-page svg,.reference-article-page svg{display:block;width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.reference-blog-page svg .fill,.reference-article-page svg .fill{fill:currentColor;stroke:none}
.reference-blog-page h1,.reference-blog-page h2,.reference-blog-page h3,.reference-article-page h1,.reference-article-page h2,.reference-article-page h3{text-shadow:none!important}

.reference-blog-page .rb-hero{position:relative;isolation:isolate;min-height:390px;overflow:hidden}
.reference-blog-page .rb-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 84% 23%,rgba(44,216,235,.2),transparent 26%),radial-gradient(circle at 72% 78%,rgba(198,75,239,.15),transparent 29%)}
.reference-blog-page .rb-hero h1{max-width:none!important;font-size:25px!important;line-height:1.14!important;white-space:nowrap!important;letter-spacing:0!important;text-shadow:none!important}
.reference-blog-page .rb-hero h1 em{font-style:normal}
.rb-kicker{align-items:center;gap:7px}.rb-kicker svg{display:inline-block!important;width:16px!important;height:16px!important;vertical-align:-3px}
.rb-hero-art{display:flex!important;min-height:330px!important;align-items:center!important;justify-content:center!important;margin:0!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important}
.rb-hero-art picture{display:flex;width:100%;align-items:center;justify-content:center}
.rb-hero-art img{width:min(100%,580px)!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 25px 28px rgba(35,73,145,.19));animation:blogHeroFloat 5.5s ease-in-out infinite!important}
@keyframes blogHeroFloat{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}50%{transform:translate3d(0,-13px,0) rotate(1deg)}}
@media(prefers-reduced-motion:reduce){.rb-hero-art img{animation:none!important}}

.rb-actions a,.blog-action,.rb-read,.rb-newsletter button,.ra-sidebar button,.ra-cta a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:42px;padding:10px 17px!important;border:1px solid rgba(255,255,255,.75)!important;border-radius:12px!important;background:linear-gradient(105deg,#08c7ba 0%,#178fe7 52%,#d642ca 100%)!important;color:#fff!important;font-weight:800!important;text-decoration:none!important;box-shadow:inset 0 1px rgba(255,255,255,.55),0 10px 20px rgba(47,91,173,.18)!important;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease!important}
.rb-actions a:hover,.blog-action:hover,.rb-read:hover,.rb-newsletter button:hover,.ra-sidebar button:hover,.ra-cta a:hover{transform:translateY(-2px);filter:saturate(1.12);box-shadow:inset 0 1px rgba(255,255,255,.65),0 14px 26px rgba(47,91,173,.24)!important}
.blog-action-secondary{background:linear-gradient(115deg,#e9fffb,#edf3ff,#fbe9f8)!important;color:#075f88!important;border-color:rgba(35,151,185,.38)!important}
.rb-actions svg,.blog-action svg,.rb-read svg,.rb-newsletter button svg,.ra-sidebar button svg,.ra-cta a svg{width:18px!important;height:18px!important;transition:transform .2s ease}
.rb-actions a:hover svg,.blog-action:hover svg,.rb-read:hover svg{transform:translateX(3px)}

.rb-service-topics>a i,.rb-popular i,.ra-popular i{border-radius:50%!important;overflow:hidden}.rb-service-topics svg,.rb-popular svg,.ra-popular svg{width:19px!important;height:19px!important}
.rb-featured h2{max-width:none!important;font-size:25px!important;line-height:1.18!important;white-space:nowrap!important;text-shadow:none!important}
.rb-library>header>a{flex:0 0 auto}
.rb-grid article{transition:transform .22s ease,border-color .22s ease!important}.rb-grid article:hover{transform:translateY(-4px);border-color:rgba(39,145,213,.48)!important}
.rb-read{width:max-content!important;min-height:38px!important;margin-top:11px!important;padding:8px 14px!important;border-radius:10px!important}
.rb-read b{display:none!important}
.rb-newsletter h3,.rb-trending h3,#article-newsletter h3{display:flex;align-items:center;gap:8px}.rb-newsletter h3 svg,.rb-trending h3 svg,#article-newsletter h3 svg{width:20px;height:20px;color:#0a93bb}
.rb-newsletter form{gap:9px!important}.rb-newsletter input,.ra-sidebar input{height:44px!important;margin:0!important;padding:0 14px!important;border:1px solid rgba(41,147,180,.36)!important;border-radius:10px!important;background:rgba(255,255,255,.84)!important;outline:none!important;box-shadow:inset 0 1px 2px rgba(27,72,109,.06)!important}.rb-newsletter input:focus,.ra-sidebar input:focus{border-color:#22aee3!important;box-shadow:0 0 0 3px rgba(34,174,227,.13)!important}
.rb-subscribe-message[hidden],.ra-message[hidden]{display:none!important}.rb-subscribe-message,.ra-message{display:flex!important;align-items:center;gap:7px!important}.rb-subscribe-message svg,.ra-message svg{width:18px;height:18px}
.rb-newsletter button.is-loading,.ra-sidebar button.is-loading{opacity:.68;cursor:wait}
.rb-side-cta>small{display:inline-block!important;line-height:1.55!important}.rb-side-cta>small span{display:inline-block;padding:6px 10px;border:1px solid rgba(255,255,255,.78);border-radius:10px;background:linear-gradient(115deg,rgba(18,205,193,.9),rgba(58,139,231,.88),rgba(211,65,197,.88));box-shadow:inset 0 1px rgba(255,255,255,.55),0 8px 18px rgba(61,77,146,.17);color:#fff!important;letter-spacing:.08em}

.reference-article-page .ra-header{overflow:hidden!important}
.reference-article-page .ra-header h1{max-width:none!important;font-size:25px!important;line-height:1.16!important;white-space:nowrap!important;letter-spacing:0!important;text-shadow:none!important}
.ra-pill{display:flex!important;align-items:center!important;gap:7px!important}.ra-pill svg{width:16px!important;height:16px!important}
.ra-breadcrumb>i svg{width:14px!important;height:14px!important}
.ra-share a,.ra-share button{overflow:hidden!important}.ra-share svg{width:18px!important;height:18px!important}.ra-share .linkedin svg,.ra-share .x svg,.ra-share .facebook svg{fill:currentColor!important;stroke:none!important}

.ra-toc{position:relative!important;margin-bottom:27px!important;padding:0!important;overflow:hidden!important;border:1px solid rgba(32,156,185,.4)!important;border-radius:16px!important;background:radial-gradient(circle at 7% 12%,rgba(255,255,255,.96) 0 10px,transparent 31px),linear-gradient(125deg,rgba(222,251,246,.95),rgba(246,237,252,.95),rgba(225,237,255,.96))!important;box-shadow:inset 0 1px rgba(255,255,255,.95)!important}
.ra-toc header{display:grid!important;grid-template-columns:42px 1fr auto!important;gap:12px!important;align-items:center!important;padding:15px 18px!important;border-bottom:1px solid rgba(34,147,180,.2)!important;background:rgba(255,255,255,.34)!important}
.ra-toc-icon{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(36,154,190,.28);border-radius:12px;background:linear-gradient(145deg,#e5fffb,#f3ebff);color:#078ca1}.ra-toc-icon svg{width:21px;height:21px}
.ra-toc header h2{font-size:18px!important}.ra-toc header button{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(37,148,184,.28);border-radius:9px;background:rgba(255,255,255,.72);color:#27677f;font:700 14px Inconsolata;cursor:pointer}.ra-toc header button svg{width:15px;height:15px;transition:transform .2s ease}
.ra-toc ol{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;margin:0!important;padding:15px 18px 18px!important;list-style:none!important}.ra-toc li{margin:0!important}.ra-toc li a{display:grid!important;grid-template-columns:34px 1fr!important;gap:9px!important;align-items:center!important;min-height:44px!important;padding:7px 10px!important;border:1px solid rgba(35,151,182,.2)!important;border-radius:10px!important;background:rgba(255,255,255,.6)!important;color:#385f75!important;transition:transform .2s ease,border-color .2s ease!important}.ra-toc li a:hover{transform:translateX(3px);border-color:rgba(33,144,205,.5)!important}.ra-toc li b{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;background:linear-gradient(145deg,#10c7b9,#4b83ed,#c247d0);color:#fff;font-size:12px}.ra-toc.is-collapsed ol{display:none!important}.ra-toc.is-collapsed header{border-bottom:0!important}.ra-toc.is-collapsed header button svg{transform:rotate(180deg)}
.ra-option-grid i{display:grid!important;width:46px;height:46px;place-items:center!important;border:1px solid rgba(39,158,187,.27);border-radius:50%!important;background:linear-gradient(145deg,#e5fffb,#f4eaff);color:#098aa1!important}.ra-option-grid i svg{width:24px;height:24px}
.ra-takeaway{display:flex;align-items:center;gap:9px}.ra-takeaway svg{flex:0 0 auto;width:20px;height:20px}
.ra-sidebar #article-newsletter form{gap:9px}.ra-sidebar #article-newsletter button{display:flex!important;height:42px!important}.ra-related header a{display:inline-flex!important;align-items:center;gap:6px}.ra-related header a svg{width:15px;height:15px}.ra-cta a{width:max-content}
.ra-next-prev small{display:flex;align-items:center;gap:7px}.ra-next-prev a:last-child small{justify-content:flex-end}.ra-next-prev small svg{width:16px;height:16px}

@media(max-width:1050px){.reference-blog-page .rb-hero h1,.rb-featured h2,.reference-article-page .ra-header h1{white-space:normal!important}.ra-toc ol{grid-template-columns:1fr}}
@media(max-width:720px){.reference-blog-page .rb-hero{min-height:0}.rb-hero-art{min-height:240px!important}.rb-hero-art img{max-width:480px!important}.reference-blog-page .rb-hero h1,.reference-article-page .ra-header h1,.rb-featured h2{font-size:25px!important;white-space:normal!important}.rb-library>header{align-items:flex-start!important;flex-direction:column!important}.ra-toc header{grid-template-columns:38px 1fr auto!important;padding:12px!important}.ra-toc ol{padding:12px!important}}