/* static/css/post-page.css — larger-screen overrides + post-detail chrome. * * Fifth of the seven stylesheets split out of the former single * ``gallae.css`` (tasks/FILE_SPLIT_TASKS.md Phase 1). It carries the * ``min-width: 720px`` larger-screen layer plus the post-detail page * furniture: tag-autocomplete, the v1 post-detail layout + metadata column, * the icon controls, the subscribe picker, and the toast notifications (which * ride along here to keep the cut contiguous). Because it overrides earlier * rules at equal specificity via source order, it MUST load after * ``pages.css`` — and before the reading files, which override again. */ /* --------------------------------------------------------------------- * Larger screens * * The single ``min-width: 720px`` breakpoint widens the container * padding and restores the per-level contribution indent that was * tightened above. We keep the breakpoint count intentionally low * (one) to honor the file-level "stay simple, swap later" goal — * additional breakpoints earn their place when a real design * lands, not as a polish layer. * ------------------------------------------------------------------ */ @media (min-width: 720px) { .container { padding: 2rem 1rem; } .contribution-children { /* Restore the desktop indent declared in the Task 5.4 * block above. */ padding-left: 1rem; } } /* ----- Tag autocomplete dropdown (Task H.10, _post_form.html). * The wrapping ``.tag-autocomplete`` is the combobox surface; the * ``