/* Selected internal title bars from !TestWebPages/titlebar-30-styles.html. */
.internal-hero[class*="professor-titlebar-style-"] {
  --tb-light:#c7e3ee;
  --tb-gold:#e2bb74;
  position:relative;
  min-height:450px;
  overflow:hidden;
  padding:0;
  color:#fff;
}
.internal-hero[class*="professor-titlebar-style-"]::before,
.internal-hero[class*="professor-titlebar-style-"]::after { content:""; position:absolute; pointer-events:none; opacity:1; }
.internal-hero[class*="professor-titlebar-style-"] .internal-hero__inner {
  position:relative; z-index:2; min-height:450px; padding:56px clamp(24px,4vw,58px) 64px;
  display:flex; flex-direction:column; justify-content:center; gap:16px;
}
.internal-hero[class*="professor-titlebar-style-"] .breadcrumb { margin-bottom:0; color:rgba(245,249,251,.88); font-size:.94rem; }
.internal-hero[class*="professor-titlebar-style-"] .breadcrumb a { color:rgba(245,249,251,.88); }
.internal-hero[class*="professor-titlebar-style-"] .professor-titlebar {
  position:relative; display:inline-flex; align-items:center; gap:14px; width:max-content; max-width:100%;
  min-width:0; min-height:0; margin:0; color:#fff; background:none; filter:none; transform:none;
  font-family:var(--font-heading); font-size:clamp(1.9rem,3.2vw,3.15rem); font-weight:800; line-height:1.35;
}
.internal-hero[class*="professor-titlebar-style-"] .professor-titlebar__text { position:relative; z-index:2; display:block; width:auto; color:#fff; transform:none; }

.professor-titlebar-style-1 { background:linear-gradient(135deg,#607586,#556978); }
.professor-titlebar-style-1::before { inset:auto; left:-160px; top:40px; width:520px; height:520px; border-radius:50%; border:1px solid rgba(255,255,255,.16); box-shadow:0 0 0 44px rgba(255,255,255,.025),0 0 0 88px rgba(255,255,255,.018); background:none; }
.professor-titlebar-style-1 .professor-titlebar { padding:18px 28px; background:rgba(199,227,238,.18); border:1px solid rgba(199,227,238,.34); border-radius:20px; backdrop-filter:blur(8px); }

.professor-titlebar-style-2 { background:linear-gradient(135deg,rgba(255,255,255,.05) 25%,transparent 25%) -24px 0/48px 48px,linear-gradient(225deg,rgba(255,255,255,.05) 25%,transparent 25%) -24px 0/48px 48px,linear-gradient(315deg,rgba(255,255,255,.05) 25%,transparent 25%) 0 0/48px 48px,linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%) 0 0/48px 48px,linear-gradient(135deg,#62798a,#516675); }
.professor-titlebar-style-2 .professor-titlebar { padding:18px 26px 18px 34px; background:linear-gradient(90deg,rgba(199,227,238,.28),rgba(199,227,238,.1)); border-right:6px solid var(--tb-light); border-radius:0 20px 20px 0; }

.professor-titlebar-style-6 { background:linear-gradient(145deg,#5d7384,#556979); }
.professor-titlebar-style-6::before { inset:auto; top:52px; left:15%; right:15%; height:1px; background:rgba(255,255,255,.17); }
.professor-titlebar-style-6 .internal-hero__inner { align-items:center; text-align:center; }
.professor-titlebar-style-6 .breadcrumb { justify-content:center; }
.professor-titlebar-style-6 .professor-titlebar { padding:18px 26px 22px; background:none; border-bottom:4px solid var(--tb-light); }

.professor-titlebar-style-16 { background:radial-gradient(circle at 14% 78%,rgba(255,255,255,.12),transparent 30%),linear-gradient(145deg,#607586,#516574); }
.professor-titlebar-style-16 .professor-titlebar { padding:18px 28px; background:none; border-top:2px solid rgba(217,237,244,.6); border-bottom:2px solid rgba(217,237,244,.6); }

.professor-titlebar-style-18 { background:linear-gradient(165deg,#516574,#607687); }
.professor-titlebar-style-18::before { inset:0; background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px); background-size:34px 34px; mask-image:linear-gradient(90deg,#000,transparent); }
.professor-titlebar-style-18 .internal-hero__inner { align-items:center; text-align:center; }
.professor-titlebar-style-18 .breadcrumb { justify-content:center; }
.professor-titlebar-style-18 .professor-titlebar { padding:18px 30px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.16); border-radius:999px; }

.professor-titlebar-style-26 { background:linear-gradient(135deg,#5e7384,#536878); }
.professor-titlebar-style-26::before { inset:0; background:repeating-linear-gradient(0deg,transparent 0 46px,rgba(255,255,255,.045) 46px 47px); }
.professor-titlebar-style-26 .professor-titlebar { padding:18px 24px; background:rgba(255,255,255,.07); border-top:4px solid var(--tb-light); border-bottom:4px solid var(--tb-light); border-radius:12px; }

.professor-titlebar-style-28 { background:linear-gradient(135deg,#556a7a,#6b8294); }
.professor-titlebar-style-28::before { inset:30px; border-radius:30px; background:none; border:1px solid rgba(255,255,255,.12); }
.professor-titlebar-style-28 .professor-titlebar { padding:18px 26px; background:rgba(255,255,255,.06); outline:1px solid rgba(255,255,255,.14); outline-offset:6px; border-radius:16px; }

.professor-titlebar-style-29 { background:linear-gradient(145deg,#5f7485,#4f6473); }
.professor-titlebar-style-29 .professor-titlebar { padding:18px 26px; background:rgba(255,255,255,.1); border-radius:18px; box-shadow:-10px 10px 0 rgba(199,227,238,.18); }
.professor-titlebar-style-29 .professor-titlebar::before { content:""; position:absolute; right:16px; left:16px; top:-8px; height:2px; background:rgba(255,255,255,.4); }

.professor-titlebar-style-30 { background:linear-gradient(135deg,#647b8d,#516575); }
.professor-titlebar-style-30::after { inset:auto; left:46px; bottom:44px; width:180px; height:180px; border-radius:50%; border:1px solid rgba(255,255,255,.14); box-shadow:0 0 0 24px rgba(255,255,255,.03),0 0 0 48px rgba(255,255,255,.02); background:none; }
.professor-titlebar-style-30 .internal-hero__inner { align-items:flex-start; }
.professor-titlebar-style-30 .professor-titlebar { padding:20px 28px; background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.04)); border-radius:22px 22px 22px 4px; border-right:6px solid var(--tb-gold); }

html[lang^="en"] .internal-hero[class*="professor-titlebar-style-"] .professor-titlebar,
html[lang^="en"] .internal-hero[class*="professor-titlebar-style-"] .professor-titlebar__text { transform:none; text-align:left; }
html[lang^="en"] .professor-titlebar-style-30 .internal-hero__inner { align-items:flex-start; }

@media (max-width:740px) {
  .internal-hero[class*="professor-titlebar-style-"],
  .internal-hero[class*="professor-titlebar-style-"] .internal-hero__inner { min-height:400px; }
  .internal-hero[class*="professor-titlebar-style-"] .internal-hero__inner { padding:44px 20px 50px; }
  .internal-hero[class*="professor-titlebar-style-"] .professor-titlebar { width:100%; font-size:clamp(1.45rem,7vw,2.25rem); }
}

