/* v0.2.0: Intentionally change ONLY outer theme layout containers.
   Do not modify .entry, .entry-content, global variables, or post rendering. */
@media screen and (min-width: 881px) {
  body .main-area.wrap {
    width: min(1680px, calc(100% - 48px));
    max-width: 1680px;
  }
  body .main-area > .layout {
    grid-template-columns: minmax(0, 1fr) minmax(250px, 290px);
    gap: clamp(24px, 2.5vw, 42px);
  }
}
@media screen and (min-width: 561px) and (max-width: 880px) {
  body .main-area.wrap { width: calc(100% - 42px); }
  body .main-area > .layout { grid-template-columns: minmax(0, 1fr); }
}
@media screen and (max-width: 560px) {
  body .main-area.wrap { width: calc(100% - 28px); }
  body .main-area > .layout { grid-template-columns: minmax(0, 1fr); }
}