/* Wider space and a learning layer in the same page. */
#civilization-deep-cosmos .cu-view-switch{position:absolute;left:44px;top:109px;z-index:7;display:flex;border:1px solid #8ca4ba30;background:#050d16b5;backdrop-filter:blur(12px)}
#civilization-deep-cosmos .cu-view-switch button{min-height:35px;padding:8px 14px;border:0;background:none;font:11px var(--sans);letter-spacing:1px;color:#9eafc1;cursor:pointer}
#civilization-deep-cosmos .cu-view-switch button[aria-pressed=true]{background:#cdb98b18;color:#ead5ac}
body.single-universe:not(.has-travelled) #civilization-deep-cosmos.cu-home .cu-view-switch{display:none}
#civilization-deep-cosmos .cu-panorama-caption{position:absolute;left:306px;top:113px;z-index:5;max-width:480px}
#civilization-deep-cosmos .cu-panorama-caption>span{font:15px var(--serif);color:#dcccae;letter-spacing:2px}
#civilization-deep-cosmos .cu-panorama-caption p{font:10px/1.8 var(--sans);color:#9aadc1;margin:7px 0 0}
#civilization-deep-cosmos .cu-panorama-caption button{font:10px var(--sans);color:#dbc395;border:0;background:none;padding:8px 0;cursor:pointer}
#civilization-deep-cosmos .cu-panorama-caption[hidden],#civilization-deep-cosmos .cu-era-guide[hidden],#civilization-deep-cosmos .cu-view-switch[hidden]{display:none}
#civilization-deep-cosmos[data-cosmic-view=panorama] .cu-intro{opacity:0;visibility:hidden;pointer-events:none}
#civilization-deep-cosmos[data-cosmic-view=panorama] .cu-vignette{background:linear-gradient(0deg,#02060cee,transparent 30%,transparent 75%,#02060c99)}
#civilization-deep-cosmos[data-cosmic-view=panorama] .cu-world-inscription{display:none}
#civilization-deep-cosmos[data-cosmic-view=panorama] .cu-epoch-markers>button{font-size:12px!important;letter-spacing:1px;padding:7px 9px;background:#02091380;max-width:160px;border-left:1px solid #a9bac02e;backdrop-filter:blur(5px)}
#civilization-deep-cosmos[data-cosmic-view=panorama] .cu-epoch-markers>button small{display:none}
#civilization-deep-cosmos .cu-epoch-markers>button i{position:absolute;width:4px;height:4px;left:-4px;top:-3px;border-radius:50%;background:#dbc69b;box-shadow:0 0 12px #ddcc93}
#civilization-deep-cosmos[data-cosmic-view=panorama] .cu-epoch-markers>button span{font:13px/1.5 var(--serif);letter-spacing:1px}
#civilization-deep-cosmos[data-cosmic-view=panorama] .cu-epoch-markers>button{min-height:32px;background:linear-gradient(90deg,#020913aa,transparent);backdrop-filter:none}
#civilization-deep-cosmos[data-cosmic-view=panorama] .cu-slider::-webkit-slider-thumb{opacity:0}
#civilization-deep-cosmos[data-cosmic-view=panorama] .cu-slider::-moz-range-thumb{opacity:0}
#civilization-deep-cosmos .cu-era-guide{position:absolute;left:44px;top:170px;width:270px;z-index:5;padding:21px 23px;background:linear-gradient(120deg,#07111cdd,#07111c52);border-left:1px solid #c6ac7766;backdrop-filter:blur(9px)}
#civilization-deep-cosmos .cu-guide-kicker{font:9px var(--sans);color:#a8b4c5;letter-spacing:1px}
#civilization-deep-cosmos .cu-era-guide h3{font:21px/1.65 var(--serif);color:#e4d9c1;letter-spacing:1px;margin:12px 0}
#civilization-deep-cosmos .cu-era-guide p{font:12px/1.9 var(--sans);color:#a5b6c7;margin:0}
#civilization-deep-cosmos .cu-era-guide>div{display:flex;gap:18px;margin-top:13px}
#civilization-deep-cosmos .cu-era-guide button{border:0;background:none;padding:7px 0;font:10px var(--sans);color:#d3ba8e;cursor:pointer}
.single-universe #civilization-deep-cosmos .cu-detail.cu-panel{width:min(540px,43vw);top:103px;bottom:130px;padding:21px 25px}
#civilization-deep-cosmos .cu-reading-heading{flex:none}
.single-universe #civilization-deep-cosmos .cu-detail .cu-detail-title{font-size:24px;line-height:1.4;letter-spacing:1px;margin:8px 0 5px}
.single-universe #civilization-deep-cosmos .cu-detail .cu-context{font-size:10px;margin:0}
.single-universe #civilization-deep-cosmos .cu-detail .cu-detail-actions{margin:4px 0 0;padding:3px 0 8px}
#civilization-deep-cosmos .cu-reading-tabs{flex:none;display:flex;gap:5px;padding:8px 0 9px;border-bottom:1px solid #b4c4d023;margin:0 0 11px}
#civilization-deep-cosmos .cu-reading-tabs button{flex:1;background:none;border:0;border-bottom:1px solid transparent;color:#91a5ba;font:11px var(--sans);padding:7px 3px;min-height:34px;cursor:pointer}
#civilization-deep-cosmos .cu-reading-tabs button[aria-pressed=true]{color:#e1cd9f;border-bottom-color:#b7a578}
#civilization-deep-cosmos .cu-detail-scroll [data-reading-page][hidden]{display:none}
#civilization-deep-cosmos .cu-reading-context{margin-bottom:12px}
#civilization-deep-cosmos .cu-context-explain{font:11px/1.9 var(--sans);color:#9eb1c5}
#civilization-deep-cosmos .cu-context-explain summary{cursor:pointer;display:flex;justify-content:space-between;list-style:none;color:#c4bdab;padding:8px 0}
#civilization-deep-cosmos .cu-context-explain p{margin:7px 0}
#civilization-deep-cosmos .cu-context-explain button{border:0;background:none;color:#cfb789;font:10px var(--sans);padding:7px 12px 7px 0;cursor:pointer}
#civilization-deep-cosmos .cu-reading-concepts{display:flex;flex-wrap:wrap;gap:6px}
#civilization-deep-cosmos .cu-reading-concepts button{padding:5px 9px;border:1px solid #a4b8ca27;background:#92b6d907;color:#aabacc;font:10px var(--sans);cursor:pointer;min-height:28px}
#civilization-deep-cosmos .cu-deep{margin:2px 0 14px;padding:15px 18px;background:linear-gradient(150deg,#c9b48610,#9db6ca0c);border-left:2px solid #c2ab7bb3;border-radius:0 4px 4px 0}
#civilization-deep-cosmos .cu-deep-kicker{display:block;font:9px var(--sans);letter-spacing:2px;color:#cbba92;margin-bottom:9px}
#civilization-deep-cosmos .cu-deep-body p{font:13px/2 var(--sans);color:#c3d0dc;margin:0 0 10px}
#civilization-deep-cosmos .cu-deep-body p:last-child{margin-bottom:0}
.single-universe #civilization-deep-cosmos .cu-detail .cu-lesson-step{margin:9px 0 5px}
.single-universe #civilization-deep-cosmos .cu-detail .cu-lesson h3{font-size:18px;line-height:1.7;margin:9px 0 12px}
.single-universe #civilization-deep-cosmos .cu-detail .cu-lesson li{padding:11px 0}
.single-universe #civilization-deep-cosmos .cu-detail .cu-lesson li p{font-size:14px;line-height:1.9;color:#c0cedb}
.single-universe #civilization-deep-cosmos .cu-detail .cu-detail-footer{margin-top:8px;min-height:41px}
#civilization-deep-cosmos .cu-check-content{font:13px/1.9 var(--sans);color:#b3c5d6}
#civilization-deep-cosmos .cu-check-content h3{font:21px/1.7 var(--serif);color:#e3daca;margin:14px 0 8px}
#civilization-deep-cosmos .cu-check-hint{font-size:11px;color:#849ab0;margin-bottom:18px}
#civilization-deep-cosmos .cu-check-options{display:grid;gap:12px}
#civilization-deep-cosmos .cu-check-options button{display:flex;gap:14px;text-align:left;padding:15px;background:#89a8c90a;border:1px solid #95acbe37;color:#c2d2e1;font:13px/1.8 var(--sans);cursor:pointer}
#civilization-deep-cosmos .cu-check-options button b{color:#a8977c;font:12px/2 var(--sans)}
#civilization-deep-cosmos .cu-check-options button:hover:not(:disabled){border-color:#d8c39d80;background:#baa47612}
#civilization-deep-cosmos .cu-check-options button:disabled{cursor:default;opacity:1}
#civilization-deep-cosmos .cu-check-options button.is-correct{border-color:#8bbcab88;background:#80bb9a12}
#civilization-deep-cosmos .cu-check-options button.is-wrong{border-color:#c4998b88;background:#c08b8110}
#civilization-deep-cosmos .cu-check-feedback{margin:19px 0;padding:16px 17px;background:#90baac0b;border-left:2px solid #84ad9e}
#civilization-deep-cosmos .cu-check-feedback.is-wrong{border-left-color:#c9a184}
#civilization-deep-cosmos .cu-check-feedback strong{font:17px var(--serif);color:#decfae}
#civilization-deep-cosmos .cu-check-feedback p{font:13px/1.9 var(--sans);margin:10px 0 0;color:#bbccda}
#civilization-deep-cosmos .cu-check-feedback .cu-check-boundary{font-size:10px;color:#8fa2b4}
#civilization-deep-cosmos .cu-check-actions{display:flex;gap:18px}
#civilization-deep-cosmos .cu-check-actions button,#civilization-deep-cosmos .cu-check-content>button{font:11px var(--sans);padding:9px 0;border:0;background:none;color:#d2bd96;cursor:pointer}
#civilization-deep-cosmos .cu-check-reflect{margin:25px 0 14px;border-top:1px solid #9cb7c52c;padding-top:15px}
#civilization-deep-cosmos .cu-check-reflect summary{cursor:pointer;font:12px var(--sans);color:#a8b8c9}
#civilization-deep-cosmos .cu-self-prompts{border-left:1px solid #c7b48c66;padding-left:15px;margin:22px 0}
.single-universe #civilization-deep-cosmos .cu-source-details{margin-top:0;border:0}
.single-universe #civilization-deep-cosmos .cu-source-details>summary{display:none}
#civilization-deep-cosmos .cu-source-details .cu-status{font:12px/1.9 var(--sans);color:#96abc1}
.single-universe #civilization-deep-cosmos .cu-learning.cu-panel{top:103px;bottom:60px;width:min(1000px,calc(100vw - 90px));max-width:none;left:50%;right:auto;transform:translateX(-50%);padding:26px 32px;display:flex;flex-direction:column;overflow:hidden;animation:none}
.single-universe #civilization-deep-cosmos .cu-learning[hidden]{display:none}
#civilization-deep-cosmos .lg-header{display:flex;justify-content:space-between;align-items:start;flex:none}
#civilization-deep-cosmos .lg-header h2{font:30px/1.5 var(--serif);color:#dfd6c4;letter-spacing:3px;margin:8px 0 12px}
#civilization-deep-cosmos .lg-kicker{font:9px/1.8 var(--sans);color:#b4a785;letter-spacing:1px}
#civilization-deep-cosmos .lg-tabs{display:flex;gap:25px;flex:none;border-bottom:1px solid #a6bbc42d;margin-bottom:16px;overflow-x:auto}
#civilization-deep-cosmos .lg-tabs button{flex:none;min-height:43px;border:0;border-bottom:1px solid transparent;background:none;color:#9fb1c2;font:12px var(--sans);cursor:pointer}
#civilization-deep-cosmos .lg-tabs button[aria-pressed=true]{color:#e3cca0;border-bottom-color:#c6ad7f}
#civilization-deep-cosmos .lg-content{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;min-height:0;flex:1;padding:0 7px 20px 0;scrollbar-width:thin;scrollbar-color:#475b70 transparent}
#civilization-deep-cosmos .lg-note-global{font:9px/1.8 var(--sans);color:#6f899e;margin:10px 0 0;flex:none}
#civilization-deep-cosmos .lg-lead{max-width:760px}
#civilization-deep-cosmos .lg-lead h3{font:26px/1.6 var(--serif);letter-spacing:1px;color:#e0d8c5;margin:10px 0}
#civilization-deep-cosmos .lg-lead p{font:13px/2 var(--sans);color:#a8bdce;margin:6px 0 19px}
#civilization-deep-cosmos .lg-how{display:flex;gap:26px;padding:16px 0 20px;border-top:1px solid #88a5ba21;color:#b5c0c9;font:11px var(--sans)}
#civilization-deep-cosmos .lg-how b{font-size:9px;color:#b8a17c;margin-right:8px}
#civilization-deep-cosmos .lg-tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
#civilization-deep-cosmos .lg-tracks article{padding:19px 20px;background:linear-gradient(120deg,#a7bddc09,transparent);border:1px solid #95b0c42b;border-top-color:var(--track-color)}
#civilization-deep-cosmos .lg-tracks article>span{font:9px var(--sans);color:#91a9bc}
#civilization-deep-cosmos .lg-tracks h4{font:20px/1.6 var(--serif);color:#dfd7c4;margin:14px 0 9px}
#civilization-deep-cosmos .lg-tracks p{font:12px/1.9 var(--sans);color:#9ab0c4;margin:0 0 17px}
#civilization-deep-cosmos .lg-tracks button{display:flex;justify-content:space-between;width:100%;font:11px var(--sans);padding:8px 0;background:none;border:0;color:var(--track-color);cursor:pointer}
#civilization-deep-cosmos .lg-tracks button i{font-style:normal}
#civilization-deep-cosmos .lg-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:29px 0 9px}
#civilization-deep-cosmos .lg-section-heading h4{font:18px var(--serif);color:#dcd5c3;margin:0}
#civilization-deep-cosmos .lg-section-heading>span{font:10px var(--sans);color:#8fa7bb}
#civilization-deep-cosmos .lg-section-heading button,#civilization-deep-cosmos .lg-text-button{border:0;background:none;color:#cbb98f;font:11px var(--sans);padding:8px 0;cursor:pointer}
#civilization-deep-cosmos .lg-text-button{margin-top:14px}
#civilization-deep-cosmos .lg-read-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px}
#civilization-deep-cosmos .lg-read-list button{display:flex;align-items:center;gap:12px;text-align:left;background:none;border:0;border-bottom:1px solid #9eb6c423;padding:15px 0;cursor:pointer;min-width:0}
#civilization-deep-cosmos .lg-read-list i{color:#cbb78a;font-style:normal;font-size:15px}
#civilization-deep-cosmos .lg-read-list button>span{flex:1;min-width:0}
#civilization-deep-cosmos .lg-read-list strong{display:block;font:15px/1.7 var(--serif);color:#ccdbc7}
#civilization-deep-cosmos .lg-read-list small{display:block;font:10px/1.8 var(--sans);color:#8fa8bc;margin-top:3px}
#civilization-deep-cosmos .lg-read-list b{font-weight:400;color:#94aabe}
#civilization-deep-cosmos .lg-selector{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:5px 0 20px}
#civilization-deep-cosmos .lg-selector label{font:10px var(--sans);color:#92a9bd;display:flex;align-items:center;gap:15px}
#civilization-deep-cosmos .lg-selector select{max-width:100%;min-height:44px;border:1px solid #aac0d040;background:#081522;color:#d4d6cc;padding:10px 15px;font:12px var(--sans)}
#civilization-deep-cosmos .lg-selector>div{display:flex;gap:6px}
#civilization-deep-cosmos .lg-selector button{background:#8fb0d00a;border:1px solid #a9c4d02c;color:#c9ba97;min-width:44px;min-height:44px;cursor:pointer}
#civilization-deep-cosmos .lg-selector button:disabled{opacity:.3;cursor:default}
#civilization-deep-cosmos .lg-watch{background:#c6b18409;border-left:1px solid #c4ae7d8c;padding:14px 18px;margin:15px 0;color:#a8bbca;font:12px/1.9 var(--sans)}
#civilization-deep-cosmos .lg-watch b{color:#bca782;font-size:10px;font-weight:400}
#civilization-deep-cosmos .lg-watch p{margin:6px 0 0}
#civilization-deep-cosmos .lg-concepts{display:flex;flex-wrap:wrap;gap:8px}
#civilization-deep-cosmos .lg-concepts button{border:1px solid #9bb8cf2e;background:#91b3d008;padding:8px 14px;color:#a8bbcf;font:11px var(--sans);cursor:pointer}
#civilization-deep-cosmos .lg-concepts i{font-style:normal;color:#c4ac80;margin-left:8px}
#civilization-deep-cosmos .lg-theme-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:5px 0 25px}
#civilization-deep-cosmos .lg-theme-buttons button{border:1px solid #91adbe38;background:none;padding:9px 13px;color:#a5bacc;font:11px var(--sans);cursor:pointer}
#civilization-deep-cosmos .lg-theme-buttons button[aria-pressed=true]{border-color:#c3ab77;background:#c3ab7710;color:#dfcca5}
#civilization-deep-cosmos .lg-evidence{display:grid;grid-template-columns:150px 1fr;gap:10px 20px;max-width:760px;font:12px/1.9 var(--sans);color:#a7bdce}
#civilization-deep-cosmos .lg-evidence span{color:#b1a182;font-size:10px}
#civilization-deep-cosmos .lg-evidence p{margin:0}
#civilization-deep-cosmos .lg-glossary-search{font:11px var(--sans);display:flex;gap:17px;align-items:center;color:#a8bbcb;margin:20px 0 12px}
#civilization-deep-cosmos .lg-glossary-search input{font:12px var(--sans);border:1px solid #9fbacc45;color:#ccdbe9;background:#050f19;padding:12px 15px;flex:1;max-width:450px;min-width:0}
#civilization-deep-cosmos .lg-result-count{font:10px var(--sans);color:#829eb4}
#civilization-deep-cosmos .lg-glossary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
#civilization-deep-cosmos .lg-glossary article{padding:18px 0;border-bottom:1px solid #9bb6c527}
#civilization-deep-cosmos .lg-glossary h4{font:20px var(--serif);color:#d8c9a8;margin:0 0 10px}
#civilization-deep-cosmos .lg-glossary p{font:12px/2 var(--sans);color:#a6bdce;margin:0}
#civilization-deep-cosmos .lg-era-background{font:12px/2 var(--sans);color:#9fb4c6;margin:10px 0 0;padding:11px 15px;background:#c6b18408;border-left:1px solid #c4ae7d70}
#civilization-deep-cosmos .lg-concept-detail{font:11px/1.95 var(--sans) !important;color:#93a9bc !important;margin:7px 0 0 !important}
#civilization-deep-cosmos .lg-glossary article>div{display:flex;flex-direction:column;align-items:start;margin-top:9px}
#civilization-deep-cosmos .lg-glossary button{border:0;background:none;padding:5px 0;color:#8fb1c8;font:10px/1.7 var(--sans);text-align:left;cursor:pointer}
#civilization-deep-cosmos .lg-note{font:11px/1.9 var(--sans);color:#88a3b7;margin:19px 0}
#civilization-deep-cosmos .lg-progress{display:flex;gap:50px;padding:6px 0 22px;border-bottom:1px solid #91b1c52b;margin-bottom:20px}
#civilization-deep-cosmos .lg-progress strong{font:38px var(--serif);color:#d9c396;display:block}
#civilization-deep-cosmos .lg-progress strong small{font:12px var(--sans);color:#7c9ab1}
#civilization-deep-cosmos .lg-progress span{display:block;font:10px var(--sans);color:#9db2c3;margin-top:9px}
#civilization-deep-cosmos .lg-concept-reference a{font:10px/1.8 var(--sans);color:#a8c3d4;text-decoration:none}
#civilization-deep-cosmos .lg-concept-reference small{font:9px/1.8 var(--sans);color:#7590a4;display:block;margin-top:4px}

