/*
 * frame, the chrome hairline frame. Unforged house identity 3.0.0 Broadside, 2026-08-22. Owner: Andreas.
 *
 * The only chrome geometry in the system (tokens chrome.frame): --u-chrome-frame, the ten stop
 * gradient measured off the mark, as border-image on a line.hairline transparent border, 96
 * degrees, paper only. A bounded panel, a card edge, a plate rule. Never a background, never a
 * button, never a band, never under type, and a mark never sits inside it (logo-usage.md section
 * 5). On the flood a frame takes rule.flood, because the flood already carries the chrome mark and
 * a second chrome object on it is a fill by accumulation: the rule is written here so a misuse
 * degrades to the hairline instead of painting chrome on ink. Padding is space.block, the padding
 * of a bounded field; --tight is one line box.
 */
.u-frame {
  box-sizing: border-box;
  border: var(--u-line-hairline) solid transparent;
  border-image: var(--u-chrome-frame) 1;
  border-radius: var(--u-radius-none);
  padding: var(--u-space-para);
  background-color: transparent;
}
/* Two line boxes of padding from 48rem, the padding of a bounded field; one line box under it,
   because space.block on both sides of the 280px column at 320 left 174px for the text, 62
   percent of the column (craft review 2026-08-22, the 320 render). 48rem is the house
   breakpoint (00_SHARED/README.md Open 4). */
@media (min-width: 48rem) {
  .u-frame { padding: var(--u-space-block); }
}
.u-frame--tight { padding: var(--u-space-para); }
/* on the flood a frame takes rule.flood */
.u-ground-flood .u-frame {
  border-image: none;
  border-color: var(--u-ground-rule);
}
