/* ==========================================================================
   JONA PSYCHIATRY THEME  |  WordPress-only additions
   Everything shared with the static site is in site.css and pages/*.css,
   generated from the same sources. This file holds only what exists because
   the site now runs on WordPress: the notice bar, real blog posts, form
   feedback. Same tokens, same jna- prefix.
   ========================================================================== */

/* ---------- notice bar (set from the practice portal) ---------- */
.jna-notice{position:relative;z-index:40;border-bottom:1px solid var(--jna-line2);font-family:'Source Sans 3',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.jna-notice *,.jna-notice *::before,.jna-notice *::after{box-sizing:border-box}
.jna-notice[hidden]{display:none}
.jna-notice-calm{background:var(--jna-tint);color:var(--jna-ink)}
.jna-notice-alert{background:#FFF4E5;color:#5A3A00;border-bottom-color:#F1D3A6}
.jna-notice-in{
  max-width:1240px;margin:0 auto;padding:12px 56px 12px 24px;position:relative;
  display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;
}
.jna-notice-in > svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.jna-notice p{margin:0;font-size:.94rem;font-weight:600;line-height:1.45;color:inherit}
.jna-notice a{color:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.jna-notice-x{
  position:absolute;right:12px;top:50%;transform:translateY(-50%);
  width:34px;height:34px;border-radius:50%;border:0;background:transparent;color:inherit;cursor:pointer;
  display:grid;place-items:center;
}
.jna-notice-x:hover{background:rgba(0,0,0,.06)}
.jna-notice-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}

/* ---------- spam trap: off screen, never focusable ---------- */
.jna-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}

/* ---------- blog: headings re-levelled for a real document outline ---------- */
.jna-bl-feat-title{font-size:clamp(1.4rem,2.2vw,1.9rem);margin-bottom:12px}
.jna-ask-title{font-size:1.35rem;margin-bottom:8px}
.jna-qa-title{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:0 0 18px}
.jna-bl-filters .jna-pill{text-decoration:none}
.jna-bl-crumb{margin-bottom:18px}
.jna-bl-lede{font-size:1.15rem;line-height:1.6;color:var(--jna-ink);margin:-4px 0 0}
.jna-bl-single .jna-bl-article{padding-top:6px}
.jna-bl-hero-img img{display:block}

/* Article bodies written in the portal are plain HTML. The static site
   wrapped list items in a span for its flex bullets; plain items with inline
   bold or links would split into flex columns, so lists use a positioned
   bullet instead. */
.jna-bl-body li{display:block;position:relative;padding-left:19px}
.jna-bl-body li::before{position:absolute;left:0;top:.72em;margin:0}
.jna-bl-body ol{margin:0 0 1.1rem;padding-left:1.3rem}
.jna-bl-body ol li{display:list-item;padding-left:4px}
.jna-bl-body ol li::before{content:none}
.jna-bl-body h3{font-size:1.2rem;margin:28px 0 10px}
.jna-bl-body a{color:var(--jna-blue);border-bottom:1px solid var(--jna-gold);font-weight:600}
.jna-bl-body a:hover{color:var(--jna-gold-d)}
.jna-bl-body blockquote{margin:24px 0;padding:4px 0 4px 20px;border-left:3px solid var(--jna-gold);font-style:italic;color:var(--jna-ink)}
.jna-bl-body img{max-width:100%;height:auto;border-radius:14px;margin:12px 0}
.jna-bl-body p:empty{display:none}

/* pagination */
.jna-bl-pages{margin-top:40px}
.jna-bl-pages ul{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.jna-bl-pages a,.jna-bl-pages span{
  display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;
  border-radius:999px;border:1px solid var(--jna-line);background:#fff;font-weight:700;font-size:.9rem;color:var(--jna-blue-d)
}
.jna-bl-pages .current{background:var(--jna-blue);border-color:var(--jna-blue);color:#fff}

/* related articles */
.jna-bl-related{max-width:1080px;margin:64px auto 0}
.jna-bl-related h2{text-align:center;font-size:1.6rem;margin-bottom:26px}

/* plain pages created later in wp-admin */
.jna-prose{max-width:760px;font-size:1.03rem;line-height:1.8}
.jna-prose h2{margin:32px 0 12px}

@media(max-width:575px){
  .jna-notice-in{padding:10px 46px 10px 14px;gap:9px}
  .jna-notice p{font-size:.85rem}
  .jna-notice-in > svg{width:17px;height:17px}
  .jna-bl-feat-title{font-size:1.2rem}
  .jna-ask-title{font-size:1.15rem}
  .jna-bl-lede{font-size:1rem}
  .jna-bl-related{margin-top:40px}
  .jna-bl-related h2{font-size:1.3rem;margin-bottom:18px}
}

/* text for screen readers only */
.jna-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}