.visitor-page .more-info{gap:18px;font:700 16px/1.3 Arial,Helvetica,sans-serif;min-height:50px}
.visitor-page .more-info span{font-size:22px}
.visitor-page .play-button{display:flex;align-items:center;justify-content:center;width:160px;min-width:140px;height:68px;flex-direction:row;gap:12px;font:700 18px/1.2 Arial,Helvetica,sans-serif;background:linear-gradient(#b48c5499,#b48c5499),url('materials/folded-paper.jpg') 30% 65%/260px;color:#211c13;border:1px solid #dcc394;border-right:3px solid #705736;border-bottom:5px solid #634b2c}
.visitor-page .rewind-button{width:48px;min-width:48px;height:58px;font:700 12px/1.2 Arial,Helvetica,sans-serif}
.visitor-page .transport{flex-wrap:wrap;padding:16px 0;gap:16px}
.visitor-page .signal-display{display:none}
.visitor-page .timeline{min-width:140px}
.visitor-page .timeline-caption{font-size:10px}
.visitor-page .volume-control{width:64px}
.visitor-page input[type=range]{height:44px;margin:0;touch-action:pan-y}
.visitor-page input[type=range]::-webkit-slider-thumb{width:24px;height:28px;margin-top:-11px}
.visitor-page input[type=range]::-moz-range-thumb{width:24px;height:28px;border-radius:0;background:#d9bd86;border:2px solid #6c5030}
.visitor-page .time-labels{font:700 14px/1.3 Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums}
.diary-metadata{color:#e8d5ae;border-top:1px dashed #a48d66;padding:0 0 5px;font:15px/1.5 Arial,Helvetica,sans-serif}
.diary-metadata summary{cursor:pointer;padding:13px 0;min-height:48px}
.diary-metadata .metadata{border:0;padding:0 0 10px}
.diary-metadata .metadata dt,.diary-metadata .metadata dd{color:#e8d5ae;font:14px/1.5 Arial,Helvetica,sans-serif}
.visitor-page .transcript{background:linear-gradient(#ddc9a4ed,#ddc9a4ed),url('materials/folded-paper.jpg') center/cover;color:#201c15;clip-path:none;margin:5px 0 10px;width:100%;border-left:4px solid #987244}
.visitor-page .transcript summary{padding:20px 24px}
.visitor-page .transcript-title{font:700 24px/1.3 Georgia,serif;letter-spacing:0}
.visitor-page .transcript summary .eyebrow{display:none}
.visitor-page .transcript-content{padding:0 24px 25px;font:18px/1.75 Arial,Helvetica,sans-serif;font-weight:400;color:#201c15;opacity:1;letter-spacing:0;text-shadow:none}
.visitor-page .transcript-source{font:14px/1.6 Arial,Helvetica,sans-serif;color:#3e3426;opacity:1;border-top:1px solid #9c825a;padding:18px 0 0;margin:14px 0 20px}
.visitor-page #transcript-text p{font:inherit;color:inherit;opacity:1;margin:0 0 24px}
.transcript-sentence{color:inherit;opacity:1;border-radius:0;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:3px 0}
.transcript-sentence.is-current{background:#b97f3370;color:#17130e;box-shadow:0 2px 0 #81561d;outline:0}
.playback-dock{position:fixed;z-index:50;bottom:0;left:0;right:0;padding:8px max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border-top:2px solid #b28e55;background:linear-gradient(#17392bf2,#17392bf2),url('materials/painted-metal.jpg') center/cover;box-shadow:0 -4px 12px #07130e60;display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;color:#f0ddba}
#dock-title{grid-column:1/-1;font:700 12px/1.4 Arial,Helvetica,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.playback-dock button,.playback-dock a{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #b99a6a;font:700 15px/1.3 Arial,Helvetica,sans-serif;text-align:center;text-decoration:none;padding:8px}
.playback-dock button{background:linear-gradient(#bb9c6380,#bb9c6380),url('materials/folded-paper.jpg') center/250px;color:#241c10;border-bottom:3px solid #7a5a31}
.playback-dock a{background:#61432b;color:#f6e1bd;border-bottom:3px solid #302a1d}
.visitor-page.dock-visible{padding-bottom:130px}
.visitor-page .notice{font:14px/1.4 Arial,Helvetica,sans-serif}
@media(min-width:801px){.playback-dock{left:50%;right:auto;transform:translateX(-50%);width:min(600px,100%)}.visitor-page .machine{grid-row:1}.visitor-page .record-deck{padding-bottom:12px}.visitor-page .record-details{min-height:0}.visitor-page .transcript{grid-column:1;grid-row:2}.visitor-page .found-objects{grid-row:2}.visitor-page .record-index{grid-row:3}}
@media(max-width:800px){
  html{scroll-padding-top:16px;scroll-padding-bottom:140px}
  .wrap{width:calc(100% - 28px);max-width:600px}
  .masthead{display:grid;grid-template-columns:1fr auto;gap:10px 12px;padding:12px 0;min-height:0}
  .masthead .brand{grid-column:1;grid-row:1;font-size:13px;letter-spacing:.5px}
  .brand-sub{font-size:8px}
  .masthead .collection-link{grid-column:2;grid-row:1;min-height:44px;font:700 12px/1.3 Arial,Helvetica,sans-serif;gap:7px}
  .collection-link span{font-size:12px;padding:8px}
  .masthead .more-info{grid-column:1/-1;grid-row:2;width:100%;margin:0;min-height:52px;font:700 17px/1.3 Arial,Helvetica,sans-serif}
  .visitor-page .page-heading{grid-template-columns:1fr 100px;min-height:0;margin:12px 0 16px;padding:12px 14px;gap:10px}
  .visitor-page .page-heading>.title-imprint{padding:4px 0;align-self:center;width:auto}
  .visitor-page .page-heading h1{font:700 27px/1.03 Baskerville,Georgia,serif;letter-spacing:.3px;color:#d6b47b;background:none}
  .visitor-page .page-heading h1 br:last-child{display:none}
  .visitor-page .page-heading .eyebrow{font-size:9px;letter-spacing:1px;margin:0 0 8px}
  .visitor-page .page-heading>.verne-plates{height:105px;width:100%}
  .verne-plates .divers-engraving{width:58px;height:82px;top:0;left:0;border-width:2px}
  .verne-plates .heading-engraving{width:67px;height:89px;top:10px;right:0;border-width:2px}
  .visitor-page.has-record .page-heading{grid-template-columns:1fr 62px;margin:10px 0;padding:8px 12px}
  .visitor-page.has-record .page-heading h1{font-size:22px;line-height:1.1}
  .visitor-page.has-record .page-heading h1 br{display:none}
  .visitor-page.has-record .page-heading .eyebrow{display:none}
  .visitor-page.has-record .page-heading>.verne-plates{height:58px}
  .visitor-page.has-record .verne-plates .divers-engraving{display:none}
  .visitor-page.has-record .verne-plates .heading-engraving{height:58px;width:48px;top:0}
  .visitor-page.has-record #notice{padding:2px 0 4px;background:none;border:0;box-shadow:none;color:#e7d1a7;font-size:12px;margin:0 0 6px}
  .visitor-page .notice{margin:0 0 12px;padding:10px 12px}
  .archive-layout{gap:18px}
  .visitor-page .machine{padding:16px 16px 12px;clip-path:none;border-width:2px;scroll-margin-top:12px}
  .visitor-page .machine-header{margin:0 0 14px;padding:0 0 9px;font:700 10px/1.4 Arial,Helvetica,sans-serif;background:none;letter-spacing:.5px}
  .visitor-page .machine-header>span:first-child{max-width:none}
  .visitor-page.has-record .machine-header{display:none}
  .visitor-page .machine-status{display:none}
  .visitor-page .record-deck{display:grid;grid-template-columns:74px minmax(0,1fr);gap:14px;padding:0 0 14px;align-items:center}
  .visitor-page .photo-assembly{padding:0}
  .visitor-page .portrait{padding:4px;margin:0}
  .visitor-page .portrait-window{aspect-ratio:.82}
  .visitor-page .portrait:before{height:12px;top:-5px}
  .visitor-page .portrait figcaption,.visitor-page .photo-ref{display:none}
  .visitor-page .record-details{padding:13px 14px;min-height:0;transform:none!important}
  .visitor-page .file-label{font:700 10px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.5px;margin:0 0 7px;padding:0 0 6px;color:#3a2b1b}
  .visitor-page .file-stamp{display:none}
  .visitor-page .record-details h2{font:700 25px/1.08 Baskerville,Georgia,serif;letter-spacing:0;margin:0;color:#201b12}
  .visitor-page .diary-author{font:14px/1.4 Arial,Helvetica,sans-serif;color:#302619;margin:7px 0 0}
  .visitor-page .transport{display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:12px 14px;padding:12px 0 8px;margin:0}
  .visitor-page .play-button{grid-column:1;grid-row:1;width:100%;min-width:0;height:62px;font-size:20px}
  .visitor-page #play-icon{width:23px;height:23px}
  .visitor-page .rewind-button{grid-column:2;grid-row:1;width:54px;height:58px;gap:3px}
  .visitor-page .timeline{grid-column:1/-1;grid-row:2;min-width:0;width:100%}
  .visitor-page .timeline-caption{font:700 10px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.3px}
  .visitor-page .volume-control{display:none}
  .visitor-page .instrument-strip{margin:8px 0 12px;padding:5px 9px}
  .visitor-page .instrument-strip>span{font-size:8px}
  .visitor-page .machine-bottom{display:none}
  .visitor-page .transcript{order:1;margin:0;width:100%;transform:none}
  .visitor-page .transcript summary{padding:17px 18px;min-height:62px}
  .visitor-page .transcript-content{padding:0 18px 22px;font-size:18px;line-height:1.75}
  .visitor-page .punchcard{order:2;margin:0;width:100%;transform:none;clip-path:var(--rough-edge);padding:20px}
  .visitor-page .punch-grid{grid-template-columns:repeat(6,1fr);gap:10px}
  .visitor-page .punch{min-height:48px;font-size:13px}
  .visitor-page .punch-title{font-size:24px;letter-spacing:0}
  .visitor-page .punch-title>span{font-size:13px}
  .visitor-page .found-objects{order:4;max-width:340px;margin:5px auto 0}
  .visitor-page .record-index{order:3;margin:0;padding:20px 18px;width:100%;clip-path:none}
  .visitor-page .record-index .record-list{grid-template-columns:1fr}
  .visitor-page .record-row{min-height:72px;gap:15px}
  .visitor-page .record-row-title{font:700 16px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0}
  .visitor-page .record-row-detail{font:12px/1.4 Arial,Helvetica,sans-serif;margin-top:4px}
  .visitor-page .filters button{min-height:48px;font:700 15px/1.4 Arial,Helvetica,sans-serif}
  .visitor-page .empty-player{grid-template-columns:75px 1fr;padding:5px 0 16px;gap:12px}
  .visitor-page .empty-player .sea-photo{margin:0}
  .visitor-page .empty-player .sea-photo img{height:145px}
  .visitor-page .empty-insert{padding:20px}
  .visitor-page .empty-insert p{font:14px/1.5 Arial,Helvetica,sans-serif}
  .footer,.footer>span:first-child{font-size:11px}
  .footer a{display:inline-flex;align-items:center;min-height:44px}
  .image-credits summary{min-height:44px;padding:12px 0;font-size:12px}
  .form-field input,.form-field select{font-size:16px;min-height:48px}
  .admin-gate input{font-size:16px;min-height:48px}
  .event-sheet{margin-top:18px}
  .event-entry{font-size:18px;line-height:1.65}
  .event-audio-button{min-height:56px;font:700 18px/1.3 Arial,Helvetica,sans-serif}
}
@media(max-width:360px){.visitor-page .page-heading{grid-template-columns:1fr 78px;padding:10px}.visitor-page .page-heading h1{font-size:23px}.visitor-page .record-deck{grid-template-columns:60px minmax(0,1fr);gap:10px}.visitor-page .record-details{padding:12px}.visitor-page .record-details h2{font-size:23px}.masthead .collection-link{font-size:11px}.visitor-page .transcript-content{padding-left:14px;padding-right:14px}.playback-dock button,.playback-dock a{font-size:14px}}
@media print{.playback-dock{display:none!important}.visitor-page .transcript{background:white}.transcript-sentence.is-current{background:none;box-shadow:none}}

.visitor-page #play-icon{display:block;width:24px;height:24px;flex:none}

.visitor-page .collection-notice{font:16px/1.5 var(--typewriter);color:#302619;margin:16px 0;padding-bottom:16px;border-bottom:1px dashed #8b704b}

.visitor-page .record-row.locked{opacity:1}
.visitor-page .record-row.locked .record-row-detail{font:18px/1.55 var(--typewriter);color:#211b13;letter-spacing:0}

.visitor-page .record-index{background:linear-gradient(#d3c09ce8,#d3c09ce8),url('materials/folded-paper.jpg') 70% 28%/cover;color:#211b13}
.visitor-page .record-index .record-row{padding-top:17px;padding-bottom:17px;border-bottom-color:#786345}
.visitor-page .record-index .record-row-title,.visitor-page .record-index .record-serial,.visitor-page .record-index .collection-notice,.visitor-page .record-index .save-note{color:#211b13}