/*
 * frame.css — render-time rules shared by every frame page and board.
 *
 * Deliberately almost empty. Anything that can be fixed in the authored
 * source belongs there, not here: the source is the visual authority, and a
 * render-time override silently makes the site disagree with the design.
 *
 * The Kolibri app-bar alignment rules that used to live here have been
 * removed. They were written on 16 Sep 2026 against sources whose nav items
 * sat on the bar's bottom edge while the active item floated above them.
 * The redesigned rounds 11 and 12 (17 Sep 2026) fix that at source — every
 * item carries `padding-bottom`, the hamburger carries `margin-bottom` — so
 * the bars now align themselves. Keeping the override would have held every
 * bar at roughly twice its authored height, which is exactly the kind of
 * quiet disagreement with the source this file must not introduce. The
 * release QA measures app-bar alignment directly, so a future regression is
 * caught by a failing check rather than hidden by a rule here.
 */

/* Square outer corners. The port strips the stage's own radius; this catches
 * any wrapper a future source adds around it. Radii inside the depicted
 * interface (cards, buttons, chips, pill toggles) are the author's and are
 * untouched. */
x-dc > div[style*="height:675px"] { border-radius: 0 !important; }

/*
 * The standalone frame port extracts the 1200×675 stage from each Claude
 * Design document. That extraction correctly carried the document font but
 * dropped the wrapper's inherited foreground colour, so any dark frame whose
 * headline intentionally relied on inheritance rendered black-on-dark.
 *
 * Restore the exact wrapper foreground from each authored round. This is not
 * a visual override: it recreates the inheritance the source document had
 * before extraction. Explicit colours inside product/light stages continue to
 * win normally.
 */
x-dc[data-frame^="11"],
x-dc[data-frame^="12"],
x-dc[data-frame^="13"],
x-dc[data-frame^="14"],
x-dc[data-frame^="15"] { color: #EDE9E0; }

x-dc[data-frame^="16"] { color: #ECEFF3; }
x-dc[data-frame^="17"] { color: #EAEDF7; }
x-dc[data-frame^="18"] { color: #F2ECE3; }
x-dc[data-frame^="19"] { color: #EDF2F0; }