/* The services (tool directory) page.
 *
 * This stylesheet used to be an inline <style> block inside the page's
 * post_content, the same arrangement the home page had. Six kilobytes of CSS
 * parked in a database field means the page's layout depends on that field being
 * edited correctly: the home page rebuild deleted its own styles once and came
 * out 32,000 pixels tall. It lives here now, where it can be versioned and
 * linted.
 *
 * Kept verbatim. The colours are declared on .sk-services-page and are read
 * through --sk-purple, which the appearance tint re-points at whichever accent
 * the visitor chose, so the directory already follows the site colour scheme. The
 * dark mode overrides are in color-scheme.css and match these selectors by name.
 *
 * Enqueued only on the directory page rather than site wide. Nothing else on the
 * site uses a .sk-services- class, so shipping six kilobytes on the other
 * thirty-three pages would be six kilobytes of nothing.
 */
.sk-services-page{--sk-ink:#28323a;--sk-muted:#66727b;--sk-purple:#68438b;--sk-purple-dark:#452b61;--sk-line:#e5ddec;--sk-soft:#f8f4fa;max-width:1120px;margin:0 auto;padding:30px 20px 60px;color:var(--sk-ink);line-height:1.65;font-family:inherit}.sk-services-page *{box-sizing:border-box}.sk-services-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.7fr);gap:22px;align-items:stretch;padding:42px;border:1px solid var(--sk-line);border-radius:28px;background:linear-gradient(135deg,#fbf9fd 0%,#f1eafa 100%);box-shadow:0 18px 45px rgba(69,43,97,.08)}.sk-services-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--sk-purple);font-size:.78rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.sk-services-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:#b36b9b}.sk-services-hero h1{max-width:680px;margin:13px 0 12px;color:var(--sk-purple-dark);font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.05;letter-spacing:-.04em}.sk-services-hero-copy{max-width:650px;margin:0;color:#61536b;font-size:1.1rem}.sk-services-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.sk-services-button{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border:1px solid transparent;border-radius:11px;background:var(--sk-purple);color:#fff!important;font-size:.9rem;font-weight:800;text-decoration:none!important}.sk-services-button:hover{background:var(--sk-purple-dark)}.sk-services-button.secondary{border-color:#d6c8df;background:#fff;color:var(--sk-purple-dark)!important}.sk-services-button.secondary:hover{background:#faf6fc}.sk-services-aside{display:flex;flex-direction:column;justify-content:center;padding:24px;border:1px solid rgba(104,67,139,.15);border-radius:20px;background:rgba(255,255,255,.72)}.sk-services-aside strong{color:var(--sk-purple-dark);font-size:1.12rem}.sk-services-aside p{margin:7px 0 18px;color:#6d6075;font-size:.9rem}.sk-services-aside-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}.sk-services-aside-list li{display:flex;align-items:center;gap:9px;color:#5e5366;font-size:.86rem;font-weight:700}.sk-services-aside-list li:before{content:"";width:7px;height:7px;border-radius:50%;background:#b36b9b}.sk-services-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 42px}.sk-services-stat{padding:16px 18px;border:1px solid var(--sk-line);border-radius:15px;background:#fff}.sk-services-stat strong{display:block;color:var(--sk-purple-dark);font-size:1.15rem}.sk-services-stat span{color:var(--sk-muted);font-size:.82rem}.sk-services-section{margin-top:38px}.sk-services-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.sk-services-section h2{margin:0;color:var(--sk-purple-dark);font-size:1.55rem;letter-spacing:-.02em}.sk-services-section-head p{max-width:470px;margin:0;color:var(--sk-muted);font-size:.92rem;text-align:right}.sk-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sk-services-card{position:relative;display:flex;min-height:238px;flex-direction:column;padding:21px;border:1px solid var(--sk-line);border-radius:19px;background:#fff;box-shadow:0 8px 22px rgba(53,37,67,.045);color:inherit!important;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.sk-services-card:hover{border-color:#cbaed8;box-shadow:0 15px 30px rgba(69,43,97,.1);transform:translateY(-3px)}.sk-services-card:focus-visible{outline:3px solid rgba(165,120,185,.4);outline-offset:3px}.sk-services-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.sk-services-category{color:var(--sk-purple);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.sk-services-index{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:9px;background:var(--sk-soft);color:var(--sk-purple-dark);font-size:.76rem;font-weight:900}.sk-services-card h3{margin:0 0 8px;color:var(--sk-purple-dark);font-size:1.12rem;line-height:1.25}.sk-services-card p{margin:0;color:#6b5e72;font-size:.91rem}.sk-services-card-action{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:18px;color:var(--sk-purple);font-size:.86rem;font-weight:900}.sk-services-path{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sk-services-path article{padding:22px;border:1px solid var(--sk-line);border-radius:18px;background:#fff}.sk-services-path h2{margin:0 0 8px;color:var(--sk-purple-dark);font-size:1.05rem}.sk-services-path p{margin:0;color:#6b5e72;font-size:.9rem}.sk-services-path-label{display:inline-flex;margin-bottom:13px;color:var(--sk-purple);font-size:.73rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.sk-services-note{margin-top:38px;padding:21px 23px;border:1px solid #decce5;border-radius:18px;background:#fbf7fc}.sk-services-note h2{margin:0 0 7px;color:var(--sk-purple-dark);font-size:1.15rem}.sk-services-note p{margin:0 0 8px;color:#66566d;font-size:.9rem}.sk-services-note p:last-child{margin-bottom:0}@media(max-width:900px){.sk-services-hero{grid-template-columns:1fr;padding:32px}.sk-services-aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sk-services-aside p{margin-bottom:0}.sk-services-aside-list{grid-column:1/-1}.sk-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.sk-services-page{padding:18px 14px 40px}.sk-services-hero{padding:25px 20px;border-radius:21px}.sk-services-hero h1{font-size:2.35rem}.sk-services-aside{display:block;padding:19px}.sk-services-aside p{margin:7px 0 17px}.sk-services-stats{grid-template-columns:1fr;margin-bottom:30px}.sk-services-section-head{display:block}.sk-services-section-head p{margin-top:7px;text-align:left}.sk-services-grid,.sk-services-path{grid-template-columns:1fr}.sk-services-card{min-height:205px}.sk-services-note{padding:18px}}