.reading-relations{border-top:1px solid #dbe4ec;padding-top:28px;margin-top:30px}.reading-relations h2{font-size:24px;margin-bottom:20px}.relation-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.relation-groups section{border:1px solid #d7e0e9;border-radius:6px;padding:18px;background:#f8fafc}.relation-groups h3{font-size:17px;margin-bottom:12px}.relation-groups li{display:grid;gap:5px;padding:10px 0;border-top:1px solid #e1e9ef;overflow-wrap:anywhere}.relation-groups li span{color:#886a33;font-size:12px}.relation-groups a{font-size:15px}.alphabet-letters{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.alphabet-letters a{min-width:42px;min-height:42px;display:grid;place-items:center;padding:7px;border:1px solid #d7e0e9;border-radius:5px}.alphabet-letters a[aria-current]{background:#12334f;color:#fff;border-color:#bc9755}.alphabet-filter{grid-template-columns:minmax(0,1fr) auto;max-width:580px}.source-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;background:#f5f8fa;border:1px solid #d7e0e9;border-radius:6px;padding:24px;margin:24px 0;overflow-wrap:anywhere}.source-facts dt{font-size:13px;color:#687c90}.source-facts dd{margin-top:5px}.relation-editor{margin:24px 0;min-width:0}.relation-editor h2{margin-bottom:12px}.relation-editor-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.relation-editor label{display:grid;gap:7px;font-size:13px}.relation-editor input,.relation-editor select{width:100%;min-width:0;padding:10px;border:1px solid #bdcddd;border-radius:5px;background:#fff;color:#14344c}.relation-editor button{padding:8px 13px;border:1px solid #bdcddd;border-radius:4px;background:#fff;color:#14344c}.relation-editor .relation-search-row{display:flex;gap:8px}.relation-editor .relation-search-row input{flex:1;min-width:0}.relation-editor-list{margin-top:16px}.relation-editor-list li{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 0;border-bottom:1px solid #dce5ec;overflow-wrap:anywhere}.relation-editor-list li>span{flex:1;min-width:150px}.relation-editor-list small{display:block;color:#6b7e91}.relation-editor-message{margin:12px 0;overflow-wrap:anywhere}.relation-editor-message.is-error{color:#a33232}.relation-editor-nav{display:flex;gap:14px;align-items:center;margin-top:16px}.relation-editor [hidden]{display:none}@media(max-width:650px){.relation-groups,.source-facts,.relation-editor-controls{grid-template-columns:1fr}.alphabet-filter{grid-template-columns:1fr}.relation-groups section,.source-facts{padding:16px}.relation-editor{padding:16px}}
.reading-sources .reference-number{flex-shrink:0;white-space:nowrap}

/* Relation controls and cards reuse the established navy/gold interface. */
.relation-groups p{font-size:14px;line-height:1.9;margin:0}.relation-groups summary{cursor:pointer;padding:12px 0;overflow-wrap:anywhere}.relation-groups a{display:block;min-height:32px;text-decoration:underline;text-underline-offset:4px}.relation-groups :is(a,summary):focus-visible,.relation-editor :is(input,select,button):focus-visible{outline:3px solid #94712f;outline-offset:3px}.relation-editor button{min-height:44px}.relation-editor select{max-width:100%;text-overflow:ellipsis}.relation-editor-nav{flex-wrap:wrap}.relation-editor-message{min-height:1.5em}.relation-groups li span{color:#735724}.relation-editor-list small{color:#506479}