/* アクセス解析の選択。既存の本文・見出し・ブランドトークンは変更しない。 */
.analytics-choice[hidden], .analytics-settings[hidden] { display: none; }
.analytics-choice { position: fixed; z-index: 1000; inset: auto 20px 20px auto; width: min(480px, calc(100% - 40px)); padding: 20px; border: 1px solid #bdd8e7; border-radius: 14px; background: #fff; color: #263d4b; box-shadow: 0 8px 36px #18344826; font-size: 14px; line-height: 1.75; letter-spacing: 0; }
.analytics-choice p { margin: 0 0 12px; color: #263d4b; }
.analytics-choice .analytics-title { font-size: 16px; font-weight: 600; color: #0b6d9e; }
.analytics-choice a { color: #0b6d9e; text-decoration: underline; text-underline-offset: 3px; }
.analytics-actions { display: flex; gap: 10px; }
.analytics-actions button { flex: 1; min-height: 46px; padding: 10px 16px; border: 1px solid #0b6d9e; border-radius: 8px; background: #fff; color: #0b6d9e; font: inherit; font-weight: 500; cursor: pointer; }
.analytics-actions button:hover { background: #eff7fc; }
.analytics-actions button:disabled { opacity: .6; cursor: default; }
.analytics-choice button:focus-visible, .analytics-settings:focus-visible { outline: 3px solid #0b6d9e; outline-offset: 3px; }
.analytics-settings { padding: 0; border: 0; background: none; color: inherit; text-align: left; font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
#analytics-state { font-size: 13px; }
@media(max-width: 600px) { .analytics-choice { inset: auto 12px 12px; width: auto; padding: 16px; } }
html:has(#analytics-choice:not([hidden])) { scroll-padding-bottom: 320px; }
/* 英語・仏語ページの本文の字体（international.css）に、shell.css の代替フォントを足したもの。Webフォントの読み込み前後で
   パネルの折り返しと高さが変わらず、下端に固定したパネルが動かない。読み込み後の字形は変わらない。 */
.intl-page .analytics-choice { font-family: "Zen Maru Gothic","Zen Maru Gothic Fallback Arial","Zen Maru Gothic Fallback Roboto","Zen Maru Gothic Fallback", Arial, sans-serif; }
/* 英語・仏語の説明文は日本語のような文節の区切りがなく1つの大きな文字ブロックになるため、状態表示と同じ13pxにする。
   14pxでは仏語ガイド等で本文の導入文と同じ大きさになり、あとから表示される同意パネルが LCP 要素になった（2026-09-27実測）。 */
.intl-page .analytics-choice p:not(.analytics-title) { font-size: 13px; }