/* ERMIANA 1.4 — NOVA presentation layer. No build process required. */
:root {
  --ermiana-gutter: clamp(8px, 2.5vw, 48px);
  --ermiana-black: #000;
  --ermiana-panel: #09121c;
  --ermiana-line: #35526b;
  --ermiana-text: #d8e8f8;
  --ermiana-muted: #a9bed3;
  --ermiana-blue: #8fc9f6;
}
html { min-height:100%; background:#010306; }
body.ermiana { margin:0; min-height:100vh; height:auto; background:radial-gradient(ellipse at top,#18324e44,transparent 65%),url('../images/stars.svg') center top / 1000px auto repeat,#010306; color:var(--ermiana-text); font-family:'Segoe UI',Arial,sans-serif; line-height:1.7; }
.ermiana *, .ermiana *::before, .ermiana *::after { box-sizing:border-box; }
.ermiana a { color:var(--ermiana-blue); text-underline-offset:4px; border-bottom-color:#688da955; }
.ermiana a:hover { color:#e0f0ff; border-bottom-color:#b9dcff; }
.ermiana :focus-visible { outline:2px solid #9bcff6; outline-offset:3px; }
.ermiana .ermiana-skip { position:fixed; top:-100px; left:20px; z-index:200; padding:10px 18px; background:#d8eaff; color:#07121c; border-radius:5px; }
.ermiana .ermiana-skip:focus { top:12px; }
.ermiana .ermiana-site { width:calc(100% - var(--ermiana-gutter)*2); max-width:none; margin:clamp(12px,2vw,32px) auto; min-height:0; border:1px solid #577992; border-radius:16px; background:#000; box-shadow:0 20px 70px #0009; }
.ermiana .ermiana-site > header { overflow:visible; position:relative; padding:0; margin:0; border:0; isolation:isolate; border-radius:inherit; background:#000; z-index:20; }
.ermiana header .inner { overflow:visible; position:relative; max-width:none; margin:0; padding:0; border-radius:16px 16px 0 0; background:#000; isolation:isolate; }
.ermiana header .background { position:absolute; top:0; left:auto; right:0; width:100%; height:calc((100vw - var(--ermiana-gutter)*2 - 2px)/4.5); max-width:none; object-fit:cover; object-position:center center; mask-image:none; transform:none; z-index:-2; opacity:1; border-radius:16px 16px 0 0; }
.ermiana header .gradient { position:absolute; inset:0; width:100%; height:calc((100vw - var(--ermiana-gutter)*2 - 2px)/4.5); z-index:-1; border-radius:inherit; background:linear-gradient(0deg,#000 0%,#00000070 1.5%,transparent 4%),linear-gradient(90deg,#00000080 0%,#00000030 26%,transparent 40%); }
.ermiana header .top { position:relative; display:flex; align-items:center; flex-wrap:wrap; gap:24px; min-height:max(200px,calc((100vw - var(--ermiana-gutter)*2 - 2px)/4.5)); padding:60px clamp(24px,4.5vw,88px) 30px; }
.ermiana header .top > .ermiana-eyebrow { position:absolute; top:26px; left:clamp(24px,4.5vw,88px); max-width:65%; }
.ermiana .ermiana-brand { display:flex; align-items:center; gap:22px; flex:1; min-width:0; margin-top:15px; }
.ermiana .ermiana-name { min-width:0; overflow-wrap:anywhere; }
.ermiana .ermiana-name h1 { margin:0; color:#d9edff; font-family:'Segoe UI',Arial,sans-serif; font-size:clamp(30px,4.2vw,76px); font-weight:300; line-height:1.15; letter-spacing:.075em; text-transform:uppercase; text-shadow:0 0 20px #679ee16b,0 3px 10px #000; }
.ermiana .ermiana-eyebrow { color:#b0d5f1; font-size:11px; font-weight:600; letter-spacing:.15em; overflow-wrap:anywhere; }
.ermiana .ermiana-subtitle { display:block; margin-top:14px; color:#b5cadf; font-size:13px; letter-spacing:.08em; overflow-wrap:anywhere; }
.ermiana header .logo img { width:auto; max-width:180px; height:80px; object-fit:contain; }
.ermiana header .signin-container { position:absolute; top:24px; right:26px; margin:0; padding:0; }
.ermiana header .logged-in-controls { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.ermiana header .logged-in-controls > span { margin:0; }
.ermiana header .logged-in-controls a { display:inline-flex; align-items:center; gap:7px; min-height:40px; padding:6px 10px; border:0; border-radius:6px; color:#d0e8fb; font-size:12px; background:#030b1466; }
.ermiana header .logged-in-controls a:hover { background:#25456699; }
.ermiana header img.icon { width:20px; height:20px; filter:brightness(1.65) saturate(.4); }
.ermiana header .bottom { position:relative; width:max-content; max-width:calc(100% - 48px); margin:0 auto; padding:0 10px; background:rgba(7,17,26,.64); border:1px solid #456780; border-radius:10px; backdrop-filter:blur(12px); }
.ermiana header .bottom .container { max-width:none; display:block; }
.ermiana header .bottom .left { display:block; }
.ermiana .nav-main > ul { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:3px; padding:6px 0; margin:0; list-style:none; }
.ermiana .nav-main > ul > li { margin:0; padding:0; min-width:0; }
.ermiana .nav-main ul > li { margin-left:0; margin-right:0; }
.ermiana .ermiana-submenu { min-width:0; }
.ermiana .nav-main > ul > li > a, .ermiana .ermiana-nav-group > a { display:flex; align-items:center; min-height:42px; padding:11px 16px; color:#c5def4; background:transparent; border:0; border-radius:6px; font-size:13px; line-height:1.4; font-weight:500; }
.ermiana .nav-main > ul > li > a:hover, .ermiana .ermiana-nav-group > a:hover { background:#183047aa; color:#fff; }
.ermiana .nav-main a.active { border-radius:6px; color:#eef7ff; background:linear-gradient(#21415fbb,#112a43bb); box-shadow:inset 0 0 0 1px #5e8eae; }
.ermiana-nav-toggle { display:none; }
.ermiana-nav-group { position:relative; display:flex; align-items:center; border-radius:6px; }
.ermiana .ermiana-nav-group > a { padding-right:6px; }
.ermiana-submenu-toggle { display:flex; align-items:center; justify-content:center; flex:0 0 30px; width:30px; min-height:42px; color:#cce5fb; background:transparent; border:0; border-radius:0 6px 6px 0; font-size:17px; line-height:1; cursor:pointer; }
.ermiana-submenu-toggle:hover, .ermiana-nav-group.is-open { background:#16324bbb; }
.ermiana-submenu { position:absolute; z-index:30; top:calc(100% + 8px); left:50%; transform:translateX(calc(-50% + var(--dropdown-shift,0px))); width:max-content; max-width:calc(100vw - var(--ermiana-gutter)*2 - 24px); padding:6px; border:1px solid #52799a; border-radius:8px; background:rgba(7,17,26,.78); box-shadow:0 12px 30px #000b; backdrop-filter:blur(14px); display:none; }
.ermiana-submenu::before { content:''; position:absolute; top:-10px; left:0; width:100%; height:10px; }
.ermiana .ermiana-submenu > ul { display:flex; align-items:center; flex-wrap:nowrap; gap:3px; max-width:100%; overflow-x:auto; margin:0; padding:0; list-style:none; scrollbar-width:thin; scrollbar-color:#507596 #07111a; }
.ermiana .ermiana-submenu li { margin:0; padding:0; flex:0 0 auto; }
.ermiana .ermiana-submenu li.spacer { display:none; }
.ermiana .ermiana-submenu a { display:block; min-height:40px; padding:10px 15px; white-space:nowrap; border:0; border-radius:5px; color:#d1e6f9; font-size:13px; line-height:1.5; background:transparent; }
.ermiana .ermiana-submenu a:hover, .ermiana .ermiana-submenu a.active { color:#fff; background:linear-gradient(#2d5680cc,#1b3855cc); box-shadow:inset 0 0 0 1px #5f93b9; }
.ermiana .ermiana-site:not(.ermiana-enhanced) .ermiana-nav-group:hover > .ermiana-submenu,
.ermiana .ermiana-site:not(.ermiana-enhanced) .ermiana-nav-group:focus-within > .ermiana-submenu,
.ermiana .ermiana-nav-group.is-open > .ermiana-submenu { display:block; }
.ermiana .ermiana-site:not(.ermiana-enhanced) .ermiana-submenu-toggle { display:none; }
.ermiana main { margin:0; padding:0; position:relative; z-index:1; background:#000; }
.ermiana main .wrapper { max-width:none; margin:0; padding:0; }
.ermiana main .body { display:grid; grid-template-columns:minmax(0,1fr); gap:0; align-items:stretch; }
.ermiana main .body > .content { grid-column:auto; min-width:0; width:100%; max-width:none; }
.ermiana main .content-card { width:100%; max-width:none; min-height:260px; padding:64px clamp(24px,4.5vw,88px) 38px; background:transparent; border:0; border-radius:0; box-shadow:none; overflow-wrap:anywhere; }
.ermiana-admin main .body { grid-template-columns:minmax(0,1fr) clamp(220px,17vw,280px); }
.ermiana .nav-sub { min-width:0; background:rgba(7,17,26,.74); backdrop-filter:blur(10px); border-left:1px solid #2a4156; border-top:1px solid #35526b; padding:30px 18px; }
.ermiana-nav-heading { color:#9ec7e7; display:flex; justify-content:space-between; padding:0 12px 16px; font-size:10px; letter-spacing:.14em; text-transform:uppercase; }
.ermiana .nav-sub ul { list-style:none; padding:0; margin:0; }
.ermiana .nav-sub ul li a { display:block; min-height:42px; padding:10px 12px; color:#bfd7ef; border:0; border-radius:5px; font-size:13px; line-height:1.5; }
.ermiana .nav-sub ul li a:hover, .ermiana .nav-sub ul li a.active { background:#18334c; color:white; }
.ermiana .nav-sub .menu_category { color:#84b7db; font-size:11px; padding:20px 12px 5px; }
.ermiana-subnav-fallback { padding:12px clamp(24px,4.5vw,88px) 0; }
.ermiana-subnav-fallback ul { display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:0; padding:0; }
.ermiana-subnav-fallback a { display:block; padding:7px 12px; border:1px solid #35536f; border-radius:5px; }
.ermiana h1,.ermiana h2,.ermiana h3,.ermiana h4 { color:#d4e9fc; line-height:1.3; letter-spacing:-.015em; }
.ermiana .content-card h1,.ermiana .content-card h2 { font-size:clamp(26px,2.6vw,38px); font-weight:650; margin:0 0 18px; }
.ermiana .content-card h3 { font-size:24px; margin:22px 0 14px; }
.ermiana .content-card h4 { font-size:18px; margin:14px 0 10px; }
.ermiana p { font-size:15px; line-height:1.8; margin:0 0 22px; }
.ermiana .gray { color:#a6bdd3; }
.ermiana hr { border-color:#34506a; margin:24px 0; }
.ermiana blockquote { padding:14px 20px; margin:22px 0; border-left:3px solid #72aedc; background:#0d1c2a; }
.ermiana pre { white-space:pre-wrap; overflow-wrap:anywhere; }
.ermiana :where(.content-card,.card) :where(img,svg,video,canvas,iframe,embed,object) { display:inline-block; vertical-align:middle; max-width:100%; }
.ermiana .content-card img { max-width:100%; height:auto; }
.ermiana :where(.content-card,.card) center { display:block; text-align:center; }
.ermiana :where(.content-card,.card) :where(p,div,h1,h2,h3,h4,h5,h6,td,th,table)[align='center' i] { text-align:center; }
.ermiana :where(.content-card,.card) :where(p,div,h1,h2,h3,h4,h5,h6,td,th,table)[align='left' i] { text-align:left; }
.ermiana :where(.content-card,.card) :where(p,div,h1,h2,h3,h4,h5,h6,td,th,table)[align='right' i] { text-align:right; }
.ermiana :where(.content-card,.card) :where(p,div,h1,h2,h3,h4,h5,h6,td,th)[align='justify' i] { text-align:justify; }
.ermiana :where(.content-card,.card) center table,.ermiana :where(.content-card,.card) table[align='center' i] { margin-left:auto; margin-right:auto; }
.ermiana input:not([type]),.ermiana input[type=text],.ermiana input[type=password],.ermiana input[type=email],.ermiana input[type=number],.ermiana input[type=search],.ermiana input[type=url],.ermiana input[type=tel],.ermiana input[type=date],.ermiana input[type=datetime-local],.ermiana input[type=month],.ermiana input[type=time],.ermiana input[type=week],.ermiana textarea,.ermiana select { background:#050c1b; border:1px solid #4a6984; color:#e0effd; border-radius:6px; padding:10px 12px; max-width:100%; font:inherit; font-size:14px; box-shadow:none; }
.ermiana textarea { width:100%; min-height:180px; }
.ermiana input::placeholder,.ermiana textarea::placeholder { color:#91aac1; }
.ermiana input:focus,.ermiana textarea:focus,.ermiana select:focus { background:#091328; border-color:#90c9f7; color:#e0effd; box-shadow:0 0 0 2px #6baee52b; }
.ermiana input[type=checkbox],.ermiana input[type=radio] { accent-color:#579ed8; }
.ermiana .button-main { display:inline-block; background:linear-gradient(#3c82c2,#225685); border:1px solid #77b4e5; color:white; border-radius:6px; padding:10px 22px; font-size:13px; line-height:1.5; font-weight:650; }
.ermiana .button-main:hover { background:#326c9c; color:white; }
.ermiana .button-sec,.ermiana .button-small { display:inline-block; background:#0a1623; border:1px solid #4d7798; color:#c8e0f7; border-radius:6px; font-size:13px; }
.ermiana .button-sec:hover,.ermiana .button-small:hover { background:#183652; color:white; }
.ermiana .flash_message { border:1px solid currentColor; border-radius:6px; margin:0 0 24px; }
.ermiana .flash_message p { padding:12px 16px; margin:0; }
.ermiana .flash-info { background:#122e48; color:#c9e6ff; border-color:#527eaa; }
.ermiana .flash-success { background:#153329; color:#c2ecd7; border-color:#50856c; }
.ermiana .flash-error { background:#381a23; color:#ffd1da; border-color:#9a5868; }
.ermiana .ermiana-table-scroll { max-width:100%; overflow-x:auto; margin-bottom:16px; scrollbar-color:#577e9e #06101b; }
/* Center the manifest heading, selector, legend and filter controls together. */
.ermiana .content-card:has(#manifest) > .page-head { text-align:center; }
.ermiana #manifest { width:100%; max-width:1100px; margin-left:auto; margin-right:auto; text-align:center; }
.ermiana #manifest table { margin-left:auto; margin-right:auto; }
/* Center the roster as a block; crew names and details retain left alignment. */
.ermiana #manifest .ermiana-manifest-scroll { width:100%; max-width:1100px; margin-left:auto; margin-right:auto; }
.ermiana #manifest .ermiana-manifest-table { width:100%; min-width:850px; text-align:left; }
/* Support the mod's unclassified table and ordinary NOVA tables without JS. */
.ermiana #manifest table.manifest_table,
.ermiana #manifest table:has(img.charimg) { max-width:1100px; margin-left:auto; margin-right:auto; text-align:left; }
/* The mod uses col_15 for portraits. Reserve 80px plus cell padding. */
.ermiana #manifest td:has(img.charimg) { width:96px; min-width:96px; }
.ermiana #manifest img.charimg { display:inline-block; width:80px; height:80px; min-width:80px; max-width:80px; object-fit:cover; vertical-align:middle; }
/*
|---------------------------------------------------------------
| CHARACTER BIO
|---------------------------------------------------------------
*/

.ermiana .character-rank-display {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	vertical-align: middle;
	margin-left: 4px;
}

.ermiana img.character-rank-image {
	display: block;
	max-width: 140px;
	height: auto;
	margin: 4px 0 2px 0;
}

.ermiana .character-rank-name {
	display: block;
}

.ermiana .character-awards-box {
	margin: 0 0 18px 0;
	padding: 0;
}

.ermiana .character-awards-rack {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
}

.ermiana .character-award-item {
	display: inline-block;
	line-height: 0;
	margin: 0;
	padding: 0;
}

.ermiana img.character-award-ribbon {
	display: block;
	max-width: 50px;
	height: auto;
	margin: 0;
	padding: 0;
}

/*
|---------------------------------------------------------------
| RELATED CHARACTERS
|---------------------------------------------------------------
*/

.ermiana .character-related-image {
	margin: 0 auto 4px auto;
	text-align: center;
	width: 55px;
	height: 70px;
	overflow: hidden;
}

.ermiana .character-related-image img {
	display: block !important;
	width: 55px !important;
	height: 70px !important;
	max-width: 55px !important;
	max-height: 70px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	object-fit: cover;
	border: 1px solid #333;
}

.ermiana .character-related-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px 4px;
	width: 100%;
}


/* Character biography: center the whole layout, retain normal left text. */
.ermiana-main .content-card > .row:has(> .span4):has(> .span12) {
  display:grid; grid-template-columns:minmax(200px,250px) minmax(0,1fr); gap:32px;
  width:100%; max-width:1100px; margin:0 auto; text-align:left;
}
.ermiana-main .content-card > .row:has(> .span4):has(> .span12)::before,
.ermiana-main .content-card > .row:has(> .span4):has(> .span12)::after { display:none; }
.ermiana-main .content-card > .row:has(> .span4):has(> .span12) > :is(.span4,.span12) {
  float:none; width:auto; min-width:0; margin:0; text-align:left;
}
.ermiana-main .content-card > .row:has(> .span4):has(> .span12) .gallery { margin:0 0 18px; padding:0; list-style:none; }
.ermiana-main .content-card > .row:has(> .span4):has(> .span12) .gallery img { max-width:min(100%,200px); }
.ermiana .character-related-item { min-width:0; text-align:center; overflow-wrap:anywhere; }
.ermiana .character-related-link a { display:block; text-decoration:none; }
.ermiana .character-related-rank { color:var(--ermiana-muted); font-size:75%; line-height:1.15; }
.ermiana .character-related-name { font-size:85%; font-weight:bold; line-height:1.15; margin-top:2px; }
@media(max-width:760px) {
  .ermiana-main .content-card > .row:has(> .span4):has(> .span12) { grid-template-columns:minmax(0,1fr); gap:26px; }
  .ermiana .character-related-grid { max-width:300px; }
}

.ermiana table { max-width:100%; border-collapse:collapse; font-size:14px; }
.ermiana td { padding:10px 8px; }
.ermiana th { padding:12px 8px; border-bottom:1px solid #36516b; color:#afcfec; font-size:11px; letter-spacing:.05em; }
.ermiana tr.alt td,.ermiana tr.light_gray,.ermiana .alt { background:#0b1927; }
.ermiana table.acp { border-color:#34506a; }
.ermiana .post_info,.ermiana #news_blocks p,.ermiana #comments p,.ermiana .info-full,.ermiana #notes { padding:12px 16px; background:#07111b; border:1px solid #304b64; border-radius:6px; }
.ermiana #acp-panel,.ermiana #online { background:#081522; border-color:#35526b; }
.ermiana #acp-panel .panel { background:#0c1d2c; border-color:#35526b; min-width:0; }
.ermiana #panelmenu li a { color:#c0d8ee; }
.ermiana #panelmenu li a.active,.ermiana #panelmenu li a:hover { background:#183651; color:white; border-color:#5f8aaf; }
.ermiana .ui-widget { font-family:inherit; font-size:14px; }
.ermiana .ui-widget-content { color:#d8e8f8; background:#0b1927; border-color:#3e5d79; }
.ermiana .ui-widget-header { color:#d8e8f8; background:#081526; border-color:#3e5d79; }
.ermiana .ui-state-default { background:#0b1b2e; border-color:#3e5d79; }
.ermiana .ui-state-default a,.ermiana .ui-state-default a:link { color:#b7d9f5; }
.ermiana .ui-state-active { background:#173452; border-color:#83b8df; }
.ermiana .ui-state-active a,.ermiana .ui-state-active a:link { color:#fff; }
.ermiana .ui-tabs-nav { display:flex; flex-wrap:wrap; }
/* NOVA's classic selected class and newer jQuery UI active class both apply. */
.ermiana .ui-tabs .ui-tabs-nav { background:#081526; border-color:#35526b; }
.ermiana .ui-tabs .ui-tabs-nav li { background:#0b1b2e; border-color:#35526b; }
.ermiana .ui-tabs .ui-tabs-nav li a { color:#c6e2f9; background:transparent; }
.ermiana .ui-tabs .ui-tabs-nav li a:hover { color:#eef7ff; background:#102943; border-color:#628eb5; }
.ermiana .ui-tabs .ui-tabs-nav li.ui-tabs-selected,
.ermiana .ui-tabs .ui-tabs-nav li.ui-state-active { background:#173452; }
.ermiana .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ermiana .ui-tabs .ui-tabs-nav li.ui-state-active a { color:#eef7ff; background:#173452; border-color:#739cc2; }
.ermiana .subtabs .ui-tabs-nav { background:transparent; }
.ermiana .subtabs .ui-tabs-nav li.ui-tabs-selected a,
.ermiana .subtabs .ui-tabs-nav li.ui-state-active a { color:#eef7ff; background:#173452; }

.ermiana .chosen-container,.ermiana .chzn-container { max-width:100%; }
.ermiana .chosen-container .chosen-drop,.ermiana .chzn-container .chzn-drop,.ermiana .chosen-container .chosen-single,.ermiana .chzn-container .chzn-single { background:#11273a; color:#d8e8f8; border-color:#52708c; }
.ermiana .chosen-results li.highlighted,.ermiana .chzn-results li.highlighted { background:#2b608e; color:white; }
.ermiana .page-supplemental,.ermiana #category-panel,.ermiana .category-panel-header { background:#0c2032; border-color:#3e5d79; }
.ermiana .subnav-options-list { background:#142e46; }
.ermiana .subnav-options-list ul li a { color:#bddcf5!important; }
.ermiana .subnav-options-list ul li a:hover { background:#245071; }
.ermiana #category-panel { width:100%; }
.ermiana .page-main,.ermiana .wiki-subnav,.ermiana .subnav-content ul { flex-wrap:wrap; gap:12px; }
.ermiana .bio_main_image { margin:0 0 20px 24px; }
.ermiana footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 22px; margin:0 clamp(24px,3vw,60px); padding:16px 0; border-top:1px solid #2c465e; background:#000; color:#aac4dc; font-size:11px; line-height:1.7; border-radius:0 0 16px 16px; }
.ermiana footer > span { margin:0; }
.ermiana footer a { color:#b3cfe6; border:0; }
.ermiana .ermiana-credit { color:#c4e0f7; font-weight:500; }
.ermiana .ermiana-art-credit { flex-basis:100%; font-size:9px; color:#8ca5bb; }
.ermiana .panel-wrapper { position:fixed; inset:0; z-index:100; }
.ermiana .panel-wrapper.hidden,.ermiana .panel-wrapper[aria-hidden='true'] { display:none!important; }
.ermiana .panel-overlay { position:fixed; inset:0; background:#000b; backdrop-filter:blur(6px); }
.ermiana #panel { position:fixed; inset:0; z-index:101; padding:50px 16px; overflow-y:auto; }
.ermiana #panel .panel-body { position:relative; max-width:680px; margin:auto; padding:24px; border:1px solid #547f9f; border-radius:12px; background:#07131f; box-shadow:0 20px 80px #000b; }
.ermiana #ermiana-panel-title { margin:0 0 22px; padding-right:44px; font-size:24px; }
.ermiana .panel-close { position:absolute; top:14px; right:14px; width:40px; height:40px; padding:8px; border-radius:6px; background:#18364f; color:#cce6fb; }
.ermiana .panel-close > svg { color:#cce6fb; }
.ermiana .panel-body h4 { color:#a1cce9; padding:8px 12px; }
.ermiana .panel-body > ul > li > ul > li > a { color:#bfdcf4; }
.ermiana .panel-body > ul > li > ul > li > a:hover { color:white; background:#18364f; }
body.ermiana.ermiana-panel-open { overflow:hidden; }
.ermiana-login > header { position:fixed; inset:0; padding:0; pointer-events:none; isolation:isolate; }
.ermiana-login header .background { mask-image:none; width:100%; height:100%; object-fit:cover; opacity:.4; }
.ermiana-login header .gradient { height:100%; background:radial-gradient(ellipse at center,#0006,#000c 80%); }
.ermiana-login > .wrapper { position:relative; z-index:1; min-height:100vh; width:calc(100% - var(--ermiana-gutter)*2); max-width:550px; padding:54px 0; margin:0 auto; }
.ermiana-login .head { max-width:none; text-align:center; }
.ermiana-login .head .title { font-size:28px; color:#dfedfa; margin:18px 0; }
.ermiana-login .head .logo img { height:85px; max-width:200px; }
.ermiana-login .body { width:100%; max-width:none; margin-top:20px; border:1px solid #60849f; border-radius:12px; background:#07131ff2; box-shadow:0 20px 80px #0008; }
.ermiana-login .card { padding:34px; border-radius:12px; background:transparent; }
.ermiana-login .card h1 { font-size:26px; }
.ermiana-login input[type=text],.ermiana-login input[type=email],.ermiana-login input[type=password] { width:100%; }
.ermiana-login .controls { flex-wrap:wrap; gap:18px; }
.ermiana-login .ermiana-login-credit { margin:22px 0 0; padding:0 12px; justify-content:center; text-align:center; background:transparent; border:0; }
@media(max-width:1050px) {
  .ermiana .nav-main > ul > li > a,.ermiana .ermiana-nav-group > a { padding-left:10px; padding-right:8px; font-size:12px; }
  .ermiana header .top { min-height:max(186.667px,calc((100vw - var(--ermiana-gutter)*2 - 2px)/4.5)); }
  .ermiana header .background { width:100%; }
}
@media(max-width:760px) {
  .ermiana .ermiana-site { border-radius:12px; }
  .ermiana header .inner { border-radius:12px 12px 0 0; background:#000; }
  .ermiana header .top { display:block; min-height:0; padding:calc((100vw - var(--ermiana-gutter)*2 - 2px)/3 + 76px) 20px 24px; }
  .ermiana header .background { top:54px; width:150%; height:calc((100vw - var(--ermiana-gutter)*2 - 2px)/3); mask-image:none; object-fit:cover; object-position:center center; clip-path:inset(0 0 0 33.333333%); border-radius:12px 12px 0 0; }
  .ermiana header .gradient { top:54px; bottom:auto; height:calc((100vw - var(--ermiana-gutter)*2 - 2px)/3); background:linear-gradient(0deg,#000 0%,transparent 4%),linear-gradient(90deg,#00000020,transparent 25%); }
  .ermiana .ermiana-brand { margin-top:0; gap:12px; }
  .ermiana .ermiana-name h1 { font-size:clamp(27px,7vw,42px); letter-spacing:.045em; }
  .ermiana header .logo img { height:54px; max-width:100px; }
  .ermiana header .top > .ermiana-eyebrow { top:calc((100vw - var(--ermiana-gutter)*2 - 2px)/3 + 54px); left:20px; max-width:100%; font-size:9px; }
  .ermiana header .signin-container { top:14px; right:10px; }
  .ermiana header .logged-in-controls { gap:1px; }
  .ermiana header .logged-in-controls a { padding:6px; font-size:11px; }
  .ermiana header .bottom { width:calc(100% - 28px); max-width:calc(100% - 28px); margin:0 auto; padding:0 8px; }
  .ermiana .ermiana-enhanced .nav-main { display:none; }
  .ermiana .ermiana-enhanced .nav-main.is-open { display:block; }
  .ermiana .ermiana-enhanced .ermiana-nav-toggle { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:48px; padding:12px 8px; color:#c5dff5; border:0; background:transparent; font-size:13px; }
  .ermiana .nav-main > ul { flex-direction:column; align-items:stretch; padding:8px 0; gap:4px; }
  .ermiana .nav-main > ul > li { width:100%; max-width:100%; align-self:stretch; }
  .ermiana .nav-main > ul > li > a { padding:11px 12px; min-height:44px; }
  .ermiana .ermiana-nav-group { flex-wrap:wrap; width:100%; }
  .ermiana .ermiana-nav-group > a { min-width:0; flex:1; padding:11px 12px; min-height:44px; }
  .ermiana-submenu-toggle { width:44px; flex-basis:44px; min-height:44px; }
  .ermiana .ermiana-submenu { position:static; transform:none; min-width:0; width:100%; max-width:100%; margin:5px 0; padding:5px; flex-basis:100%; backdrop-filter:none; box-shadow:none; }
  .ermiana .ermiana-submenu::before { display:none; }
  .ermiana .ermiana-submenu > ul { width:100%; overflow-x:auto; }
  .ermiana .ermiana-site:not(.ermiana-enhanced) .ermiana-submenu { display:block; }
  .ermiana .ermiana-submenu a { min-height:44px; padding:11px 12px; }
  .ermiana main .content-card { min-height:0; padding:32px 22px; }
  .ermiana-admin main .body { grid-template-columns:minmax(0,1fr); }
  .ermiana-admin .nav-sub { grid-row:1; border-left:0; border-bottom:1px solid #2a4156; padding:20px 16px; }
  .ermiana-admin .nav-sub ul { display:flex; flex-wrap:wrap; gap:4px; }
  .ermiana-admin .nav-sub .menu_category { width:100%; padding:12px 8px 4px; }
  .ermiana-admin .nav-sub .spacer { display:none; }
  .ermiana-admin .ermiana-admin-collapsible > .ermiana-nav-heading { display:none; }
  .ermiana-admin-disclosures { display:grid; gap:10px; }
  .ermiana-admin-disclosure { min-width:0; border:1px solid var(--ermiana-line); border-radius:8px; background:rgba(7,17,26,.78); }
  .ermiana-admin-disclosure summary { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:48px; padding:12px 14px; color:var(--ermiana-text); cursor:pointer; list-style:none; overflow-wrap:anywhere; }
  .ermiana-admin-disclosure summary::-webkit-details-marker { display:none; }
  .ermiana-admin-disclosure summary::after { content:"+"; flex:none; color:var(--ermiana-blue); font-size:20px; }
  .ermiana-admin-disclosure[open] summary::after { content:"−"; }
  .ermiana-admin-disclosure[open] summary { border-bottom:1px solid var(--ermiana-line); }
  .ermiana-admin .nav-sub .ermiana-admin-disclosure > ul { display:block; margin:0; padding:6px; }
  .ermiana-admin .nav-sub .ermiana-admin-disclosure > ul > li { display:block; width:100%; margin:0; }

  .ermiana .content-card h1,.ermiana .content-card h2 { font-size:27px; }
  .ermiana input[type=text],.ermiana input[type=password],.ermiana input[type=email],.ermiana textarea,.ermiana select { font-size:16px; }
  .ermiana #acp-panel { flex-direction:column; }
  .ermiana #acp-panel .panelnav { width:100%; }
  .ermiana #acp-panel .panel { border-left:0; border-top:1px solid #35526b; }
  .ermiana #panelmenu { display:flex; flex-wrap:wrap; }
  .ermiana .bio_main_image { float:none; margin:0 auto 22px; }
  .ermiana footer { margin:0 22px; justify-content:flex-start; padding:18px 0; }
  .ermiana-login .card { padding:26px 22px; }
}
/* Restore Login's full viewport backdrop after narrow header overrides. */
.ermiana-login header .background,.ermiana-login header .gradient { top:0; width:100%; height:100%; clip-path:none; }
@media(prefers-reduced-motion:reduce) { .ermiana * { transition:none!important; scroll-behavior:auto!important; } }
@media print {
  body.ermiana { background:white; color:black; }
  .ermiana .ermiana-site { width:100%; margin:0; border:0; box-shadow:none; }
  .ermiana header,.ermiana footer,.ermiana .nav-sub,.ermiana .panel-wrapper,.ermiana-subnav-fallback { display:none!important; }
  .ermiana main .body { display:block; }
  .ermiana main .content-card { padding:0; color:black; }
  .ermiana h1,.ermiana h2,.ermiana h3,.ermiana h4,.ermiana a { color:black; }
}