.page-content *{box-sizing:border-box}
.page-content a{color:#a63d2d;text-decoration:none;transition:color .2s ease}
.page-content a:hover{color:#f2a65a;text-decoration:underline}
.page-content a:focus-visible{outline:2px solid #a63d2d;outline-offset:4px}
.page-content header{background:#3b5d50;color:#fdfdfd;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}
.page-content .logo a{color:#fff;font-family:"IDC Hesperapis Web","IDC Noto Deseret Fallback",sans-serif;font-size:1rem;font-weight:400;font-synthesis:none;text-decoration:none}
.page-content header nav a{color:#fdfdfd;margin:0 .5rem;font-weight:bold}
.page-content header nav a:hover,.page-content header nav a.active{color:#f2a65a}
.page-content .breadcrumb{margin-top:.5rem;font-size:.9rem}
.page-content .breadcrumb a{color:#f2a65a}
.page-content .section{padding:2rem;max-width:1000px;margin:auto}
.page-content .section h2{color:#3b5d50;margin-bottom:1rem}
.page-content .contents{display:flex;flex-wrap:wrap;gap:.35rem 1rem;padding:0 0 1rem;border-bottom:1px solid #e6ebe8}
.page-content .contents strong{font-weight:normal}
.page-content .essay-section{display:flow-root;margin:2rem 0}
.page-content .essay-section h2{margin-top:0}
.page-content .essay-section p{margin:0 0 1rem}
.page-content .dates{font-size:1rem;font-weight:normal;white-space:nowrap;margin-left:.3rem}
.page-content .portrait{float:right;width:200px;margin:.25rem 0 1rem 2rem;text-align:center}
.page-content .portrait-placeholder{aspect-ratio:4/5;border:1px solid #ccc;border-radius:5px;background:#eeeee7;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;color:#666}
.page-content .portrait-placeholder span,.page-content .portrait-placeholder small{font-size:.9rem}
.page-content .portrait-placeholder strong{font-size:1rem;font-weight:normal;margin:.5rem 0}
.page-content .portrait img{max-width:100%;height:auto;border:1px solid #ccc;border-radius:5px;background:#fff}
.page-content .portrait figcaption{font-size:.9rem;color:#555;margin-top:.5rem}
.page-content .portrait figcaption span{display:block}
.page-content sup{font-size:.75em;line-height:0;margin-left:.15rem}
.page-content .sources{border-top:1px solid #e6ebe8;padding-top:2rem}
.page-content .sources ol{padding-left:1.5rem}
.page-content .sources li{margin-bottom:1rem}
.page-content .sources a{overflow-wrap:anywhere}
.page-content .sources li:target{background:#f2e9db}
.page-content .related{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;border-top:1px solid #e6ebe8;padding-top:1rem}
.page-content footer{background:#3b5d50;color:white;text-align:center;padding:1rem;margin-top:2rem}
.page-content footer p{margin:.25rem 0}
.page-content footer a{color:#f2a65a}
.page-content .skip{position:absolute;top:-100px;left:1rem;z-index:10;background:white;padding:.5rem 1rem}
.page-content .skip:focus{top:.5rem}
@media  (max-width:760px){.page-content header{flex-direction:column;gap:.75rem;text-align:center}
.page-content header nav a{display:inline-block;margin:.25rem .4rem}
.page-content .section{padding:1.5rem}
.page-content .portrait{width:170px;margin-left:1.25rem}}
@media  (max-width:480px){.page-content .portrait{float:none;width:180px;margin:0 auto 1.5rem}
.page-content .dates{display:block;margin-left:0}}
@media   print{.page-content header,.page-content .contents,.page-content .breadcrumb,.page-content .related,.page-content .skip,.page-content footer{display:none}
.page-content .section{max-width:none;padding:0}
.page-content .essay-section{margin:1.5rem 0}
.page-content .essay-section h2{break-after:avoid}
.page-content .portrait{width:140px}
.page-content .sources li{break-inside:avoid}
.page-content a{color:inherit}}
.page-content .document-quote{clear:both;margin:1.5rem 0;padding:1.2rem 1.4rem;border-left:4px solid #a63d2d;background:#eeeee7;color:#3b5d50;break-inside:avoid}
.page-content .document-quote p{font-size:1.15rem;line-height:1.65;margin:0 0 .75rem}
.page-content .quote-attribution{font-size:.9rem;color:#555}