:root {
  color-scheme: dark;
  font-family: Arial, sans-serif;
  background: #0b0b0b;
  color: #eee;
}
* { box-sizing: border-box; }
body { margin: 0; background: #0b0b0b; color: #eee; }
a { color: #ff4646; }
.legal-header {
  padding: 22px clamp(20px, 6vw, 90px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #333;
}
.legal-header a { color: #fff; text-decoration: none; }
.legal-header strong { font-size: 22px; }
.legal-wrap { width: min(900px, calc(100% - 40px)); margin: 0 auto; padding: 70px 0 100px; }
.legal-wrap h1 { margin: 0 0 12px; font-size: clamp(38px, 7vw, 76px); line-height: .95; }
.legal-date { margin-bottom: 45px; color: #888; font-size: 13px; }
.legal-warning { margin-bottom: 35px; padding: 16px; color: #ffd4d4; border: 1px solid #a33; background: #351616; }
.legal-warning[hidden] { display: none; }
.legal-wrap section { margin: 38px 0; }
.legal-wrap h2 { margin: 0 0 14px; font-size: 22px; }
.legal-wrap h3 { margin: 24px 0 10px; font-size: 17px; }
.legal-wrap p, .legal-wrap li { color: #c2c2c2; font-size: 15px; line-height: 1.7; }
.legal-wrap ul, .legal-wrap ol { padding-left: 24px; }
.seller-table { width: 100%; border-collapse: collapse; }
.seller-table th, .seller-table td { padding: 12px; border: 1px solid #383838; text-align: left; vertical-align: top; }
.seller-table th { width: 220px; color: #999; font-weight: 400; }
.legal-nav { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 60px; padding-top: 25px; border-top: 1px solid #333; font-size: 13px; }
.legal-footer { padding: 30px clamp(20px, 6vw, 90px); color: #777; border-top: 1px solid #333; font-size: 12px; }
.cookie-notice {
  position: fixed;
  z-index: 40;
  left: 20px;
  right: 20px;
  bottom: 20px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  align-items: end;
  padding: 16px 18px;
  border: 1px solid #383838;
  background: rgba(11,11,11,.95);
  backdrop-filter: blur(12px);
  box-shadow: 0 18px 60px rgba(0,0,0,.38);
}
.cookie-notice__copy strong { display: block; margin-bottom: 8px; color: #fff; font-size: 16px; }
.cookie-notice__copy p { margin: 0; max-width: 720px; color: #b8b8b8; font-size: 13px; line-height: 1.6; }
.cookie-notice__copy a { color: #fff; }
.cookie-notice__accept {
  min-width: 148px;
  height: 48px;
  border: 1px solid #b11;
  background: #e00000;
  color: #fff;
  cursor: pointer;
}
@media (max-width: 600px) {
  .legal-header { align-items: flex-start; flex-direction: column; gap: 10px; }
  .seller-table th, .seller-table td { display: block; width: 100%; }
  .seller-table th { border-bottom: 0; }
  .cookie-notice { left: 12px; right: 12px; bottom: 12px; grid-template-columns: 1fr; }
  .cookie-notice__accept { width: 100%; }
}