/* Generated by wp/build_wp.py from _src/blog.html. Do not edit here. */
/* ---------- BLOG ---------- */
.jna-bl-filters{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-bottom:42px}
.jna-bl-filters .jna-pill{cursor:pointer;border:1px solid var(--jna-line);background:#fff}
.jna-bl-filters .jna-pill.jna-on{background:var(--jna-blue);border-color:var(--jna-blue);color:#fff}
.jna-bl-filters .jna-pill.jna-on .jna-pill-dot{background:var(--jna-gold-l)}

/* featured */
.jna-bl-feat{
  display:grid;grid-template-columns:1.05fr .95fr;gap:0;margin-bottom:34px;
  background:#fff;border:1px solid var(--jna-line);border-radius:20px;overflow:hidden;
  box-shadow:var(--jna-shadow-sm);
}
.jna-bl-feat-img{position:relative;min-height:300px;overflow:hidden}
.jna-bl-feat-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.3,1)}
.jna-bl-feat:hover .jna-bl-feat-img img{transform:scale(1.04)}
.jna-bl-feat-body{padding:44px 42px;display:flex;flex-direction:column;justify-content:center}
.jna-bl-feat-body h3{font-size:clamp(1.4rem,2.2vw,1.9rem);margin-bottom:12px}
.jna-bl-feat-body p{font-size:1rem}

/* cards */
.jna-bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.jna-bl-card{
  background:#fff;border:1px solid var(--jna-line);border-radius:var(--jna-r);overflow:hidden;
  display:flex;flex-direction:column;
  transition:transform .38s cubic-bezier(.2,.8,.3,1),box-shadow .38s ease,border-color .38s ease;
}
.jna-bl-card:hover{transform:translateY(-6px);box-shadow:var(--jna-shadow);border-color:transparent}
.jna-bl-card-img{aspect-ratio:16/10;overflow:hidden}
.jna-bl-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.3,1)}
.jna-bl-card:hover .jna-bl-card-img img{transform:scale(1.05)}
.jna-bl-card-body{padding:24px 24px 26px;display:flex;flex-direction:column;flex:1}
.jna-bl-card-body h3{font-size:1.16rem;margin-bottom:9px}
.jna-bl-card-body p{font-size:.92rem;margin-bottom:16px}
.jna-bl-more{margin-top:auto;font-size:.85rem;font-weight:700;color:var(--jna-gold-d);
  display:inline-flex;align-items:center;gap:7px;letter-spacing:.06em;text-transform:uppercase}
.jna-bl-more svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .28s ease}
.jna-bl-card:hover .jna-bl-more svg,.jna-bl-feat:hover .jna-bl-more svg{transform:translateX(4px)}

/* meta row */
.jna-bl-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:13px;font-size:.78rem;color:var(--jna-text)}
.jna-bl-cat{
  background:var(--jna-tint);color:var(--jna-sage-d);border-radius:999px;
  padding:4px 12px;font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
}
.jna-bl-dot{width:3px;height:3px;border-radius:50%;background:var(--jna-gold);flex:none}

/* article view */
.jna-bl-article{max-width:760px;margin:0 auto}
.jna-bl-back{
  display:inline-flex;align-items:center;gap:8px;font-size:.86rem;font-weight:700;
  color:var(--jna-sage-d);margin-bottom:24px;cursor:pointer;background:none;border:0;padding:0;
  font-family:'Source Sans 3',system-ui,sans-serif;
}
.jna-bl-back svg{width:15px;height:15px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease}
.jna-bl-back:hover svg{transform:translateX(-3px)}
.jna-bl-article h1{font-size:clamp(1.9rem,3.6vw,2.8rem);margin-bottom:16px}
.jna-bl-hero-img{border-radius:18px;overflow:hidden;aspect-ratio:16/8;margin:26px 0 34px;box-shadow:var(--jna-shadow-sm)}
.jna-bl-hero-img img{width:100%;height:100%;object-fit:cover}
.jna-bl-body{font-size:1.05rem;line-height:1.8}
.jna-bl-body h2{font-size:1.5rem;margin:36px 0 12px}
.jna-bl-body ul{margin:0 0 1.1rem}
.jna-bl-body li{display:flex;gap:11px;align-items:flex-start;margin-bottom:9px}
.jna-bl-body li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--jna-gold);flex:none;margin-top:11px}
.jna-bl-note{
  background:var(--jna-tint);border-left:3px solid var(--jna-sage);border-radius:0 12px 12px 0;
  padding:20px 24px;margin:26px 0;font-size:.96rem;
}
.jna-bl-note p{margin:0}
.jna-bl-byline{
  display:flex;align-items:center;gap:14px;padding:22px 0;margin-top:34px;
  border-top:1px solid var(--jna-line);border-bottom:1px solid var(--jna-line);
}
.jna-bl-byline-ring{
  width:50px;height:50px;border-radius:50%;flex:none;display:grid;place-items:center;
  background:var(--jna-blue);color:var(--jna-gold-l);
  font-family:'Playfair Display',Georgia,serif;font-size:1.1rem;font-weight:600;
}
.jna-bl-byline b{display:block;font-family:'Playfair Display',Georgia,serif;color:var(--jna-ink);font-size:1.02rem}
.jna-bl-byline span{font-size:.84rem;color:var(--jna-sage-d);font-weight:600}

