/* Article 001 only; the existing site and character design remain inherited. */
.boa-site .boaf-episode001 { max-width: 860px; margin: 0 auto; }
.boa-site .boaf-episode001 .boaf-page-heading h1 { font-size: clamp(28px, 4vw, 40px); line-height: 1.55; }
.boa-site .boaf-episode001 .boaf-page-heading { margin-bottom: 18px; }
.boa-site .boaf-episode001 .boaf-prose { max-width: none; }
.boa-site .boaf-episode001 .boaf-episode-lead { font-size: 18px; line-height: 1.9; }
.boa-site .boaf-episode001 .boaf-episode-match { display: flex; justify-content: center; align-items: center; gap: 30px; padding: 22px 16px; margin: 24px 0; border: 1px solid #dce3ec; border-radius: 14px; background: linear-gradient(115deg, #f0f8ff, #fff7fc); }
.boa-site .boaf-episode-match > div { display: grid; grid-template-columns: 64px 1fr; align-items: center; column-gap: 14px; }
.boa-site .boaf-episode-match img { grid-row: span 2; width: 64px; height: 64px; object-fit: cover; border-radius: 10px; }
.boa-site .boaf-episode-match strong { font-size: 19px; }
.boa-site .boaf-episode-match span { font-size: 12px; color: #54657a; }
.boa-site .boaf-episode-match > b { color: #647288; font: bold 18px Georgia, serif; }
.boa-site .boaf-episode001 .boaf-say { grid-template-columns: 52px minmax(0, 1fr); gap: 5px 13px; margin: 24px 0; }
.boa-site .boaf-episode001 .boaf-say .boaf-avatar { grid-column: 1; grid-row: 1 / 3; width: 52px; height: 52px; margin-top: 4px; }
.boa-site .boaf-episode001 .boaf-say-name { grid-column: 2; grid-row: 1; }
.boa-site .boaf-episode001 .boaf-say-body { grid-column: 2; grid-row: 2; border: 1px solid #d7e5f3; border-radius: 12px; padding: 15px 18px; line-height: 1.85; }
.boa-site .boaf-episode001 .boaf-say.boaf-mira { grid-template-columns: minmax(0, 1fr) 52px; }
.boa-site .boaf-episode001 .boaf-mira .boaf-avatar { grid-column: 2; }
.boa-site .boaf-episode001 .boaf-mira .boaf-say-name { grid-column: 1; text-align: right; }
.boa-site .boaf-episode001 .boaf-mira .boaf-say-body { grid-column: 1; border-color: #ead8e7; }
.boa-site .boaf-episode001 .boaf-say.boaf-kai .boaf-say-body { border-color: #dce2ea; }
.boa-site .boaf-episode-products-visual { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 18px 12px; margin: 24px 0; border-top: 1px solid #dce3ec; border-bottom: 1px solid #dce3ec; }
.boa-site .boaf-episode-products-visual figure { display: flex; gap: 14px; align-items: center; min-width: 0; }
.boa-site .boaf-episode-products-visual img { flex: 0 0 80px; width: 80px; height: 80px; object-fit: contain; }
.boa-site .boaf-episode-products-visual figcaption strong, .boa-site .boaf-episode-products-visual figcaption span { display: block; }
.boa-site .boaf-episode-products-visual strong { font-size: 17px; }
.boa-site .boaf-episode-products-visual span { font-size: 12px; color: #54657a; }
.boa-site .boaf-episode001 .boaf-episode-editor-note { padding: 16px 18px; border-left: 3px solid #8798ae; background: #f7f9fc; border-radius: 0 8px 8px 0; font-size: 14px; line-height: 1.9; }
.boa-site .boaf-episode001 .boaf-episode-narration { color: #465b75; border-top: 1px solid #dce3ec; border-bottom: 1px solid #dce3ec; padding: 15px 5px; font-size: 15px; }
.boa-site .boaf-episode-keydata { padding: 22px; border: 1px solid #dce3ec; border-radius: 12px; margin: 26px 0; text-align: center; }
.boa-site .boaf-episode-keydata p:first-child > span { display: block; font-size: 12px; color: #56687d; }
.boa-site .boaf-episode-keydata p:first-child > strong { display: block; font-size: clamp(24px, 5vw, 36px); color: #274561; line-height: 1.8; }
.boa-site .boaf-episode-keydata small { font-size: 15px; font-weight: 400; }
.boa-site .boaf-episode-keydata p:last-child { font-size: 13px; margin: 8px 0 0; color: #5b6a7e; }
.boa-site .boaf-episode001 .boaf-episode-table { margin: 24px 0; overflow-x: auto; }
.boa-site .boaf-episode001 .boaf-episode-table table { table-layout: fixed; }
.boa-site .boaf-episode-table caption { caption-side: top; text-align: left; font-weight: 700; font-size: 15px; padding: 0 0 10px; }
.boa-site .boaf-episode001 .boaf-episode-table th, .boa-site .boaf-episode001 .boaf-episode-table td { min-width: 0; padding: 12px; font-size: 13px; line-height: 1.85; overflow-wrap: anywhere; }
.boa-site .boaf-episode001 .boaf-episode-table thead th:first-child { width: 25%; }
.boa-site .boaf-episode001 .boaf-episode-table thead th:nth-child(2) { background: #edf6ff; }
.boa-site .boaf-episode001 .boaf-episode-table thead th:nth-child(3) { background: #fcf0f8; }
.boa-site .boaf-episode001 .boaf-episode-table tbody th { font-weight: 500; background: #f9fafc; }
.boa-site .boaf-episode001 .boaf-episode-table strong { font-weight: 750; color: #152f4a; }
.boa-site .boaf-episode-sources { padding-left: 1.4em; font-size: 14px; }
.boa-site .boaf-episode-sources li { padding: 6px 0; }
.boa-site .boaf-episode001 .boaf-verdict { background: #fff9ee; border: 1px solid #e5d4aa; border-top: 4px solid #a97831; border-radius: 12px; padding: 26px; }
.boa-site .boaf-episode-verdict-head { display: flex; gap: 18px; align-items: center; margin-bottom: 18px; }
.boa-site .boaf-episode-verdict-head > div > span { font-size: 14px; color: #5e513b; }
.boa-site .boaf-episode001 .boaf-episode-verdict-head h2 { border: 0; font-size: 32px; color: #785218; margin: 0; padding: 0; }
.boa-site .boaf-episode001 .boaf-episode-verdict-head .boaf-avatar { width: 72px; height: 72px; }
.boa-site .boaf-episode-log { max-width: 860px; }
.boa-site .boaf-log-entry { margin: 32px 0; }
.boa-site .boaf-log-entry > header { display: flex; align-items: center; gap: 14px; margin: 0 0 12px; }
.boa-site .boaf-log-entry > header h2 { font-size: 22px; margin: 0; color: var(--boaf-accent); }
.boa-site .boaf-log-entry > header .boaf-kicker { margin: 0; font-size: 11px; }
.boa-site .boaf-episode001 .boaf-raw-log { margin: 0; border-left: 3px solid var(--boaf-accent); font-size: 14px; padding: 20px; line-height: 1.95; }
/* Optional fields extend the same recommendation card used in both AI rooms. */
.boa-site .boaf-product-image.boaf-product-external { width: 80px; height: 80px; margin: 16px auto 20px; }
.boa-site .boaf-product-price { color: #773d2c; margin-bottom: 18px; }
.boa-site .boaf-product-price > strong { display: block; font-size: 21px; }
.boa-site .boaf-product-price > small { display: block; font-size: 11px; color: #626f80; }
.boa-site .boaf-product .boaf-ad > a { display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 10px 14px; border: 1px solid #b9c9db; background: #fff; border-radius: 7px; text-decoration: none; font-size: 14px; font-weight: 700; }
.boa-site .boaf-product .boaf-ad > a:hover { background: #f0f6fc; }
.boa-site .boaf-product .boaf-ad img[width="1"][height="1"] { width: 1px !important; height: 1px !important; max-width: 1px; }
@media (max-width: 599px) {
  .boa-site .boaf-episode001 .boaf-episode-lead { font-size: 16px; }
  .boa-site .boaf-episode-match { gap: 18px; }
  .boa-site .boaf-episode-match > div { display: flex; flex-direction: column; text-align: center; }
  .boa-site .boaf-episode-match img { margin-bottom: 8px; }
  .boa-site .boaf-episode-match span { font-size: 10px; }
  .boa-site .boaf-episode001 .boaf-say { grid-template-columns: 42px minmax(0, 1fr); gap: 4px 10px; }
  .boa-site .boaf-episode001 .boaf-say.boaf-mira { grid-template-columns: minmax(0, 1fr) 42px; }
  .boa-site .boaf-episode001 .boaf-say .boaf-avatar { width: 42px; height: 42px; }
  .boa-site .boaf-episode001 .boaf-say-body { padding: 13px 14px; font-size: 15px; }
  .boa-site .boaf-episode001 .boaf-say-name strong { font-size: 14px; }
  .boa-site .boaf-episode001 .boaf-say-name span { font-size: 10px; margin-left: 6px; }
  .boa-site .boaf-episode-products-visual figure { flex-direction: column; gap: 4px; text-align: center; }
  .boa-site .boaf-episode-products-visual strong { font-size: 14px; }
  .boa-site .boaf-episode-products-visual span { font-size: 10px; }
  .boa-site .boaf-episode001 .boaf-episode-table th, .boa-site .boaf-episode001 .boaf-episode-table td { padding: 9px 7px; font-size: 12px; }
  .boa-site .boaf-episode001 .boaf-verdict { padding: 20px 18px; }
  .boa-site .boaf-episode001 .boaf-episode-verdict-head h2 { font-size: 28px; }
  .boa-site .boaf-episode001 .boaf-episode-verdict-head .boaf-avatar { width: 60px; height: 60px; }
  .boa-site .boaf-episode001 .boaf-raw-log { padding: 15px; font-size: 13px; }
}

/* Compact article navigation, using native anchor links. */
.boa-site .boaf-episode-jumps { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0 24px; }
.boa-site .boaf-episode-jumps a { display:inline-flex; align-items:center; min-height:44px; padding:8px 12px; font-size:13px; border:1px solid #d8e1ec; border-radius:8px; text-decoration:none; background:#fff; color:#29445f; }
.boa-site .boaf-episode-jumps a:hover { background:#f1f6fc; }
.boa-site .boaf-episode001 [id] { scroll-margin-top:112px; }
.boa-site .boaf-episode-log .boaf-episode-editor-note p { margin:8px 0 0; }
@media (max-width:599px) { .boa-site .boaf-episode001 [id] { scroll-margin-top:96px; } }