/* Agios reading room. Typography and page proportions informed by Confessio. */
:root{--wine:#276478;--ink:#222;--muted:#787b69;--line:#d7d7cb;--paper:#fff;--wash:#f4f4dc;--reader-serif:Baskerville,Bodoni,Georgia,Times,serif;--textsize:21px}
html{background:#a8ad1a;min-height:100%}body{max-width:1180px;margin:0 auto;min-height:100vh;background:#fff;color:#222;font-family:var(--reader-serif);font-size:15px;line-height:1.5}a{color:#276478}a:hover{text-decoration:underline}button,input,select,textarea{outline-color:#788140}button{font-family:inherit;color:inherit}button:hover{color:#276478}button,a{border-radius:0!important;box-shadow:none!important}header{height:150px;background:white;position:relative;padding:0 24px 0 160px;border:0;display:block}.brand{display:block;padding-top:23px;color:#111!important;font-family:var(--reader-serif);min-width:0}.agios-mark{position:absolute;top:3px;left:7px;width:135px;height:135px}.brand>div,.brand strong{font-family:var(--reader-serif);font-variant:small-caps;font-size:43px;letter-spacing:2px;line-height:1;font-weight:normal}.brand small{display:block;font:18px/1.5 var(--reader-serif);font-variant:normal;letter-spacing:0;color:#a53f27;margin:8px 0 0}.brand small em{font-style:italic}nav{height:auto;display:flex;gap:0;align-items:center;position:absolute;left:160px;bottom:25px;margin:0;flex-wrap:wrap;border:0}nav a,nav button{font:bold 14px/1.1 var(--reader-serif)!important;color:#787c66!important;height:auto!important;border:0;border-left:1px solid #858a73;padding:0 12px!important;white-space:nowrap}nav a:first-child,nav button:first-child{border-left:0;padding-left:0!important}nav .active{color:#515b37!important;background:none;border-bottom:0!important;text-decoration:underline;text-underline-offset:5px}nav .active:after{display:none}.private,.right{position:absolute;right:18px;top:18px;margin:0;font:11px/1.5 Georgia,serif;color:#777c68}.right .avatar{display:none}.pill{border:0;padding:0;border-radius:0;color:#777c68;font-size:11px}.workspace{grid-template-columns:165px minmax(0,1fr) 285px;min-height:calc(100vh - 150px);padding:8px 12px 0;gap:14px}.layout{grid-template-columns:190px minmax(0,1fr) 290px;min-height:calc(100vh - 150px)}main,.main{background:#fff;min-width:0}.outline,aside:not(.inspector){background:#fff;border-right:1px solid #d3d4c7;padding:16px 13px 20px 3px}.outline h2{font:21px/1.3 var(--reader-serif);color:#323429;margin:14px 0 6px}.outline p{font:15px/1.4 var(--reader-serif);color:#656951}.eyebrow{font:12px/1.5 var(--reader-serif);font-variant:small-caps;letter-spacing:.5px;color:#7a8068;font-weight:normal}.badge,.tag{border:0;border-radius:0;background:none;color:#606650;font:12px/1.5 var(--reader-serif);padding:0;margin:4px 6px 5px 0}.rule{border-color:#d0d3bd;margin:21px 0}.chapter{display:block;text-align:left;width:100%;border:0;border-bottom:1px dotted #babfb0;background:none;padding:9px 4px;margin:0;border-radius:0;color:#276478;font-size:14px}.chapter small{font:13px/1.4 var(--reader-serif);margin-top:2px}.chapter.current,.chapter:hover{background:#f3f4df;color:#3d542e}.outline-note{font:12px/1.65 var(--reader-serif);color:#797d6b;margin-top:24px}.breadcrumb{font:12px/1.5 var(--reader-serif);padding:9px 10px 10px;color:#7b816b}.heading{padding:7px 10px 19px}.heading .eyebrow{display:none}.heading h1,h1{font:28px/1.2 var(--reader-serif);font-variant:small-caps;letter-spacing:0;color:#111;margin:9px 0 10px}.heading p{font:14px/1.5 var(--reader-serif);color:#6f735f}.toolbar{background:#f8f8f1;border:1px solid #e1e2d5;padding:9px 10px;gap:8px;flex-wrap:wrap}.presets{display:flex;background:none;border:0;border-radius:0;padding:0}.presets button{border:0;border-right:1px solid #b7bea6;border-radius:0;padding:0 9px;font:13px/1.5 var(--reader-serif);color:#276478}.presets button:first-child{padding-left:0}.presets button:last-child{border:0}.presets .selected{background:none;box-shadow:none;text-decoration:underline;text-underline-offset:4px;color:#4d5b37}.type-controls{font:12px/1.5 var(--reader-serif);gap:9px;color:#6a735c}.type-controls button{font:12px/1.5 var(--reader-serif)}.layers{background:white;border:0;border-bottom:1px solid #dadccb;padding:12px 9px;font:13px/1.5 var(--reader-serif);gap:12px;color:#505d40}.layers>span{color:#848a76;font:italic 13px var(--reader-serif);letter-spacing:0}.layers label{gap:5px}.layers i{width:20px;height:12px;border:1px solid #a8ae93;border-radius:0;background:#e6e8db}.layers i:after{width:8px;height:8px;border-radius:0;left:1px;top:1px;background:white}.layers input:checked+i{background:#8a954d}.layers input:checked+i:after{left:9px}#clear{font:12px var(--reader-serif);color:#7b816c}.reader-search{padding:9px 10px 0;font-size:12px}.reader-search input{width:240px;font:12px/1.5 var(--reader-serif);padding:4px;border:1px solid #d5d8c8;background:#fff}.reader-search span{font:12px var(--reader-serif);color:#768065}#reader{padding:17px 10px 28px;margin:0;max-width:none}.section-title{font:17px/1.4 var(--reader-serif);font-variant:small-caps;letter-spacing:0;color:#555f43;margin:10px 0 17px}.section-title:after{background:#d8dbcb}.segment{grid-template-columns:25px 1fr;gap:7px;margin-bottom:22px}.ref,.line-no{font:12px/1.7 var(--reader-serif);color:#8d937d}.latin{font:var(--textsize)/1.6 var(--reader-serif);color:#222;text-align:left}.word{font:inherit;color:inherit}.word:hover,.word.sel{background:#f0f1d4}.annotation{border-bottom:1px dotted transparent}.annotation.bible{background:#f3f0d0;border-color:#b1a667}.annotation.parallel{background:#e9efea;border-color:#8aa48c}.annotation.topos{background:#f4e9df;border-color:#bfac94}.anchor{margin-top:7px}.anchor button{font:12px/1.5 var(--reader-serif);color:#276478;border-bottom:1px dotted #c3c8b4;margin-right:11px}.inspector,.panel{background:#fff;border-left:1px solid #cacfc0;padding:10px 14px;min-width:0}.panel-head{background:#e9e9e9;border:1px solid #c8cbc2;padding:5px 8px;margin:0 0 17px;font-size:12px}.panel-head .eyebrow{color:#54614b;font-family:Arial,Helvetica,sans-serif;font-size:11px;letter-spacing:0;font-variant:normal}.panel-head button{font-size:18px;line-height:1;color:#77816c}#panel h2{font:25px/1.3 var(--reader-serif);color:#262f20}#panel p{font:15px/1.5 var(--reader-serif);color:#505644}.welcome{font:20px/1.5 var(--reader-serif)!important;color:#515b43!important}.card{border:0;border-top:1px dotted #c2c8b5;background:none;border-radius:0;padding:13px 0;margin:16px 0;box-shadow:none}.card h3{font:20px/1.3 var(--reader-serif);color:#303b28;margin:8px 0}.card small{font:12px/1.5 var(--reader-serif);font-variant:small-caps;letter-spacing:0;color:#81896f}.card .quote{font:17px/1.6 var(--reader-serif)!important;color:#343e2c!important}.card a{font:13px/1.5 var(--reader-serif);color:#276478;margin-top:8px}.status{border:0;background:none;border-radius:0;padding:0;font:italic 12px/1.5 var(--reader-serif);color:#6a7a4c}.status.tentative{background:none;color:#967d51}.notice{font:12px/1.6 var(--reader-serif)!important;color:#858b75!important}.dictionary-links a{padding:9px 0;border-bottom:1px dotted #c5cdba;font:14px/1.5 var(--reader-serif)}dl{font:14px/1.5 var(--reader-serif);grid-template-columns:78px 1fr}dt{color:#858e72}dd{color:#424e35}.secondary,.primary,.save{font:13px/1.4 var(--reader-serif);background:#f1f2e7;border:1px solid #b9c0a4;border-radius:0;padding:5px 9px;box-shadow:none;color:#276478}.secondary:hover,.primary:hover{background:#e7ebd9}.saved-note{font:14px/1.5 var(--reader-serif);background:#fff;border:1px solid #c2c9b4;border-radius:0}footer{font:12px/1.5 var(--reader-serif);padding:14px 10px;color:#8a927c;border-color:#ccd2bf}footer button{font:12px var(--reader-serif)}.drawer{left:calc(max(0px,(100vw - 1180px)/2) + 191px);right:calc(max(0px,(100vw - 1180px)/2) + 311px);border:1px solid #aeb69c;border-top:3px solid #b8c1a7;background:#f5f5e9;box-shadow:none;padding:14px 18px}.drawer-head .eyebrow{color:#627449}.drawer-head h3{font:19px var(--reader-serif)}.drawer-head label{font:12px var(--reader-serif)}#app-content{font:16px/1.6 var(--reader-serif)}#toast{border-radius:0;background:#6e7e45;font:14px var(--reader-serif)}body.focus .workspace{padding-inline:35px;grid-template-columns:minmax(0,1fr)}body.focus main{max-width:800px}body.focus .drawer{left:max(0px,calc((100vw - 800px)/2));right:max(0px,calc((100vw - 800px)/2))}body.panel-hidden .workspace{grid-template-columns:165px minmax(0,1fr)}body.panel-hidden .drawer{right:max(0px,calc((100vw - 1180px)/2))}input[type=range]{accent-color:#909b52}.tabs{gap:0}.tabs button{border:0;border-bottom:1px dotted #b4bea1;padding:6px 10px;font:13px var(--reader-serif);border-radius:0;color:#276478}.tabs .active{background:#e9ecd9;color:#50613b}.selected{background:#f4f4dc;border-left:0}.seg{border-radius:0;background:#f3f4ea}.seg .active{box-shadow:none;background:#e9eddb}.searchbox{border-radius:0;background:#fff;border-color:#c3ccb2}.reading{padding-top:25px}.pagehead,.reading{padding-inline:22px}.sub{font-family:var(--reader-serif);font-size:14px;color:#78816a}.pagefoot,.apparatus{font-family:var(--reader-serif)}
@media(min-width:1550px){.workspace{grid-template-columns:165px minmax(0,1fr) 285px}.drawer{left:calc((100vw - 1180px)/2 + 191px);right:calc((100vw - 1180px)/2 + 311px)}}
@media(max-width:1180px){body{max-width:calc(100% - 36px)}.workspace{grid-template-columns:150px minmax(0,1fr) 265px;gap:10px}.drawer{left:190px;right:305px}body.panel-hidden .workspace{grid-template-columns:150px 1fr}body.panel-hidden .drawer{right:18px}.heading h1{font-size:27px}.private{display:none}}
@media(max-width:1000px){.workspace{grid-template-columns:130px minmax(0,1fr) 240px;gap:9px}.outline{padding-right:9px}.outline h2{font-size:19px}.inspector{padding-inline:10px}.drawer{left:169px;right:279px}.layers{gap:9px}.layout{grid-template-columns:165px minmax(0,1fr) 245px}.toolbar{padding:8px}.type-controls{width:100%;justify-content:flex-end}}
@media(max-width:850px){body{max-width:calc(100% - 24px)}header{height:145px;padding:0 12px 0 112px;display:block}.brand{padding-top:23px}.agios-mark{width:100px;height:104px;left:3px;top:11px}.brand>div,.brand strong{font-size:36px}.brand small{font-size:15px;line-height:1.4;max-width:370px}.brand small em{white-space:nowrap}nav{left:112px;bottom:20px;max-width:calc(100% - 125px)}nav a,nav button{font-size:13px!important;padding:0 9px!important}.workspace,body.panel-hidden .workspace{grid-template-columns:minmax(0,1fr);padding:4px 18px 0;min-height:calc(100vh - 145px)}.outline{display:none}.inspector{position:fixed;top:145px;bottom:0;right:12px;width:285px;z-index:15;background:white;border:1px solid #bac6a8;overflow:auto;box-shadow:-5px 0 14px #67734718}.drawer{left:30px;right:30px}.heading h1{font-size:28px}.type-controls{width:auto}.toolbar{padding:9px}.latin{line-height:1.65}body.panel-hidden .drawer{right:30px}body.focus .workspace{padding:4px 20px 0}.right{display:none}}
@media(max-width:500px){body{max-width:100%}html{background:white}header{height:150px;padding-left:87px}.agios-mark{width:78px;height:90px;top:11px;left:3px}.brand>div,.brand strong{font-size:33px}.brand small{font-size:14px;margin-top:7px}nav{left:14px;bottom:17px;max-width:calc(100% - 28px)}nav a,nav button{font-size:13px!important;padding:0 11px!important}.workspace{padding:2px 12px 0}.type-controls{width:100%}.layers{gap:12px}.heading h1{font-size:25px}.inspector{top:150px;right:0;width:min(300px,100%)}.drawer,body.panel-hidden .drawer{left:12px;right:12px}.segment{gap:5px;grid-template-columns:22px 1fr}#reader{padding-inline:5px}.reader-search input{width:210px}.heading{padding-inline:5px}.private{display:none}}

body.focus.panel-hidden .workspace{grid-template-columns:minmax(0,1fr)}body.focus.panel-hidden .drawer{left:max(12px,calc((100vw - 800px)/2));right:max(12px,calc((100vw - 800px)/2))}

header nav{row-gap:9px}@media(max-width:500px){header nav a,header nav button{font-size:12px!important;padding-inline:8px!important}header:has(nav [data-nav]){height:175px}}

/* The supplied Agnus Dei seal, recoloured through the SVG's olive/cream filter. */
.agios-mark{object-fit:contain;aspect-ratio:1;filter:none}