.rl-marketing-library { max-width: 1180px; margin: 0 auto; padding: 42px 42px 72px; color: #1a1c1f; }
.rl-marketing-library-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.rl-marketing-library-head h2 { margin: 0; font: 650 clamp(30px, 4vw, 48px)/1 Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: -.055em; }
.rl-marketing-library-head p { margin: 0; color: #6b7280; font: 400 15px/1.5 Inter, ui-sans-serif, system-ui, sans-serif; }
.rl-marketing-library-head-subtitle { margin-top: 2px !important; color: #6b7280 !important; font-size: clamp(25px, 3vw, 40px) !important; line-height: 1.05 !important; letter-spacing: -.045em; }
.rl-marketing-library-head-detail { margin-top: 14px !important; }
.rl-marketing-library-link, .rl-marketing-library-more { color: #4b5563; font: 600 13px/1 Inter, ui-sans-serif, system-ui, sans-serif; text-decoration: none; white-space: nowrap; }
.rl-marketing-library-link span { margin-left: 5px; }
.rl-marketing-library-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.rl-marketing-library-card { min-width: 0; overflow: hidden; position: relative; display: flex; flex-direction: column; min-height: 262px; border: 1px solid #e5e7eb; border-radius: 17px; background: #ffffff; box-shadow: 0 11px 28px -24px rgba(36,35,33,.3); color: #1a1c1f; text-decoration: none; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.rl-marketing-library-card:hover { transform: translateY(-2px); border-color: #e5e7eb; box-shadow: 0 16px 32px -22px rgba(36,35,33,.42); }
.rl-marketing-library-card-media { display: grid; place-items: center; height: 152px; overflow: hidden; background: #f0f0f2; color: #6b7280; }
.rl-marketing-library-card-media.has-image { background: #e5e7eb; }
.rl-marketing-library-card-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rl-marketing-library-placeholder { width: 72%; height: 84%; position: relative; display: grid; place-items: center; align-content: center; gap: 5px; border: 1px solid rgba(95,89,79,.14); border-radius: 4px; background: #ffffff; box-shadow: 8px 7px 0 rgba(75,68,57,.08); transform: rotate(-2deg); }
.rl-marketing-library-placeholder:before, .rl-marketing-library-placeholder:after { content: ''; position: absolute; inset: 8px; border-top: 1px solid rgba(95,89,79,.16); border-bottom: 1px solid rgba(95,89,79,.16); pointer-events: none; }
.rl-marketing-library-placeholder:after { inset: auto 15px 15px; height: 30%; border: 0; background: linear-gradient(90deg, #1a1c1f 0 14%, transparent 14% 20%, #e5e7eb 20% 30%, transparent 30% 36%, #e5e7eb 36% 52%, transparent 52% 58%, #e5e7eb 58% 86%, transparent 86%); opacity: .65; }
.rl-marketing-library-placeholder-brochure { background: #f0f0f2; }
.rl-marketing-library-placeholder-term_sheet { background: #f0f0f2; }
.rl-marketing-library-placeholder-video { background: #f0f0f2; }
.rl-marketing-library-placeholder small { position: relative; z-index: 1; color: #6b7280; font: 600 9px/1 Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.rl-marketing-library-card-symbol { display: grid; place-items: center; width: 48px; height: 48px; color: #6b7280; }
.rl-marketing-library-card-symbol svg { display: block; width: 42px; height: 42px; }
.rl-marketing-library-card-media small { display: block; margin-top: 0; color: #6b7280; font: 500 12px/1.3 Inter, ui-sans-serif, system-ui, sans-serif; }
.rl-marketing-library-card-body { padding: 15px 16px 18px; }
.rl-marketing-library-card-meta { display: flex; justify-content: space-between; align-items: center; gap: 10px; color: #6b7280; font: 600 12px/1.3 Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.rl-marketing-library-card-meta b { color: #6b7280; font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: none; }
.rl-marketing-library-card h3 { overflow: hidden; margin: 12px 0 5px; font: 600 16px/1.2 Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: -.02em; text-overflow: ellipsis; white-space: nowrap; }
.rl-marketing-library-card p { margin: 0; color: #6b7280; font: 400 13px/1.4 Inter, ui-sans-serif, system-ui, sans-serif; }
.rl-marketing-library-arrow { position: absolute; right: 15px; bottom: 17px; color: #6b7280; font-size: 16px; }
.rl-marketing-library-room .rl-marketing-library-card-media { align-content: center; gap: 8px; background: #f0f0f2; }
.rl-marketing-library-room-preview { width: 76%; height: 82%; padding: 13px 15px; box-sizing: border-box; border-radius: 4px; background: #ffffff; box-shadow: 7px 7px 0 rgba(75,68,57,.08); display: grid; align-content: space-between; gap: 7px; }
.rl-marketing-library-room-label { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.rl-marketing-library-room-preview small { color: #6b7280; font: 600 10px/1.3 Inter, ui-sans-serif, system-ui, sans-serif; }
.rl-marketing-library-room-files { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; color: #6b7280; font: 500 8px/1.25 Inter, ui-sans-serif, system-ui, sans-serif; }
.rl-marketing-library-room-files li { min-width: 0; overflow: hidden; display: flex; align-items: center; gap: 5px; white-space: nowrap; text-overflow: ellipsis; }
.rl-marketing-library-room-files li span { color: #6b7280; font-size: 9px; }
.rl-marketing-library-room-empty { align-self: end; }
.rl-marketing-library-create-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.rl-marketing-library-create { display: grid; gap: 7px; min-height: 96px; padding: 16px 18px; border: 1px dashed #e5e7eb; border-radius: 14px; background: rgba(255,254,250,.6); color: #4b5563; text-decoration: none; }
.rl-marketing-library-create span { color: #6b7280; font: 600 12px/1.3 Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.rl-marketing-library-create strong { font: 600 15px/1.25 Inter, ui-sans-serif, system-ui, sans-serif; }
.rl-marketing-library-create b { color: #6b7280; font: 500 12px/1 Inter, ui-sans-serif, system-ui, sans-serif; }
.rl-marketing-library-more { display: inline-block; margin-top: 20px; }
.rl-marketing-library-note { margin: 18px 0 0; color: #6b7280; font: 400 13px/1.45 Inter, ui-sans-serif, system-ui, sans-serif; }
.rl-marketing-library-loading, .rl-marketing-library-error { display: grid; place-items: center; gap: 12px; min-height: 180px; color: #6b7280; font: 500 14px/1.4 Inter, ui-sans-serif, system-ui, sans-serif; }
.rl-marketing-library-error { place-items: start; align-content: center; max-width: 460px; margin: 0 auto; }
.rl-marketing-library-error strong { color: #1a1c1f; font-size: 18px; }
.rl-marketing-library-error p { margin: 0; }
.rl-marketing-library-error button { border: 1px solid #e5e7eb; border-radius: 9px; padding: 9px 13px; background: #ffffff; color: #4b5563; font: 600 13px Inter, ui-sans-serif, system-ui, sans-serif; cursor: pointer; }
.rl-marketing-library-dots { display: flex; gap: 5px; }
.rl-marketing-library-dots i { width: 6px; height: 6px; border-radius: 50%; background: #6b7280; animation: rl-marketing-library-pulse 1s infinite ease-in-out; }
.rl-marketing-library-dots i:nth-child(2) { animation-delay: .14s; }
.rl-marketing-library-dots i:nth-child(3) { animation-delay: .28s; }
@keyframes rl-marketing-library-pulse { 0%, 70%, 100% { opacity: .28; transform: translateY(0); } 35% { opacity: 1; transform: translateY(-3px); } }
@media (max-width: 900px) { .rl-marketing-library-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .rl-marketing-library { padding: 28px 18px 42px; } .rl-marketing-library-head { display: block; } .rl-marketing-library-head h2 { font-size: 34px; } .rl-marketing-library-head-subtitle { font-size: 29px !important; } .rl-marketing-library-link { display: inline-block; margin-top: 16px; } .rl-marketing-library-grid, .rl-marketing-library-create-grid { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .rl-marketing-library-card, .rl-marketing-library-dots i { animation: none; transition: none; } }

/* The library is a working page; retain the compact title from the reference. */
.rl-marketing-library{padding:24px 0 48px}
.rl-marketing-library-head{align-items:center;margin-bottom:23px}
.rl-marketing-library-head h2{font-size:27px;line-height:1.2;font-weight:600;letter-spacing:-.7px}
.rl-marketing-library-head-detail{font-size:13px!important;margin-top:5px!important}
.rl-marketing-library-head>.rl-marketing-library-link{padding:9px 13px;border:1px solid #f0f0f2;border-radius:9px;background:#ffffff;font-size:12px;margin:0}
.rl-marketing-library-room-preview{height:134px;padding:12px;gap:7px}
.rl-marketing-library-room-label .rl-marketing-library-card-symbol{width:25px;height:25px}
.rl-marketing-library-room-label .rl-marketing-library-card-symbol svg{width:21px;height:21px}
.rl-marketing-library-room-files{gap:8px;font-size:9px;line-height:1.3}
.rl-marketing-library-room-files li{padding-bottom:4px;border-bottom:1px solid #f0f0f2}
@media(max-width:560px){.rl-marketing-library{padding:18px 0}.rl-marketing-library-head{display:flex;gap:12px}.rl-marketing-library-head h2{font-size:24px}.rl-marketing-library-head>.rl-marketing-library-link{flex:none}}