#prof {
    width:700px;
    margin-inline: auto; 
    display: grid;
    gap: 10px 20px;
    grid-template-columns:1fr 280px;
 border:1px #efefef solid;
 box-shadow:#e6e6e6 3px 5px 5px;
    padding:1em;
    margin:1.5em auto 2em auto;

}
.proftxt {
    display:grid;
    place-items: center;
    grid-template-rows:1fr 1fr;
}
.proftxt h1 {
    font-size:1.8rem;
    border-bottom:#0080ff 10px solid ; 
    padding:0 1.5em;
    border-image: linear-gradient(to right, #0080ff 10%, #fff 100%) 1;
}
 
.pname {font-weight:bold;border-top: 1px #cccccc dashed; padding-top: 0.5em;}
.number{margin-bottom:0.5em;margin-left: -1em;font-weight: bold;color:#0080ff;}

.detail {margin:1.5em 0}
.histry table {margin:1em 0.5em;}
.histry th:before {content:url(../../images/circle01.gif)}
.histry td {padding:0.1em 0.5em}

details[open]  {margin-bottom:1em;padding-bottom:1em;border-bottom:1px #ccc dashed;}


summary { cursor: pointer;margin-bottom:1em;color:#0080c0;}
summary:hover {text-decoration:underline;}color:#0080c0;}