.pd-page{width:100%;min-height:100vh;position:relative;z-index:1}.pd-article{max-width:880px;margin:0 auto;padding:80px 6% 40px;font-family:Inter,sans-serif}.pd-crumb{display:flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:.78rem;letter-spacing:.04em;margin-bottom:32px;flex-wrap:wrap}.pd-crumb-link{text-decoration:none;transition:color .2s ease}.pd-crumb-link:hover{color:#fff!important}.pd-crumb-sep{opacity:.4}.pd-crumb-current{font-weight:600}.pd-hero{margin-bottom:48px}.pd-hero-tag{display:inline-block;font-family:JetBrains Mono,monospace;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;padding:6px 14px;border:1px solid currentColor;border-radius:999px;margin-bottom:18px}.pd-hero-title{font-family:Inter,sans-serif;font-size:clamp(1.8rem,4.5vw,3rem);font-weight:900;letter-spacing:-.03em;line-height:1.1;margin:0 0 14px}.pd-hero-tagline{font-size:1.05rem;line-height:1.55;margin:0;max-width:60ch}.pd-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin:32px 0 0;padding:20px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.pd-metric{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.pd-metric-label{font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.pd-metric-value{font-family:Inter,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.02em;line-height:1}.pd-figure{margin:48px 0;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.06);background:#ffffff05}.pd-figure-img{width:100%;height:auto;display:block}.pd-section{margin-bottom:40px}.pd-section-title{font-family:Inter,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px}.pd-section-body{font-size:1rem;line-height:1.7;margin:0;max-width:70ch}.pd-stack{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.pd-stack-chip{font-family:JetBrains Mono,monospace;font-size:.78rem;padding:6px 12px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#e2e8f0}.pd-shipped{list-style:none;padding:0;margin:0}.pd-shipped-item{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px dashed rgba(255,255,255,.05);font-size:.97rem;line-height:1.55}.pd-shipped-item:last-child{border-bottom:none}.pd-shipped-rune{font-size:1rem;flex-shrink:0;margin-top:2px;width:16px;text-align:center}.pd-learnings{margin:0;padding:14px 18px;border-left:3px solid;background:#ffffff05;font-style:italic;font-size:.98rem;line-height:1.65;border-radius:0 8px 8px 0;max-width:70ch}.pd-portals-section{margin-top:48px;padding-top:32px;border-top:1px solid rgba(255,255,255,.06)}.pd-portals{display:flex;flex-wrap:wrap;gap:14px}.pd-portal{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:10px;font-family:Inter,sans-serif;font-size:.88rem;font-weight:700;text-decoration:none;letter-spacing:.02em;transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease}.pd-portal:hover{transform:translateY(-2px);opacity:.92}.pd-portal-primary{color:#fff;border:1px solid transparent;box-shadow:0 8px 24px #00000040}.pd-portal-primary:hover{box-shadow:0 14px 32px #00000059}.pd-portal-secondary{background:transparent;border:1px solid}.pd-pagination{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;margin-top:56px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06)}.pd-page-link{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid;border-radius:10px;text-decoration:none;transition:background .2s ease,transform .2s ease;font-family:Inter,sans-serif}.pd-page-link:hover{background:#ffffff08;transform:translateY(-2px)}.pd-page-prev{text-align:left}.pd-page-next{text-align:right;grid-column:3}.pd-page-all{align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.pd-page-dir{font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.pd-page-title{font-weight:700;font-size:.92rem}@media (max-width: 720px){.pd-article{padding:60px 5% 40px}.pd-pagination{grid-template-columns:1fr}.pd-page-next{grid-column:1;text-align:left}}
