/* Astrospheric help host + shared document styles.
   Page fragments (en/<page>.html, <lang>/<page>.html) carry no <style>; page-specific
   rules live at the bottom of this file, scoped as .doc-content[data-page="<page>"]. */

html, body { height: 100%; margin: 0; }
body.docs-host { background-color: #292929; color: #eee; overflow: hidden; }

.docs-layout { display: grid; grid-template-columns: 260px 1fr; height: 100%; }

.docs-nav { background-color: #1c1c1c; border-right: 1px solid #333; overflow-y: auto; -webkit-overflow-scrolling: touch;
	padding: calc(10px + env(safe-area-inset-top)) 0 calc(20px + env(safe-area-inset-bottom)) 0; }
.docs-nav-brand { display: flex; align-items: center; gap: 10px; padding: 6px 16px 14px 16px; color: #fff; text-decoration: none; font-size: 18px; }
.docs-nav-brand img { width: 32px; height: 32px; }
.docs-nav-section { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #8a8a8a; padding: 14px 16px 4px 16px; }
.docs-nav ul { list-style: none; margin: 0; padding: 0; }
.docs-nav li a { display: block; padding: 7px 16px 7px 22px; color: #ddd; text-decoration: none; font-size: 14px; border-left: 3px solid transparent; }
.docs-nav li a:hover { background-color: #262626; color: #fff; }
.docs-nav li a.active { border-left-color: #3f7bfd; background-color: #262626; color: #fff; }

.docs-main { overflow-y: auto; -webkit-overflow-scrolling: touch; position: relative; }
.docs-topbar { display: none; }
.docs-backdrop { display: none; }

.docs-banner { max-width: 700px; margin: 10px auto 0 auto; padding: 8px 12px; border-radius: 5px; background-color: #3a3320; border: 1px solid #6b5b2a; color: #f0dca0; font-size: 14px; }
.docs-banner[hidden] { display: none; }
.docs-loading { text-align: center; color: #888; padding: 40px; }

.doc-content { min-height: 100%; padding-bottom: 80px; box-sizing: border-box;
	-webkit-user-select: text; user-select: text; }
.doc-content img { max-width: 100%; }

@media (max-width: 800px) {
	.docs-layout { grid-template-columns: 1fr; grid-template-rows: auto 1fr; }
	.docs-topbar { display: flex; align-items: center; gap: 8px; background-color: #1c1c1c; border-bottom: 1px solid #333;
		padding: calc(4px + env(safe-area-inset-top)) 8px 4px 8px; }
	.docs-topbar-title { color: #fff; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.docs-menu-btn { background: none; border: 0; color: #fff; font-size: 24px; width: 44px; height: 44px; cursor: pointer; }
	.docs-nav { position: fixed; z-index: 20; top: 0; bottom: 0; left: 0; width: 270px; max-width: 85%;
		transform: translate3d(-100%, 0, 0); transition: transform 0.2s ease-out; }
	body.docs-nav-open .docs-nav { transform: translate3d(0, 0, 0); }
	body.docs-nav-open .docs-backdrop { display: block; position: fixed; z-index: 15; inset: 0; background-color: rgba(0, 0, 0, 0.5); }
}

/* ---- Shared document styles (formerly repeated in every page's <style>) ---- */
.doc-content a { color: #fff; }
.doc-content .s_ContentContainer { margin-top: 10px; background-color: #1c1c1c; padding: 10px; border-radius: 5px; }
.doc-content .s_ContentHeader { font-size: 20px; color: #a9a9a9; padding: 10px; text-align: center; }
.doc-content .s_InsideHeader { font-size: 22px; color: #fff; margin-top: 15px; }
.doc-content .s_note { margin: 20px; padding: 10px; border: solid 1px #c2c2c2; background-color: #feffdd; border-radius: 5px; color: #222; }
.doc-content .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.doc-content .video-container iframe,
.doc-content .video-container object,
.doc-content .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ---- Page-specific styles ---- */
/* astroclockfre */
.doc-content[data-page="astroclockfre"] .auto-style1 { text-align: center; }

/* astrosocietyrequirements */
.doc-content[data-page="astrosocietyrequirements"] .s_Req { font-weight:bold; }

/* aurora */
.doc-content[data-page="aurora"] .auto-style1 { border-left-width: 0px;border-right-width: 0px;border-bottom-width: 0px; }
.doc-content[data-page="aurora"] .auto-style2 { border-bottom-style: solid;border-bottom-width: 1px; }
.doc-content[data-page="aurora"] .auto-style3 { border-style: solid;border-width: 1px; }

/* basicdata */
.doc-content[data-page="basicdata"] .auto-style1 { border-left-width: 0px;border-right-width: 0px;border-bottom-width: 0px; }
.doc-content[data-page="basicdata"] .auto-style2 { border-bottom-style: solid;border-bottom-width: 1px; }
.doc-content[data-page="basicdata"] .auto-style3 { border-style: solid;border-width: 1px; }

/* calendar_help */
.doc-content[data-page="calendar_help"] .s_SubHeader { font-size: 16px;color: #7cb3d1;padding: 8px 0;margin-top: 15px;border-bottom: 1px solid #444; }
.doc-content[data-page="calendar_help"] .s_EventBox { background-color: #252525;border-radius: 5px;padding: 12px;margin: 10px 0; }
.doc-content[data-page="calendar_help"] .s_EventTitle { font-size: 15px;color: #e8c547;font-weight: bold;margin-bottom: 8px; }
.doc-content[data-page="calendar_help"] .s_Label { color: #888;font-size: 12px;margin-top: 8px; }
.doc-content[data-page="calendar_help"] .s_Value { color: #ccc;font-size: 13px;margin-left: 10px; }
.doc-content[data-page="calendar_help"] .s_NotificationBox { background-color: #1a2a1a;border-left: 3px solid #4a4;padding: 8px 12px;margin-top: 10px;border-radius: 0 5px 5px 0; }
.doc-content[data-page="calendar_help"] .s_NotificationLabel { color: #6b6;font-size: 11px;text-transform: uppercase;letter-spacing: 1px; }
.doc-content[data-page="calendar_help"] a { color:#7cb3d1; }
.doc-content[data-page="calendar_help"] ul { margin: 5px 0;padding-left: 20px; }
.doc-content[data-page="calendar_help"] li { margin: 3px 0;color: #bbb;font-size: 13px; }

/* comets */
.doc-content[data-page="comets"] .auto-style1 { border-left-width: 0px;border-right-width: 0px;border-bottom-width: 0px; }
.doc-content[data-page="comets"] .auto-style2 { border-bottom-style: solid;border-bottom-width: 1px; }
.doc-content[data-page="comets"] .auto-style3 { border-style: solid;border-width: 1px; }
.doc-content[data-page="comets"] { background-color:#000; }

/* datadomain */
.doc-content[data-page="datadomain"] .auto-style1 { border-left-width: 0px;border-right-width: 0px;border-bottom-width: 0px; }
.doc-content[data-page="datadomain"] .auto-style2 { border-bottom-style: solid;border-bottom-width: 1px; }
.doc-content[data-page="datadomain"] .auto-style3 { border-style: solid;border-width: 1px; }

/* deprecation */
.doc-content[data-page="deprecation"] table { width: 100%;border-collapse: collapse;margin-top: 10px; }
.doc-content[data-page="deprecation"] th,
.doc-content[data-page="deprecation"] td { padding: 8px;text-align: left; }
.doc-content[data-page="deprecation"] th { border-bottom: 1px solid #444; }
.doc-content[data-page="deprecation"] tr { border-bottom: 1px solid #333; }

/* devicesupport */
.doc-content[data-page="devicesupport"] .auto-style1 { border-left-width: 0px;border-right-width: 0px;border-bottom-width: 0px; }
.doc-content[data-page="devicesupport"] .auto-style2 { border-bottom-style: solid;border-bottom-width: 1px; }
.doc-content[data-page="devicesupport"] .auto-style3 { border-style: solid;border-width: 1px; }

/* ed_cloud */
.doc-content[data-page="ed_cloud"] .auto-style1 { text-align: center; }

/* ed_transparency */
.doc-content[data-page="ed_transparency"] .auto-style1 { text-align: center; }
.doc-content[data-page="ed_transparency"] .auto-style2 { text-align: left; }

/* ensemble */
.doc-content[data-page="ensemble"] .auto-style1 { text-align: left; }
.doc-content[data-page="ensemble"] .auto-style2 { text-align: center; }
.doc-content[data-page="ensemble"] .auto-style3 { border-width: 0px; }
.doc-content[data-page="ensemble"] .auto-style4 { border-style: solid;border-width: 1px; }

/* faq */
.doc-content[data-page="faq"] .s_Question { font-weight:bold;font-size:21px;color:#fff;padding-bottom:10px; }

/* home */
.doc-content[data-page="home"] .video-container { margin-top:15px;margin-bottom:15px; }
.doc-content[data-page="home"] .auto-style1 { color: #FFFFFF; }
.doc-content[data-page="home"] .acknowledgement-container { display: flex;flex-direction: column;gap: 1.5rem;font-family: Arial, sans-serif;color: white;background-color: #121212;padding: 1rem;border-radius: 8px; }
.doc-content[data-page="home"] .ack-card { display: flex;gap: 1rem;align-items: flex-start;background-color: #1e1e1e;border-radius: 6px;padding: 1rem; }
.doc-content[data-page="home"] .ack-logo { flex-shrink: 0;width: 48px;height: 48px;object-fit: contain; }
.doc-content[data-page="home"] .ack-text { flex: 1; }
.doc-content[data-page="home"] .ack-text b { display: block;margin-bottom: 0.25rem;font-size: 1rem; }

/* mooncard */
.doc-content[data-page="mooncard"] .auto-style1 { text-align: center; }

/* satellite */
.doc-content[data-page="satellite"] .auto-style1 { border-left-width: 0px;border-right-width: 0px;border-bottom-width: 0px; }
.doc-content[data-page="satellite"] .auto-style2 { border-bottom-style: solid;border-bottom-width: 1px; }
.doc-content[data-page="satellite"] .auto-style3 { border-style: solid;border-width: 1px; }

/* signature */
.doc-content[data-page="signature"] .auto-style1 { text-align: center; }
.doc-content[data-page="signature"] .auto-style2 { text-align: left; }

/* skyclock */
.doc-content[data-page="skyclock"] .auto-style1 { text-align: center; }
.doc-content[data-page="skyclock"] .auto-style2 { border-style: solid;border-width: 1px;font-size: large; }
.doc-content[data-page="skyclock"] .auto-style3 { color: #C5C5C5; }
.doc-content[data-page="skyclock"] .auto-style4 { text-align: left; }
.doc-content[data-page="skyclock"] .aa_Image { width:100%;max-width:360px; }
.doc-content[data-page="skyclock"] .auto-style5 { border-width: 0px; }
.doc-content[data-page="skyclock"] .auto-style7 { background-color: #1E1F24; }
.doc-content[data-page="skyclock"] .auto-style8 { background-color: #2E3959; }
.doc-content[data-page="skyclock"] .auto-style9 { background-color: #3C4C87; }
.doc-content[data-page="skyclock"] .auto-style10 { background-color: #668BDB; }
.doc-content[data-page="skyclock"] .auto-style12 { color: #000000;background-color: #D3AC5D; }
.doc-content[data-page="skyclock"] .auto-style13 { color: #000000;background-color: #BBCAEB; }

/* smoke */
.doc-content[data-page="smoke"] .auto-style1 { text-align: center; }
.doc-content[data-page="smoke"] .auto-style2 { text-align: left; }

/* submanage */
.doc-content[data-page="submanage"] .video-container { margin-top:15px;margin-bottom:15px; }
.doc-content[data-page="submanage"] .auto-style1 { color: #FFFFFF; }

/* subscription */
.doc-content[data-page="subscription"] tr:nth-child(even) { background-color: #333; }
.doc-content[data-page="subscription"] td { padding: 2px; }
.doc-content[data-page="subscription"] table { border-spacing: 0px; }
.doc-content[data-page="subscription"] { background-color:#222222; }

/* subspacejoin */
.doc-content[data-page="subspacejoin"] .auto-style1 { font-weight: bold;text-decoration: underline;color: #FFFFFF; }
.doc-content[data-page="subspacejoin"] .auto-style2 { text-align: center; }
.doc-content[data-page="subspacejoin"] .auto-style3 { text-align: left; }
.doc-content[data-page="subspacejoin"] .auto-style4 { font-weight: normal; }
.doc-content[data-page="subspacejoin"] .auto-style5 { font-weight: normal;text-align: center; }
.doc-content[data-page="subspacejoin"] .auto-style6 { font-weight: normal;text-align: left; }