/* A quiet recommendation after the reading, using each reader's own palette. */
.other-works{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 24px;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);font-size:.875rem;line-height:1.7;min-width:0}
.other-works>h2,.other-works>h3{grid-column:1/-1;font:600 .75rem/1.6 var(--sans,Inter,"Segoe UI",sans-serif);letter-spacing:.025em;margin:0;color:var(--muted);text-wrap:wrap}
.other-works p{margin:0;max-width:none;overflow-wrap:anywhere}
.other-works .other-works-name{font-size:1rem;font-weight:600;margin-bottom:5px}
.other-works a{color:var(--violet-dark,var(--teal));text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;overflow-wrap:anywhere}
.other-works a:hover{color:var(--violet,var(--teal))}
.other-works a:focus-visible{outline:3px solid var(--violet,var(--teal));outline-offset:4px;border-radius:3px}
.other-works-new-tab{font-size:.75rem;font-weight:400;white-space:nowrap}
.other-works .other-works-description{color:var(--muted);font-size:.875rem;line-height:1.8}
.other-works .other-works-note{color:var(--muted);font-size:.75rem;margin-top:4px}
.other-works-all{align-self:end;font-size:.8rem}
.site-footer.has-other-works{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px)}
.site-footer>.other-works{grid-column:1/-1}
#about-content>.other-works{margin-top:24px;grid-template-columns:minmax(0,1fr);padding:16px}
#about-content>.other-works>h3{font-size:.75rem;margin:0;color:var(--muted)}
#about-content>.other-works p{margin:0}
#about-content>.other-works .other-works-name{margin-bottom:5px}
#about-content>.other-works .other-works-all{margin-top:2px}
@media(max-width:720px){.other-works{grid-template-columns:minmax(0,1fr);gap:10px;padding:17px}.site-footer.has-other-works{grid-template-columns:minmax(0,1fr)}.other-works-all{margin-top:2px}}