/* SOCIAL LAB PR - STATIC PAGES */

.sp-shell{
    max-width:760px;
    margin:0 auto;
    padding:64px 24px 96px;
}

.sp-header{
    text-align:center;
    margin-bottom:56px;
    padding-bottom:36px;
    border-bottom:1px solid #e5e5e5;
}

.sp-eyebrow{
    display:inline-block;
    padding:5px 13px;
    border:1px solid rgba(255,65,71,.22);
    background:#FFF1F2;
    border-radius:999px;
    font-size:11px;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:#FF4147;
    font-weight:700;
    margin-bottom:18px;
}

.sp-title{
    font-size:clamp(2rem,4vw,3rem);
    font-weight:800;
    letter-spacing:-0.025em;
    color:#000000;
    margin:0 0 12px;
    line-height:1.1;
}

.sp-excerpt{
    font-size:1.125rem;
    color:#333333;
    line-height:1.6;
    max-width:560px;
    margin:0 auto;
}

.sp-body{
    color:#333333;
    font-size:1rem;
    line-height:1.75;
}

.sp-body h2{
    font-size:1.5rem;
    font-weight:700;
    color:#000000;
    margin:40px 0 14px;
    letter-spacing:-0.015em;
}

.sp-body h3{
    font-size:1.125rem;
    font-weight:700;
    color:#000000;
    margin:28px 0 10px;
}

.sp-body p{
    margin:0 0 18px;
}

.sp-body ul,
.sp-body ol{
    margin:0 0 18px;
    padding-left:24px;
}

.sp-body li{
    margin:0 0 8px;
}

.sp-body a{
    color:#FF4147;
    text-decoration:underline;
    text-underline-offset:3px;
}

.sp-body a:hover{
    color:#D92F35;
}

.sp-body strong{
    color:#000000;
    font-weight:700;
}

.sp-body em{
    color:#555555;
}

.sp-body blockquote{
    border-left:3px solid #FF4147;
    padding:10px 20px;
    margin:20px 0;
    color:#444444;
    font-style:italic;
    background:#FFF1F2;
    border-radius:0 8px 8px 0;
}

.sp-body code{
    font-family:ui-monospace,'SF Mono',monospace;
    background:#f5f5f5;
    padding:2px 6px;
    border-radius:4px;
    font-size:.88em;
    color:#000000;
}

.sp-body pre{
    background:#111111;
    color:#f5f5f5;
    padding:16px 18px;
    border-radius:10px;
    overflow-x:auto;
    font-size:.875rem;
    margin:0 0 18px;
}

.sp-body img{
    max-width:100%;
    border-radius:10px;
    margin:16px 0;
}

.sp-body hr{
    border:0;
    border-top:1px solid #e5e5e5;
    margin:36px 0;
}

.sp-updated{
    margin-top:56px;
    padding-top:24px;
    border-top:1px solid #e5e5e5;
    font-size:12px;
    color:#999999;
    text-align:center;
    letter-spacing:.04em;
    text-transform:uppercase;
}

@media (max-width:640px){
    .sp-shell{
        padding:40px 22px 72px;
    }

    .sp-header{
        margin-bottom:38px;
        padding-bottom:28px;
    }

    .sp-title{
        font-size:2rem;
    }

    .sp-excerpt{
        font-size:1rem;
    }

    .sp-body h2{
        margin-top:32px;
    }
}