/* Test-environment marker and placeholders. Loaded after the theme CSS. */
.lp-test-badge {
  position: fixed; left: 12px; bottom: 12px; z-index: 2147483000;
  max-width: calc(100vw - 24px); padding: 6px 10px; border-radius: 6px;
  background: #ffd400; color: #1a1a1a; font: 600 12px/1.4 system-ui, sans-serif;
  box-shadow: 0 2px 8px rgb(0 0 0 / .25);
}
.lp-test-badge a { color: inherit; text-decoration: underline; }
.lp-placeholder {
  margin: 16px auto; padding: 16px; max-width: 1200px; border: 2px dashed #b14339; border-radius: 8px;
  background: #fff7f5; color: #5b1f1a; font: 14px/1.5 system-ui, sans-serif; text-align: center;
}
/* Before UIkit loads (html lacks .lp-js): cover videos fill their section like uk-cover does.
   Once UIkit runs it sizes and centres the video itself, so the shim switches off. */
html:not(.lp-js) video[uk-cover] { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; transform: none; }
/* Pinterest portfolio: production lays pins out with a masonry script; CSS columns give the same
   staggered grid without JavaScript (pins read top-to-bottom per column instead of row by row). */
.gs_pin_area ul.gs-pins { display: block; column-count: 3; column-gap: 10px; margin: 0; padding: 0; }
.gs_pin_area ul.gs-pins > .gs-single-pin { display: inline-block; float: none; width: 100%; max-width: none; padding: 0 0 10px; break-inside: avoid; }
@media (max-width: 991px) { .gs_pin_area ul.gs-pins { column-count: 2; } }
.lp-yt { position: relative; display: block; overflow: hidden; background: #000; }
.lp-yt img { width: 100%; height: 100%; object-fit: cover; display: block; }
.lp-yt-play { position: absolute; inset: 50% auto auto 50%; width: 68px; height: 48px; margin: -24px 0 0 -34px; border-radius: 12px; background: #b14339; }
.lp-yt-play::after { content: ""; position: absolute; left: 27px; top: 14px; border-style: solid; border-width: 10px 0 10px 17px; border-color: transparent transparent transparent #fff; }
.lp-index { margin: 0; padding: 32px 16px 80px; background: #fafafa; color: #1a1a1a; font: 16px/1.5 system-ui, sans-serif; }
.lp-index main { max-width: 960px; margin: 0 auto; }
.lp-index table { width: 100%; border-collapse: collapse; background: #fff; }
.lp-index th, .lp-index td { padding: 10px; border-bottom: 1px solid #e5e5e5; text-align: left; vertical-align: top; }
.lp-index td a { word-break: break-all; }