/* AGI Hub 共通ヘッダー/フッターを原版 AI 2027 のスタイルから隔離する。 */
#agihub-site-header { box-sizing:border-box; width:100%; margin:0; color:#06131f; font-family:Helvetica,Arial,"Hiragino Sans",sans-serif; font-size:14px; line-height:1.7; text-align:left; z-index:1300; --ink:#06131f; --muted:#4b5563; --signal:#0b63ce; }
#agihub-site-header * { box-sizing:border-box; }
#agihub-site-header a { color:inherit; text-decoration:none; }
#agihub-site-header button, #agihub-site-header select { font-family:inherit; }
#agihub-site-header img { margin:0; border:0; max-width:none; }
#agihub-site-footer { position:relative; z-index:20; }

/* 非公式日本語訳の表示 (本文の上) とクレジット (ページ末尾)。原版のグリッドの外に置く。 */
.ai2027-ja-notice, .ai2027-ja-credits { box-sizing:border-box; font-family:Helvetica,Arial,"Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif; color:#1f2328; text-align:left; font-variant:normal; }
.ai2027-ja-notice { position:relative; z-index:30; margin:0; padding:10px 16px; background:#fff8e6; border-bottom:1px solid #e3cf94; font-size:13px; line-height:1.7; }
.ai2027-ja-notice p { max-width:1200px; margin:0 auto; display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px; font-size:13px; line-height:1.7; font-family:inherit; }
.ai2027-ja-notice__label { display:inline-block; padding:0 8px; border-radius:4px; background:#1f2328; color:#fff; font-size:12px; letter-spacing:.04em; white-space:nowrap; }
.ai2027-ja-notice a { color:#0b4f9e; text-decoration:underline; }
.ai2027-ja-notice .ai2027-ja-notice__source { font-weight:bold; white-space:nowrap; }
.ai2027-ja-credits { position:relative; z-index:20; max-width:1200px; margin:48px auto 0; padding:20px 16px 28px; border-top:1px solid #d0d7de; font-size:13px; line-height:1.8; }
.ai2027-ja-credits p { margin:0 0 4px; font-size:13px; line-height:1.8; font-family:inherit; }
.ai2027-ja-credits a { color:#0b4f9e; text-decoration:underline; }
.ai2027-ja-credits p.ai2027-ja-credits__title { font-weight:bold; font-size:14px; }
.ai2027-ja-credits p.ai2027-ja-credits__note { color:#57606a; font-size:12px; }

/* 英語ナレーションの再生 UI は出さない (日本語音声を用意したら html[data-ja-narration] を付けて表示する)。 */
html:not([data-ja-narration]) span.cursor-pointer:has(> .speaker-icon),
html:not([data-ja-narration]) span.cursor-pointer:has(> .pause-icon) { display:none !important; }
html:not([data-ja-narration]) div.bg-black.mx-2:has(+ span.cursor-pointer > .speaker-icon),
html:not([data-ja-narration]) div.bg-black.mx-2:has(+ span.cursor-pointer > .pause-icon) { display:none !important; }

/* 日本語化した図版の下に出す「原図（英語）」リンク (scripts/lib/figures.mjs。figures/config.json の originalLinks でオフ)。 */
.ai2027-ja-figure-original { display:inline-block; margin-top:2px; font-size:12px; line-height:1.5; color:#6b7280; text-decoration:underline; text-underline-offset:2px; font-family:Helvetica,Arial,"Hiragino Sans",sans-serif; }
.ai2027-ja-figure-original:hover { color:#0b4f9e; }
/* 『知能爆発』の案内と続けて読むカード。見た目は AI 2040 日本語版を正本にした ah-agents の agihub_chrome.py と同じ */
.ai2027-ja-credits .ja-credits-next{font-weight:700;margin:28px 0 10px!important;font-size:14px}
.ai2027-ja-credits .ja-next-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid rgba(44,36,22,.18)}
.ai2027-ja-credits .ja-next-card{display:block;padding:12px 14px;border:1px solid rgba(44,36,22,.45);border-radius:6px;background:#fffff8;text-decoration:none!important}
.ai2027-ja-credits .ja-next-card:hover{border-color:#8b0000}
.ai2027-ja-credits .ja-next-card--primary{border-color:#8b0000}
.ai2027-ja-credits .ja-next-card strong{display:block;font-size:14.5px;margin-bottom:2px}
.ai2027-ja-credits .ja-next-card span{display:block;font-size:12.5px;color:#5c4d3c;line-height:1.55}
/* 『知能爆発』の案内。AI 2040日本語版（ai-2040-re の assets/css/site.css）と agi-hub.ai トップの新刊バナーと同じ見た目 */
.ai2027-ja-credits .ja-book{margin:4px 0 8px;border-radius:8px;background:#06131f;color:#f8f7f2;font-size:13px;line-height:1.7}
.ai2027-ja-credits .ja-book,.ai2027-ja-credits .ja-book .ja-book-copy span:not(.ja-book-kicker),.ai2027-ja-credits .ja-book strong,.ai2027-ja-credits .ja-book .ja-book-cta{font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Yu Gothic","Noto Sans JP",Meiryo,sans-serif!important}
.ai2027-ja-credits .ja-book-link{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px 20px;color:inherit!important;text-decoration:none!important}
.ai2027-ja-credits .ja-book-cover{width:52px;height:auto;border:1px solid rgba(248,247,242,.3);box-shadow:0 8px 18px rgba(0,0,0,.35)}
.ai2027-ja-credits .ja-book-copy{display:grid;gap:2px;min-width:0}
.ai2027-ja-credits .ja-book-copy span,.ai2027-ja-credits .ja-book-copy strong{display:block}
.ai2027-ja-credits .ja-book .ja-book-kicker{color:#8fc0ff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Hiragino Sans","Noto Sans JP",sans-serif!important;font-size:11px;font-weight:700;letter-spacing:.06em!important;line-height:1.7}
.ai2027-ja-credits .ja-book .ja-book-title{font-size:clamp(16px,1.9vw,20px);font-weight:800;line-height:1.4}
.ai2027-ja-credits .ja-book .ja-book-sub{color:rgba(248,247,242,.78);font-size:13px;line-height:1.6}
.ai2027-ja-credits .ja-book .ja-book-cta{padding:9px 16px;border:1px solid #f8f7f2;font-size:14px;font-weight:700;white-space:nowrap;line-height:1.7}
.ai2027-ja-credits .ja-book-link:hover .ja-book-cta,.ai2027-ja-credits .ja-book-link:focus-visible .ja-book-cta{background:#f8f7f2;color:#06131f}
.ai2027-ja-credits .ja-book-link:focus-visible{outline:2px solid #8fc0ff;outline-offset:4px}
@media (max-width:640px){.ai2027-ja-credits .ja-book-link{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:14px}.ai2027-ja-credits .ja-book-cover{width:48px}.ai2027-ja-credits .ja-book .ja-book-title{font-size:15px}.ai2027-ja-credits .ja-book .ja-book-sub{font-size:12.5px}.ai2027-ja-credits .ja-book .ja-book-cta{grid-column:2;justify-self:start;padding:6px 12px;font-size:13px}}
.ai2027-ja-credits .ja-book-cover{max-width:100%}
.ai2027-ja-credits .ja-book{margin:0 0 20px}
.ai2027-ja-credits .ja-next-card strong,.ai2027-ja-credits .ja-next-card span{font-family:"Hiragino Sans","Noto Sans JP",system-ui,sans-serif;color:#2c2416}
.ai2027-ja-credits a.ja-next-card{color:#2c2416}
.ai2027-ja-credits .ja-book a,.ai2027-ja-credits a.ja-book-link{color:#f8f7f2}