/* "Now part of ClickTooling" — js/moved.js. Ink, yellow, one card over a blurred page. */
html.moved-open { overflow: hidden; }
.moved-veil { position: fixed; inset: 0; z-index: 2000; display: flex; align-items: center; justify-content: center; padding: 1rem; background: rgba(12, 12, 13, 0.62); -webkit-backdrop-filter: blur(10px) saturate(0.7); backdrop-filter: blur(10px) saturate(0.7); animation: moved-fade 0.35s ease both; }
.moved-card { width: min(100%, 560px); max-height: calc(100vh - 2rem); overflow: auto; padding: 2rem 2rem 1.5rem; background: #161617; color: #f4f3ee; border: 1px solid #2f2f33; border-radius: 22px; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(232, 197, 71, 0.08); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; animation: moved-rise 0.45s cubic-bezier(0.2, 0.8, 0.2, 1) both; }
.moved-marks { display: flex; align-items: center; gap: 0.9rem; margin-bottom: 1.25rem; }
.moved-mark { width: 56px; height: 56px; border-radius: 13px; display: block; }
.moved-mark-to { box-shadow: 0 0 0 3px #161617, 0 0 0 5px #e8c547; }
.moved-arrow { color: #e8c547; font-size: 1.5rem; line-height: 1; }
.moved-eyebrow { margin: 0 0 0.4rem; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #e8c547; }
.moved-title { margin: 0 0 0.6rem; font-size: 1.75rem; line-height: 1.15; font-weight: 800; letter-spacing: -0.01em; color: #fff; }
.moved-lede { margin: 0 0 1.25rem; font-size: 1rem; line-height: 1.55; color: #c9c7bf; }
.moved-list { list-style: none; margin: 0 0 1.5rem; padding: 0; border-top: 1px solid #2f2f33; }
.moved-list li { display: grid; grid-template-columns: 38% 1fr; gap: 0.75rem; padding: 0.7rem 0; border-bottom: 1px solid #2f2f33; font-size: 0.9375rem; line-height: 1.4; }
.moved-list-head { font-size: 0.6875rem !important; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #8f8d86; padding: 0.55rem 0 !important; }
.moved-list-head span::before { content: none !important; }
.moved-was { color: #8f8d86; }
.moved-now { color: #f4f3ee; }
.moved-now::before { content: '\2192\00a0'; color: #e8c547; }
.moved-actions { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
.moved-go { display: inline-flex; align-items: center; min-height: 48px; padding: 0 1.4rem; border-radius: 12px; background: #e8c547; color: #161617; font-weight: 700; font-size: 1rem; text-decoration: none; transition: transform 0.15s ease, background 0.15s ease; }
.moved-go:hover { background: #f0d261; color: #161617; transform: translateY(-1px); }
.moved-stay { min-height: 48px; padding: 0 1rem; border: 1px solid #4a4a4d; border-radius: 12px; background: transparent; color: #c9c7bf; font: inherit; font-size: 0.9375rem; cursor: pointer; }
.moved-stay:hover { color: #fff; border-color: #6a6a6e; }
.moved-go:focus-visible, .moved-stay:focus-visible { outline: 3px solid rgba(232, 197, 71, 0.9); outline-offset: 3px; }
.moved-fine { margin: 1.25rem 0 0; font-size: 0.8125rem; color: #8f8d86; }
@keyframes moved-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes moved-rise { from { opacity: 0; transform: translateY(18px) scale(0.98); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .moved-veil, .moved-card { animation: none; } }
@media (max-width: 520px) { .moved-list-head { display: none !important; } .moved-card { padding: 1.5rem 1.25rem 1.25rem; border-radius: 18px; } .moved-title { font-size: 1.4rem; } .moved-list li { grid-template-columns: 1fr; gap: 0.15rem; } .moved-go, .moved-stay { width: 100%; justify-content: center; } }