.sam-about-me{
    width:100%;
    max-width:var(--sam-width);
    box-sizing:border-box;
    margin:20px auto;
    padding:var(--sam-padding);
    background:var(--sam-bg);
    color:var(--sam-text);
    border:var(--sam-border-width) solid var(--sam-border-color);
    border-radius:var(--sam-radius);
    display:flex;
    gap:var(--sam-gap);
    align-items:center;
    font-size:var(--sam-font-size);
    line-height:var(--sam-line-height);
    font-family:inherit;
}
.sam-about-me.sam-shadow-none{box-shadow:none}
.sam-about-me.sam-shadow-soft{box-shadow:0 4px 18px rgba(0,0,0,.08)}
.sam-about-me.sam-shadow-medium{box-shadow:0 8px 30px rgba(0,0,0,.12)}
.sam-about-me.sam-shadow-strong{box-shadow:0 15px 45px rgba(0,0,0,.18)}
.sam-about-me.sam-align-left{text-align:left}
.sam-about-me.sam-align-center{text-align:center}
.sam-about-me.sam-align-right{text-align:right}
.sam-avatar{
    width:var(--sam-image-size);
    height:var(--sam-image-size);
    min-width:var(--sam-image-size);
    object-fit:cover;
    border-radius:var(--sam-image-radius);
    display:block;
}
.sam-content{width:100%;display:flex;flex-direction:column;gap:var(--sam-gap)}
.sam-name{font-size:var(--sam-name-size);font-weight:700;line-height:1.15}
.sam-title{font-size:var(--sam-title-size);font-weight:600;color:var(--sam-accent)}
.sam-bio p{margin:0 0 .7em}
.sam-bio p:last-child{margin-bottom:0}
.sam-socials{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.sam-align-left .sam-socials{justify-content:flex-start}
.sam-align-right .sam-socials{justify-content:flex-end}
.sam-socials a{color:var(--sam-accent);text-decoration:none;font-weight:600}
.sam-socials a:hover{text-decoration:underline}
.sam-button{
    display:inline-block;
    align-self:center;
    background:var(--sam-button-bg);
    color:var(--sam-button-text);
    padding:10px 18px;
    border-radius:var(--sam-button-radius);
    text-decoration:none;
    font-weight:700;
}
.sam-align-left .sam-button{align-self:flex-start}
.sam-align-right .sam-button{align-self:flex-end}
.sam-layout-minimal{border-color:transparent;background:transparent;box-shadow:none}
.sam-layout-horizontal{text-align:left}
.sam-layout-horizontal .content{flex:1}
.sam-layout-horizontal .sam-socials{justify-content:flex-start}
@media(max-width:600px){
    .sam-about-me.sam-layout-horizontal{flex-direction:column;text-align:center}
    .sam-layout-horizontal .sam-socials{justify-content:center}
    .sam-layout-horizontal .sam-button{align-self:center}
}