/* Stories — single stylesheet, based on supplied Daily Normandy example. No changes to other website CSS. */
@font-face{font-family:CloisterBlack;src:url('/We-tell-our-story-test/css/fonts/CloisterBlackLight-axjg.ttf') format('truetype');font-display:swap}
*{box-sizing:border-box}body{margin:0;background:#eeeae0;color:#29251e;font-family:Georgia,'Times New Roman',serif}main{max-width:1000px;margin:auto;padding:28px 20px 70px}.dn-paper{background:#f3f0e8;padding:18px 22px 0;border:1px solid #888;box-shadow:0 3px 12px #0001;margin-bottom:34px}.paper-topline{display:flex;justify-content:space-between;border-bottom:1px solid #111;padding:0 2px 6px;font:700 9px/1.2 Arial,sans-serif;letter-spacing:.20em}.paper-masthead{text-align:center;padding-top:11px}.paper-name{font-family:CloisterBlack,'Times New Roman',Georgia,serif;font-size:clamp(58px,9vw,104px);line-height:.88;padding:14px 0 13px;border-bottom:4px double #111}.paper-rule{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:5px 0;border-bottom:2px solid #111;font:700 11px 'Times New Roman',Georgia,serif}.story-kicker{font:700 10px Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;margin:35px 0 8px}.story-title{font-size:clamp(42px,7vw,78px);line-height:1.04;margin:0 0 25px;border-bottom:3px double #29251e;padding-bottom:16px}.story{max-width:900px;margin:auto;font-size:17px;line-height:1.58;overflow-wrap:anywhere}.story p{margin:0 0 16px}.story img{max-width:100%;height:auto;display:block;margin:24px auto}.story iframe,.story video{max-width:100%}.story table{max-width:100%;display:block;overflow-x:auto}.story em{font-size:.94em}.story-list{list-style:none;padding:0;columns:2;column-gap:32px}.story-list li{break-inside:avoid;padding:8px 0;border-bottom:1px solid #bbb}.story-list a{color:#29251e}.backlink{font:13px Arial,sans-serif;margin:20px 0}.backlink a{color:#29251e}@media(max-width:700px){.paper-rule{grid-template-columns:1fr}.story{font-size:16px}.story-list{columns:1}}
/* SUPERSCRIPT 3775 — GALLERY STYLES */
.restore-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px;margin:1em 0 2em}.restore-photo img{width:100%;height:150px;object-fit:contain}.restore-section{margin-top:1.5em}.restore-warning{padding:1em;border:1px solid #b88}


/* BTNormandy gallery v1 */
/* Alleen galerijen; bestaande header, tekst en navigatie blijven ongemoeid. */
.restore-gallery {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px;
}
.restore-photo { min-width: 0; cursor: zoom-in; }
.restore-photo img { display: block; width: 100%; height: 175px; object-fit: contain; }
@media (max-width: 800px) {
  .restore-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 480px) {
  .restore-gallery { grid-template-columns: minmax(0, 1fr) !important; }
}
.bt-gallery-dialog {
  position: fixed; inset: 0; z-index: 9999; width: 100%; height: 100%;
  max-width: none; max-height: none; margin: 0; padding: 0; border: 0;
  background: rgba(0,0,0,.94); color: white;
}
.bt-gallery-dialog::backdrop { background: rgba(0,0,0,.94); }
.bt-gallery-dialog[open] { display: flex; flex-direction: column; }
.bt-gallery-controls { display: flex; align-items: center; justify-content: space-between;
  gap: 12px; padding: 10px 14px; font: 16px system-ui,sans-serif; }
.bt-gallery-dialog button { font: inherit; color: white; background: #333;
  border: 1px solid #888; border-radius: 5px; padding: 8px 13px; cursor: pointer; }
.bt-gallery-dialog button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.bt-gallery-figure { flex: 1; min-height: 0; margin: 0; padding: 8px 15px 20px;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; }
.bt-gallery-figure img { display: block; max-width: 100%; max-height: calc(100vh - 150px);
  width: auto; height: auto; object-fit: contain; }
.bt-gallery-figure figcaption { max-width: 90vw; font: 14px system-ui,sans-serif;
  overflow-wrap: anywhere; text-align: center; }


/* BTNormandy photo captions 3775 v2 */
.restore-gallery a.restore-photo[data-bt-caption="v2"] { display: flex; flex-direction: column; text-decoration: none; }
.restore-gallery .bt-photo-caption { display: block; padding: 7px 5px 10px; color: inherit; font: 13px/1.4 system-ui, sans-serif; overflow-wrap: anywhere; text-align: left; }
.restore-gallery a.restore-photo[data-bt-caption="v2"] img { flex: none; }

/* BTN mailto footer v1 — shared, exclusively scoped footer rules. */
footer.btn-footer{margin:0;padding:30px 18px 24px;border-top:1px solid #d8cab0;background:#171b18;color:#f4ecdd;text-align:center;font:16px/1.5 Arial,Helvetica,sans-serif}
.btn-footer .btn-footer-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 0}
.btn-footer .btn-footer-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border:0;border-radius:4px;background:transparent;color:#f4ecdd;font:inherit;text-decoration:none;cursor:pointer}
.btn-footer .btn-footer-link:hover{color:#e2bc74;background:#ffffff0d}
.btn-footer .btn-footer-link:focus-visible{outline:3px solid #e2bc74;outline-offset:3px}
.btn-footer .btn-footer-separator{color:#b78b42}
.btn-footer .btn-footer-credit{margin:14px 0 0;color:#cbbfae;font:13px/1.5 Arial,Helvetica,sans-serif}
@media(max-width:480px){.btn-footer .btn-footer-nav{flex-direction:column;gap:0}.btn-footer .btn-footer-separator{display:none}.btn-footer .btn-footer-link{width:100%}}