.detail{

  width:calc(100% - 32px)!important;

  max-width:1280px!important;

  margin-left:auto!important;

  margin-right:auto!important;

  box-sizing:border-box

}

.detail-layout{

  display:grid;

  grid-template-columns:minmax(0,1fr) 310px;

  gap:32px;

  align-items:start

}

.detail-layout>.article{

  min-width:0;

  max-width:none!important;

  width:100%!important;

  margin:0!important

}

.detail-sidebar{

  position:sticky;

  top:96px;

  display:flex;

  flex-direction:column;

  gap:18px

}

.sidebar-card{

  background:#fff;

  border:1px solid #e4eaf0;

  border-radius:16px;

  padding:22px;

  box-shadow:0 10px 28px rgba(20,45,70,.07)

}

.sidebar-kicker{

  display:block;

  margin-bottom:7px;

  color:#0f5fa8;

  font-size:12px;

  font-weight:800;

  letter-spacing:.08em

}

.sidebar-card h3{

  margin:0 0 14px;

  color:#172534;

  font-size:20px;

  line-height:1.3

}

.sidebar-card p{

  margin:0 0 16px;

  color:#5b6875;

  font-size:14px;

  line-height:1.7

}

.sidebar-links{

  display:flex;

  flex-direction:column

}

.sidebar-links a{

  position:relative;

  display:block;

  padding:10px 18px 10px 0;

  border-bottom:1px solid #edf1f4;

  color:#31465a;

  font-size:14px;

  line-height:1.45;

  text-decoration:none

}

.sidebar-links a:last-child{

  border-bottom:0

}

.sidebar-links a:after{

  content:"›";

  position:absolute;

  right:1px;

  top:8px;

  color:#0f5fa8;

  font-size:19px

}

.sidebar-links a:hover{

  color:#0f5fa8

}

.sidebar-actions{

  display:flex;

  flex-direction:column;

  gap:10px

}

.sidebar-btn{

  display:block;

  padding:11px 15px;

  border-radius:9px;

  background:#0f5fa8;

  color:#fff!important;

  font-size:14px;

  font-weight:700;

  text-align:center;

  text-decoration:none

}

.sidebar-btn.secondary{

  border:1px solid #0f5fa8;

  background:#fff;

  color:#0f5fa8!important

}

@media(max-width:980px){

  .detail{

    width:calc(100% - 24px)!important

  }

  .detail-layout{

    grid-template-columns:1fr

  }

  .detail-sidebar{

    position:static;

    display:grid;

    grid-template-columns:repeat(2,minmax(0,1fr))

  }

}

@media(max-width:680px){

  .detail-sidebar{

    display:flex

  }

  .sidebar-card{

    padding:18px

  }

}