.pg-guides .rt{--rt-node: 56px;--rt-pin-top: 10px;--rt-gap: 14px;container:rt / inline-size;position:relative}.pg-guides .rt-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin-bottom:28px}.pg-guides .rt-title{font:600 var(--text-label) / 1.3 var(--font-label);letter-spacing:.08em;text-transform:uppercase}.pg-guides .rt-note{font:500 15px / 1.4 var(--font-text)}.pg-guides .rt-stops{position:relative;display:grid;gap:var(--rt-gap);margin:0;padding:0;list-style:none}.pg-guides .rt-stop{position:relative;display:grid;grid-template-columns:var(--rt-node) minmax(0,1fr);column-gap:14px;align-items:start}.pg-guides .rt-stop:not(:last-child):before{content:"";position:absolute;top:calc(var(--rt-pin-top) + var(--rt-node) / 2);left:calc(var(--rt-node) / 2 - 1.5px);height:calc(100% + var(--rt-gap));border-left:3px dotted var(--ink)}.pg-guides .rt-pin{position:relative;display:grid;place-items:center;height:var(--rt-node);margin-top:var(--rt-pin-top)}.pg-guides .rt-seg{display:none}.pg-guides .rt-node{position:relative;display:grid;place-items:center;width:var(--rt-node);height:var(--rt-node);border-radius:50%;background:var(--white);box-shadow:inset 0 0 0 2px var(--ink);color:var(--ink);transition-property:background-color,color;transition-duration:.2s;transition-timing-function:ease}.pg-guides .rt-glyph{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pg-guides .is-here .rt-node{background:var(--ink);color:var(--lime)}.pg-guides .rt-you{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;transition:transform .3s var(--ease-in-out)}.pg-guides .rt-you .cursor-tag{top:42px;left:6px}.pg-guides .rt-finish{position:absolute;top:100%;left:50%;display:flex;flex-direction:column;align-items:center;translate:-50% 0;pointer-events:none}.pg-guides .rt-finish-leg{height:20px;border-left:3px dotted var(--ink)}.pg-guides .rt-flag{width:30px;height:30px;margin-left:12px;overflow:visible}.pg-guides .gd-flag-cloth{fill:var(--white);stroke:var(--ink);stroke-width:1.8;stroke-linejoin:round}.pg-guides .gd-flag-check{fill:var(--ink)}.pg-guides .gd-flag-pole{fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round}.pg-guides .rt-link{position:relative;display:block;margin-right:6px;border-radius:24px;color:var(--ink);text-decoration:none}.pg-guides .rt-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--ink);transform:translate(6px,6px)}.pg-guides .rt-link:focus-visible{outline-offset:5px;border-radius:24px}.pg-guides .rt-card{position:relative;display:grid;align-content:start;gap:8px;height:100%;padding:18px 20px 20px;border-radius:inherit;background:var(--white);box-shadow:0 0 0 2px var(--ink);transition:transform .2s var(--ease-out)}.pg-guides .rt-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.pg-guides .rt-num{color:var(--stone);font:600 12px / 1 var(--font-label);letter-spacing:.06em;font-variant-numeric:tabular-nums}.pg-guides .rt-time{padding:6px 10px 7px;border-radius:var(--radius-pill);background:var(--fog);font:600 12px / 1 var(--font-label);font-variant-numeric:tabular-nums;white-space:nowrap}.pg-guides .rt-name{font:700 clamp(18px,1.45vw,21px) / 1.16 var(--font-display);letter-spacing:-.025em;text-wrap:balance}.pg-guides .rt-go{display:inline-block;width:15px;height:15px;margin-left:8px;vertical-align:-.06em;transition:transform .2s var(--ease-out)}.pg-guides .rt-learn{color:var(--stone);font-size:15px;line-height:1.45;text-wrap:pretty}.pg-guides .rt-link:active .rt-card{transform:translate(4px,4px);transition-duration:.12s;transition-timing-function:var(--ease-press)}@media(hover:hover)and (pointer:fine){.pg-guides .rt-link:hover .rt-card{transform:translate(-3px,-3px)}.pg-guides .rt-link:hover .rt-go{transform:translate(3px)}.pg-guides .rt-link:active .rt-card{transform:translate(4px,4px)}}@container rt (min-width: 860px){.pg-guides .rt-stops{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:auto 76px auto;gap:18px 0}.pg-guides .rt-stop{grid-row:1 / -1;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;column-gap:0}.pg-guides .rt-stop:not(:last-child):before{display:none}.pg-guides .rt-pin{grid-row:2;height:auto;margin:0}.pg-guides .rt-seg{position:absolute;top:0;left:50%;display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-dasharray:0 9}.pg-guides .rt-seg path{vector-effect:non-scaling-stroke}.pg-guides .rt-link{grid-row:1;align-self:end;margin-inline:-25%}.pg-guides .rt-stop:nth-child(2n) .rt-link{grid-row:3;align-self:start}.pg-guides .rt-stop:first-child .rt-link{margin-inline:0 -50%}.pg-guides .rt-stop:last-child .rt-link{margin-inline:-50% 6px}.pg-guides .rt-you .cursor-tag{top:16px;left:50px}.pg-guides .rt-finish{top:50%;left:calc(50% + var(--rt-node) / 2);flex-direction:row;translate:0 -50%}.pg-guides .rt-finish-leg{width:28px;height:0;border-top:3px dotted var(--ink);border-left:0}.pg-guides .rt-flag{width:40px;height:40px;margin:-20px 0 0 -8px}}.rb-js .pg-guides .rt:not(.is-in) :is(.rt-node,.rt-link,.rt-finish,.rt-you .cursor-tag){opacity:0}.rb-js .pg-guides .rt-seg,.rb-js .pg-guides .rt-stop:before{transition:clip-path .24s cubic-bezier(.37,0,.63,1);transition-delay:calc(.36s + var(--n) * .3s)}.rb-js .pg-guides .rt-seg{clip-path:inset(0 100% 0 0)}.rb-js .pg-guides .rt-stop:before{clip-path:inset(0 0 100% 0)}.rb-js .pg-guides .rt.is-in .rt-seg,.rb-js .pg-guides .rt.is-in .rt-stop:before{clip-path:inset(0 0 0 0)}.pg-guides .rt.is-in .rt-node{animation:rt-pop .48s cubic-bezier(.34,1.56,.64,1) calc(.3s + var(--n) * .3s) backwards}.pg-guides .rt.is-in .rt-link{animation:rt-rise .52s var(--ease-out) calc(.38s + var(--n) * .3s) backwards}.pg-guides .rt.is-in .rt-finish{animation:rt-pop .48s cubic-bezier(.34,1.56,.64,1) calc(.3s + (var(--n) + 1) * .3s) backwards}.pg-guides .rt.is-in .rt-you .cursor-tag{animation:rt-you-in .46s var(--ease-out) .18s backwards}@keyframes rt-pop{0%{opacity:0;transform:scale(.95)}}@keyframes rt-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes rt-you-in{0%{opacity:0;transform:translate(14px,12px) scale(.95)}}@keyframes rt-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.rb-js .pg-guides .rt-seg,.rb-js .pg-guides .rt-stop:before{clip-path:none;transition:none}.pg-guides .rt.is-in :is(.rt-node,.rt-link,.rt-finish,.rt-you .cursor-tag){animation:rt-fade .3s ease both}.pg-guides :is(.rt-you,.rt-card,.rt-go){transition:none}.pg-guides .rt-link:is(:hover,:active) :is(.rt-card,.rt-go){transform:none}}@media(hover:hover)and (pointer:fine){.pg-guides .rt-link:hover .rt-name{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}}.pg-guides .gd-answers-head{display:grid;justify-items:start;gap:14px;margin-bottom:clamp(36px,4.5vw,64px)}.pg-guides .gd-answers-note{max-width:34ch}.pg-guides .gd-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(32px,4.5vw,80px);margin:0;padding:0;list-style:none}.pg-guides .gd-index li{border-top:1.5px solid var(--ink)}.pg-guides .gd-row{display:grid;grid-template-columns:minmax(0,max-content) minmax(24px,1fr) auto;grid-template-areas:"q leader tag" "a a a";align-items:end;gap:8px 12px;padding:20px 0 24px;color:inherit;text-decoration:none}.pg-guides .gd-row:focus-visible{outline-offset:2px}.pg-guides .gd-q{grid-area:q;font:600 17px / 1.35 var(--font-label);text-wrap:pretty}.pg-guides .gd-leader{grid-area:leader;margin-bottom:.42em;border-bottom:2.5px dotted oklch(0 0 0 / .32)}.pg-guides .gd-tag{grid-area:tag;display:inline-flex;align-items:center;gap:6px;padding:6px 11px 7px 8px;border-radius:var(--radius-pill);background:var(--fog);font:600 13px / 1 var(--font-label);white-space:nowrap;transition-property:background-color,color,transform;transition-duration:.15s;transition-timing-function:ease,ease,var(--ease-press)}.pg-guides .gd-tag-glyph{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.pg-guides .gd-a{grid-area:a;max-width:52ch;color:var(--stone);font-size:15px;line-height:1.5;text-wrap:pretty}.pg-guides .gd-row:active .gd-tag{transform:scale(var(--press-scale))}@media(hover:hover)and (pointer:fine){.pg-guides .gd-row:hover .gd-q{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}.pg-guides .gd-row:hover .gd-tag{background:var(--ink);color:var(--lime)}}@media(max-width:1023px){.pg-guides .gd-index{grid-template-columns:minmax(0,1fr)}}@media(max-width:720px){.pg-guides .gd-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"q tag" "a a";align-items:start;gap:6px 16px;padding:16px 0 20px}.pg-guides .gd-leader{display:none}.pg-guides .gd-tag{width:34px;height:34px;justify-content:center;margin-block:-5px;padding:0}.pg-guides .gd-tag-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.pg-guides .gd-hero .gk-title{align-self:start;max-width:none;font-size:clamp(42px,5.6vw,84px)}.pg-guides .gd-hero .gk-hero-visual{margin-top:clamp(8px,1.4vw,20px)}.pg-guides .gd-doors-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,auto);gap:0 clamp(56px,6vw,112px)}.pg-guides .gd-door{display:grid;grid-row:span 3;grid-template-rows:subgrid;align-content:start}.pg-guides .gd-door-rest{display:grid;align-content:start}.pg-guides .gd-mark{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;font:600 var(--text-label) / 1.3 var(--font-label);letter-spacing:.08em;text-transform:uppercase}.pg-guides .gd-mark-cursor{--arrow: var(--pink);width:24px;height:24px;filter:drop-shadow(0 2px 3px oklch(0 0 0 / .2))}.pg-guides .gd-mark-flag{width:24px;height:24px}.pg-guides .gd-door-title{max-width:11ch;font:700 clamp(30px,3.2vw,48px) / 1.04 var(--font-display);letter-spacing:-.035em;text-wrap:balance}.pg-guides .gd-door-body{display:grid;align-content:start;gap:12px;max-width:46ch;margin-top:20px;font-size:var(--text-body);line-height:1.55;text-wrap:pretty}.pg-guides .gd-door-links{margin-top:28px}.pg-guides .gd-door .gk-link{background:var(--white)}@media(hover:hover)and (pointer:fine){.pg-guides .gd-door .gk-link:hover{background:#fff}}@media(max-width:860px){.pg-guides .gd-doors-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:72px}.pg-guides .gd-door{grid-row:auto;grid-template-rows:none}}
