/* くらしの手帳：iPhone・連携・雨雲レーダー の見た目 */
/* ===== 雨雲レーダー（時刻の目盛り・出どころ・ほかのサイト） ===== */
.rticks.l2-rt{position:relative; min-height:1.5em}
.l2-rnow{position:absolute; top:0; -webkit-transform:translateX(-50%); transform:translateX(-50%); white-space:nowrap; font-weight:700; color:var(--accent)}
.l2-rsrc, .l2-rlinks{margin-top:6px; align-items:center}
.l2-rsrc .s2, .l2-rlinks .s2{margin-right:2px}
.l2-rlinks a.mini{text-decoration:none}

/* ===== Googleの予定 ===== */
.l2-gc{align-items:center}
.l2-gcdot{flex:none; width:10px; height:10px; margin-right:8px; border-radius:3px; background:#4285F4}

/* ===== リマインダーに送る（ToDoタブ）・締切の色 ===== */
.l2-fold{margin:10px 0; padding:8px 12px; border:1px solid var(--edge); border-radius:12px}
.l2-fold summary{cursor:pointer; font-weight:700; font-size:.9em; color:var(--sub)}
.l2-fold[open] summary{margin-bottom:6px}
.l2-dot{flex:none; width:10px; height:10px; margin-right:8px; border-radius:50%}
.l2-fold a.mini{text-decoration:none}

/* ===== Siri の答えを試す ===== */
.l2-ans{margin:8px 0; padding:8px 10px; border-radius:10px; white-space:pre-wrap; font-size:.9em; background:var(--glasstint, rgba(0,0,0,.04)); border:1px solid var(--edge)}
.l2-asks .row{align-items:center}

/* ===== 勉強BGM ===== */
.l2-sp{display:block; width:100%; height:352px; border:0; border-radius:12px; margin:8px 0; background:rgba(0,0,0,.06)}
.l2-bgmpick{flex-wrap:wrap}
body[data-theme="dark"] .l2-sp{background:rgba(255,255,255,.06)}