.jp-page{padding-top:34px;padding-bottom:64px}.jp-breadcrumb{display:flex;gap:12px;font-size:12px;color:var(--muted-foreground)}.jp-intro{margin:38px 0 30px;max-width:790px}.jp-intro h1{margin:16px 0;font-size:var(--type-page-title);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);font-weight:500}.jp-intro h1 span,.jp-intro>p:not(.eyebrow){color:var(--muted-foreground)}.jp-intro>p:not(.eyebrow){max-width:650px;font-size:16px;line-height:1.7}.jp-preview{border:1px solid var(--border-strong);border-radius:var(--radius-panel);background:var(--surface);padding:24px 32px 16px}.jp-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center}.jp-lenses{display:flex;gap:6px}.jp-lenses button{min-height:44px;padding:0 20px;border-bottom:2px solid transparent;color:var(--muted-foreground);font-size:13px;cursor:pointer}.jp-lenses button[aria-pressed=true]{border-color:var(--accent);color:var(--foreground);background:var(--surface-interactive)}.jp-explanation{color:var(--muted-foreground);font-size:13px;line-height:1.6;min-height:42px;margin:15px 0 22px}.jp-composition{display:grid;grid-template-columns:1.65fr 1fr;align-items:center;padding:0 20px}.jp-document{border:1px solid var(--border-strong);border-radius:var(--radius-panel);background:var(--surface-raised);padding:24px;box-shadow:var(--surface-shadow)}.jp-document-top{display:flex;justify-content:space-between;align-items:center}.jp-status{border:1px solid var(--border-strong);padding:4px 9px;font-size:11px;color:var(--muted-foreground)}.jp-document h2{font-size:21px;font-weight:500;letter-spacing:-.025em;margin:21px 0}.jp-document h2 span{color:var(--muted-foreground)}.jp-fields{display:grid;grid-template-columns:1fr 1fr;gap:19px;border-top:1px solid var(--border);padding:18px 12px;border-left:2px solid transparent}.jp-fields div>span{font-size:11px;color:var(--muted-foreground)}.jp-fields p,.jp-requirements p{margin:5px 0 0;font-size:13px;line-height:1.6}.jp-requirements{border-top:1px solid var(--border);padding:18px 12px 0;border-left:2px solid transparent}.jp-lifecycle,.jp-requirements p span{color:var(--muted-foreground)}.jp-lifecycle{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;font-size:11px}.jp-related{position:relative;padding:20px 0 20px 45px;border-left:2px solid transparent}.jp-record{display:flex;gap:13px;margin-top:16px;padding:17px;border:1px solid var(--border-strong);border-radius:var(--radius-panel);background:var(--surface-raised)}.jp-record>span{color:var(--muted-foreground)}.jp-related strong{font-size:13px;font-weight:500}.jp-related p{margin-top:4px;font-size:11px;line-height:1.5}.jp-evidence,.jp-related p{color:var(--muted-foreground)}.jp-evidence{display:flex;gap:12px;padding:18px 0 0 19px}.jp-connector{position:absolute;left:-2px;top:50%;width:46px;height:1px;background:var(--diagram-line)}.jp-connector i{display:block;width:6px;height:3px;margin-top:-1px;background:var(--accent);animation:jp-signal 3.6s linear infinite}[data-lens=Connect] .jp-connect,[data-lens=Control] .jp-control,[data-lens=Define] .jp-define{border-left-color:var(--accent);background:var(--surface-interactive)}.jp-define{animation:jp-intro .8s ease both}.jp-control{animation:jp-intro .8s ease .8s both}.jp-connect{animation:jp-intro .8s ease 1.6s both}.jp-preview .jp-connect,.jp-preview .jp-connector i,.jp-preview .jp-control,.jp-preview .jp-define{animation-play-state:paused}.jp-preview[data-running=true] .jp-connect,.jp-preview[data-running=true] .jp-connector i,.jp-preview[data-running=true] .jp-control,.jp-preview[data-running=true] .jp-define{animation-play-state:running}.jp-caption{margin-top:20px;font-family:var(--font-geist-mono);font-size:10px;color:var(--subtle-foreground)}.jp-capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;padding:36px 0}.jp-capabilities h2{font-size:16px;font-weight:500;margin:10px 0}.jp-capabilities p{font-size:13px;line-height:1.7;color:var(--muted-foreground)}.jp-next{border-top:1px solid var(--border-strong);padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:24px}.jp-next>a:first-child{font-size:12px;color:var(--muted-foreground)}.jp-next-module{display:grid;gap:8px;padding:8px}.jp-next-module strong{font-size:19px;font-weight:500}.jp-next-module strong span{display:inline-block;transition:transform var(--motion-feedback)}.jp-page :is(button,a):focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}@keyframes jp-signal{0%,15%{transform:translateX(0);opacity:0}22%{opacity:1}70%{transform:translateX(39px);opacity:1}80%,to{transform:translateX(39px);opacity:0}}@keyframes jp-intro{50%{box-shadow:inset 2px 0 var(--accent)}}@media (hover:hover) and (pointer:fine){.jp-lenses button:hover{background:var(--surface-interactive);color:var(--foreground)}.jp-next-module:hover strong span{transform:translateX(3px)}.jp-next-module:hover{background:var(--surface-raised)}}@media (max-width:767px){.jp-preview{padding:18px 16px}.jp-toolbar{align-items:flex-start;flex-wrap:wrap}.jp-lenses{width:100%}.jp-lenses button{flex:1;padding:0 12px}.jp-explanation{min-height:64px}.jp-composition{grid-template-columns:1fr;padding:0}.jp-document{padding:18px 14px}.jp-document h2{font-size:19px}.jp-fields{gap:15px 10px;padding-left:8px;padding-right:0}.jp-related{padding:35px 12px 12px;margin-top:0}.jp-connector{left:50%;top:0;width:1px;height:28px}.jp-connector i{width:3px;height:5px;margin-left:-1px;animation-name:jp-signal-vertical}.jp-capabilities{grid-template-columns:1fr;gap:24px}.jp-next{align-items:flex-start;flex-direction:column}.jp-next-module{padding:8px 0}.jp-intro{margin-top:30px}}@keyframes jp-signal-vertical{0%,15%{transform:translateY(0);opacity:0}22%{opacity:1}70%{transform:translateY(24px);opacity:1}80%,to{transform:translateY(24px);opacity:0}}@media (prefers-reduced-motion:reduce){.jp-preview *,.jp-preview .jp-connector i{animation:none}.jp-next-module strong span{transition:none}}@media (max-width:600px){.jp-fields{grid-template-columns:minmax(0,1fr);gap:14px}.jp-fields p{font-size:14px}}.jp-next a{min-height:44px;align-content:center}.jp-next strong{display:flex;align-items:center;gap:10px}.jp-next strong>span{flex:0 0 auto}@media (max-width:430px){.jp-next nav{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.jp-next nav a{padding:10px 8px;grid-column:auto}.jp-next strong{font-size:17px}}