.atlas-entry { display:flex; align-items:center; gap:18px; padding:22px; margin:22px 0; border:1px solid #c4ddd4; border-radius:22px; background:#eef8f3; color:#244a40; }
.atlas-entry-icon { display:grid; place-items:center; width:64px; height:72px; flex:none; font-size:40px; border-radius:18px; background:#d9eee5; }
.atlas-entry>div { flex:1; min-width:0; }.atlas-entry small { font-size:14px; color:#427b62; }.atlas-entry h3 { font-size:24px; line-height:1.6; margin:4px 0; }.atlas-entry p { font-size:17px; line-height:1.7; margin:0; }.atlas-entry>button { font-size:19px; min-height:52px; flex:none; }
#familyDialog.atlas-dialog { width:min(1180px,calc(100% - 20px)); }.atlas-dialog .child-dialog-scroll { padding:14px 20px 22px; }.atlas-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; margin:0 0 14px; }.atlas-toolbar p { flex:1; margin:0; font-size:18px; }.atlas-toolbar button { min-height:44px; }
.atlas-viewer { background:#e9edf0; border:1px solid #ccd8df; border-radius:16px; overflow:hidden; min-height:400px; }.atlas-viewer iframe { display:block; width:100%; height:min(66dvh,740px); min-height:400px; border:0; background:white; }
.atlas-welcome { min-height:400px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; padding:24px; text-align:center; }.atlas-welcome>span { font-size:64px; }.atlas-welcome h3 { font-size:27px; }.atlas-welcome p { margin:0; }.atlas-welcome .learn-primary { min-height:54px; font-size:21px; }
.atlas-status { font-size:15px!important; color:#546e61; margin:12px 0!important; }.atlas-find { display:flex; flex-wrap:wrap; gap:12px; }.atlas-find>span { background:#eef4e7; border-radius:12px; padding:10px 15px; font-size:19px; }.atlas-find b { font-size:16px; font-weight:500; margin-left:8px; }.atlas-help p { font-size:16px; }.atlas-help .family-meta { font-size:13px; }
@media(max-width:600px) { .atlas-entry { flex-wrap:wrap; padding:18px; gap:12px; }.atlas-entry h3 { font-size:22px; }.atlas-entry>button { width:100%; }.atlas-dialog .child-dialog-scroll { padding:12px 10px 18px; }.atlas-toolbar p { flex-basis:100%; font-size:18px; }.atlas-viewer iframe { height:64dvh; }.atlas-entry-icon { width:48px; height:60px; font-size:34px; } }