/* WordPress glue: undo the wrappers WordPress puts around the design's markup.
   The design's own styles live in site.css, copied from the HTML design by bin/sync-design.py. */

/* Template parts are wrapped in a div; display: contents keeps the sticky header sticky to the page. */
.hq-part { display: contents; }

/* Block groups that carry the design's layout classes need no extra WordPress spacing. */
.wp-site-blocks > * { margin-block: 0; }

/* Prose headings are full ink; the design sets it inline on each one, here it is one rule for every page. */
.prose > .h2 { color: var(--ink); }

/* A section whose body sits close under its label row (the design sets padding-top:28px inline). */
.sec__body.tight { padding-top: 28px; }

/* A build note's blocks sit straight in the article's grid, as in the design. */
.article > .wp-block-post-content { display: contents; }

/* Editor only: blocks are previewed at the editor's 760px content width, so the plans table scrolls sideways
   there instead of squeezing its columns until they overlap. */
.editor-styles-wrapper .plans { overflow-x: auto; grid-template-columns: repeat(4, minmax(210px, 1fr)); }
.editor-styles-wrapper .plans--5 { grid-template-columns: repeat(5, minmax(210px, 1fr)); }