.practical-diagram-jump{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:22px}.practical-diagram-jump a{font-weight:800;color:var(--teal2);text-decoration-thickness:1px;text-underline-offset:3px}.practical-diagram-reference{padding-top:42px}.practical-diagram-reference-intro{max-width:760px;margin-bottom:30px}.practical-diagram-section{scroll-margin-top:90px;padding:34px 0 52px;border-top:1px solid var(--line)}.practical-diagram-section:first-of-type{border-top:0}.practical-diagram-section>header{max-width:820px;margin-bottom:20px}.practical-diagram-section>header h2{margin:.15rem 0 .55rem}.practical-diagram-section>header p:last-child{color:var(--muted);line-height:1.6}.practical-diagram-figure{margin:0 auto;max-width:1000px}.practical-diagram-image-link{display:block;background:#fff;border:1px solid #d5dfdc;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px rgba(16,43,63,.06)}.practical-diagram-figure img{display:block;width:100%;height:auto;background:#fff}.practical-diagram-figure figcaption{max-width:900px;margin:10px auto 0;color:var(--muted);font-size:.88rem;line-height:1.52}.practical-diagram-note{max-width:860px;margin:16px auto 0;padding:12px 14px;border-left:3px solid var(--teal);background:#f3f8f6;line-height:1.55}.practical-diagram-next{display:flex;align-items:center;justify-content:space-between;gap:32px}.practical-diagram-next h2{margin-top:0}.practical-diagram-next p{margin-bottom:0;color:var(--muted)}
.practical-diagram-link{font-weight:800;color:var(--teal2);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}.practical-diagram-link:hover,.practical-diagram-link:focus-visible{text-decoration-style:solid}.spec-revision-diagrams{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:14px 0 2px;padding-top:10px;border-top:1px solid #dce5e2;font-size:.88rem}.spec-revision-diagrams>span{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:900}
.practical-diagram-dialog{width:min(1100px,calc(100vw - 34px));max-height:calc(100vh - 34px);padding:0;border:0;border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.32);background:#fff;color:var(--ink)}.practical-diagram-dialog::backdrop{background:rgba(9,25,35,.72)}.practical-diagram-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border-bottom:1px solid var(--line)}.practical-diagram-dialog__head h2{margin:0;font-size:1.08rem}.practical-diagram-dialog__close{border:0;background:transparent;color:var(--navy);font-size:1.8rem;line-height:1;cursor:pointer;padding:3px 8px}.practical-diagram-dialog__body{padding:16px;overflow:auto;max-height:calc(100vh - 150px)}.practical-diagram-dialog__body img{display:block;max-width:100%;width:auto;height:auto;max-height:calc(100vh - 245px);margin:auto;background:#fff}.practical-diagram-dialog__caption{max-width:900px;margin:12px auto 0;color:var(--muted);line-height:1.5}.practical-diagram-dialog__reference{display:block;width:max-content;max-width:100%;margin:8px auto 0;font-weight:800;color:var(--teal2)}
.practical-diagram-preview{position:fixed;z-index:10000;width:min(360px,calc(100vw - 28px));padding:8px;background:#fff;border:1px solid #cbd8d5;border-radius:10px;box-shadow:0 18px 45px rgba(16,43,63,.2);pointer-events:none}.practical-diagram-preview[hidden]{display:none}.practical-diagram-preview img{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;background:#fff}.practical-diagram-preview strong{display:block;padding:7px 4px 2px;color:var(--navy);font-size:.82rem}
@media (max-width:720px){.practical-diagram-next{display:block}.practical-diagram-next .button-row{margin-top:18px}.practical-diagram-dialog{width:calc(100vw - 18px);max-height:calc(100vh - 18px)}.practical-diagram-dialog__body{padding:10px}.practical-diagram-dialog__body img{max-height:calc(100vh - 210px)}.practical-diagram-preview{display:none!important}}