.rtg-page{--rtg-path:#4ecb93;--rtg-now:#e8a838;--rtg-broken:#ff7a6b;--rtg-node:#5aa9ff;width:min(1120px,100% - 32px);margin:0 auto;padding:0 0 clamp(36px,5vw,64px)}.rtg-page *,.rtg-page :before,.rtg-page :after{box-sizing:border-box}.rtg-page h1,.rtg-page h2,.rtg-page h3,.rtg-page p{margin:0}.rtg-page button{font:inherit}.rtg-page ol,.rtg-page ul{margin:0;padding:0;list-style:none}.rtg-kicker{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:850}.rtg-hero{grid-template-columns:1.35fr .65fr;align-items:center;gap:clamp(24px,5vw,64px);padding:clamp(28px,5vw,52px);display:grid}.rtg-hero h1{max-width:700px;color:var(--foreground);font-family:var(--font-display), var(--font-sans), sans-serif;letter-spacing:-.045em;word-break:keep-all;margin-top:10px;font-size:clamp(34px,5vw,60px);line-height:1.05}.rtg-hero>div>p:last-child{max-width:680px;color:var(--muted);word-break:keep-all;margin-top:15px;font-size:clamp(.88rem,1.6vw,1.05rem);line-height:1.7}.rtg-hero-answer{border:var(--pixel) solid var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface-2));gap:9px;padding:22px;display:grid}.rtg-hero-answer span{color:var(--muted);font-size:.72rem;font-weight:750}.rtg-hero-answer strong{color:var(--foreground);word-break:keep-all;font-size:clamp(1.05rem,2.2vw,1.4rem);line-height:1.35}.rtg-demo{margin-top:16px;padding:clamp(22px,4vw,38px)}.rtg-demo-head{justify-content:space-between;align-items:start;gap:18px;display:flex}.rtg-demo-head h2,.rtg-section-title h2{color:var(--foreground);letter-spacing:-.035em;word-break:keep-all;margin-top:7px;font-size:clamp(1.35rem,3vw,2rem);line-height:1.2}.rtg-reset{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);min-height:44px;color:var(--muted);cursor:pointer;flex:none;padding:8px 11px;font-size:.72rem;font-weight:750}.rtg-reset:hover{border-color:var(--accent);color:var(--foreground)}.rtg-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;display:flex}.rtg-scenarios{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.rtg-scenarios>span{color:var(--muted);align-self:center;font-size:.72rem;font-weight:750}.rtg-scenario{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);cursor:pointer;text-align:left;gap:3px;padding:11px 13px;display:grid}.rtg-scenario strong{color:var(--foreground-soft);font-size:.78rem}.rtg-scenario small{color:var(--muted);font-size:.64rem}.rtg-scenario:hover{border-color:var(--accent)}.rtg-scenario:hover strong{color:var(--foreground)}.rtg-scenario.is-selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface-2))}.rtg-scenario.is-selected strong{color:var(--foreground)}.rtg-packet-info{gap:6px;display:flex}.rtg-info-chip{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--muted);padding:8px 11px;font-size:.68rem;font-weight:750}.rtg-info-chip b{color:var(--foreground);font-family:var(--font-geist-mono), monospace;margin-left:5px}.rtg-info-chip.is-ttl{border-color:color-mix(in srgb, var(--rtg-now) 55%, var(--border-strong))}.rtg-info-chip.is-ttl b{color:var(--rtg-now)}.rtg-info-chip.is-ttl.is-idle{border-color:var(--border-strong)}.rtg-info-chip.is-ttl.is-idle b{color:var(--foreground)}.rtg-map-area{border:var(--pixel) solid var(--border);background:var(--background);margin-top:12px;padding:clamp(10px,2vw,16px)}.rtg-map{width:100%;height:auto;display:block}.rtg-link{stroke:var(--border-strong);stroke-width:2.5px}.rtg-link.is-traversed{stroke:var(--rtg-path);stroke-width:3.5px}.rtg-link.is-next{stroke:var(--rtg-now);stroke-width:3px;stroke-dasharray:6 5;animation:.6s linear infinite rtg-dash}.rtg-link.is-broken{stroke:var(--rtg-broken);stroke-width:2.5px;stroke-dasharray:4 6;opacity:.85}@keyframes rtg-dash{to{stroke-dashoffset:-11px}}.rtg-bolt{font-size:17px}.rtg-node circle{fill:var(--surface-2);stroke:var(--border-strong);stroke-width:2.5px}.rtg-node.is-visited circle{stroke:var(--rtg-path)}.rtg-node.is-current circle{fill:color-mix(in srgb, var(--rtg-now) 22%, var(--surface-2));stroke:var(--rtg-now);stroke-width:3px}.rtg-node-name{fill:var(--foreground);font-size:12.5px;font-weight:750}.rtg-node.is-idle .rtg-node-name{fill:var(--foreground-soft)}.rtg-node-sub{fill:var(--muted);font-family:var(--font-geist-mono), monospace;font-size:9.5px}.rtg-packet{fill:var(--rtg-now);stroke:color-mix(in srgb, var(--rtg-now) 40%, transparent);stroke-width:6px;animation:1.1s ease-in-out infinite rtg-pulse}@keyframes rtg-pulse{0%,to{stroke-width:4px}50%{stroke-width:10px}}.rtg-panels{grid-template-columns:1.1fr .9fr;gap:10px;margin-top:10px;display:grid}.rtg-table-panel,.rtg-log-panel{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);min-width:0;min-height:148px;padding:14px 16px}.rtg-panel-title{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:850}.rtg-panel-empty{color:var(--muted);word-break:keep-all;font-size:.75rem;line-height:1.6;margin-top:12px!important}.rtg-table{gap:5px;margin-top:11px;display:grid}.rtg-table li{border:1px solid var(--border);background:var(--background);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;font-size:.74rem;display:flex}.rtg-table span{color:var(--foreground-soft)}.rtg-table i{color:var(--muted);font-style:normal;font-weight:900}.rtg-table b{color:var(--foreground);font-weight:800}.rtg-table em{background:var(--rtg-now);color:#14181d;margin-left:auto;padding:3px 7px;font-size:.62rem;font-style:normal;font-weight:850}.rtg-table li.is-matched{border-color:var(--rtg-now);background:color-mix(in srgb, var(--rtg-now) 9%, var(--background))}.rtg-log{gap:4px;max-height:220px;margin-top:11px;display:grid;overflow-y:auto}.rtg-log li{border-left:3px solid var(--border-strong);color:var(--muted);font:650 .7rem/1.5 var(--font-geist-mono), monospace;padding:6px 9px}.rtg-log li.is-current{border-left-color:var(--rtg-now);background:color-mix(in srgb, var(--rtg-now) 7%, transparent);color:var(--foreground)}.rtg-log li:last-child:not(.is-current){color:var(--foreground-soft)}.rtg-caption{min-height:4.8em;color:var(--foreground-soft);word-break:keep-all;font-size:.8rem;line-height:1.6;margin-top:11px!important}.rtg-controls{flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;display:flex}.rtg-main{border:var(--pixel) solid var(--accent);background:var(--accent);min-width:132px;min-height:46px;color:var(--accent-contrast);cursor:pointer;font-size:.84rem;font-weight:850}.rtg-main:hover{filter:brightness(1.08)}.rtg-auto{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);min-height:46px;color:var(--foreground-soft);cursor:pointer;padding:0 16px;font-size:.78rem;font-weight:800}.rtg-auto:hover{border-color:var(--accent);color:var(--foreground)}.rtg-auto.is-on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface-2));color:var(--foreground)}.rtg-main:focus-visible,.rtg-auto:focus-visible,.rtg-reset:focus-visible,.rtg-scenario:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:3px}.rtg-progress{color:var(--muted);margin-left:auto;font-size:.72rem}.rtg-progress b{color:var(--foreground-soft);font-weight:800}.rtg-benefits{margin-top:16px;padding:clamp(22px,4vw,38px)}.rtg-section-title{text-align:center}.rtg-benefits>div:last-child{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:22px;display:grid}.rtg-benefits article{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);gap:8px;padding:19px;display:grid}.rtg-benefits article>b{color:var(--accent);font:850 .68rem/1 var(--font-geist-mono), monospace}.rtg-benefits article strong{color:var(--foreground);font-size:.9rem}.rtg-benefits article p{color:var(--muted);word-break:keep-all;font-size:.75rem;line-height:1.55}.rtg-summary{border:var(--pixel) solid var(--border-strong);background:var(--surface-1);color:var(--foreground-soft);text-align:center;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px;margin-top:16px;padding:20px;font-size:.75rem;font-weight:750;display:grid}.rtg-summary i{color:var(--accent);font-style:normal}.rtg-warning{gap:8px;padding:22px 2px 0;display:grid}.rtg-warning strong{color:var(--foreground);font-size:.78rem}.rtg-warning p{color:var(--muted);word-break:keep-all;font-size:.72rem;line-height:1.6}.rtg-warning span{color:var(--muted);font:650 .62rem/1.5 var(--font-geist-mono), monospace}@media (prefers-reduced-motion:reduce){.rtg-link.is-next,.rtg-packet{animation:none}}@media (max-width:840px){.rtg-hero{grid-template-columns:1fr}.rtg-hero-answer{grid-template-columns:auto 1fr;align-items:center}.rtg-panels{grid-template-columns:1fr}}@media (max-width:620px){.rtg-page{width:min(100% - 24px,1120px);padding:20px 0 36px}.rtg-hero,.rtg-demo,.rtg-benefits{padding:20px 16px}.rtg-caption{min-height:6.4em}.rtg-hero h1{font-size:clamp(33px,10vw,46px)}.rtg-hero-answer{grid-template-columns:1fr}.rtg-demo-head{align-items:flex-start}.rtg-scenario{flex:100%}.rtg-toolbar{flex-direction:column;align-items:stretch}.rtg-packet-info{justify-content:flex-start}.rtg-map-area{padding:6px}.rtg-progress{flex-basis:100%;margin-left:0}.rtg-benefits>div:last-child,.rtg-summary{grid-template-columns:1fr}.rtg-summary i{transform:rotate(90deg)}}
