/* =========================================================================
   PC Manager Edu (College) — কলেজ সংস্করণের নকশা
   theme.css ও কাস্টমাইজারের রঙের পরে লোড হয়। রঙ এখনো --pc-primary,
   --pc-primary-dark ও --pc-accent থেকেই আসে, তাই কাস্টমাইজারে রঙ
   বদলালে এই নকশাও সঙ্গে বদলায়।

   বাংলা টাইপোগ্রাফির নিয়ম এখানেও মানা: letter-spacing ও
   text-transform নেই, line-height উদার।

   বিভাগ:
     ০ টোকেন      ১ সাধারণ উপাদান   ২ হেডার ও মেনু   ৩ হিরো
     ৪ দ্রুত সেবা  ৫ সেকশন          ৬ পরিচিতি        ৭ বাণী
     ৮ প্রোগ্রাম   ৯ নোটিশ বোর্ড     ১০ কর্নার        ১১ শিক্ষক
     ১২ গ্যালারি, ভিডিও, অফিসিয়াল লিংক   ১৩ ভেতরের পাতা ও কার্ড
     ১৪ ফুটার     ১৫ রেসপন্সিভ
   ====================================================================== */

/* ── ০. টোকেন ─────────────────────────────────────────────────────── */

:root {
	--pcc-radius: 14px;
	--pcc-radius-sm: 10px;
	--pcc-line: #e3e8f0;
	--pcc-shadow: 0 1px 2px rgba(15, 30, 60, .05), 0 6px 22px rgba(15, 30, 60, .07);
	--pcc-shadow-lift: 0 2px 4px rgba(15, 30, 60, .06), 0 14px 34px rgba(15, 30, 60, .13);
	--pcc-font-display: 'Noto Serif Bengali', 'Hind Siliguri', 'Noto Sans Bengali', serif;
	--pcc-section: clamp(26px, 3vw, 40px);
	--pc-radius: 10px;
	--pc-shadow: var(--pcc-shadow);
	--pc-border: #e1e6ee;
	--pc-rule: #edf0f5;
}

body.pcedu-college { background-color: var(--pc-page); }

/* ── ১. সাধারণ উপাদান ─────────────────────────────────────────────── */

.pcc-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	border-radius: 999px;
	font-family: var(--pc-font-head);
	font-size: var(--t-base);
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none;
	transition: transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}
.pcc-btn:hover { transform: translateY(-2px); }

