/* ÖğrenciHaber V37 — bağımsız Broadcast Retro V3 motorunun site kabuğu. */
@property --oh-orbit-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

.news-board-strip{position:relative;z-index:12;padding:6px 0 14px}
.news-board-stage{
  --oh-radius:22px;
  position:relative;
  isolation:isolate;
  padding:clamp(12px,2vw,18px);
  border:1px solid rgba(129,180,255,.16);
  border-radius:calc(var(--oh-radius) + 10px);
  background:rgba(11,24,48,.96);
  box-shadow:0 22px 58px rgba(7,22,48,.18),inset 0 0 34px rgba(35,121,255,.025);
}
.news-board-stage > *{position:relative;z-index:2}
.news-board-stage::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 30%,transparent 70%,rgba(99,212,255,.04)),radial-gradient(ellipse at 50% 50%,transparent 52%,rgba(52,137,255,.035) 82%,transparent 100%);
}
.news-board-stage::after{
  content:"";position:absolute;inset:2px;z-index:1;padding:clamp(8px,1.45vw,13px);pointer-events:none;border-radius:calc(var(--oh-radius) + 8px);
  background:conic-gradient(from var(--oh-orbit-angle),transparent 0deg 292deg,rgba(120,77,255,0) 298deg,rgba(115,82,255,.32) 305deg,rgba(52,112,255,.58) 316deg,rgba(70,199,255,.86) 325deg,rgba(201,247,255,.98) 330deg,rgba(66,188,255,.82) 335deg,rgba(80,90,255,.46) 343deg,rgba(118,74,255,.10) 350deg,transparent 356deg 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  filter:drop-shadow(0 0 5px rgba(111,223,255,.62)) drop-shadow(0 0 13px rgba(50,127,255,.34)) drop-shadow(0 0 20px rgba(104,77,255,.18));
  opacity:.86;will-change:--oh-orbit-angle,filter;animation:oh-stage-energy-orbit 6.2s linear infinite;
}
@media(max-width:720px){.news-board-strip{padding-top:4px}.news-board-stage{padding:10px;border-radius:24px}}

/* ----------------------------------------------------------
   ÖğrenciHaber News Board component — Broadcast Retro V2
   Namespace: .oh-board-* to minimize style collisions.
   ---------------------------------------------------------- */

.oh-board {
  --board-accent: #2f86ff;
  --board-accent-2: #63d8ff;
  --board-violet: #7b6cff;
  --board-surface: #050b15;
  --board-surface-2: #0a1627;
  --board-text: #f4f8ff;
  --board-muted: #8398b7;
  --board-hold: 2000ms;
  --board-motion: 520ms;

  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: clamp(155px, 19vw, 225px) minmax(0, 1fr);
  min-height: 86px;
  overflow: hidden;
  border: 1px solid rgba(132, 187, 255, 0.22);
  border-radius: var(--oh-radius);
  color: var(--board-text);
  background:
    radial-gradient(120% 180% at 4% 50%, rgba(31, 118, 255, 0.13), transparent 46%),
    radial-gradient(90% 220% at 98% 45%, rgba(88, 98, 255, 0.075), transparent 52%),
    linear-gradient(180deg, #0c182a 0%, #071220 48%, #050b14 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.075),
    inset 0 -1px 0 rgba(0,0,0,0.76),
    inset 0 0 42px rgba(28, 103, 206, 0.055),
    0 0 0 1px rgba(43, 125, 235, 0.03),
    0 18px 42px rgba(0,0,0,0.29),
    0 0 44px rgba(23, 113, 255, 0.12);
  contain: layout paint;
}

/* CRT-ish surface: intentionally subtle. */
.oh-board::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  opacity: .22;
  border-radius: inherit;
  background:
    repeating-linear-gradient(
      180deg,
      rgba(255,255,255,0.012) 0,
      rgba(255,255,255,0.012) 1px,
      transparent 1px,
      transparent 4px
    ),
    radial-gradient(circle, rgba(124, 190, 255, 0.055) .55px, transparent .65px);
  background-size: auto, 5px 5px;
  mix-blend-mode: screen;
}

/* Glass face + edge vignette. */
.oh-board::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(115deg, rgba(255,255,255,0.065), transparent 17%, transparent 76%, rgba(101,205,255,0.035)),
    radial-gradient(ellipse at 50% -80%, rgba(95, 191, 255, 0.15), transparent 58%),
    radial-gradient(ellipse at 50% 135%, rgba(0,0,0,.34), transparent 62%);
}

