/* lp-extra.css — codex 版デザイン（design.css / theme.css）に無い、多言語化・SEO 用の追加部品だけ
   .facts  … 「要点」（検索エンジン・AI がそのまま引用できる事実の一覧）。フッター直前の控えめな帯
   footer .langs … 言語の切替リンク
   .lp-root … /lp/ の言語を選ぶページ（Worker を通さない時だけ表示される） */
.facts{background:var(--paper-2);padding:44px 0 40px;color:var(--ink-2);font-size:13px;line-height:1.75}
.facts h2{font:800 clamp(18px,2.4vw,22px)/1.5 var(--serif);color:var(--ink);text-align:center;margin:0 0 18px;letter-spacing:.06em}
.facts dl{max-width:860px;margin:0 auto;display:grid;gap:0;border-top:1px solid var(--line)}
.facts dl>div{display:grid;grid-template-columns:minmax(96px,180px) 1fr;gap:4px 18px;padding:10px 4px;border-bottom:1px solid var(--line)}
.facts dt{font-weight:700;color:var(--teal-deep)}
.facts dd{margin:0}
.facts a{color:var(--teal-deep)}
@media(max-width:540px){.facts dl>div{grid-template-columns:1fr}.facts{font-size:12px}}

footer .langs{display:flex;justify-content:center;flex-wrap:wrap;gap:0 14px;margin:-6px 0 12px}
footer .langs a{display:inline-flex;align-items:center;min-height:36px;color:#cfe3da;text-decoration:none;font-size:11px}
footer .langs a[aria-current=page]{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:4px}
footer .langs a:hover{text-decoration:underline}

/* 長い単語の言語（ドイツ語など）でも見出しがはみ出さないように */
:lang(de) h1,:lang(de) h2,:lang(de) h3,:lang(fr) h2,:lang(es) h2,:lang(id) h2{hyphens:auto;-webkit-hyphens:auto}
:lang(th) h1,:lang(th) h2,:lang(th) h3{line-height:1.6}

.lp-root{margin:0;min-height:100vh;display:grid;place-items:center;background:#f7f9fc;color:#262a24;font:16px/1.7 system-ui,sans-serif}
.lp-root h1{font-size:22px;text-align:center}
.lp-root ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:10px}
.lp-root a{display:block;padding:12px 16px;border:1px solid #d5dfe8;border-radius:10px;text-decoration:none;color:#006563;background:#fff;text-align:center}