@media(max-width:1050px){.cosmic-primary{gap:21px}
#civilization-deep-cosmos .cu-era-coordinate{display:none}
#civilization-deep-cosmos .lg-tracks{gap:10px}
#civilization-deep-cosmos .lg-tracks article{padding:17px}
#civilization-deep-cosmos .lg-tracks h4{font-size:18px}
}

@media(max-width:800px){
 body.single-universe .header{padding:0 18px;gap:12px}
.cosmic-primary{gap:14px}
.cosmic-primary button{font-size:10px}
#civilization-deep-cosmos .cu-view-switch{left:22px;top:90px}
#civilization-deep-cosmos .cu-view-switch button{min-height:32px;font-size:10px;padding:8px 12px}
#civilization-deep-cosmos .cu-panorama-caption{left:22px;top:137px;right:22px;max-width:none}
#civilization-deep-cosmos .cu-panorama-caption>span{font-size:13px;letter-spacing:1px}
#civilization-deep-cosmos .cu-panorama-caption p{font-size:9px}
#civilization-deep-cosmos .cu-panorama-caption button{font-size:9px}
#civilization-deep-cosmos .cu-era-guide{left:22px;top:137px;width:245px;padding:13px 16px}
#civilization-deep-cosmos .cu-era-guide h3{font-size:17px;margin:7px 0}
#civilization-deep-cosmos .cu-era-guide p{font-size:10px}
#civilization-deep-cosmos .cu-era-guide>div{margin-top:6px}
#civilization-deep-cosmos .cu-era-guide button{font-size:9px}
.single-universe #civilization-deep-cosmos .cu-detail.cu-panel{top:27dvh;bottom:116px;left:12px;right:12px;width:auto;padding:15px 18px}
.single-universe #civilization-deep-cosmos .cu-detail .cu-detail-title{font-size:20px;line-height:1.4;margin:6px 0 3px}
.single-universe #civilization-deep-cosmos .cu-detail .cu-context{display:none}
.single-universe #civilization-deep-cosmos .cu-detail .cu-detail-header{padding-bottom:4px;margin-bottom:7px}
.single-universe #civilization-deep-cosmos .cu-detail .cu-detail-actions{padding:2px 0 4px;margin:0}
#civilization-deep-cosmos .cu-reading-tabs{padding:5px 0;margin-bottom:8px;gap:0}
#civilization-deep-cosmos .cu-reading-tabs button{font-size:10px;min-height:32px}
.single-universe #civilization-deep-cosmos .cu-detail .cu-detail-footer{min-height:36px;margin-top:5px}
#civilization-deep-cosmos .cu-reading-concepts button{font-size:9px;padding:4px 7px}
#civilization-deep-cosmos .cu-reading-context{margin-bottom:9px}
#civilization-deep-cosmos .cu-check-content h3{font-size:18px}
#civilization-deep-cosmos .cu-check-options button{font-size:12px;padding:12px}
#civilization-deep-cosmos .cu-check-feedback{padding:12px}
#civilization-deep-cosmos .cu-check-feedback p{font-size:12px}
.single-universe #civilization-deep-cosmos .cu-learning.cu-panel{top:78px;bottom:0;left:0;right:0;transform:none;width:100%;padding:19px 22px}
#civilization-deep-cosmos .lg-header h2{font-size:23px;margin:7px 0 8px}
#civilization-deep-cosmos .lg-header .lg-kicker{font-size:8px}
#civilization-deep-cosmos .lg-tabs{gap:22px;margin-bottom:13px;scrollbar-width:none}
#civilization-deep-cosmos .lg-tabs button{min-height:40px;font-size:10px}
#civilization-deep-cosmos .lg-lead h3{font-size:22px;margin-top:6px}
#civilization-deep-cosmos .lg-lead p{font-size:12px;line-height:1.95}
#civilization-deep-cosmos .lg-how{flex-direction:column;gap:11px;padding:15px 0}
#civilization-deep-cosmos .lg-tracks,#civilization-deep-cosmos .lg-read-list,#civilization-deep-cosmos .lg-glossary{grid-template-columns:1fr}
#civilization-deep-cosmos .lg-tracks{gap:12px}
#civilization-deep-cosmos .lg-tracks h4{font-size:20px;margin:10px 0}
#civilization-deep-cosmos .lg-tracks article{padding:18px}
#civilization-deep-cosmos .lg-tracks p{margin-bottom:10px}
#civilization-deep-cosmos .lg-section-heading{margin-top:23px;gap:9px}
#civilization-deep-cosmos .lg-section-heading h4{font-size:16px}
#civilization-deep-cosmos .lg-section-heading button{font-size:9px}
#civilization-deep-cosmos .lg-selector{gap:10px;margin-bottom:15px}
#civilization-deep-cosmos .lg-selector label{flex-direction:column;align-items:start;gap:7px;min-width:0;flex:1}
#civilization-deep-cosmos .lg-selector select{width:100%;padding:10px;font-size:11px}
#civilization-deep-cosmos .lg-selector>div{align-self:end}
#civilization-deep-cosmos .lg-selector button{min-width:44px;min-height:44px}
#civilization-deep-cosmos .lg-evidence{grid-template-columns:1fr;gap:5px}
#civilization-deep-cosmos .lg-evidence p{margin-bottom:9px}
#civilization-deep-cosmos .lg-theme-buttons{gap:7px;margin-bottom:18px}
#civilization-deep-cosmos .lg-theme-buttons button{font-size:10px;padding:8px 10px}
#civilization-deep-cosmos .lg-progress{gap:30px}
#civilization-deep-cosmos .lg-progress strong{font-size:30px}
#civilization-deep-cosmos .lg-progress strong small{font-size:10px}
#civilization-deep-cosmos .lg-progress span{font-size:9px}
#civilization-deep-cosmos .lg-note-global{font-size:8px}
#civilization-deep-cosmos .lg-content{padding-right:3px}
#civilization-deep-cosmos[data-cosmic-view=panorama] .cu-epoch-markers>button{font-size:10px!important;max-width:100px;padding:6px}

}