.oh-board__brand {
  position: relative;
  z-index: 7;
  display: grid;
  grid-template-columns: 5px minmax(0, 1fr);
  align-items: stretch;
  border-right: 1px solid rgba(138, 180, 238, 0.15);
  background:
    linear-gradient(90deg, rgba(44, 128, 247, 0.12), rgba(12, 38, 72, 0.08)),
    rgba(4, 12, 23, 0.56);
  box-shadow: inset -12px 0 30px rgba(4, 10, 19, .22);
}

.oh-board__signal {
  position: relative;
  background: linear-gradient(180deg, #7fe8ff 0%, var(--board-accent-2) 34%, var(--board-accent) 72%, #355dff 100%);
  box-shadow:
    0 0 10px rgba(70, 171, 255, 0.36),
    0 0 28px rgba(43, 126, 255, 0.22);
  animation: oh-board-signal-breathe 3.2s ease-in-out infinite;
}

.oh-board__signal::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 0%, rgba(255,255,255,.68) 48%, transparent 60%);
  transform: translateY(-120%);
  opacity: .7;
  animation: oh-board-signal-travel 3.2s ease-in-out infinite;
}

.oh-board__signal::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #e8fbff;
  transform: translate(-50%, -50%);
  box-shadow:
    0 0 8px rgba(232,251,255,.95),
    0 0 18px rgba(78,183,255,.58);
  animation: oh-board-pulse 2.4s ease-in-out infinite;
}

.oh-board__brand-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 0 20px;
}

.oh-board__eyebrow {
  margin-bottom: 5px;
  color: #74c6ff;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", ui-monospace, monospace;
  font-size: 0.60rem;
  font-weight: 800;
  letter-spacing: 0.19em;
  text-transform: uppercase;
  text-shadow: 0 0 12px rgba(71, 172, 255, .12);
}

.oh-board__brand-name {
  color: #f7faff;
  font-size: clamp(.92rem, 1.3vw, 1.08rem);
  font-weight: 850;
  letter-spacing: -0.025em;
  white-space: nowrap;
}

.oh-board__viewport {
  position: relative;
  z-index: 6;
  min-width: 0;
  overflow: hidden;
  cursor: pointer;
  background:
    linear-gradient(90deg, rgba(16, 57, 108, .08), transparent 24%, transparent 78%, rgba(45, 91, 165, .04));
}

.oh-board__viewport::before,
.oh-board__viewport::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: 8;
  height: 18px;
  pointer-events: none;
}

.oh-board__viewport::before {
  top: 0;
  background: linear-gradient(180deg, rgba(2,8,15,.84), transparent);
}

.oh-board__viewport::after {
  bottom: 0;
  background: linear-gradient(0deg, rgba(2,8,15,.82), transparent);
}

.oh-board__track {
  position: absolute;
  inset: 0;
  transform: translateZ(0);
}

.oh-board__item {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  min-width: 0;
  overflow: hidden;
  padding: 12px clamp(52px, 5.5vw, 82px) 12px clamp(20px, 2.7vw, 34px);
  will-change: transform, opacity, filter;
  transform: translate3d(0, 100%, 0);
  opacity: 0;
  filter: blur(2px);
}

/* Broadcast sweep: only visible while an item moves. */
.oh-board__item::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: -18%;
  height: 24%;
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(88, 203, 255, .02) 24%,
    rgba(93, 210, 255, .22) 49%,
    rgba(95, 111, 255, .09) 58%,
    transparent 100%
  );
  filter: blur(.2px);
}

