/* マイページを勉強ログから開いたとき（<html data-account-context="log">。決めるのは assets/account/account-context.js）。
   [data-ctx="quiz"] は問題集のときだけ、[data-ctx="log"] は勉強ログのときだけ出す。問題集だけの項目（合格体験記の注意・体験記を書く・ランキング・
   プラスと有料プラン・問題集の設定・招待リンク・クラウド同期・Mac 版）は account.html で data-ctx="quiz" を付けてある。
   色は勉強ログ（assets/log.css の :root）の値だけを使う。新しい色は作らない:
     --bg #f4f4f5・--surface #fff・--ink #111・--muted #62626a・--sep #d9d9de・--line #e7e7ea・--control #a1a1a8・--soft #f3edff・--soft-2 #e9e0ff・--shadow */
html:not([data-account-context="log"]) [data-ctx="log"],
html[data-account-context="log"] [data-ctx="quiz"]{display:none!important}

html[data-account-context="log"] .dpg-scr{--scr-bg:#f4f4f5;--scr-surface:#fff;--scr-surface-2:#f4f4f5;--scr-text:#111;--scr-muted:#62626a;
  --scr-line:#e7e7ea;--scr-line-strong:#d9d9de;--scr-control:#a1a1a8;--scr-accent-soft:#f3edff;--scr-accent-line:#e9e0ff;--scr-shadow:0 6px 22px rgb(17 17 20 / 6%)}
html[data-account-context="log"] body{background:#f4f4f5}
html.is-native[data-account-context="log"] body{--page:#f4f4f5}
html[data-account-context="log"] .dpg-scr h1 .dpg-scr__mark{background:linear-gradient(transparent 62%,#e9e0ff 62%,#e9e0ff 92%,transparent 92%)}
html[data-account-context="log"] .dpg-scr .cloud-field input{border-color:#a1a1a8}
html[data-account-context="log"] .dpg-scr__art--log{filter:none}

/* 削除の入口とダイアログ（account-delete.css は紙色）。勉強ログの白と線に替える。危険の赤（#9b2525）はそのまま。 */
html[data-account-context="log"] .cloud-main section.dpg-del__entry{border-top-color:#e7e7ea}
html[data-account-context="log"] .cloud-main .dpg-del__entry h2,
html[data-account-context="log"] .cloud-main .dpg-del__entry p,
html[data-account-context="log"] .dpg-del__hint{color:#62626a}
html[data-account-context="log"] dialog.dpg-del{--cloud-paper:#f4f4f5;--cloud-ink:#111;--cloud-muted:#62626a;--cloud-border:#e7e7ea;--cloud-control:#a1a1a8;
  border-color:#e7e7ea;background:#fff;color:#111}
html[data-account-context="log"] .dpg-del__account{border-color:#e7e7ea}
html[data-account-context="log"] .dpg-del__list li{background:#f4f4f5}
html[data-account-context="log"] .dpg-del__field input{border-color:#a1a1a8;color:#111}
/* 390px で「ログ／イン」と割れないよう、区切りは「勉強ログに」の後ろ（JS が入れる幅0の空白）だけにする（2026-10-08） */
html[data-account-context="log"] .dpg-scr h1 .dpg-scr__mark{word-break:keep-all}