:root{--rp-bg: #050810;--rp-surface: #0c1120;--rp-surface2: #111827;--rp-border: #1e2d4a;--rp-gold: #f5a623;--rp-saffron: #ff6b1a;--rp-blue: #3b82f6;--rp-cyan: #06b6d4;--rp-purple: #8b5cf6;--rp-green: #10b981;--rp-red: #ef4444;--rp-text: #e2e8f0;--rp-muted: #64748b;--rp-dim: #94a3b8}.rp-page{background:var(--rp-bg);color:var(--rp-text);font-family:var(--font-sans);font-weight:400;line-height:1.75;min-height:100vh;overflow-x:hidden;position:relative}#rp-stars{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 15% 40%,#0d1b3e 0%,transparent 55%),radial-gradient(ellipse at 85% 15%,#1a0d2e 0%,transparent 50%),radial-gradient(ellipse at 60% 80%,#0a1a10 0%,transparent 50%),var(--rp-bg)}#rp-stars:before,#rp-stars:after{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 30% 60%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 60% 10%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 80% 80%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 50% 40%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 90% 50%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 15% 85%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 70% 30%,rgba(255,255,255,.3) 0%,transparent 100%);animation:rp-twinkle 4s ease-in-out infinite alternate}#rp-stars:after{background-image:radial-gradient(1px 1px at 25% 15%,rgba(255,200,100,.4) 0%,transparent 100%),radial-gradient(1px 1px at 45% 70%,rgba(200,150,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 75% 55%,rgba(100,200,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 55% 90%,rgba(255,255,255,.3) 0%,transparent 100%);animation-delay:-2s;animation-duration:6s}@keyframes rp-twinkle{0%{opacity:.4}to{opacity:1}}.rp-article{max-width:1100px;margin:0 auto;padding:0 2rem 3rem;position:relative;z-index:1}.rp-local-nav{position:sticky;top:0;z-index:50;padding:.75rem 2rem;background:#050810d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;gap:1rem}.rp-back-link{font-family:var(--font-code);font-size:.72rem;letter-spacing:.12em;color:var(--rp-muted);text-decoration:none;display:flex;align-items:center;gap:.4rem;transition:color .2s}.rp-back-link:hover{color:var(--rp-gold)}.rp-nav-links{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.rp-nav-links a{font-family:var(--font-code);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--rp-muted);text-decoration:none;transition:color .2s}.rp-nav-links a:hover{color:var(--rp-gold)}@media(max-width:600px){.rp-nav-links{display:none}}.rp-viz-nav-link{font-family:var(--font-code);font-size:.7rem;padding:.4rem 1rem;background:#f5a6231f;border:1px solid rgba(245,166,35,.3);color:var(--rp-gold);text-decoration:none;letter-spacing:.08em;border-radius:4px;transition:all .2s;white-space:nowrap}.rp-viz-nav-link:hover{background:var(--rp-gold);color:#000}.rp-hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;position:relative}.rp-hero-om{font-size:5rem;opacity:0;animation:rp-fadeUp .8s .1s forwards,rp-floatOm 4s 1s ease-in-out infinite;margin-bottom:1rem;filter:drop-shadow(0 0 20px rgba(245,166,35,.6))}@keyframes rp-floatOm{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.rp-hero-eyebrow{font-family:var(--font-code);font-size:.75rem;letter-spacing:.3em;color:var(--rp-gold);text-transform:uppercase;margin-bottom:1.5rem;opacity:0;animation:rp-fadeUp .8s .3s forwards}.rp-hero-title{font-family:var(--font-sans);font-size:clamp(2.5rem,8vw,6rem);font-weight:900;line-height:1.1;background:linear-gradient(135deg,#f5a623,#ff6b1a 40%,#06b6d4,#f5a623);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(245,166,35,.3));opacity:0;animation:rp-fadeUp .8s .5s forwards}.rp-hero-subtitle{font-size:1.15rem;color:var(--rp-dim);margin-top:1.5rem;max-width:620px;opacity:0;animation:rp-fadeUp .8s .8s forwards}.rp-hero-badge{margin-top:2rem;display:inline-flex;align-items:center;gap:.5rem;background:#f5a6231a;border:1px solid rgba(245,166,35,.3);border-radius:100px;padding:.5rem 1.25rem;font-family:var(--font-code);font-size:.8rem;color:var(--rp-gold);opacity:0;animation:rp-fadeUp .8s 1.1s forwards}.rp-pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--rp-green);animation:rp-pulse 2s infinite}@keyframes rp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.rp-topic-pills{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:1.75rem;opacity:0;animation:rp-fadeUp .8s 1.3s forwards}.rp-pill{padding:.35rem .9rem;border-radius:100px;font-family:var(--font-code);font-size:.72rem;letter-spacing:.06em;border:1px solid}.rp-pill-parse{color:var(--rp-blue);border-color:#3b82f666;background:#3b82f614}.rp-pill-style{color:var(--rp-purple);border-color:#8b5cf666;background:#8b5cf614}.rp-pill-rendertree{color:var(--rp-cyan);border-color:#06b6d466;background:#06b6d414}.rp-pill-layout{color:var(--rp-gold);border-color:#f5a62366;background:#f5a62314}.rp-pill-paint{color:var(--rp-green);border-color:#10b98166;background:#10b98114}.rp-pill-composite{color:var(--rp-saffron);border-color:#ff6b1a66;background:#ff6b1a14}.rp-scroll-hint{position:absolute;bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--rp-muted);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;opacity:0;animation:rp-fadeUp 1s 1.5s forwards,rp-bounce 2s 2.5s infinite}.rp-scroll-arrow{font-size:1.2rem}@keyframes rp-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.rp-hook-lead{font-size:1.1rem;color:var(--rp-dim);max-width:80ch;margin:0 auto 2rem;line-height:1.8}.rp-opening-quote{background:linear-gradient(135deg,#f5a62312,#ff6b1a12);border-left:3px solid var(--rp-gold);border-radius:0 12px 12px 0;padding:1.25rem 1.75rem;margin:2rem auto;max-width:80ch;position:relative}.rp-opening-quote:before{content:"“";position:absolute;top:-.5rem;left:1rem;font-size:4rem;color:var(--rp-gold);opacity:.3;font-family:Georgia,serif;line-height:1}.rp-opening-quote p{font-family:var(--font-body);font-size:1.1rem;font-style:italic;color:var(--rp-dim);margin:0;padding-left:1rem}.rp-opening-quote cite{display:block;font-family:var(--font-code);font-size:.75rem;letter-spacing:.1em;color:var(--rp-muted);margin-top:.75rem;padding-left:1rem;font-style:normal}.rp-section{padding:2rem 0;position:relative;z-index:1}.rp-section-tag{font-family:var(--font-code);font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--rp-cyan);margin-bottom:.6rem}.rp-section-title{font-family:var(--font-sans);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;line-height:1.2;margin-bottom:1.25rem}.rp-section-intro{font-size:1rem;color:var(--rp-dim);line-height:1.8;margin-bottom:2rem;max-width:80ch}.rp-divider{height:1px;background:linear-gradient(90deg,transparent,var(--rp-border),var(--rp-gold),var(--rp-border),transparent);opacity:.5;margin:1.5rem 0}.rp-stages-diagram{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:center;margin:2rem 0;padding:2rem 1.5rem;background:var(--rp-surface);border:1px solid var(--rp-border);border-radius:16px;position:relative;overflow:hidden}.rp-stages-diagram:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(6,182,212,.04) 0%,transparent 70%);pointer-events:none}.rp-stage-node{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.85rem 1rem;background:var(--rp-surface2);border:1px solid var(--rp-border);border-radius:10px;min-width:90px;text-align:center;transition:border-color .2s,transform .2s;cursor:default;position:relative;z-index:1}.rp-stage-node:hover{border-color:var(--rp-cyan);transform:translateY(-3px)}.rp-stage-node:hover .rp-stage-num{color:var(--rp-cyan)}.rp-stage-num{font-family:var(--font-code);font-size:.65rem;letter-spacing:.1em;color:var(--rp-muted);transition:color .2s}.rp-stage-icon{font-size:1.4rem;line-height:1}.rp-stage-label{font-family:var(--font-code);font-size:.72rem;letter-spacing:.06em;color:var(--rp-text);font-weight:600}.rp-stage-sub{font-size:.68rem;color:var(--rp-muted)}.rp-stage-node--parse{border-color:#3b82f64d}.rp-stage-node--style{border-color:#8b5cf64d}.rp-stage-node--layout{border-color:#f5a6234d}.rp-stage-node--paint{border-color:#10b9814d}.rp-stage-node--composite{border-color:#06b6d44d}.rp-stage-node--commit{border-color:#ff6b1a4d}.rp-stage-node--parse:hover{border-color:var(--rp-blue)}.rp-stage-node--style:hover{border-color:var(--rp-purple)}.rp-stage-node--layout:hover{border-color:var(--rp-gold)}.rp-stage-node--paint:hover{border-color:var(--rp-green)}.rp-stage-node--composite:hover{border-color:var(--rp-cyan)}.rp-stage-node--commit:hover{border-color:var(--rp-saffron)}.rp-stage-arrow{color:var(--rp-muted);font-size:1rem;flex-shrink:0;opacity:.6}.rp-stage-section{padding:2.5rem 0;position:relative}.rp-stage-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.rp-stage-header-badge{font-family:var(--font-code);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;padding:.25rem .75rem;border-radius:100px;border:1px solid;white-space:nowrap}.rp-stage-header-badge--parse{color:var(--rp-blue);border-color:#3b82f666;background:#3b82f614}.rp-stage-header-badge--style{color:var(--rp-purple);border-color:#8b5cf666;background:#8b5cf614}.rp-stage-header-badge--layout{color:var(--rp-gold);border-color:#f5a62366;background:#f5a62314}.rp-stage-header-badge--paint{color:var(--rp-green);border-color:#10b98166;background:#10b98114}.rp-stage-header-badge--composite{color:var(--rp-cyan);border-color:#06b6d466;background:#06b6d414}.rp-stage-header-badge--commit{color:var(--rp-saffron);border-color:#ff6b1a66;background:#ff6b1a14}.rp-stage-header h2{font-family:var(--font-sans);font-size:clamp(1.3rem,3vw,1.9rem);font-weight:700;line-height:1.2;margin:0}.rp-stage-body{font-size:.97rem;color:var(--rp-dim);line-height:1.85}.rp-stage-body p{margin-bottom:1rem}.rp-stage-body strong{color:var(--rp-text);font-weight:600}.rp-myth-pull{background:linear-gradient(135deg,#f5a6230f,#ff6b1a0f);border:1px solid rgba(245,166,35,.22);border-radius:14px;padding:1.5rem 2rem;margin:2rem 0;position:relative;overflow:hidden}.rp-myth-pull:after{content:"ॐ";position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);font-size:6rem;opacity:.05;color:var(--rp-gold);pointer-events:none;line-height:1}.rp-myth-pull-label{font-family:var(--font-code);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--rp-gold);margin-bottom:.6rem;display:flex;align-items:center;gap:.5rem}.rp-myth-pull p{font-family:var(--font-body);font-size:1rem;font-style:italic;color:var(--rp-dim);margin:0;line-height:1.8}.rp-paths{margin:2rem 0}.rp-path-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem}.rp-path-card{background:var(--rp-surface);border:1px solid var(--rp-border);border-radius:14px;padding:1.5rem;position:relative;overflow:hidden;transition:transform .25s,border-color .25s}.rp-path-card:hover{transform:translateY(-3px)}.rp-path-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.rp-path-card-icon{font-size:1.8rem;margin-bottom:.75rem}.rp-path-card-title{font-family:var(--font-sans);font-size:1rem;font-weight:700;margin-bottom:.35rem}.rp-path-card-cost{font-family:var(--font-code);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .6rem;border-radius:100px;display:inline-block;margin-bottom:.75rem}.rp-path-card-body{font-size:.88rem;color:var(--rp-dim);line-height:1.7}.rp-path-card--reflow{border-color:#ef44444d}.rp-path-card--reflow:hover{border-color:var(--rp-red)}.rp-path-card--reflow:before{background:linear-gradient(90deg,var(--rp-red),transparent)}.rp-path-card--reflow .rp-path-card-title{color:var(--rp-red)}.rp-path-card--reflow .rp-path-card-cost{background:#ef44441a;border:1px solid rgba(239,68,68,.35);color:var(--rp-red)}.rp-path-card--repaint{border-color:#f5a6234d}.rp-path-card--repaint:hover{border-color:var(--rp-gold)}.rp-path-card--repaint:before{background:linear-gradient(90deg,var(--rp-gold),transparent)}.rp-path-card--repaint .rp-path-card-title{color:var(--rp-gold)}.rp-path-card--repaint .rp-path-card-cost{background:#f5a6231a;border:1px solid rgba(245,166,35,.35);color:var(--rp-gold)}.rp-path-card--composite{border-color:#10b9814d}.rp-path-card--composite:hover{border-color:var(--rp-green)}.rp-path-card--composite:before{background:linear-gradient(90deg,var(--rp-green),transparent)}.rp-path-card--composite .rp-path-card-title{color:var(--rp-green)}.rp-path-card--composite .rp-path-card-cost{background:#10b9811a;border:1px solid rgba(16,185,129,.35);color:var(--rp-green)}.rp-paths-table{width:100%;border-collapse:collapse;font-size:.88rem;margin:1.5rem 0}.rp-paths-table th{background:var(--rp-surface2);padding:.85rem 1.1rem;text-align:left;font-family:var(--font-code);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--rp-gold);border-bottom:2px solid rgba(245,166,35,.3)}.rp-paths-table td{padding:.75rem 1.1rem;border-bottom:1px solid var(--rp-border);color:var(--rp-dim);vertical-align:top;line-height:1.65}.rp-paths-table tr:last-child td{border-bottom:none}.rp-paths-table tr:hover td{background:#ffffff05}.rp-paths-table .rp-cost--high{color:var(--rp-red)}.rp-paths-table .rp-cost--med{color:var(--rp-gold)}.rp-paths-table .rp-cost--low{color:var(--rp-green)}.rp-accordion{display:flex;flex-direction:column;gap:.75rem}.lv-acc-item{background:var(--rp-surface);border:1px solid var(--rp-border);border-radius:12px;overflow:hidden;transition:border-color .2s}.lv-acc-item.open{border-color:#f5a62366}.lv-acc-header{padding:1rem 1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-sans);font-weight:600;font-size:.95rem;user-select:none;transition:color .2s;color:var(--rp-text)}.lv-acc-item.open .lv-acc-header{color:var(--rp-gold)}.lv-acc-arrow{font-size:.8rem;transition:transform .3s;color:var(--rp-muted);flex-shrink:0}.lv-acc-item.open .lv-acc-arrow{transform:rotate(180deg)}.lv-acc-body{padding:0 1.5rem;max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s;font-size:.92rem;color:var(--rp-dim);line-height:1.85}.lv-acc-item.open .lv-acc-body{max-height:800px;padding:0 1.5rem 1.25rem}.lv-acc-body p{margin-bottom:.75rem}.lv-acc-body p:last-child{margin-bottom:0}.lv-acc-body code{font-family:var(--font-code);font-size:.83em;background:#ffffff0f;padding:.1em .4em;border-radius:4px;color:var(--rp-cyan)}.rp-prop-table-wrap{overflow-x:auto;margin:1.5rem 0;border-radius:12px;border:1px solid var(--rp-border)}.rp-prop-table{width:100%;border-collapse:collapse;font-size:.87rem}.rp-prop-table th{background:var(--rp-surface2);padding:.85rem 1.1rem;text-align:left;font-family:var(--font-code);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--rp-gold);border-bottom:2px solid rgba(245,166,35,.25);white-space:nowrap}.rp-prop-table td{padding:.7rem 1.1rem;border-bottom:1px solid var(--rp-border);color:var(--rp-dim);vertical-align:middle;line-height:1.6}.rp-prop-table tr:last-child td{border-bottom:none}.rp-prop-table tr:hover td{background:#ffffff04}.rp-prop-table code{font-family:var(--font-code);font-size:.85em;color:var(--rp-cyan);background:#06b6d414;padding:.1em .4em;border-radius:4px}.rp-prop-badge{display:inline-block;font-family:var(--font-code);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .55rem;border-radius:100px;border:1px solid;white-space:nowrap}.rp-prop-badge--reflow{color:var(--rp-red);border-color:#ef444466;background:#ef444414}.rp-prop-badge--repaint{color:var(--rp-gold);border-color:#f5a62366;background:#f5a62314}.rp-prop-badge--composite{color:var(--rp-green);border-color:#10b98166;background:#10b98114}.rp-devtools-callout{background:linear-gradient(135deg,#3b82f612,#06b6d412);border:1px solid rgba(59,130,246,.3);border-radius:16px;padding:2rem 2rem 2rem 5rem;margin:2.5rem 0;position:relative}.rp-devtools-callout:before{content:"🔧";position:absolute;left:1.5rem;top:1.75rem;font-size:1.6rem;line-height:1}.rp-devtools-callout-title{font-family:var(--font-sans);font-size:.95rem;font-weight:700;color:var(--rp-blue);margin-bottom:.6rem;letter-spacing:.02em}.rp-devtools-callout p,.rp-devtools-callout li{font-size:.9rem;color:var(--rp-dim);line-height:1.75;margin-bottom:.4rem}.rp-devtools-callout ol,.rp-devtools-callout ul{padding-left:1.25rem;margin:.5rem 0}.rp-devtools-callout code{font-family:var(--font-code);font-size:.83em;background:#3b82f61f;color:var(--rp-cyan);padding:.1em .4em;border-radius:4px}.rp-devtools-callout kbd{font-family:var(--font-code);font-size:.78em;padding:.15em .45em;background:var(--rp-surface2);border:1px solid var(--rp-border);border-radius:4px;color:var(--rp-text)}.rp-viz-cta{background:linear-gradient(135deg,#f5a62317,#ff6b1a17);border:1px solid rgba(245,166,35,.3);border-radius:18px;padding:2.5rem 2rem;margin:3rem 0;text-align:center;position:relative;overflow:hidden}.rp-viz-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(245,166,35,.08) 0%,transparent 65%);pointer-events:none}.rp-viz-cta-icon{font-size:2.5rem;margin-bottom:.75rem}.rp-viz-cta h3{font-family:var(--font-sans);font-size:1.35rem;font-weight:700;color:var(--rp-gold);margin-bottom:.5rem}.rp-viz-cta p{font-size:.95rem;color:var(--rp-dim);max-width:65ch;margin:0 auto 1.75rem;line-height:1.7}.rp-viz-cta-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-code);font-size:.82rem;font-weight:700;letter-spacing:.06em;padding:.8rem 2rem;background:linear-gradient(135deg,var(--rp-gold),var(--rp-saffron));color:#000;text-decoration:none;border-radius:10px;transition:transform .2s,box-shadow .2s;position:relative;z-index:1}.rp-viz-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #f5a62366}.rp-series{background:var(--rp-surface);border:1px solid var(--rp-border);border-radius:16px;padding:2rem;margin:3rem 0}.rp-series-label{font-family:var(--font-code);font-size:.68rem;letter-spacing:.25em;text-transform:uppercase;color:var(--rp-muted);margin-bottom:1rem}.rp-series-title{font-family:var(--font-sans);font-size:1.05rem;font-weight:700;color:var(--rp-text);margin-bottom:1rem}.rp-series-links{display:flex;flex-direction:column;gap:.5rem;list-style:none;padding:0;margin:0}.rp-series-links li a{display:flex;align-items:center;gap:.6rem;font-size:.9rem;color:var(--rp-muted);text-decoration:none;padding:.4rem 0;transition:color .2s}.rp-series-links li a:hover{color:var(--rp-gold)}.rp-series-links .rp-series-current a{color:var(--rp-gold);font-weight:600;pointer-events:none}.rp-series-links .rp-series-current a:before{content:"▶";font-size:.65rem}.rp-code-block{background:#060d1a;border:1px solid var(--rp-border);border-radius:12px;overflow:hidden;margin:1.5rem 0;box-shadow:0 4px 30px #00000080}.rp-code-block-header{background:var(--rp-surface2);padding:.55rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--rp-border)}.rp-code-dot{width:11px;height:11px;border-radius:50%}.rp-code-dot-r{background:#ff5f57}.rp-code-dot-y{background:#febc2e}.rp-code-dot-g{background:#28c840}.rp-code-filename{font-family:var(--font-code);font-size:.73rem;color:var(--rp-muted);margin-left:.5rem}.rp-code{font-family:var(--font-code);font-size:.84rem;line-height:1.8;display:block;padding:1.4rem 1.5rem;overflow-x:auto;color:var(--rp-text)}.rp-code .cmt{color:#546e7a;font-style:italic}.rp-code .kw{color:#c792ea}.rp-code .fn{color:#82aaff}.rp-code .str{color:#c3e88d}.rp-code .num{color:#f78c6c}.rp-code .prop{color:#89ddff}.rp-code .cl{color:#ffcb6b}.rp-article code:not(.rp-code){font-family:var(--font-code);font-size:.83em;background:#ffffff0f;color:var(--rp-cyan);padding:.1em .4em;border-radius:4px}.rp-highlight{background:linear-gradient(135deg,#06b6d40f,#3b82f60f);border:1px solid rgba(6,182,212,.25);border-left-width:3px;border-left-color:var(--rp-cyan);border-radius:0 12px 12px 0;padding:1.25rem 1.5rem;margin:2rem 0;font-size:.93rem;color:var(--rp-dim);line-height:1.8}.rp-highlight--warn{background:linear-gradient(135deg,#f5a6230f,#ff6b1a0f);border-color:#f5a62340;border-left-color:var(--rp-gold)}.rp-highlight--danger{background:#ef44440d;border-color:#ef444433;border-left-color:var(--rp-red)}.rp-highlight strong{color:var(--rp-text)}.rp-metric{display:inline-flex;flex-direction:column;align-items:center;gap:.2rem;background:var(--rp-surface2);border:1px solid var(--rp-border);border-radius:10px;padding:.75rem 1.25rem;text-align:center}.rp-metric-value{font-family:var(--font-code);font-size:1.4rem;font-weight:700;color:var(--rp-gold);line-height:1}.rp-metric-label{font-size:.72rem;color:var(--rp-muted);letter-spacing:.08em;text-transform:uppercase}.rp-metrics-row{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}@media(max-width:768px){.rp-article{padding:2rem 1.25rem 4rem}.rp-stages-diagram{gap:.25rem;padding:1.25rem 1rem}.rp-stage-node{min-width:72px;padding:.65rem .75rem}.rp-stage-label{font-size:.65rem}.rp-stage-icon{font-size:1.1rem}.rp-path-cards{grid-template-columns:1fr}.rp-paths-table,.rp-prop-table{font-size:.82rem}.rp-paths-table th,.rp-prop-table th{padding:.65rem .8rem}.rp-paths-table td,.rp-prop-table td{padding:.55rem .8rem}.rp-devtools-callout{padding:1.5rem 1.25rem 1.5rem 4rem}.rp-devtools-callout:before{left:1rem;top:1.4rem;font-size:1.3rem}.rp-viz-cta{padding:2rem 1.25rem}.rp-metrics-row{justify-content:center}}@media(max-width:480px){.rp-stages-diagram{flex-direction:column;align-items:stretch}.rp-stage-node{flex-direction:row;justify-content:flex-start;min-width:unset;gap:.75rem}.rp-stage-arrow{transform:rotate(90deg);text-align:center;opacity:.4}.rp-hook-title{font-size:clamp(1.75rem,8vw,2.5rem)}}@keyframes rp-fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes rp-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes rp-pulse-border{0%,to{box-shadow:0 0 #f5a62300}50%{box-shadow:0 0 0 4px #f5a62326}}.rp-animate-up{animation:rp-fadeUp .7s var(--ease-smooth) both}.rp-animate-up-2{animation:rp-fadeUp .7s .15s var(--ease-smooth) both}.rp-animate-up-3{animation:rp-fadeUp .7s .3s var(--ease-smooth) both}