/*! © William Florence & Partners. All rights reserved. Proprietary and confidential: unauthorised copying, use, modification or distribution of this software, its templates or its content is prohibited. */
/* JPN Carian / Cabutan - one field under another, sections that open and close, documents pop-up */
#jpn-form{max-width:900px}
#jpn-form .wfp-grid{display:block}
#jpn-form .wfp-f{display:block;margin:0 0 16px;max-width:640px}
#jpn-form .wfp-f.wfp-wide{max-width:none}
#jpn-form .wfp-f label{display:block;font-weight:600;margin:0 0 5px;color:#111}
#jpn-form .wfp-f input[type=text],#jpn-form .wfp-f input[type=date],#jpn-form .wfp-f select,#jpn-form .wfp-f textarea{width:100%;box-sizing:border-box}
#jpn-form .wfp-f textarea{min-height:84px}
#jpn-form [data-jpn-boxes]{font-family:"Courier New",Courier,monospace;letter-spacing:.06em;text-transform:uppercase}
#jpn-form .u-hint{color:#333;display:block}
#jpn-form [hidden]{display:none!important}
.jpn-type h3{margin-top:0}
.jpn-mode{margin:4px 0 8px}
.jpn-mode-q{margin:10px 0 6px}
.jpn-docbtn{margin:12px 0 0;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.jpn-count{display:block;margin-top:4px;font-size:12px;color:#555}
.jpn-count.is-ok{color:#1f7a3f}
.jpn-count.is-bad{color:#b3141b;font-weight:700}
.jpn-print-tip{border:1px solid #d6dbe3;border-left:4px solid var(--wfp-navy,#0c2740);background:#f6f8fb;padding:10px 14px;margin:0 0 12px;border-radius:6px;color:#000}
.jpn-print-tip ol{margin:6px 0 0 20px}
.jpn-print-tip li{margin:0 0 4px}
/* pop-up */
.jpn-modal{position:fixed;inset:0;z-index:100000;background:rgba(10,20,35,.55);display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow:auto}
.jpn-modal[hidden]{display:none!important}
.jpn-modal-box{background:#fff;color:#000;max-width:680px;width:100%;border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.35);padding:20px 24px}
.jpn-modal-top{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--wfp-navy,#0c2740);padding-bottom:8px;margin-bottom:8px}
.jpn-modal-top h3{margin:0;font-size:20px;color:var(--wfp-navy,#0c2740)}
.jpn-x{border:0;background:none;font-size:30px;line-height:1;cursor:pointer;color:#333}
.jpn-sheet-h{margin:6px 0 4px;font-size:15px}
.jpn-sheet h4{margin:14px 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--wfp-navy,#0c2740)}
.jpn-tick{list-style:none;margin:0;padding:0;counter-reset:jt}
.jpn-tick li{counter-increment:jt;border:1px solid #d6dbe3;border-radius:8px;margin:0 0 6px;background:#fff}
.jpn-tick label{display:flex;gap:10px;align-items:flex-start;padding:9px 12px;cursor:pointer}
.jpn-tick label:has(input:checked){background:#f2f9f4}
.jpn-tick input{margin-top:3px;transform:scale(1.25)}
.jpn-tick span::before{content:counter(jt) ". ";font-weight:700}
.jpn-tick b{font-weight:600}
.jpn-tick small{display:block;color:#333;margin-top:2px}
.jpn-modal-foot{font-size:13px;color:#333;margin:12px 0 0}
.jpn-modal-btns{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
body.jpn-noscroll{overflow:hidden}
@media (max-width:600px){.jpn-modal{padding:12px}.jpn-modal-box{padding:14px}}
/* where each box goes */
.jpn-use{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em;vertical-align:middle;white-space:nowrap}
.jpn-use.is-form{background:#e6effa;color:#0c3d78;border:1px solid #9dbbe0}
.jpn-use.is-letter{background:#fff1dc;color:#8a4b00;border:1px solid #e7bd7c}
.jpn-use.is-both{background:#e8f4ec;color:#1f6b3a;border:1px solid #9fcfb0}
.jpn-use.is-record{background:#f0f0f0;color:#555;border:1px solid #ccc}
.jpn-legend{border:1px solid #d6dbe3;background:#fff;border-radius:8px;padding:10px 14px;margin:0 0 10px;line-height:2;color:#000}
.jpn-legend .jpn-use{margin-left:0}