.pcc-btn--gold {
	background: var(--pc-accent);
	color: #1c1606;
	box-shadow: 0 8px 22px rgba(0, 0, 0, .22);
}
.pcc-btn--gold:hover { background: #fff; color: var(--pc-primary-dark); }

.pcc-btn--ghost {
	color: #fff;
	border: 1.5px solid rgba(255, 255, 255, .75);
	background: rgba(255, 255, 255, .06);
}
.pcc-btn--ghost:hover { background: #fff; color: var(--pc-primary-dark); border-color: #fff; }

.pcc-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: var(--pc-font-head);
	font-weight: 600;
	color: var(--pc-primary);
	border-block-end: 2px solid var(--pc-accent);
	padding-block-end: 1px;
}
.pcc-link:hover { color: var(--pc-accent); }

.pcc-tag {
	display: inline-block;
	margin-inline-start: 6px;
	padding: 1px 8px;
	border-radius: 999px;
	background: #fdecec;
	color: #b42318;
	font-family: var(--pc-font-head);
	font-size: var(--t-xs);
	font-weight: 600;
	vertical-align: middle;
}

.pcedu-btn {
	border-radius: 999px;
	padding-inline: 20px;
}

/* ── ২. হেডার ও মেনু ──────────────────────────────────────────────── */

.pcedu-college .pcedu-topbar {
	background: var(--pc-primary-dark);
	border-block-end: 0;
	color: rgba(255, 255, 255, .86);
}
.pcedu-college .pcedu-topbar .pcedu-wrap { min-height: 40px; }
.pcedu-college .pcedu-topbar__item { color: rgba(255, 255, 255, .86); }
.pcedu-college .pcedu-topbar__social a { background: rgba(255, 255, 255, .1); }

/* লোগো, নাম ও খোঁজার বাক্স — বাঁ দিক থেকে সাজানো */
.pcedu-college .pcedu-identity {
	background: var(--pc-identity, #fff);
	border-block-end: 1px solid var(--pcc-line);
}
.pcedu-college .pcedu-identity .pcedu-wrap {
	grid-template-columns: auto minmax(0, 1fr) auto;
	padding-block: 16px;
	gap: 18px;
}
.pcedu-college .pcedu-identity__title { text-align: start; }
.pcedu-college .pcedu-name {
	font-family: var(--pcc-font-display);
	font-size: clamp(1.2rem, 2.6vw, var(--pc-name-size, 34px));
	color: var(--pc-name, var(--pc-primary));
}
.pcedu-college .pcedu-meta {
	display: inline-flex;
	margin-block-start: 6px;
	padding: 2px 12px;
	border-radius: 999px;
	background: var(--pc-primary-soft);
	color: var(--pc-primary);
	font-size: var(--t-xs);
}
.pcedu-college .pcedu-identity__logo img,
.pcedu-college .pcedu-identity__logo .custom-logo { max-height: 72px; }

.pcedu-college .pcedu-search input[type="search"] { border-radius: 999px 0 0 999px; }
.pcedu-college .pcedu-search button {
	width: 42px; height: 42px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 50%;
	background: var(--pc-primary-soft);
}
.pcedu-college .pcedu-search button:hover { background: var(--pc-primary); color: #fff; }

/* প্রধান মেনু — গাঢ় নীল বার, সোনালি নিচের দাগ */
.pcedu-college .pcedu-nav {
	background: var(--pc-nav, var(--pc-primary));
	box-shadow: none;
}
.pcedu-college.pcedu-sticky .pcedu-nav { box-shadow: 0 6px 18px rgba(10, 25, 50, .18); }
.pcedu-college .pcedu-nav__home {
	background: transparent;
	color: var(--pc-accent);
}
.pcedu-college .pcedu-nav__home:hover,
.pcedu-college .pcedu-nav__home[aria-current] { background: rgba(255, 255, 255, .08); }

/* ── ৩. হিরো ──────────────────────────────────────────────────────── */

.pcc-hero {
	position: relative;
	isolation: isolate;
	min-height: clamp(460px, 68vh, 640px);
	display: flex;
	align-items: center;
	overflow: hidden;
	background: var(--pc-primary-dark);
	color: #fff;
}

.pcc-hero__media,
.pcc-hero__shade {
	position: absolute;
	inset: 0;
	z-index: -1;
}
.pcc-hero .pcc-hero__slide,
.pcc-hero .pcc-hero__slide:first-child {
	position: absolute;
	inset: 0;
	margin: 0;
}
.pcc-hero__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	transform: scale(1.04);
	transition: transform 6s ease;
}
.pcc-hero .pcedu-slide.is-active .pcc-hero__img { transform: scale(1); }

/* ছবির উপর গাঢ় নীল আস্তরণ — যেকোনো ছবিতেই লেখা স্পষ্ট পড়া যায় */
.pcc-hero__shade {
	z-index: 0;
	background:
		linear-gradient(90deg, rgba(6, 18, 40, .92) 0%, rgba(6, 18, 40, .74) 42%, rgba(6, 18, 40, .25) 100%),
		linear-gradient(0deg, rgba(6, 18, 40, .55) 0%, transparent 40%);
}

.pcc-hero__inner {
	position: relative;
	z-index: 1;
	width: 100%;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 360px);
	gap: clamp(24px, 4vw, 56px);
	align-items: center;
	padding-block: 40px 96px;
}

.pcc-hero__eyebrow {
	display: inline-flex;
	margin: 0 0 14px;
	padding: 4px 14px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .22);
	font-size: var(--t-sm);
	color: rgba(255, 255, 255, .9);
}

.pcc-hero__title {
	margin: 0 0 12px;
	font-family: var(--pcc-font-display);
	font-size: clamp(1.9rem, 4.6vw, 3.4rem);
	font-weight: 700;
	line-height: 1.32;
	color: #fff;
	text-shadow: 0 2px 18px rgba(0, 0, 0, .3);
	max-width: 18ch;
}

.pcc-hero__text {
	margin: 0 0 26px;
	font-size: clamp(1rem, 1.6vw, 1.2rem);
	line-height: var(--lh-snug);
	color: var(--pc-accent);
	font-family: var(--pc-font-head);
	font-weight: 500;
}

.pcc-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0;
}

