.jpp{--jpp-brand:var(--apple-blue,#1467b7);--jpp-ink:#142844;--jpp-muted:#5d6e84;--jpp-line:#d7e1ec;max-width:1240px;margin:24px auto 64px;color:var(--jpp-ink);font-family:Inter,system-ui,sans-serif}
.jpp *{box-sizing:border-box}.jpp h1,.jpp h2,.jpp h3,.jpp p{margin-top:0}.jpp h2{font-size:1.3rem;letter-spacing:-.035em;font-weight:750;margin-bottom:4px}.jpp h3{font-size:1.1rem}.jpp p{color:var(--jpp-muted);line-height:1.55}.jpp a{text-decoration:none}.jpp :focus-visible{outline:3px solid var(--jpp-brand);outline-offset:3px}
.jpp-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--jpp-muted);font-size:.78rem;margin-bottom:14px}.jpp-topline a{color:var(--jpp-brand);font-weight:700}.jpp-topline i{margin-right:7px}
.jpp-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.7fr);background:#fff;border:1px solid var(--jpp-line);border-radius:18px;overflow:hidden;min-height:260px;box-shadow:0 14px 34px rgba(20,40,68,.04)}.jpp-hero-main{padding:38px 42px;display:flex;flex-direction:column;justify-content:space-between;position:relative;isolation:isolate}.jpp-hero-main:after{content:"";position:absolute;inset:auto 0 0 0;height:4px;background:linear-gradient(90deg,#d32935 0 18%,var(--jpp-brand) 18% 100%);z-index:-1}.jpp-person{display:flex;align-items:center;gap:25px}.jpp-avatar{width:108px;height:108px;border-radius:14px;object-fit:cover;border:4px solid #fff;box-shadow:0 0 0 1px var(--jpp-line),0 12px 24px rgba(20,40,68,.12)}.jpp-ident{display:block;color:var(--jpp-brand);font-size:.78rem;font-weight:800;letter-spacing:.055em;margin-bottom:8px}.jpp-ident span{color:var(--jpp-muted);font-weight:600}.jpp-identity h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.055em;font-weight:800;margin:0 0 10px;color:var(--jpp-ink)}.jpp-identity p{font-size:1rem;margin:0}.jpp-hero-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:28px;color:var(--jpp-muted);font-size:.76rem}.jpp-hero-foot>span{border-right:1px solid var(--jpp-line);padding-right:11px}.jpp-hero-foot>span:last-child{border:0}.jpp-hero-foot .badge{border-radius:5px}
.jpp-station{background:#112949;color:#fff;padding:37px 34px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}.jpp-station:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.11);border-radius:50%;right:-130px;top:-95px;box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 56px rgba(255,255,255,.025);pointer-events:none}.jpp-station-label{font-size:.75rem;color:#b5cce4;font-weight:700}.jpp-station-code{color:#fff!important;font-size:clamp(2.8rem,5vw,4.5rem);line-height:1;letter-spacing:-.06em;font-weight:800;margin:23px 0 5px}.jpp-station-code i{font-size:.8rem;vertical-align:middle;letter-spacing:normal}.jpp-station-name{color:#d2dfed;font-size:.82rem;max-width:230px}.jpp-station-base,.jpp-station-last{font-size:.75rem;color:#b5cce4;margin-top:auto;padding-top:20px}.jpp-station-last{margin-top:0;padding-top:6px}.jpp-station-base strong,.jpp-station-last strong{color:#fff;margin-left:7px}
.jpp-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 26px}.jpp-actions a{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--jpp-line);border-radius:9px;padding:11px 15px;color:var(--jpp-ink);font-size:.82rem;font-weight:700}.jpp-actions a:hover{border-color:var(--jpp-brand);color:var(--jpp-brand)}.jpp-actions .jpp-action-primary{background:var(--jpp-brand);color:#fff;border-color:var(--jpp-brand);margin-left:auto}.jpp-actions .jpp-action-primary:hover{color:#fff;filter:brightness(.94)}
.jpp-record{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--jpp-line);border-bottom:1px solid var(--jpp-line);margin-bottom:30px;padding:18px 0}.jpp-record>div{padding:4px 25px;border-right:1px solid var(--jpp-line)}.jpp-record>div:first-child{padding-left:0}.jpp-record>div:last-child{border:0}.jpp-record span{display:block;color:var(--jpp-muted);font-size:.76rem;margin-bottom:6px}.jpp-record strong{font-size:1.85rem;font-weight:780;letter-spacing:-.05em;line-height:1.15}
.jpp-overview{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:16px;margin-bottom:32px}.jpp-panel,.jpp-detail{background:#fff;border:1px solid var(--jpp-line);border-radius:14px}.jpp-panel{padding:25px}.jpp-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.jpp-heading p{font-size:.81rem;margin:0}.jpp-latest{display:flex;align-items:center;gap:20px;color:var(--jpp-ink);border-top:1px solid var(--jpp-line);padding-top:21px;margin-top:23px}.jpp-latest-id{font-weight:750;font-size:.82rem;min-width:90px}.jpp-latest-route{display:flex;align-items:center;gap:13px;font-size:1.5rem;letter-spacing:-.04em}.jpp-latest-route i{font-size:.82rem;color:var(--jpp-brand)}.jpp-latest-date{margin-left:auto;font-size:.75rem;color:var(--jpp-muted);white-space:nowrap}.jpp-latest-date i{margin-left:8px;color:var(--jpp-brand)}.jpp-latest:hover .jpp-latest-date{color:var(--jpp-brand)}.jpp-empty{margin:25px 0 0!important;font-size:.8rem}.jpp-overview-links>a{display:flex;align-items:center;gap:10px;border-top:1px solid var(--jpp-line);padding:13px 0;color:var(--jpp-ink);font-size:.8rem}.jpp-overview-links>a:first-of-type{margin-top:20px}.jpp-overview-links>a span{font-weight:800;color:var(--jpp-brand)}.jpp-overview-links>a strong{margin-left:auto}.jpp-overview-links>a i{font-size:.7rem}
.jpp-detail{overflow:hidden}.jpp-detail-heading{padding:26px 27px 17px}.jpp-tabs{overflow-x:auto;border-bottom:1px solid var(--jpp-line);padding:0 20px}.jpp-tabs .nav{display:flex;flex-wrap:nowrap;min-width:max-content;gap:3px}.jpp-tabs button{font:700 .83rem Inter,system-ui,sans-serif;color:var(--jpp-muted);border:0;border-bottom:3px solid transparent;padding:14px 17px;background:transparent;white-space:nowrap;cursor:pointer}.jpp-tabs button.active,.jpp-tabs button[aria-selected=true]{color:var(--jpp-brand);border-bottom-color:var(--jpp-brand)}.jpp-tabs button span{font-size:.68rem;background:#eef3f9;padding:3px 6px;border-radius:4px;margin-left:5px}.jpp-tab-content{padding:26px}.jpp-tab-content .card{box-shadow:none!important}.jpp-tab-content .bg-light{background:#f6f9fc!important}.jpp-tab-content .rounded-4{border-radius:10px!important}.jpp-tab-content .table{color:var(--jpp-ink)}.jpp-tab-content .table td{border-bottom:1px solid var(--jpp-line)!important}.jpp-tab-content h6{color:var(--jpp-ink)!important}.jpp-tab-content .row{margin-bottom:0}.jpp-account{margin-top:18px}.jpp-account-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.jpp-account-actions a,.jpp-account-actions button{font:700 .8rem Inter,system-ui,sans-serif;background:#f5f8fb;border:1px solid var(--jpp-line);border-radius:8px;color:var(--jpp-ink);padding:11px 14px}.jpp-account-actions button{cursor:pointer}.jpp-account-actions i{margin-left:10px;color:var(--jpp-brand)}
@media(max-width:900px){.jpp-hero{grid-template-columns:1fr}.jpp-station{min-height:180px}.jpp-overview{grid-template-columns:1fr}.jpp-station-base{margin-top:20px}.jpp-record strong{font-size:1.45rem}}
@media(max-width:600px){.jpp{margin:14px auto 38px}.jpp-topline>span{display:none}.jpp-hero-main,.jpp-station{padding:25px}.jpp-person{align-items:flex-start;gap:14px}.jpp-avatar{width:72px;height:72px}.jpp-identity h1{font-size:2rem}.jpp-actions .jpp-action-primary{margin-left:0}.jpp-record{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 0}.jpp-record>div{padding:8px 14px!important;border:0}.jpp-record>div:nth-child(odd){border-right:1px solid var(--jpp-line)}.jpp-latest{flex-wrap:wrap}.jpp-latest-date{margin-left:0}.jpp-panel{padding:20px}.jpp-detail-heading{padding:22px 20px 15px}.jpp-tab-content{padding:18px}.jpp-station-code{font-size:3.5rem}}
@media(prefers-reduced-motion:reduce){.jpp *{scroll-behavior:auto!important;transition:none!important}}
.jpp-record{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.jpp-record>div{padding:4px 18px}.jpp-record>div:first-child{padding-left:0}.jpp-history,.jpp-crew{margin-bottom:18px}.jpp-history .jpp-heading>a,.jpp-crew .jpp-heading>a{font-size:.78rem;color:var(--jpp-brand);font-weight:700;white-space:nowrap}.jpp-type-list{display:flex;align-items:center;flex-wrap:wrap;gap:7px;border-top:1px solid var(--jpp-line);padding-top:19px;margin-top:22px;font-size:.76rem;color:var(--jpp-muted)}.jpp-type-list>span:first-child{margin-right:6px}.jpp-type-list>span:not(:first-child){background:#eff5fa;border:1px solid var(--jpp-line);border-radius:7px;padding:6px 9px}.jpp-type-list strong{color:var(--jpp-ink)}.jpp-flight-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px;margin-top:14px}.jpp-flight-list a{display:grid;grid-template-columns:95px 1fr auto;gap:10px;align-items:center;padding:14px 0;border-top:1px solid var(--jpp-line);font-size:.8rem;color:var(--jpp-ink)}.jpp-flight-list a:hover strong{color:var(--jpp-brand)}.jpp-flight-list strong{font-size:.95rem}.jpp-flight-list i{font-size:.65rem;color:var(--jpp-brand);margin:0 4px}.jpp-flight-list small{color:var(--jpp-muted);text-align:right}.jpp-crew-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:21px}.jpp-crew-list a{display:flex;flex-direction:column;gap:5px;border:1px solid var(--jpp-line);border-radius:9px;padding:15px;color:var(--jpp-ink)}.jpp-crew-list a:hover{border-color:var(--jpp-brand)}.jpp-crew-list span{font-size:.72rem;color:var(--jpp-brand);font-weight:700}.jpp-crew-list strong{font-size:1.1rem}.jpp-crew-list small{color:var(--jpp-muted)}.jpp-key{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;border-bottom:1px solid var(--jpp-line)}.jpp-key strong{font-size:.93rem}.jpp-key p{font-size:.76rem;margin:4px 0 0}.jpp-key-control{display:flex;align-items:center;gap:7px;min-width:0}.jpp-key-control code{display:block;max-width:320px;overflow:auto;white-space:nowrap;background:#f4f7fa;border:1px solid var(--jpp-line);padding:10px 12px;border-radius:7px;color:var(--jpp-ink);font-size:.75rem}.jpp-key-control button{border:1px solid var(--jpp-line);border-radius:7px;background:#fff;color:var(--jpp-ink);padding:10px 12px;font-size:.75rem;font-weight:700;cursor:pointer}.jpp-key-control button:first-of-type{background:var(--jpp-brand);color:#fff;border-color:var(--jpp-brand)}.jpp-key-control button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:950px){.jpp-flight-list{grid-template-columns:1fr}}@media(max-width:700px){.jpp-record{grid-template-columns:repeat(2,minmax(0,1fr))}.jpp-flight-list a{grid-template-columns:1fr auto}.jpp-flight-list small{grid-column:1/-1;text-align:left}.jpp-crew-list{grid-template-columns:1fr}.jpp-key{align-items:flex-start;flex-direction:column}.jpp-key-control{width:100%;flex-wrap:wrap}.jpp-key-control code{flex:1;max-width:100%}}
.jpp-feedback{padding:12px 16px;background:#e5f5eb;border:1px solid #bfdfc9;border-radius:8px;color:#17613c!important;font-size:.82rem}.jpp-overview:has(>:only-child){grid-template-columns:1fr}.jpp-visibility{display:flex;align-items:center;gap:11px;flex-wrap:wrap;padding:19px 0;border-bottom:1px solid var(--jpp-line)}.jpp-visibility>div{flex:1 1 230px}.jpp-visibility strong{font-size:.93rem}.jpp-visibility p{font-size:.76rem;margin:3px 0 0}.jpp-visibility label{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--jpp-line);border-radius:8px;font-size:.76rem;color:var(--jpp-ink);cursor:pointer}.jpp-visibility input{accent-color:var(--jpp-brand)}.jpp-visibility button{border:0;border-radius:8px;background:var(--jpp-brand);color:#fff;padding:10px 13px;font-size:.75rem;font-weight:700;cursor:pointer}
.jpp-milestone{display:flex;align-items:center;gap:25px;border-top:1px solid var(--jpp-line);padding:19px 0 0;margin-top:21px}.jpp-milestone>div:first-child{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.jpp-milestone span{font-size:.74rem;color:var(--jpp-muted)}.jpp-milestone strong{font-size:.95rem}.jpp-milestone small{font-size:.72rem;color:var(--jpp-brand)}.jpp-milestone-track{flex:1;height:5px;min-width:100px;background:#e4eaf1;border-radius:99px;overflow:hidden}.jpp-milestone-track span{display:block;height:100%;background:var(--jpp-brand)}@media(max-width:650px){.jpp-milestone{align-items:stretch;flex-direction:column;gap:11px}}