.bc-public-page{max-width:1120px;margin:42px auto;padding:0 18px;box-sizing:border-box;font-family:inherit}.bc-public-test{background:#fff7d6;border:1px solid #ead887;border-radius:10px;padding:11px 14px;margin-bottom:16px;font-size:13px;color:#5f521b}.bc-public-resume{background:#fff;border:1px solid #e9e9e9;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.035)}.bc-public-hero{display:flex;align-items:center;gap:22px;padding:30px;border-bottom:1px solid #eee}.bc-public-avatar{width:94px;height:94px;min-width:94px;border-radius:50%;overflow:hidden;background:#171717;color:#fff;display:grid;place-items:center;font-size:34px;font-weight:800}.bc-public-avatar img{width:100%;height:100%;object-fit:cover}.bc-public-title{flex:1}.bc-public-title h1{margin:5px 0 6px;font-size:30px;line-height:1.35}.bc-public-title h2{margin:0;font-size:18px;font-weight:600;color:#555}.bc-public-title h2 small{font-size:14px;font-weight:500;color:#888}.bc-public-status{display:inline-flex;padding:5px 10px;border-radius:999px;background:#eef8ef;color:#27712f;font-size:12px;font-weight:700}.bc-public-meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:13px;color:#777;font-size:13px}.bc-public-section{padding:26px 30px;border-bottom:1px solid #eee}.bc-public-section h3{margin:0 0 18px;font-size:19px}.bc-public-about{margin:0;line-height:2;color:#484848}.bc-public-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bc-public-facts>div{background:#fafafa;border:1px solid #eee;border-radius:10px;padding:13px 14px}.bc-public-facts b,.bc-public-facts span{display:block}.bc-public-facts b{font-size:12px;color:#888;margin-bottom:5px}.bc-public-facts span{font-size:14px;color:#222}.bc-public-timeline{display:grid;gap:12px}.bc-public-timeline-item{position:relative;border:1px solid #ececec;border-radius:12px;padding:16px}.bc-public-timeline-head{display:flex;justify-content:space-between;gap:15px}.bc-public-timeline-head span{font-size:12px;color:#888;white-space:nowrap}.bc-public-sub{margin-top:4px;color:#777;font-size:13px}.bc-public-timeline-item p{margin:11px 0 0;line-height:1.9;color:#555}.bc-public-skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bc-public-skills>span{display:flex;justify-content:space-between;gap:8px;align-items:center;border:1px solid #e9e9e9;background:#fbfbfb;border-radius:10px;padding:11px 12px}.bc-public-skills small{color:#777}.bc-public-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.bc-public-columns>div{border:1px solid #ececec;border-radius:12px;padding:16px}.bc-public-columns h4{margin:0 0 13px;font-size:15px}.bc-public-columns p{margin:0 0 13px;line-height:1.7}.bc-public-columns p:last-child{margin-bottom:0}.bc-public-columns span,.bc-public-columns small{color:#777}.bc-public-footer{padding:17px 30px;text-align:center;color:#999;font-size:12px;background:#fafafa}@media(max-width:760px){.bc-public-page{margin:20px auto;padding:0 10px}.bc-public-hero{padding:22px 18px;align-items:flex-start}.bc-public-avatar{width:72px;height:72px;min-width:72px}.bc-public-title h1{font-size:23px}.bc-public-section{padding:22px 18px}.bc-public-facts,.bc-public-skills,.bc-public-columns{grid-template-columns:1fr}.bc-public-timeline-head{display:block}.bc-public-timeline-head span{display:block;margin-top:4px}.bc-public-meta{display:grid;gap:7px}}
.bc-public-share{padding:22px 30px;border-bottom:1px solid #eee;background:#fcfcfc}.bc-public-share-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.bc-public-share-head h3{margin:0 0 5px;font-size:18px}.bc-public-share-head p{margin:0;color:#777;font-size:13px}.bc-share-primary,.bc-public-share-actions a,.bc-public-share-actions button{appearance:none;border:1px solid #e3e3e3;background:#fff;color:#222;border-radius:9px;padding:10px 14px;font:inherit;font-size:13px;line-height:1;cursor:pointer;text-decoration:none;transition:.15s ease}.bc-share-primary{background:#171717;color:#fff;border-color:#171717;padding:11px 17px}.bc-public-share-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.bc-public-share-actions a:hover,.bc-public-share-actions button:hover{border-color:#bbb;transform:translateY(-1px)}.bc-public-avatar img{display:block;width:100%;height:100%;object-fit:cover}.bc-public-title h1{word-break:normal}.bc-public-test{display:none!important}@media(max-width:760px){.bc-public-share{padding:18px}.bc-public-share-head{align-items:flex-start;flex-direction:column}.bc-share-primary{width:100%}.bc-public-share-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.bc-public-share-actions a,.bc-public-share-actions button{text-align:center;width:100%;box-sizing:border-box}}


/* dev13.27 - improved public resume mobile layout */
@media(max-width:760px){
    .bc-public-page{
        margin:12px auto 24px!important;
        padding:0 8px!important;
        width:100%!important;
    }

    .bc-public-resume{
        border-radius:12px!important;
        overflow:hidden!important;
    }

    .bc-public-hero{
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        text-align:center!important;
        gap:10px!important;
        padding:18px 14px!important;
    }

    .bc-public-avatar{
        width:82px!important;
        height:82px!important;
        min-width:82px!important;
        margin:0 auto!important;
        flex:0 0 82px!important;
    }

    .bc-public-title{
        width:100%!important;
        min-width:0!important;
    }

    .bc-public-title h1{
        margin:2px 0 5px!important;
        font-size:20px!important;
        line-height:1.65!important;
        overflow-wrap:anywhere!important;
        word-break:normal!important;
    }

    .bc-public-title h2{
        font-size:15px!important;
        line-height:1.8!important;
    }

    .bc-public-title h2 small{
        font-size:12px!important;
    }

    .bc-public-status{
        font-size:11px!important;
        padding:4px 9px!important;
    }

    .bc-public-meta{
        display:flex!important;
        justify-content:center!important;
        align-items:center!important;
        flex-wrap:wrap!important;
        gap:6px 12px!important;
        margin-top:8px!important;
        font-size:12px!important;
        line-height:1.8!important;
    }

    .bc-public-section{
        padding:18px 14px!important;
    }

    .bc-public-section h3{
        font-size:17px!important;
        margin-bottom:14px!important;
    }

    .bc-public-share{
        padding:18px 14px!important;
    }

    .bc-public-share-head{
        display:block!important;
        text-align:right!important;
    }

    .bc-public-share-head h3{
        font-size:17px!important;
        margin:0 0 6px!important;
    }

    .bc-public-share-head p{
        font-size:12px!important;
        line-height:1.8!important;
    }

    .bc-share-primary{
        width:100%!important;
        min-height:44px!important;
        margin-top:12px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        padding:10px 12px!important;
    }

    .bc-public-share-actions{
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:7px!important;
        margin-top:10px!important;
        width:100%!important;
    }

    .bc-public-share-actions a,
    .bc-public-share-actions button{
        width:100%!important;
        min-width:0!important;
        min-height:40px!important;
        padding:9px 5px!important;
        font-size:11px!important;
        white-space:nowrap!important;
        text-align:center!important;
    }

    .bc-public-facts,
    .bc-public-skills,
    .bc-public-columns{
        grid-template-columns:1fr!important;
    }

    .bc-public-footer{
        padding:14px!important;
    }
}

@media(max-width:390px){
    .bc-public-share-actions{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    .bc-public-title h1{
        font-size:19px!important;
    }
}


/* dev13.27 - extra top clearance for sticky site header */
.bc-public-page{
    padding-top:32px!important;
}

@media(max-width:760px){
    .bc-public-page{
        padding-top:78px!important;
    }
}