.guide-page{overflow-wrap:break-word}
.guide-page section[id]{scroll-margin-top:6rem}
.guide-page .kicker{margin-bottom:var(--space-2)}
.guide-page .kicker+ h1,.guide-page .kicker+ h2{margin-top:0}
.guide-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--space-2);margin-top:var(--space-3)}
.guide-actions a{min-width:0}

.guide-hero[data-hero-form="gradient-motion"]{padding-block:var(--hero-top) var(--space-5);background:linear-gradient(118deg,#3341C4 0%,#5746AB 50%,#1B2140 100%);color:#FFFFFF}
.guide-hero[data-hero-form="gradient-motion"] .guide-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--space-5);align-items:start}
.guide-hero__copy,.guide-hero__stage{min-width:0}
.guide-hero .guide-hero__kicker{color:#F0E9FF}
.guide-hero .guide-hero__kicker::before{background:#E5F3EC}
.guide-hero h1{max-width:16ch;color:#FFFFFF;font-size:var(--text-display);line-height:1.2}
.guide-hero__lead{max-width:37rem;margin-top:var(--space-3);color:#F0EDFA;font-size:var(--text-lg);line-height:1.65}
.guide-hero .guide-actions{margin-top:var(--space-3)}
.guide-hero__secondary.c-btn{border-color:color-mix(in srgb,#FFFFFF 50%,transparent);background:transparent;color:#FFFFFF}
.guide-hero__secondary.c-btn:hover{background:color-mix(in srgb,#FFFFFF 12%,transparent);color:#FFFFFF}
.guide-hero__note{margin-top:var(--space-3);color:#DEDDF2;font-size:var(--text-sm)}
.guide-hero__stage{text-align:left}
.guide-seal{width:100%;height:auto;overflow:hidden;border-radius:var(--radius-lg);background:#F2F4F7;color:#171A2C;box-shadow:0 24px 50px -30px rgba(8,9,28,.55)}
.guide-seal__top{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#E7E9FF;color:#242C76;font:700 var(--text-sm)/1.4 var(--font-heading)}
.guide-seal__mark{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:var(--radius-sm);background:#FFFFFF;color:#3341C4}
.guide-seal__mark svg{width:24px;height:24px}
.guide-seal__code{min-width:0;margin-left:auto;font-size:var(--text-xs);text-align:right}
.guide-seal__body{padding:var(--space-4);color:#171A2C}
.guide-seal__eyebrow{color:#414994;font-size:var(--text-xs);letter-spacing:.1em}
.guide-seal__body h2{margin-top:var(--space-2);color:#171A2C;font-size:clamp(1.4rem,2.3vw,1.85rem);line-height:1.3}
.guide-seal__path{margin-top:var(--space-4)}
.guide-seal__path>div{display:grid;grid-template-columns:2.5rem minmax(0,1fr);align-items:start;gap:var(--space-2);padding-block:var(--space-2);border-top:1px solid #D9DDE8}
.guide-seal__number{color:#3341C4;font-size:var(--text-sm);font-weight:700}
.guide-seal__path strong,.guide-seal__path small{display:block;color:#171A2C}
.guide-seal__path small{margin-top:var(--space-1);color:#4E5261}
.guide-seal__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#E5F3EC;color:#143B2A;font-size:var(--text-xs)}
.guide-seal__status{display:inline-flex;align-items:center;gap:.5rem;font-weight:700}
.guide-seal__status>span{width:7px;height:7px;border-radius:50%;background:#143B2A}

.guide-directory{padding-block:var(--space-4);background:#FFFFFF;color:#1E1C28}
.guide-directory h2{color:#1E1C28;font-size:var(--text-card)}
.guide-directory__links{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}
.guide-directory__links a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:.4em .9em;border:1px solid #D8DAE4;border-radius:var(--radius-pill);background:#F2F4F7;color:#242C76;font:700 var(--text-sm)/1.2 var(--font-heading)}
.guide-directory__links a:hover,.guide-directory__links a:focus-visible{border-color:#3341C4;background:#E7E9FF;color:#242C76}
.guide-directory p{margin-top:var(--space-2);color:#565668}

.guide-section{padding-block:var(--space-6);background:#FFFFFF;color:#1E1C28}
.guide-section--gray{background:#F2F4F7;color:#171A2C}
.guide-section--mint{background:#E5F3EC;color:#143B2A}
.guide-section__head{max-width:48rem;margin-bottom:var(--space-4);min-width:0}
.guide-section__head h2{color:inherit}
.guide-section__head>p{margin-top:var(--space-2);color:#565668;font-size:var(--text-lg)}
.guide-section--gray .guide-section__head>p{color:#4E5261}
.guide-section--mint .guide-section__head>p{color:#345C48}
.guide-section--mint .kicker{color:#345C48}
.guide-section--gray .kicker{color:#4E5261}
.guide-page code,.guide-page pre{font-variant-numeric:tabular-nums}
.guide-page p code,.guide-page li code{overflow-wrap:anywhere}
.guide-page .c-code{margin-block:var(--space-2);max-width:100%;overflow-x:auto;padding:var(--space-2);border-radius:var(--radius-md);background:#F6F1DA;color:#3D3410;font:500 var(--text-sm)/1.7 var(--font-mono)}
.guide-page .c-code code{font:inherit}
.guide-afterword{margin-top:var(--space-3);color:#565668}
.guide-afterword a,.guide-ticket__next p a{color:#3341C4;text-decoration:underline;text-underline-offset:3px}

.guide-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--space-4);align-items:start}
.guide-split>*{min-width:0}
.guide-steps{display:grid}
.guide-step{display:grid;grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);gap:var(--space-3);align-items:start;padding-block:var(--space-3);border-top:1px solid #E7E8EE}
.guide-step__index{color:#3341C4;font-size:var(--text-sm);font-weight:700}
.guide-step h3{color:#1E1C28;font-size:var(--text-card)}
.guide-step p{min-width:0;color:#565668}
.guide-command{min-width:0;padding:var(--space-4);border-radius:var(--radius-md);background:#F2F4F7;color:#171A2C}
.guide-command__heading{display:flex;align-items:center;gap:var(--space-2)}
.guide-command__heading svg{width:24px;height:24px;flex:none;color:#3341C4}
.guide-command h3{color:#171A2C}
.guide-command p{margin-top:var(--space-2);color:#4E5261}
.guide-command__label{font-size:var(--text-xs);font-weight:700}

.guide-vnc{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--space-4);align-items:start}
.guide-vnc>*{min-width:0}
.guide-vnc__command{padding:var(--space-4);border-radius:var(--radius-md);background:#1B2140;color:#FFFFFF}
.guide-vnc__label{font-weight:700}
.guide-vnc__command .c-code{background:#303657;color:#F4F1FF}
.guide-vnc__command p{margin-top:var(--space-2);color:#E1E3F3}
.guide-vnc__notes{padding:var(--space-4);border-radius:var(--radius-md);background:#FFFFFF;color:#171A2C}
.guide-vnc__notes h3{color:#171A2C}
.guide-vnc__notes ul{display:grid;gap:var(--space-2);margin-top:var(--space-3)}
.guide-vnc__notes li{position:relative;padding-left:var(--space-3);color:#4E5261}
.guide-vnc__notes li::before{position:absolute;top:.7em;left:0;width:7px;height:7px;border-radius:50%;background:#3341C4;content:""}

.migration-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);align-items:stretch}
.migration-path__card{display:flex;flex-direction:column;min-width:0;height:100%;padding:var(--space-4);border-radius:var(--radius-md);background:#F2F4F7;color:#171A2C}
.migration-path__index{color:#3341C4;font-size:var(--text-sm);font-weight:700}
.migration-path__card h3{margin-top:var(--space-2);color:#171A2C}
.migration-path__card p,.migration-path__card li{margin-top:var(--space-2);color:#4E5261}
.migration-path__card ul{margin-top:var(--space-2);padding-left:1.2rem;list-style:disc}
.migration-path__card li{margin-top:var(--space-1)}
.migration-path__card .c-code{font-size:var(--text-xs)}
.migration-path__foot{display:grid;gap:var(--space-1);margin-top:auto;padding-top:var(--space-3);border-top:1px solid #D9DDE8}
.migration-path__detail{padding-bottom:var(--space-3)}
.migration-path__foot span,.migration-path__foot small{color:#4E5261}
.migration-path__foot strong{color:#171A2C;font-size:var(--text-lg)}

.guide-mlx{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--space-3);align-items:start}
.guide-mlx>*{min-width:0}
.guide-mlx__main,.guide-mlx__aside{padding:var(--space-4);border-radius:var(--radius-md);background:#FFFFFF;color:#143B2A}
.guide-mlx h3{color:#143B2A}
.guide-mlx p{margin-top:var(--space-2);color:#345C48}
.guide-mlx__aside{display:grid;gap:var(--space-4)}
.guide-mlx__aside>div+div{padding-top:var(--space-3);border-top:1px solid #D5E5DA}
.guide-mlx__index{display:block;margin-bottom:var(--space-2);color:#345C48;font-size:var(--text-xs);font-weight:700}
.guide-mlx .c-code{background:#F6F1DA;color:#3D3410}
.guide-section--mint .guide-afterword{color:#345C48}

.guide-ci-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);align-items:stretch}
.guide-ci-card{display:flex;flex-direction:column;min-width:0;height:100%;padding:var(--space-4);border-radius:var(--radius-md);background:#F2F4F7;color:#171A2C}
.guide-ci-card__icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:var(--space-3);border-radius:var(--radius-md);background:#E7E9FF;color:#3341C4}
.guide-ci-card__icon svg{width:24px;height:24px}
.guide-ci-card h3{color:#171A2C}
.guide-ci-card p{margin-top:var(--space-2);color:#4E5261}
.guide-ci-card__foot{margin-top:auto;padding-top:var(--space-3);color:#3341C4;font-size:var(--text-xs);font-weight:700}

.guide-table-intro{display:flex;align-items:end;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}
.guide-table-intro h3{color:#171A2C}
.guide-table-intro p{max-width:37rem;color:#4E5261}
.guide-page .table-scroll{max-width:100%;overflow-x:auto}
.guide-page .latency-table{display:table;width:100%;min-width:680px;border-collapse:collapse;background:#FFFFFF;color:#171A2C}
.guide-page .latency-table th,.guide-page .latency-table td{text-align:left;white-space:nowrap}
.guide-page .latency-table th:first-child{min-width:9rem}
.guide-page .latency-table td{font-variant-numeric:tabular-nums}
.guide-table-note{margin-top:var(--space-2);color:#4E5261;font-size:var(--text-sm)}
.guide-network{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4);align-items:stretch}
.guide-network>div{min-width:0;padding:var(--space-4);border-radius:var(--radius-md);background:#FFFFFF;color:#171A2C}
.guide-network .mono{color:#3341C4;font-size:var(--text-sm);font-weight:700}
.guide-network h3{margin-top:var(--space-2);color:#171A2C}
.guide-network p{margin-top:var(--space-2);color:#4E5261}

.guide-ticket{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--space-4);align-items:start}
.guide-ticket>*{min-width:0}
.guide-ticket__list h3,.guide-ticket__next h3{color:#1E1C28}
.guide-ticket__list ul{margin-top:var(--space-2)}
.guide-ticket__list li{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-2);padding-block:var(--space-2);border-top:1px solid #E7E8EE;color:#565668}
.guide-ticket__list li .mono{color:#3341C4;font-size:var(--text-sm);font-weight:700}
.guide-ticket__list li strong{display:block;color:#1E1C28}
.guide-ticket__next{padding:var(--space-4);border-radius:var(--radius-md);background:#F6F1DA;color:#3D3410}
.guide-ticket__next h3{color:#3D3410}
.guide-ticket__next p{margin-top:var(--space-2);color:#60552B}
.guide-ticket__next p a{color:#2E3CB5;overflow-wrap:anywhere}
.guide-ticket__next .guide-actions{margin-top:var(--space-3)}
.guide-ticket__next .c-btn--secondary{background:#FFFFFF;color:#3341C4}

.guide-closing-section{padding-block:var(--space-5);background:#FFFFFF;color:#1E1C28}
.guide-closing.c-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:#1B2140;color:#FFFFFF}
.guide-closing__copy{min-width:0;max-width:43rem}
.guide-closing__label{display:inline-flex;align-items:center;gap:.4em;width:fit-content;margin-bottom:var(--space-2);padding:.4em .9em;border-radius:var(--radius-pill);background:#E7E9FF;color:#242C76;font:700 var(--text-xs)/1 var(--font-heading)}
.guide-closing h2{color:#FFFFFF}
.guide-closing p{margin-top:var(--space-2);color:#C7CAE3}
.guide-closing__actions{display:flex;flex:0 0 auto;flex-direction:column;align-items:stretch;gap:var(--space-2);min-width:12rem}
.guide-closing__primary.c-btn{border-color:#FFFFFF;background:#FFFFFF;color:#3341C4}
.guide-closing__primary.c-btn:hover{background:#E7E9FF;color:#242C76}
.guide-closing__secondary.c-btn{border-color:color-mix(in srgb,#FFFFFF 45%,transparent);background:transparent;color:#FFFFFF}
.guide-closing__secondary.c-btn:hover{background:color-mix(in srgb,#FFFFFF 10%,transparent);color:#FFFFFF}
.guide-page [hidden]{display:none!important}

@media(max-width:64rem){
  .guide-hero[data-hero-form="gradient-motion"] .guide-hero__grid{gap:var(--space-3)}
  .guide-split,.guide-vnc,.guide-mlx,.guide-ticket{grid-template-columns:minmax(0,1fr)}
  .guide-step{grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr)}
  .migration-path,.guide-ci-grid,.guide-network{grid-template-columns:repeat(2,minmax(0,1fr))}
  .guide-closing.c-cta{align-items:flex-start}
}
@media(max-width:42rem){
  .guide-hero[data-hero-form="gradient-motion"]{padding-block:var(--space-4)}
  .guide-hero[data-hero-form="gradient-motion"] .guide-hero__grid{grid-template-columns:minmax(0,1fr);gap:var(--space-4);align-items:start}
  .guide-hero__stage{width:min(calc(100% - var(--gutter)*2),100%);height:auto;margin-inline:auto;overflow:visible;transform:none}
  .guide-hero__stage .guide-seal{grid-column:1;width:auto;height:auto}
  .guide-hero h1{max-width:none}
  .guide-hero .guide-actions .c-btn,.guide-hero .guide-actions .btn-pill{width:100%}
  .guide-directory{padding-block:var(--space-3)}
  .guide-section{padding-block:var(--space-5)}
  .guide-section__head{margin-bottom:var(--space-3)}
  .guide-step{grid-template-columns:2.25rem minmax(0,1fr);gap:var(--space-2)}
  .guide-step>:nth-child(3){grid-column:2}
  .migration-path,.guide-ci-grid,.guide-network{grid-template-columns:minmax(0,1fr)}
  .guide-table-intro{display:block}
  .guide-table-intro p{margin-top:var(--space-2)}
  .guide-closing.c-cta{flex-direction:column}
  .guide-closing__actions{width:100%}
}
@media(max-width:25rem){
  .guide-hero h1{font-size:clamp(2rem,9vw,2.5rem)}
  .guide-seal__top,.guide-seal__body,.guide-seal__foot{padding-inline:var(--space-3)}
  .guide-seal__code{font-size:.68rem}
  .guide-command,.guide-vnc__command,.guide-vnc__notes,.migration-path__card,.guide-mlx__main,.guide-mlx__aside,.guide-ci-card,.guide-network>div,.guide-ticket__next,.guide-closing.c-cta{padding:var(--space-3)}
}
@media(prefers-reduced-motion:reduce){
  .guide-page *{scroll-behavior:auto}
}