/* ---- css/css-bundle-v4035-45915c9f.css ---- */
/* ===== css/handwriting-info-paper-var140.css?v=140001 ===== */
/* v.420 / var.140
   Two handwriting text blocks use the same paper-page appearance as
   "Сведения о деятельности..." on documentation.html. */

.handwriting-paper-section {
  padding-top: 20px;
  padding-bottom: 28px;
}

.handwriting-paper.documentation-info-paper {
  position: relative !important;
  isolation: isolate !important;
  box-sizing: border-box !important;
  width: min(100%, 1120px) !important;
  margin: 24px auto !important;
  padding: clamp(34px, 7vw, 76px) clamp(24px, 7vw, 76px)
           clamp(34px, 7vw, 76px) clamp(86px, 14vw, 152px) !important;
  overflow: hidden !important;
  border: 1px solid var(--article-paper-edge, #c9dce7) !important;
  border-radius: 0 !important;
  background:
    radial-gradient(ellipse at 52% 43%, #fff 0%, #f8fcff 56%, #e7f4fb 100%) !important;
  color: #17212b !important;
  box-shadow:
    0 24px 44px -25px rgba(31,57,72,.24),
    0 8px 20px -15px rgba(31,57,72,.30),
    inset -18px -12px 34px rgba(115,177,214,.10) !important;
}

.handwriting-paper.documentation-info-paper::before {
  content: "" !important;
  position: absolute !important;
  z-index: 7 !important;
  top: 34px !important;
  bottom: 34px !important;
  left: clamp(22px, 3.45vw, 42px) !important;
  width: 20px !important;
  pointer-events: none !important;
  background-image:
    radial-gradient(circle 8px at 10px 10px,
      rgba(104,113,119,.78) 0 5px,
      rgba(190,199,205,.72) 5.5px 7px,
      rgba(255,255,255,.98) 7.5px 8.5px,
      transparent 9px) !important;
  background-size: 20px clamp(92px, 12.4vw, 132px) !important;
  background-position: 0 0 !important;
  background-repeat: repeat-y !important;
  filter: drop-shadow(1px 2px 2px rgba(33,47,56,.20)) !important;
}

.handwriting-paper.documentation-info-paper > * {
  position: relative;
  z-index: 3;
}

.handwriting-paper.documentation-info-paper .item__label {
  display: block;
  margin: 0 0 28px;
  color: #17212b !important;
  font-size: clamp(22px, 2.3vw, 31px);
  font-weight: 600;
  line-height: 1.35;
}

.handwriting-paper.documentation-info-paper .header-block__text,
.handwriting-paper.documentation-info-paper .header-block__text p,
html[data-theme="dark"] .handwriting-paper.documentation-info-paper,
html[data-theme="dark"] .handwriting-paper.documentation-info-paper .item__label,
html[data-theme="dark"] .handwriting-paper.documentation-info-paper .header-block__text,
html[data-theme="dark"] .handwriting-paper.documentation-info-paper .header-block__text p {
  color: #17212b !important;
}

.handwriting-paper.documentation-info-paper .header-block__text p {
  margin: 0 0 15px;
  line-height: 1.65;
}

.handwriting-paper.documentation-info-paper .header-block__text p:last-child {
  margin-bottom: 0;
}

@media (max-width: 700px) {
  .handwriting-paper.documentation-info-paper {
    width: 100% !important;
    margin: 18px auto !important;
    padding: 34px 22px 34px 62px !important;
  }

  .handwriting-paper.documentation-info-paper::before {
    left: 20px !important;
  }
}


/* ===== css/handwriting-comparison-cards-var144.css?v=144001 ===== */
/* v.427 / var144
   Keep text1 and text2 fully visible, proportional and aligned in equal-height cards. */

.handwriting-comparison-cards > .practice__column_2 {
  display: flex;
}

.handwriting-comparison-cards .item-practice {
  width: 100%;
  height: 100%;
}

.handwriting-comparison-cards .item-practice__image {
  flex: 0 0 auto;
  width: 100%;
  padding-bottom: 57.6667%;
}

.handwriting-comparison-cards .item-practice__image > img {
  object-fit: contain;
  object-position: center center;
}

@media (hover: hover) and (pointer: fine) {
  .handwriting-comparison-cards .item-practice:hover .item-practice__image > img {
    transform: none;
  }
}


/* ===== css/site-footer-compact-var112.css?v=112 ===== */
/* v.512 — compact footer and unified white outlines for site controls. */
.footer {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
}

.footer__top {
  padding: 14px 0 !important;
}

.footer__main,
.footer__container {
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.footer__row {
  display: grid !important;
  grid-template-columns: 104px max-content minmax(310px, 1fr) minmax(300px, 1fr) !important;
  grid-template-rows: repeat(3, minmax(34px, auto)) !important;
  grid-template-areas:
    "avatar label mail copy"
    "avatar label phone social"
    "avatar label site social" !important;
  align-items: center !important;
  column-gap: 16px !important;
  row-gap: 6px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 86px 0 0 !important;
}

.footer .avatar {
  grid-area: avatar !important;
  width: 100px !important;
  height: 100px !important;
  margin: 0 !important;
}

.footer .avatar img {
  width: 100px !important;
  height: 100px !important;
  object-fit: cover !important;
}

.footer__label {
  grid-area: label !important;
  align-self: start !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

.footer__contacts,
.contacts-footer {
  display: contents !important;
}

.contacts-footer__item {
  min-height: 34px !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 34px !important;
  white-space: nowrap !important;
}

.contacts-footer__item:nth-child(1) { grid-area: mail !important; }
.contacts-footer__item:nth-child(2) { grid-area: phone !important; }
.contacts-footer__item:nth-child(3) { grid-area: site !important; }

.footer__bottom,
.footer__bottom .footer__container {
  display: contents !important;
}

.footer__copy {
  grid-area: copy !important;
  align-self: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.45 !important;
  text-align: left !important;
}

.footer__social,
.footer .social {
  grid-area: social !important;
  align-self: center !important;
  justify-self: start !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 900px) {
  .footer__row {
    grid-template-columns: 104px max-content minmax(220px, 1fr) !important;
    grid-template-rows: repeat(4, minmax(28px, auto)) !important;
    grid-template-areas:
      "avatar label mail"
      "avatar label phone"
      "avatar label site"
      "copy copy copy" !important;
    padding-right: 70px !important;
  }

  .footer__social,
  .footer .social {
    display: none !important;
  }
}

@media (max-width: 620px) {
  .footer__top {
    padding: 10px 0 !important;
  }

  .footer__row {
    grid-template-columns: 100px minmax(0, 1fr) !important;
    grid-template-rows: repeat(5, minmax(24px, auto)) !important;
    grid-template-areas:
      "avatar label"
      "avatar mail"
      "avatar phone"
      "avatar site"
      "copy copy" !important;
    column-gap: 10px !important;
    padding-right: 52px !important;
  }

  .contacts-footer__item {
    min-height: 26px !important;
    line-height: 26px !important;
    white-space: normal !important;
  }

  .footer__copy {
    font-size: 12px !important;
    line-height: 1.3 !important;
  }
}

/* Contact markers: keep the original circles fully visible and separate rows. */
.contacts-footer__item {
  overflow: visible !important;
  padding-left: 38px !important;
  background-position: left center !important;
  background-size: 120px 30px !important;
  background-clip: border-box !important;
}

/* Keep the white outline consistent across site controls. */
html body .quick-nav-trigger,
html body .site-search-trigger,
html body #upbutton,
html body #downbutton {
  box-sizing: border-box !important;
  border-width: 2px !important;
  border-style: solid !important;
  border-color: rgba(255, 255, 255, .92) !important;
}

#upbutton,
#downbutton {
  border-radius: 999px !important;
  background: rgba(14, 95, 95, .28) !important;
}



/* ---- css/first-viewport-river-theme-v4093.css ---- */
/* v.640 — always-live river background with frame-level dark-mode dimming. */
html[data-site-river-background="640"] {
  background: #8fc5ca url("../img/parallax0.webp?v=130") center / cover fixed no-repeat !important;
}
html[data-site-river-background="640"] body {
  position: relative !important;
  min-height: 100vh;
  isolation: isolate;
  background-color: transparent !important;
  background-image: none !important;
}
.site-river-background-v640 {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  pointer-events: none !important;
  user-select: none !important;
  touch-action: none !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: -1 !important;
  opacity: 0;
  transition: opacity .16s linear !important;
}
.site-river-background-v640.is-ready { opacity: 1; }
.river-dimming-button-v640 {
  position: fixed !important;
  z-index: 2147483646 !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.62) !important;
  border-radius: 50% !important;
  background: #0d5c63 !important;
  color: #fff !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.30) !important;
  font: 700 15px/46px Arial, sans-serif !important;
  text-align: center !important;
  cursor: pointer !important;
  appearance: none !important;
}
.river-dimming-button-v640:hover,
.river-dimming-button-v640:focus-visible {
  background: #85401f !important;
  outline: 2px solid rgba(255,255,255,.9) !important;
  outline-offset: 2px !important;
}
.river-dimming-button-v640[hidden] { display: none !important; }
@media (max-width: 700px) {
  .river-dimming-button-v640 {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    font-size: 14px !important;
    line-height: 42px !important;
  }
}
@media print {
  .site-river-background-v640,
  .river-dimming-button-v640 { display: none !important; }
}

/* v.619 — hide all local stone/ruler strips in the selected dark mode.
   The independent full-page background canvas remains untouched. */
:is(
  html[data-theme="dark"],
  html[data-river-theme="dark"],
  html[data-rules-theme-choice="dark"]
) :is(
  .bgimg-2,
  .animated-river-stone-strip,
  .animated-river-strip,
  .animated-river-strip-v130,
  [class*="river-strip"],
  [class*="stone-strip"]
),
body:is(.dark-mode, .dark-theme) :is(
  .bgimg-2,
  .animated-river-stone-strip,
  .animated-river-strip,
  .animated-river-strip-v130,
  [class*="river-strip"],
  [class*="stone-strip"]
) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

:is(
  html[data-theme="dark"],
  html[data-river-theme="dark"],
  html[data-rules-theme-choice="dark"]
) :is(
  .bgimg-2,
  .animated-river-stone-strip,
  .animated-river-strip,
  .animated-river-strip-v130,
  [class*="river-strip"],
  [class*="stone-strip"]
)::before,
:is(
  html[data-theme="dark"],
  html[data-river-theme="dark"],
  html[data-rules-theme-choice="dark"]
) :is(
  .bgimg-2,
  .animated-river-stone-strip,
  .animated-river-strip,
  .animated-river-strip-v130,
  [class*="river-strip"],
  [class*="stone-strip"]
)::after,
body:is(.dark-mode, .dark-theme) :is(
  .bgimg-2,
  .animated-river-stone-strip,
  .animated-river-strip,
  .animated-river-strip-v130,
  [class*="river-strip"],
  [class*="stone-strip"]
)::before,
body:is(.dark-mode, .dark-theme) :is(
  .bgimg-2,
  .animated-river-stone-strip,
  .animated-river-strip,
  .animated-river-strip-v130,
  [class*="river-strip"],
  [class*="stone-strip"]
)::after {
  display: none !important;
  content: none !important;
}

/* v.622 — light mode: keep every former stone strip's dimensions,
   remove its legacy decoration, and reveal the independent site background through it. */

html:not([data-theme="dark"]):not([data-river-theme="dark"]):not([data-rules-theme-choice="dark"])
body:not(.dark-mode):not(.dark-theme)
:is(
  .bgimg-2,
  .animated-river-stone-strip,
  .animated-river-strip,
  .animated-river-strip-v130,
  [class*="river-strip"],
  [class*="stone-strip"]
) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  overflow: hidden !important;
}

