:root{--pd-ink:#142739;--pd-blue:#1f4e79;--pd-paper:#f4f6f7;--pd-line:#cbd5dd;--pd-muted:#5b6973}
*{box-sizing:border-box}body{margin:0;background:var(--pd-paper);color:var(--pd-ink);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--pd-blue)}.pd-shell{width:min(1180px,94vw);margin:auto}.pd-head{background:#142739;color:#fff;padding:1rem 0}.pd-head a{color:#fff;text-decoration:none;font-weight:800}
.pd-hero{padding:2.4rem 0 1.4rem}.pd-kicker{font-size:.74rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:var(--pd-blue)}
h1{font-family:Georgia,serif;font-size:clamp(2rem,5vw,4rem);line-height:1.05;margin:.35rem 0 1rem;overflow-wrap:anywhere}
.pd-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:1rem 0}.pd-meta div,.pd-card{background:#fff;border:1px solid var(--pd-line);border-radius:14px;padding:1rem}
.pd-meta b{display:block;font-size:.72rem;text-transform:uppercase;color:var(--pd-muted);margin-bottom:.2rem}.pd-hash{font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
.pd-boundary{border-left:5px solid #567c6c;background:#eef7f1;padding:1rem 1.2rem;margin:1rem 0}.pd-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}
.pd-button{display:inline-block;background:#1f4e79;color:#fff!important;padding:.68rem .9rem;border-radius:9px;text-decoration:none;font-weight:800;border:0;cursor:pointer}.pd-button.alt{background:#fff;color:#1f4e79!important;border:1px solid #8cacbf}
.pd-view{background:#fff;border:1px solid var(--pd-line);border-radius:16px;overflow:hidden;margin:1rem 0 3rem}.pd-frame{width:100%;height:78vh;min-height:640px;border:0;background:#e9eef2}
.pd-placeholder{min-height:260px;display:grid;place-items:center;text-align:center;padding:2rem}.pd-placeholder p{max-width:720px;color:var(--pd-muted)}.pd-list{display:grid;gap:.7rem;padding:0;list-style:none}.pd-list li{background:#fff;border:1px solid var(--pd-line);border-radius:12px;padding:.85rem}
.pd-small{font-size:.88rem;color:var(--pd-muted)}@media(max-width:760px){.pd-meta{grid-template-columns:1fr 1fr}.pd-frame{min-height:70vh}}@media(max-width:480px){.pd-meta{grid-template-columns:1fr}}