.oh-board__item::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent 0 8%, rgba(54, 164, 255, .055) 28%, rgba(117, 94, 255, .045) 54%, transparent 84%),
    repeating-linear-gradient(90deg, transparent 0 54px, rgba(119, 199, 255, .018) 55px 56px);
}

.oh-board__item[data-state="active"] {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  filter: blur(0);
}

.oh-board__item[data-state="enter"] {
  animation: oh-board-enter var(--board-motion) cubic-bezier(.16,.84,.22,1) both;
}

.oh-board__item[data-state="exit"] {
  animation: oh-board-exit var(--board-motion) cubic-bezier(.48,0,.18,1) both;
}

.oh-board__item[data-state="prepare"] {
  transform: translate3d(0, 100%, 0);
  opacity: .12;
  filter: blur(2px);
}

.oh-board__item[data-state="enter"]::before,
.oh-board__item[data-state="exit"]::before {
  animation: oh-board-scan-sweep var(--board-motion) cubic-bezier(.2,.7,.2,1) both;
}

.oh-board__item[data-state="enter"]::after,
.oh-board__item[data-state="exit"]::after {
  animation: oh-board-spectrum-flash var(--board-motion) ease-out both;
}

.oh-board__headline {
  position: relative;
  z-index: 3;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  color: var(--board-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: clamp(.92rem, 1.55vw, 1.22rem);
  font-weight: 690;
  letter-spacing: -0.022em;
  line-height: 1.18;
  text-shadow:
    0 0 18px rgba(120, 191, 255, 0.075),
    0 1px 0 rgba(255,255,255,.02);
  transition: color .18s ease, text-shadow .18s ease;
}

/* Thin energy underline on hover, not a neon glow. */
.oh-board__headline::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -7px;
  width: min(360px, 72%);
  height: 1px;
  opacity: 0;
  transform: scaleX(.1);
  transform-origin: left center;
  background: linear-gradient(90deg, rgba(96, 213, 255, .85), rgba(65, 120, 255, .52), transparent);
  transition: transform .32s ease, opacity .22s ease;
}

/* Micro shutter line during the actual transition. */
.oh-board__headline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(176,224,255,.72) 12%, rgba(111,145,255,.28) 70%, transparent);
  transform: scaleX(.28);
  transform-origin: left center;
}

.oh-board__item[data-state="enter"] .oh-board__headline::after,
.oh-board__item[data-state="exit"] .oh-board__headline::after {
  animation: oh-board-shutter var(--board-motion) ease both;
}

.oh-board__viewport:hover .oh-board__headline {
  color: #ffffff;
  text-shadow: 0 0 18px rgba(107, 190, 255, .13);
}

.oh-board__viewport:hover .oh-board__headline::before {
  opacity: .88;
  transform: scaleX(1);
}

.oh-board__status {
  position: absolute;
  z-index: 9;
  top: 50%;
  right: clamp(14px, 1.9vw, 23px);
  display: flex;
  align-items: center;
  gap: 9px;
  color: #7d93b1;
  transform: translateY(-50%);
  pointer-events: none;
}