html:not([data-theme="dark"]):not([data-river-theme="dark"]):not([data-rules-theme-choice="dark"])
body:not(.dark-mode):not(.dark-theme)
:is(
  .bgimg-2,
  .animated-river-stone-strip,
  .animated-river-strip,
  .animated-river-strip-v130,
  [class*="river-strip"],
  [class*="stone-strip"]
)::before,
html:not([data-theme="dark"]):not([data-river-theme="dark"]):not([data-rules-theme-choice="dark"])
body:not(.dark-mode):not(.dark-theme)
:is(
  .bgimg-2,
  .animated-river-stone-strip,
  .animated-river-strip,
  .animated-river-strip-v130,
  [class*="river-strip"],
  [class*="stone-strip"]
)::after {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* Remove only obsolete nested renderers; the outer strip keeps its original height. */
html:not([data-theme="dark"]):not([data-river-theme="dark"]):not([data-rules-theme-choice="dark"])
body:not(.dark-mode):not(.dark-theme)
:is(
  .bgimg-2,
  .animated-river-stone-strip,
  .animated-river-strip,
  .animated-river-strip-v130,
  [class*="river-strip"],
  [class*="stone-strip"]
)
:is(
  canvas:not(.site-river-background-v618),
  .animated-river-stone-strip,
  .animated-river-strip,
  .animated-river-strip-v130,
  [class*="legacy-river"],
  [class*="stone-layer"]
) {
  display: none !important;
  visibility: hidden !important;
}

/* The single fixed v.618 canvas remains the only animation source. */
html[data-site-river-background="618"] body {
  background-color: transparent !important;
}


/* ---- css/common-site-controls-v4033.css ---- */
/* ===== css/aquarium-screensaver-v1203.css ===== */
/* v.1203 — manual Aquarium screensaver. */
#aquariumScreensaverToggle {
  position: fixed !important;
  left: max(68px, calc(env(safe-area-inset-left) + 68px)) !important;
  top: max(14px, env(safe-area-inset-top)) !important;
  z-index: 2147483001 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  border-radius: 50% !important;
  background: #0d5c63 !important;
  color: #fff !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.28) !important;
  cursor: pointer !important;
  font: 400 21px/1 Arial,sans-serif !important;
}
#aquariumScreensaverToggle:focus-visible {
  outline: 3px solid rgba(143,208,212,.75) !important;
  outline-offset: 3px !important;
}
#aquariumScreensaverToggle .aquarium-monitor {
  width: 22px; height: 15px; box-sizing: border-box;
  border: 2px solid currentColor; border-radius: 2px; position: relative;
}
#aquariumScreensaverToggle .aquarium-monitor::before {
  content:""; position:absolute; left:8px; top:14px; width:2px; height:4px;
  background:currentColor;
}
#aquariumScreensaverToggle .aquarium-monitor::after {
  content:""; position:absolute; left:4px; top:18px; width:10px; height:2px;
  background:currentColor; border-radius:2px;
}

#aquariumScreensaverOverlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147482500 !important;
  display: none;
  overflow: hidden;
  background: transparent !important;
  color: #fff;
  pointer-events: none;
}
html.aquarium-screensaver-active #aquariumScreensaverOverlay {
  display: block !important;
}
html.aquarium-screensaver-active .site-river-background-v640 {
  z-index: 2147482400 !important;
}
html.aquarium-screensaver-active body > *:not(.site-river-background-v640):not(#aquariumScreensaverOverlay):not(#aquariumScreensaverToggle) {
  visibility: hidden !important;
}
html.aquarium-screensaver-active #aquariumScreensaverToggle {
  visibility: visible !important;
  opacity: .20 !important;
  left: auto !important;
  right: max(16px, env(safe-area-inset-right)) !important;
  top: max(16px, env(safe-area-inset-top)) !important;
}
html.aquarium-screensaver-active #aquariumScreensaverToggle:hover,
html.aquarium-screensaver-active #aquariumScreensaverToggle:focus-visible {
  opacity: 1 !important;
}
html.aquarium-screensaver-active,
html.aquarium-screensaver-active body {
  overflow: hidden !important;
}

.aquarium-screensaver__clock {
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
  text-shadow: 0 3px 18px rgba(0,0,0,.62);
  font-family: Arial,sans-serif;
  user-select: none;
}
.aquarium-screensaver__time {
  font-size: clamp(54px,9vw,128px);
  font-weight: 300;
  line-height: .95;
  letter-spacing: .02em;
}
.aquarium-screensaver__date {
  margin-top: 18px;
  font-size: clamp(17px,2.2vw,28px);
  font-weight: 500;
}
.aquarium-screensaver__hint {
  position: absolute;
  left: 50%; bottom: max(22px,env(safe-area-inset-bottom));
  transform: translateX(-50%);
  padding: 8px 14px;
  border-radius: 18px;
  background: rgba(4,48,53,.42);
  border: 1px solid rgba(255,255,255,.25);
  font: 600 13px/1.2 Arial,sans-serif;
  opacity: .72;
  white-space: nowrap;
}

