/* HRThink Journal Fit. Accent colour: Settings > Journal Fit (--hjf-accent). Compact, mobile-first. */
.hjf{--a:var(--hjf-accent,#1f3a5f);--a-soft:color-mix(in srgb,var(--a) 6%,#fff);--a-mid:color-mix(in srgb,var(--a) 24%,#fff);--ink:#1b2430;--mute:#667385;--line:#dde3ea;--soft:#f5f7fa;--bad:#b3261e;--warn:#9a5b00;--ok:#2d6a3e;
  max-width:780px;margin:0 auto;color:var(--ink);font-size:15px;line-height:1.45;font-family:inherit;-webkit-text-size-adjust:100%}
.hjf *,.hjf *::before,.hjf *::after{box-sizing:border-box}
.hjf [hidden]{display:none!important}
.hjf p{margin:0 0 8px}

/* ---------- form frame and sections ---------- */
.hjf-form{counter-reset:hjf-s}
.hjf-intro{margin:0 0 14px;padding:10px 14px;border-left:3px solid var(--a);background:var(--a-soft);border-radius:0 8px 8px 0;font-size:.95em}
.hjf-req{margin:0 0 6px;text-align:right;font-size:12px;color:var(--mute)}
.hjf-sec{border:0;margin:0 0 20px;padding:0;min-width:0}
.hjf-sec>legend{display:flex;align-items:center;gap:8px;float:none;width:100%;padding:0 0 7px;margin:0 0 12px;border-bottom:1px solid var(--line);font-size:1em;font-weight:700;color:var(--ink)}
.hjf-sec>legend::before{counter-increment:hjf-s;content:counter(hjf-s);display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--a);color:#fff;font-size:11.5px;font-weight:700;flex:none}
.hjf-sec>legend.hjf-nonum::before{display:none}
.hjf-hint,.hjf-note{font-size:12.5px;color:var(--mute);margin:0 0 10px}
.hjf-star{color:var(--bad);font-weight:700;margin-left:.2em}
.hjf-journal{font-weight:700;margin:0 0 4px}
.hjf-row{display:grid;grid-template-columns:1fr;gap:12px}
.hjf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 12px}