/* ডান পাশের নোটিশ — কাচের মতো স্বচ্ছ প্যানেল */
.pcc-hero__board {
	background: rgba(255, 255, 255, .1);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: var(--pcc-radius);
	padding: 20px 22px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, .25);
}
.pcc-hero__board-head {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 12px;
	font-family: var(--pc-font-head);
	font-weight: 600;
	color: var(--pc-accent);
}
.pcc-hero__board-head .pcedu-icon { width: 18px; height: 18px; }
.pcc-hero__board ul { list-style: none; margin: 0; padding: 0; }
.pcc-hero__board li {
	margin: 0;
	padding-block: 10px;
	border-block-start: 1px solid rgba(255, 255, 255, .14);
	line-height: var(--lh-snug);
}
.pcc-hero__board time {
	display: block;
	font-size: var(--t-xs);
	color: rgba(255, 255, 255, .7);
	margin-block-end: 2px;
}
.pcc-hero__board a,
.pcc-hero__board li > span { color: #fff; font-size: var(--t-base); }
.pcc-hero__board a:hover { color: var(--pc-accent); }
.pcc-hero__board-all {
	display: inline-block;
	margin-block-start: 8px;
	font-family: var(--pc-font-head);
	font-size: var(--t-sm);
	font-weight: 600;
	color: var(--pc-accent);
}
.pcc-hero__board-all:hover { color: #fff; }

.pcc-hero__controls {
	position: absolute;
	z-index: 2;
	inset-inline-end: max(16px, calc((100vw - var(--pc-shell)) / 2 + 16px));
	bottom: 84px;
	display: flex;
	align-items: center;
	gap: 10px;
}
.pcc-hero__arrow {
	width: 40px; height: 40px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .4);
	background: rgba(255, 255, 255, .08);
	color: #fff;
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
	transition: background .18s ease;
}
.pcc-hero__arrow:hover { background: var(--pc-accent); color: #1c1606; border-color: var(--pc-accent); }
.pcc-hero__dots { display: flex; gap: 6px; }
.pcc-hero__dots button {
	width: 9px; height: 9px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(255, 255, 255, .45);
	cursor: pointer;
	transition: width .25s ease, background .25s ease;
}
.pcc-hero__dots button[aria-selected="true"] { width: 26px; background: var(--pc-accent); }

/* ── ৪. দ্রুত সেবার টাইল ───────────────────────────────────────────── */

.pcc-quick {
	position: relative;
	z-index: 3;
	margin-block-start: -64px;
}
.pcc-hero + .pcc-quick { margin-block-start: -64px; }
.pcc-home > .pcc-quick:first-child { margin-block-start: 24px; }

.pcc-quick__grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	background: #fff;
	border-radius: var(--pcc-radius);
	box-shadow: var(--pcc-shadow-lift);
	overflow: hidden;
}
.pcc-quick__grid li { margin: 0; }
.pcc-quick__grid li + li { border-inline-start: 1px solid var(--pcc-line); }

.pcc-quick__tile {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 22px 12px 20px;
	height: 100%;
	text-align: center;
	color: var(--pc-primary);
	transition: background .18s ease, color .18s ease;
}
.pcc-quick__icon {
	width: 52px; height: 52px;
	display: inline-flex;
	align-items: center; justify-content: center;
	border-radius: 16px;
	background: var(--pc-primary-soft);
	color: var(--pc-primary);
	transition: background .18s ease, color .18s ease, transform .18s ease;
}
.pcc-quick__icon .pcedu-icon { width: 25px; height: 25px; }
.pcc-quick__label {
	font-family: var(--pc-font-head);
	font-weight: 600;
	font-size: var(--t-base);
	line-height: var(--lh-snug);
}
.pcc-quick__tile:hover { background: var(--pc-primary); color: #fff; }
.pcc-quick__tile:hover .pcc-quick__icon {
	background: var(--pc-accent);
	color: #1c1606;
	transform: translateY(-3px);
}

/* নোটিশ স্ক্রলার — হোম পেজে টাইলের নিচে সরু ফিতে */
.pcc-home .pcedu-marquee-wrap { padding-block: 16px 0; }
.pcedu-college .pcedu-marquee {
	border: 1px solid var(--pcc-line);
	border-radius: 999px;
	background: #fff;
	box-shadow: var(--pcc-shadow);
}
.pcedu-college .pcedu-marquee__badge {
	background: var(--pc-primary);
	border-radius: 999px 0 0 999px;
	padding-inline: 18px;
}
.pcedu-college .pcedu-marquee__track { padding-inline-end: 12px; }

/* ── ৫. সেকশন ও শিরোনাম ───────────────────────────────────────────── */

.pcc-section { padding-block: var(--pcc-section); }
.pcc-section--tint { background: color-mix(in srgb, var(--pc-primary-soft) 78%, transparent); }

/* দুটি সাদামাটা সেকশন পাশাপাশি পড়লে মাঝের ফাঁক দ্বিগুণ হতো — দ্বিতীয়টির উপরের ফাঁক বাদ */
.pcc-section:not(.pcc-section--tint) + .pcc-section:not(.pcc-section--tint),
.pcc-section:not(.pcc-section--tint) + .pcedu-section,
.pcedu-section + .pcedu-section { padding-block-start: 0; }

.pcc-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin-block-end: 18px;
	flex-wrap: wrap;
}
.pcc-head__eyebrow {
	margin: 0 0 4px;
	font-family: var(--pc-font-head);
	font-size: var(--t-sm);
	font-weight: 600;
	color: var(--pc-accent);
	display: flex;
	align-items: center;
	gap: 10px;
}
.pcc-head__eyebrow::before {
	content: "";
	width: 28px; height: 2px;
	background: var(--pc-accent);
	border-radius: 2px;
}
.pcc-head__title {
	margin: 0;
	font-family: var(--pcc-font-display);
	font-size: clamp(1.45rem, 2.6vw, 2.05rem);
	font-weight: 700;
	line-height: 1.38;
	color: var(--pc-primary-dark);
}
.pcc-head__more {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	border-radius: 999px;
	border: 1px solid var(--pcc-line);
	background: #fff;
	font-family: var(--pc-font-head);
	font-size: var(--t-sm);
	font-weight: 600;
	color: var(--pc-primary);
	transition: background .18s ease, color .18s ease, border-color .18s ease;
}
.pcc-head__more .pcedu-icon { width: 14px; height: 14px; }
.pcc-head__more:hover { background: var(--pc-primary); border-color: var(--pc-primary); color: #fff; }

/* ── ৬. পরিচিতি ───────────────────────────────────────────────────── */

.pcc-intro__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 360px);
	gap: clamp(24px, 4vw, 48px);
	align-items: start;
}
.pcc-intro__body {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
	gap: 28px;
	align-items: start;
}
.pcc-intro__photo {
	margin: 0;
	position: relative;
}
.pcc-intro__photo img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: var(--pcc-radius);
	display: block;
	box-shadow: var(--pcc-shadow-lift);
	background: var(--pc-primary-soft);
}
.pcc-intro__photo::after {
	content: "";
	position: absolute;
	inset: 14px -14px -14px 14px;
	border: 2px solid var(--pc-accent);
	border-radius: var(--pcc-radius);
	z-index: -1;
}
.pcc-intro__text { text-align: justify; text-align-last: start; }
.pcc-intro__text p { max-width: none; }

