/* WordPress-only pieces of the Creator Layer theme (everything else is the
   static site's own CSS in assets/, which tools/wp/theme.py regenerates). */
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.skip-link:focus { position: fixed !important; top: 12px; left: 12px; z-index: 100000; width: auto; height: auto; clip: auto; padding: 12px 18px; border-radius: 10px; background: #1E2C52; color: #FFFFFF; }

/* project (case study) page */
.cl-proj { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: clamp(24px, 4vw, 64px); align-items: start; }
.cl-proj__cover { margin: 0 0 32px; border-radius: 20px; overflow: hidden; border: 1px solid var(--cl-line, #E3E8EF); }
.cl-proj__cover img { display: block; width: 100%; height: auto; }
.cl-proj__side { position: sticky; top: 110px; display: grid; gap: 14px; padding: 28px; border: 1px solid var(--cl-line, #E3E8EF); border-radius: 20px; background: #FFFFFF; }
.cl-proj__h { margin: 0 0 4px; font-size: 20px !important; line-height: 1.3 !important; }
.cl-proj__meta { display: grid; gap: 14px; margin: 0 0 8px; }
.cl-proj__meta dt { font-size: 13px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-link, #0E7C77); }
.cl-proj__meta dd { margin: 2px 0 0; color: var(--color-heading, #1E2C52); font-weight: 500; }
.cl-proj__side .tf-btn { justify-content: space-between; }
@media (max-width: 991px) { .cl-proj { grid-template-columns: minmax(0, 1fr); } .cl-proj__side { position: static; } }

/* block-editor content on plain pages and projects */
.cl-entry > * + * { margin-top: 1.1em; }
.cl-entry img { max-width: 100%; height: auto; border-radius: 14px; }
.cl-entry a { color: var(--color-link, #0E7C77); text-decoration: underline; text-underline-offset: 3px; }

/* logged-in admin bar sits above the fixed header */
.admin-bar .header.header-fixed { top: 32px; }
@media (max-width: 782px) { .admin-bar .header.header-fixed { top: 46px; } }