@media (max-width:600px) {
  #aquariumScreensaverToggle {
    left: max(60px,calc(env(safe-area-inset-left) + 60px)) !important;
    top: max(10px,env(safe-area-inset-top)) !important;
    width:42px !important; height:42px !important;
    min-width:42px !important; min-height:42px !important;
  }
}
@media print {
  #aquariumScreensaverToggle,#aquariumScreensaverOverlay { display:none !important; }
}


/* v.1204 — final visibility guard: the Aquarium control must survive all
   legacy mobile/floating-control hide rules and remain next to themeToggle. */
html body #aquariumScreensaverToggle.aquarium-screensaver-toggle,
html body button#aquariumScreensaverToggle {
  position: fixed !important;
  left: max(68px, calc(env(safe-area-inset-left) + 68px)) !important;
  right: auto !important;
  top: max(14px, env(safe-area-inset-top)) !important;
  bottom: auto !important;
  z-index: 2147483646 !important;
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
@media (max-width:600px) {
  html body #aquariumScreensaverToggle.aquarium-screensaver-toggle,
  html body button#aquariumScreensaverToggle {
    left: max(60px, calc(env(safe-area-inset-left) + 60px)) !important;
    top: max(10px, env(safe-area-inset-top)) !important;
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}
html.aquarium-screensaver-active body #aquariumScreensaverToggle.aquarium-screensaver-toggle {
  left: auto !important;
  right: max(16px, env(safe-area-inset-right)) !important;
  visibility: visible !important;
}


