@layer components{.page-rail{display:none}@media (min-width:1120px){.page-rail{flex-direction:column;align-self:start;gap:14px;min-width:0;display:flex;position:sticky;top:clamp(84px,11vh,112px)}.subwrap--rail .pblog-cta,.subwrap--rail .pnews-cta{display:none}}.page-rail__panel{border-radius:var(--radius-lg,20px);background:color-mix(in oklch, var(--color-tide-800) 52%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--color-surf-300) 17%, transparent), inset 0 1px 0 #ffffff14;-webkit-backdrop-filter:blur(9px)saturate(1.05);backdrop-filter:blur(9px)saturate(1.05);padding:clamp(18px,1.5vw,26px)}.page-rail__title{font-family:var(--font-sans);letter-spacing:.02em;color:var(--color-surf-300);margin:0 0 14px;font-size:.94rem;font-weight:600}.rail-prog{background:color-mix(in oklch, var(--color-surf-300) 15%, transparent);border-radius:999px;height:4px;margin-bottom:18px;overflow:hidden}.rail-prog__bar{transform-origin:0;background:linear-gradient(90deg, var(--color-surf-400), var(--color-surf-300));height:100%;box-shadow:0 0 8px color-mix(in oklch, var(--color-surf-400) 60%, transparent);transition:transform .12s linear;display:block}.rail-toc__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.rail-toc__link{appearance:none;cursor:pointer;text-align:left;width:100%;font-family:var(--font-sans);color:#ffffffa8;transition:color .2s var(--ease-water), background .2s var(--ease-water);background:0 0;border:0;border-radius:10px;align-items:baseline;gap:10px;margin-left:-12px;padding:7px 10px 7px 12px;font-size:.98rem;line-height:1.36;display:flex}.rail-toc__item--h3 .rail-toc__link{padding-left:26px;font-size:.9rem}.rail-toc__dot{background:color-mix(in oklch, var(--color-surf-300) 34%, transparent);width:7px;height:7px;transition:background .2s var(--ease-water), box-shadow .2s var(--ease-water), transform .2s var(--ease-water);border-radius:50%;flex:none;margin-top:.42em}.rail-toc__item--h3 .rail-toc__dot{width:5px;height:5px}.rail-toc__link:hover{color:#fff;background:color-mix(in oklch, var(--color-surf-500) 10%, transparent)}.rail-toc__link.is-active{color:#fff;font-weight:600}.rail-toc__link.is-active .rail-toc__dot{background:var(--color-surf-300);box-shadow:0 0 9px color-mix(in oklch, var(--color-surf-400) 80%, transparent);transform:scale(1.25)}.rail-toc__link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.rail-meta{flex-direction:column;gap:12px;margin:0;display:flex}.rail-meta__row{flex-direction:column;gap:3px;display:flex}.rail-meta__k{font-family:var(--font-sans);letter-spacing:.03em;text-transform:uppercase;color:var(--on-deep-faint);font-size:.76rem}.rail-meta__v{font-family:var(--font-sans);color:#fff;font-size:1rem;font-weight:500}.page-rail__ctatitle{font-family:var(--font-sans);color:var(--on-deep);margin:0 0 12px;font-size:1.02rem;font-weight:600}.rail-cta__btn{appearance:none;cursor:pointer;width:100%;font-family:var(--font-sans);color:#fff;background:linear-gradient(180deg, color-mix(in oklch, var(--color-surf-500) 46%, var(--color-tide-800)), color-mix(in oklch, var(--color-petrol-700) 50%, var(--color-tide-900)));box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--color-surf-300) 55%, transparent), inset 0 1px 0 #ffffff38;transition:background .28s var(--ease-water);border:0;border-radius:9999px;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-size:.98rem;font-weight:600;display:inline-flex}.rail-cta__btn:hover{background:linear-gradient(180deg, color-mix(in oklch, var(--color-surf-400) 52%, var(--color-tide-800)), color-mix(in oklch, var(--color-surf-500) 54%, var(--color-tide-900)))}.rail-cta__btn .lucide{transition:transform .28s var(--ease-water)}.rail-cta__btn:hover .lucide{transform:translate(3px)}.rail-cta__btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.rail-cta__row{gap:8px;margin-top:12px;display:flex}.rail-cta__mini{appearance:none;cursor:pointer;font-family:var(--font-sans);color:var(--color-surf-300);background:color-mix(in oklch, var(--color-tide-900) 40%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--color-surf-300) 18%, transparent);transition:color .2s var(--ease-water), background .2s var(--ease-water);border:0;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 10px;font-size:.84rem;font-weight:500;text-decoration:none;display:inline-flex}.rail-cta__mini:hover{color:#fff;background:color-mix(in oklch, var(--color-surf-500) 16%, transparent)}.rail-cta__mini:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.rail-prog__bar,.rail-toc__link,.rail-toc__dot,.rail-cta__btn,.rail-cta__btn .lucide,.rail-cta__mini{transition:none}}}