.pcc-facts {
	background: var(--pc-primary);
	background-image: linear-gradient(160deg, var(--pc-primary) 0%, var(--pc-primary-dark) 100%);
	color: #fff;
	border-radius: var(--pcc-radius);
	padding: 24px 24px 12px;
	box-shadow: var(--pcc-shadow-lift);
}
.pcc-facts__head {
	margin: 0 0 8px;
	padding-block-end: 12px;
	font-family: var(--pcc-font-display);
	font-size: var(--t-lg);
	color: #fff;
	border-block-end: 2px solid var(--pc-accent);
}
.pcc-facts dl { margin: 0; }
.pcc-facts__row {
	display: grid;
	grid-template-columns: minmax(0, 7.5em) minmax(0, 1fr);
	gap: 10px;
	padding-block: 10px;
	border-block-end: 1px dashed rgba(255, 255, 255, .18);
	line-height: var(--lh-snug);
}
.pcc-facts__row:last-child { border-block-end: 0; }
.pcc-facts dt { color: var(--pc-accent); font-size: var(--t-sm); font-family: var(--pc-font-head); }
.pcc-facts dd { margin: 0; font-size: var(--t-base); }

/* পরিসংখ্যান — হোম পেজে কার্ডগুলো স্বচ্ছ, সংখ্যা বড় */
.pcc-home .pcedu-stats {
	background: var(--pc-stats, var(--pc-primary-dark));
	padding-block: 30px;
}
.pcc-home .pcedu-stat {
	background: transparent;
	border: 0;
	border-inline-start: 1px solid rgba(255, 255, 255, .14);
	border-radius: 0;
	box-shadow: none;
}
.pcc-home .pcedu-stat:first-child { border-inline-start: 0; }
.pcc-home .pcedu-stat:hover { transform: none; background: transparent; }
.pcc-home .pcedu-stat__number { font-size: clamp(1.8rem, 3.6vw, 2.6rem); }

