/* ==========================================================================
   ACU Research — design tokens and base layer
   Brand navy and orange from acibadem.edu.tr, carried by a cool blue-grey
   neutral scale (never brown) and a small set of saturated accents.
   ========================================================================== */

:root {
	/* Brand */
	--acur-navy: #00377B;
	--acur-navy-d: #002A5E;
	--acur-navy-dd: #041B3D;
	--acur-royal: #0B4EA6;      /* one step lighter than the brand navy */
	--acur-blue: #1F6FD6;       /* electric blue for links, glows and gradients */
	--acur-azure: #3E8EF7;
	--acur-sky: #8DBBFF;
	--acur-ice: #E8F0FC;
	--acur-mist: #F1F5FB;

	--acur-orange: #F37021;
	--acur-orange-d: #C2510E;   /* text-safe orange on white (AA) */
	--acur-orange-l: #FFA26B;
	--acur-coral: #FF7A3D;
	--acur-peach: #FFF2EA;

	/* Secondary accents for theme tiles and small marks */
	--acur-teal: #0E9F8E;
	--acur-teal-l: #E3F6F3;
	--acur-violet: #6A4FE0;
	--acur-violet-l: #EEEBFB;
	--acur-rose: #E0457B;
	--acur-rose-l: #FCE9F0;
	--acur-green: #1F9D55;
	--acur-green-l: #E6F5EC;
	--acur-amber: #E59A0B;
	--acur-amber-l: #FDF4E1;

	/* Neutrals: a cool scale that sits with the navy */
	--acur-ink: #14213D;
	--acur-ink-2: #4B5873;
	--acur-ink-3: #7B869C;
	--acur-white: #ffffff;
	--acur-cream: #FBF7F2;
	--acur-line: rgba(20, 33, 61, .09);
	--acur-line-navy: rgba(0, 55, 123, .12);

	/* Type */
	--acur-font: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	--acur-font-heading: 'ASG Ekster', 'Poppins', sans-serif;

	--acur-fs-xs: .75rem;
	--acur-fs-sm: .84375rem;
	--acur-fs-base: .9375rem;
	--acur-fs-lg: clamp(.96875rem, .93rem + .2vw, 1.0625rem);
	--acur-fs-h4: clamp(1rem, .96rem + .25vw, 1.125rem);
	--acur-fs-h3: clamp(1.1875rem, 1.08rem + .5vw, 1.375rem);
	--acur-fs-h2: clamp(1.5rem, 1.2rem + 1.2vw, 2.125rem);
	--acur-fs-h1: clamp(1.875rem, 1.4rem + 2vw, 3rem);

	/* Layout */
	--acur-pad-x: clamp(18px, 3.4vw, 50px); /* the same side gutter as the main site */
	--acur-wrap: 1600px;
	--acur-section-y: clamp(30px, 3.6vw, 52px);
	--acur-gap: clamp(14px, 1.6vw, 22px);

	/* Shape and motion */
	--acur-r-sm: 10px;
	--acur-r: 14px;
	--acur-r-lg: 18px;
	--acur-shadow: 0 1px 2px rgba(0, 43, 94, .04), 0 8px 24px -12px rgba(0, 43, 94, .14);
	--acur-shadow-lg: 0 2px 4px rgba(0, 43, 94, .04), 0 24px 48px -24px rgba(0, 43, 94, .26);
	--acur-ease: cubic-bezier(.22, .8, .24, 1);
	--acur-focus: 0 0 0 3px #fff, 0 0 0 6px var(--acur-blue);

	/* Glass. The rule of the house: glass is only glass when there is colour
	   behind it, so the page carries a fixed field of coloured light and every
	   surface is translucent and blurs it. */
	--acur-page: #F3F6FB;
	--acur-glass: linear-gradient(158deg, rgba(255, 255, 255, .64), rgba(255, 255, 255, .3) 52%, rgba(255, 255, 255, .48));
	--acur-glass-strong: linear-gradient(158deg, rgba(255, 255, 255, .86), rgba(255, 255, 255, .66) 52%, rgba(255, 255, 255, .78));
	--acur-glass-dark: linear-gradient(158deg, rgba(0, 42, 94, .86), rgba(4, 27, 61, .92));
	--acur-glass-edge: rgba(255, 255, 255, .78);
	--acur-glass-blur: blur(26px) saturate(1.85);
	--acur-glass-shadow: 0 1px 1px rgba(0, 43, 94, .03), 0 22px 56px -22px rgba(0, 43, 94, .2);
	--acur-glass-inset: inset 0 1px 0 rgba(255, 255, 255, .95), inset 0 -1px 0 rgba(255, 255, 255, .35), inset 0 0 0 1px rgba(255, 255, 255, .6);
	--acur-float: 12px;         /* gap between the floating bars and the viewport edge */
	--acur-header-h: 140px;     /* utility bar + masthead, so dark openings can run behind them */
}