@media(max-width:370px){.cosmic-primary{gap:10px}
.single-universe .brand-name{font-size:22px;letter-spacing:4px}
#civilization-deep-cosmos .lg-progress{gap:21px}
#civilization-deep-cosmos .lg-tabs{gap:16px}
#civilization-deep-cosmos .lg-note-global{display:none}
#civilization-deep-cosmos .cu-panorama-caption p{max-width:250px}
}

@media(max-height:500px){
#civilization-deep-cosmos .cu-view-switch{top:69px;left:22px}
#civilization-deep-cosmos .cu-view-switch button{min-height:28px;padding:6px 10px;font-size:9px}
#civilization-deep-cosmos .cu-panorama-caption{top:72px;left:235px;max-width:270px}
#civilization-deep-cosmos .cu-panorama-caption>span{font-size:11px}
#civilization-deep-cosmos .cu-panorama-caption p,#civilization-deep-cosmos .cu-panorama-caption button{display:none}
#civilization-deep-cosmos .cu-era-guide{top:107px;left:22px;max-width:210px;padding:9px 14px}
#civilization-deep-cosmos .cu-era-guide h3{font-size:15px;margin:6px 0}
#civilization-deep-cosmos .cu-era-guide p{display:none}
#civilization-deep-cosmos .cu-era-guide>div{margin-top:2px}
.single-universe #civilization-deep-cosmos .cu-detail.cu-panel{top:63px;bottom:57px;padding:8px 16px}
.single-universe #civilization-deep-cosmos .cu-detail .cu-detail-header{min-height:22px;margin:0 0 3px;padding:0}
.single-universe #civilization-deep-cosmos .cu-detail .cu-detail-actions,.single-universe #civilization-deep-cosmos .cu-detail .cu-detail-date{display:none}
.single-universe #civilization-deep-cosmos .cu-detail .cu-detail-title{font-size:18px;line-height:1.3;margin:3px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#civilization-deep-cosmos .cu-reading-tabs{padding:2px 0;margin-bottom:5px}
#civilization-deep-cosmos .cu-reading-tabs button{min-height:25px;padding:5px 3px;font-size:9px}
.single-universe #civilization-deep-cosmos .cu-detail .cu-detail-footer{min-height:27px;margin-top:3px}
#civilization-deep-cosmos .cu-reading-context{margin-bottom:6px}
#civilization-deep-cosmos .cu-reading-concepts{display:none}
.single-universe #civilization-deep-cosmos .cu-learning.cu-panel{top:62px;bottom:0;padding:10px 21px}
#civilization-deep-cosmos .lg-header h2{font-size:20px;margin:2px 0}
#civilization-deep-cosmos .lg-header .lg-kicker,#civilization-deep-cosmos .lg-note-global{display:none}
#civilization-deep-cosmos .lg-tabs{margin-bottom:8px;gap:24px}
#civilization-deep-cosmos .lg-tabs button{min-height:31px;font-size:10px}
#civilization-deep-cosmos .lg-tracks{grid-template-columns:repeat(3,minmax(0,1fr))}
#civilization-deep-cosmos .lg-how{flex-direction:row;gap:18px}
#civilization-deep-cosmos .lg-tracks h4{font-size:16px}
#civilization-deep-cosmos .lg-tracks article{padding:13px}
#civilization-deep-cosmos .lg-tracks p{font-size:11px}
#civilization-deep-cosmos .lg-read-list,#civilization-deep-cosmos .lg-glossary{grid-template-columns:repeat(2,minmax(0,1fr))}

}

