/* 僅供帳號與同步介面使用，不改動教材排版。 */
#cloud-panel { width:min(860px, calc(100vw - 28px)); }
#cloud-body { line-height:1.75; }
#cloud-body h3 { margin-top:0; }
#cloud-body .cloud-identity { overflow-wrap:anywhere; font-weight:650; }
.cloud-notice { margin:12px 0; padding:12px 16px; border:1px solid #e5c575; background:#fff9e8; border-radius:12px; color:#644d18; }
#cloud-body .cloud-error { padding:12px 14px; border-radius:10px; background:#fff3ed; color:#8c361e; }
#cloud-body .cloud-status-list { display:grid; gap:8px; margin:18px 0; }
#cloud-body .cloud-status-list div { display:flex; justify-content:space-between; gap:18px; padding-bottom:8px; border-bottom:1px solid #e5e9e5; }
#cloud-body .cloud-status-list dt { color:#606e66; }
#cloud-body .cloud-status-list dd { margin:0; text-align:right; }
#cloud-body .cloud-migration, #cloud-body .cloud-help, #cloud-body .cloud-signout { margin-top:22px; padding:16px; border-radius:14px; background:#f3f6f0; }
#cloud-body .cloud-migration h4, #cloud-body .cloud-help h4 { margin:0 0 8px; }
#cloud-body .cloud-help p { margin-bottom:0; }
#cloud-body .cloud-signout { background:#fff4eb; }
#cloud-body [data-cloud="ask-signout"] { margin-top:20px; }
#cloud-body .cloud-conflicts { display:grid; gap:18px; }
#cloud-body fieldset { min-width:0; padding:14px; border:1px solid #cad6c8; border-radius:12px; }
#cloud-body legend { padding:0 6px; font-weight:700; overflow-wrap:anywhere; }
#cloud-body .cloud-choices { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
#cloud-body .cloud-choices label { padding:12px; border:1px solid #dce3d9; border-radius:10px; cursor:pointer; }
#cloud-body .cloud-choices label:has(input:checked) { border-color:#527747; background:#eef5e9; }
#cloud-body .cloud-choices input { margin-right:8px; }
#cloud-body .cloud-choices pre { white-space:pre-wrap; overflow-wrap:anywhere; max-height:240px; overflow:auto; padding:8px 0; margin-bottom:0; font:inherit; font-size:.9rem; }
#cloud-body #cloud-conflict-message { color:#84501b; }
@media (max-width:600px) { #cloud-body .cloud-choices { grid-template-columns:1fr; } #cloud-body .actions { flex-wrap:wrap; } #cloud-body .cloud-status-list div { display:block; } #cloud-body .cloud-status-list dd { text-align:left; } }