/* ── ৭. বাণী ──────────────────────────────────────────────────────── */

.pcc-messages__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}
.pcc-msg {
	position: relative;
	background: #fff;
	border-radius: var(--pcc-radius);
	padding: 28px;
	box-shadow: var(--pcc-shadow);
	border-block-start: 4px solid var(--pc-accent);
	display: flex;
	flex-direction: column;
}
.pcc-msg__person {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-block-end: 16px;
}
.pcc-msg__photo {
	width: 96px; height: 96px;
	flex: none;
	object-fit: cover;
	border-radius: 50%;
	border: 3px solid #fff;
	box-shadow: 0 0 0 2px var(--pc-accent), var(--pcc-shadow);
	background: var(--pc-primary-soft);
}
.pcc-msg__title {
	margin: 0 0 2px;
	font-family: var(--pcc-font-display);
	font-size: var(--t-lg);
	color: var(--pc-primary-dark);
}
.pcc-msg__name {
	margin: 0;
	font-family: var(--pc-font-head);
	font-weight: 600;
	color: var(--pc-primary);
}
.pcc-msg__role { margin: 0; font-size: var(--t-sm); color: var(--pc-muted); }
.pcc-msg__quote {
	position: relative;
	margin: 0 0 18px;
	padding-inline-start: 22px;
	color: #3a4253;
	text-align: justify;
	text-align-last: start;
	flex: 1;
}
.pcc-msg__quote::before {
	content: "\201C";
	position: absolute;
	inset-inline-start: -4px;
	top: -14px;
	font-family: Georgia, serif;
	font-size: 3.2rem;
	line-height: 1;
	color: var(--pc-accent);
	opacity: .8;
}
.pcc-msg__quote p { max-width: none; }
.pcc-msg .pcc-link { align-self: flex-start; }

/* ── আসন্ন কার্যক্রম ও একাডেমিক ক্যালেন্ডার ──────────────────────── */

.pcc-events__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 16px;
}
.pcc-event {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	background: #fff;
	border: 1px solid var(--pcc-line);
	border-radius: var(--pcc-radius);
	padding: 16px;
	transition: transform .2s ease, box-shadow .2s ease;
}
.pcc-event:hover { transform: translateY(-3px); box-shadow: var(--pcc-shadow-lift); }
.pcc-event__date {
	flex: 0 0 64px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 70px;
	border-radius: 12px;
	background: var(--pc-primary);
	color: #fff;
	line-height: 1.1;
	text-align: center;
}
.pcc-event.is-soon .pcc-event__date { background: var(--pc-accent); color: var(--pc-primary-dark); }
.pcc-event__day { font-family: var(--pcc-font-display); font-size: 1.7rem; font-weight: 700; }
.pcc-event__month { font-size: var(--t-xs, .8rem); margin-top: 2px; opacity: .9; }
.pcc-event__body { min-width: 0; }
.pcc-event__title {
	margin: 2px 0 4px;
	font-size: var(--t-base, 1rem);
	line-height: var(--lh-snug);
	color: var(--pc-primary-dark);
}
.pcc-event__note {
	margin: 0 0 8px;
	font-size: var(--t-sm);
	line-height: var(--lh-ui);
	color: var(--pc-muted);
}
.pcc-event__badge {
	display: inline-block;
	font-size: var(--t-xs, .78rem);
	padding: 2px 10px;
	border-radius: 999px;
	background: var(--pc-primary-soft);
	color: var(--pc-primary);
	font-weight: 600;
}
.pcc-home > .pcc-events:last-child { padding-block-end: var(--pcc-section); }

/* ── ৮. একাডেমিক প্রোগ্রাম ─────────────────────────────────────────── */