.oh-board__counter {
  min-width: 46px;
  padding: 5px 7px 4px;
  border: 1px solid rgba(94, 165, 244, .13);
  border-radius: 7px;
  background:
    linear-gradient(180deg, rgba(11, 32, 58, .62), rgba(4, 13, 25, .62));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    inset 0 0 12px rgba(53, 142, 242, .035);
  color: #89a4c6;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", ui-monospace, monospace;
  font-size: 0.64rem;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1;
  text-align: center;
  text-shadow: 0 0 9px rgba(69, 166, 255, .08);
  transition: border-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.oh-board__chevron {
  position: relative;
  width: 10px;
  height: 10px;
  border-top: 1.5px solid #5cc8ff;
  border-right: 1.5px solid #5cc8ff;
  transform: rotate(45deg);
  opacity: .72;
  filter: drop-shadow(0 0 5px rgba(76, 179, 255, .18));
}

.oh-board__viewport:hover + .oh-board__status .oh-board__chevron {
  opacity: 1;
}

.oh-board[data-transitioning="true"] .oh-board__counter {
  color: #b9deff;
  border-color: rgba(101, 200, 255, .28);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 0 12px rgba(69, 163, 255, .07),
    0 0 15px rgba(50, 130, 255, .055);
}

.oh-board[data-transitioning="true"] .oh-board__chevron {
  animation: oh-board-chevron-kick var(--board-motion) ease-out both;
}

.oh-board[data-transitioning="true"] .oh-board__signal {
  box-shadow:
    0 0 13px rgba(76, 190, 255, .48),
    0 0 32px rgba(68, 95, 255, .28);
}

.oh-board__viewport:focus-visible {
  outline: 2px solid var(--board-accent-2);
  outline-offset: -4px;
  border-radius: 0 20px 20px 0;
}

.oh-board[data-empty="true"] .oh-board__viewport {
  cursor: default;
}

.oh-board[data-empty="true"] .oh-board__headline {
  color: var(--board-muted);
  font-weight: 550;
}

.oh-board[data-empty="true"] .oh-board__status {
  display: none;
}

@keyframes oh-stage-energy-orbit {
  0%   { --oh-orbit-angle: 0deg; filter: drop-shadow(0 0 5px rgba(111, 223, 255, .54)) drop-shadow(0 0 12px rgba(50, 127, 255, .30)) drop-shadow(0 0 18px rgba(104, 77, 255, .14)); }
  45%  { filter: drop-shadow(0 0 7px rgba(139, 232, 255, .72)) drop-shadow(0 0 16px rgba(52, 131, 255, .40)) drop-shadow(0 0 24px rgba(111, 78, 255, .20)); }
  100% { --oh-orbit-angle: 360deg; filter: drop-shadow(0 0 5px rgba(111, 223, 255, .54)) drop-shadow(0 0 12px rgba(50, 127, 255, .30)) drop-shadow(0 0 18px rgba(104, 77, 255, .14)); }
}

@keyframes oh-board-enter {
  0%   { transform: translate3d(0, 100%, 0) perspective(760px) rotateX(-5deg); opacity: .06; filter: blur(2.4px); }
  54%  { transform: translate3d(0, -6%, 0) perspective(760px) rotateX(.75deg); opacity: 1; filter: blur(0); }
  76%  { transform: translate3d(0, 1.8%, 0) perspective(760px) rotateX(-.16deg); }
  100% { transform: translate3d(0, 0, 0) perspective(760px) rotateX(0); opacity: 1; filter: blur(0); }
}

@keyframes oh-board-exit {
  0%   { transform: translate3d(0, 0, 0) perspective(760px) rotateX(0); opacity: 1; filter: blur(0); }
  34%  { transform: translate3d(0, -9%, 0) perspective(760px) rotateX(1deg); opacity: .96; }
  100% { transform: translate3d(0, -100%, 0) perspective(760px) rotateX(5deg); opacity: 0; filter: blur(2.4px); }
}

@keyframes oh-board-scan-sweep {
  0%   { transform: translateY(-30%); opacity: 0; }
  18%  { opacity: .32; }
  58%  { opacity: .66; }
  100% { transform: translateY(520%); opacity: 0; }
}

@keyframes oh-board-spectrum-flash {
  0%, 100% { opacity: 0; transform: translateX(-3%); }
  32%      { opacity: .38; }
  58%      { opacity: .16; transform: translateX(1.5%); }
}

@keyframes oh-board-shutter {
  0%, 100% { opacity: 0; transform: scaleX(.20); }
  36%      { opacity: .86; transform: scaleX(1); }
  62%      { opacity: .16; transform: scaleX(.74); }
}

@keyframes oh-board-pulse {
  0%, 100% { opacity: .66; transform: translate(-50%, -50%) scale(.78); }
  50%      { opacity: 1; transform: translate(-50%, -50%) scale(1.12); }
}

@keyframes oh-board-signal-breathe {
  0%, 100% { filter: saturate(.92) brightness(.86); }
  50%      { filter: saturate(1.08) brightness(1.08); }
}

@keyframes oh-board-signal-travel {
  0%, 22%  { transform: translateY(-130%); opacity: 0; }
  40%      { opacity: .9; }
  62%      { transform: translateY(130%); opacity: 0; }
  100%     { transform: translateY(130%); opacity: 0; }
}

@keyframes oh-board-chevron-kick {
  0%   { transform: rotate(45deg) translate(0, 0); opacity: .55; }
  45%  { transform: rotate(45deg) translate(2px, -2px); opacity: 1; }
  100% { transform: rotate(45deg) translate(0, 0); opacity: .76; }
}

@media (max-width: 720px) {
  .oh-board {
    grid-template-columns: clamp(106px, 31vw, 145px) minmax(0, 1fr);
    min-height: 76px;
    border-radius: 17px;
  }

  .oh-board__brand-copy { padding: 0 12px; }
  .oh-board__eyebrow { display: none; }
  .oh-board__brand-name { font-size: .76rem; letter-spacing: -.02em; }
  .oh-board__item { padding-left: 14px; padding-right: 45px; }
  .oh-board__headline { font-size: clamp(.78rem, 3.65vw, 1rem); }
  .oh-board__counter { display: none; }
  .oh-board__status { right: 17px; }
}

@media (max-width: 430px) {
  .oh-board {
    grid-template-columns: 96px minmax(0, 1fr);
    min-height: 70px;
  }
  .oh-board__brand-copy { padding: 0 9px; }
  .oh-board__brand-name { font-size: .68rem; }
  .oh-board__item { padding-left: 11px; padding-right: 34px; }
  .oh-board__status { right: 13px; }
}

@media (prefers-reduced-motion: reduce) {
  .news-board-stage::after {
    animation: none !important;
    --oh-orbit-angle: 318deg;
    opacity: .45;
  }

  .oh-board__signal,
  .oh-board__signal::before,
  .oh-board__signal::after,
  .oh-board__chevron { animation: none !important; }

  .oh-board__item[data-state="enter"],
  .oh-board__item[data-state="exit"] {
    animation-duration: 1ms !important;
  }

  .oh-board__item::before,
  .oh-board__item::after,
  .oh-board__headline::after { animation: none !important; }
}


/* ==========================================================
   ÖğrenciHaber V38 — halo yok; fiziksel 3D tabela plakası
   ========================================================== */
.news-board-strip{
  padding:10px 0 22px;
  perspective:1200px;
}
.news-board-stage{
  --oh-radius:18px;
  padding:13px;
  border-radius:24px;
  border:1px solid rgba(99,148,214,.20);
  background:
    linear-gradient(180deg,#132440 0%,#0c1a31 46%,#071326 100%);
  box-shadow:
    0 4px 0 #0a1830,
    0 9px 0 #061022,
    0 15px 26px rgba(4,18,42,.28),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(0,0,0,.72);
  transform:translateZ(0);
}
.news-board-stage::before{
  content:"";
  position:absolute;
  inset:5px;
  z-index:0;
  border-radius:19px;
  pointer-events:none;
  background:
    linear-gradient(135deg,rgba(255,255,255,.065),transparent 18%,transparent 74%,rgba(62,139,238,.04)),
    linear-gradient(180deg,rgba(23,54,96,.38),rgba(7,17,34,.18));
  box-shadow:
    inset 0 0 0 1px rgba(173,207,255,.045),
    inset 0 12px 22px rgba(255,255,255,.015),
    inset 0 -16px 24px rgba(0,0,0,.22);
}
.news-board-stage::after{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  bottom:-10px;
  height:10px;
  z-index:-1;
  padding:0;
  border-radius:0 0 14px 14px;
  background:linear-gradient(180deg,#09162b,#040b17);
  -webkit-mask:none;
  mask:none;
  filter:none;
  opacity:1;
  animation:none;
  box-shadow:0 8px 18px rgba(3,12,28,.26);
}
.news-board-stage > *{
  position:relative;
  z-index:2;
}
.oh-board{
  min-height:90px;
  border-radius:18px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    inset 0 -1px 0 rgba(0,0,0,.78),
    inset 0 0 44px rgba(28,103,206,.055),
    0 2px 0 rgba(130,185,255,.025),
    0 14px 26px rgba(0,0,0,.24);
}
@media(max-width:720px){
  .news-board-strip{padding:7px 0 18px}
  .news-board-stage{
    padding:9px;
    border-radius:19px;
    box-shadow:
      0 3px 0 #0a1830,
      0 7px 0 #061022,
      0 12px 20px rgba(4,18,42,.25),
      inset 0 1px 0 rgba(255,255,255,.07);
  }
  .news-board-stage::before{inset:4px;border-radius:15px}
  .news-board-stage::after{left:18px;right:18px;bottom:-7px;height:7px}
  .oh-board{min-height:78px;border-radius:14px}
}
@media(prefers-reduced-motion:reduce){
  .news-board-stage::after{animation:none!important}
}


/* ==========================================================
   ÖğrenciHaber V39 — boş alan değil, tam 3D tabela kasası
   ========================================================== */
.news-board-strip{
  padding: 10px 0 24px;
}
.news-board-stage{
  position: relative;
  padding: 12px;
  border-radius: 24px;
  border: 1px solid rgba(82, 132, 202, .34);
  background:
    linear-gradient(180deg, rgba(39,78,136,.98) 0%, rgba(15,33,61,.995) 18%, rgba(8,19,37,1) 58%, rgba(4,10,22,1) 100%);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.10),
    inset 0 -2px 0 rgba(2,8,18,.75),
    inset 10px 0 18px rgba(77,133,215,.08),
    inset -10px 0 18px rgba(9,15,30,.18),
    0 2px 0 #061124,
    0 7px 0 #04101f,
    0 12px 0 #030b17,
    0 18px 30px rgba(3, 10, 24, .28),
    0 24px 40px rgba(2, 9, 23, .18);
}
.news-board-stage::before{
  content: "";
  position:absolute;
  inset:4px;
  border-radius:20px;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0) 20%, rgba(0,0,0,.08) 90%),
    linear-gradient(90deg, rgba(85,153,255,.06), transparent 20%, transparent 80%, rgba(112,161,255,.03));
  box-shadow:
    inset 0 0 0 1px rgba(157, 200, 255, .05),
    inset 0 16px 20px rgba(255,255,255,.02),
    inset 0 -18px 24px rgba(0,0,0,.26);
}
.news-board-stage::after{
  content:"";
  position:absolute;
  inset: 14px;
  border-radius: 18px;
  pointer-events:none;
  box-shadow:
    inset 0 0 0 1px rgba(14, 34, 67, .82),
    inset 0 20px 28px rgba(255,255,255,.025),
    inset 0 -16px 24px rgba(0,0,0,.32);
}
.oh-board{
  min-height: 92px;
  border-radius: 18px;
  position: relative;
  z-index: 2;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    inset 0 -1px 0 rgba(0,0,0,.82),
    inset 0 0 48px rgba(30,107,212,.07),
    0 1px 0 rgba(111,162,232,.06),
    0 10px 20px rgba(0,0,0,.18);
}
@media (max-width:720px){
  .news-board-stage{
    padding: 10px;
    border-radius: 20px;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      inset 0 -2px 0 rgba(2,8,18,.75),
      0 2px 0 #061124,
      0 6px 0 #04101f,
      0 10px 0 #030b17,
      0 16px 24px rgba(3, 10, 24, .24);
  }
  .news-board-stage::before{ inset: 4px; border-radius: 16px; }
  .news-board-stage::after{ inset: 11px; border-radius: 14px; }
  .oh-board{ min-height: 80px; border-radius: 14px; }
}

/* ==========================================================
   ÖğrenciHaber V46 — üst menüden ayrılmış, dar ve ortalı tabela
   ========================================================== */
.news-board-strip{
  padding:36px 0 24px;
}
.news-board-stage{
  width:84%;
  margin:0 auto;
  box-sizing:border-box;
  padding:10px;
}
.oh-board{
  min-height:82px;
}
@media (max-width:720px){
  .news-board-strip{padding:26px 0 20px}
  .news-board-stage{width:92%;padding:8px}
  .oh-board{min-height:74px}
}