:root {
  --az-magenta:#d0006f;
  --az-magenta-dark:#97005d;
  --az-gold:#f2aa00;
  --az-pink-20:#fbf0f7;
  --az-gray-20:#f6f6f6;
  --az-gray-40:#e8eceb;
  --az-text:#1b1b1f;
  --az-muted:#666a70;
  --az-warn:#c8102e;
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; overflow-x:clip; }
body {
  margin:0;
  color:var(--az-text);
  background:#fff;
  line-height:1.75;
  overflow-x:clip;
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif;
}
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }

.sr-only,.skip-link {
  position:absolute !important;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0;
}
.skip-link:focus {
  position:fixed !important;
  width:auto;
  height:auto;
  top:8px;
  left:8px;
  z-index:100;
  clip:auto;
  padding:8px 14px;
  background:var(--az-magenta);
  color:#fff;
}

.utility-bar { height:24px; border-bottom:1px solid #eee; background:#fff; font-size:12px; }
.utility-inner,.nav-inner,.breadcrumb-inner,.hero-inner,.tabs-inner,.reader-frame {
  width:min(100%,1180px);
  margin-inline:auto;
  padding-inline:28px;
}
.utility-inner { height:100%; display:flex; align-items:center; justify-content:flex-end; gap:8px; }
.utility-inner a { text-decoration:underline; text-underline-offset:2px; font-weight:600; }

.main-nav { height:48px; background:#fff; border-bottom:1px solid #ededed; }
.nav-inner { height:100%; display:flex; align-items:center; gap:38px; }
.brand {
  display:inline-flex;
  align-items:center;
  gap:4px;
  color:var(--az-magenta-dark);
  font-size:16px;
  white-space:nowrap;
}
.brand-mark { width:24px; height:24px; }
.nav-links { display:flex; align-items:center; gap:38px; flex:1; font-size:14px; }
.nav-link { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.nav-link.active { color:var(--az-magenta); font-weight:700; }
.nav-actions { display:flex; align-items:center; gap:18px; }

.language-switch { display:flex; align-items:center; }
.language-switch button {
  height:32px;
  padding:0 12px;
  border:1px solid var(--az-magenta);
  background:#fff;
  color:var(--az-magenta);
  cursor:pointer;
}
.language-switch button:first-child { border-radius:3px 0 0 3px; }
.language-switch button:last-child { border-radius:0 3px 3px 0; border-left:0; }
.language-switch button[aria-pressed="true"] { background:var(--az-magenta); color:#fff; }

.breadcrumb { height:38px; background:#fff; font-size:12px; }
.breadcrumb-inner { height:100%; display:flex; align-items:center; gap:10px; color:#252525; }
.breadcrumb-current { color:var(--az-magenta); font-weight:700; }

.hero { background:var(--az-pink-20); border-top:1px solid #f8e8f2; }
.hero-inner { min-height:126px; display:flex; flex-direction:column; justify-content:center; gap:8px; }
.hero-product { color:var(--az-magenta-dark); font-size:20px; }
.hero h1 { margin:0; color:var(--az-magenta-dark); font-size:36px; line-height:1.18; font-weight:500; }

.tabs-bar { background:var(--az-gray-40); border-bottom:1px solid #d8dddc; }
.tabs-inner {
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:14px;
  overflow-x:auto;
  scrollbar-width:thin;
}
.tab-button {
  flex:0 0 auto;
  min-height:32px;
  padding:4px 22px;
  border:1px solid var(--az-magenta);
  border-radius:3px;
  background:#fff;
  color:var(--az-magenta);
  font-size:14px;
  font-weight:700;
  white-space:nowrap;
}
.tab-button.active { background:var(--az-magenta); color:#fff; }

.reader-shell { background:#fff; }
.reader-frame {
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:48px;
  align-items:start;
  width:min(100%,1360px);
}
.toc {
  position:sticky;
  top:12px;
  max-height:calc(100vh - 24px);
  overflow-y:auto;
  min-width:0;
  padding:44px 0 40px;
  border-right:1px solid #cfd4d3;
  background:#fff;
}
.toc-title {
  margin:0 24px 12px 12px;
  color:var(--az-muted);
  font-size:12px;
  font-weight:700;
}
.toc-list {
  position:relative;
  display:grid;
  gap:4px;
  margin:0;
  padding:0 24px 0 0;
  list-style:none;
  font-size:12.5px;
  line-height:1.5;
  min-width:0;
}
.toc-list a {
  display:block;
  padding:4px 10px 4px 12px;
  color:#141414;
  border-left:3px solid transparent;
  transition:color .16s ease;
  overflow-wrap:anywhere;
}
.toc-list a:hover,.toc-list a:focus-visible {
  color:var(--az-magenta);
  font-weight:700;
  border-left-color:var(--az-magenta);
  outline:none;
}

.document-column { min-width:0; padding-bottom:90px; }
.search-row {
  position:sticky;
  top:0;
  z-index:20;
  display:grid;
  grid-template-columns:minmax(240px,1fr) auto;
  gap:10px;
  align-items:center;
  padding:12px 0;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(4px);
}
.search-box { position:relative; min-width:0; }
.search-box svg {
  position:absolute;
  top:50%;
  left:14px;
  transform:translateY(-50%);
  color:#52565a;
}
.search-input {
  width:100%;
  height:36px;
  border:1px solid #bbbfc2;
  padding:0 16px 0 42px;
  color:#24272a;
  outline:none;
  background:#fff;
  font-size:14px;
}
.search-input:focus { border-color:var(--az-magenta); box-shadow:0 0 0 2px rgba(208,0,111,.12); }
.search-meta { min-width:110px; color:var(--az-muted); font-size:12px; text-align:right; }

.library-intro {
  margin:16px 0 30px;
  padding:24px 0 22px;
  border-bottom:2px solid var(--az-magenta);
}
.library-kicker {
  margin:0 0 5px;
  color:var(--az-magenta-dark);
  font-size:12px;
  font-weight:700;
}
.library-intro h2,.quality-note h2 {
  margin:0;
  color:var(--az-text);
  font-size:24px;
  line-height:1.35;
}
.library-intro > p:last-child,.quality-note > p {
  margin:10px 0 0;
  color:var(--az-muted);
  font-size:13.5px;
}

.document-list { border-top:1px solid #cfd4d3; }
.document-row {
  display:grid;
  grid-template-columns:44px minmax(280px,1.35fr) minmax(150px,.55fr) auto;
  gap:16px;
  align-items:center;
  min-height:104px;
  padding:14px 10px;
  border-bottom:1px solid #cfd4d3;
}
.document-row:nth-child(even) { background:#fbfbfb; }
.document-row:hover { background:var(--az-pink-20); }
.document-number { color:var(--az-magenta-dark); font-size:13px; font-weight:700; font-variant-numeric:tabular-nums; }
.document-name-ja { display:block; font-size:16px; font-weight:700; line-height:1.5; }
.document-name-en { display:block; margin-top:3px; color:var(--az-muted); font-size:11.5px; line-height:1.35; }
.document-meta { color:var(--az-muted); font-size:12px; }
.document-meta span { display:block; }
.document-code { font-variant-numeric:tabular-nums; }
.document-actions { display:flex; gap:6px; justify-content:flex-end; }
.document-actions a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:3px 12px;
  border:1px solid var(--az-magenta);
  border-radius:3px;
  background:#fff;
  color:var(--az-magenta);
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}
.document-actions a.primary { background:var(--az-magenta); color:#fff; }
.document-actions a:hover,.document-actions a:focus-visible {
  background:var(--az-magenta-dark);
  border-color:var(--az-magenta-dark);
  color:#fff;
  outline:none;
}
.empty-state { padding:30px 12px; border-bottom:1px solid #cfd4d3; color:var(--az-muted); }

.quality-note {
  scroll-margin-top:70px;
  margin:50px 0 0;
  padding:22px 24px 24px;
  border-left:5px solid var(--az-magenta);
  background:var(--az-pink-20);
}
.report-links {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.report-links a {
  padding:5px 12px;
  border:1px solid var(--az-magenta);
  border-radius:3px;
  background:#fff;
  color:var(--az-magenta);
  font-size:12px;
  font-weight:700;
}
.report-links a:hover,.report-links a:focus-visible { background:var(--az-magenta); color:#fff; outline:none; }

footer {
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:20px max(28px,calc((100vw - 1180px)/2 + 28px));
  border-top:1px solid #ededed;
  color:var(--az-muted);
  font-size:12px;
}

@media (max-width:980px) {
  .utility-inner,.nav-inner,.breadcrumb-inner,.hero-inner,.tabs-inner,.reader-frame { padding-inline:20px; }
  .reader-frame { grid-template-columns:190px minmax(0,1fr); gap:26px; }
  .document-row { grid-template-columns:38px minmax(0,1fr); }
  .document-meta,.document-actions { grid-column:2; }
  .document-actions { justify-content:flex-start; }
}

@media (max-width:760px) {
  .utility-bar,.breadcrumb,.nav-links { display:none; }
  .nav-inner { justify-content:space-between; }
  .hero h1 { font-size:28px; }
  .tabs-inner { justify-content:flex-start; }
  .reader-frame { display:block; padding-inline:0; }
  .toc {
    position:sticky;
    top:0;
    z-index:25;
    max-height:none;
    padding:10px 0;
    border-right:0;
    border-bottom:1px solid #d7dcdb;
    overflow-x:auto;
  }
  .toc-title { display:none; }
  .toc-list { display:flex; gap:8px; padding:0 16px; white-space:nowrap; }
  .toc-list a { border:1px solid #d7dcdb; border-left:1px solid #d7dcdb; border-radius:999px; padding:6px 12px; background:#fff; }
  .document-column { padding-inline:16px; }
  .search-row { grid-template-columns:1fr; }
  .search-meta { text-align:left; }
  .document-row { grid-template-columns:30px minmax(0,1fr); padding-inline:4px; }
  .document-actions { display:grid; grid-template-columns:repeat(3,1fr); width:100%; }
  .document-actions a { padding-inline:5px; }
  footer { align-items:flex-start; flex-direction:column; padding-inline:16px; }
}

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