/* ---------- fields ---------- */
.hjf-l{display:block;margin:0 0 12px;font-weight:600;font-size:12.5px;color:#3a4655}
.hjf-row>.hjf-l,.hjf-grid>.hjf-l,.hjf-ag>.hjf-l,.hjf-decls .hjf-l{margin-bottom:0}
.hjf-l input:not([type=checkbox]):not([type=radio]),.hjf-l select,.hjf-l textarea,.hjf-decl-sel{display:block;width:100%;margin-top:4px;height:38px;padding:0 10px;border:1px solid #c9d1db;border-radius:8px;font:inherit;font-size:15px;font-weight:400;color:var(--ink);background:#fff;transition:border-color .15s,box-shadow .15s}
.hjf-l textarea{height:auto;min-height:72px;padding:8px 10px;resize:vertical;line-height:1.4}
.hjf-l input:focus,.hjf-l select:focus,.hjf-l textarea:focus,.hjf-decl-sel:focus{outline:none;border-color:var(--a);box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 20%,transparent)}
.hjf select,.hjf-decl-sel{appearance:none;-webkit-appearance:none;padding-right:34px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23667385' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer;text-overflow:ellipsis}
.hjf input::placeholder,.hjf textarea::placeholder{color:#97a1af}
.hjf input[type=file]{height:auto!important;padding:7px 8px!important;border:1.5px dashed var(--a-mid)!important;background:var(--a-soft)!important;cursor:pointer;font-size:13.5px!important}
.hjf input[type=file]:hover{border-color:var(--a)!important}
.hjf input[type=file]::file-selector-button{margin-right:10px;padding:6px 12px;border:0;border-radius:6px;background:var(--a);color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.hjf-check{display:flex;gap:9px;align-items:flex-start;margin:0;font-size:13px;color:#3a4655;cursor:pointer;line-height:1.4}
.hjf-check input{margin-top:.2em;width:17px;height:17px;flex:none;accent-color:var(--a)}
.hjf-form>.hjf-check{padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--soft);margin:0 0 14px}

/* ---------- authors ---------- */
.hjf-author{border:1px solid var(--line);border-radius:12px;padding:10px 12px 12px;margin:0 0 10px;background:var(--soft)}
.hjf-ah{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.hjf-ah strong{display:inline-block;padding:2px 10px;border-radius:99px;background:var(--a);color:#fff;font-size:12px;letter-spacing:.2px}
.hjf-corr{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:12.5px;font-weight:600;color:#3a4655;cursor:pointer}
.hjf-corr input{width:16px;height:16px;accent-color:var(--a)}
.hjf-link{background:none;border:0;padding:2px 4px;color:var(--bad);cursor:pointer;font:inherit;font-size:12.5px;text-decoration:underline}
.hjf-ag{display:grid;grid-template-columns:1fr 1fr;gap:10px 10px}
.hjf-ag>.hjf-l{grid-column:1/-1}
.hjf-ag>.hjf-half{grid-column:span 1}
.hjf-sub{grid-column:1/-1;margin:2px 0 -4px;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--mute)}

/* ---------- buttons ---------- */
.hjf-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 18px;background:var(--a);color:#fff;border:1.5px solid var(--a);border-radius:9px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;line-height:1;transition:filter .15s,background .15s,transform .05s}
.hjf-btn:hover{filter:brightness(1.12)}
.hjf-btn:active{transform:translateY(1px)}
.hjf-btn[disabled]{opacity:.55;cursor:wait}
.hjf-ghost{background:#fff;color:var(--a)}
.hjf-ghost:hover{background:var(--a-soft);filter:none}
.hjf-sm{height:34px;padding:0 14px;font-size:14px}
.hjf-form>.hjf-btn[type=submit]{display:flex;width:100%;height:46px;font-size:16px}
.hjf-status{margin:10px 0 0;font-weight:600;min-height:1.3em;color:var(--a);font-size:14px}
.hjf-hp{position:absolute;left:-9999px;height:0;overflow:hidden}

/* ---------- declarations ---------- */
.hjf-decls{display:grid;grid-template-columns:1fr;gap:12px 16px;margin-bottom:14px}
.hjf-decl{min-width:0}
.hjf-decl>.hjf-l:first-child{margin-bottom:0}
.hjf-decl-ask,.hjf-decl-own{margin:8px 0 0}
.hjf-preview{margin:6px 0 0;padding:7px 10px;border-left:3px solid var(--a);background:var(--a-soft);border-radius:0 8px 8px 0;font-size:13px;line-height:1.4;color:#243041}
.hjf-credit{margin:4px 0 0}
.hjf-credit>.hjf-l:first-child{margin-bottom:2px}

/* ---------- CRediT grid (roles x authors) ---------- */
.hjf-credit-scroll{overflow-x:auto;margin:6px 0 2px;border:1px solid var(--line);border-radius:10px;background:#fff;-webkit-overflow-scrolling:touch}
.hjf-credit-table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}
.hjf-credit-table th,.hjf-credit-table td{padding:4px 8px;border-bottom:1px solid #edf0f4;text-align:center;line-height:1.25}
.hjf-credit-table thead th{position:sticky;top:0;background:var(--a);color:#fff;font-weight:700;font-size:12.5px;vertical-align:bottom;min-width:52px;white-space:nowrap}
.hjf-credit-table thead th:first-child{text-align:left;min-width:0}
.hjf-credit-table thead small{display:block;max-width:64px;margin:0 auto;overflow:hidden;text-overflow:ellipsis;font-weight:400;font-size:10.5px;opacity:.85}
.hjf-credit-table tbody th{position:sticky;left:0;z-index:1;background:#fff;text-align:left;font-weight:500;white-space:nowrap;border-right:1px solid #edf0f4}
.hjf-credit-table thead th:first-child{position:sticky;left:0;z-index:2}
.hjf-credit-table tbody tr:nth-child(even) th,.hjf-credit-table tbody tr:nth-child(even) td{background:var(--soft)}
.hjf-credit-table tbody tr:hover th,.hjf-credit-table tbody tr:hover td{background:var(--a-soft)}
.hjf-credit-table tbody tr:last-child th,.hjf-credit-table tbody tr:last-child td{border-bottom:0}
.hjf-credit-table input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--a);cursor:pointer;vertical-align:middle}
@media (max-width:699px){.hjf-credit-table th,.hjf-credit-table td{padding:5px 6px}.hjf-credit-table tbody th{font-size:12.5px}}

/* ---------- results ---------- */
.hjf-result{margin-top:18px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(20,30,50,.06)}
.hjf-result h3{margin:0 0 4px;color:var(--a);font-size:1.15em}
.hjf-warnbox,.hjf-mailbox{margin:10px 0;padding:9px 12px;border-left:3px solid var(--a);background:var(--a-soft);border-radius:0 8px 8px 0;font-size:13.5px;line-height:1.45}
.hjf-files{list-style:none;padding:0;margin:10px 0 12px;display:grid;gap:8px}
.hjf-files li{margin:0}
.hjf-files .hjf-btn{display:flex;width:100%;justify-content:flex-start;height:42px}
.hjf-files li:not(:first-child) .hjf-btn{background:var(--a);color:#fff}
.hjf-mailrow{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 2px}
.hjf-mailrow input{flex:1 1 200px;height:36px;padding:0 10px;border:1px solid #c9d1db;border-radius:8px;font:inherit}
.hjf-resend-msg{font-weight:600;color:var(--a);margin-left:6px;font-size:13px}
.hjf-rep{margin:10px 0;padding:8px 12px;border-left:4px solid;border-radius:0 8px 8px 0;background:var(--soft);font-size:13.5px}
.hjf-rep h4{margin:0 0 4px;font-size:.95em}
.hjf-rep ul{margin:0;padding-left:18px}
.hjf-rep li{margin:2px 0}
.hjf-error{border-color:var(--bad);background:#fdf3f2}.hjf-error h4{color:var(--bad)}
.hjf-warn{border-color:#b26a00;background:#fff8ec}.hjf-warn h4{color:var(--warn)}
.hjf-info{border-color:#3d7a4a;background:#f1f8f3}.hjf-info h4{color:var(--ok)}
.hjf-ojs-h{margin:14px 0 2px;color:var(--a);font-size:1em}
.hjf-tbl{overflow-x:auto;margin:6px 0 4px;border:1px solid var(--line);border-radius:10px}
.hjf-ojs-table{border-collapse:collapse;width:100%;font-size:13px}
.hjf-ojs-table th,.hjf-ojs-table td{padding:6px 10px;text-align:left;vertical-align:top;border-bottom:1px solid #edf0f4}
.hjf-ojs-table thead th{background:var(--a);color:#fff;font-weight:600;white-space:nowrap}
.hjf-ojs-table tbody tr:last-child td,.hjf-ojs-table tbody tr:last-child th{border-bottom:0}
.hjf-ojs-table tbody th{font-weight:600;white-space:nowrap;background:var(--soft)}
.hjf-ojs-table td:first-child{width:1%;text-align:center;color:var(--mute)}
.hjf-ojs-table small{font-weight:400;color:var(--mute)}

/* ---------- sign-in gate and signed-in bar ---------- */
.hjf-gate{max-width:440px;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(20,30,50,.06)}
.hjf-gate h3{margin:0 0 6px;color:var(--a);font-size:1.15em}
.hjf-gate p{color:#3a4655;font-size:14px}
.hjf-gate .hjf-btn{margin-top:4px}
.hjf-bar{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;margin:0 0 14px;padding:7px 12px;border-radius:8px;background:var(--soft);font-size:12.5px;color:var(--mute)}
.hjf-bar a{color:var(--a);font-weight:600;text-decoration:none}
.hjf-bar a:hover{text-decoration:underline}
.hjf-fix .hjf-ah .hjf-hint{margin:0 0 0 auto}

/* ---------- wider screens ---------- */
@media (min-width:700px){
  .hjf-r-j{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
  .hjf-ag{grid-template-columns:repeat(12,minmax(0,1fr));gap:10px 12px}
  .hjf-ag>.hjf-l{grid-column:span 4}
  .hjf-ag>.hjf-half{grid-column:span 3}
  .hjf-ag>.hjf-c3{grid-column:span 3}
  .hjf-ag>.hjf-c4{grid-column:span 4}
  .hjf-ag>.hjf-c2{grid-column:span 2}
  .hjf-ag>.hjf-o{grid-column:span 4}
  .hjf-decls{grid-template-columns:1fr 1fr}
  .hjf-form>.hjf-btn[type=submit]{width:auto;min-width:260px}
  .hjf-files{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- phones ---------- */
@media (max-width:699px){
  .hjf-result{padding:12px}
  /* the author and verify tables become stacked cards instead of scrolling sideways */
  .hjf-tbl{border:0;overflow:visible}
  .hjf-ojs-table,.hjf-ojs-table tbody,.hjf-ojs-table tr,.hjf-ojs-table td,.hjf-ojs-table th{display:block;width:100%}
  .hjf-ojs-table thead{display:none}
  .hjf-ojs-table tbody tr{margin:0 0 8px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
  .hjf-ojs-table td,.hjf-ojs-table tbody th{display:flex;gap:10px;padding:5px 10px;border-bottom:1px solid #edf0f4;width:auto!important;text-align:left!important}
  .hjf-ojs-table td::before,.hjf-ojs-table tbody th::before{content:attr(data-l);flex:0 0 74px;font-weight:600;color:var(--mute);font-size:12px}
  .hjf-ojs-table td:first-child{background:var(--a-soft);font-weight:700;color:var(--a)}
  .hjf-ojs-table tbody th{white-space:normal}
}
@media (prefers-reduced-motion:reduce){.hjf *{transition:none!important}}
.hjf-g3{grid-template-columns:1fr}
@media (min-width:700px){.hjf-g3{grid-template-columns:1fr 1fr 1fr}.hjf-ag>.hjf-wide{grid-column:1/-1}}
.hjf-ag>.hjf-wide{grid-column:1/-1}
.hjf-dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:8px 0;font-size:13.5px}
.hjf-dl dt{color:var(--mute);font-weight:600}
.hjf-dl dd{margin:0}
.hjf-id{margin:0 0 6px}
details.hjf-rep>summary{cursor:pointer;font-weight:600;font-size:.95em;color:var(--ok);list-style:none}
details.hjf-rep>summary::-webkit-details-marker{display:none}
details.hjf-rep>summary::before{content:'\25B8';display:inline-block;margin-right:6px;transition:transform .15s}
details.hjf-rep[open]>summary::before{transform:rotate(90deg)}
details.hjf-rep>ul{margin-top:6px}
details.hjf-rep li{white-space:pre-line}
.hjf-decl:has(.hjf-decl-own:not([hidden])){grid-column:1/-1}
.hjf h3,.hjf h4{font-family:inherit;font-weight:700;line-height:1.3}
.hjf-ojs-table td[data-l="ORCID iD"]{white-space:nowrap}
.hjf-mv{display:inline-flex;gap:4px}
.hjf-ico{width:28px;height:26px;padding:0;border:1px solid #c9d1db;border-radius:7px;background:#fff;color:var(--a);font-size:15px;line-height:1;cursor:pointer}
.hjf-ico:hover:not([disabled]){background:var(--a-soft);border-color:var(--a)}
.hjf-ico[disabled]{opacity:.35;cursor:default}
.hjf-fix .hjf-ah .hjf-corr{margin-left:auto}
.hjf-fix .hjf-ah .hjf-mv{margin-left:6px}
.hjf-fix [data-fix-add]{margin:2px 0 10px}
.hjf-decl-edit{margin-top:12px;border:1px solid var(--line);border-radius:10px;background:#fff}
.hjf-decl-edit>summary{padding:8px 12px;cursor:pointer;font-weight:600;font-size:13.5px;list-style:none}
.hjf-decl-edit>summary::-webkit-details-marker{display:none}
.hjf-decl-edit>summary::before{content:'\25B8';display:inline-block;margin-right:6px;transition:transform .15s}
.hjf-decl-edit[open]>summary::before{transform:rotate(90deg)}
.hjf-decl-edit>div{padding:4px 12px 4px;display:grid;gap:10px}
@media (min-width:700px){.hjf-decl-edit>div{grid-template-columns:1fr 1fr}}
.hjf-from{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:99px;background:var(--a-soft);border:1px solid var(--a-mid);color:var(--a);font-size:11px;font-weight:600;letter-spacing:.2px;vertical-align:1px}

/* ---------- text above the form ---------- */
.hjf-lead{margin:0 0 18px}
.hjf-quick{margin:0 0 8px;font-size:1.05em;line-height:1.55;color:var(--ink)}
.hjf-skip{position:absolute;left:-9999px;top:auto;font-size:13px;color:var(--a)}
.hjf-skip:focus{position:static;display:inline-block;padding:4px 0}

/* ---------- the guide under the form: a separate panel, built differently from the form on purpose ---------- */
.hjf-guide{margin:64px 0 8px;padding:30px 30px 22px;border-radius:20px;background:linear-gradient(180deg,var(--a-soft),color-mix(in srgb,var(--a) 3%,#fff));border:1px solid var(--a-mid);position:relative}
.hjf-guide::before{content:"";position:absolute;left:30px;right:30px;top:-33px;height:1px;background:var(--line)}
.hjf-kicker{display:inline-block;margin:0 0 6px;padding:3px 12px;border-radius:99px;background:var(--a);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}
.hjf-g-lead{margin:0 0 22px;font-size:1.02em;color:#3a4655}
.hjf-g-cols{display:grid;grid-template-columns:1fr;gap:18px}
.hjf-g-card{padding:20px 22px;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(20,30,50,.06),0 6px 18px rgba(20,30,50,.05)}
.hjf-guide h2{margin:0 0 12px;font-family:inherit;font-size:1.15em;font-weight:700;line-height:1.3;color:var(--ink)}
.hjf-guide h3{margin:0;font-family:inherit;font-size:1em;font-weight:600;line-height:1.4;color:var(--ink)}
.hjf-guide ul,.hjf-guide ol{margin:0;padding:0;list-style:none}
.hjf-checks li{position:relative;margin:0 0 9px;padding-left:28px;font-size:.95em;line-height:1.55;color:#2a3442}
.hjf-checks li::before{content:"\2713";position:absolute;left:0;top:1px;display:grid;place-items:center;width:19px;height:19px;border-radius:6px;background:#e7f4ea;color:var(--ok);font-size:12px;font-weight:700}
.hjf-steps{counter-reset:hjfst}
.hjf-steps li{counter-increment:hjfst;position:relative;margin:0 0 12px;padding:0 0 0 46px;min-height:34px}
.hjf-steps li::before{content:counter(hjfst);position:absolute;left:0;top:0;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--a-soft);border:1.5px solid var(--a-mid);color:var(--a);font-size:15px;font-weight:700}
.hjf-steps li:not(:last-child)::after{content:"";position:absolute;left:16px;top:38px;bottom:-10px;width:2px;background:var(--a-mid);opacity:.6}
.hjf-st-t{display:block;font-weight:700;font-size:.95em;color:var(--ink)}
.hjf-st-d{display:block;font-size:.92em;line-height:1.5;color:#3a4655}
.hjf-g-faq{margin-top:26px}
.hjf-qa{margin:0 0 8px;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(20,30,50,.06)}
.hjf-qa>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 18px;cursor:pointer;list-style:none}
.hjf-qa>summary::-webkit-details-marker{display:none}
.hjf-qa>summary::after{content:"+";flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--a-soft);color:var(--a);font-size:17px;font-weight:700;line-height:1;transition:transform .15s}
.hjf-qa[open]>summary::after{content:"\2212"}
.hjf-qa>summary:hover{background:color-mix(in srgb,var(--a) 3%,#fff);border-radius:12px}
.hjf-qa>summary:focus-visible{outline:2px solid var(--a);outline-offset:-2px;border-radius:12px}
.hjf-qa-body{padding:0 18px 15px}
.hjf-faq-a{margin:0;font-size:.95em;line-height:1.6;color:#2a3442}
.hjf-updated{margin:18px 0 0;font-size:12.5px;color:var(--mute)}
.hjf-guide{container-type:inline-size}
@container (min-width:700px){.hjf-g-cols{grid-template-columns:1fr 1fr;align-items:stretch}}
@media (max-width:600px){.hjf-guide{margin-top:44px;padding:22px 16px 16px;border-radius:16px}.hjf-guide::before{left:16px;right:16px;top:-23px}.hjf-g-card{padding:16px}}
@media print{.hjf-guide{display:none}}
.hjf input.hjf-bad{border-color:var(--bad)!important;background:#fff6f5}
.hjf input.hjf-bad:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--bad) 20%,transparent)!important}
.hjf-err{display:block;margin-top:3px;font-size:12px;font-weight:600;color:var(--bad)}

/* ---------- visible validation ---------- */
.hjf-summary{margin:0 0 16px;padding:14px 16px;border:1.5px solid var(--bad);border-radius:12px;background:#fdf3f2;color:#5a1a14;scroll-margin-top:90px}
.hjf-summary:focus{outline:3px solid color-mix(in srgb,var(--bad) 28%,transparent);outline-offset:2px}
.hjf-summary strong{display:block;font-size:1em;color:var(--bad)}
.hjf-sum-sub{display:block;margin:2px 0 8px;font-size:12.5px;color:#7a3a33}
.hjf-summary ul{margin:0;padding-left:20px}
.hjf-summary li{margin:3px 0;font-size:13.5px}
.hjf-summary a{color:var(--bad);font-weight:600;text-decoration:underline}
.hjf-verr{display:block;margin-top:3px;font-size:12px;font-weight:600;color:var(--bad)}
.hjf-verr-block{margin:0 0 10px;padding:8px 12px;border-left:3px solid var(--bad);background:#fdf3f2;border-radius:0 8px 8px 0;font-size:13px}
.hjf .hjf-invalid:is(input,select,textarea){border-color:var(--bad)!important;background-color:#fff6f5}
.hjf .hjf-invalid:is(input,select,textarea):focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--bad) 20%,transparent)!important}
.hjf .hjf-corr.hjf-invalid{padding:3px 8px;border:1.5px solid var(--bad);border-radius:8px;background:#fff6f5;color:var(--bad)}
.hjf .hjf-corr.hjf-invalid input{outline:2px solid var(--bad);outline-offset:1px}
.hjf .hjf-credit-table th.hjf-invalid{background:var(--bad)!important}
.hjf-form>.hjf-check:has(.hjf-invalid){border-color:var(--bad);background:#fff6f5}
.hjf input[type=file].hjf-invalid{border-color:var(--bad)!important;background:#fff6f5!important}
.hjf-submit-link{margin-top:8px;color:#fff!important}
.hjf-home-link{margin-left:8px;font-size:13px;font-weight:600;color:var(--a)}

/* ---------- progress sidebar (author form) ----------
   Layout rules live here, not in the theme, so the form looks the same on any site. Where the content column is wide enough
   the progress list sits on the left; where it is not, it becomes a slim sticky strip above the form. The theme may set
   --hjf-top (the height of its own sticky header) so the sidebar sits below it, and --hjf-max / --hjf-gutter (its content width
   and the side space on small screens) so the form lines up exactly with the theme's header and other content. */
.hjf{--go:#1c8f4f}
.hjf-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hjf.hjf-has-prog{max-width:var(--hjf-max,1120px)}
@media (min-width:1000px){
  .hjf.hjf-wide.hjf-has-prog{position:relative;left:50%;width:min(var(--hjf-max,1120px),calc(100vw - var(--hjf-gutter,56px)));max-width:none;transform:translateX(-50%)}
}
.hjf-cq{container-type:inline-size;container-name:hjfl}
.hjf-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
.hjf-main{min-width:0}

/* narrow: a slim strip that stays under the theme header while the form scrolls */
.hjf-prog{position:sticky;top:var(--hjf-top,24px);z-index:20;padding:9px 12px 10px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 14px rgba(20,30,50,.08)}
.hjf-prog-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px}
.hjf-prog-head strong{display:none}
.hjf-prog-count{font-weight:600;color:var(--mute)}
.hjf-prog-bar{height:6px;margin-top:6px;border-radius:99px;background:var(--line);overflow:hidden}
.hjf-prog-bar i{display:block;height:100%;border-radius:99px;background:var(--go);transition:width .3s}
.hjf-prog-list{display:flex;gap:6px;margin:9px 0 0;padding:0;list-style:none}
.hjf-ps{flex:1 1 0;min-width:0}
.hjf-pi-list{display:none;list-style:none;margin:0;padding:0}

.hjf-ps-h{display:flex;align-items:center;gap:9px;width:100%;padding:6px 8px;border:0;border-radius:10px;background:none;font:inherit;font-size:13.5px;font-weight:700;color:var(--ink);text-align:left;cursor:pointer}
.hjf-ps-h:hover{background:var(--a-soft)}
.hjf-ps-n{display:grid;place-items:center;flex:none;width:24px;height:24px;border:2px solid var(--a-mid);border-radius:50%;background:#fff;color:var(--a);font-size:12px;font-weight:700;line-height:1}
.hjf-ps-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hjf-ps-c{margin-left:auto;font-size:12px;font-weight:600;color:var(--mute);white-space:nowrap}
.hjf-ps.is-active .hjf-ps-n{background:var(--a);border-color:var(--a);color:#fff}
.hjf-ps.is-done .hjf-ps-n{background:var(--go);border-color:var(--go);color:#fff}
.hjf-ps.is-done .hjf-ps-c{color:var(--go)}
.hjf-ps.is-error .hjf-ps-n{border-color:var(--bad);color:var(--bad)}
.hjf-ps.is-error.is-active .hjf-ps-n{background:var(--bad);color:#fff}

.hjf-pi-b{display:flex;align-items:center;gap:9px;width:100%;padding:5px 8px;border:0;border-radius:8px;background:none;font:inherit;font-size:13.5px;font-weight:500;color:#3a4655;text-align:left;cursor:pointer}
.hjf-pi-b:hover{background:var(--a-soft)}
.hjf-pi-i{display:grid;place-items:center;flex:none;width:17px;height:17px;border:2px solid #bcc6d3;border-radius:50%;color:#fff;font-size:10px;font-weight:700;line-height:1}
.hjf-pi-t{min-width:0;line-height:1.25}
.hjf-pi-t small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:400;color:var(--mute)}
.hjf-pi.is-done .hjf-pi-i{background:var(--go);border-color:var(--go)}
.hjf-pi.is-done .hjf-pi-b{color:#1d5f38}
.hjf-pi.is-optional .hjf-pi-i{border-style:dashed}
.hjf-pi.is-error .hjf-pi-i{background:var(--bad);border-color:var(--bad)}
.hjf-pi.is-error .hjf-pi-b{color:var(--bad);font-weight:600}
.hjf-pi.is-current .hjf-pi-b{background:var(--a-soft);color:var(--ink);font-weight:650;box-shadow:inset 3px 0 0 var(--a)}
.hjf-prog button:focus-visible{outline:2px solid var(--a);outline-offset:1px}

/* wide: a vertical list on the left, only the section you are in shows its sub-items */
@container hjfl (min-width:860px){
  .hjf-layout{grid-template-columns:250px minmax(0,1fr);gap:30px}
  .hjf-prog{max-height:calc(100vh - var(--hjf-top,24px) - 20px);overflow:auto;padding:16px 14px;border-radius:14px}
  .hjf-prog-head strong{display:block;font-size:1.02em;color:var(--ink)}
  .hjf-prog-head{align-items:baseline}
  .hjf-prog-list{display:block;margin-top:12px}
  .hjf-ps{margin:0 0 2px}
  .hjf-ps-h{padding:8px 8px}
  .hjf-ps-t{white-space:normal}
  .hjf-ps.is-active .hjf-pi-list{display:block;margin:2px 0 8px 20px;padding:0 0 0 12px;border-left:2px solid var(--line)}
}
/* very narrow: numbers only, titles stay in the accessible text */
@container hjfl (max-width:520px){
  .hjf-ps-t{display:none}.hjf-ps-h{justify-content:center;gap:6px;padding:4px}.hjf-ps-c{margin-left:0}
}
@media print{.hjf-prog{display:none}}