.welcome{max-width:1080px;padding:40px clamp(20px,5vw,70px)}
/* Reading takes priority; recovery and forensic detail remain available on demand. */
.shell>main>header{padding:16px clamp(16px,2vw,28px)!important}
.shell>main>header h1{font-size:clamp(22px,2.4vw,32px)!important;margin:8px 0 12px!important}
.shell #history-note{margin-top:8px!important}
.shell .history-text-list:not([open]),.shell .history-recovery:not([open]){display:inline-block;vertical-align:top;margin:4px 8px 0 0;padding:0 10px;border:0;background:transparent;font-size:12px;max-width:100%}
.shell .history-text-list:not([open])>summary,.shell .history-recovery:not([open])>summary{padding:10px 0;font-weight:normal}
#past-container .history-overlay{position:relative;inset:auto;padding:4px 12px;min-height:44px}
#past-container iframe{padding-top:0}
.welcome h1{font-size:clamp(38px,6vw,76px);line-height:1.02;letter-spacing:-.035em;color:#10366c;margin:.15em 0 .3em}
.welcome .eyebrow{font:700 13px/1.3 sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#a1492c}
.welcome .lede{font-size:clamp(20px,2.4vw,27px);max-width:780px;line-height:1.4}
.welcome img{float:none;margin:0;max-width:100%}
.welcome figure{margin:32px 0 40px;background:#e4dfce}
.welcome .hero-photo{max-height:520px;overflow:hidden;position:relative}
.welcome .hero-photo img{width:100%;height:clamp(300px,48vw,520px);object-fit:cover;object-position:center 42%;display:block}
.welcome figcaption{font:14px/1.4 sans-serif;padding:10px 12px}
.welcome .hero-photo figcaption{position:absolute;bottom:0;left:0;background:#172b3a;color:#fff;padding:8px 14px}
.welcome section{border-block:1px solid #cfceb8;padding:24px 0;margin:34px 0}
.welcome h2{font-size:clamp(25px,3.2vw,38px);line-height:1.2;color:#10366c}
.welcome .photo-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:35px 0}
.welcome .photo-strip figure{margin:0;background:#ede9dc}
.welcome .photo-strip img{width:100%;height:260px;object-fit:cover;display:block}
.welcome .community{background:#e9e6d8;padding:24px clamp(18px,4vw,40px);border:1px solid #cfceb8}
.welcome .actions{display:flex;gap:10px;flex-wrap:wrap}
.welcome .actions a{background:#fffdf5;border:1px solid #b4b39d;padding:9px 12px;border-radius:3px}
.welcome .signature{font-size:20px;margin:34px 0}
@media(max-width:800px){.welcome .photo-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome .photo-strip img{height:220px}}
@media(max-width:700px){.welcome{padding-top:24px}.welcome .photo-strip{grid-template-columns:1fr}.welcome .photo-strip img{height:auto;max-height:420px}.welcome .hero-photo img{height:390px}.welcome .hero-photo{margin:24px 0 32px}}

/* Preserve the owner's photographs without stretching or unexpectedly cropping them. */
.welcome .hero-photo{width:min(100%,860px);max-height:none;margin-inline:auto;overflow:visible}
.welcome .hero-photo img{width:auto;height:auto;max-width:100%;max-height:min(68svh,680px);object-fit:contain;object-position:center;display:block;margin-inline:auto;background:#e4dfce}
.welcome .hero-photo figcaption{position:static;background:#172b3a;color:#fff}
.welcome .photo-strip img{width:100%;height:clamp(190px,28vw,320px);max-height:320px;aspect-ratio:auto;object-fit:contain;background:#e4dfce}
.fun-stuff-link{margin-left:14px!important;font-size:.92em}
.welcome .home-news{padding:28px 0;margin:30px 0 38px}
.home-news-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.welcome .home-news h2{margin:6px 0;font-size:clamp(28px,3.5vw,40px)}
.news-all{display:inline-flex;align-items:center;min-height:44px;font:700 15px/1.4 "Trebuchet MS",sans-serif;gap:8px}
.news-intro,.news-status{font:15px/1.6 "Trebuchet MS",sans-serif;max-width:70ch}
.home-news-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}
.home-news-grid>li{min-width:0;padding:20px;border:1px solid #cfceb8;border-top:3px solid #a1492c;background:#fffdf5;border-radius:8px;overflow-wrap:anywhere}
.welcome .home-news .news-publisher{font:700 11px/1.5 "Trebuchet MS",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#815033;margin:0 0 10px}
.home-news-grid h3{font-size:22px;line-height:1.3;margin:0 0 16px}
.home-news-grid h3 a{color:#10366c;text-decoration-thickness:1px;text-underline-offset:4px}
.news-date{font:12px/1.6 "Trebuchet MS",sans-serif;color:#50616b;margin:0}
.news-sources{display:flex;flex-wrap:wrap;gap:4px 18px;font:14px/1.5 "Trebuchet MS",sans-serif}
.news-sources a{display:inline-flex;align-items:center;min-height:44px}
.news-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.home-news-grid{grid-template-columns:minmax(0,1fr)}.home-news-grid>li{padding:18px}.home-news-heading{align-items:flex-start}}
.site-footer{width:100%;margin-top:48px;padding:24px clamp(20px,5vw,70px);border-top:1px solid #cfceb8;background:#eeeddb;color:#344552;font:14px/1.6 Arial,Helvetica,sans-serif}
.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin:8px 0}
.site-footer nav a{display:inline-block;min-height:36px;padding:4px 0}
.site-footer p{margin:12px 0 0}
@media(max-width:700px){.welcome .photo-strip img{height:auto;max-height:420px}.welcome .hero-photo img{height:auto;max-height:65svh}.site-footer nav{gap:6px 14px}}

/* Keep the shared footer links in a readable, wrapping row beside the archive rail. */
.shell{display:grid;grid-template-columns:minmax(190px,220px) minmax(0,1fr);align-items:start}
.shell>aside{min-width:0;align-self:stretch}
.shell>main{min-width:0;width:100%}
.site-footer{box-sizing:border-box;display:block;min-width:0}
.site-footer nav[aria-label="Footer"]{display:flex!important;flex-direction:row!important;align-items:center;flex-wrap:wrap;gap:8px 20px;width:100%}
.site-footer nav[aria-label="Footer"] a{display:inline-flex!important;flex:0 0 auto;white-space:nowrap}
@media(max-width:700px){.shell{grid-template-columns:minmax(0,1fr)}.site-footer nav[aria-label="Footer"]{gap:6px 14px}}

/* Scope modern chrome to the shell; historical iframe documents stay intact. */
.shell>aside{padding:clamp(16px,2vw,28px);box-sizing:border-box}
.shell>aside>a:first-child{display:block;font-size:clamp(20px,1.8vw,25px);max-width:100%;white-space:normal;overflow-wrap:anywhere;letter-spacing:-.035em;line-height:1.2}
.shell>aside nav a{box-sizing:border-box;margin:0;padding:10px 8px;min-height:44px;font-size:16px;line-height:1.4;overflow-wrap:anywhere}
.shell>main>header{padding:clamp(20px,3vw,36px);box-sizing:border-box}
.shell>main>header h1{font-size:clamp(26px,3vw,42px);line-height:1.15;margin:16px 0 20px;text-wrap:balance}
.shell .timeline{display:flex;align-items:center;flex-wrap:wrap;gap:16px;font-size:16px}
.shell .timeline>span{font-size:16px;font-weight:700}
.shell .timeline output{font-size:16px;white-space:nowrap}
.shell .timeline>button{min-height:44px;font-size:15px;padding:10px 16px}
.shell #history-note{max-width:80ch;font-size:14px;line-height:1.6;margin:16px 0 0}
.shell .history-endpoints{font-size:12px}
.shell .site-footer{padding:24px clamp(20px,3vw,36px);margin-top:28px}
.shell .site-footer nav a{min-height:44px;align-items:center;font-size:14px;line-height:1.5}
.shell .site-footer p{max-width:90ch;font-size:13px;line-height:1.7}
.shell .welcome{max-width:1080px;padding:28px clamp(20px,4vw,52px)}
.shell .welcome h1{font-size:clamp(34px,4.6vw,60px);line-height:1.08;max-width:20ch;text-wrap:balance;margin:12px 0 24px}
.shell .welcome .lede{font-size:clamp(18px,1.8vw,23px);line-height:1.5;max-width:62ch}
.shell .history-date-tools select{flex:0 1 360px}
@media(min-width:701px){.shell>aside{padding:22px 16px}}
.shell :is(aside,header,.site-footer) a:focus-visible{outline:3px solid #b65025;outline-offset:3px;border-radius:3px}
@media(max-width:700px){
  .shell>aside{padding:16px 20px}
  .shell>aside nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px}
  .shell>aside nav a{font-size:15px;padding:10px 0}
  .shell>aside summary{min-height:44px;line-height:44px;font-size:16px;cursor:pointer}
  .shell>main>header{padding:20px}
  .shell .timeline>span{flex-basis:100%}
  .shell .history-range-wrap{flex-basis:100%;max-width:none}
  .shell .timeline output{margin-right:auto}
  .shell .site-footer nav{gap:4px 16px}
  .shell .site-footer nav[aria-label="Footer"] a{white-space:normal}
  .welcome h1{font-size:clamp(34px,8vw,52px)}
  .welcome .lede{font-size:20px;line-height:1.5}
}

/* Keep the complete timeline usable in one narrow-screen control row. */
@media(max-width:700px){
  .shell .history-date-tools{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px;width:100%}
  .shell .history-date-tools select{width:100%;min-width:0;max-width:100%;font-size:14px}
  .shell .history-date-tools button{padding:8px;font-size:14px;min-height:44px}
  .shell>main>header h2{font-size:clamp(20px,5vw,28px);line-height:1.2;margin:8px 0 12px}
}