.page-portals-system h1 { max-width:13ch; }
.page-portals-system .bk-rail::after { animation-name:pt-rail-travel; }
@keyframes pt-rail-travel { 0% { top:-44%; } 100% { top:100%; } }
.pt-hero-board { background:color-mix(in srgb,var(--bk-dark-2) 91%,transparent); border:1px solid color-mix(in srgb,var(--bk-accent) 27%,transparent); border-radius:17px; box-shadow:0 30px 70px color-mix(in srgb,var(--bk-dark) 65%,transparent); padding:25px; }
.pt-hero-person { align-items:center; background:var(--bk-dark); border:1px solid var(--bk-rail); border-radius:11px; display:grid; gap:12px; grid-template-columns:46px 1fr auto; padding:13px; }
.pt-hero-person > span, .pt-user > span { align-items:center; background:var(--bk-accent); border-radius:9px; color:var(--bk-dark); display:flex; font-family:var(--awd-font-display); font-size:12px; height:46px; justify-content:center; width:46px; }
.pt-hero-person small, .pt-hero-person b, .pt-hero-person p { display:block; }
.pt-hero-person small { color:var(--bk-muted); font-size:7.5px; text-transform:uppercase; }
.pt-hero-person b { color:var(--bk-inv); font-size:11px; }
.pt-hero-person p { color:var(--bk-dim); font-size:8.5px; margin:0; }
.pt-hero-person em { color:var(--bk-accent); font-size:8px; font-style:normal; }
.pt-hero-next { background:color-mix(in srgb,var(--bk-accent) 10%,transparent); border-left:2px solid var(--bk-accent); border-radius:0 8px 8px 0; margin:12px 0; padding:10px 12px; }
.pt-hero-next small, .pt-hero-next b { display:block; }.pt-hero-next small { color:var(--bk-muted); font-size:7.5px; text-transform:uppercase; }.pt-hero-next b { color:var(--bk-inv); font-size:10px; }
.pt-hero-grid { display:grid; gap:7px; grid-template-columns:repeat(3,1fr); }.pt-hero-grid span { border:1px solid var(--bk-rail); border-radius:8px; padding:9px; text-align:center; }.pt-hero-grid b,.pt-hero-grid small { display:block; }.pt-hero-grid b { color:var(--bk-accent); font-family:var(--awd-font-display); font-size:19px; font-weight:400; }.pt-hero-grid small { color:var(--bk-muted); font-size:7.5px; }.pt-hero-board > p { color:var(--bk-dim); display:flex; font-size:9px; gap:7px; margin:13px 0 0; }.pt-hero-board > p span { color:var(--bk-accent); }
.pt-shell { display:grid; grid-template-columns:230px 1fr; min-height:600px; }.pt-shell > aside { background:var(--bk-dark-2); border-right:1px solid var(--bk-rail); color:var(--bk-inv); padding:23px; }.pt-user { align-items:center; border-bottom:1px solid var(--bk-rail); display:grid; gap:10px; grid-template-columns:46px 1fr; padding-bottom:17px; }.pt-user b,.pt-user small { display:block; }.pt-user b { color:var(--bk-inv); font-size:10.5px; }.pt-user small { color:var(--bk-muted); font-size:8px; }.pt-shell nav { display:grid; gap:6px; margin:19px 0; }.pt-shell nav button { background:transparent; border:1px solid transparent; border-radius:7px; color:var(--bk-dim); cursor:pointer; font-family:var(--awd-font-body); font-size:10px; min-height:44px; padding:9px 11px; text-align:left; }.pt-shell nav button:hover,.pt-shell nav button.is-selected { background:color-mix(in srgb,var(--bk-accent) 10%,transparent); border-color:var(--bk-rail); color:var(--bk-accent); }.pt-shell > aside > p { border-top:1px solid var(--bk-rail); color:var(--bk-muted); font-size:8.5px; padding-top:14px; }.pt-content { background:var(--bk-card); padding:28px; }.pt-content [data-pt-panel] { padding-top:18px; }.pt-content [data-pt-panel]:focus { outline:3px solid color-mix(in srgb,var(--bk-accent) 30%,transparent); outline-offset:4px; }.pt-status { background:var(--bk-warm); border:1px solid var(--bk-edge); border-radius:11px; padding:20px; }.pt-status small { color:var(--bk-muted); font-size:8px; text-transform:uppercase; }.pt-status h3 { font-size:24px; margin:5px 0; }.pt-status span { color:var(--bk-accent-ink); font-size:9px; }.pt-next { border:1px solid var(--bk-edge); border-left:3px solid var(--bk-accent); border-radius:0 9px 9px 0; margin:13px 0; padding:15px; }.pt-next small,.pt-next b { display:block; }.pt-next small { color:var(--bk-muted); font-size:8px; text-transform:uppercase; }.pt-next b { color:var(--bk-ink); font-size:11px; }.pt-mini-stats { display:grid; gap:10px; grid-template-columns:1fr 1fr; }.pt-mini-stats span { border:1px solid var(--bk-edge); border-radius:9px; padding:14px; }.pt-mini-stats b,.pt-mini-stats small { display:block; }.pt-mini-stats b { color:var(--bk-accent-ink); font-family:var(--awd-font-display); font-size:25px; font-weight:400; }.pt-mini-stats small { color:var(--bk-muted); font-size:8px; }.pt-content [data-pt-panel] > h3 { font-size:19px; }.pt-content [data-pt-panel] > p { color:var(--bk-muted); font-size:9px; }.pt-list { display:grid; gap:8px; }.pt-list article { align-items:center; border:1px solid var(--bk-edge); border-radius:9px; display:grid; gap:11px; grid-template-columns:35px 1fr; padding:10px; }.pt-list span { align-items:center; background:var(--bk-warm-2); border-radius:7px; color:var(--bk-accent-ink); display:flex; font-family:var(--awd-font-display); font-size:8px; height:35px; justify-content:center; }.pt-list b { color:var(--bk-ink); font-size:10.5px; }
.pt-access-grid { align-items:center; display:grid; gap:70px; grid-template-columns:.9fr 1.1fr; }.pt-access-list { display:grid; gap:9px; }.pt-access-list article { align-items:center; background:var(--bk-card); border:1px solid var(--bk-edge); border-radius:10px; display:grid; gap:12px; grid-template-columns:45px 1fr; padding:12px; }.pt-access-list article > span { align-items:center; background:var(--bk-warm-2); border-radius:8px; color:var(--bk-accent-ink); display:flex; font-family:var(--awd-font-display); font-size:9px; height:45px; justify-content:center; }.pt-access-list small,.pt-access-list b { display:block; }.pt-access-list small { color:var(--bk-muted); font-size:8px; letter-spacing:.1em; text-transform:uppercase; }.pt-access-list b { color:var(--bk-ink); font-size:11px; }
.pt-proof-card { background:color-mix(in srgb,var(--bk-clay-ink) 7%,transparent); border:1px solid color-mix(in srgb,var(--bk-clay-ink) 17%,transparent); border-radius:15px; padding:27px; }.pt-proof-card small { color:var(--bk-clay-kicker); display:block; font-size:9px; letter-spacing:.13em; text-transform:uppercase; }.pt-proof-card strong { color:var(--bk-clay-ink); display:block; font-family:var(--awd-font-display); font-size:70px; font-weight:300; line-height:1; margin-top:18px; }.pt-proof-card b { color:var(--bk-clay-ink); display:block; font-size:15px; }.pt-proof-card p { border-top:1px solid color-mix(in srgb,var(--bk-clay-ink) 16%,transparent); color:var(--bk-clay-body); font-size:11px; margin:20px 0 13px; padding-top:16px; }.pt-proof-card > span { color:var(--bk-clay-kicker); font-size:9px; }
.pt-test-grid { display:grid; gap:10px; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:35px; }.pt-test-grid article { background:var(--bk-card); border:1px solid var(--bk-edge); border-radius:11px; padding:16px; }.pt-test-grid span { color:var(--bk-accent-ink); font-family:var(--awd-font-display); font-size:10px; }.pt-test-grid b { color:var(--bk-ink); display:block; font-size:12px; margin-top:8px; }.pt-test-grid small { color:var(--bk-body); display:block; font-size:9.5px; margin-top:2px; }
@media(max-width:900px){.pt-hero-board{max-width:620px}.pt-access-grid{gap:42px;grid-template-columns:1fr}}
@media(max-width:700px){.pt-shell{grid-template-columns:1fr}.pt-shell>aside{border-bottom:1px solid var(--bk-rail);border-right:0}.pt-shell nav{grid-template-columns:repeat(3,1fr)}.pt-shell nav button{text-align:center}.pt-test-grid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.pt-hero-board{padding:18px}.pt-hero-person{grid-template-columns:43px 1fr}.pt-hero-person em{grid-column:2}.pt-shell nav,.pt-test-grid{grid-template-columns:1fr}.pt-content{padding:20px}}
@media(prefers-reduced-motion:reduce){.page-portals-system .bk-rail::after{animation:none}}