/* Article 008 content style migrated without body-copy changes from governed visual reference. */
.jpk-article{--jpk-canvas:#f7f5f3;--jpk-card:#ffffff;--jpk-inset:#e6ece8;--jpk-green:#04442a;--jpk-green-2:#284944;--jpk-ink:#1a1a1a;--jpk-muted:rgba(26,26,26,.66);--jpk-line:rgba(4,68,42,.25);--jpk-line-soft:rgba(4,68,42,.14);--jpk-focus:#3d7a5a;--jpk-heading:"Josefin Sans","Century Gothic","Trebuchet MS",Arial,sans-serif;--jpk-body:"Source Sans 3","Segoe UI",Arial,sans-serif;width:100%;background:var(--jpk-canvas);color:var(--jpk-ink);font-family:var(--jpk-body);font-size:18px;line-height:1.6}
.jpk-article,.jpk-article *{box-sizing:border-box}.jpk-article a{color:var(--jpk-green);text-underline-offset:.14em}.jpk-article a:hover{color:var(--jpk-green-2)}.jpk-article a:focus-visible,.jpk-article [tabindex]:focus-visible{outline:3px solid var(--jpk-focus);outline-offset:3px}.jpk-article-shell{width:min(100%,1180px);margin:0 auto;padding:clamp(28px,5vw,58px) clamp(18px,4vw,48px) clamp(56px,8vw,96px)}.jpk-article article{width:100%;max-width:none}.jpk-article-hero{max-width:960px}.jpk-article-section{max-width:900px}.jpk-article-tldr,.jpk-article-buyer-test{max-width:980px}.jpk-article #finding-disposition{max-width:100%}.jpk-article #finding-disposition>h2,.jpk-article #finding-disposition>p{max-width:900px}.jpk-article .jpk-article-table{max-width:1080px}.jpk-article h1,.jpk-article h2{font-family:var(--jpk-heading);font-weight:700;color:var(--jpk-green);overflow-wrap:break-word}.jpk-article h1{max-width:23ch;margin:0;font-size:clamp(2.2rem,5.2vw,3.5rem);line-height:1.08;letter-spacing:-.025em}.jpk-article h2{margin:0 0 24px;font-size:clamp(1.45rem,3vw,2.25rem);line-height:1.2;letter-spacing:-.012em}.jpk-article p,.jpk-article li,.jpk-article td,.jpk-article th{overflow-wrap:break-word}.jpk-article p{margin:0 0 1.15em}.jpk-article ul,.jpk-article ol{margin:0 0 1.25em;padding-left:1.35em}.jpk-article li+li{margin-top:.5em}.jpk-article-hero{display:grid;gap:14px;padding-top:clamp(18px,3vw,30px);padding-bottom:clamp(38px,6vw,64px);border-bottom:1px solid var(--jpk-line)}.jpk-article-label{margin:0;color:var(--jpk-green-2);font-size:12px;font-weight:600;letter-spacing:.09em;line-height:1.35;text-transform:uppercase}.jpk-article-meta{margin:0;color:var(--jpk-muted);font-size:.92rem}.jpk-article-lede{margin:2px 0 0;font-size:clamp(1.08rem,1.5vw,1.22rem);color:var(--jpk-green-2)}.jpk-article-section{margin-top:clamp(64px,9vw,104px);scroll-margin-top:0}.jpk-article-tldr,.jpk-article-buyer-test{padding:clamp(22px,4vw,32px);border:1px solid var(--jpk-line);border-radius:18px;background:var(--jpk-inset)}.jpk-article-tldr{margin-top:clamp(42px,6vw,66px)}.jpk-article-tldr h2,.jpk-article-buyer-test h2{margin-bottom:18px}.jpk-article-tldr ul,.jpk-article-buyer-test ul{margin-bottom:0}.jpk-article-pull{margin:1.7em 0!important;padding:18px 22px;border-left:4px solid var(--jpk-green);background:var(--jpk-card);color:var(--jpk-green);font-size:1.08rem}.jpk-article-table{width:100%;margin:26px 0 30px;border-collapse:separate;border-spacing:0;border:1px solid var(--jpk-line);border-radius:16px;overflow:hidden;background:var(--jpk-card);font-size:.95rem}.jpk-article-table th,.jpk-article-table td{padding:14px 16px;text-align:left;vertical-align:top;border-right:1px solid var(--jpk-line-soft);border-bottom:1px solid var(--jpk-line-soft)}.jpk-article-table th:last-child,.jpk-article-table td:last-child{border-right:0}.jpk-article-table tr:last-child td{border-bottom:0}.jpk-article-table th{background:var(--jpk-inset);color:var(--jpk-green);font-weight:600;line-height:1.35}.jpk-article-sources{padding-top:clamp(28px,5vw,46px);border-top:1px solid var(--jpk-line)}.jpk-article-sources li{font-size:.94rem;color:var(--jpk-muted)}.jpk-article-back{margin-top:clamp(44px,7vw,72px);padding-top:24px;border-top:1px solid var(--jpk-line)}.jpk-article-back a{display:inline-flex;min-height:48px;align-items:center;gap:8px;font-weight:600;text-decoration:none;border-bottom:1px solid currentColor}.jpk-article-back a:hover span{transform:translateX(4px)}.jpk-article-back span{transition:transform 150ms ease}
.jpk-article-contents{max-width:980px;margin:clamp(24px,4vw,34px) 0 0;padding:0}
.jpk-article-contents-head{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--jpk-line)}
.jpk-article-contents-title{margin:0!important;color:var(--jpk-green);font-family:var(--jpk-heading);font-size:clamp(1.05rem,1.5vw,1.22rem);font-weight:700;line-height:1.25}
.jpk-article-contents-note{margin:0!important;color:var(--jpk-muted);font-size:.9rem}
.jpk-article-contents-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0!important;padding:0!important;list-style:none}
.jpk-article-contents-list li{margin:0!important;min-width:0}
.jpk-article-contents-list a{display:grid;height:100%;gap:7px;padding:16px 17px;border:1px solid var(--jpk-line-soft);border-radius:14px;background:var(--jpk-card);text-decoration:none;transition:transform 150ms ease,border-color 150ms ease,box-shadow 150ms ease}
.jpk-article-contents-list a:hover{transform:translateY(-2px);border-color:var(--jpk-line);box-shadow:0 8px 22px rgba(4,68,42,.08)}
.jpk-article-contents-part{color:var(--jpk-green-2);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.jpk-article-contents-name{color:var(--jpk-green);font-family:var(--jpk-heading);font-size:1.03rem;font-weight:700;line-height:1.3}
.jpk-article-contents-desc{color:var(--jpk-muted);font-size:.9rem;line-height:1.45}
.jpk-article-part-label{margin:0 0 10px!important;color:var(--jpk-green-2);font-size:.76rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.jpk-article-part-start{scroll-margin-top:0}
.jpk-article-top{position:fixed;right:clamp(16px,2.5vw,32px);bottom:clamp(16px,2.5vw,28px);z-index:60;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 16px;border:1px solid var(--jpk-line);border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 10px 28px rgba(4,68,42,.14);color:var(--jpk-green)!important;font:600 .9rem/1 var(--jpk-body);text-decoration:none!important;opacity:1;visibility:visible;transform:translateY(0);transition:opacity 160ms ease,transform 160ms ease,visibility 160ms ease,border-color 160ms ease}
.jpk-article-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.jpk-article-top:hover{border-color:var(--jpk-green);color:var(--jpk-green)!important}
.jpk-article-top-arrow{font-size:1.12rem;line-height:1}
@media(max-width:800px){.jpk-article-contents-list{grid-template-columns:1fr}.jpk-article-contents-head{display:block}.jpk-article-contents-note{margin-top:4px!important}.jpk-article-top{width:48px;padding:0;justify-content:center}.jpk-article-top-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}
@media(max-width:700px){.jpk-article-shell{padding-right:14px;padding-left:14px}.jpk-article-table,.jpk-article-table tbody,.jpk-article-table tr,.jpk-article-table td{display:block;width:100%}.jpk-article-table{border:0;border-radius:0;background:transparent}.jpk-article-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.jpk-article-table tr{margin:0 0 14px;border:1px solid var(--jpk-line);border-radius:14px;overflow:hidden;background:var(--jpk-card)}.jpk-article-table tr:last-child{margin-bottom:0}.jpk-article-table td{display:grid;grid-template-columns:minmax(108px,.36fr) minmax(0,1fr);gap:14px;padding:13px 14px;border-right:0;border-bottom:1px solid var(--jpk-line-soft)}.jpk-article-table td:last-child{border-bottom:0}.jpk-article-table td::before{content:attr(data-label);color:var(--jpk-green-2);font-size:.82rem;font-weight:600;line-height:1.35}.jpk-article-tldr,.jpk-article-buyer-test{padding:20px 18px}}@media(max-width:420px){.jpk-article-table td{grid-template-columns:1fr;gap:5px}}@media(prefers-reduced-motion:reduce){.jpk-article *,.jpk-article *::before,.jpk-article *::after{transition:none!important}}

/* Back-to-top is visible without JS; hide only when the page script runs. */
.js .jpk-article-top:not(.is-visible){opacity:0;visibility:hidden;transform:translateY(10px)}


@media(max-width:700px){
 .jpk-article-table tbody th[scope="row"]{display:grid;width:100%;grid-template-columns:minmax(108px,.36fr) minmax(0,1fr);gap:14px;padding:13px 14px;text-align:left;border-right:0;border-bottom:1px solid var(--jpk-line-soft)}
 .jpk-article-table tbody th[scope="row"]::before{content:attr(data-label);color:var(--jpk-green-2);font-size:.82rem;font-weight:600;line-height:1.35}
}
@media(max-width:420px){.jpk-article-table tbody th[scope="row"]{grid-template-columns:1fr;gap:5px}}


@media(max-width:700px){
 .jpk-article-table tbody th[scope="row"]{display:grid;width:100%;grid-template-columns:minmax(108px,.36fr) minmax(0,1fr);gap:14px;padding:13px 14px;text-align:left;border-right:0;border-bottom:1px solid var(--jpk-line-soft)}
 .jpk-article-table tbody th[scope="row"]::before{content:attr(data-label);color:var(--jpk-green-2);font-size:.82rem;font-weight:600;line-height:1.35}
}
@media(max-width:420px){.jpk-article-table tbody th[scope="row"]{grid-template-columns:1fr;gap:5px}}

/* B3 five-article shared editorial rhythm; article-specific prose and figures untouched. */
.jpk-article .jpk-design-reader-layout>article { min-width:0; }
.jpk-article .jpk-design-reader-layout>article p,
.jpk-article .jpk-design-reader-layout>article li { max-width:72ch; }
.jpk-article .jpk-article-hero { border-bottom:1px solid var(--jpk-line-soft); }
.jpk-article .jpk-article-hero .jpk-article-lede { max-width:72ch; }
.jpk-article .jpk-article-tldr { box-shadow:0 4px 18px rgba(4,68,42,.04); }
.jpk-article .jpk-article-section >h2 { text-wrap:balance; }


.jpk-article-008-top{min-height:48px;min-width:48px;}
.jpk-article #related-decision>p>a,.jpk-article .jpk-article-section[id^="checklist"]>p>a,.jpk-article .jpk-article-section[id^="worked-example"]>p>a{display:inline-flex;align-items:center;min-height:48px;padding-block:10px;}

/* A-01/W1: enlarge stand-alone editorial hit regions without inflating glyphs or vertical rhythm. */
.jpk-article .jpk-article-section>p>a[href^="/tools/"]{position:relative;}
.jpk-article .jpk-article-section>p>a[href^="/tools/"]::after{content:"";position:absolute;inset:-14px -3px;}
.jpk-article .jpk-article-section p>a[href*="iso.org"]{position:relative;}
.jpk-article .jpk-article-section p>a[href*="iso.org"]::after{content:"";position:absolute;inset:-4px -2px;}
.jpk-article .jpk-article-008-top{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:48px;}



/* Article rail section names are allowed to wrap without covering links. */
.jpk-article .jpk-design-rail,.jpk-article .jpk-design-rail *{min-width:0;overflow-wrap:anywhere}
.jpk-article .jpk-article-tldr>p{max-width:var(--jpk-prose-measure);line-height:1.65}