/* page-module.list — simple checklist (default / steps / check variants).
   See task #11 for the planned interactive checkbox+localStorage variant. Stub. */

page-module.list {

   .warning {
      color: var(--ink-error);
   }

   .section-heading + text-content {
      margin-top: 0.7em;
   }
   
   .item-list {
      margin-top: 1em;
      padding-inline-start: 0.8em;

      display: grid;
      gap: 1.4em;

      &.rich {
         gap: 2em;
      }

      .title {
         a {
            color: inherit;
            text-decoration: underline;
         }

         + text-content {
            margin-top: 0.5em;
         }
      }

      text-content {
         margin-top: 0.5em;
      }

      &.default {
         list-style: disc;
      }

      &.steps {
         list-style: number;
      }

      &.none {
         list-style: none;
         padding-inline-start: 0;
      }

      &.check {
         list-style: none;
         padding-inline-start: 0;

         display: grid;
         justify-content: start;
         column-gap: 0.5em;

         .item {
            display: grid;
         }

         label {
            display: grid;
            grid-template-columns: auto 1fr;
            align-items: start;
            gap: 0.5rem;
            padding-block: 0.5em;
         }

         input[type='checkbox'] {
            position: relative;
            top: 4px;
         }

         text-content {
            padding-inline-start: calc(1em + 0.5rem);
         }
      }
   }
}