/* Reset ------------------------------------------------------------------ */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 96px; }
body {
	margin: 0;
	background:
		radial-gradient(1100px 760px at 88% -6%, rgba(31, 111, 214, .2), transparent 72%),
		radial-gradient(900px 700px at -10% 28%, rgba(62, 142, 247, .14), transparent 72%),
		radial-gradient(860px 680px at 108% 62%, rgba(243, 112, 33, .12), transparent 72%),
		radial-gradient(1000px 800px at 10% 108%, rgba(31, 111, 214, .14), transparent 72%),
		linear-gradient(180deg, #F4F7FC, #EFF3FA);
	background-attachment: fixed;
	color: var(--acur-ink);
	font-family: var(--acur-font);
	font-size: var(--acur-fs-base);
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
img, svg, video, iframe { display: block; max-width: 100%; }
img, video { height: auto; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
a { color: var(--acur-navy); text-underline-offset: .18em; text-decoration-thickness: .06em; }
a:hover { color: var(--acur-blue); }
p, ul, ol, figure, blockquote { margin: 0; }
ul[class], ol[class] { padding: 0; list-style: none; }
em, i, cite, address { font-style: normal; } /* house rule: no italics */

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-family: var(--acur-font-heading);
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -.01em;
	color: var(--acur-navy);
	text-wrap: balance;
}
h1 { font-size: var(--acur-fs-h1); font-weight: 800; line-height: 1.06; letter-spacing: -.02em; }
h2 { font-size: var(--acur-fs-h2); letter-spacing: -.015em; }
h3 { font-size: var(--acur-fs-h3); }
h4 { font-size: var(--acur-fs-h4); }

/* Accessibility ----------------------------------------------------------- */
:focus-visible { outline: none; box-shadow: var(--acur-focus); border-radius: 6px; }
.acur-sr-only {
	position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
	overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}
.acur-skip {
	position: absolute; left: 16px; top: -80px; z-index: 1000;
	padding: 12px 20px; border-radius: 999px;
	background: var(--acur-navy); color: #fff; font-weight: 600; text-decoration: none;
	transition: top .2s var(--acur-ease);
}
.acur-skip:focus { top: 16px; color: #fff; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Layout ------------------------------------------------------------------ */
.acur-wrap {
	width: 100%;
	max-width: calc(var(--acur-wrap) + 2 * var(--acur-pad-x));
	margin-inline: auto;
	padding-inline: var(--acur-pad-x);
}
.acur-section { padding-block: var(--acur-section-y); }
.acur-main { position: relative; z-index: 0; min-height: 60vh; }

/* The dark opening of every inner page. Its height is set per template with --top-h,
   so the page head sits on navy and the first panel overlaps its lower edge. */
.acur-top {
	--top-h: 270px;
	position: absolute; left: 0; right: 0; top: calc(-1 * var(--acur-header-h)); z-index: -1;
	height: calc(var(--acur-header-h) + var(--top-h)); overflow: hidden;
	background:
		radial-gradient(760px 520px at 6% 0%, rgba(106, 79, 224, .3), transparent 60%),
		radial-gradient(640px 460px at 96% 8%, rgba(14, 159, 142, .18), transparent 60%),
		linear-gradient(118deg, #060E24 0%, #0A1D44 45%, #0B2A5E 100%);
}
.acur-top__photo { position: absolute; inset: 0; background-position: center 35%; background-size: cover; opacity: .16; mix-blend-mode: screen; filter: saturate(.8); }
.acur-top__grid { position: absolute; inset: 0; background-image: radial-gradient(rgba(255, 255, 255, .12) 1px, transparent 1.2px); background-size: 28px 28px; -webkit-mask-image: radial-gradient(ellipse 70% 80% at 50% 50%, #000 20%, transparent 80%); mask-image: radial-gradient(ellipse 70% 80% at 50% 50%, #000 20%, transparent 80%); opacity: .5; }
.acur-top__veil { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(6, 14, 36, .2), rgba(6, 14, 36, 0) 40%, rgba(6, 14, 36, .35)); }
.acur-top::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .18), transparent); }

/* Heads that sit directly on the band turn white; glass panels keep their own colours */
.acur-has-top .acur-crumbs__list { color: rgba(255, 255, 255, .62); }
.acur-has-top .acur-crumbs__link:hover { color: #fff; }
.acur-has-top .acur-lhead__title, .acur-has-top .acur-thead__name, .acur-has-top .acur-article__title, .acur-has-top .acur-phead__name, .acur-has-top .acur-vhead__title { color: #fff; }
.acur-has-top .acur-lhead__intro, .acur-has-top .acur-thead__stand, .acur-has-top .acur-article__standfirst, .acur-has-top .acur-vhead__stand { color: rgba(255, 255, 255, .78); }
.acur-has-top .acur-thead__kicker, .acur-has-top .acur-article__meta, .acur-has-top .acur-article__caption, .acur-has-top .acur-thead__fact-l, .acur-has-top .acur-vhead__meta { color: rgba(255, 255, 255, .7); }
.acur-has-top .acur-thead__fact-n { color: #fff; }
.acur-has-top .acur-thead__of { color: rgba(255, 255, 255, .5); }
.acur-has-top .acur-thead { border-bottom-color: rgba(255, 255, 255, .14); }
.acur-has-top .acur-thead__orb { background: var(--acur-orange); }
.acur-has-top .acur-thead__fact + .acur-thead__fact { border-left-color: rgba(255, 255, 255, .18); }
.acur-has-top .acur-article__headgrid { border-bottom-color: rgba(255, 255, 255, .14); }
.acur-has-top .acur-article__meta-item .acur-icon { color: var(--acur-orange-l); }
.acur-has-top .acur-phead__position, .acur-has-top .acur-phead__unit { color: rgba(255, 255, 255, .78); }
.acur-has-top .acur-phead__unit-text--uni { color: #fff; }
.acur-has-top .acur-phead { border-bottom-color: rgba(255, 255, 255, .14); }
/* Group and facility heads */
.acur-has-top .acur-ghead { border-bottom-color: rgba(255, 255, 255, .14); }
.acur-has-top .acur-ghead__name, .acur-has-top .acur-ghead__fact-n { color: #fff; }
.acur-has-top .acur-ghead__prop { color: rgba(255, 255, 255, .78); }
.acur-has-top .acur-ghead__kind, .acur-has-top .acur-ghead__fact-l { color: rgba(255, 255, 255, .7); }
.acur-has-top .acur-ghead__fact + .acur-ghead__fact { border-left-color: rgba(255, 255, 255, .18); }
.acur-has-top .acur-ghead .acur-btn--ghost { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .34); color: #fff; }
.acur-has-top .acur-ghead .acur-btn--ghost:hover { background: rgba(255, 255, 255, .12); color: #fff; }
/* Essay, interview and episode heads */
.acur-has-top .acur-vhead { border-bottom-color: rgba(255, 255, 255, .14); }
.acur-has-top .acur-vhead__ep, .acur-has-top .acur-vhead__author-role, .acur-has-top .acur-vhead__facts, .acur-has-top .acur-vhead__hint { color: rgba(255, 255, 255, .7); }
.acur-has-top .acur-vhead__author, .acur-has-top .acur-vhead__author:hover { color: #fff; }
.acur-has-top .acur-vhead__fact .acur-icon { color: var(--acur-orange-l); }
.acur-has-top .acur-vhead__kicker .acur-pill--light { background: rgba(255, 255, 255, .12); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 0 0 1px rgba(255, 255, 255, .14); color: #fff; }
.acur-has-top .acur-vhead__kicker .acur-pill--light .acur-icon { color: var(--acur-orange-l); }

/* Band height per template: a fallback, measured from the real head by site.js.
   --top-gap lets the next panel overlap the band's lower edge on listing pages. */
.acur-page-media .acur-top { --top-gap: 36px; }
/* Listing heads: a taller opening, and the first panel sits clear of the band on the light page */
.acur-has-top .acur-lhead { padding-top: clamp(14px, 2.4vw, 40px); margin-bottom: clamp(104px, 9vw, 128px); }
.acur-has-top .acur-mhead { padding-top: clamp(14px, 2.4vw, 40px); }
.single-acur_news .acur-top, .single-acur_voice .acur-top, .single-acur_podcast .acur-top { --top-h: 470px; }
.single-acur_person .acur-top { --top-h: 330px; }
.single-acur_group .acur-top, .single-acur_facility .acur-top { --top-h: 410px; }
.page .acur-top, .post-type-archive-acur_bulletin .acur-top, .single-acur_bulletin .acur-top, .error404 .acur-top { --top-h: 230px; }
.tax-acur_theme .acur-top, .acur-page-collaborate .acur-top { --top-h: 410px; }
.acur-page-media .acur-top { --top-h: 340px; }
@media (max-width: 782px) {
	.acur-top { --top-h: 300px; }
	.tax-acur_theme .acur-top, .acur-page-collaborate .acur-top { --top-h: 480px; }
	.single-acur_news .acur-top, .single-acur_voice .acur-top, .single-acur_podcast .acur-top { --top-h: 560px; }
	.single-acur_person .acur-top { --top-h: 420px; }
}

/* Glass surface -------------------------------------------------------------
   The blur lives on ::before so that panels nested inside a glass surface can
   still blur the page behind them. */
.acur-glass { position: relative; isolation: isolate; border-radius: var(--acur-r-lg); box-shadow: var(--acur-glass-shadow); }
.acur-glass::before {
	content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit;
	background: var(--acur-glass);
	-webkit-backdrop-filter: var(--acur-glass-blur); backdrop-filter: var(--acur-glass-blur);
	box-shadow: var(--acur-glass-inset);
}
.acur-glass--dark { color: #fff; box-shadow: 0 24px 60px -24px rgba(0, 28, 64, .6); }
.acur-glass--dark::before {
	background: var(--acur-glass-dark);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), inset 0 0 0 1px rgba(255, 255, 255, .12);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.acur-glass::before { background: rgba(255, 255, 255, .94); }
	.acur-glass--dark::before { background: var(--acur-navy-d); }
}
/* The light that sweeps across a glass surface every few seconds */
@keyframes acur-sweep { 0%, 64% { transform: translateX(-140%) skewX(-18deg); } 88%, 100% { transform: translateX(260%) skewX(-18deg); } }

/* Buttons ----------------------------------------------------------------- */
.acur-btn {
	position: relative; isolation: isolate;
	display: inline-flex; align-items: center; justify-content: center; gap: 9px;
	min-height: 44px; padding: 0 22px;
	border: 0; border-radius: 999px;
	font-weight: 600; font-size: var(--acur-fs-sm); line-height: 1; text-decoration: none; white-space: nowrap;
	transition: transform .3s var(--acur-ease), box-shadow .3s var(--acur-ease), color .2s var(--acur-ease), background-color .2s var(--acur-ease);
}
.acur-btn:hover { transform: translateY(-1px); }
.acur-btn:active { transform: translateY(0); }
.acur-btn--primary {
	background: var(--acur-navy);
	color: #fff;
	box-shadow: 0 8px 20px -10px rgba(0, 55, 123, .6);
}
.acur-btn--primary:hover { color: #fff; background: var(--acur-royal); box-shadow: 0 12px 26px -10px rgba(0, 55, 123, .7); }
.acur-btn--accent {
	background: var(--acur-orange);
	color: #fff;
	box-shadow: 0 8px 20px -10px rgba(243, 112, 33, .7);
}
.acur-btn--accent:hover { color: #fff; background: var(--acur-coral); box-shadow: 0 12px 26px -10px rgba(243, 112, 33, .8); }
.acur-btn--ghost {
	background: rgba(255, 255, 255, .6); color: var(--acur-navy);
	-webkit-backdrop-filter: var(--acur-glass-blur); backdrop-filter: var(--acur-glass-blur);
	box-shadow: var(--acur-glass-inset), 0 8px 20px -12px rgba(0, 43, 94, .4);
}
.acur-btn--ghost:hover { background: rgba(255, 255, 255, .9); color: var(--acur-navy); }
.acur-btn--light {
	background: rgba(255, 255, 255, .12); color: #fff;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28);
}
.acur-btn--light:hover { background: rgba(255, 255, 255, .2); color: #fff; }

/* Theme tag ------------------------------------------------------------------ */
.acur-tag {
	display: inline-flex; align-items: center; gap: 8px; min-height: 28px; padding: 0 12px 0 10px;
	border-radius: 999px; background: #fff;
	box-shadow: 0 0 0 1px var(--acur-line-navy), 0 6px 14px -10px rgba(0, 55, 123, .5);
	color: var(--acur-navy); font-size: .6875rem; font-weight: 700; letter-spacing: .08em; line-height: 1; text-transform: uppercase; text-decoration: none; white-space: nowrap;
	transition: transform .25s var(--acur-ease), background-color .2s var(--acur-ease), color .2s var(--acur-ease);
}
.acur-tag__dot { width: 7px; height: 7px; border-radius: 50%; background: var(--acur-orange); }
a.acur-tag:hover { transform: translateY(-1px); background: var(--acur-navy); color: #fff; box-shadow: none; }
a.acur-tag:hover .acur-tag__dot { background: var(--acur-orange-l); }

/* Kicker: the small line above a heading, with a short rule on each side */
.acur-kicker {
	display: inline-flex; align-items: center; gap: 10px;
	color: var(--acur-blue); font-size: .6875rem; font-weight: 700; letter-spacing: .18em; line-height: 1.2; text-transform: uppercase;
}
.acur-kicker::before, .acur-kicker::after { content: ""; width: 24px; height: 2px; border-radius: 2px; }
.acur-kicker::before { background: linear-gradient(90deg, transparent, var(--acur-blue)); }
.acur-kicker::after { background: linear-gradient(90deg, var(--acur-blue), transparent); }
.acur-kicker--left::after { display: none; }
.acur-kicker--light { color: var(--acur-orange-l); }
.acur-kicker--light::before { background: linear-gradient(90deg, transparent, var(--acur-orange-l)); }
.acur-kicker--light::after { background: linear-gradient(90deg, var(--acur-orange-l), transparent); }

/* Researcher avatar ------------------------------------------------------------ */
.acur-avatar { flex: none; display: block; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 2px #fff, 0 4px 12px -6px rgba(0, 43, 94, .5); }
.acur-avatar--initials {
	display: grid; place-items: center;
	background: linear-gradient(150deg, var(--acur-blue), var(--acur-navy) 60%, var(--acur-navy-d));
	color: #fff; font-family: var(--acur-font-heading); font-weight: 700; letter-spacing: .02em; line-height: 1;
}