/* helpful reaction */
.jna-bl-react{text-align:center;padding:30px 0 6px}
.jna-bl-react p{font-weight:700;color:var(--jna-ink);margin-bottom:14px;font-size:.98rem}
.jna-bl-react-btns{display:flex;gap:11px;justify-content:center;flex-wrap:wrap}
.jna-bl-react button{
  display:inline-flex;align-items:center;gap:9px;cursor:pointer;
  background:#fff;border:1px solid var(--jna-line);border-radius:999px;padding:10px 22px;
  font-family:'Source Sans 3',system-ui,sans-serif;font-size:.9rem;font-weight:600;color:var(--jna-blue);
  transition:border-color .25s ease,transform .25s ease,background .25s ease;
}
.jna-bl-react button:hover{border-color:var(--jna-gold);transform:translateY(-2px)}
.jna-bl-react button.jna-on{background:var(--jna-tint);border-color:var(--jna-sage)}
.jna-bl-react svg{width:16px;height:16px;stroke:var(--jna-gold-d);stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.jna-bl-react-thanks{color:var(--jna-sage-d);font-weight:700;font-size:.92rem;margin-top:12px}

/* question form */
.jna-ask{
  background:#fff;border:1px solid var(--jna-line);border-top:3px solid var(--jna-gold);
  border-radius:18px;padding:36px 34px;max-width:760px;margin:44px auto 0;
}
.jna-ask h3{font-size:1.35rem;margin-bottom:8px}
.jna-ask > p{font-size:.96rem}
.jna-ask-privacy{
  background:var(--jna-tint);border-radius:10px;padding:14px 16px;
  font-size:.83rem;line-height:1.6;margin:16px 0 18px;
}
.jna-ask .jna-field{margin-bottom:13px}
.jna-ask-qa{margin-top:30px;border-top:1px solid var(--jna-line);padding-top:26px}
.jna-ask-qa h4{font-family:'Source Sans 3',system-ui,sans-serif;font-size:.76rem;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:var(--jna-sage-d);margin-bottom:18px}
.jna-qa-item{display:flex;gap:14px;margin-bottom:20px}
.jna-qa-mark{
  width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;
  background:var(--jna-tint);color:var(--jna-sage-d);font-weight:700;font-size:.86rem;
}
.jna-qa-item b{display:block;color:var(--jna-ink);margin-bottom:5px;font-size:.98rem}
.jna-qa-item p{font-size:.94rem;margin:0}

.jna-bl-empty{text-align:center;padding:56px 0;color:var(--jna-sage-d);font-weight:600}

@media(max-width:980px){
  .jna-bl-feat{grid-template-columns:1fr}
  .jna-bl-feat-img{min-height:240px}
  .jna-bl-feat-body{padding:32px 28px}
  .jna-bl-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:575px){
  .jna-bl-filters{gap:6px;margin-bottom:24px;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:4px}
  .jna-bl-filters .jna-pill{white-space:nowrap;font-size:.78rem;padding:6px 13px}
  .jna-bl-feat{margin-bottom:14px;border-radius:14px}
  .jna-bl-feat-img{min-height:170px}
  .jna-bl-feat-body{padding:19px 17px}
  .jna-bl-feat-body h3{font-size:1.2rem}
  .jna-bl-feat-body p{font-size:.87rem}
  .jna-bl-grid{grid-template-columns:1fr;gap:12px}
  .jna-bl-card{border-radius:12px}
  .jna-bl-card-img{aspect-ratio:16/8}
  .jna-bl-card-body{padding:16px 16px 18px}
  .jna-bl-card-body h3{font-size:1.05rem}
  .jna-bl-card-body p{font-size:.87rem;margin-bottom:12px}
  .jna-bl-meta{font-size:.72rem;gap:7px;margin-bottom:10px}
  .jna-bl-cat{font-size:.62rem;padding:3px 9px}
  .jna-bl-hero-img{aspect-ratio:16/9;margin:18px 0 22px;border-radius:12px}
  .jna-bl-body{font-size:.97rem;line-height:1.72}
  .jna-bl-body h2{font-size:1.22rem;margin:24px 0 9px}
  .jna-bl-note{padding:14px 16px;margin:18px 0;font-size:.89rem}
  .jna-ask{padding:20px 17px;border-radius:14px;margin-top:28px}
  .jna-ask h3{font-size:1.15rem}
  .jna-ask > p{font-size:.89rem}
  .jna-bl-byline{padding:16px 0;margin-top:24px;gap:11px}
  .jna-bl-byline-ring{width:40px;height:40px;font-size:.95rem}
  .jna-bl-react button{width:100%;justify-content:center}
  .jna-ask .jna-field input,.jna-ask .jna-field textarea{font-size:16px;padding:11px 12px}
  .jna-ask .jna-field textarea{min-height:96px}
}