.relationship-strip{border-block:1px solid var(--line);padding:16px 0;margin:20px 0;font:14px/1.7 sans-serif}.relationship-strip nav,.relationship-strip>div{display:flex;gap:12px;flex-wrap:wrap;align-items:baseline}.relationship-strip button,.translation-card button{background:transparent;border:0;color:var(--accent,#a83829);padding:8px;cursor:pointer;font:inherit}.related-section{border-block:1px solid var(--line);padding:22px 0;margin:24px 0}.related-section summary{font:24px/1.5 Georgia,serif;cursor:pointer}.translation-card{padding:20px 0;border-bottom:1px solid var(--line)}.translation-card h3{font:23px/1.4 Georgia,serif}.translation-opening{white-space:pre-wrap}.related-section li{padding:10px 0}.translation-dialog{position:fixed;inset:0 0 0 auto;margin:0;box-sizing:border-box;width:min(560px,100%);height:100dvh;max-height:100dvh;max-width:100%;padding:28px;border:0;border-left:1px solid var(--line);background:var(--paper);color:var(--ink);overflow:auto}.translation-dialog>button{display:block;margin-left:auto}.translation-dialog::backdrop{background:rgb(30 27 25 / 36%)}.translation-text{white-space:pre-wrap;font:21px/1.8 Georgia,serif;margin:24px 0;overflow-wrap:anywhere}.translation-dialog h2{font:28px/1.3 Georgia,serif}body.translation-modal{overflow:hidden}@media(min-width:800px){body.translation-beside{overflow:auto}body.translation-beside .app-main{margin-right:42%;margin-left:0}body.translation-beside .translation-dialog{width:40%;max-width:none}}@media(max-width:600px){.translation-dialog{padding:20px}.translation-text{font-size:19px}}

.reading [data-translation]{border:0;border-radius:0;background:transparent;padding:8px 0;font:14px/1.6 'Segoe UI',sans-serif;color:var(--green)}
.reading [data-translation]:hover{text-decoration:underline;text-underline-offset:3px}
.translation-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.translation-panel-heading{display:flex;justify-content:flex-end;flex:none;padding:0 0 12px;background:var(--paper)}
.translation-panel-heading button{padding:8px 11px;font:14px/1.5 'Segoe UI',sans-serif;color:var(--accent,#a83829);border:1px solid var(--line);border-radius:3px;background:transparent;white-space:nowrap;cursor:pointer}
.translation-panel-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding-right:8px}
.translation-panel-content>p:first-child{margin-top:0}
@media(min-width:800px) and (max-width:1099px){body.translation-beside .app-main{padding-left:20px;padding-right:20px;margin-right:42%}body.translation-beside .translation-dialog{width:42%;padding:18px 20px}}
.reading #translations-section{padding:0;margin:24px 0;border-block:1px solid var(--line)}
.reading #translations-section[open]{padding-bottom:22px}
.translation-actions{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 24px}
.reading .translation-actions>button,.reading .translation-actions>a{border:0;border-radius:0;background:transparent;margin:0;padding:8px 0;font:14px/1.6 'Segoe UI',sans-serif;color:var(--green);text-decoration:none}
.reading .translation-actions>button:hover,.reading .translation-actions>a:hover{text-decoration:underline;text-underline-offset:3px}
.translation-credit{font:13px/1.7 'Segoe UI',sans-serif;color:var(--muted)}
.reading #translations-section>summary>span{font:inherit;color:inherit;margin:0}
.reading .translation-card .translation-credit{font:13px/1.7 'Segoe UI',sans-serif;color:var(--muted)}

.translation-panel-meta{margin:0 0 22px;padding:0 0 20px;border-bottom:1px solid var(--line);font:12px/1.7 'Segoe UI',sans-serif;color:var(--muted)}
.translation-dialog .translation-panel-title{margin:0 0 24px;font:400 21px/1.4 Georgia,serif;overflow-wrap:anywhere}
.translation-panel-content .translation-text{font:18px/1.6 Georgia,serif;margin:24px 0 28px}
.translation-panel-link{display:inline-block;margin:0 0 12px;font:14px/1.6 'Segoe UI',sans-serif;color:var(--green);text-decoration:none}
.translation-panel-link:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.translation-panel-content .translation-text{font-size:18px}}

.reading .translation-card>.eyebrow{margin:8px 0 6px!important}
.reading .translation-card>.translation-credit{margin:6px 0 14px!important}
.reading .translation-card>h3{margin:14px 0}

.reading .relationship-strip{border:0;border-radius:4px;padding:14px 16px;margin:22px 0 0;background:var(--wash);font:12px/1.6 'Segoe UI',sans-serif;color:var(--green);gap:9px}
.reading .relationship-strip .relationship-actions{gap:20px;align-items:baseline}
.reading .relationship-strip .relationship-actions button,.reading .relationship-strip .relationship-actions a{font:12px/1.6 'Segoe UI',sans-serif;color:var(--green);padding:4px 0;margin:0;text-decoration:underline;text-underline-offset:4px}

.reading .work-relations{padding:0;margin:24px 0}
.reading .work-relations>summary{font:26px/1.35 Georgia,serif;padding:23px 0}
.reading .work-relations>summary>span{display:inline-block;vertical-align:top;max-width:90%;font:inherit;color:inherit;margin:0}
.reading .work-relations>summary small{display:block;font:12px/1.7 'Segoe UI',sans-serif;color:var(--muted);margin-top:9px}
.reading .work-relations .work-links a{font-size:21px;line-height:1.4;overflow-wrap:anywhere}
@media(max-width:600px){.reading .work-relations>summary{font-size:24px}}