.pcc-programs__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
	gap: 18px;
}
.pcc-prog {
	position: relative;
	background: #fff;
	border: 1px solid var(--pcc-line);
	border-radius: var(--pcc-radius);
	padding: 24px 22px 22px;
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
	overflow: hidden;
}
.pcc-prog::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	height: 3px;
	background: var(--pc-accent);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .25s ease;
}
.pcc-prog:hover {
	transform: translateY(-4px);
	box-shadow: var(--pcc-shadow-lift);
	border-color: transparent;
}
.pcc-prog:hover::after { transform: scaleX(1); }
.pcc-prog__icon {
	width: 50px; height: 50px;
	display: inline-flex;
	align-items: center; justify-content: center;
	border-radius: 14px;
	background: var(--pc-primary);
	color: var(--pc-accent);
	margin-block-end: 16px;
}
.pcc-prog__icon .pcedu-icon { width: 24px; height: 24px; }
.pcc-prog__title {
	margin: 0 0 8px;
	font-size: var(--t-md);
	line-height: var(--lh-snug);
}
.pcc-prog__title a { color: var(--pc-primary-dark); }
.pcc-prog__title a::before { content: ""; position: absolute; inset: 0; }
.pcc-prog__title a:hover { color: var(--pc-primary); }
.pcc-prog__text {
	margin: 0;
	font-size: var(--t-sm);
	line-height: var(--lh-ui);
	color: var(--pc-muted);
}

/* ── ৯. নোটিশ বোর্ড ও পাশের অংশ ────────────────────────────────────── */
.pcc-section:not(.pcc-section--tint) + .pcc-board { padding-block-start: 0; }

.pcc-board__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 340px);
	gap: clamp(24px, 3vw, 36px);
	align-items: start;
}

