@layer layout {

  :root {
    --col: 724px;
    --gut: 14px;
    --shell: calc(var(--col) + var(--gut) * 2);
  }

  .wrap,
  .wrap-feed {
    width: 100%;
    max-width: var(--shell);
    margin-inline: auto;
    padding-inline: var(--gut);
  }

  .wrap-feed { padding-block: 12px 24px; }

  .site-head {
    background: linear-gradient(var(--hgrad1), var(--hgrad2));
    border-block-end: 1px solid var(--line);
    padding-block: 10px 8px;
    padding-inline: 0;
  }

  @media (max-width: 752px) {
    :root { --gut: 12px; }
  }
}