/* Modern CSS Reset (2026-style)
 - 見た目を壊しにくい最小限のリセット
 - 既存の base.css / 各セクションCSSの宣言が優先されるよう、過剰な値は入れない
*/

/* Box sizing */
*,
*::before,
*::after {
 box-sizing: border-box;
}

/* Default html sizing */
html {
 line-height: 1.15;
 -webkit-text-size-adjust: 100%;
}

/* Margin reset */
body {
 margin: 0;
}

/* Media defaults */
img,
picture,
video,
canvas,
svg {
 display: block;
 max-width: 100%;
}

/* Typography inheritance */
body,
button,
input,
select,
textarea {
 font: inherit;
}

/* Buttons should look consistent; actual appearance is controlled by component CSS */
button {
 background: transparent;
 border: 0;
 padding: 0;
}

/* Lists */
ul,
ol {
 list-style: none;
 margin: 0;
 padding: 0;
}

/* Anchors */
a {
 color: inherit;
 text-decoration: none;
}

/* Headings / paragraphs */
h1,
h2,
h3,
h4,
h5,
h6,
p {
 margin: 0;
}

/* Better text wrapping */
* {
 overflow-wrap: break-word;
}

/* Focus visibility (keyboard navigation) */
:focus-visible {
 outline: 2px solid currentColor;
 outline-offset: 2px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
 *,
 *::before,
 *::after {
 animation-duration: 0.001ms !important;
 animation-iteration-count: 1 !important;
 transition-duration: 0.001ms !important;
 scroll-behavior: auto !important;
 }
}