.microbe-legacy-hero{box-sizing:border-box;width:100%;max-width:1280px;margin:12px auto 0;padding:0 40px 16px}
.microbe-legacy-hero-title{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;gap:10px;width:fit-content;max-width:100%;min-height:64px;background:rgba(0,143,141,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff}
.microbe-legacy-hero-title h1{margin:0;color:#fff;text-align:center;font-family:'Noto Sans JP',sans-serif;font-weight:700;font-size:36px;line-height:44px;letter-spacing:-.02em}
.microbe-legacy-breadcrumb{max-width:1280px;padding:0 40px;margin:0 auto}
.microbe-legacy-content{min-width:0;gap:0}
/* Column ratio matches the legacy /technical/microbe/index02.htm table (菌の
   特徴・分布 is by far the longest column) instead of .qa-pt-table's default
   31.2/31.2/37.6 split, which was sized for a different 3-column table. */
.microbe-food-poison-table th:nth-child(1),.microbe-food-poison-table td:nth-child(1){width:23.5%}
.microbe-food-poison-table th:nth-child(2),.microbe-food-poison-table td:nth-child(2){width:52.8%}
.microbe-food-poison-table th:nth-child(3),.microbe-food-poison-table td:nth-child(3){width:23.5%}
/* Figma "Row" cells sit gap:1px apart on a #CCCCCC row background — the gap
   itself reads as the grid line, so no per-cell border (unlike .qa-pt-table's
   default 1px solid borders on every side). */
.microbe-food-poison-table{border:none;background:#CCCCCC;border-spacing:1px}
.microbe-food-poison-table th,.microbe-food-poison-table td{border:none}
/* Figma spec: gray header (not the site-wide teal .qa-pt-table th), smaller
   text, wide letter-spacing on the header, centered; data rows use the
   muted body color, left-aligned. */
.microbe-food-poison-table th{background:#F5F6F7;color:#42526B;font-size:14px;line-height:21px;letter-spacing:1.28px;text-align:center}
.microbe-food-poison-table td{background:#FFFFFF;color:#42526B;font-size:14px;line-height:17px;vertical-align:middle;padding:9.5px 15px}
.microbe-food-poison-table th{padding:9.5px 15px}
.microbe-food-poison-table{border-radius:0}
.qa-pt-table-wrap{margin-bottom:0;margin-top:30px;border-radius:0}
.microbe-legacy-content .qa-text{margin-bottom:0}
/* .sn-page-main-content's gap:50px already separates .pages-contents from
   .sn-faq-section, but other legacy detail pages (additive02, organicacid03)
   give the FAQ card its own margin-top on top of that — match them here. */
.microbe-legacy-content .sn-faq-section{margin-top:48px}
@media (max-width:768px){.microbe-legacy-content .sn-faq-section{margin-top:32px}}
@media (max-width:767px){
  .microbe-legacy-hero{padding:0 24px 16px}
  .microbe-legacy-hero-title{max-width:100%;box-sizing:border-box;padding:10px 16px;min-height:52px}
  .microbe-legacy-hero-title h1{font-size:22px;line-height:30px;letter-spacing:-.01em;overflow-wrap:anywhere}
  .microbe-legacy-breadcrumb{padding:0 16px}
  .qa-pt-table-wrap{margin-top:20px}
}
@media (max-width:991px) and (min-width:768px){
  .microbe-legacy-hero-title{padding:10px 20px}
  .microbe-legacy-hero-title h1{font-size:28px;line-height:36px}
}
@media (max-width:480px){
  .microbe-legacy-hero{padding-left:12px;padding-right:12px}
  .microbe-legacy-hero-title{min-height:46px;padding:8px 12px}
  .microbe-legacy-hero-title h1{font-size:18px;line-height:26px}
  .qa-pt-table-wrap{margin-top:16px}
}

/* Scientific names (<em>) in the legacy article render upright, not italic. */
.microbe-legacy-article em { font-style: normal; }