/* Standalone memorial: black surfaces, quiet typography, one return link. */
:root{--m-readable:Verdana,"Atkinson Hyperlegible",Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}
html{background:#000;scroll-behavior:smooth}
body{margin:0;font-family:var(--m-readable);line-height:1.6}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:5px}
.m-shell-skip{position:fixed;left:16px;top:-100px;z-index:10;background:#fff;color:#000;padding:10px 14px}
.m-shell-skip:focus{top:12px}
.memorial-topbar{width:min(calc(100% - 44px),1120px);margin:auto;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}
.memorial-topbar .m-brand-mark{width:42px;height:42px;flex-shrink:0;border:2px solid #efc84a;border-radius:50%;display:grid;place-items:center;color:#efc84a;font:1000 19px/1 Georgia,serif}
.memorial-return{display:inline-flex;align-items:center;min-height:44px;color:#bcbcbc;font-size:14px;text-decoration:none;text-underline-offset:4px;text-align:right}
.memorial-return:hover{color:#fff;text-decoration:underline}
.memorial-title-row{display:flex;align-items:center;justify-content:center;gap:20px}
.memorial-track{display:flex;flex:0 0 auto}
.memorial-track button{width:38px;height:38px;padding:0;display:grid;place-items:center;border:1px solid #777;border-radius:50%;background:#000;color:#ddd;font:700 14px/1 var(--m-readable);cursor:pointer}
.memorial-track button:hover,.memorial-track button[aria-pressed="true"]{background:#222;color:#fff;border-color:#ddd}
@media(max-width:520px){.memorial-topbar{width:calc(100% - 28px);padding-block:16px}.memorial-title-row{gap:12px}.page-memorial .memorial-hero h1{font-size:clamp(36px,10vw,52px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.page-memorial{
  min-height:100vh;
  background:#000;
  color:#eee;
}

.page-memorial main{
  background:#000;
}

.page-memorial .m-brand-mark{
  position:relative;
  isolation:isolate;
}

.page-memorial .m-brand-mark::after{
  content:"";
  position:absolute;
  z-index:1;
  top:50%;
  left:-3px;
  right:-3px;
  height:9px;
  background:#050505;
  border-block:1px solid #242424;
  box-shadow:0 1px 2px rgba(0,0,0,.6);
  transform:translateY(-50%) rotate(-22deg);
  pointer-events:none;
}

.memorial-hero{
  width:min(calc(100% - 44px),1120px);
  margin:0 auto;
  padding:clamp(50px,6vw,82px) 0 clamp(38px,4vw,58px);
  text-align:center;
}

.memorial-hero::before{content:none;display:none}

.memorial-kicker{
  margin:0 0 18px;
  color:#aaa;
  font:800 14px/1.4 var(--m-readable);
  letter-spacing:.13em;
  text-transform:uppercase;
}

.memorial-hero h1{
  margin:0;
  color:#fff;
  font:700 clamp(52px,8vw,94px)/.96 Georgia,"Times New Roman",serif;
  letter-spacing:-.035em;
}

.memorial-intro{
  max-width:870px;
  margin:30px auto 0;
  color:#d0d0d0;
  font:400 clamp(20px,2.25vw,28px)/1.55 Georgia,"Times New Roman",serif;
}

/* Every officer has the same name size, reading width and portrait treatment. */
.memorial-list{
  width:min(calc(100% - 44px),1040px);
  margin:0 auto;
  padding-bottom:64px;
}
.memorial-tribute{
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:36px;
  align-items:start;
  padding:40px 0;
  border-top:1px solid #303030;
  scroll-margin-top:24px;
}
.memorial-portrait{
  grid-column:1;
  margin:0;
  display:flex;
  justify-content:center;
  align-items:flex-start;
}
.memorial-portrait img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:contain;
  filter:none;
}
.memorial-copy{grid-column:2;min-width:0}
.memorial-agency{
  margin:0 0 10px;
  color:#aaa;
  font:400 14px/1.5 var(--m-readable);
}
.memorial-copy h2{
  margin:0;
  color:#fff;
  font:700 clamp(30px,3.5vw,40px)/1.12 Georgia,"Times New Roman",serif;
  letter-spacing:-.02em;
}
.memorial-facts{
  margin:22px 0 0;
  display:flex;
  flex-wrap:wrap;
  gap:16px 30px;
}
.memorial-facts div{min-width:0}
.memorial-facts dt{color:#aaa;font:400 14px/1.4 var(--m-readable)}
.memorial-facts dd{margin:4px 0 0;color:#eee;font:400 15px/1.5 var(--m-readable)}
.memorial-summary{margin:24px 0 0;color:#d0d0d0;font:400 17px/1.75 var(--m-readable)}
.memorial-sources{
  list-style:none;
  margin:20px 0 0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px 20px;
}
.memorial-sources a{color:#aaa;font:400 14px/1.6 var(--m-readable);text-decoration:underline;text-underline-offset:4px;text-decoration-color:#555}
.memorial-sources a:hover{color:#fff;text-decoration-color:#fff}
.memorial-closing{
  width:min(calc(100% - 44px),1040px);
  margin:0 auto;
  padding:12px 0 72px;
  text-align:center;
  color:#bcbcbc;
  font:400 22px/1.55 Georgia,"Times New Roman",serif;
}
@media(max-width:700px){
  .memorial-tribute{grid-template-columns:130px minmax(0,1fr);gap:24px}
}
@media(max-width:520px){
  .memorial-hero,.memorial-list,.memorial-closing{width:calc(100% - 36px)}
  .memorial-hero{padding-top:42px}
  .memorial-tribute{grid-template-columns:1fr;gap:24px;padding:32px 0}
  .memorial-portrait,.memorial-copy{grid-column:1}
  .memorial-portrait{justify-content:flex-start}
  .memorial-portrait img{max-width:160px}
  .memorial-facts{gap:14px 24px}
  .memorial-summary{font-size:16px}
  .memorial-closing{font-size:21px}
}