/* v.1205 — control row: theme -> dimming (when visible) -> Aquarium.
   Position is calculated by JS to avoid overlap with riverDimmingButton. */
html body #aquariumScreensaverToggle.aquarium-screensaver-toggle {
  left: auto !important;
  right: auto !important;
}

/* v.1209 idle timer indicator. Right-click Aquarium: Off -> 2 -> 5 -> 10 -> Off. */
#aquariumScreensaverToggle .aquarium-timer-badge{position:absolute;right:-4px;bottom:-4px;min-width:17px;height:17px;padding:0 3px;box-sizing:border-box;border-radius:9px;background:#fff;color:#0d5c63;border:1px solid rgba(13,92,99,.55);font:700 9px/15px Arial,sans-serif;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.25)}
#aquariumScreensaverToggle[data-idle-minutes="0"] .aquarium-timer-badge::after{content:"×"}
#aquariumScreensaverToggle[data-idle-minutes="2"] .aquarium-timer-badge::after{content:"2"}
#aquariumScreensaverToggle[data-idle-minutes="5"] .aquarium-timer-badge::after{content:"5"}
#aquariumScreensaverToggle[data-idle-minutes="10"] .aquarium-timer-badge::after{content:"10"}
#aquariumTimerToast{position:fixed;z-index:2147483647;left:50%;top:24px;transform:translate(-50%,-10px);opacity:0;padding:10px 16px;border-radius:22px;background:rgba(5,65,71,.92);color:#fff;border:1px solid rgba(255,255,255,.28);box-shadow:0 8px 24px rgba(0,0,0,.28);font:600 14px/1.2 Arial,sans-serif;pointer-events:none;transition:opacity 180ms ease,transform 180ms ease}
#aquariumTimerToast.show{opacity:1;transform:translate(-50%,0)}


/* ===== css/page-transition-v1208.css ===== */
/* v.1359 — compositor-safe native navigation, no black intermediate frame. */

/*
 * Every root HTML page already loads this stylesheet.
 * Modern browsers can therefore keep the old document snapshot visible until
 * the new same-origin document has painted, without JS click interception.
 */
@view-transition {
  navigation: auto;
}

/* Do not animate/fade the snapshots — just bridge the document swap. */
::view-transition-old(root),
::view-transition-new(root) {
  animation: none !important;
  mix-blend-mode: normal !important;
}

/*
 * Permanent non-black compositor backdrop.
 * This is also the fallback for browsers without cross-document View Transition.
 */
html {
  background-color: #314b48 !important;
}

html[data-river-theme="dark"] {
  background-color: #182523 !important;
}

body {
  min-height: 100vh;
}

/* Legacy transition classes must never hide or dim the document. */
:root{
  --grafo-page-out: 0ms;
  --grafo-page-in: 0ms;
}

html.grafo-page-entering body,
html.grafo-page-ready body,
html.grafo-page-leaving body{
  opacity:1 !important;
  transition:none !important;
}

html.grafo-page-leaving body{
  pointer-events:auto !important;
}