@media(prefers-reduced-motion:reduce){.cu-era-guide,.cu-view-switch,.cu-learning{animation:none!important;transition:none!important}
}

@media(max-width:800px) and (min-height:501px){.single-universe #civilization-deep-cosmos .cu-detail.cu-panel{top:max(130px,23dvh)}
}

@media(max-width:800px){#civilization-deep-cosmos .lg-tabs{gap:16px}
#civilization-deep-cosmos .lg-tabs button{font-size:12px}
#civilization-deep-cosmos .cu-reading-tabs button{font-size:12px}
}
@media(max-width:800px) and (min-height:501px) and (max-height:670px){
 .single-universe #civilization-deep-cosmos .cu-detail.cu-panel{padding:10px 15px}
 .single-universe #civilization-deep-cosmos .cu-detail .cu-detail-header{min-height:28px;padding:0;margin:0 0 3px}
 #civilization-deep-cosmos .cu-detail .cu-close{height:28px;min-height:28px;width:28px;min-width:28px;font-size:20px}
 .single-universe #civilization-deep-cosmos .cu-detail .cu-detail-title{font-size:18px;line-height:1.4;margin:4px 0}
 #civilization-deep-cosmos .cu-detail .cu-detail-date{font-size:10px}
 #civilization-deep-cosmos .cu-detail .cu-detail-actions{padding:0;margin:0}
 #civilization-deep-cosmos .cu-detail .cu-bookmark{min-height:25px;font:10px var(--sans);padding:4px 0}
 #civilization-deep-cosmos .cu-detail .cu-reading-tabs{padding:3px 0;margin:0 0 6px}
 #civilization-deep-cosmos .cu-detail .cu-reading-tabs button{min-height:28px;font-size:11px;padding:5px 2px}
 #civilization-deep-cosmos .cu-detail .cu-detail-footer{min-height:30px;margin-top:4px;padding-top:2px}
 #civilization-deep-cosmos .cu-detail .cu-detail-footer .cu-next{min-height:30px;padding:4px 0!important;font-size:11px!important}
}
@media(max-height:500px){
 .single-universe #civilization-deep-cosmos .cu-detail.cu-panel{left:auto;right:14px;width:min(350px,61vw);bottom:9px;padding:10px 14px}
 .single-universe #civilization-deep-cosmos .cu-detail .cu-detail-header{display:contents}
 #civilization-deep-cosmos .cu-detail-kind{display:none}
 #civilization-deep-cosmos .cu-detail .cu-close{position:absolute;top:8px;right:10px;height:28px;min-height:28px;width:28px;min-width:28px}
 .single-universe #civilization-deep-cosmos .cu-detail .cu-detail-title{font-size:17px;padding-right:66px;margin:0 0 4px}
 #civilization-deep-cosmos .cu-detail .cu-detail-actions{display:flex;position:absolute;top:10px;right:46px;padding:0;margin:0;border:0}
 #civilization-deep-cosmos .cu-detail .cu-bookmark{font-size:0;min-height:25px;min-width:25px;padding:0}
 #civilization-deep-cosmos .cu-detail .cu-bookmark:after{content:'☆';font:20px var(--serif);color:#c6b28b}
 #civilization-deep-cosmos .cu-detail .cu-bookmark[aria-pressed=true]:after{content:'★'}
 #civilization-deep-cosmos .cu-detail .cu-reading-tabs button{font-size:10px;min-height:27px;padding:5px 2px}
 #civilization-deep-cosmos.cu-reading .cu-timeline{visibility:hidden}
 #civilization-deep-cosmos .cu-detail .cu-detail-footer .cu-next{min-height:30px;padding:4px 0!important}
}
@media(max-height:500px){
 .single-universe #civilization-deep-cosmos .cu-detail .cu-lesson h3{font-size:14px;line-height:1.6;margin:8px 0;letter-spacing:0}
 .single-universe #civilization-deep-cosmos .cu-detail .cu-lesson li{padding:8px 0}
}