/* Alrad News — global footer + system pages */
[x-cloak]{display:none!important}

:where(a,button,input,textarea,select):focus-visible{
	outline:3px solid rgba(38,198,218,.75);
	outline-offset:3px
}
@media(prefers-reduced-motion:reduce){
	html{scroll-behavior:auto!important}
	*,*::before,*::after{
		animation-duration:.01ms!important;
		animation-iteration-count:1!important;
		transition-duration:.01ms!important
	}
}
.alrad-footer{
	margin-top:56px;
	background:
		radial-gradient(circle at 80% 0%,rgba(38,198,218,.08),transparent 22rem),
		linear-gradient(135deg,#061638 0%,#081B4B 58%,#0A2D73 100%);
	color:#fff;
	border-top:1px solid rgba(255,255,255,.08)
}
.alrad-footer__main{
	display:grid;
	grid-template-columns:1.1fr .9fr .9fr;
	gap:34px;
	padding:38px 0 28px
}
.alrad-footer__brand{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.alrad-footer__logo{width:48px;height:48px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04)}
.alrad-footer__logo img{width:100%;height:100%;object-fit:contain;display:block}
.alrad-footer__brand strong{display:block;font-family:var(--font-display);font-size:1.1rem}
.alrad-footer__brand span{display:block;margin-top:4px;color:#8FB5FF;font-family:"IBM Plex Sans",sans-serif;font-size:.58rem;letter-spacing:.14em;direction:ltr}
.alrad-footer__about{margin:0;color:#B8C8E3;line-height:1.8;font-size:.79rem;max-width:520px}
.alrad-footer__title{margin:0 0 11px;font-family:var(--font-display);font-size:.88rem}
.alrad-footer__links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 16px}
.alrad-footer__links a{color:#DDE8F8;text-decoration:none;font-size:.76rem}
.alrad-footer__links a:hover{color:#7DEBF5}
.alrad-footer__meta{margin-top:10px;color:#9EB2D3;font-size:.70rem;line-height:1.7}
.alrad-footer__bottom{border-top:1px solid rgba(255,255,255,.08)}
.alrad-footer__bottom-inner{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#91A5C5;font-size:.69rem}
.alrad-footer__bottom-inner strong{color:#DDE8F8;font-weight:700}
.alrad-system{
	padding:46px 0 72px
}
.alrad-system__hero{
	max-width:900px;
	margin-inline:auto;
	text-align:center
}
.alrad-system__kicker{
	display:inline-flex;
	align-items:center;
	min-height:30px;
	padding:0 11px;
	border-radius:999px;
	background:rgba(30,91,219,.07);
	border:1px solid rgba(30,91,219,.12);
	color:var(--alrad-blue-bright);
	font-size:.70rem;
	font-weight:800
}
.alrad-system__hero h1{
	margin:14px 0 10px;
	font-family:var(--font-display);
	font-size:clamp(2rem,5vw,4rem);
	line-height:1.15;
	letter-spacing:-.045em
}
.alrad-system__hero p{
	margin:0 auto;
	max-width:720px;
	color:var(--alrad-muted);
	line-height:1.85
}
.alrad-system-search{
	display:flex;
	align-items:center;
	gap:9px;
	max-width:650px;
	margin:24px auto 0
}
.alrad-system-search input{
	flex:1;
	min-width:0;
	height:48px;
	border:1px solid var(--alrad-border);
	border-radius:14px;
	background:var(--alrad-surface-solid);
	color:var(--alrad-text);
	padding:0 14px;
	outline:none
}
.alrad-system-search button{
	height:48px;
	border:0;
	border-radius:14px;
	padding:0 20px;
	background:linear-gradient(135deg,#123B8F,#1E5BDB);
	color:#fff;
	font-weight:800;
	cursor:pointer
}
.alrad-search-results{
	max-width:930px;
	margin:34px auto 0;
	display:grid;
	gap:12px
}
.alrad-search-card{
	display:grid;
	grid-template-columns:150px minmax(0,1fr);
	gap:14px;
	border:1px solid var(--alrad-border);
	border-radius:18px;
	background:var(--alrad-surface-solid);
	overflow:hidden
}
.alrad-search-card__media{
	min-height:112px;
	background:linear-gradient(135deg,#081B4B,#123B8F);
	background-size:cover;
	background-position:center
}
.alrad-search-card__body{padding:14px 15px 14px 0}
.alrad-search-card__body span{color:var(--alrad-blue-bright);font-size:.66rem;font-weight:800}
.alrad-search-card h2{margin:6px 0 7px;font-family:var(--font-display);font-size:1rem;line-height:1.55}
.alrad-search-card p{margin:0;color:var(--alrad-muted);font-size:.76rem;line-height:1.7}
.alrad-system-empty{
	max-width:720px;
	margin:32px auto 0;
	padding:24px;
	text-align:center;
	border:1px dashed rgba(30,91,219,.22);
	border-radius:18px;
	background:rgba(30,91,219,.035);
	color:var(--alrad-muted)
}
.alrad-404-code{
	font-family:"IBM Plex Sans",sans-serif;
	font-size:clamp(4.5rem,15vw,10rem);
	line-height:.9;
	font-weight:700;
	letter-spacing:-.08em;
	background:linear-gradient(135deg,#123B8F,#1E5BDB 55%,#26C6DA);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
	margin-bottom:18px
}
.alrad-system-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:22px}
.alrad-system-action{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:12px;text-decoration:none;border:1px solid var(--alrad-border);background:var(--alrad-surface-solid);font-size:.75rem;font-weight:800}
.alrad-system-action--primary{color:#fff;border-color:transparent;background:linear-gradient(135deg,#123B8F,#1E5BDB)}
@media(max-width:820px){
	.alrad-footer__main{grid-template-columns:1fr 1fr}
	.alrad-footer__brandcol{grid-column:1/-1}
}
@media(max-width:640px){
	.alrad-footer__main{grid-template-columns:1fr;gap:24px}
	.alrad-footer__brandcol{grid-column:auto}
	.alrad-footer__bottom-inner{align-items:flex-start;flex-direction:column;justify-content:center;padding:15px 0}
	.alrad-search-card{grid-template-columns:1fr}
	.alrad-search-card__media{min-height:190px}
	.alrad-search-card__body{padding:14px}
}

.alrad-generic{padding:42px 0 72px}
.alrad-generic__head{max-width:930px;margin:0 auto 26px;padding-bottom:22px;border-bottom:1px solid var(--alrad-border)}
.alrad-generic__head h1{margin:0;font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3.8rem);line-height:1.15;letter-spacing:-.045em}
.alrad-generic__head p,.alrad-generic__head .taxonomy-description{margin:10px 0 0;color:var(--alrad-muted);line-height:1.8}
.alrad-generic__content{max-width:930px;margin-inline:auto}
.alrad-generic__list{display:grid;gap:13px}
.alrad-generic__card{display:grid;grid-template-columns:180px minmax(0,1fr);gap:15px;border:1px solid var(--alrad-border);border-radius:18px;overflow:hidden;background:var(--alrad-surface-solid)}
.alrad-generic__media{min-height:125px;background:linear-gradient(135deg,#081B4B,#123B8F);background-size:cover;background-position:center}
.alrad-generic__body{padding:15px 16px 15px 0}
.alrad-generic__body time{color:var(--alrad-blue-bright);font-size:.66rem;font-weight:800}
.alrad-generic__body h2{margin:6px 0 8px;font-family:var(--font-display);font-size:1rem;line-height:1.55}
.alrad-generic__body p{margin:0;color:var(--alrad-muted);font-size:.77rem;line-height:1.7}
.alrad-generic__pagination{margin-top:26px;display:flex;justify-content:space-between;gap:12px}
.alrad-generic__pagination a{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border-radius:11px;border:1px solid var(--alrad-border);background:var(--alrad-surface-solid);text-decoration:none;font-size:.73rem;font-weight:800}
.alrad-page-article{max-width:860px;margin-inline:auto;border:1px solid var(--alrad-border);border-radius:22px;background:var(--alrad-surface-solid);padding:28px;box-shadow:0 16px 46px rgba(8,27,75,.05)}
.alrad-page-article h1{margin:0 0 20px;font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3.8rem);line-height:1.15;letter-spacing:-.045em}
.alrad-page-article__cover{margin:0 0 24px;border-radius:18px;overflow:hidden}
.alrad-page-article__cover img{display:block;width:100%;height:auto}
.alrad-page-article__content{line-height:1.95}
.alrad-page-article__content p{margin:0 0 1.25em}
.alrad-page-article__content h2,.alrad-page-article__content h3{font-family:var(--font-display);margin:1.5em 0 .7em}
@media(max-width:640px){.alrad-generic__card{grid-template-columns:1fr}.alrad-generic__media{min-height:200px}.alrad-generic__body{padding:15px}.alrad-page-article{padding:20px}}

/* Mobile-only app navigation. Desktop remains unchanged. */
.alrad-app-nav{display:none!important}

@media(max-width:820px){
	body{padding-bottom:calc(98px + env(safe-area-inset-bottom))}
	.alrad-menu-button{display:none!important}
	.alrad-app-nav{
		position:fixed;
		z-index:100;
		left:12px;
		right:12px;
		bottom:0;
		height:calc(78px + env(safe-area-inset-bottom));
		display:grid!important;
		grid-template-columns:repeat(5,minmax(0,1fr));
		align-items:stretch;
		padding:0 0 env(safe-area-inset-bottom);
		overflow:hidden;
		border:1px solid rgba(255,255,255,.10);
		border-radius:26px;
		background:
			linear-gradient(135deg,rgba(19,22,64,.98),rgba(35,19,58,.98));
		box-shadow:0 16px 42px rgba(2,8,23,.34);
		backdrop-filter:blur(20px);
		-webkit-backdrop-filter:blur(20px)
	}
	.alrad-app-nav__item{
		appearance:none;
		border:0;
		border-left:1px solid rgba(255,255,255,.035);
		background:transparent;
		color:#D5DBE8;
		min-width:0;
		height:100%;
		padding:10px 2px 8px;
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		gap:6px;
		text-decoration:none;
		font-family:var(--font-sans);
		font-size:.72rem;
		font-weight:700;
		cursor:pointer;
		border-radius:0;
		transition:background .18s ease,color .18s ease
	}
	.alrad-app-nav__item:last-child{border-left:0}
	.alrad-app-nav__item>svg{width:25px;height:25px;flex:0 0 auto}
	.alrad-app-nav__item.is-active{
		color:#fff;
		background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.055))
	}
	.alrad-app-nav__breaking-icon{
		width:auto;
		height:auto;
		margin:0;
		border-radius:0;
		display:grid;
		place-items:center;
		color:currentColor;
		background:transparent;
		border:0;
		box-shadow:none
	}
	.alrad-app-nav__breaking-icon svg{width:25px;height:25px}
	.alrad-app-nav__item--breaking.is-active{
		color:#fff;
		background:linear-gradient(180deg,rgba(69,46,86,.95),rgba(52,33,72,.95))
	}
	.alrad-mobile-panel{
		position:fixed;
		z-index:95;
		left:12px;
		right:12px;
		bottom:calc(86px + env(safe-area-inset-bottom));
		max-height:min(58vh,430px);
		overflow:auto;
		padding:12px!important;
		border:1px solid rgba(255,255,255,.11)!important;
		border-radius:20px;
		background:linear-gradient(145deg,rgba(5,16,43,.985),rgba(9,32,83,.985));
		box-shadow:0 22px 58px rgba(2,8,23,.38);
		backdrop-filter:blur(18px);
		-webkit-backdrop-filter:blur(18px)
	}
	.alrad-mobile-panel .alrad-shell{width:100%!important}
	.alrad-mobile-panel nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
	.alrad-mobile-panel a{min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center}
	.alrad-app-more{
		position:fixed;
		z-index:99;
		left:12px;
		right:12px;
		bottom:calc(86px + env(safe-area-inset-bottom));
		display:grid;
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:8px;
		padding:12px;
		border:1px solid rgba(255,255,255,.11);
		border-radius:20px;
		background:linear-gradient(145deg,rgba(5,16,43,.985),rgba(9,32,83,.985));
		box-shadow:0 22px 58px rgba(2,8,23,.38);
		backdrop-filter:blur(18px);
		-webkit-backdrop-filter:blur(18px)
	}
	.alrad-app-more a{
		min-height:46px;
		display:flex;
		align-items:center;
		justify-content:center;
		padding:8px 10px;
		border:1px solid rgba(255,255,255,.08);
		border-radius:12px;
		background:rgba(255,255,255,.04);
		color:#EDF4FF;
		text-decoration:none;
		font-size:.82rem;
		font-weight:700;
		text-align:center
	}
}
