.video-share { padding: 1.2rem 0; border-top: 1px solid var(--line, #c8c2b3); text-align: left; min-width: 0; }
.video-share-heading { font-weight: 700; margin: 0 0 .5rem; line-height: 1.7; }
.video-share-note, .video-share-status { font-size: .84rem; line-height: 1.8; margin: .5rem 0; overflow-wrap: anywhere; }
.video-share a:not(.btn), .rights-page a:not(.btn) { text-decoration: underline; text-underline-offset: .18em; }
.video-credit { font-family: inherit; font-size: .85rem; line-height: 1.8; white-space: pre-wrap; overflow-wrap: anywhere; padding: .9rem 1rem; margin: .8rem 0; background: #e9e4d8; border-radius: 4px; color: #28261f; }
.video-share-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.video-share-actions .btn { min-height: 44px; padding: .55rem .9rem; font-size: .85rem; }
.video-copy-buffer { position: fixed; width: 1px; height: 1px; opacity: 0; }
.rights-page { max-width: 54rem; margin: 0 auto; padding: clamp(2rem, 6vw, 5rem) max(1.25rem, env(safe-area-inset-right)) 4rem; }
.rights-page h1 { font-size: clamp(1.8rem, 5vw, 3.4rem); line-height: 1.5; margin: .8rem 0 1.5rem; }
.rights-lead { font-size: 1.1rem; line-height: 1.9; }
.rights-page section { margin: 2.5rem 0; }
.rights-page h2 { font-size: 1.25rem; line-height: 1.6; }
.rights-page p { line-height: 1.9; overflow-wrap: anywhere; }
.rights-date { font-size: .8rem; color: #5b574e; }
.image-share-page { margin: 0; background: #f4f0e5; color: #28261f; font-family: system-ui, sans-serif; }
.image-share-stage { display: grid; place-items: center; min-height: 100vh; min-height: 100svh; }
.image-share-frame { display: block; width: 100%; max-width: calc(100vh * 16 / 9); max-width: calc(100svh * 16 / 9); height: auto; aspect-ratio: 16 / 9; border: 0; background: #171712; }
.image-share-frame.is-portrait { max-width: calc(100vh * 9 / 16); max-width: calc(100svh * 9 / 16); aspect-ratio: 9 / 16; }
.image-share-menu { position: fixed; z-index: 2; bottom: max(.5rem, env(safe-area-inset-bottom)); right: max(.5rem, env(safe-area-inset-right)); }
.image-share-menu summary { display: grid; place-items: center; width: 44px; height: 44px; list-style: none; cursor: pointer; border: 1px solid #c8c2b3; border-radius: 50%; background: #f4f0e5ed; font-size: 1.5rem; line-height: 1; }
.image-share-menu summary::-webkit-details-marker { display: none; }
.image-share-menu nav { position: absolute; right: 0; bottom: calc(100% + .5rem); box-sizing: border-box; width: 19rem; max-width: calc(100vw - 2rem); padding: .5rem; border: 1px solid #c8c2b3; border-radius: 4px; background: #f4f0e5; box-shadow: 0 4px 20px #0002; }
.image-share-menu a { display: flex; align-items: center; min-height: 44px; box-sizing: border-box; padding: .5rem .75rem; color: inherit; font-size: .875rem; line-height: 1.5; text-decoration: none; }
.image-share-menu a:hover { background: #e9e4d8; }
.image-share-menu :focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