.pcc-notices {
	list-style: none;
	margin: 0;
	padding: 6px 22px;
	background: #fff;
	border: 1px solid var(--pcc-line);
	border-radius: var(--pcc-radius);
	box-shadow: var(--pcc-shadow);
}
.pcc-notice {
	display: flex;
	gap: 16px;
	align-items: center;
	margin: 0;
	padding-block: 14px;
	border-block-end: 1px solid var(--pc-rule);
}
.pcc-notice:last-child { border-block-end: 0; }
.pcc-notice__date {
	flex: none;
	width: 58px;
	padding-block: 6px;
	text-align: center;
	border-radius: var(--pcc-radius-sm);
	background: var(--pc-primary-soft);
	color: var(--pc-primary);
	line-height: 1.25;
	transition: background .18s ease, color .18s ease;
}
.pcc-notice__date b {
	display: block;
	font-family: var(--pc-font-head);
	font-size: 1.35rem;
	font-weight: 700;
}
.pcc-notice__date span { font-size: var(--t-xs); }
.pcc-notice:hover .pcc-notice__date { background: var(--pc-primary); color: #fff; }
.pcc-notice__body { min-width: 0; line-height: var(--lh-snug); }
.pcc-notice__title { color: var(--pc-ink); font-size: var(--t-body); }
a.pcc-notice__title:hover { color: var(--pc-primary); }

.pcc-board__side { display: grid; gap: 20px; }
.pcc-board__side > * { margin: 0; }

/* ── ১০. সেবা ও তথ্য কর্নার ───────────────────────────────────────── */

.pcc-corners .pcedu-corners {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}
.pcc-corners .pcedu-corner__inner {
	grid-template-columns: minmax(0, 1fr);
	gap: 12px;
}
.pcc-corners .pcedu-corner__media img {
	aspect-ratio: auto;
	height: 96px;
	object-fit: contain;
	padding: 8px;
	border-radius: var(--pcc-radius-sm);
}
.pcc-corners .pcedu-card { transition: transform .2s ease, box-shadow .2s ease; }
.pcc-corners .pcedu-card:hover { transform: translateY(-3px); box-shadow: var(--pcc-shadow-lift); }

/* ── ১১. শিক্ষকমণ্ডলী ─────────────────────────────────────────────── */

.pcc-faculty__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}
.pcc-teacher {
	background: #fff;
	border-radius: var(--pcc-radius);
	overflow: hidden;
	box-shadow: var(--pcc-shadow);
	text-align: center;
	transition: transform .2s ease, box-shadow .2s ease;
}
.pcc-teacher:hover { transform: translateY(-4px); box-shadow: var(--pcc-shadow-lift); }
.pcc-teacher__photo {
	width: 100%;
	aspect-ratio: 5 / 4;
	object-fit: cover;
	object-position: center top;
	display: block;
	background: linear-gradient(180deg, var(--pc-primary-soft), #fff);
}
.pcc-teacher__id {
	padding: 16px 14px 18px;
	border-block-start: 3px solid var(--pc-accent);
}
.pcc-teacher__name {
	margin: 0 0 4px;
	font-size: var(--t-md);
	color: var(--pc-primary-dark);
}
.pcc-teacher__role {
	margin: 0;
	font-family: var(--pc-font-head);
	font-weight: 600;
	font-size: var(--t-sm);
	color: var(--pc-primary);
}
.pcc-teacher__subject { margin: 2px 0 0; font-size: var(--t-sm); color: var(--pc-muted); }

/* ── ১২. হোম পেজে গ্যালারি, ভিডিও ও অফিসিয়াল লিংক ───────────────────── */

/* কার্ডের বাক্স সরিয়ে বাকি সেকশনের মতো খোলা শিরোনাম */
.pcc-home .pcedu-section { padding-block: var(--pcc-section) 0; }
.pcc-home .pcedu-section > .pcedu-wrap > .pcedu-card { margin: 0; }
.pcc-home .pcedu-section > .pcedu-wrap > .pcedu-card {
	background: transparent;
	border: 0;
	box-shadow: none;
	overflow: visible;
}
.pcc-home .pcedu-section > .pcedu-wrap > .pcedu-card > .pcedu-card__head {
	justify-content: flex-start;
	background: none !important;
	color: var(--pc-primary-dark);
	font-family: var(--pcc-font-display);
	font-size: clamp(1.45rem, 2.6vw, 2.05rem);
	font-weight: 700;
	padding: 0 0 16px;
	border: 0;
}
.pcc-home .pcedu-section > .pcedu-wrap > .pcedu-card > .pcedu-card__head::after { display: none; }
.pcc-home .pcedu-section > .pcedu-wrap > .pcedu-card > .pcedu-card__head .pcedu-icon {
	width: 40px; height: 40px;
	padding: 9px;
	border-radius: 12px;
	background: var(--pc-primary);
	color: var(--pc-accent);
	box-sizing: border-box;
}
.pcc-home .pcedu-section > .pcedu-wrap > .pcedu-card > .pcedu-card__body { padding: 0; }
.pcc-home .pcedu-gallery__item,
.pcc-home .pcedu-video { border-radius: var(--pcc-radius); overflow: hidden; }

.pcc-home .pcedu-officials {
	margin-block-start: var(--pcc-section);
	padding-block: 30px;
	background: var(--pc-primary-soft);
}
.pcedu-college .pcedu-officials__head {
	font-family: var(--pcc-font-display);
	color: var(--pc-primary-dark);
}
.pcedu-college .pcedu-officials__grid a {
	border-radius: var(--pcc-radius-sm);
	background: #fff;
	border-color: var(--pcc-line);
}
.pcedu-college .pcedu-officials__grid a:hover {
	border-color: var(--pc-primary);
	box-shadow: var(--pcc-shadow);
}

/* ── ১৩. সব পাতার কার্ড — হালকা, গোল কোণা ───────────────────────────── */

.pcedu-college .pcedu-card {
	border-radius: var(--pcc-radius);
	border-color: var(--pcc-line);
	box-shadow: var(--pcc-shadow);
}
.pcedu-college .pcedu-card__head {
	justify-content: flex-start;
	text-align: start;
	background: var(--pc-cardhead, #fff);
	color: var(--pc-cardhead-text, var(--pc-primary-dark));
	padding: 14px 18px;
	border-block-end: 1px solid var(--pcc-line);
	position: relative;
	font-family: var(--pc-font-head);
}
.pcedu-college .pcedu-card__head::after {
	content: "";
	position: absolute;
	inset-inline-start: 18px;
	bottom: -1px;
	width: 48px;
	height: var(--pc-accent-line, 3px);
	max-height: 4px;
	border-radius: 3px 3px 0 0;
	background: var(--pc-accent);
}
.pcedu-college .pcedu-card__head .pcedu-icon {
	width: 30px; height: 30px;
	padding: 6px;
	border-radius: 9px;
	background: var(--pc-primary-soft);
	color: var(--pc-primary);
	box-sizing: border-box;
}
.pcedu-college .pcedu-card__body { padding: 18px; }

/* ভেতরের পাতার শিরোনাম ও ব্রেডক্রাম্ব */
.pcedu-college .pcedu-pagehead__title { font-family: var(--pcc-font-display); }

/* ── ১৪. ফুটার ────────────────────────────────────────────────────── */

.pcedu-college .pcedu-footer {
	background: var(--pc-footer, var(--pc-primary-dark));
	border-block-start: 4px solid var(--pc-accent);
}
.pcedu-college .pcedu-footer__title {
	font-family: var(--pcc-font-display);
	position: relative;
	padding-block-end: 10px;
	border: 0;
}
.pcedu-college .pcedu-footer__title::after {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	bottom: 0;
	width: 40px; height: 2px;
	border-radius: 2px;
	background: var(--pc-accent);
}
.pcedu-college .pcedu-footer__bar { background: rgba(0, 0, 0, .25); }

.pcedu-college .pcedu-totop { border-radius: 50%; }

/* ── ১৫. রেসপন্সিভ ────────────────────────────────────────────────── */

@media (max-width: 1080px) {
	.pcc-corners .pcedu-corners { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pcc-faculty__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.pcc-intro__grid { grid-template-columns: minmax(0, 1fr); }
	.pcc-quick__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.pcc-quick__grid li + li { border-inline-start: 0; }
	.pcc-quick__grid li { border-block-end: 1px solid var(--pcc-line); border-inline-end: 1px solid var(--pcc-line); }
	.pcc-quick__grid li:nth-child(3n) { border-inline-end: 0; }
}

@media (max-width: 900px) {
	.pcc-hero__inner { grid-template-columns: minmax(0, 1fr); padding-block: 48px 104px; }
	.pcc-hero__board { display: none; }
	.pcc-hero__controls { bottom: 80px; }
	.pcc-board__grid { grid-template-columns: minmax(0, 1fr); }
	.pcc-messages__grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 720px) {
	.pcc-intro__body { grid-template-columns: minmax(0, 1fr); }
	.pcc-intro__photo::after { display: none; }
	.pcc-faculty__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
	.pcc-corners .pcedu-corners { grid-template-columns: minmax(0, 1fr); }
	.pcc-home .pcedu-stat { border-inline-start: 0; }
	.pcedu-college .pcedu-identity__title { text-align: center; }
	.pcc-msg { padding: 22px 18px; }
	.pcc-notices { padding-inline: 14px; }
	.pcc-notice { gap: 12px; }
}

@media (max-width: 560px) {
	.pcc-hero { min-height: 440px; }
	.pcc-hero__title { font-size: 1.75rem; }
	.pcc-hero__controls { inset-inline: 0; justify-content: center; bottom: 76px; }
	.pcc-hero__arrow { display: none; }
	.pcc-quick__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pcc-quick__grid li:nth-child(3n) { border-inline-end: 1px solid var(--pcc-line); }
	.pcc-quick__grid li:nth-child(2n) { border-inline-end: 0; }
	.pcc-quick__tile { padding: 18px 8px 16px; }
	.pcc-msg__person { flex-direction: column; text-align: center; }
	.pcc-btn { padding: 11px 20px; }
}

@media (prefers-reduced-motion: reduce) {
	.pcc-hero__img { transition: none; transform: none; }
	.pcc-prog, .pcc-teacher, .pcc-quick__icon, .pcc-btn { transition: none; }
}

@media print {
	.pcc-hero, .pcc-quick, .pcc-hero__board { display: none !important; }
}

/* ── হেডারের ঠিকানা: ডেস্কটপে একই লাইনে, মোবাইলে নিচের লাইনে ─────── */

.pcedu-meta__place.has-sep::before { content: ", "; }

@media (max-width: 720px) {
	.pcedu-college .pcedu-meta {
		flex-direction: column;
		align-items: center;
		text-align: center;
		border-radius: 10px;
		padding: 4px 10px;
	}
	.pcedu-meta__ids,
	.pcedu-meta__place { display: block; }
	.pcedu-meta__place.has-sep::before { content: none; }
	.pcedu-meta__place { margin-top: 2px; }
}