html.grafo-page-entering .site-river-background-v640,
html.grafo-page-ready .site-river-background-v640,
html.grafo-page-leaving .site-river-background-v640{
  opacity:1 !important;
}


/* ===== css/header-style-quick-menu-v1210c.css ===== */
/* v.1210c — static HTML quick menu based on native <details>. */
#headerQuickMenuDetails{
  position:fixed!important;
  z-index:10053!important;
  left:var(--floating-edge,14px)!important;
  bottom:var(--floating-bottom,18px)!important;
  width:var(--floating-control-width,112px)!important;
  height:var(--floating-control-height,44px)!important;
  margin:0!important;
  padding:0!important;
  pointer-events:auto!important;
}
#headerQuickMenuDetails > summary{
  box-sizing:border-box!important;
  width:var(--floating-control-width,112px)!important;
  height:var(--floating-control-height,44px)!important;
  min-width:var(--floating-control-width,112px)!important;
  min-height:var(--floating-control-height,44px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0 13px!important;
  border:2px solid rgba(255,255,255,.92)!important;
  border-radius:999px!important;
  background:var(--floating-dark-green,#0e5f5f)!important;
  color:#fff!important;
  box-shadow:0 4px 16px rgba(0,0,0,.27)!important;
  font:700 15px/1 Arial,sans-serif!important;
  cursor:pointer!important;
  list-style:none!important;
  user-select:none!important;
}
#headerQuickMenuDetails > summary::-webkit-details-marker{display:none!important}
#headerQuickMenuDetails > summary::before{
  content:"☰";
  font:700 19px/1 Arial,sans-serif;
}
#headerQuickMenuDetails[open] > summary{
  background:#0a4f52!important;
}
.header-quick-static-panel{
  position:absolute;
  left:0;
  bottom:calc(100% + 8px);
  width:min(330px,calc(100vw - 28px));
  max-height:min(70vh,620px);
  box-sizing:border-box;
  padding:10px;
  overflow:auto;
  border:2px solid rgba(255,255,255,.92);
  border-radius:16px;
  background:rgba(10,80,82,.97);
  color:#fff;
  box-shadow:0 14px 38px rgba(0,0,0,.34);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.header-quick-static-title{
  padding:5px 7px 9px;
  color:#fff;
  font:800 15px/1.15 Arial,sans-serif;
}
.header-quick-static-links{
  display:grid;
  gap:5px;
}
.header-quick-static-link{
  display:flex;
  align-items:center;
  min-height:38px;
  padding:8px 11px;
  box-sizing:border-box;
  border-radius:9px;
  color:#fff!important;
  text-decoration:none!important;
  font:700 13px/1.2 Arial,sans-serif;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.10);
}
.header-quick-static-link:hover,
.header-quick-static-link:focus-visible{
  background:rgba(255,255,255,.17);
  border-color:rgba(255,255,255,.28);
}
.header-quick-static-link[aria-current="page"]{
  background:#07943f;
  border-color:rgba(255,255,255,.55);
}
.header-quick-static-separator{
  height:1px;
  margin:5px 3px;
  background:rgba(255,255,255,.18);
}
.header-quick-static-activity{
  background:rgba(255,255,255,.14);
}
@media(max-width:640px){
  #headerQuickMenuDetails{
    left:var(--floating-edge,10px)!important;
    width:var(--floating-control-width,106px)!important;
  }
  #headerQuickMenuDetails > summary{
    width:var(--floating-control-width,106px)!important;
    min-width:var(--floating-control-width,106px)!important;
  }
  .header-quick-static-panel{
    width:min(310px,calc(100vw - 20px));
  }
}
@media print{
  #headerQuickMenuDetails{display:none!important}
}


/* ===== css/remove-password-buttons-v1215.css ===== */
/* v.1215 — no Password/Access Lock button in any Viewer button row. */
#viewer2026Overlay [data-action="access-lock"],
#viewer2026Overlay .viewer122-access-lock,
.doc2026 [data-action="access-lock"],
.doc2026 .viewer122-access-lock,
.viewer4 [data-password-button],
.viewer4 [data-action="password"],
.viewer4 button[name="password"],
.viewer4 button[id*="password" i],
.viewer4 button[class*="password" i] {
  display:none !important;
  visibility:hidden !important;
  width:0 !important;
  min-width:0 !important;
  max-width:0 !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}