.brand-wordmark{gap:0}
.brand-wordmark>span{display:grid;gap:.18rem}
.brand-wordmark strong{font-family:var(--serif);font-size:1.55rem;line-height:1;letter-spacing:.04em;color:var(--ink)}
.brand-wordmark>span>span{font-size:.86rem;line-height:1;letter-spacing:.095em;color:var(--ink2)}
@media(max-width:680px){
  .brand-wordmark strong{font-size:1.42rem}
  .brand-wordmark>span>span{font-size:.75rem}
  .top-actions .btn .label{display:inline}
}

/* Shared assessment-code entry: align with the established YIMING paper language. */
body{
  background-color:#fffdf5;
  background-image:radial-gradient(circle,#d6cfbf .8px,transparent .9px);
  background-size:24px 24px;
}
.topbar{padding:15px 0}
.top-actions .btn{border:1px solid #758197;border-radius:999px;box-shadow:none;padding:7px 13px;font-size:.84rem;background:rgba(255,255,255,.78)}
.hero{min-height:calc(100vh - 72px);grid-template-columns:1.02fr .98fr;gap:clamp(28px,5vw,72px);padding:24px 0 42px}
.hero-copy{position:relative;top:-35px}
.hero-copy .eyebrow{font-size:.68rem;letter-spacing:.13em;color:#6941c6}
.hero h1{font-size:clamp(2.65rem,4.35vw,4.35rem);line-height:1.12;letter-spacing:-.035em;margin:12px 0 17px}
.hero h1 em{color:#6d3ee8}
.hero-copy .lead{font-size:1rem;line-height:1.75;color:#46536b;max-width:40rem}
.entry-notice{margin-top:21px;padding:12px 0 2px 17px;border-left:3px solid #f3b72b;max-width:38rem;color:#566176;font-size:.85rem;line-height:1.7}
.entry-notice b{display:block;color:#172033;font-size:.84rem;margin-bottom:3px}
.entry-notice p{margin:0}
.hero .card{position:relative;top:35px;border:3px solid #1f2937;border-radius:22px;box-shadow:5px 5px 0 #1f2937;background:#fff;backdrop-filter:none;padding:clamp(24px,3vw,36px)}
.hero .card .eyebrow{font-size:.69rem;letter-spacing:.1em}
.hero .card h2{font-size:1.75rem;color:#172033}
.hero .card .sub{margin:0;line-height:1.65}
.hero .form{gap:14px;margin-top:20px}
.hero .field input{border:2px solid #1f2937;border-radius:10px;padding:11px 13px}
.hero .field input:focus{box-shadow:3px 3px 0 #c4b5fd}
.hero .btn-primary{border:3px solid #1f2937;border-radius:999px;box-shadow:3px 3px 0 #1f2937}
.hero .btn-primary:hover{box-shadow:5px 5px 0 #1f2937}
.hero .resume-panel{background:#f3fff9;border:1px solid #8bdac0;color:#096649}
.hero .resume-panel .btn{border:2px solid #1f2937;border-radius:999px;box-shadow:2px 2px 0 #1f2937}
@media(max-width:850px){
  .hero{grid-template-columns:1fr;gap:24px;min-height:0;padding-top:28px}
  .hero-copy{text-align:left;top:0}
  .hero .card{top:0}
  .hero-copy .lead{margin-inline:0}
  .entry-notice{margin-top:19px}
}
@media(max-width:520px){
  .topbar{padding:12px 0}
  .hero{padding:18px 0 30px;gap:15px}
  .hero h1{font-size:clamp(2.2rem,9vw,2.65rem);margin:8px 0 11px}
  .hero-copy .lead{font-size:.94rem;line-height:1.65}
  .entry-notice{font-size:.8rem;margin-top:13px;padding-top:4px;padding-bottom:0}
  .hero .card{padding:19px;box-shadow:4px 4px 0 #1f2937}
  .hero .card h2{font-size:1.52rem}
  .hero .form{gap:11px;margin-top:15px}
}