/* ONE PIECE article hierarchy and compact compatibility, 2026-09-13. */
body:not(.admin-mode) .loader-review-v8 :is(.article-lead, .article-prose) { max-width: none; width: 100%; }
body:not(.admin-mode) .loader-review-v8 .conclusion-main > :is(p, ul, .review-fit-verdict) { max-width: none; width: 100%; justify-self: stretch; }
body:not(.admin-mode) .loader-review-v8 .article-header {
  padding-top: clamp(24px, 3vw, 32px);
}
body:not(.admin-mode) .loader-review-v8 .article-header > .article-kicker { display: none; }
body:not(.admin-mode) .loader-review-v8 .article-header h1 {
  font-size: clamp(26px, 3.6vw, 36px);
  line-height: 1.4;
  letter-spacing: -.035em;
  margin: 0;
}
body:not(.admin-mode) .loader-review-v8 .article-header h1 .review-title-context {
  display: block;
  color: #40566a;
  font-size: clamp(14px, 1.8vw, 17px);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0;
  margin-bottom: 8px;
}
body:not(.admin-mode) .loader-review-v8 .article-header h1 .review-title-message {
  display: block;
  color: #10243d;
  font: inherit;
  white-space: normal;
}
body:not(.admin-mode) .loader-review-v8 .article-header h1 strong { color: #087e8b; font: inherit; }
body:not(.admin-mode) .loader-review-v8 .article-title-scope {
  display: block;
  border: 0;
  padding: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.75;
  color: #4c6075;
  margin: 12px 0 0;
}
body:not(.admin-mode) .loader-review-v8 .article-title-scope br { display: none; }
body:not(.admin-mode) .loader-review-v8 .article-eyecatch { margin-top: 20px; }
body:not(.admin-mode) .loader-review-v8 .article-affiliate-disclosure {
  margin: 16px 0 0;
  padding: 8px 10px;
  border-color: #e1d8c5;
  border-radius: 6px;
  background: #fffcf5;
  color: #5d4a2b;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.55;
}
body:not(.admin-mode) .loader-review-v8 .article-section-heading h2 {
  padding: 13px 16px;
  border-left: 4px solid #098896;
  border-radius: 0 6px 6px 0;
  background: #edf7f9;
  font-size: clamp(24px, 3vw, 30px);
  font-weight: 800;
  line-height: 1.5;
  color: #102b40;
}
body:not(.admin-mode) .loader-review-v8 .article-section h3 {
  margin: 30px 0 14px;
  padding: 0 0 9px;
  border: 0;
  border-bottom: 1px solid #d7e3eb;
  border-radius: 0;
  background: transparent;
  color: #263e51;
  font-size: clamp(19px, 2vw, 21px);
  font-weight: 700;
  line-height: 1.6;
}
body:not(.admin-mode) .loader-review-v8 .article-section-heading > p { font-size: 12px; letter-spacing: .08em; margin-bottom: 10px; }
body:not(.admin-mode) .loader-review-v8 .loader-fit-table-wrap { width: 100%; border: 1px solid #cbdde4; border-radius: 8px; overflow: hidden; }
body:not(.admin-mode) .loader-review-v8 .loader-fit-table { width: 100%; min-width: 0; table-layout: fixed; border-collapse: collapse; font-size: 15px; line-height: 1.65; }
body:not(.admin-mode) .loader-review-v8 .loader-fit-table :is(th, td) { padding: 12px 14px; border: 0; border-bottom: 1px solid #dce6eb; text-align: left; vertical-align: middle; background: #fff; }
body:not(.admin-mode) .loader-review-v8 .loader-fit-table thead th { background: #edf5f7; color: #435c6d; font-size: 13px; font-weight: 700; }
body:not(.admin-mode) .loader-review-v8 .loader-fit-table tbody th { color: #1c3548; font-weight: 600; }
body:not(.admin-mode) .loader-review-v8 .loader-fit-table tr > :last-child { width: 92px; text-align: center; }
body:not(.admin-mode) .loader-review-v8 .loader-fit-table tbody tr:last-child > * { border-bottom: 0; }
body:not(.admin-mode) .loader-review-v8 .loader-fit-table .fit-status { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 58px; width: 58px; min-height: 28px; padding: 3px 6px; border: 0; border-radius: 4px; font-size: 13px; white-space: nowrap; }
body:not(.admin-mode) .loader-review-v8 .loader-fit-table .fit-status.supported { background: #e2f4ec; color: #07644c; }
body:not(.admin-mode) .loader-review-v8 .loader-fit-details { margin-top: 22px; border-top: 1px solid #d8e4ea; }
body:not(.admin-mode) .loader-review-v8 .loader-fit-details > summary { display: flex; justify-content: center; text-align: center; align-items: center; gap: 12px; padding: 18px 0; color: #087585; font-size: 15px; font-weight: 700; cursor: pointer; list-style: none; }
body:not(.admin-mode) .loader-review-v8 .loader-fit-details > summary::-webkit-details-marker { display: none; }
body:not(.admin-mode) .loader-review-v8 .loader-fit-details-icon::after { content: ''; display: block; width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); }
body:not(.admin-mode) .loader-review-v8 .loader-fit-details[open] .loader-fit-details-icon::after { transform: rotate(225deg); }
body:not(.admin-mode) .loader-review-v8 .loader-fit-product { display: block; color: #233e51; text-decoration: none; }
body:not(.admin-mode) .loader-review-v8 .loader-fit-product strong { display: block; color: #087585; font-size: 14px; }
body:not(.admin-mode) .loader-review-v8 .loader-fit-product span { display: block; font-size: 13px; font-weight: 400; }
body:not(.admin-mode) .loader-review-v8 .loader-fit-collapse { display: block; margin: 16px auto 0; padding: 12px 22px; border: 1px solid #97bac3; border-radius: 6px; background: #fff; color: #087585; font-size: 14px; cursor: pointer; }
body:not(.admin-mode) .loader-review-v8 .loader-fit-details :is(summary, button, a):focus-visible { outline: 2px solid #087e8b; outline-offset: 3px; }
/* Emphasis conveys a small number of decisions, never color alone. */
/* Keep controls centered, comparison labels equal, and photos apart from prose. */
body:not(.admin-mode) .loader-review-v8 .article-product-button { width: 100%; max-width: 420px; box-sizing: border-box; margin-inline: auto; justify-self: center; }
body:not(.admin-mode) .loader-review-v8 :is(.article-decision-cta, .conclusion-main, .purchase-action) > small { display: block; width: 100%; text-align: center; }
body:not(.admin-mode) .loader-review-v8 .article-section > :is(figure, .article-photo-grid) { margin-block: 24px; }
body:not(.admin-mode) .loader-review-v8 .article-section > :is(figure, .article-photo-grid) + * { margin-top: 24px; }
body:not(.admin-mode) .loader-review-v8 .decision-columns > div { padding: 22px; }
body:not(.admin-mode) .loader-review-v8 .decision-columns h3 { margin-top: 0; text-align: center; }
body:not(.admin-mode) .loader-review-v8 .article-faq summary { justify-content: space-between; text-align: left; gap: 14px; }
body:not(.admin-mode) .loader-review-v8 .article-faq p { text-align: left; }
body:not(.admin-mode) .loader-review-v8 .article-market-check-links { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
body:not(.admin-mode) .loader-review-v8 .article-market-check-links > a { padding: 10px; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
body:not(.admin-mode) .loader-review-v8 .article-market-check-links > a img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: contain; border-radius: 6px; background: #f7fafc; }
body:not(.admin-mode) .loader-review-v8 .article-market-check-links > a > span { font-size: 13px; }
body:not(.admin-mode) .loader-review-v8 .article-market-check-links > a em { padding-top: 4px; font-size: 12px; }
body:not(.admin-mode) .loader-review-v8 .article-market-toggle { display: none; }
body:not(.admin-mode) .loader-review-v8 .review-market-data { display: grid; gap: 5px; margin-top: auto; padding-top: 10px; border-top: 1px solid #e0e9ee; }
body:not(.admin-mode) .loader-review-v8 .review-market-trend { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin-bottom: 3px; }
body:not(.admin-mode) .loader-review-v8 .review-market-trend > small { font-size: 11px; color: #526579; font-weight: 500; }
body:not(.admin-mode) .loader-review-v8 .review-market-trend > .signal-badge { font-size: 12px; padding: 3px 6px; }
body:not(.admin-mode) .loader-review-v8 .article-market-check-links .review-market-price-label { font-size: 11px; color: #526579; font-weight: 500; }
body:not(.admin-mode) .loader-review-v8 .article-market-check-links .review-market-price { font-size: clamp(16px, 1.5vw, 21px); color: #123a52; line-height: 1.4; overflow-wrap: anywhere; }
body:not(.admin-mode) .loader-review-v8 .review-market-date { color: #526579; font-size: 11px; line-height: 1.5; font-weight: 400; }
body:not(.admin-mode) .loader-review-v8 .article-related { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 24px; gap: 16px; }
body:not(.admin-mode) .loader-review-v8 .article-related > div { grid-column: 1 / -1; padding: 0; border: 0; border-radius: 0; background: transparent; }
body:not(.admin-mode) .loader-review-v8 .article-related > a { padding: 18px; }
body:not(.admin-mode) .loader-review-v8 .article-related h2 { margin: 6px 0 0; font-size: 22px; line-height: 1.5; }
@media (max-width: 700px) {
  body:not(.admin-mode) .loader-review-v8 .article-related { grid-template-columns: minmax(0, 1fr); padding: 18px; gap: 12px; }
  body:not(.admin-mode) .loader-review-v8 .article-related > a { padding: 15px; }
}
@media (max-width: 700px) {
  body:not(.admin-mode) .loader-review-v8 .article-market-check { padding: 16px; }
  body:not(.admin-mode) .loader-review-v8 .article-market-check-links { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  body:not(.admin-mode) .loader-review-v8 .article-market-check:not([data-expanded="true"]) #reviewed-box-extra { display: none; }
  body:not(.admin-mode) .loader-review-v8 .article-market-toggle { display: flex; justify-content: center; align-items: center; gap: 10px; width: fit-content; max-width: 100%; margin: 0 auto; padding: 12px 20px; border: 1px solid #97bac3; border-radius: 8px; color: #087585; background: #fff; font-size: 14px; font-weight: 700; cursor: pointer; }
  body:not(.admin-mode) .loader-review-v8 .article-market-toggle:focus-visible { outline: 2px solid #087585; outline-offset: 3px; }
}
body:not(.admin-mode) .loader-review-v8 .article-faq summary::after { content: ''; flex: 0 0 8px; width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); }
body:not(.admin-mode) .loader-review-v8 .article-faq details[open] summary::after { transform: rotate(225deg); }
@media (min-width: 1000px) {
  body:not(.admin-mode) .loader-review-v8 .review-fit-verdict { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
  body:not(.admin-mode) .loader-review-v8 .review-fit-verdict .review-fit-row { grid-template-columns: 58px minmax(0, 1fr); font-size: 15px; gap: 12px; }
  body:not(.admin-mode) .loader-review-v8 .conclusion-main .review-fit-verdict .review-fit-row-negative { margin: 0; padding: 0 0 0 22px; border-top: 0; border-left: 1px solid #e8dfbb; }
  body:not(.admin-mode) .loader-review-v8 .article-affiliate-disclosure br { display: none; }
}
body:not(.admin-mode) .loader-review-v8 .review-fit-label { box-sizing: border-box; width: 58px; min-height: 28px; }
body:not(.admin-mode) .loader-review-v8 .review-marker {
  background: linear-gradient(transparent 55%, #fff09b 55%);
  color: #17394b;
  font-weight: 800;
  padding: 0 .06em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
body:not(.admin-mode) .loader-review-v8 .review-warning { color: #b52a37; font-weight: 700; }
body:not(.admin-mode) .loader-review-v8 .review-emphasis { font-size: 1.08em; }
body:not(.admin-mode) .loader-review-v8 .review-fit-range { white-space: nowrap; }
/* Dark panel: use plain white text instead of light-surface emphasis. */
body:not(.admin-mode) .loader-review-v8 .drop-test-panel :is(h3, p, strong, span, mark) { color: #fff; }
body:not(.admin-mode) .loader-review-v8 .drop-test-panel .review-marker { background: none; padding: 0; }
body:not(.admin-mode) .loader-review-v8 .drop-test-heading h3 { border-bottom: 0; padding-bottom: 0; }
body:not(.admin-mode) .loader-review-v8 .review-fit-verdict {
  margin: 24px 0;
  padding: 18px 20px;
  background: #fffdf4;
  border: 1px solid #e8dfbb;
  border-radius: 8px;
}
body:not(.admin-mode) .loader-review-v8 .review-fit-verdict .review-fit-row {
  display: grid;
  grid-template-columns: 4em minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  margin: 0;
  font-size: 16px;
  line-height: 1.9;
}
body:not(.admin-mode) .loader-review-v8 .review-fit-verdict .review-fit-row-negative {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #e8dfbb;
  font-size: 15px;
}
body:not(.admin-mode) .loader-review-v8 .review-fit-label {
  display: block;
  margin-top: 2px;
  border-radius: 4px;
  padding: 2px 4px;
  background: #e1f2ec;
  color: #07644c;
  text-align: center;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.9;
}
body:not(.admin-mode) .loader-review-v8 .review-fit-row-negative .review-fit-label { color: #b52a37; background: #fce7e9; }
@media (min-width: 701px) {
  body:not(.admin-mode) .loader-review-v8 .article-header h1 .review-title-message { display: inline; }
  body:not(.admin-mode) .loader-review-v8 .article-header h1 strong { white-space: nowrap; }
}
@media (min-width: 1000px) {
  body:not(.admin-mode) .loader-review-v8 .article-section { padding: 44px 42px; }
  body:not(.admin-mode) .loader-review-v8 .decision-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  body:not(.admin-mode) .loader-review-v8 .review-fit-verdict { padding: 16px 12px; }
  body:not(.admin-mode) .loader-review-v8 .review-fit-verdict .review-fit-row { grid-template-columns: 58px minmax(0, 1fr); gap: 10px; font-size: 15px; }
  body:not(.admin-mode) .loader-review-v8 .review-fit-verdict .review-fit-row-negative { font-size: 14px; }
  body:not(.admin-mode) .loader-review-v8 .article-section-heading h2 { padding: 12px; }
  body:not(.admin-mode) .loader-review-v8 .loader-fit-table { font-size: 14px; }
  body:not(.admin-mode) .loader-review-v8 .loader-fit-table :is(th, td) { padding: 10px; }
  body:not(.admin-mode) .loader-review-v8 .loader-fit-table tr > :last-child { width: 72px; }
  body:not(.admin-mode) .loader-review-v8 #compatibility > p.article-note { font-size: 13px; padding: 12px; }
}