/*
Theme Name: WORK EDIT
Theme URI: https://workeditlab.jp
Author: WORK EDIT
Description: WORK EDITのための軽量なオリジナルブロックテーマ。
Version: 0.1.0
Requires at least: 6.5
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: work-edit
*/

html {
  scroll-behavior: smooth;
}

body {
  text-wrap: pretty;
}

a {
  text-underline-offset: 0.18em;
}

:where(a, button, input, select, textarea):focus-visible {
  outline: 3px solid var(--wp--preset--color--contrast);
  outline-offset: 3px;
}

.wp-site-blocks {
  min-height: 100vh;
}

.work-edit-header {
  border-bottom: 1px solid var(--wp--preset--color--line);
}

.work-edit-footer {
  border-top: 1px solid var(--wp--preset--color--line);
  margin-top: clamp(3rem, 8vw, 6rem);
}

.work-edit-article {
  line-height: 1.85;
}

.work-edit-article :where(h2, h3) {
  scroll-margin-top: 2rem;
}

.work-edit-comparison-table {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.work-edit-comparison-table table {
  min-width: 42rem;
}

.work-edit-product-card,
.work-edit-pros-cons,
.work-edit-disclosure {
  border: 1px solid var(--wp--preset--color--line);
  border-radius: 0.5rem;
}

.work-edit-cta {
  border: 1px solid var(--wp--preset--color--contrast);
  border-radius: 0.5rem;
}

@media (max-width: 600px) {
  .work-edit-header .wp-block-group {
    align-items: flex-start;
  }

  .work-edit-article {
    line-height: 1.78;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}