:root{
  --public-canvas:#f4f3ec;
  --public-paper:#fffdf7;
  --public-ink:#18232a;
  --public-muted:#68747b;
  --public-line:#c8d3d5;
  --public-teal:#147f79;
  --public-teal-dark:#0b5d59;
  --public-teal-pale:#dcefeb;
}

[hidden]{display:none!important}

body.profile-public-page{
  background-color:var(--public-canvas);
  background-image:linear-gradient(#d8e3e8 1px,transparent 1px),linear-gradient(90deg,#d8e3e8 1px,transparent 1px);
  background-size:56px 56px;
  color:var(--public-ink);
}
.profile-public-page .header{width:min(1240px,88vw);height:80px;margin:0 auto;border-bottom:2px solid var(--public-ink);color:var(--public-ink);background:rgba(244,243,236,.92)}
.profile-public-page .wordmark{color:var(--public-ink);display:inline-flex;align-items:center;gap:8px}
.profile-public-page .wordmark::before{content:"";display:block;width:28px;height:34px;background:#fff url('/yilink-logo.png') center/cover no-repeat;border-radius:5px;flex:0 0 auto}
.profile-public-page .header nav{color:var(--public-muted)}
.profile-public-page .header nav a:hover,.profile-public-page .text-button:hover{color:var(--public-teal)}
.profile-public-page .text-button{color:var(--public-ink);border-bottom-color:var(--public-line)}
.profile-public-page .public-profile{width:min(100% - 36px,680px);margin:60px auto 70px}
.profile-public-page .public-site{background:var(--public-paper);border:1.5px solid var(--public-ink);border-radius:0;overflow:hidden;box-shadow:8px 8px 0 #cbd5d5}
.profile-public-page .public-cover{height:160px;background-color:var(--public-teal);background-image:linear-gradient(135deg,#ffffff18 25%,transparent 25%,transparent 50%,#ffffff18 50%,#ffffff18 75%,transparent 75%);background-size:28px 28px;padding:25px;font-size:16px;color:#fff}.profile-public-page .public-cover span{display:block;width:42px;height:54px;background:#fff url('/yilink-logo.png') center/cover no-repeat;border-radius:3px;font-size:0}
.profile-public-page .public-body{padding:0 38px 42px}
.profile-public-page .public-cover span{display:flex;align-items:center;gap:10px;width:auto;height:auto;background:none;border-radius:0;font-size:16px}
.profile-public-page .public-cover span::before{content:"";display:block;width:30px;height:38px;background:#fff url('/yilink-logo.png') center/contain no-repeat;flex:0 0 auto}
.profile-public-page .public-body .large-initials{width:87px;height:87px;font-size:29px;margin-top:-42px;background:var(--public-ink);border:5px solid var(--public-paper);color:#fff}
.profile-public-page .public-body>.eyebrow{font-size:11px;margin-top:23px;color:var(--public-teal);font-family:var(--sans)}
.profile-public-page .public-body h1{font-size:48px;margin-top:12px;overflow-wrap:anywhere;letter-spacing:-.06em;color:var(--public-ink)}
.profile-public-page .public-body #public-year{color:var(--public-muted);margin-top:13px;font-size:14px}
.profile-public-page .public-body h2{font-size:22px;font-weight:550;letter-spacing:-.03em;line-height:1.5;margin-top:25px;overflow-wrap:anywhere;color:var(--public-ink)}
.profile-public-page .public-body #public-bio{font-size:16px;color:var(--public-muted);line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:18px}
.profile-public-page .public-body>.button{margin-top:29px;display:flex;justify-content:space-between;align-items:center;background:var(--public-teal);border:1.5px solid var(--public-ink);border-radius:0;color:#fff;box-shadow:5px 5px 0 var(--public-ink)}
.profile-public-page .public-body>.button:hover{background:var(--public-teal-dark);transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--public-ink)}
.profile-public-page .contact-help{font-size:12px;line-height:1.6;color:var(--public-muted);margin:14px 0 20px}
.profile-public-page .public-links a{display:flex;justify-content:space-between;padding:16px;border:1px solid var(--public-ink);border-radius:0;margin-top:12px;font-size:15px;background:#fff}
.profile-public-page .public-links a:hover{border-color:var(--public-teal);color:var(--public-teal-dark);background:var(--public-teal-pale)}
.profile-public-page .public-note{color:var(--public-muted);text-align:center;font-size:12px;margin-top:30px}
.profile-public-page .profile-brand{text-align:center;font-size:13px;color:var(--public-muted);margin-top:29px}
.profile-public-page .profile-brand a{color:var(--public-teal-dark);text-decoration:underline;text-underline-offset:4px}
.profile-public-page .profile-brand a:hover{color:var(--public-teal)}
.profile-public-page .footer{background:rgba(244,243,236,.94);border-top:2px solid var(--public-ink);color:var(--public-ink)}
.profile-public-page .footer nav{color:var(--public-muted)}
.profile-public-page .footer nav a:hover{color:var(--public-teal)}

@media(max-width:560px){
  .profile-public-page .header{width:88vw;height:70px}
  .profile-public-page .header nav{display:none}
  .profile-public-page .public-profile{margin-top:35px}
  .profile-public-page .public-body{padding:0 25px 32px}
  .profile-public-page .public-body h1{font-size:38px}
  .profile-public-page .public-cover{height:135px}
}