/* 4.16 — Visuals for Journals (brief, FAQs, closing) and the FAQ / closing of Printing, Thesis and Reports. */

.tp416-route svg,.tp416-schedule svg,.tp416-pdf svg,.tp416-next svg{display:block;width:100%;height:auto;overflow:visible}
.tp416-route text,.tp416-schedule text,.tp416-pdf text{font-family:var(--tp3-sans)}
.tp414-tag.is-real{background:var(--tp3-gold-soft);color:var(--tp3-ink)}

/* Photos beside FAQs */
.tp416-photo{margin:26px 0 0;max-width:440px}
.tp416-photo-frame{position:relative;display:block;border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -38px #0b2328;background:var(--tp3-paper)}
.tp-editorial .tp416-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform 1.2s var(--tp3-ease)}
.tp416-photo.is-faq img{aspect-ratio:5/4}
.tp416-photo.is-portrait{max-width:360px}
.tp-editorial .tp416-photo.is-portrait img{aspect-ratio:4/5;object-position:50% 70%}
.tp416-photo:hover img{transform:scale(1.04)}
.tp-editorial .tp416-photo figcaption{margin-top:10px;font:400 .88rem/1.5 var(--tp3-sans);color:var(--tp3-muted)}

/* Journals: route from approved articles to the printed issue */
.tp416-route{grid-column:1/-1;margin:clamp(28px,4vw,48px) 0 0;padding:clamp(18px,2.4vw,28px);border-radius:20px;background:#fff;border:1px solid var(--tp3-line);box-shadow:var(--tp3-shadow-1)}
.tp416-route-sides{display:grid;grid-template-columns:1fr 3fr;gap:14px;margin-bottom:14px;font:700 .68rem/1 var(--tp3-sans);letter-spacing:.14em;text-transform:uppercase}
.tp416-route-sides span{padding:9px 12px;border-radius:99px;text-align:center}
.tp416-route-sides .is-you{background:var(--tp3-paper);color:var(--tp3-muted);border:1px dashed var(--tp3-line)}
.tp416-route-sides .is-us{background:var(--tp3-ink);color:#efca7c}
.tp416-route ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:r}
.tp416-route li{position:relative;display:flex;flex-direction:column;gap:4px;font:400 .9rem/1.45 var(--tp3-sans);color:var(--tp3-muted)}
.tp416-route li strong{margin-top:10px;font:600 1.15rem/1.15 var(--tp3-serif);color:var(--tp3-ink)}
.tp416-route li:not(:last-child)::after{content:'';position:absolute;top:calc(50% - 46px);right:-14px;width:14px;height:2px;background:repeating-linear-gradient(90deg,var(--tp3-gold) 0 4px,transparent 4px 7px)}
.tp416-route li:first-child{padding-right:6px}
.tp416-route li:first-child::before{content:'';position:absolute;right:-8px;top:0;bottom:0;border-right:1px dashed var(--tp3-line)}
.tp416-route-art{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;border-radius:14px;background:var(--tp3-paper);overflow:hidden}
.tp416-route-art.is-cover{background:radial-gradient(90% 90% at 50% 40%,#173f43,#0b2328)}
.tp-editorial .tp416-route-art img{display:block;height:84%;width:auto;border-radius:3px;box-shadow:0 18px 26px -10px #000a;transform:perspective(600px) rotateY(-14deg);transition:transform .6s var(--tp3-ease)}
.tp416-route li.is-cover:hover img{transform:perspective(600px) rotateY(0)}
.tp416-route-art .tp414-tag{left:8px;bottom:8px}
.tp-editorial .tp416-route figcaption{margin-top:14px;font:400 .82rem/1.5 var(--tp3-sans);color:var(--tp3-muted)}
.tp416-sheet{fill:#fff;stroke:#dcd5c3}
.tp416-txt,.tp416-cols path{stroke:#c9d8d5;stroke-width:3;stroke-linecap:round;fill:none}
.tp416-head{fill:#0b2328}
.tp416-abs{fill:#e7f0ee}
.tp416-fig{fill:#e0b04a;opacity:.55}
.tp416-cursor line{stroke:#c2187f;stroke-width:1.6}
.tp416-cursor{opacity:0}
.tp416-ok circle{fill:#0a6b7a}.tp416-ok path{fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.tp416-mark{fill:none;stroke:#c2187f;stroke-width:1.6;stroke-dasharray:3 3}
.tp416-stamp rect{fill:#fff;stroke:#c2187f;stroke-width:2.2}
.tp416-stamp text{font-size:11px;font-weight:800;letter-spacing:.12em;fill:#c2187f;text-anchor:middle}

/* Journals: closing schedule */
.tp31-closing .tp-enquiry-layout:has(.tp416-schedule){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.tp416-schedule{position:relative;margin:0;padding:22px 22px 34px;border-radius:18px;background:#ffffff0d;border:1px solid #ffffff1f}
.tp416-schedule .tp414-tag{left:auto;right:12px;bottom:10px}
.tp416-gh{font-size:9px;font-weight:800;letter-spacing:.16em;fill:#efca7c}
.tp416-gh.is-r{text-anchor:end}
.tp416-gx{stroke:#ffffff33}
.tp416-gl{font-size:11px;font-weight:600;fill:#efe9dc}
.tp416-gt{fill:#ffffff14}
.tp416-gb{fill:#e0b04a;transform-box:fill-box;transform-origin:left center}
.tp416-gb[style*="--n:3"]{fill:#f0d390}
.tp416-flag line{stroke:#c2187f;stroke-width:1.6;stroke-dasharray:3 3}
.tp416-flag path{fill:#c2187f}

/* Thesis: PDF check */
.tp416-pdf .tp414-tag{left:auto;right:22px}
.tp416-pdf-badge{fill:#c2187f}
.tp416-pdf-t{font-size:9px;font-weight:800;fill:#fff;text-anchor:middle;letter-spacing:.08em}
.tp416-margin{fill:none;stroke:#0a8fc4;stroke-width:1;stroke-dasharray:4 3}
.tp416-imgbox{fill:#e7f0ee}
.tp416-mount{fill:#9dbdb8}
.tp416-dim line{stroke:#0a8fc4;stroke-width:1.2;marker-start:none}
.tp416-checks circle{fill:#0a6b7a}
.tp416-checks path{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.tp416-checks text{font-size:12px;font-weight:600;fill:#183f42}

/* Closing drawings (dark band) */
.tp416-crop path{stroke:#0b2328;stroke-width:1;fill:none}
.tp416-reg circle,.tp416-reg line{fill:none;stroke:#0b2328;stroke-width:1.2}
.tp416-press{fill:#f7f4ea;filter:drop-shadow(0 12px 18px #0006)}
.tp416-txt.is-thin{stroke-width:2.4}
.tp416-next.is-press{width:190px}
.tp416-art{transform-box:fill-box;transform-origin:left center}
.tp416-board{fill:#7a1f2b;stroke:#e0b04a;stroke-width:1}
.tp416-spine{fill:#5c1620;stroke:#e0b04a;stroke-width:1}
.tp416-foil rect{fill:#e0b04a}
.tp416-shine{fill:#fff;opacity:0}
.tp416-band{fill:#04424c}.tp416-band-t{fill:#efe9dc}
.tp416-bar{fill:#e0b04a;transform-box:fill-box;transform-origin:center bottom}
.tp416-bar[style*="--n:3"]{fill:#0a8fc4}
.tp416-axis{stroke:#51666a;stroke-width:1}

@media (prefers-reduced-motion:no-preference){
  .tp414-js [data-tp414-anim] :is(.tp416-ok,.tp416-cursor,.tp416-stamp,.tp416-mark,.tp416-gb,.tp416-flag,.tp416-margin,.tp416-checks g,.tp416-ink,.tp416-art,.tp416-shine,.tp416-bar,.tp416-route-art){animation-play-state:paused}
  .tp414-js .is-in :is(.tp416-ok,.tp416-cursor,.tp416-stamp,.tp416-mark,.tp416-gb,.tp416-flag,.tp416-margin,.tp416-checks g,.tp416-ink,.tp416-art,.tp416-shine,.tp416-bar,.tp416-route-art){animation-play-state:running}
  /* Route: each stage lights up in turn */
  .tp416-route-art{animation:tp416-stage 8s ease-in-out infinite;animation-delay:calc(var(--n) * 2s)}
  .tp416-ok{transform-box:fill-box;transform-origin:center;animation:tp416-pop 8s var(--tp3-ease) infinite}
  .tp416-cursor{opacity:1;animation:tp416-type 8s steps(1) infinite}
  .tp416-stamp{transform-box:fill-box;transform-origin:center;animation:tp416-stamp 8s var(--tp3-ease) infinite}
  .tp416-mark{animation:tp416-march 1.4s linear infinite}
  /* Schedule */
  .tp416-gb{animation:tp416-grow 7s var(--tp3-ease) infinite;animation-delay:calc(var(--n) * .5s)}
  .tp416-flag{animation:tp416-flag 7s var(--tp3-ease) infinite}
  /* PDF check */
  .tp416-margin{animation:tp416-march 1.6s linear infinite}
  .tp416-checks g{opacity:0;animation:tp416-fade 6s var(--tp3-ease) infinite;animation-delay:calc(var(--n) * .7s)}
  /* Closing drawings */
  .tp416-ink{opacity:0;animation:tp416-fade 5s var(--tp3-ease) infinite;animation-delay:calc(var(--n) * .35s)}
  .tp416-art{animation:tp416-wipe 5s var(--tp3-ease) infinite}
  .tp416-shine{animation:tp416-shine 4s ease-in-out infinite}
  .tp416-bar{animation:tp416-bar 5s var(--tp3-ease) infinite;animation-delay:calc(var(--n) * .25s)}
}
@keyframes tp416-stage{0%,100%{box-shadow:inset 0 0 0 0 transparent}6%,22%{box-shadow:inset 0 0 0 2px var(--tp3-gold-soft)}30%{box-shadow:inset 0 0 0 0 transparent}}
@keyframes tp416-pop{0%,4%{transform:scale(0)}12%,90%{transform:scale(1)}100%{transform:scale(0)}}
@keyframes tp416-type{0%{transform:translate(48px,54px)}12%{transform:translate(77px,60px)}24%{transform:translate(48px,72px)}36%{transform:translate(112px,66px)}48%{transform:translate(70px,90px)}60%,100%{transform:translate(112px,72px)}}
@keyframes tp416-stamp{0%,48%{opacity:0;transform:scale(1.8)}56%,92%{opacity:1;transform:scale(1)}100%{opacity:0}}
@keyframes tp416-march{to{stroke-dashoffset:-12}}
@keyframes tp416-grow{0%,4%{transform:scaleX(0)}22%,86%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes tp416-flag{0%,30%{opacity:0;transform:translate(320px,46px)}42%,86%{opacity:1;transform:translate(320px,36px)}100%{opacity:0;transform:translate(320px,36px)}}
@keyframes tp416-fade{0%,6%{opacity:0}16%,88%{opacity:1}100%{opacity:0}}
@keyframes tp416-wipe{0%,6%{transform:scaleX(0)}30%,88%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes tp416-shine{0%,40%{opacity:0;transform:translateX(0)}55%{opacity:.35}75%,100%{opacity:0;transform:translateX(110px)}}
@keyframes tp416-bar{0%,4%{transform:scaleY(0)}22%,86%{transform:scaleY(1)}100%{transform:scaleY(0)}}

@media(max-width:900px){
  .tp416-route ol{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}
  .tp416-route li::after,.tp416-route li:first-child::before{display:none}
  .tp416-route-sides{grid-template-columns:1fr}
  .tp31-closing .tp-enquiry-layout:has(.tp416-schedule){grid-template-columns:minmax(0,1fr)}
  .tp416-photo{max-width:none}
}