/* ============================================================
   KlaroNail — blog section stylesheet (separate from style.css)
   theklaronaiil.com · prefix: kn-
   ============================================================ */

.kn-postgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(292px,1fr));gap:1.3rem}
.kn-postgrid > *{min-width:0}
.kn-post{
  background:#fff;border:1px solid var(--kn-line);border-radius:var(--kn-r);
  padding:1.4rem 1.3rem;display:flex;flex-direction:column;
  transition:transform .2s,box-shadow .2s,border-color .2s;
}
.kn-post:hover{transform:translateY(-4px);box-shadow:var(--kn-sh);border-color:var(--kn-green)}
.kn-post__cat{
  font-family:var(--kn-mono);font-size:.62rem;letter-spacing:.11em;text-transform:uppercase;
  color:var(--kn-blue);background:var(--kn-mist);padding:.26rem .6rem;
  border-radius:999px;align-self:flex-start;margin-bottom:.8rem;
}
.kn-post__cat--rev{background:var(--kn-red-tint);color:var(--kn-red)}
.kn-post h3{font-size:1.11rem;margin-bottom:.45rem;line-height:1.33}
.kn-post h3 a{color:var(--kn-blue);text-decoration:none}
.kn-post h3 a:hover{color:var(--kn-green)}
.kn-post p{font-size:.91rem;color:var(--kn-slate);flex:1;margin-bottom:.9rem;overflow-wrap:anywhere}
.kn-post__meta{font-family:var(--kn-mono);font-size:.66rem;letter-spacing:.05em;color:var(--kn-slate);text-transform:uppercase}

.kn-art{max-width:var(--kn-narrow);margin-inline:auto}
.kn-art__head{padding:2.5rem 0 1.4rem;border-bottom:1px solid var(--kn-line);margin-bottom:2.1rem}
.kn-art__meta{
  font-family:var(--kn-mono);font-size:.72rem;letter-spacing:.05em;color:var(--kn-slate);
  text-transform:uppercase;display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;margin-top:1rem;
}
.kn-art__body{font-size:1.05rem;line-height:1.78}
.kn-art__body h2{font-size:clamp(1.33rem,3.2vw,1.78rem);margin-top:2.1em}
.kn-art__body h3{font-size:clamp(1.08rem,2.3vw,1.26rem);margin-top:1.7em}
.kn-art__body ul,.kn-art__body ol{padding-left:1.3rem;margin:0 0 1.2em}
.kn-art__body li{margin-bottom:.5em}
.kn-art__body img{border-radius:var(--kn-r);margin:1.8em auto;max-width:100%;height:auto}
.kn-art__body blockquote{
  margin:1.6em 0;padding:.9rem 0 .9rem 1.4rem;border-left:4px solid var(--kn-green);
  font-family:var(--kn-display);font-size:1.12rem;font-weight:500;color:var(--kn-blue);
}
.kn-art__body blockquote p:last-child{margin-bottom:0}

.kn-toc{background:var(--kn-paper);border:1px solid var(--kn-line);border-radius:var(--kn-r);padding:1.15rem 1.4rem;margin:0 0 2.1rem}
.kn-toc b{font-family:var(--kn-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--kn-green);display:block;margin-bottom:.55rem}
.kn-toc ol{margin:0;padding-left:1.15rem;font-size:.93rem}
.kn-toc li{margin-bottom:.26rem}
.kn-toc a{color:var(--kn-slate);text-decoration:none}
.kn-toc a:hover{color:var(--kn-green);text-decoration:underline}

.kn-cta{
  background:var(--kn-blue);border-radius:var(--kn-r);padding:1.6rem 1.6rem;
  margin:2.2rem 0;text-align:center;color:#C6D6EE;
}
.kn-cta h3{color:#fff;margin-bottom:.5rem;font-size:1.24rem}
.kn-cta p{font-size:.94rem;margin-bottom:1.1rem}
.kn-cta .kn-btn{margin:0 .25rem .4rem}

.kn-author{
  display:flex;gap:1.1rem;align-items:flex-start;background:var(--kn-paper);
  border:1px solid var(--kn-line);border-radius:var(--kn-r);padding:1.3rem;margin:2.1rem 0 0;
}
.kn-author__av{
  width:54px;height:54px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:var(--kn-blue);color:#fff;font-family:var(--kn-display);font-weight:700;
  font-size:1rem;margin:0!important;
}
.kn-author b{font-family:var(--kn-display);font-size:1rem;color:var(--kn-blue)}
.kn-author span{font-family:var(--kn-mono);font-size:.67rem;letter-spacing:.06em;text-transform:uppercase;color:var(--kn-green);display:block;margin-top:.1rem}
.kn-author p{font-size:.91rem;color:var(--kn-slate);margin:.45rem 0 0}

.kn-catnav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}
.kn-catnav a{
  font-family:var(--kn-mono);font-size:.69rem;letter-spacing:.08em;text-transform:uppercase;
  padding:.5rem .95rem;border:1px solid var(--kn-line);border-radius:999px;
  color:var(--kn-slate);text-decoration:none;background:#fff;
}
.kn-catnav a:hover,.kn-catnav a[aria-current="page"]{background:var(--kn-blue);color:#fff;border-color:var(--kn-blue)}

.kn-pager{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-top:2.5rem;align-items:center}
.kn-pager a,.kn-pager span{
  font-family:var(--kn-mono);font-size:.81rem;padding:.5rem .8rem;border-radius:var(--kn-r);
  text-decoration:none;color:var(--kn-slate);border:1px solid var(--kn-line);background:#fff;
  min-width:40px;text-align:center;
}
.kn-pager a:hover{border-color:var(--kn-green);color:var(--kn-green)}
.kn-pager .is-cur{background:var(--kn-blue);color:#fff;border-color:var(--kn-blue)}
.kn-pager .is-gap{border:none;background:none;padding:.5rem .3rem;min-width:auto}

.kn-related{background:var(--kn-paper)}