/* Project-side styles for graffend.com, served self-hosted so style-src 'self' covers them.
 *
 * This file exists so that project markup (shortcodes, layouts, content) never needs an inline
 * style= attribute, which a normal CSP hash cannot cover and which would be silently blocked
 * once 'unsafe-inline' is removed from style-src (graffend-infra#63). Add project rules here
 * instead of inlining them. Linked from layouts/partials/header.html; the CI guard
 * (scripts/check-no-inline-csp-sinks.sh) fails the build if an inline style= reappears. */

/* imgproc shortcode image (layouts/shortcodes/imgproc.html) — was an inline style attribute. */
.imgproc-image {
  max-width: 100%;
  width: auto;
  height: auto;
  border-radius: 8px;
}

/* Wrap the two-word nav labels (Privacy Policy, Refund Policy) onto two lines so their
   buttons narrow to match the single-word ones and the nav row stays uniform
   (graffend-www#10). The Dimension theme fixes each nav link to height/line-height
   2.75rem for single-line centering; here we allow two lines and flex-center them within
   that same 2.75rem height, so all four buttons keep identical height and align. */
#header nav ul li a[href="#privacy-policy"],
#header nav ul li a[href="#refund-policy"] {
  width: 7.5rem;        /* cap at the theme min-width so the label must wrap (the floor alone won't) */
  white-space: normal;
  line-height: 1.3;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}