/* Toolkit navigation: branded cards with restrained depth and clear, accessible links. */
.toolkit-directory { padding: 64px 0 76px; background: #f3f7f7; color: #061722; }
.toolkit-directory-heading { max-width: 850px; margin-bottom: 30px; }
.toolkit-directory-heading .eyebrow { color: #157e77; margin-bottom: 12px; }
.toolkit-directory-heading h2 { font-size: clamp(27px, 2.6vw, 40px); line-height: 1.18; margin: 0 0 15px; }
.toolkit-directory-heading > p:last-child { font-size: 18px; color: #425765; }
.toolkit-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.toolkit-card { display: flex; flex-direction: column; min-width: 0; min-height: 270px; padding: 24px; position: relative; overflow: hidden; background: linear-gradient(145deg,#0c2d3b,#061722); color: #fff; border: 1px solid #2c5964; border-top: 3px solid #2ec4b6; border-radius: 12px; box-shadow: 0 9px 22px rgba(6,23,34,.1); text-decoration: none; transition: transform .22s ease,box-shadow .22s ease,border-color .22s ease; }
.toolkit-card:nth-child(3n+2) { background: linear-gradient(145deg,#10514f,#062a31); }
.toolkit-card::after { content: ""; position: absolute; width: 160px; height: 160px; border: 1px solid rgba(46,196,182,.11); transform: rotate(35deg); inset-inline-end: -70px; bottom: -80px; pointer-events: none; }
.toolkit-card-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.toolkit-number { font-family: Montserrat,sans-serif; font-size: 14px; font-weight: 600; letter-spacing: .06em; color: #96e2d9; }
.toolkit-symbol { width: 48px; height: 48px; fill: none; stroke: #66d2c6; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.toolkit-card h3 { color: #fff; font-family: Montserrat,sans-serif; font-size: 19px; line-height: 1.4; margin: 0 0 24px; }
.toolkit-card-bottom { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 14px; border-top: 1px solid rgba(151,212,215,.24); }
.toolkit-status { color: #a5d8d4; font-size: 13px; }
.toolkit-open { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #3c8985; border-radius: 50%; background: rgba(46,196,182,.08); }
.toolkit-open .icon { width: 18px; height: 18px; }
.toolkit-card:hover { transform: translateY(-5px); border-color: #2ec4b6; box-shadow: 0 17px 30px rgba(6,23,34,.2); }
.toolkit-card:focus-visible { outline: 3px solid #157e77; outline-offset: 5px; }
.toolkit-return { padding: 32px 0; background: #061722; }
html[lang="ar"] .toolkit-card h3, html[lang="ar"] .toolkit-directory-heading { font-family: "Adelle Sans ARA",Tahoma,sans-serif; }
html[lang="ar"] .toolkit-open .icon { transform: scaleX(-1); }
@media(max-width:1100px) { .toolkit-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .toolkit-card { min-height: 240px; } }
@media(max-width:640px) { .toolkit-directory { padding: 38px 0 44px; } .toolkit-grid { grid-template-columns: 1fr; gap: 12px; } .toolkit-card { min-height: 0; padding: 20px; } .toolkit-card-top { margin-bottom: 12px; } .toolkit-card h3 { font-size: 18px; margin-bottom: 16px; } .toolkit-symbol { width: 38px; height: 38px; } .toolkit-directory-heading > p:last-child { font-size: 16px; } }
@media(prefers-reduced-motion:reduce) { .toolkit-card { transition: none; } .toolkit-card:hover { transform: none; } }
/* Shared public / practitioner collections use the supplied cover artwork. */
.tk-collection{padding:48px 0 60px;background:#edf3f3;color:#06131b}
.tk-collection[hidden]{display:none}.tk-collection .tk-back{display:inline-block;margin-bottom:24px;text-decoration:none}.toolkit-card[aria-expanded=true]{border-color:#2ec4b6;box-shadow:0 0 0 2px #2ec4b6}.tk-collection h2{scroll-margin-top:30px}
.tk-area-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:36px}
.tk-area-tabs a,.tk-area-tabs button{display:flex;align-items:center;gap:9px;border:1px solid #b7cccd;border-radius:6px;background:#fff;color:#16333e;padding:10px 12px;text-decoration:none;font:600 13px/1.3 'Source Sans 3',sans-serif;cursor:pointer}
.tk-area-tabs [aria-current],.tk-area-tabs [aria-pressed=true]{background:#06131b;color:#fff;border-color:#2ec4b6}
.tk-area-tabs bdi{color:#117d75;font-size:17px;min-width:19px}.tk-area-tabs [aria-current] bdi,.tk-area-tabs [aria-pressed=true] bdi{color:#2ec4b6}
.tk-collection-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px}
.tk-collection-heading h2,.tk-collection-heading h3{font:600 clamp(23px,2.5vw,34px)/1.2 Montserrat,sans-serif;margin:5px 0 0;color:#06131b;scroll-margin-top:140px}
.tk-collection-heading .eyebrow{color:#117d75}.tk-count{white-space:nowrap;color:#42616a;font-weight:600}
.tk-search{display:block;font:600 15px 'Source Sans 3',sans-serif;margin:0 0 28px;max-width:520px;color:#183c44}
.tk-search input{display:block;width:100%;box-sizing:border-box;padding:13px 16px;border:1px solid #9ab5b8;border-radius:6px;background:#fff;font:400 17px 'Source Sans 3',sans-serif;margin-top:8px;color:#06131b}
.tk-book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px}
.tk-book-card{display:flex;flex-direction:column;padding:0;border:0;background:transparent;text-align:start;color:#06131b;font-family:'Source Sans 3',sans-serif;cursor:pointer;min-width:0}
.tk-book-card[hidden]{display:none}.tk-book-card:focus-visible{outline:3px solid #117d75;outline-offset:7px;border-radius:5px}
.tk-cover{position:relative;display:flex;flex-direction:column;aspect-ratio:3/4;width:100%;box-sizing:border-box;padding:8% 9% 7%;background:linear-gradient(155deg,#173642 0%,#06131b 62%,#0c343a);color:#fff;border-radius:3px 8px 8px 3px;border:1px solid #395860;border-inline-start:7px solid #0a252e;box-shadow:5px 7px 0 -2px #ccd6d6,10px 17px 22px -14px #06131b66;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}
.tk-cover::before{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 3px 0 5px #0006,inset -1px 0 0 #ffffff18}
.tk-cover::after{content:'';position:absolute;width:115%;aspect-ratio:1;inset-inline-end:-62%;bottom:-19%;border:2px solid #2ec4b630;transform:rotate(35deg);box-shadow:0 0 0 26px #2ec4b608,0 0 0 52px #2ec4b608;pointer-events:none}
.tk-cover-brand{background:transparent;padding:6px 0;border-radius:0;display:block;width:94%;max-width:250px;box-sizing:border-box;position:relative;z-index:1}
.tk-cover-brand img{width:100%;height:auto;display:block}
.tk-cover-code{margin-top:auto;margin-bottom:13px;color:#79ddd1;font:600 12px Montserrat,sans-serif;letter-spacing:.08em}
.tk-cover-title{display:block;font:600 clamp(16px,1.6vw,22px)/1.25 Montserrat,sans-serif;position:relative;z-index:1;overflow-wrap:break-word}
.tk-cover-rule{height:3px;width:32%;background:#2ec4b6;display:block;margin:17px 0 23px}
.tk-cover-footer{font:600 9px/1.4 'Source Sans 3',sans-serif;letter-spacing:.08em;color:#c1dadd;position:relative;z-index:1}
.tk-book-label{display:grid;grid-template-columns:auto 1fr;gap:5px 10px;padding:19px 3px 0;line-height:1.35;align-items:baseline;width:100%;box-sizing:border-box}
.tk-book-label bdi{font-size:12px;color:#0e7972;font-weight:700}.tk-book-label strong{font-size:17px;font-weight:600}.tk-book-label small{grid-column:2;color:#4b6570;font-size:13px;padding-top:3px}
.tk-book-card:hover .tk-cover{transform:translateY(-5px);box-shadow:5px 11px 0 -2px #ccd6d6,12px 22px 26px -15px #06131b66}
.tk-area-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.tk-area-grid button{display:flex;flex-direction:column;align-items:flex-start;text-align:start;background:linear-gradient(145deg,#183b47,#06131b);border:1px solid #41616a;border-top:3px solid #2ec4b6;border-radius:8px;padding:22px;color:#fff;cursor:pointer;min-height:200px;font-family:'Source Sans 3',sans-serif}
.tk-area-grid bdi{color:#2ec4b6;font:600 23px Montserrat,sans-serif;margin-bottom:22px}.tk-area-grid strong{font-size:18px;line-height:1.3}.tk-area-grid small{margin-top:auto;padding-top:18px;color:#b5dcd8;font-size:13px}
.tk-selected-collection{margin-top:35px}.tk-back{border:1px solid #a8c7c9;border-radius:5px;background:#fff;color:#06131b;padding:10px 16px;font:600 15px 'Source Sans 3',sans-serif;cursor:pointer}
.tk-dialog{color:#06131b;box-sizing:border-box;width:min(960px,calc(100% - 28px));max-height:90dvh;border:1px solid #2ec4b6;border-radius:12px;padding:64px 36px 36px;overflow:auto;background:#f4f7f7;box-shadow:0 25px 100px #0006}
.tk-dialog::backdrop{background:#03121ce0;backdrop-filter:blur(5px)}.tk-dialog-open{overflow:hidden}
.tk-dialog-close{position:absolute;inset-inline-end:20px;top:16px;border:1px solid #9bbabd;background:#fff;padding:8px 15px;border-radius:5px;color:#06131b;font:600 15px 'Source Sans 3',sans-serif;cursor:pointer}
.tk-dialog-body{display:grid;grid-template-columns:minmax(180px,270px) 1fr;align-items:center;gap:38px}
.tk-dialog-body h2{color:#06131b;font:600 clamp(24px,3vw,35px)/1.2 Montserrat,sans-serif;margin:10px 0 22px}.tk-dialog-body p{font:400 18px/1.6 'Source Sans 3',sans-serif;color:#324f5a}.tk-dialog-body .eyebrow{font-size:13px;color:#117d75;font-weight:600}
.tk-dialog-body .tk-cover-title{font-size:22px}.tk-availability{border-inline-start:3px solid #2ec4b6;padding-inline-start:12px;font-weight:600!important}
.tk-dialog-body .button{margin:12px 8px 0 0}.tk-resource{margin-top:20px;border-top:1px solid #bcd3d3;padding-top:12px}.tk-resource h3{font-size:20px}.tk-partner-library{color:#06131b}
[lang=ar] .tk-cover-title,[lang=ar] .tk-collection-heading h2,[lang=ar] .tk-collection-heading h3,[lang=ar] .tk-dialog h2{font-family:'Adelle Sans ARA',Tahoma,sans-serif;line-height:1.5}
@media(max-width:1100px){.tk-book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tk-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tk-cover-title{font-size:19px}}
@media(max-width:650px){.tk-collection{padding:30px 0 42px}.tk-book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.tk-cover-title{font-size:16px;line-height:1.28}.tk-cover-code{font-size:10px;margin-bottom:8px}.tk-cover-rule{margin:10px 0 13px}.tk-cover-footer{font-size:7px;letter-spacing:.02em}.tk-cover-brand{padding:4px}.tk-book-label{grid-template-columns:1fr;gap:6px;padding-top:16px}.tk-book-label bdi{font-size:11px}.tk-book-label strong{font-size:15px}.tk-book-label small{grid-column:1;font-size:12px}.tk-collection-heading{align-items:start}.tk-collection-heading h2,.tk-collection-heading h3{font-size:25px}.tk-count{font-size:13px}.tk-area-tabs{gap:7px}.tk-area-tabs a,.tk-area-tabs button{font-size:12px;padding:8px;flex:1 1 43%}.tk-area-grid{grid-template-columns:1fr 1fr;gap:10px}.tk-area-grid button{padding:16px;min-height:200px}.tk-area-grid strong{font-size:16px}.tk-dialog{padding:58px 20px 25px;max-height:93dvh}.tk-dialog-body{grid-template-columns:1fr;gap:26px}.tk-dialog-body>.tk-cover{width:min(230px,70%);margin:auto}.tk-dialog-body h2{font-size:25px}.tk-dialog-body p{font-size:16px}}
@media(max-width:380px){.tk-book-grid{grid-template-columns:1fr}.tk-cover{width:80%;margin:auto}.tk-book-label{max-width:80%;margin:auto}.tk-area-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.tk-cover{transition:none}.tk-book-card:hover .tk-cover{transform:none}}
/* Six audience collections share ten photograph-led, editable bilingual covers. */
.tk-audience-intro{max-width:750px;font-size:19px;line-height:1.5;color:#42616a;margin:0 0 28px}
.tk-audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tk-audience-grid button{display:flex;flex-direction:column;align-items:flex-start;text-align:start;gap:18px;padding:25px;background:linear-gradient(145deg,#173944,#06131b);border:1px solid #46636b;border-bottom:3px solid #2ec4b6;color:#fff;border-radius:8px;font-family:'Source Sans 3',sans-serif;cursor:pointer;min-height:180px;transition:transform .2s ease,box-shadow .2s ease}
.tk-audience-grid strong{font-size:23px;line-height:1.25}.tk-audience-grid small{font-size:14px;color:#b7deda;margin-top:auto;width:100%;display:flex;justify-content:space-between}.tk-audience-number{color:#2ec4b6;font:600 13px Montserrat,sans-serif}.tk-audience-grid [aria-expanded=true]{box-shadow:0 0 0 2px #2ec4b6}.tk-audience-grid button:hover{transform:translateY(-4px)}
.tk-top100-manuals{padding-top:40px}.tk-top100-manuals[hidden]{display:none}.tk-top100-manuals h3 span{display:block;font:400 16px/1.4 'Source Sans 3',sans-serif;color:#42616a;margin-top:8px}.tk-top100-manuals h3{scroll-margin-top:140px}
.tk-audience-controls{display:flex;align-items:flex-end;justify-content:flex-end;gap:12px;flex-wrap:wrap;flex-shrink:0}
.tk-audience-switcher{display:grid;gap:6px;color:#183c44;font:600 13px/1.3 'Source Sans 3',sans-serif;text-align:start}
.tk-audience-switcher select{box-sizing:border-box;width:235px;max-width:100%;min-height:44px;padding:9px 12px;border:1px solid #117d75;border-radius:5px;background:#edf7f5;color:#06131b;font:600 15px/1.3 'Source Sans 3',sans-serif;cursor:pointer}
.tk-audience-switcher select:focus-visible,.tk-audience-controls .tk-back:focus-visible{outline:3px solid #117d75;outline-offset:3px}
.tk-audience-controls .tk-back{min-height:44px;margin:0}
[lang=ar] .tk-audience-switcher,[lang=ar] .tk-audience-switcher select,[lang=ar] .tk-audience-controls .tk-back{font-family:'Adelle Sans ARA',Tahoma,sans-serif}
@media(max-width:950px){.tk-top100-manuals .tk-collection-heading{flex-wrap:wrap}.tk-audience-controls{justify-content:flex-start}}
@media(max-width:650px){.tk-audience-controls{width:100%;gap:10px}.tk-audience-switcher{flex:1 1 190px}.tk-audience-switcher select{width:100%}.tk-audience-controls .tk-back{flex:0 1 auto}}
.tk-manual-cover{aspect-ratio:1000/1413;padding:0;border:0;border-inline-start:0;border-radius:3px;container-type:inline-size;box-shadow:0 9px 22px #06131b30;display:block;background:#031d23}
.tk-manual-cover::before,.tk-manual-cover::after{display:none}.tk-manual-art{width:100%;height:100%;display:block;object-fit:cover}
.tk-manual-edition{position:absolute;top:9.4%;right:5%;left:auto;max-width:39%;box-sizing:border-box;padding:2% 2.7%;background:#2ec4b6;color:#06131b;font:700 2.9cqw/1.1 'Source Sans 3',sans-serif;text-transform:uppercase;text-align:center}
.tk-manual-heading{position:absolute;top:17.5%;inset-inline-start:7%;width:86%;color:#fff;line-height:1.05;text-align:start}.tk-manual-heading>span{display:block;font:600 4.2cqw/1.1 Montserrat,sans-serif;margin-bottom:1.8%}.tk-manual-heading strong{display:block;font:700 6.1cqw/1.05 Montserrat,sans-serif;max-width:100%;overflow-wrap:break-word}
.tk-manual-subtitle{position:absolute;top:31.5%;inset-inline-start:7%;width:86%;font:600 3.5cqw/1.2 'Source Sans 3',sans-serif;color:#2ec4b6;text-align:start}
.tk-manual-footer{position:absolute;top:88%;inset-inline-start:7%;width:86%;color:#fff;text-align:start;font:400 2.8cqw/1.2 'Source Sans 3',sans-serif;border-top:2px solid #2ec4b6;padding-top:2%}.tk-manual-footer strong{display:block;font-weight:600;margin-top:0;padding-bottom:2%;border-bottom:1px solid #2ec4b680}.tk-manual-footer bdi{display:block;text-align:end;margin-top:2%;color:#2ec4b6;font-size:2.3cqw}
[lang=ar] .tk-manual-heading>span,[lang=ar] .tk-manual-heading strong,[lang=ar] .tk-manual-subtitle,[lang=ar] .tk-manual-edition,[lang=ar] .tk-manual-footer{font-family:'Adelle Sans ARA',Tahoma,sans-serif;line-height:1.28}
[lang=ar] .tk-manual-heading strong{font-size:5.7cqw}[lang=ar] .tk-manual-subtitle{font-size:3.3cqw}
@media(max-width:650px){.tk-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tk-audience-grid button{padding:18px;min-height:165px;gap:15px}.tk-audience-grid strong{font-size:18px}.tk-audience-grid small{font-size:12px}.tk-audience-intro{font-size:17px}.tk-manual-cover{width:100%;margin:0}.tk-manual-edition{font-size:3cqw}.tk-top100-manuals .tk-collection-heading{flex-direction:column}.tk-dialog .tk-manual-cover{width:min(280px,90%)} }
@media(prefers-reduced-motion:reduce){.tk-audience-grid button{transition:none}.tk-audience-grid button:hover{transform:none}}

/* Exact supplied cover outside the two editable name areas. Shared images avoid
   repeated raster generation and keep the photograph and brand lockup intact. */
@font-face{font-family:'Toolkit Montserrat';src:url('/fonts/montserrat-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Toolkit Arabic';src:url('/fonts/adelle-sans-ara-bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
.tk-template-cover{aspect-ratio:1055/1491;display:block;padding:0;border:0;border-radius:2px;container-type:inline-size;background:#06131b;box-shadow:0 9px 22px #06131b30}
.tk-template-cover::before,.tk-template-cover::after{display:none}
.tk-template-art,.tk-template-clean{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill}
.tk-template-clean-title{clip-path:polygon(6.5% 18.2%,94% 18.2%,94% 32.8%,6.5% 32.8%)}
.tk-template-clean-footer{clip-path:polygon(6.5% 95.6%,91.5% 95.6%,91.5% 97.2%,6.5% 97.2%)}
.tk-template-title{position:absolute;top:18.5%;left:7.5%;width:85.3%;display:block;color:#fff;font-family:'Toolkit Montserrat',Montserrat,sans-serif;font-weight:700;line-height:1;letter-spacing:-.018em;text-align:left}
.tk-template-title>span{display:block;white-space:nowrap}
.tk-template-footer{position:absolute;top:96%;left:7.5%;width:84%;color:#a7b4ba;font:600 1.05cqw/1.2 'Source Sans 3',sans-serif;letter-spacing:.01em;text-align:left;white-space:nowrap}
.tk-template-ar .tk-template-title{font-family:'Toolkit Arabic','Adelle Sans ARA',Tahoma,sans-serif;line-height:1.18;letter-spacing:0;text-align:right}
.tk-template-ar .tk-template-footer{font-family:'Toolkit Arabic','Adelle Sans ARA',Tahoma,sans-serif;font-size:1.35cqw;text-align:right;letter-spacing:0}
@media(max-width:650px){.tk-template-cover{width:100%;margin:0}.tk-dialog .tk-template-cover{width:min(280px,90%)}}

/* Top 100 originals are retained in full; only audience-bearing text areas
   use patches from the existing blank masters. HR Professional English covers
   display the supplied originals without any text overlay. */
.tk-manual-original{aspect-ratio:1055/1491;background:#031d23}
.tk-manual-original .tk-manual-art,.tk-exact-patch{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill}
.tk-exact-patch-heading{clip-path:polygon(6.6% var(--name-heading-top),97% var(--name-heading-top),97% var(--name-heading-bottom),6.6% var(--name-heading-bottom))}
.tk-exact-patch-subtitle{clip-path:polygon(6.6% var(--name-subtitle-top),97% var(--name-subtitle-top),97% var(--name-subtitle-bottom),6.6% var(--name-subtitle-bottom))}
.tk-exact-patch-footer{clip-path:polygon(10.8% var(--name-footer-top),94% var(--name-footer-top),94% var(--name-footer-bottom),10.8% var(--name-footer-bottom))}
.tk-exact-heading,.tk-exact-subtitle,.tk-exact-footer{position:absolute;display:flex;align-items:center;white-space:nowrap;text-align:left;color:#fff}
.tk-exact-heading{left:7.5%;width:86%;top:var(--name-heading-top);height:calc(var(--name-heading-bottom) - var(--name-heading-top));font:700 var(--name-heading-size)/1 'Toolkit Montserrat',Montserrat,sans-serif;letter-spacing:-.018em}
.tk-exact-subtitle{left:7.5%;width:88.5%;top:var(--name-subtitle-top);height:calc(var(--name-subtitle-bottom) - var(--name-subtitle-top));color:var(--name-ink);font:700 var(--name-subtitle-size)/1 'Source Sans 3',sans-serif}
.tk-exact-footer{left:11.4%;width:81.5%;top:var(--name-footer-top);height:calc(var(--name-footer-bottom) - var(--name-footer-top));font:400 var(--name-footer-size)/1 'Source Sans 3',sans-serif;color:#e5edef}
.tk-manual-ar .tk-exact-heading,.tk-manual-ar .tk-exact-subtitle,.tk-manual-ar .tk-exact-footer{font-family:'Toolkit Arabic','Adelle Sans ARA',Tahoma,sans-serif;line-height:1.18;letter-spacing:0;justify-content:flex-start;text-align:right}

/* Binder shells retain the complete existing bilingual toolkit cover artwork. */
.tk-book-card>.publication-mockup{flex:none}
.tk-dialog-body>.publication-mockup{width:100%;align-self:center}
.tk-dialog .publication-mockup-cover>.tk-template-cover{width:100%;height:100%;max-width:none;margin:0;box-shadow:none;transform:none}
@media(max-width:650px){.tk-dialog-body>.publication-mockup{width:min(340px,100%);margin:auto}}
@media(max-width:380px){.tk-book-card>.publication-mockup{width:90%;margin:auto}}