/* Right-edge banner pattern from the supplied HTML demo. */
.quick-banner{position:fixed;right:0;top:150px;z-index:10;display:flex;align-items:flex-start;transform:none}
.quick-banner.collapsed{transform:none}
.quick-toggle{width:44px;height:64px;flex:none;display:grid;place-items:center;padding:0;background:var(--brand);color:#fff;border-radius:6px 0 0 6px;box-shadow:0 3px 12px #17395920}
.quick-toggle:hover{background:#224b79}
.quick-toggle:focus-visible{outline:3px solid var(--brand-sky);outline-offset:-5px}
.quick-toggle .icon{width:19px;height:19px;transition:transform .2s ease}
.quick-banner.collapsed .quick-toggle .icon{transform:rotate(180deg)}
.quick-panel{width:180px;padding:0;background:#fff;border:1px solid var(--line);border-right:0;border-radius:0 0 0 8px;box-shadow:0 8px 24px #17395918;max-height:calc(100dvh - 180px);overflow-y:auto;overscroll-behavior:contain}
.quick-heading{font:600 10px/1.5 Arial,sans-serif;letter-spacing:.13em;color:var(--brand);padding:12px 14px;border-bottom:1px solid var(--line)}
.quick-link{display:block;padding:13px 14px;font-size:12px;line-height:1.6;border:0;min-height:44px}
.quick-link+.quick-link{border-top:1px solid var(--line)}
.quick-link:hover{background:#f5f9fc}
.quick-link:focus-visible{outline-offset:-4px}
.quick-visual{height:48px;background:#eaf3f9;display:grid;place-items:center;margin-bottom:9px;border-radius:3px;color:var(--brand)}
.quick-visual .icon{display:block;width:24px;height:24px;margin:0;color:inherit}
.quick-link strong{display:block;font-size:12px;font-weight:600;color:var(--brand-dark)}
.quick-link small{display:block;font-size:11px;line-height:1.6;color:#5b6e7e;margin-top:3px;word-break:keep-all}
@media(min-width:701px) and (max-width:980px){
  .quick-panel{width:140px}
  .quick-link{padding:12px}
  .quick-visual{height:40px}
}
@media(max-width:700px){
  .quick-banner{top:110px;bottom:auto;right:0}
  .quick-panel{width:140px;max-height:calc(100dvh - 135px)}
  .quick-heading{padding:9px 12px;font-size:9px}
  .quick-link{padding:11px 12px}
  .quick-visual{height:36px;margin-bottom:7px}
  .quick-visual .icon{width:22px;height:22px}
  .quick-link strong{font-size:11px}
  .quick-link small{font-size:10px;line-height:1.5;margin-top:2px}
}
@media(prefers-reduced-motion:reduce){.quick-toggle .icon{transition:none}}