/* KONIKS V231.2 - Topic Direct Production Premium Recomposition
   Route-scoped additive presentation for the current production topic.asp. */

body.k-page-topic{
  background:#f6f6f3!important;
  color:#24272c!important;
}

body.k-page-topic .k-main{
  padding-bottom:36px!important;
}

body.k-page-topic .k2312-topic-hero{
  overflow:visible!important;
  border:1px solid #e4e5e1!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 88% 8%,rgba(163,22,43,.055),transparent 34%),
    linear-gradient(180deg,#fff,#fcfcfa)!important;
  box-shadow:0 20px 58px rgba(18,22,28,.05)!important;
}

body.k-page-topic .k2312-topic-headline{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 162px!important;
  align-items:end!important;
  gap:30px!important;
  padding-bottom:24px!important;
}

body.k-page-topic .k2312-topic-heading-main{
  min-width:0!important;
}

body.k-page-topic .k2312-topic-headline h1{
  margin-top:7px!important;
  color:#202328!important;
  font-weight:790!important;
  line-height:1.07!important;
  letter-spacing:-.04em!important;
  text-wrap:balance;
}

body.k-page-topic .k-topic-kicker{
  color:#9a4d5a!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.13em!important;
}

body.k-page-topic .k2312-topic-summary{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px 22px!important;
  margin-top:20px!important;
  padding-top:16px!important;
  border-top:1px solid #ececea!important;
}

body.k-page-topic .k2312-topic-summary>span{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
  color:#737880!important;
  font-size:12px!important;
  line-height:1.45!important;
}

body.k-page-topic .k2312-topic-summary>span>strong{
  color:#9a9da2!important;
  font-size:9.5px!important;
  font-weight:800!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}

body.k-page-topic .k2312-topic-summary a{
  color:#4f545b!important;
  font-weight:700!important;
  text-decoration:none!important;
}

body.k-page-topic .k2312-topic-summary a:hover{
  color:#a3162b!important;
}

body.k-page-topic .k2312-topic-snapshot{
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  min-width:0!important;
  padding:18px 18px 16px!important;
  border:1px solid #e6e7e3!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#fdfdfc,#f7f7f4)!important;
  box-shadow:0 9px 26px rgba(20,24,30,.025)!important;
}

body.k-page-topic .k2312-snapshot-label{
  color:#96999f!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.14em!important;
}

body.k-page-topic .k2312-topic-snapshot>strong{
  margin-top:7px!important;
  color:#202328!important;
  font-size:36px!important;
  line-height:.98!important;
  font-weight:790!important;
  letter-spacing:-.05em!important;
}

body.k-page-topic .k2312-topic-snapshot>small{
  margin-top:5px!important;
  color:#7a7f86!important;
  font-size:11px!important;
  font-weight:650!important;
}

body.k-page-topic .k2312-topic-snapshot .k-head-pagination{
  margin-top:15px!important;
  padding-top:12px!important;
  border-top:1px solid #e7e8e4!important;
}

body.k-page-topic .k2312-topic-toolbar{
  margin-top:0!important;
  padding-top:14px!important;
  border-top:1px solid #ececea!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.k-page-topic .k2312-topic-toolbar .k43-topic-toolbar-nav a,
body.k-page-topic .k2312-topic-toolbar .k43-topic-toolbar-actions a,
body.k-page-topic .k2312-topic-toolbar .k43-topic-toolbar-actions button{
  border-radius:999px!important;
  font-weight:720!important;
}

body.k-page-topic .k2312-conversation{
  margin-top:32px!important;
}

body.k-page-topic .k2312-discussion-head{
  margin-bottom:14px!important;
  padding:0 2px 13px!important;
  border-bottom:1px solid #e4e5e2!important;
}

body.k-page-topic .k2312-discussion-head>div>span{
  color:#9b9ea3!important;
  font-size:9.5px!important;
  font-weight:850!important;
  letter-spacing:.14em!important;
}

body.k-page-topic .k2312-discussion-head strong{
  color:#202328!important;
  font-size:22px!important;
  letter-spacing:-.025em!important;
}

body.k-page-topic .k38-reply-stream{
  display:grid!important;
  gap:15px!important;
}

body.k-page-topic .k2312-origin-card,
body.k-page-topic .k2312-reply-card{
  overflow:clip!important;
  border:1px solid #e5e6e3!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(20,24,30,.026)!important;
}

body.k-page-topic .k2312-origin-card{
  border-color:#dddeda!important;
  box-shadow:0 16px 44px rgba(20,24,30,.04)!important;
}

body.k-page-topic .k2312-reply-card:hover{
  border-color:#dcdeda!important;
  box-shadow:0 17px 42px rgba(20,24,30,.04)!important;
  transform:translateY(-1px);
}

body.k-page-topic .k2312-post-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:20px!important;
  align-items:start!important;
  padding:17px 19px 15px!important;
  border-bottom:1px solid #eeeeec!important;
  background:#fbfbfa!important;
}

body.k-page-topic .k2312-origin-head{
  background:linear-gradient(180deg,#fdfdfc,#fafaf8)!important;
}

body.k-page-topic .k2312-author-cluster{
  min-width:0!important;
}

body.k-page-topic .k2312-post-controls{
  min-width:0!important;
  justify-self:end!important;
}

body.k-page-topic .k2312-post-controls .k-post-actions{
  justify-content:flex-end!important;
  gap:6px!important;
}

body.k-page-topic .k2312-post-controls .k-post-context,
body.k-page-topic .k2312-post-controls .k43-post-date{
  color:#777c83!important;
}

body.k-page-topic .k2312-post-controls .k-post-permalink{
  color:#999da2!important;
  font-weight:750!important;
  text-decoration:none!important;
}

body.k-page-topic .k2312-post-controls .k-post-permalink:hover{
  color:#a3162b!important;
}

body.k-page-topic .k2312-post-controls .opts{
  min-height:32px!important;
  padding-left:10px!important;
  padding-right:10px!important;
  border-radius:999px!important;
}

body.k-page-topic .k2312-post-content{
  padding:23px 23px 25px!important;
  background:#fff!important;
}

body.k-page-topic .k2312-post-content .ArticleText,
body.k-page-topic .k2312-post-content .k-post-body{
  max-width:86ch!important;
  color:#2a2e33!important;
  font-size:15.5px!important;
  line-height:1.8!important;
}

body.k-page-topic .k2312-post-content .ArticleText p,
body.k-page-topic .k2312-post-content .k-post-body p{
  margin-top:0!important;
  margin-bottom:1.05em!important;
}

body.k-page-topic .k2312-post-content a{
  text-underline-offset:3px!important;
}

body.k-page-topic .k2312-post-content blockquote,
body.k-page-topic .k2312-post-content .quote{
  margin:18px 0!important;
  padding:14px 16px!important;
  border-left:3px solid rgba(163,22,43,.36)!important;
  border-radius:0 12px 12px 0!important;
  background:#f8f8f5!important;
  color:#50555c!important;
}

body.k-page-topic .k2312-post-content img{
  max-width:100%!important;
  height:auto!important;
  border-radius:8px!important;
}

body.k-page-topic .k2312-post-content .Signature{
  margin-top:23px!important;
  padding-top:14px!important;
  border-top:1px solid #eeeeec!important;
  color:#858990!important;
}

body.k-page-topic .k38-edit-note{
  margin-top:14px!important;
  color:#8b8f94!important;
}

body.k-page-topic .k38-post-footer{
  padding-top:12px!important;
  color:#7d8288!important;
}

body.k-page-topic .k38-post-footer strong{
  color:#9b9ea3!important;
  font-size:9.5px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

body.k-page-topic .k43-topic-toolbar,
body.k-page-topic .k38-topic-toolbar{
  border-color:#e5e6e3!important;
}

body.k-page-topic :focus-visible{
  outline:2px solid rgba(163,22,43,.48)!important;
  outline-offset:3px!important;
}

@media(max-width:820px){
  body.k-page-topic .k2312-topic-hero{
    border-radius:18px!important;
    box-shadow:0 12px 34px rgba(20,24,30,.04)!important;
  }

  body.k-page-topic .k2312-topic-headline{
    grid-template-columns:1fr!important;
    gap:16px!important;
    padding-bottom:18px!important;
  }

  body.k-page-topic .k2312-topic-snapshot{
    display:grid!important;
    grid-template-columns:auto auto 1fr!important;
    align-items:center!important;
    justify-content:start!important;
    gap:8px!important;
    padding:12px 14px!important;
  }

  body.k-page-topic .k2312-topic-snapshot>strong{
    margin-top:0!important;
    font-size:25px!important;
  }

  body.k-page-topic .k2312-topic-snapshot>small{
    margin-top:0!important;
  }

  body.k-page-topic .k2312-topic-snapshot .k-head-pagination{
    grid-column:1/-1!important;
    margin-top:6px!important;
    padding-top:10px!important;
  }

  body.k-page-topic .k2312-post-head{
    grid-template-columns:1fr!important;
    gap:11px!important;
    padding:15px 15px 13px!important;
  }

  body.k-page-topic .k2312-post-controls{
    justify-self:stretch!important;
  }

  body.k-page-topic .k2312-post-controls .k-post-actions{
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
  }

  body.k-page-topic .k2312-post-content{
    padding:18px 16px 21px!important;
  }
}

@media(max-width:620px){
  body.k-page-topic .k-main{
    padding-bottom:22px!important;
  }

  body.k-page-topic .k2312-topic-headline h1{
    letter-spacing:-.03em!important;
  }

  body.k-page-topic .k2312-topic-summary{
    gap:8px 14px!important;
  }

  body.k-page-topic .k2312-origin-card,
  body.k-page-topic .k2312-reply-card{
    border-radius:14px!important;
  }

  body.k-page-topic .k2312-post-content .ArticleText,
  body.k-page-topic .k2312-post-content .k-post-body{
    max-width:none!important;
    font-size:16px!important;
    line-height:1.78!important;
  }

  body.k-page-topic .k2312-post-controls .opts,
  body.k-page-topic .k2312-topic-toolbar a,
  body.k-page-topic .k2312-topic-toolbar button{
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
  }
}

@media(prefers-reduced-motion:no-preference){
  body.k-page-topic .k2312-reply-card{
    transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.k-page-topic *{
    scroll-behavior:auto!important;
    transition-duration:.001ms!important;
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
  }
}
