/* Both actions share a compact silhouette and a circular point of origin. */
#page-card .card-hero-actions .card-reveal-action{
  position:relative;isolation:isolate;display:flex;align-items:center;justify-content:flex-start;
  gap:9px;min-height:46px;padding:8px 13px;border-radius:24px;border:1px solid #3e729f;
  background:linear-gradient(120deg,#1a4267,#142f4d);color:#dceeff;font-size:12px;font-weight:600;
  box-shadow:inset 0 1px 0 #ffffff0c,0 4px 14px #03172b33;
  transition:background .25s,border-color .25s,box-shadow .25s;
}
#page-card .card-hero-actions #show-on-map-btn{border-color:#449cd9;background:linear-gradient(120deg,#184c80,#153753)}
#page-card .card-hero-actions .card-reveal-action:hover,
#page-card .card-hero-actions .card-reveal-action[aria-expanded=true]{
  transform:none;background:linear-gradient(120deg,#24649a,#1a436b);border-color:#75c5fa;
  box-shadow:inset 0 1px 0 #ffffff14,0 5px 20px #1597ed22;
}
#page-card .card-hero-actions .card-reveal-action:active{transform:none;background:#1b527c}
#page-card .card-reveal-action:focus-visible{outline:2px solid #a4dfff;outline-offset:4px}
#page-card .card-action-symbol{position:relative;display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;color:#b5e7ff;background:#226291;box-shadow:inset 0 0 0 1px #8ad5ff30}
#page-card .card-action-symbol>.material-symbols-outlined{grid-area:1/1;font-size:18px;transition:opacity .22s,transform .35s cubic-bezier(.2,.7,.2,1)}
#page-card .card-document-symbol>.material-symbols-outlined:last-child{opacity:0;transform:rotate(-90deg) scale(.5)}
#page-card .card-hero-documents[aria-expanded=true] .card-document-symbol>.material-symbols-outlined:first-child{opacity:0;transform:rotate(90deg) scale(.5)}
#page-card .card-hero-documents[aria-expanded=true] .card-document-symbol>.material-symbols-outlined:last-child{opacity:1;transform:rotate(0) scale(1)}
#page-card .card-action-label{display:flex;align-items:center;gap:7px;flex:1}
#page-card .card-action-label #card-doc-count{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:1px solid #6b9fcc55;border-radius:6px;background:#081e3444;color:#a9d9ff;font-size:10px;font-weight:500}
#page-card .card-action-chevron{display:flex;margin-left:auto;color:#86cfff;transition:transform .3s}
#page-card .card-action-chevron>.material-symbols-outlined{font-size:17px}
#page-card .card-hero-documents[aria-expanded=true] .card-action-chevron{transform:rotate(90deg)}
html.card-action-transition #page-card .dossier-panel{animation:none}
html.card-action-transition #page-card .card-hero-actions *{transition:none!important}
/* Capture the changing page and photo, leaving the menu live and interactive. */
html.card-action-transition{view-transition-name:none}
html.card-action-transition .app-page.is-active{view-transition-name:portal-page}
html.card-action-transition body>#hero-bg-dark{view-transition-name:portal-backdrop}
html.card-action-transition::view-transition-group(portal-page),html.card-action-transition::view-transition-group(portal-backdrop){animation:none}
html.card-action-transition::view-transition-old(portal-page),html.card-action-transition::view-transition-new(portal-page),html.card-action-transition::view-transition-old(portal-backdrop),html.card-action-transition::view-transition-new(portal-backdrop){animation:none;mix-blend-mode:normal}
html.card-action-transition::view-transition-group(portal-page){z-index:2}
html.card-action-transition::view-transition-group(portal-backdrop){z-index:1}
html.card-action-transition::view-transition-new(portal-page){z-index:1}
/* Snapshots decorate the transition without intercepting live navigation clicks. */
html.card-action-transition::view-transition,
html.card-action-transition::view-transition-group(*),
html.card-action-transition::view-transition-image-pair(*),
html.card-action-transition::view-transition-old(*),
html.card-action-transition::view-transition-new(*){pointer-events:none}
html.card-action-closing::view-transition-old(portal-page){z-index:2}
@media(max-width:700px){#page-card .card-hero-actions .card-reveal-action{font-size:11px;padding:8px 12px;flex:none}}
@media(prefers-reduced-motion:reduce){#page-card .card-action-symbol>.material-symbols-outlined,#page-card .card-action-chevron,#page-card .card-reveal-action{transition:none}}