/* The approved Post story, on the same paper surface as the other drawings. */
.reveal.post-story{max-width:none;margin:0 0 38px;color:var(--muted)}
.post-story-intro{max-width:760px;margin:0 0 26px}
.post-story-figure{margin:0 0 28px}
.post-story-open{display:block;color:var(--ink);text-decoration:none;cursor:zoom-in}
.post-story-open img{display:block;width:100%;max-width:1536px;height:auto;margin:auto;mix-blend-mode:multiply}
.post-story-enlarge{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:12px 0;font-size:14px;color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.post-story-workflow{max-width:1000px;margin:0 auto}
.post-story-routes{display:grid;grid-template-columns:1fr 1.5fr;gap:42px;margin:24px 0}
.post-story-routes>div{border-top:1px solid var(--line);padding-top:18px}
.post-story-routes h3{font-size:22px;margin:0 0 10px;color:var(--ink)}
.post-story-routes p{margin:0}
.post-story-result{color:var(--ink);font-weight:700}
.post-story-contact{max-width:1000px;margin:28px auto 0;padding-top:22px;border-top:1px solid var(--line)}
.post-story-contact a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:700}
.post-story-open:focus-visible,.post-story-close:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.post-story-dialog{box-sizing:border-box;width:96vw;max-width:1700px;max-height:94vh;max-height:94dvh;margin:auto;padding:0;border:1px solid var(--line);background:var(--paper,#f7f5ef);color:var(--ink)}
.post-story-dialog::backdrop{background:rgb(0 0 0 / .65)}
.post-story-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 22px;border-bottom:1px solid var(--line)}
.post-story-dialog-header p{font-size:14px;line-height:1.5;margin:0}
.post-story-close{flex-shrink:0;border:1px solid currentColor;border-radius:50px;background:transparent;color:var(--ink);padding:9px 15px;min-height:44px;font:inherit;cursor:pointer}
.post-story-scroll{max-height:calc(94vh - 100px);max-height:calc(94dvh - 100px);overflow:auto;overscroll-behavior:contain;padding:12px}
.post-story-scroll img{display:block;width:100%;min-width:1100px;max-width:none;height:auto;mix-blend-mode:multiply}
html:has(.post-story-dialog[open]){overflow:hidden}
@media(max-width:650px){
  .post-story-intro{margin-bottom:18px}
  .post-story-figure{margin:0 -8px 22px}
  .post-story-enlarge{justify-content:center;font-size:14px;padding:12px 8px}
  .post-story-routes{grid-template-columns:1fr;gap:20px;margin:22px 0}
  .post-story-routes h3{font-size:21px}
  .post-story-dialog-header{padding:12px;gap:10px}
  .post-story-dialog-header p{font-size:12px}
  .post-story-close{padding:8px 12px;font-size:14px}
}