/* ============================================================================
   262-php-19-dev-note — a note from the team, never content

   THE ONE PLACE where dev notes are styled. (It replaces the old
   p[data-demo="entry"] rule in 99-demo-flags.css, which also shrank
   invented CONTENT — an orange bio or caption is content, not a note.)

   The orange dashed frame and the ERFUNDEN flag are NOT set here: they come
   from 99-demo-flags.css through data-demo="entry", like every demo mark.
   Only two things differ, so a note does not catch the client's eye during
   a demo:
     - smaller type: 13px — the one exception to the 16px minimum, because a
       dev note is not content and never reaches the live site
     - half opacity
   ========================================================================== */

.x262-devnote {
    padding: .25rem .375rem;
    font-size: 13px;
    line-height: 1.4;
    color: var(--text-2);
    opacity: .45;
}

.x262-devnote p {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
}
.x262-devnote p + p { margin-top: .25rem; }

/* Emphasis in a dev note is BOLD, not capitals (the user's preference).
   700 is fine here: a dev note is outside the site's 400/500 type system
   and never reaches the live site. */
.x262-devnote__title { font-weight: 700; color: var(--text); }

/* To-do list: one item per open point, a box to tick in front. */
.x262-devnote__todo { list-style: none; margin: .25rem 0 0; padding: 0; }
.x262-devnote__todo li { position: relative; padding-left: 1.4em; }
.x262-devnote__todo li + li { margin-top: .375rem; }
.x262-devnote__todo li::before { content: "\2610"; position: absolute; left: 0; }
.x262-devnote__todo strong { font-weight: 700; color: var(--text); }

.x262-devnote a {
    font-size: inherit;
    color: inherit;
    text-decoration: underline;
}