Template:UDHeader/styles.css

/* Under Doctor Header */

.ud-header{

 margin: 1.25rem 0;
 border-radius: 14px;
 background: #ffffff;
 position: relative;
 overflow: hidden;

 /* gritty outer frame */
 box-shadow: 0 8px 24px rgba(0,0,0,.18);
 border: 1px solid rgba(63,107,100,.25);

}

.ud-header::before{

 content:"";
 position:absolute;
 inset:0;
 pointer-events:none;

 /* distressed edge + subtle grime */
 background:
   radial-gradient(1200px 220px at 50% 0%, rgba(63,107,100,.14), transparent 70%),
   radial-gradient(900px 260px at 50% 110%, rgba(214,177,94,.10), transparent 70%),
   repeating-linear-gradient(135deg, rgba(0,0,0,.025) 0 2px, transparent 2px 8px);
 mix-blend-mode: multiply;
 opacity: .9;

}

.ud-header__inner{

 padding: 22px 22px 18px;
 border-radius: 14px;

 /* inner “paper” panel */
 background: linear-gradient(180deg, #fbfbfb, #ffffff);

}

.ud-header__title{

 text-align: center;
 text-transform: uppercase;
 letter-spacing: .06em;
 font-weight: 900;
 font-size: 2.1rem;
 line-height: 1.1;

 /* Under Doctor palette */
 color: #121212;

 /* thin divider line like your example */
 padding-bottom: 14px;
 margin-bottom: 14px;
 border-bottom: 1px solid rgba(0,0,0,.12);

}

/* optional: add a “medical cross + gold” vibe under title */ .ud-header__title::after{

 content:"";
 display:block;
 width: 120px;
 height: 3px;
 margin: 12px auto 0;
 background: #d6b15e; /* surgical gold */
 border-radius: 99px;
 opacity: .95;

}

.ud-header__content{

 color: #1a1a1a;
 font-size: 1.02rem;

}

/* Links inside content: medical ruin green */ .ud-header__content a{

 color: #3f6b64;
 text-decoration: underline;
 text-decoration-color: rgba(63,107,100,.35);

}

/* Optional “blood accent” on hover */ .ud-header__content a:hover{

 color: #c83b3b;
 text-decoration-color: rgba(200,59,59,.35);

}