/* Original upright type and overlapping cover images, with the navy palette. */
:root{--line:#becac5}
.app-shell{background:var(--fog)}
.app-shell[data-screen="folio"] main,
.app-shell[data-screen="source"] main,
.app-shell[data-screen="memory"] main{background:var(--paper)}
.brand img{width:38px;height:38px}
.brand{gap:9px}
.nearby-intro{margin:26px 18px 0;padding:27px 24px 53px;background:var(--bright)}
.nearby-intro .section-heading{margin:0;align-items:flex-start}
.nearby-intro .icon{color:var(--muted)}
.folio-cover{margin-top:-27px;box-shadow:0 17px 30px #132c3915}
.cover-art{background:var(--navy)}
.cover-art:empty{display:none}
.cover-art img:only-child{width:88%;height:100%}
.cover-art::after{background:var(--red)}
.cover-copy h2{overflow-wrap:anywhere}
.cover-copy .eyebrow{color:#bdcdd1}
.cover-bottom{color:#bdcdd1}
.cover-bottom svg{color:var(--red)}
.nearby-margin{position:relative;margin:27px 27px 0 45px;padding-left:18px;border-left:1px solid #879ea2}
.nearby-margin::before{content:'';position:absolute;left:-3px;top:8px;width:5px;height:5px;border-radius:50%;background:var(--blue)}
.nearby-margin button{display:block;width:100%;padding:0;text-align:left}
.nearby-margin blockquote{font:20px/1.5 var(--serif);letter-spacing:-.15px;overflow-wrap:anywhere}
.nearby-margin button>span{display:block;font-size:9px;color:var(--muted);margin-top:9px;letter-spacing:.03em}
.secondary-folios{padding-top:12px}
.nearby-footer{padding-top:24px}
.small-folio{border-bottom-color:#b8c6bf}
.small-cover{border-bottom-color:#b6c4bd}
.folio-margin{border-top-color:#9cada8}
.note-date{color:#65777a}
.scope-reference{border-color:#cad1c9}
.primary,.filter.active{background:var(--blue);border-color:var(--blue)}
.capture-tools button{background:#e2e8e1}
/* Keep the phone fixes from the first navy version. */
#main:focus,#sheet-title:focus{outline:none}
.sheet-header .icon{border-radius:50%}
.sheet-header>div{min-width:0}
.sheet-header h2{overflow-wrap:anywhere}
.capture-form.has-photo .capture-input{min-height:65px;font-size:18px}
.capture-form.has-photo .capture-image{margin:0 0 10px;max-height:230px}
.gather-row:disabled{opacity:1;color:var(--muted)}
.gather-row:disabled img{opacity:.7}
.gather-row:disabled .check{background:var(--muted);border-color:var(--muted)}
.gather-row .row-title{min-width:0;overflow-wrap:anywhere}
.gather-row img,.gather-row .thumb-blank{flex:none}
@media(max-width:355px){
  .nearby-intro{padding:24px 20px 51px}
  .nearby-margin{margin-left:36px;margin-right:24px;padding-left:16px}
  .nearby-margin blockquote{font-size:19px}
}
