/* /book/ page layout. Tokens: /base.css, popups and the guestbook view: /review.css, text roles: /type.css. */
main { width:min(100%,560px); margin:0 auto; padding:56px 28px 72px; }
header { text-align:center; margin-bottom:34px; }
h1 { margin:0; line-height:0; }
h1 a { display:inline-block; line-height:0; }
h1 img { width:min(62%,250px); height:auto; }
.sub { margin:14px 0 0; text-transform:uppercase; color:var(--soft); padding-left:.28em; }
.back { display:flex; justify-content:center; gap:28px; margin-top:54px; font-style:italic; }
.back a { padding:6px 0; color:var(--soft); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; transition:color var(--t) var(--ease), opacity var(--press) var(--ease); }
@media (hover:hover) { .back a:hover { color:var(--ink); } }
.back a:active { opacity:.55; }
@media (max-width:420px) { main { padding:44px 20px 60px; } }