/* Embedded project publication reader */
.project-reader{width:min(1480px,calc(100vw - 40px));max-width:none;height:min(920px,calc(100vh - 34px));margin:auto;padding:0;border:0;background:#172a3e;color:#f5f1e8;box-shadow:0 30px 100px rgba(6,17,29,.45);overflow:hidden}
.project-reader::backdrop{background:rgba(8,20,33,.74);backdrop-filter:blur(6px)}
.project-reader-shell{height:100%;display:grid;grid-template-rows:auto 1fr auto;background:#172a3e}
.project-reader-head{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:start;padding:24px 28px 20px;border-bottom:1px solid rgba(255,255,255,.18)}
.project-reader-head-copy{min-width:0}
.project-reader-kicker{display:block;margin-bottom:7px;color:#a9b5c2;font:10px/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.16em}
.project-reader-title{display:block;max-width:900px;font:normal clamp(24px,2.6vw,38px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.025em}
.project-reader-actions{display:flex;align-items:center;gap:10px}
.project-reader-original,.project-reader-close{min-height:38px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#f5f1e8;padding:10px 13px;font:10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;cursor:pointer}
.project-reader-original:hover,.project-reader-close:hover,.project-reader-original:focus-visible,.project-reader-close:focus-visible{background:#f5f1e8;color:#172a3e;outline:none}
.project-reader-stage{position:relative;min-height:0;display:grid;grid-template-columns:92px minmax(0,1fr) 92px;align-items:center;gap:18px;padding:22px 26px;background:radial-gradient(circle at 50% 44%,#2e465e 0,#24384c 36%,#172a3e 72%)}
.project-reader-turn{height:92px;border:1px solid rgba(255,255,255,.25);background:rgba(10,25,40,.32);color:#eef4ef;font:11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;transition:background .18s ease,opacity .18s ease}
.project-reader-turn:hover:not(:disabled),.project-reader-turn:focus-visible:not(:disabled){background:rgba(255,255,255,.12);outline:none}
.project-reader-turn:disabled{opacity:.25;cursor:default}
.project-book{position:relative;min-width:0;min-height:0;height:100%;display:grid;grid-template-columns:1fr 1fr;gap:3px;align-items:center;justify-content:center;perspective:1800px}
.project-book.single{grid-template-columns:1fr;max-width:760px;margin:0 auto}
.project-page{position:relative;display:flex;align-items:center;justify-content:center;height:100%;min-height:0;background:#f4f0e6;box-shadow:0 16px 45px rgba(0,0,0,.24);overflow:hidden;transform-origin:center;transition:transform .2s ease,opacity .2s ease}
.project-page:first-child{transform-origin:right center}.project-page:last-child{transform-origin:left center}
.project-page.blank{background:linear-gradient(90deg,#e3ded1,#f3efe5);box-shadow:none;opacity:.45}
.project-page canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;background:white}
.project-book.turn-next .project-page:last-child{transform:rotateY(-7deg);opacity:.76}
.project-book.turn-prev .project-page:first-child{transform:rotateY(7deg);opacity:.76}
.project-book-spine{position:absolute;z-index:5;top:1.5%;bottom:1.5%;left:50%;width:14px;transform:translateX(-50%);pointer-events:none;background:linear-gradient(90deg,transparent,rgba(12,23,35,.23),rgba(255,255,255,.2),rgba(12,23,35,.22),transparent);mix-blend-mode:multiply;opacity:.7}
.project-book.single .project-book-spine{display:none}
.project-reader-loading,.project-reader-error{position:absolute;z-index:8;inset:0;display:flex;align-items:center;justify-content:center;padding:35px;text-align:center;background:rgba(23,42,62,.93);color:#dfe4ea;font:18px/1.5 Georgia,'Times New Roman',serif}
.project-reader-error[hidden],.project-reader-loading[hidden]{display:none}
.project-reader-error div{max-width:600px}.project-reader-error a{display:inline-block;margin-top:18px;color:#fff;border-bottom:1px solid currentColor;text-decoration:none}
.project-reader-foot{display:grid;grid-template-columns:auto minmax(160px,480px) auto;align-items:center;gap:22px;padding:14px 28px 16px;border-top:1px solid rgba(255,255,255,.17);background:#102235}
.project-reader-status,.project-reader-total{font:10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.11em;color:#b9c3ce}
.project-reader-total{text-align:right}
.project-reader-progress{width:100%;accent-color:#d6e2d9}
body.reader-open{overflow:hidden}
.archive-card-link{display:inline-flex;align-items:center;gap:8px}
.archive-card-link:after{content:'Read';display:inline-block;padding:4px 7px;border:1px solid #c0c9d2;color:#304861;font:8px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}

@media(max-width:900px){
  .project-reader{width:calc(100vw - 20px);height:calc(100vh - 20px)}
  .project-reader-head{padding:18px 18px 15px}.project-reader-actions{gap:7px}.project-reader-original{display:none}
  .project-reader-stage{grid-template-columns:62px minmax(0,1fr) 62px;gap:10px;padding:14px 12px}.project-reader-turn{height:72px;font-size:9px}
  .project-reader-foot{padding:12px 18px 14px;gap:12px}
}
@media(max-width:700px){
  .project-reader{width:100vw;height:100dvh;max-height:none}
  .project-reader-shell{grid-template-rows:auto minmax(0,1fr) auto}
  .project-reader-head{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px 14px 12px}
  .project-reader-kicker{font-size:8px;margin-bottom:5px}
  .project-reader-title{font-size:clamp(20px,6vw,28px);line-height:1.04;max-width:none}
  .project-reader-close{min-height:36px;padding:8px 10px}

  .project-reader-stage{display:block;position:relative;min-height:0;padding:8px 6px;background:radial-gradient(circle at 50% 44%,#2e465e 0,#24384c 38%,#172a3e 76%)}
  .project-book,.project-book.single{width:100%;max-width:none;height:100%;margin:0;grid-template-columns:1fr}
  .project-page{width:100%;height:100%;background:transparent;box-shadow:none;overflow:visible}
  .project-page canvas{max-width:100%;max-height:100%;box-shadow:0 14px 36px rgba(0,0,0,.28)}
  .project-page:nth-child(2){display:none}
  .project-book-spine{display:none}
  .project-book .project-page:first-child{transform-origin:center}

  .project-reader-turn{position:absolute;z-index:7;top:50%;transform:translateY(-50%);width:42px;height:72px;border-color:rgba(255,255,255,.34);background:rgba(10,25,40,.58);font-size:0;backdrop-filter:blur(4px)}
  .project-reader-prev{left:8px}
  .project-reader-next{right:8px}
  .project-reader-turn:before{font:28px/1 Georgia,'Times New Roman',serif}
  .project-reader-prev:before{content:'‹'}
  .project-reader-next:before{content:'›'}

  .project-reader-foot{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:10px 14px 12px}
  .project-reader-status{font-size:9px;white-space:nowrap}
  .project-reader-total{display:none}
  .project-reader-progress{min-width:0}
}
@media(max-width:390px){
  .project-reader-title{font-size:20px}
  .project-reader-head{padding:11px 12px 10px}
  .project-reader-stage{padding:6px 4px}
  .project-reader-turn{width:38px;height:64px}
  .project-reader-prev{left:5px}.project-reader-next{right:5px}
  .project-reader-foot{padding:9px 12px 10px}
}