.sp-main > .sp{--ink:#192239;--muted:#627089;--blue:#455fdd;--line:#e3e8f1;--purple:#7556b5;--surface:#f5f7fc;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#fff;font-synthesis:none;-webkit-font-smoothing:antialiased}
.sp-main .sp *{box-sizing:border-box}
.sp-main > .sp{margin:0}
.sp-main .sp button,.sp-main .sp input,.sp-main .sp select,.sp-main .sp textarea{font:inherit}
.sp-main .sp button,.sp-main .sp a{touch-action:manipulation}
.sp-main .sp button{cursor:pointer}
.sp-main .sp button:active{transform:scale(.96)}
.sp-main .sp button{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}
.sp-main .sp a{color:inherit;text-decoration:none}
.sp-main .sp button:focus-visible,.sp-main .sp a:focus-visible,.sp-main .sp input:focus-visible,.sp-main .sp select:focus-visible,.sp-main .sp textarea:focus-visible{outline:3px solid #8faff7;outline-offset:3px}
.sp-main .sp h1,.sp-main .sp h2,.sp-main .sp h3,.sp-main .sp h4,.sp-main .sp p{margin:0}
.sp-main .sp h1,.sp-main .sp h2,.sp-main .sp h3{text-wrap:balance}
.sp-main .sp p,.sp-main .sp li{text-wrap:pretty}
.sp-main .sp svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.sp-main .sp [hidden]{display:none!important}
.sp-main .sp .pk-site-context{height:62px;display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1280px;margin:auto;padding:0 24px;border-bottom:1px solid #edf0f5;font-size:13px;color:var(--muted)}
.sp-main .sp .pk-brand{font-size:17px;font-weight:700;color:#293344;letter-spacing:.02em}
.sp-main .sp .pk-crumb{display:flex;align-items:center;gap:14px}
.sp-main .sp .pk-crumb strong{color:var(--ink);font-weight:550}
.sp-main .sp .pk-proposal{font-size:12px;color:#60708f;background:#f3f5f9;padding:6px 10px;border-radius:6px;white-space:nowrap}
.sp-main{width:min(1400px,calc(100% - 48px));margin:auto}
.sp-main .sp .pk-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:72px;padding:52px 0 46px;align-items:center}
.sp-main .sp .pk-eyebrow{display:flex;gap:12px;align-items:center;font-size:12px;letter-spacing:.12em;font-weight:600;color:#5c6c88;margin-bottom:18px}
.sp-main .sp .pk-eyebrow .pk-seal{width:26px;height:26px;border-radius:7px;background:#273865;color:#edf3ff;display:grid;place-items:center;font-size:13px;letter-spacing:0}
.sp-main .sp .pk-hero h1{font-size:42px;letter-spacing:-.04em;font-weight:650;line-height:1.24}
.sp-main .sp .pk-hero h1 em{font-style:normal;color:var(--blue)}
.sp-main .sp .pk-hero-copy>p{font-size:15px;line-height:1.8;color:#677287;margin:18px 0 23px;max-width:520px}
.sp-main .sp .pk-search{display:flex;align-items:center;gap:12px;border:1px solid #cfd8ea;border-radius:12px;padding:6px 6px 6px 16px;box-shadow:0 2px 3px #25396903,0 6px 18px #263c7506;background:#fff}
.sp-main .sp .pk-search svg{color:#6c7d9c}
.sp-main .sp .pk-search input{min-width:0;flex:1;border:0;background:none;outline:0;font-size:15px;color:var(--ink);height:42px}
.sp-main .sp .pk-search input::placeholder{color:#8691a4}
.sp-main .sp .pk-search:focus-within{box-shadow:0 0 0 4px #edf1ff;border-color:#7b8fee}
.sp-main .sp .pk-search button{border:0;border-radius:7px;min-height:42px;padding:0 18px;background:var(--blue);color:#fff;font-size:14px;font-weight:550}
.sp-main .sp .pk-search-hints{display:flex;gap:8px;align-items:center;font-size:12px;color:#8892a2;margin-top:12px;flex-wrap:wrap}
.sp-main .sp .pk-search-hints button{padding:4px 7px;border:0;color:#53647f;background:none;min-height:30px}
.sp-main .sp .pk-search-hints button:hover{color:var(--blue);background:#f1f4ff;border-radius:5px}
.sp-main .sp .pk-feature{position:relative;overflow:hidden;border:1px solid #304b7b;border-radius:20px;padding:28px 28px 22px;background:linear-gradient(135deg,#172a48 0%,#24345a 67%,#353a6c 100%);color:#fff;box-shadow:0 8px 28px -15px #24397050,inset 0 1px 0 #ffffff15}
.sp-main .sp .pk-feature-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#b3c6e6;letter-spacing:.06em}
.sp-main .sp .pk-feature-top span:last-child{border:1px solid #9eb7dd33;border-radius:6px;padding:4px 8px;letter-spacing:0}
.sp-main .sp .pk-feature h2{font-size:25px;font-weight:550;margin:20px 0 8px;line-height:1.4}
.sp-main .sp .pk-feature p{font-size:14px;line-height:1.75;color:#c3cde0;max-width:310px}
.sp-main .sp .pk-feature-deliver{display:flex;gap:8px;margin:21px 0;flex-wrap:wrap}
.sp-main .sp .pk-feature-deliver span{font-size:12px;padding:6px 10px;background:#ffffff09;border:1px solid #bed1f128;border-radius:6px;color:#e2eaff}
.sp-main .sp .pk-feature-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid #b9d0ff24;font-size:12px;color:#adc0dd}
.sp-main .sp .pk-feature-bottom button{display:flex;gap:9px;align-items:center;border:0;background:none;padding:3px 0;color:#fff;min-height:36px;font-size:13px}
.sp-main .sp .pk-library{display:grid;grid-template-columns:190px minmax(0,1fr);gap:32px;padding-top:25px;border-top:1px solid #e8ecf2}
.sp-main .sp .pk-sidebar{align-self:start;position:sticky;top:24px}
.sp-main .sp .pk-aside-heading{font-size:12px;color:#8a93a2;margin:0 12px 10px;letter-spacing:.05em}
.sp-main .sp .pk-audience{padding:5px;border:1px solid #e6eaf2;border-radius:12px;background:#f8f9fc;margin-bottom:28px}
.sp-main .sp .pk-audience :is(a,button),.sp-main .sp .pk-categories :is(a,button){width:100%;display:flex;align-items:center;gap:10px;border:1px solid transparent;color:#58677e;text-align:left;font-size:13px;min-height:44px;padding:10px 11px;border-radius:8px;background:none}
.sp-main .sp .pk-audience :is(a,button)[aria-current="page"]{color:#324eac;background:#fff;border-color:#dce3f3;box-shadow:0 1px 3px #1e366308;font-weight:600}
.sp-main .sp .pk-audience :is(a,button) svg,.sp-main .sp .pk-categories :is(a,button) svg{width:17px;height:17px}
.sp-main .sp .pk-categories :is(a,button)[aria-current="page"]{background:#edf2ff;border-color:#d8e2fd;color:#3855b4;font-weight:600}
.sp-main .sp .pk-categories :is(a,button):hover,.sp-main .sp .pk-audience :is(a,button):hover{background:#f0f3fa}
.sp-main .sp .pk-categories .pk-count{margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums;color:#939bad}
.sp-main .sp .pk-sidebar-note{font-size:12px;color:#7b879b;line-height:1.8;padding:20px 12px 0;margin-top:22px;border-top:1px solid #e9edf4}
.sp-main .sp .pk-sidebar-note strong{display:block;font-size:13px;color:#47546b;font-weight:550;margin-bottom:5px}
.sp-main .sp .pk-results-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.sp-main .sp .pk-results-title{display:flex;align-items:baseline;gap:12px}
.sp-main .sp .pk-results-title h2{font-size:20px;font-weight:600}
.sp-main .sp .pk-results-title span{font-size:12px;color:#8892a5;font-variant-numeric:tabular-nums}
.sp-main .sp .pk-results-tools{display:flex;gap:14px;align-items:center}
.sp-main .sp .pk-saved-filter{background:none;border:0;padding:5px;color:#61708b;font-size:12px;display:flex;gap:5px;align-items:center;min-height:38px}
.sp-main .sp .pk-saved-filter svg{width:16px;height:16px}
.sp-main .sp .pk-saved-filter[aria-current="page"]{color:#415fcc}
.sp-main .sp .pk-results-tools select{border:1px solid #e0e6f1;color:#67738b;border-radius:7px;background:#fff;padding:8px;font-size:12px;min-height:36px}
.sp-main .sp .pk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sp-main .sp .pk-skill{--tone:#5065b8;--fill:#edf2ff;--soft:#dbe5ff;position:relative;display:flex;flex-direction:column;border:1px solid #dde4f0;background:linear-gradient(145deg,var(--fill),#fbfcfe 90%);border-radius:16px;min-width:0;padding:20px;box-shadow:0 1px 2px #24386005,0 6px 16px -10px #24386018;transition:border-color .18s,box-shadow .18s;cursor:pointer;overflow:hidden}
.sp-main .sp .pk-skill[data-family=visual]{--tone:#725cae;--fill:#f1ecfd;--soft:#e6dcf8}
.sp-main .sp .pk-skill[data-family=business]{--tone:#356f90;--fill:#eaf4fa;--soft:#d4e8f3}
.sp-main .sp .pk-skill:hover{border-color:#adbae0;box-shadow:0 2px 4px #24386008,0 10px 28px -12px #24386028}
.sp-main .sp .pk-skill-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:17px;color:var(--tone);font-size:11px;font-weight:600}
.sp-main .sp .pk-bookmark{display:grid;place-items:center;background:transparent;border:0;color:#97a0b4;width:32px;height:32px;margin:-7px -7px -7px 0;border-radius:6px}
.sp-main .sp .pk-bookmark svg{width:16px;height:16px}
.sp-main .sp .pk-bookmark[aria-current="page"]{color:var(--blue);background:#e5ebff}
.sp-main .sp .pk-skill-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:13px;min-height:49px}
.sp-main .sp .pk-skill-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;border:1px solid #ffffffd9;background:linear-gradient(150deg,#ffffffc0,var(--soft));color:var(--tone);box-shadow:0 1px 3px #26375d0c}
.sp-main .sp .pk-skill-icon svg{width:21px;height:21px}
.sp-main .sp .pk-skill h2{font-size:19px;line-height:1.45;font-weight:600;letter-spacing:-.02em;word-break:normal}
.sp-main .sp .pk-skill h2 a{font:inherit;color:inherit;border:0;padding:0;background:none;text-align:left;line-height:inherit}
.sp-main .sp .pk-skill .pk-author{font-size:11px;color:#8190a5;margin-top:4px}
.sp-main .sp .pk-summary{font-size:14px;line-height:1.85;color:#52607a;min-height:50px;margin-bottom:19px}
.sp-main .sp .pk-deliverables{margin-top:auto;font-size:12px;line-height:1.8;color:#43516c}
.sp-main .sp .pk-deliverables small{display:block;font-size:11px;letter-spacing:.07em;color:#8a94a7;margin-bottom:5px}
.sp-main .sp .pk-skill-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #dbe3f083;padding-top:14px;margin-top:17px}
.sp-main .sp .pk-condition{font-size:11px;color:#7a879c}
.sp-main .sp .pk-open-skill{border:0;background:none;color:var(--tone);font-size:12px;min-height:32px;padding:0;display:flex;align-items:center;gap:5px;font-weight:550}
.sp-main .sp .pk-open-skill svg{width:15px;height:15px}
.sp-main .sp .pk-empty{padding:48px 20px;text-align:center;background:#f7f9fc;border-radius:12px;color:#64738c}
.sp-main .sp .pk-empty strong{display:block;color:#34435c;margin-bottom:10px}
.sp-main .sp .pk-empty button{margin-top:16px;border:1px solid #ccd7ef;border-radius:7px;background:white;min-height:40px;padding:0 18px;color:#4560b8}
.sp-main .sp .pk-footnote{color:#8b95a5;font-size:11px;line-height:1.8;margin-top:17px}
.sp-main .sp .pk-intro{margin:38px 0 50px;padding:26px 0 0;border-top:1px solid #e6ebf2;display:grid;grid-template-columns:200px 1fr;gap:22px}
.sp-main .sp .pk-intro h2{font-size:17px;font-weight:600;line-height:1.5}
.sp-main .sp .pk-intro h2 span{display:block;font-size:12px;font-weight:400;color:#7c879c;margin-top:7px}
.sp-main .sp .pk-intro-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sp-main .sp .pk-intro-step{display:flex;align-items:start;gap:11px}
.sp-main .sp .pk-intro-step b{font-size:12px;color:#4e66b8;min-width:28px;height:28px;display:grid;place-items:center;border:1px solid #dce4f7;background:#f4f7fe;border-radius:8px;font-weight:550}
.sp-main .sp .pk-intro-step strong{display:block;font-size:13px;font-weight:550;margin:3px 0 6px}
.sp-main .sp .pk-intro-step p{color:#7d899d;font-size:12px;line-height:1.7}
.sp-main .sp .pk-page-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #edf0f5;padding:18px 0 30px;color:#9aa3b2;font-size:11px}
.sp-main .sp-dialog{color:var(--ink);padding:0;border:1px solid #dfe6f2;border-radius:20px;max-width:calc(100vw - 32px);width:1060px;max-height:calc(100dvh - 48px);box-shadow:0 28px 100px #14264540;overflow:auto}
.sp-main .sp-dialog::backdrop{background:#101b324a;backdrop-filter:blur(4px)}
.sp-main .sp .pk-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 26px;border-bottom:1px solid #e8edf5;background:#fff;position:sticky;top:0;z-index:3;font-size:12px;color:#8390a3}
.sp-main .sp .pk-close{width:36px;height:36px;border:0;background:#f3f5fa;border-radius:9px;color:#62718b;font-size:22px}
.sp-main .sp .pk-detail-head{padding:25px 34px 28px;background:linear-gradient(120deg,#f7f9ff,#f2f4fc)}
.sp-main .sp .pk-detail-title{display:flex;align-items:center;gap:16px;margin:12px 0}
.sp-main .sp .pk-detail-title .pk-skill-icon{width:50px;height:50px;border-radius:14px;color:#6e59a7;background:#eae4f9}
.sp-main .sp .pk-detail-head .pk-eyebrow{font-size:11px;margin:0;letter-spacing:0;color:#776aa2}
.sp-main .sp .pk-detail-title h2{font-size:29px;font-weight:600;letter-spacing:-.03em}
.sp-main .sp .pk-detail-head p{font-size:15px;color:#66738b;line-height:1.85}
.sp-main .sp .pk-detail-body{padding:30px 34px 36px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;align-items:start}
.sp-main .sp .pk-detail-copy{min-width:0}
.sp-main .sp .pk-detail-copy section{margin-bottom:28px}
.sp-main .sp .pk-detail-copy h3{font-size:18px;font-weight:600;margin-bottom:13px}
.sp-main .sp .pk-detail-copy p,.sp-main .sp .pk-detail-copy li{font-size:15px;line-height:1.85;color:#58667e}
.sp-main .sp .pk-detail-copy ul,.sp-main .sp .pk-detail-copy ol{margin:12px 0 0;padding-left:20px}
.sp-main .sp .pk-detail-copy li{margin-bottom:12px;padding-left:4px}
.sp-main .sp .pk-detail-copy li strong{color:#334763}
.sp-main .sp .pk-feature-row{padding:13px 0;border-bottom:1px solid #edf0f6}
.sp-main .sp .pk-feature-row:first-of-type{padding-top:0}
.sp-main .sp .pk-feature-row h4{font-size:15px;font-weight:550;margin-bottom:5px}
.sp-main .sp .pk-detail-copy details{padding:13px 0;border-top:1px solid #e8edf5}
.sp-main .sp .pk-detail-copy summary{font-size:13px;font-weight:550;color:#54647d;cursor:pointer;min-height:24px}
.sp-main .sp .pk-detail-copy details p{margin-top:12px;font-size:13px}
.sp-main .sp .pk-install{background:#f3f6fd;border:1px solid #dfe6f5;border-radius:16px;padding:21px;position:sticky;top:90px}
.sp-main .sp .pk-steps{display:flex;gap:8px;align-items:center;font-size:10px;color:#8c98ae;margin-bottom:20px}
.sp-main .sp .pk-steps span{padding:6px 8px;border-radius:6px}
.sp-main .sp .pk-steps .pk-active{background:#e1e9ff;color:#3e5bbb;font-weight:600}
.sp-main .sp .pk-install h3{font-size:19px;margin-bottom:9px;font-weight:600}
.sp-main .sp .pk-install p{font-size:13px;color:#64738d;line-height:1.8}
.sp-main .sp .pk-main-action{display:flex;justify-content:center;align-items:center;gap:9px;background:var(--blue);color:white;border:1px solid #3d56cc;border-radius:9px;min-height:45px;width:100%;margin:18px 0 8px;font-size:13px;box-shadow:inset 0 1px 0 #ffffff22,0 3px 9px #314bba16;font-weight:550}
.sp-main .sp .pk-main-action svg{width:17px;height:17px}
.sp-main .sp .pk-main-action.success{background:#267764;border-color:#267764}
.sp-main .sp .pk-copy-feedback{min-height:39px;font-size:11px!important;line-height:1.8!important;color:#6a7fa9!important}
.sp-main .sp .pk-step-next{display:block;border:1px solid #ced8f0;border-radius:8px;min-height:42px;width:100%;background:#fff;color:#536995;margin-top:17px;font-size:12px}
.sp-main .sp .pk-step-next:hover{background:#edf2ff}
.sp-main .sp .pk-small-note{font-size:11px!important;color:#8a94a9!important;margin-top:10px}
.sp-main .sp .pk-install-divider{height:1px;background:#dce4f3;margin:22px 0 18px}
.sp-main .sp .pk-install-footer{font-size:11px!important;color:#7a88a0!important}
.sp-main .sp .pk-install textarea{width:100%;border:1px solid #ccd8ec;border-radius:9px;background:#fff;padding:11px;color:#485c7c;font-size:13px;line-height:1.8;min-height:148px;resize:vertical;margin-top:15px}
.sp-main .sp .pk-back-install{min-height:36px;border:0;background:transparent;color:#617495;font-size:12px;padding:0;margin-top:8px}
.sp-main .sp .pk-demo-label{font-size:10px;color:#8693a9;text-align:center;margin-top:15px}
.sp-main .sp .pk-mobile-filter,.sp-main .sp .pk-mobile-install-link{display:none}
@media(max-width:1120px){.sp-main .sp .pk-hero{gap:38px}
.sp-main .sp .pk-hero h1{font-size:37px}
.sp-main .sp .pk-library{grid-template-columns:172px minmax(0,1fr);gap:24px}
.sp-main .sp .pk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sp-main .sp .pk-skill{padding:22px}
.sp-main .sp .pk-summary{min-height:48px}
.sp-main .sp .pk-intro{grid-template-columns:1fr}
.sp-main .sp .pk-detail-body{grid-template-columns:minmax(0,1fr) 275px;gap:26px}
}
@media(max-width:760px){.sp-main{width:calc(100% - 32px)}
.sp-main .sp .pk-site-context{padding:0 16px;height:55px}
.sp-main .sp .pk-brand{font-size:14px}
.sp-main .sp .pk-crumb>span{display:none}
.sp-main .sp .pk-crumb{gap:12px;font-size:12px}
.sp-main .sp .pk-proposal{font-size:10px;padding:5px 7px}
.sp-main .sp .pk-hero{grid-template-columns:1fr;padding:30px 0 27px;gap:24px}
.sp-main .sp .pk-hero h1{font-size:34px}
.sp-main .sp .pk-hero-copy>p{font-size:14px;margin-top:15px}
.sp-main .sp .pk-feature{padding:20px;border-radius:15px}
.sp-main .sp .pk-feature h2{font-size:21px;margin:13px 0 7px}
.sp-main .sp .pk-feature-deliver{margin:15px 0}
.sp-main .sp .pk-feature-bottom{padding-top:12px}
.sp-main .sp .pk-library{grid-template-columns:1fr;padding-top:22px;gap:0}
.sp-main .sp .pk-sidebar{display:none}
.sp-main .sp .pk-mobile-filter{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px}
.sp-main .sp .pk-mobile-filter select{width:100%;min-width:0;min-height:44px;border:1px solid #dbe3f1;border-radius:8px;background:#f7f9fd;padding:8px;color:#566783;font-size:13px}
.sp-main .sp .pk-results-title h2{font-size:19px}
.sp-main .sp .pk-results-tools{gap:6px}
.sp-main .sp .pk-results-tools select{display:none}
.sp-main .sp .pk-grid{gap:12px}
.sp-main .sp .pk-skill{padding:17px;border-radius:13px}
.sp-main .sp .pk-skill h2{font-size:17px}
.sp-main .sp .pk-skill-heading{gap:10px}
.sp-main .sp .pk-summary{font-size:13px}
.sp-main .sp .pk-skill-icon{width:36px;height:36px;border-radius:10px}
.sp-main .sp .pk-intro{margin:29px 0}
.sp-main .sp .pk-intro-flow{grid-template-columns:1fr;gap:18px}
.sp-main .sp .pk-intro h2 span{display:inline;margin-left:8px}
.sp-main .sp .pk-page-bottom{font-size:10px}
.sp-main .sp .pk-detail-title h2{font-size:24px}
.sp-main .sp .pk-detail-head{padding:20px}
.sp-main .sp .pk-detail-body{display:flex;flex-direction:column;padding:24px 20px;gap:12px}
.sp-main .sp .pk-install{width:100%;position:static;order:1}
.sp-main .sp .pk-mobile-install-link{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;background:#455fdd;color:white;border-radius:8px;margin-top:16px;font-size:13px}
.sp-main .sp .pk-detail-copy{width:100%}
.sp-main .sp .pk-dialog-top{padding:12px 18px}
.sp-main .sp .pk-detail-copy p,.sp-main .sp .pk-detail-copy li{font-size:14px}
.sp-main .sp .pk-copy-feedback{min-height:20px}
.sp-main .sp .pk-install textarea{font-size:16px}
.sp-main .sp-dialog{max-width:calc(100vw - 16px);max-height:calc(100dvh - 20px);border-radius:15px}
.sp-main .sp .pk-bookmark{width:36px;height:36px}
.sp-main .sp .pk-main-action,.sp-main .sp .pk-step-next,.sp-main .sp .pk-back-install{min-height:44px}
}
@media(max-width:520px){.sp-main .sp .pk-grid{grid-template-columns:1fr}
.sp-main .sp .pk-skill{padding:21px}
.sp-main .sp .pk-skill h2{font-size:19px}
.sp-main .sp .pk-skill-heading{min-height:44px}
.sp-main .sp .pk-skill-icon{width:40px;height:40px}
.sp-main .sp .pk-summary{min-height:0;font-size:14px;margin-bottom:16px}
.sp-main .sp .pk-skill-top{margin-bottom:14px;font-size:12px}
.sp-main .sp .pk-deliverables{font-size:13px}
.sp-main .sp .pk-skill-foot{padding-top:10px;margin-top:14px}
.sp-main .sp .pk-condition{font-size:11px}
.sp-main .sp .pk-open-skill{font-size:13px;min-height:40px}
.sp-main .sp .pk-search button{padding:0 15px}
.sp-main .sp .pk-hero h1{font-size:33px}
.sp-main .sp .pk-feature h2{font-size:22px}
.sp-main .sp .pk-proposal{max-width:110px;white-space:normal;text-align:right;line-height:1.5}
.sp-main .sp .pk-results-head{gap:8px}
.sp-main .sp .pk-results-title{gap:7px}
.sp-main .sp .pk-results-title span{font-size:11px}
.sp-main .sp .pk-saved-filter{font-size:11px}
.sp-main .sp .pk-page-bottom span:last-child{display:none}
}
@media(prefers-reduced-motion:reduce){.sp-main .sp *,.sp-main .sp *::before,.sp-main .sp *::after{transition:none!important;scroll-behavior:auto!important}
.sp-main .sp button:active{transform:none}
}


.sp-main{margin:24px auto 48px;padding:0;background:#fff}
.sp-main>.sp{font-size:15px;line-height:1.7;min-width:0}
.sp-main .sp [hidden]{display:none!important}
.sp-main .sp .pk-context{display:flex;gap:12px;align-items:center;font-size:12px;color:#627089;border-bottom:1px solid #edf0f5;padding:18px 0}
.sp-main .sp .pk-context a{min-height:40px;display:flex;align-items:center}
.sp-main .sp .pk-context span{color:#98a4b6}
.sp-main .sp .pk-eyebrow>span:not(.pk-seal){color:#8a98af;letter-spacing:0}
.sp-main .sp .pk-feature-bottom a{display:flex;align-items:center;gap:8px;min-height:40px;color:#fff;font-size:13px}
.sp-main .sp .pk-search-hints a{padding:4px 7px;min-height:40px;display:flex;align-items:center;border-radius:5px}
.sp-main .sp .pk-search-hints a:hover{color:var(--blue);background:#f1f4ff}
.sp-main .sp .pk-skill-top .sp-save{width:40px;height:40px;display:grid;place-items:center;border:0;background:none;border-radius:7px;color:#748199;margin:-7px -7px -7px 0;position:relative}
.sp-main .sp .sp-save svg{width:17px;height:17px}
.sp-main .sp .pk-skill-top .sp-save span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.sp-main .sp .sp-save[aria-pressed=true]{color:#3a55c4;background:#e5ebff}
.sp-main .sp .pk-skill h2 a{display:block;min-height:40px}
.sp-main .sp .pk-open-skill{min-height:40px;flex-shrink:0}
.sp-main .sp .pk-condition{color:#66758e}
.sp-main .sp .pk-count{color:#6f7c92}
.sp-main .sp .pk-author{color:#6c7990}
.sp-main .sp .pk-aside-heading{color:#708096}
.sp-main .sp .pk-deliverables small{color:#6e7b92;letter-spacing:.02em}
.sp-main .sp .sp-more-tasks{margin-top:8px;font-size:12px;color:#69788f}
.sp-main .sp .sp-more-tasks>summary{cursor:pointer;min-height:40px;padding:9px 11px}
.sp-main .sp .pk-results-tools select{max-width:160px}
.sp-main .sp .pk-saved-filter{display:flex;gap:5px;align-items:center;min-height:40px;color:#61708b;font-size:12px}
.sp-main .sp .sp-list-controls{border:0;padding:0;margin:0 0 18px;background:none}
.sp-main .sp .sp-extra-filters{font-size:12px;color:#6c7990;border-top:1px solid #edf0f5;padding:8px 0}
.sp-main .sp .sp-extra-filters>summary{min-height:40px;padding:8px 0;cursor:pointer}
.sp-main .sp .sp-fields{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:12px;margin:10px 0}
.sp-main .sp .sp-fields label{display:grid;gap:5px}
.sp-main .sp .sp-fields input,.sp-main .sp .sp-fields select{width:100%;min-width:0;min-height:44px;border:1px solid #d5deed;border-radius:7px;padding:8px;color:#536783;background:#fff}
.sp-main .sp .ss-filter-note{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#60718f;margin:0 0 15px}
.sp-main .sp .ss-filter-note a{min-height:40px;display:flex;align-items:center;color:#455fdd}
.sp-main .sp .ss-catalog-note{font-size:11px;color:#6b7990;line-height:1.8;margin-top:18px}
.sp-main .sp .pk-intro>div:first-child h2{font-size:17px;font-weight:600;margin:0 0 7px}
.sp-main .sp .pk-intro>div:first-child p,.sp-main .sp .pk-intro-flow p{font-size:12px;line-height:1.7;color:#6b7990}
.sp-main .sp .pk-intro-flow b{font-size:12px;font-weight:550;color:#4560bd}
.sp-main .sp .pk-intro-flow strong{display:block;font-size:13px;font-weight:550;margin:5px 0 6px}
.sp-main .sp .sp-footnote{font-size:11px;color:#6e7c90;padding:18px 0;border-top:1px solid #edf0f5}
.sp-main .sp .sp-dialog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 26px;border-bottom:1px solid #e8edf5;background:#fff;position:sticky;top:0;z-index:3}
.sp-main .sp .sp-dialog-toolbar h2{font-size:12px;font-weight:400;color:#627089;line-height:1.5}
.sp-main .sp .sp-dialog-toolbar button{width:44px;height:44px;border:0;background:#f3f5fa;border-radius:9px;color:#62718b;font-size:22px;flex-shrink:0}
.sp-main .sp .pk-detail-head h2{font-size:29px;font-weight:600;letter-spacing:-.03em;line-height:1.4;margin:12px 0}
.sp-main .sp .ss-dialog-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#627089}
.sp-main .sp .ss-dialog-meta .ss-symbol{width:40px;height:40px;display:grid;place-items:center;background:#eae4f9;border:1px solid #e1dcf0;border-radius:11px;color:#725cae}
.sp-main .sp .ss-code{font-size:12px;color:#64748c;margin-bottom:16px;overflow-wrap:anywhere}
.sp-main .sp .pk-detail-head .ss-dialog-summary{margin:0}
.sp-main .sp .sp-detail-layout,.sp-main .sp .pk-detail-copy{min-width:0}
.sp-main .sp .pk-detail-copy h4{color:#26374f}
.sp-main .sp .pk-detail-copy .ss-guide-feature{padding:13px 0;border-bottom:1px solid #edf0f6}
.sp-main .sp .pk-detail-copy .ss-guide-feature:first-of-type{padding-top:0}
.sp-main .sp .pk-detail-copy .ss-guide-feature h4{font-size:15px;font-weight:550;margin-bottom:5px}
.sp-main .sp .pk-detail-copy .ss-guide-workflow h4{font-size:15px;margin-bottom:3px;font-weight:550}
.sp-main .sp .pk-detail-copy .ss-more{padding:13px 0;border-top:1px solid #e8edf5}
.sp-main .sp .pk-detail-copy .ss-more>summary{font-size:13px;min-height:40px;font-weight:550;color:#54647d;cursor:pointer;padding:8px 0}
.sp-main .sp .pk-detail-copy .ss-more p,.sp-main .sp .pk-detail-copy .ss-more li{font-size:13px}
.sp-main .sp .pk-detail-copy .ss-more[open]>summary{margin-bottom:10px}
.sp-main .sp .pk-steps{list-style:none;padding:0;display:flex;gap:8px;align-items:center;font-size:10px;color:#6e7c92;margin:0 0 20px}
.sp-main .sp .pk-steps li{padding:6px 8px;border-radius:6px;white-space:nowrap}
.sp-main .sp .pk-steps li[aria-current]{background:#e1e9ff;color:#3e5bbb;font-weight:600}
.sp-main .sp .pk-task-label{display:block;font-size:13px;color:#64738d;line-height:1.8}
.sp-main .sp .sp-command-text{width:100%;border:1px solid #ccd8ec;border-radius:9px;background:#fff;padding:11px;color:#354963;font-size:12px;line-height:1.75;min-height:170px;resize:vertical;margin-top:8px;white-space:pre-wrap}
.sp-main .sp .ss-fullcommand{margin-top:9px}
.sp-main .sp .ss-fullcommand summary{font-size:12px;min-height:40px;cursor:pointer;padding:8px 0;color:#52678a}
.sp-main .sp .pk-install .pk-copy-hint{font-size:11px;color:#637692}
.sp-main .sp .pk-main-action.is-copied{background:#267764;border-color:#267764}
.sp-main .sp .pk-main-action[disabled]{cursor:wait;opacity:.75}
.sp-main .sp .pk-step-next{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px}
.sp-main .sp .sp-command-status{margin:10px 0 7px;border:1px solid #d6e0f1;background:#eaf0ff;border-radius:8px;padding:10px;color:#355388;line-height:1.75;font-size:12px;overflow-wrap:anywhere}
.sp-main .sp .sp-command-status strong,.sp-main .sp .sp-command-status span{display:block}
.sp-main .sp .sp-command-status.is-success{background:#e9f5ef;border-color:#b9dccb;color:#24624c}
.sp-main .sp .sp-command-status.is-error{background:#fff1f1;border-color:#f0c8c8;color:#984343}
.sp-main .sp .sp-detail-bottom{padding:20px 34px;border-top:1px solid #e8edf5}
.sp-main .sp .sp-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:13px}
.sp-main .sp .sp-actions a,.sp-main .sp .sp-actions button{min-height:44px;padding:10px 12px;border-radius:7px;border:1px solid #d5deed;background:#f7f9fc;color:#536787}
.sp-main .sp .sp-meta{display:grid;grid-template-columns:100px 1fr;gap:8px;font-size:13px;color:#627089}
.sp-main .sp .sp-meta dd{margin:0;overflow-wrap:anywhere}
.sp-main .sp .sp-evidence{margin:12px 0;padding:13px;background:#f7f9fc;border:1px solid #e3e9f2;border-radius:8px;overflow-wrap:anywhere}
.sp-main .sp .sp-evidence blockquote{margin:8px 0;border-left:2px solid #c9d3e9;padding-left:12px;font-size:13px;color:#5b6a83;line-height:1.8}
.sp-main .sp .sp-evidence small{font-size:11px;color:#64738d;overflow-wrap:anywhere}
.sp-main .sp .sp-feedback{margin-top:12px}
.sp-main .sp .sp-feedback form{display:grid;gap:12px;margin-top:12px}
.sp-main .sp .sp-feedback label{display:grid;gap:6px;font-size:13px}
.sp-main .sp .sp-feedback textarea,.sp-main .sp .sp-feedback select{width:100%;min-width:0;border:1px solid #ccd8ec;border-radius:7px;background:white;padding:10px;font-size:14px}
.sp-main .sp .sp-button,.sp-main .sp .sp-secondary{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:9px 14px;border:1px solid #ced8ec;border-radius:8px;background:#f6f8fd;color:#52678a;font-size:13px}
.sp-main .sp .sp-button{background:#455fdd;color:white;border-color:#455fdd}
.sp-main .sp .sp-empty{padding:40px 20px;background:#f7f9fc;border:1px solid #e1e7f2;border-radius:12px;text-align:center;color:#627089}
.sp-main .sp .sp-empty h2{font-size:20px;margin:12px 0}
.sp-main .sp .sp-empty p{font-size:14px;margin-bottom:10px}
.sp-main .sp .sp-pages{display:flex;gap:8px;margin-top:24px}
.sp-main .sp .sp-pages a{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #d5dfee;border-radius:7px;color:#536787}
.sp-main .sp .sp-pages [aria-current]{background:#edf2ff;border-color:#c8d4f6;color:#3856b3}
.sp-main .sp .sp-notice{background:#f5f7fc;border:1px solid #dce4f1;border-radius:8px;padding:12px 15px;font-size:13px;margin-bottom:15px;color:#5c6f8b}
.sp-main .sp .sp-status{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:13px 20px;border-radius:10px;background:#233551;color:white;box-shadow:0 5px 25px #152c4030;z-index:100000;font-size:14px}
.sp-main .sp .sp-back{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:#536b92;margin:10px 0}
.sp-main .sp .sp-guide,.sp-main .sp .sp-collections{margin:28px 0;color:#52637f;line-height:1.85}
.sp-main .sp .sp-guide h2,.sp-main .sp .sp-section-title{font-size:25px;color:#24324a;margin:18px 0}
.sp-main .sp .sp-guide h3,.sp-main .sp .sp-collections h3{font-size:18px;color:#263c5c;margin:14px 0 9px}
.sp-main .sp .sp-steps li{margin-bottom:22px}
.sp-main .sp .sp-collections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.sp-main .sp .sp-collections section{padding:24px;border:1px solid #dce4f1;border-radius:14px;background:#f5f8fd}
.sp-main .sp .sp-collections ol{padding-left:20px}
.sp-main .sp .sp-collections li{margin-bottom:18px}
.sp-main .sp .sp-collections h4{font-size:15px;margin:10px 0}
.sp-main .sp .sp-collections p,.sp-main .sp .sp-collections small{font-size:13px}
.sp-modal-open{overflow:hidden}
@media(max-width:1120px){.sp-main .sp .pk-detail-body{grid-template-columns:minmax(0,1fr) 275px}}
@media(max-width:760px){
 .sp-main{margin:16px auto 30px}.sp-main .sp .pk-context{padding:10px 0}.sp-main .sp .pk-mobile-filter{display:grid}.sp-main .sp .pk-detail-head h2{font-size:24px;overflow-wrap:anywhere}
 .sp-main .sp .sp-dialog-toolbar{padding:10px 18px}.sp-main .sp .pk-detail-body{display:flex;flex-direction:column}.sp-main .sp .sp-detail-layout{width:100%}.sp-main .sp .pk-install{position:static;width:100%;order:1}
 .sp-main .sp .ss-dialog-meta .ss-symbol{width:36px;height:36px}.sp-main .sp .pk-skill-top .sp-save{width:44px;height:44px}.sp-main .sp .pk-open-skill{min-height:44px}.sp-main .sp .pk-skill h2 a{min-height:44px}
 .sp-main .sp .pk-search button,.sp-main .sp .pk-feature-bottom a{min-height:44px}.sp-main .sp .pk-search input{font-size:16px}.sp-main .sp .pk-back-install{min-height:44px}
 .sp-main .sp .sp-fields{grid-template-columns:1fr 1fr}.sp-main .sp .sp-meta{grid-template-columns:76px 1fr}.sp-main .sp .sp-detail-bottom{padding:18px 20px}.sp-main .sp .sp-collections{grid-template-columns:1fr}
}
@media(max-width:390px){.sp-main .sp .pk-results-tools{gap:4px}.sp-main .sp .pk-results-title{gap:6px}.sp-main .sp .pk-results-title h2{font-size:18px}.sp-main .sp .pk-saved-filter{font-size:11px}.sp-main .sp .pk-skill{padding:18px}}

/* Dense composition; preserve the white site canvas. */
.sp-main>.sp{--ink:#18263d;--muted:#5b6b82;--blue:#435ddd}
.sp-main .sp .pk-context{padding:6px 0;border:0;font-size:11px}
.sp-main .sp .pk-context a{min-height:32px}
.sp-main .sp .pk-hero{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:0;padding:0;margin:6px 0 22px;border:1px solid #d8e2f1;border-radius:18px;overflow:hidden;align-items:stretch;box-shadow:0 1px 2px #1e365609,0 12px 26px -22px #314f9640}
.sp-main .sp .pk-hero-copy{position:relative;padding:21px 26px 15px;background:radial-gradient(ellipse at 95% 0%,#dce7ff7a,transparent 65%),linear-gradient(120deg,#f3f7fd,#fafbff);min-width:0}
.sp-main .sp .pk-hero-copy:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#637faf25 .65px,transparent .65px);background-size:9px 9px;mask-image:linear-gradient(90deg,transparent 30%,#000);opacity:.6}
.sp-main .sp .pk-hero-copy>*{position:relative}
.sp-main .sp .pk-eyebrow{margin-bottom:10px;font-size:11px;letter-spacing:.08em;gap:9px}
.sp-main .sp .pk-eyebrow .pk-seal{width:23px;height:23px;border-radius:6px;background:linear-gradient(145deg,#5a71e0,#34498f);box-shadow:inset 0 1px 0 #ffffff65,0 2px 4px #30498720}
.sp-main .sp .pk-hero h1{font-size:32px;line-height:1.35;font-weight:700;letter-spacing:-.035em}
.sp-main .sp .pk-hero h1 br{display:none}
.sp-main .sp .pk-hero-copy>p{margin:8px 0 13px;font-size:13px;line-height:1.75;max-width:none}
.sp-main .sp .pk-hero-copy>p br{display:none}
.sp-main .sp .pk-search{padding:4px 4px 4px 13px;gap:10px;border-radius:10px;box-shadow:0 1px 2px #1b315909,0 5px 13px #28458107}
.sp-main .sp .pk-search input{height:38px;font-size:13px}
.sp-main .sp .pk-search button{min-height:40px;border-radius:6px;font-size:13px;padding:0 18px;background:linear-gradient(#536bea,#4159d3);box-shadow:inset 0 1px 0 #ffffff35}
.sp-main .sp .pk-search-hints{margin-top:7px;gap:5px;font-size:11px;color:#61718b}
.sp-main .sp .pk-search-hints a{min-height:32px;padding:2px 9px;background:#ffffff99;border:1px solid #dbe3f1;border-radius:6px;color:#4e6182}
.sp-main .sp .pk-feature{padding:22px 26px 17px;border:0;border-radius:0;box-shadow:inset 1px 0 0 #ffffff15;background:radial-gradient(ellipse at 100% 0%,#536cab55,transparent 72%),linear-gradient(140deg,#172945,#303c69)}
.sp-main .sp .pk-feature-top{font-size:10px;letter-spacing:.04em}
.sp-main .sp .pk-feature h2{font-size:22px;line-height:1.4;font-weight:650;margin:13px 0 8px}
.sp-main .sp .pk-feature h2 br{display:none}
.sp-main .sp .pk-feature p{font-size:12px;line-height:1.75;max-width:none;color:#c6d3e9}
.sp-main .sp .pk-feature-deliver{margin:14px 0 11px;gap:6px}
.sp-main .sp .pk-feature-deliver span{padding:3px 7px;font-size:10px;background:#ffffff0b}
.sp-main .sp .pk-feature-bottom{padding-top:8px;font-size:10px}
.sp-main .sp .pk-feature-bottom a{min-height:32px;font-size:11px}
.sp-main .sp .pk-library{grid-template-columns:210px minmax(0,1fr);gap:22px;border:0;padding-top:0;align-items:start}
.sp-main .sp .pk-sidebar{top:98px;border:1px solid #dde5f1;border-radius:14px;padding:14px 10px 10px;background:linear-gradient(135deg,#f3f6fc,#fafbfd);box-shadow:inset 0 1px 0 #fff,0 4px 12px -10px #20396526}
.sp-main .sp .pk-sidebar-brand{display:flex;gap:10px;align-items:center;padding:0 5px 13px;margin-bottom:12px;border-bottom:1px solid #e1e7f1}
.sp-main .sp .pk-sidebar-mark{width:33px;height:33px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#435b91,#263b61);border-radius:9px;box-shadow:inset 0 1px 0 #ffffff35,0 3px 7px #24385620}
.sp-main .sp .pk-sidebar-brand strong{font-size:14px;display:block;color:#213653;line-height:1.5}
.sp-main .sp .pk-sidebar-brand small{display:block;font-size:10px;color:#7b8aa0;line-height:1.5}
.sp-main .sp .pk-aside-heading{margin:0 9px 5px;font-size:10px;font-weight:650;letter-spacing:.04em;color:#708099}
.sp-main .sp .pk-audience{padding:0;border:0;background:none;margin-bottom:14px;border-radius:0}
.sp-main .sp .pk-audience a,.sp-main .sp .pk-categories a{gap:8px;padding:7px 9px;min-height:40px;font-size:12px;line-height:1.45;color:#4d5e77;border-radius:7px;margin-bottom:2px}
.sp-main .sp .pk-nav-icon{display:grid;place-items:center;width:25px;height:25px;border:1px solid #dde5ef;background:#ffffffa6;color:#7b8da9;border-radius:6px;flex-shrink:0;box-shadow:0 1px 2px #27406805}
.sp-main .sp .pk-nav-icon svg{width:15px;height:15px;stroke-width:1.9}
.sp-main .sp .pk-audience a[aria-current=page]{color:#354eaa;background:#fff;border-color:#d6def0;box-shadow:0 2px 5px #2b438010}
.sp-main .sp .pk-categories a[aria-current=page]{color:#fff;background:linear-gradient(110deg,#455fce,#566be0);border-color:#435bcc;box-shadow:inset 0 1px 0 #ffffff25,0 3px 6px #344db226;font-weight:650}
.sp-main .sp .pk-audience a[aria-current=page] .pk-nav-icon{color:#4560c2;border-color:#dce4fc;background:#eff3ff}
.sp-main .sp .pk-categories a[aria-current=page] .pk-nav-icon{color:#fff;background:#ffffff18;border-color:#ffffff30}
.sp-main .sp .pk-categories .pk-count{min-width:21px;height:21px;display:grid;place-items:center;background:#e8edf6;border-radius:5px;font-size:10px;color:#70819b}
.sp-main .sp .pk-categories a[aria-current=page] .pk-count{background:#ffffff22;color:#fff}
.sp-main .sp .pk-categories a:hover:not([aria-current=page]){background:#eaf0f9;border-color:#dce4f0;color:#354f89}
.sp-main .sp .sp-more-tasks{margin-top:2px;font-size:11px}
.sp-main .sp .sp-more-tasks>summary{min-height:36px;padding:7px 10px}
.sp-main .sp .pk-sidebar-note{margin-top:10px;padding:12px 8px 3px;font-size:10px;line-height:1.75}
.sp-main .sp .pk-sidebar-note strong{font-size:11px;font-weight:600;margin-bottom:3px}
.sp-main .sp .pk-results-head{min-height:43px;margin-bottom:0;gap:12px}
.sp-main .sp .pk-results-title h2{font-size:18px;font-weight:700}
.sp-main .sp .pk-results-title span{border:1px solid #dbe3f0;border-radius:5px;background:#f3f6fc;padding:1px 6px;font-size:10px;color:#667991}
.sp-main .sp .pk-results-tools{gap:10px}
.sp-main .sp .pk-results-tools select{min-height:34px;font-size:11px;padding:5px 8px}
.sp-main .sp .pk-saved-filter{min-height:40px;font-size:11px}
.sp-main .sp .sp-list-controls{position:relative;padding-bottom:8px;margin-bottom:12px;border-bottom:1px solid #e5eaf3}
.sp-main .sp .sp-extra-filters{border:0;padding:0;font-size:11px}
.sp-main .sp .sp-extra-filters>summary{min-height:32px;padding:4px 0;color:#647691}
.sp-main .sp .pk-grid{gap:14px}
.sp-main .sp .pk-skill{padding:14px;border-radius:13px;min-height:248px;background:linear-gradient(135deg,var(--fill),#fafbff 95%);border-color:#dbe3f0;box-shadow:inset 0 1px 0 #ffffffc4,0 1px 2px #23395608,0 8px 16px -15px #24395640}
.sp-main .sp .pk-skill[data-family=business]{--tone:#336884;--fill:#eff6fb;--soft:#c9dfe9}
.sp-main .sp .pk-skill[data-family=visual]{--tone:#7460ac;--fill:#f3effd;--soft:#ded2f3}
.sp-main .sp .pk-skill[data-family=writing]{--tone:#4a63b6;--fill:#eef3fd;--soft:#cedafa}
.sp-main .sp .pk-skill-top{position:static;margin:0;min-height:0}
.sp-main .sp .pk-skill-top>span{position:absolute;left:64px;top:44px;font-size:10px;font-weight:500;color:var(--tone)}
.sp-main .sp .pk-skill-top .sp-save{position:absolute;top:6px;right:6px;margin:0;width:40px;height:40px;color:#8191ab}
.sp-main .sp .pk-skill-top .sp-save:hover{background:#ffffff9c;color:var(--tone)}
.sp-main .sp .pk-skill-heading{align-items:center;gap:10px;min-height:43px;margin-bottom:10px;padding-right:22px}
.sp-main .sp .pk-skill-icon{width:38px;height:38px;border-radius:10px;border:1px solid #ffffffef;box-shadow:inset 0 1px 0 #fff,0 2px 4px #1f3b6512}
.sp-main .sp .pk-skill-icon svg{width:20px;height:20px;stroke-width:1.9}
.sp-main .sp .pk-skill h2{font-size:17px;font-weight:700;line-height:1.4;letter-spacing:-.025em}
.sp-main .sp .pk-skill h2 a{min-height:0;padding-bottom:0}
.sp-main .sp .pk-title-meta{margin-top:4px;display:flex;align-items:center;gap:7px;line-height:1.5;flex-wrap:wrap}
.sp-main .sp .pk-card-category{font-size:10px;font-weight:500;color:var(--tone)}
.sp-main .sp .pk-inline-author{font-size:9px;color:#8493a9;font-weight:400;line-height:1.6}
.sp-main .sp .pk-inline-author:before{content:"·";margin-right:6px;color:#a1afc2}
.sp-main .sp .pk-author{font-size:10px;line-height:1.5;color:#7f8fa6;margin-top:0}
.sp-main .sp .pk-skill-heading .pk-author{display:none}
.sp-main .sp .pk-summary{font-size:13px;line-height:1.75;min-height:46px;margin-bottom:12px;color:#53637b}
.sp-main .sp .pk-deliverables{padding:8px 9px;background:#ffffff9c;border:1px solid #ffffff;border-radius:8px;margin-top:auto;box-shadow:0 1px 3px #28447405}
.sp-main .sp .pk-deliverables small{font-size:10px;letter-spacing:0;margin-bottom:5px;display:flex;align-items:center;gap:5px;color:#7788a3}
.sp-main .sp .pk-deliverables small svg{width:12px;height:12px;color:var(--tone)}
.sp-main .sp .pk-output-tags{display:flex;flex-wrap:wrap;gap:5px 7px;color:#354b69;font-size:11px;line-height:1.6;font-weight:600}
.sp-main .sp .pk-output-tags span:not(:last-child):after{content:"·";color:#a5b3c7;margin-left:7px;font-weight:400}
.sp-main .sp .pk-card-author{display:flex;align-items:center;gap:5px;font-size:10px;color:#8190a7;margin-top:8px;line-height:1.5}
.sp-main .sp .pk-card-author svg{width:12px;height:12px;color:#7b8da9}
.sp-main .sp .pk-skill-foot{padding-top:8px;margin-top:8px;gap:5px;border-color:#d5dfed99}
.sp-main .sp .pk-condition{font-size:10px;display:flex;align-items:center;gap:4px;line-height:1.4;min-width:0}
.sp-main .sp .pk-condition svg{width:13px;height:13px;color:var(--tone)}
.sp-main .sp .pk-open-skill{min-height:36px;border:1px solid #d8e0f1;border-radius:6px;background:#ffffffc9;padding:0 9px;font-size:11px;font-weight:600;box-shadow:0 1px 2px #24395908}
.sp-main .sp .pk-open-skill:hover{background:var(--tone);border-color:var(--tone);color:#fff}
.sp-main .sp .ss-catalog-note{font-size:10px;margin-top:10px;color:#7889a2}
.sp-main .sp .pk-intro{grid-template-columns:210px 1fr;gap:22px;padding:17px 0 0;margin:21px 0 20px}
.sp-main .sp .pk-intro>div:first-child h2{font-size:14px;font-weight:650;margin-bottom:4px}
.sp-main .sp .pk-intro>div:first-child p{font-size:11px}
.sp-main .sp .pk-intro-flow{gap:14px}
.sp-main .sp .pk-intro-flow>div{position:relative;padding-left:31px}
.sp-main .sp .pk-intro-flow b{position:absolute;left:0;top:1px;font-size:10px;background:#f0f4fd;border:1px solid #dce5f6;border-radius:6px;width:24px;height:24px;display:grid;place-items:center}
.sp-main .sp .pk-intro-flow strong{font-size:12px;margin:0 0 3px}
.sp-main .sp .pk-intro-flow p{font-size:11px}
.sp-main .sp .sp-footnote{padding:12px 0;font-size:10px}
/* Detail: chapter rail, complete reading column, persistent action panel. */
.sp-main .sp-dialog{width:1200px;max-height:calc(100dvh - 40px);border-radius:18px;background:#fff;box-shadow:0 25px 100px #142b4445}
.sp-main .sp .sp-dialog-toolbar{padding:8px 22px;gap:12px;background:#fbfcff}
.sp-main .sp .sp-dialog-toolbar h2{font-size:12px;font-weight:600;color:#4c6181;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-main .sp .sp-dialog-toolbar button{width:40px;height:40px;border-radius:8px;background:#eef2f9}
.sp-main .sp .pk-detail-head{position:relative;padding:22px 26px 18px 88px;background:radial-gradient(ellipse at 85% 0%,#e4eafd99,transparent 65%),linear-gradient(120deg,#f4f7fd,#fafbfe);border-bottom:1px solid #e2e8f3}
.sp-main .sp .ss-dialog-meta{font-size:10px;color:#5d71a4;gap:6px;line-height:1.6}
.sp-main .sp .ss-dialog-meta .ss-symbol{position:absolute;left:25px;top:26px;width:46px;height:46px;border-radius:12px;box-shadow:inset 0 1px 0 #fff,0 3px 7px #34528315}
.sp-main .sp .pk-detail-head h2{font-size:25px;line-height:1.4;font-weight:700;margin:5px 0 5px;letter-spacing:-.03em}
.sp-main .sp .ss-code{font-size:10px;color:#7d8ca3;margin:0 0 8px;font-family:inherit}
.sp-main .sp .pk-detail-head .ss-dialog-summary{font-size:13px;line-height:1.7;color:#5d6f88;max-width:800px}
.sp-main .sp .pk-header-output{position:absolute;right:26px;top:28px;width:274px;padding:13px 15px;background:#ffffffad;border:1px solid #fff;border-radius:10px;box-shadow:0 2px 7px #334b7d07}
.sp-main .sp .pk-header-output small{display:block;font-size:10px;color:#8292ae;margin-bottom:6px}
.sp-main .sp .pk-header-output strong{display:block;font-size:12px;line-height:1.75;color:#4c628f;font-weight:600;text-wrap:pretty}
.sp-main .sp .pk-detail-head .ss-dialog-summary{max-width:calc(100% - 310px)}
.sp-main .sp .pk-skill h2 a:after{content:"";position:absolute;left:54px;right:48px;top:9px;height:45px}
.sp-main .sp .pk-detail-body{padding:22px 24px 24px;grid-template-columns:130px minmax(0,1fr) 274px;gap:24px;align-items:start}
.sp-main .sp .pk-detail-nav{position:sticky;top:76px;display:grid;gap:3px;border-right:1px solid #e7ecf4;padding-right:12px;align-self:start}
.sp-main .sp .pk-detail-nav>strong{font-size:10px;letter-spacing:.04em;color:#7b8da6;padding:0 8px 8px;font-weight:600}
.sp-main .sp .pk-detail-nav button{display:flex;gap:8px;align-items:center;min-height:40px;text-align:left;border:1px solid transparent;background:none;padding:7px;border-radius:7px;font-size:11px;color:#657793}
.sp-main .sp .pk-detail-nav button span{font-size:10px;color:#9aabc2;font-variant-numeric:tabular-nums}
.sp-main .sp .pk-detail-nav button[aria-current]{border-color:#dbe4fb;background:#edf2ff;color:#3e5ec0;font-weight:600}
.sp-main .sp .pk-detail-nav button[aria-current] span{color:#4767c8}
.sp-main .sp .pk-detail-nav button:hover{background:#f2f5fb;color:#3e5ec0}
.sp-main .sp .pk-detail-copy section,.sp-main .sp .pk-detail-copy details{scroll-margin-top:76px}
.sp-main .sp .pk-detail-copy section{margin-bottom:23px}
.sp-main .sp .pk-detail-copy h3{display:flex;gap:8px;align-items:center;font-size:16px;font-weight:700;margin-bottom:10px;line-height:1.55}
.sp-main .sp .pk-detail-copy section>h3:before{content:attr(data-section-no);font-size:10px;font-weight:550;font-variant-numeric:tabular-nums;color:#6880b6;background:#edf2fb;border:1px solid #e0e7f4;border-radius:5px;padding:2px 5px;letter-spacing:.01em}
.sp-main .sp .pk-detail-copy p,.sp-main .sp .pk-detail-copy li{font-size:14px;line-height:1.85;color:#546680}
.sp-main .sp .pk-detail-copy #sp-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.sp-main .sp .pk-detail-copy #sp-capabilities>h3{grid-column:1/-1;margin-bottom:1px}
.sp-main .sp .pk-detail-copy .ss-guide-feature{padding:12px!important;border:1px solid #e5eaf4;border-radius:9px;background:linear-gradient(135deg,#f6f8fd,#fbfcfe)}
.sp-main .sp .pk-detail-copy .ss-guide-feature h4{font-size:13px;font-weight:650;margin-bottom:5px;color:#354d75}
.sp-main .sp .pk-detail-copy .ss-guide-feature p{font-size:12px;line-height:1.85}
.sp-main .sp .pk-detail-copy #sp-io{padding:14px;background:#f3f7fc;border:1px solid #e2e9f3;border-radius:10px}
.sp-main .sp .pk-detail-copy #sp-io p{font-size:13px}
.sp-main .sp .pk-detail-copy .ss-guide-workflow{list-style:none;counter-reset:workflow;padding:0;margin:0;display:grid;gap:12px}
.sp-main .sp .pk-detail-copy .ss-guide-workflow>li{counter-increment:workflow;position:relative;padding:0 0 0 32px;margin:0}
.sp-main .sp .pk-detail-copy .ss-guide-workflow>li:before{content:counter(workflow);position:absolute;left:0;top:0;width:23px;height:23px;display:grid;place-items:center;font-size:11px;color:#4c6baf;background:#edf3ff;border:1px solid #dbe5f6;border-radius:7px;font-variant-numeric:tabular-nums}
.sp-main .sp .pk-detail-copy .ss-guide-workflow h4{font-size:13px;font-weight:650;line-height:1.7;margin:0 0 3px}
.sp-main .sp .pk-detail-copy .ss-guide-workflow p{font-size:13px}
.sp-main .sp .pk-detail-copy #sp-deliverables ul{padding:10px 13px 10px 29px;background:#f8fafc;border:1px solid #e6ebf3;border-radius:9px;margin-top:10px}
.sp-main .sp .pk-detail-copy #sp-deliverables li{font-size:13px;margin:4px 0}
.sp-main .sp .pk-detail-copy .ss-more{padding:4px 0;border-top-color:#e3e9f3}
.sp-main .sp .pk-detail-copy .ss-more>summary{font-size:12px;min-height:44px;padding:10px 0;list-style:none;display:flex;align-items:center;justify-content:space-between}
.sp-main .sp .pk-detail-copy .ss-more>summary:after{content:"+";font-size:18px;font-weight:400;color:#7c90af}
.sp-main .sp .pk-detail-copy .ss-more[open]>summary:after{content:"−"}
.sp-main .sp .pk-install{padding:16px;background:linear-gradient(150deg,#eff4ff,#f8faff);border:1px solid #d3def4;border-radius:12px;box-shadow:inset 0 1px 0 #fff,0 5px 12px -8px #3c579725;top:76px;scroll-margin-top:76px}
.sp-main .sp .pk-operation-label{display:flex;align-items:center;gap:7px;color:#4b6394;font-size:11px;font-weight:600;margin:0 0 13px;padding-bottom:11px;border-bottom:1px solid #dbe4f5}
.sp-main .sp .pk-operation-label svg{width:16px;height:16px}
.sp-main .sp .pk-steps{gap:5px;margin:0 0 17px;font-size:10px}
.sp-main .sp .pk-steps li{flex:1;text-align:center;border:1px solid #e0e7f4;background:#f9fbff;padding:6px 5px;border-radius:6px;color:#8393ad}
.sp-main .sp .pk-steps li[aria-current]{background:#dfe8ff;border-color:#cddafa;color:#3758b2}
.sp-main .sp .pk-install h3{font-size:17px;font-weight:700;line-height:1.5;margin-bottom:7px}
.sp-main .sp .pk-install p{font-size:12px;line-height:1.8}
.sp-main .sp .pk-main-action{min-height:44px;margin:13px 0 6px;font-size:12px;border-radius:7px;background:linear-gradient(#536be5,#4059cb);border-color:#4059c5;box-shadow:inset 0 1px 0 #ffffff35,0 4px 7px -4px #3854bf80}
.sp-main .sp .pk-main-action.is-copied{background:#277864;border-color:#277864}
.sp-main .sp .pk-install-divider{margin:15px 0 13px;background:#d9e2f2}
.sp-main .sp .pk-step-next{margin-top:10px;font-size:11px;border-radius:7px;min-height:44px}
.sp-main .sp .pk-install .pk-small-note{margin-top:6px;font-size:10px!important;color:#778baa!important}
.sp-main .sp .pk-install .pk-copy-hint,.sp-main .sp .pk-install-footer{font-size:10px!important;line-height:1.8!important}
.sp-main .sp .ss-fullcommand{margin-top:3px}
.sp-main .sp .ss-fullcommand>summary{font-size:11px;min-height:38px;padding:8px 0}
.sp-main .sp .sp-command-status{font-size:11px;padding:9px;border-radius:7px}
.sp-main .sp .pk-task-label{font-size:11px}
.sp-main .sp .pk-task{min-height:158px;font-size:12px!important;line-height:1.8!important;margin-top:10px!important}
.sp-main .sp .sp-detail-bottom{padding:12px 24px;background:#fbfcff}
.sp-main .sp .sp-actions{gap:8px}
.sp-main .sp .sp-actions a,.sp-main .sp .sp-actions button{padding:7px 10px;min-height:40px;font-size:11px}
.sp-main .sp .pk-detail-copy a{color:#4969b6}
@media(max-width:1120px){
 .sp-main .sp .pk-hero{grid-template-columns:minmax(0,1.55fr) minmax(285px,1fr)}
 .sp-main .sp .pk-hero-copy{padding:22px}.sp-main .sp .pk-hero h1{font-size:28px}
 .sp-main .sp .pk-library{grid-template-columns:198px minmax(0,1fr);gap:18px}
 .sp-main .sp .pk-detail-body{grid-template-columns:minmax(0,1fr) 254px;gap:22px}
 .sp-main .sp .pk-detail-nav{display:none}
 .sp-main .sp .pk-header-output{display:none}.sp-main .sp .pk-detail-head .ss-dialog-summary{max-width:none}
 .sp-main .sp .pk-intro{grid-template-columns:198px 1fr;gap:18px}
}
@media(max-width:760px){
 .sp-main .sp .pk-hero{grid-template-columns:1fr;margin:4px 0 15px;border-radius:13px}
 .sp-main .sp .pk-hero-copy{padding:19px 18px 13px}
 .sp-main .sp .pk-hero h1{font-size:27px}
 .sp-main .sp .pk-hero-copy>p{font-size:12px;line-height:1.75;margin:9px 0 13px}
 .sp-main .sp .pk-search input{font-size:16px;min-height:40px}
 .sp-main .sp .pk-search button{min-height:44px;padding:0 13px}
 .sp-main .sp .pk-search-hints a{min-height:40px;font-size:10px;padding:1px 7px}
 .sp-main .sp .pk-feature{padding:15px 18px}
 .sp-main .sp .pk-feature h2{font-size:18px;margin:7px 0 5px}
 .sp-main .sp .pk-feature-top{font-size:9px}
 .sp-main .sp .pk-feature p{font-size:11px}
 .sp-main .sp .pk-feature-deliver{display:none}
 .sp-main .sp .pk-feature-bottom{margin-top:9px;padding-top:5px}
 .sp-main .sp .pk-feature-bottom a{min-height:40px}
 .sp-main .sp .pk-library{grid-template-columns:1fr;gap:0}
 .sp-main .sp .pk-results-head{min-height:44px;margin-bottom:9px}
 .sp-main .sp .pk-results-title h2{font-size:17px}
 .sp-main .sp .pk-mobile-filter{margin-bottom:5px;gap:8px}
 .sp-main .sp .pk-mobile-filter select{font-size:12px;background:#f2f5fc}
 .sp-main .sp .sp-extra-filters>summary{min-height:40px;padding:7px 0}
 .sp-main .sp .pk-grid{grid-template-columns:1fr;gap:12px}
 .sp-main .sp .pk-skill{padding:17px;min-height:0;border-radius:12px}
 .sp-main .sp .pk-skill-top>span{left:65px;top:46px}
 .sp-main .sp .pk-skill h2{font-size:18px}.sp-main .sp .pk-skill h2 a{min-height:0;padding-bottom:0}
 .sp-main .sp .pk-summary{font-size:13px;min-height:0;margin-bottom:11px}
 .sp-main .sp .pk-skill-foot{padding-top:7px}.sp-main .sp .pk-open-skill{min-height:44px;padding:0 12px}
 .sp-main .sp .pk-skill-top .sp-save{width:44px;height:44px;right:5px;top:5px}
 .sp-main .sp .pk-intro{grid-template-columns:1fr;gap:12px;margin:20px 0 14px;padding:15px 0 0}
 .sp-main .sp .pk-intro-flow{grid-template-columns:1fr;gap:12px}
 .sp-main .sp .pk-detail-head{padding:17px 18px 16px 74px}
 .sp-main .sp .ss-dialog-meta .ss-symbol{left:18px;top:24px;width:40px;height:40px;border-radius:11px}
 .sp-main .sp .pk-detail-head h2{font-size:21px;margin:5px 0}
 .sp-main .sp .pk-detail-head .ss-dialog-summary{margin-left:-56px!important;padding-top:9px;font-size:13px}
 .sp-main .sp .pk-mobile-install-link{margin-left:-56px;margin-top:11px;min-height:44px;font-size:12px;border-radius:7px}
 .sp-main .sp .sp-dialog-toolbar{padding:8px 16px}
 .sp-main .sp .sp-dialog-toolbar button{width:44px;height:44px}
 .sp-main .sp .pk-detail-body{padding:18px;gap:8px;display:flex;flex-direction:column}
 .sp-main .sp .pk-detail-copy #sp-capabilities{grid-template-columns:1fr}
 .sp-main .sp .pk-detail-copy section{margin-bottom:21px}
 .sp-main .sp .pk-detail-copy p,.sp-main .sp .pk-detail-copy li{font-size:14px}
 .sp-main .sp .pk-detail-copy .ss-guide-feature p{font-size:13px}
 .sp-main .sp .pk-detail-copy .ss-guide-workflow p{font-size:13px}
 .sp-main .sp .pk-detail-nav{display:none}.sp-main .sp .pk-install{position:static;order:1;width:100%;padding:16px;margin-top:9px}
 .sp-main .sp .sp-detail-bottom{padding:12px 18px}
 .sp-main .sp .sp-actions a,.sp-main .sp .sp-actions button{min-height:44px}
}
@media(prefers-reduced-motion:reduce){.sp-main .sp *{scroll-behavior:auto!important;transition-duration:0s!important}}

/* Readability: readable text first; density comes from grouping, never tiny type. */
.sp-main > .sp{--ink:#19263b;--muted:#485a73}
.sp-main .sp .pk-context,.sp-main .sp .pk-context a,.sp-main .sp .pk-context span{font-size:14px;color:#4a5b73}
.sp-main .sp .pk-eyebrow>span,.sp-main .sp .pk-eyebrow .pk-seal{font-size:14px}
.sp-main .sp .pk-eyebrow .pk-seal{background:linear-gradient(135deg,#4358b0,#273865);color:#fff}
.sp-main .sp .pk-eyebrow>span:not(.pk-seal){color:#4a5b73}
.sp-main .sp .pk-eyebrow{font-size:14px;color:#42536d;letter-spacing:.06em}
.sp-main .sp .pk-hero h1{font-size:34px;line-height:1.3}
.sp-main .sp .pk-hero-copy>p{font-size:16px;line-height:1.65;color:#41516a;margin:12px 0 17px;max-width:620px}
.sp-main .sp .pk-search input{font-size:16px;height:46px}
.sp-main .sp .pk-search input::placeholder{color:#52617a;opacity:1}
.sp-main .sp .pk-search button{font-size:16px;min-height:46px;padding:0 20px;font-weight:600}
.sp-main .sp .pk-search-hints{font-size:14px;color:#485a73;gap:8px;margin-top:10px}
.sp-main .sp .pk-search-hints a{font-size:14px;min-height:40px;padding:5px 10px;color:#334868}
.sp-main .sp .pk-feature-top{font-size:14px;color:#dce7fa;letter-spacing:.02em}
.sp-main .sp .pk-feature h2{font-size:25px;line-height:1.4;margin:14px 0 9px;font-weight:650}
.sp-main .sp .pk-feature p{font-size:16px;line-height:1.65;color:#e2e9f6;max-width:none}
.sp-main .sp .pk-feature-deliver span{font-size:14px;color:#edf3ff;padding:4px 8px}
.sp-main .sp .pk-feature-bottom{font-size:14px;color:#e2e9f6;padding-top:10px}
.sp-main .sp .pk-feature-bottom a{font-size:15px;min-height:40px;color:#fff}
.sp-main .sp .pk-library{grid-template-columns:230px minmax(0,1fr);gap:24px}
.sp-main .sp .pk-sidebar-brand strong{font-size:18px;color:#20354f}
.sp-main .sp .pk-sidebar-brand small{font-size:14px;color:#4a5c75;line-height:1.55}
.sp-main .sp .pk-sidebar-mark{width:38px;height:38px}
.sp-main .sp .pk-aside-heading{font-size:14px;letter-spacing:0;color:#475970;margin-bottom:7px}
.sp-main .sp .pk-audience a,.sp-main .sp .pk-categories a{font-size:15px;line-height:1.5;min-height:44px;color:#334660;padding:8px 9px;gap:9px}
.sp-main .sp .pk-nav-icon{width:28px;height:28px;color:#49617e}
.sp-main .sp .pk-nav-icon svg{width:18px;height:18px}
.sp-main .sp .pk-categories .pk-count{font-size:14px;color:#415773;min-width:24px;height:24px}
.sp-main .sp .pk-categories a[aria-current=page] .pk-count{background:#263e9e;color:#fff}
.sp-main .sp .sp-more-tasks{font-size:14px;color:#354c6d}
.sp-main .sp .sp-more-tasks>summary{min-height:44px;padding:9px 10px}
.sp-main .sp .pk-results-title h2{font-size:23px;line-height:1.4}
.sp-main .sp .pk-results-title span{font-size:14px;color:#415773;padding:2px 7px}
.sp-main .sp .pk-results-tools select,.sp-main .sp .pk-saved-filter{font-size:14px;color:#344965;min-height:44px}
.sp-main .sp .sp-extra-filters{font-size:14px;color:#354c6d}
.sp-main .sp .sp-extra-filters>summary{font-size:14px;color:#354c6d;min-height:40px}
.sp-main .sp .sp-filter-row{font-size:15px;color:#344965}
.sp-main .sp .sp-filter-row select{font-size:15px;min-height:44px;color:#344965}
.sp-main .sp .pk-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sp-main .sp .pk-skill{padding:16px;min-height:0}
.sp-main .sp .pk-skill-heading{align-items:flex-start;gap:10px;padding-right:25px;margin-bottom:10px;min-height:0}
.sp-main .sp .pk-skill-icon{width:42px;height:42px}
.sp-main .sp .pk-skill h2{font-size:18px;font-weight:650;line-height:1.45;letter-spacing:-.01em;color:#19263b;text-wrap:balance}
.sp-main .sp .pk-skill h2 a:after{left:62px;right:46px;top:13px;height:64px}
.sp-main .sp .pk-title-meta{gap:8px;margin-top:5px}
.sp-main .sp .pk-card-category{font-size:13px;font-weight:600}
.sp-main .sp .pk-inline-author{font-size:13px;color:#4e5e75;overflow-wrap:anywhere}
.sp-main .sp .pk-inline-author:before{color:#596d85}
.sp-main .sp .pk-summary{font-size:14px;line-height:1.7;color:#34455f;min-height:0;margin-bottom:10px;text-wrap:pretty}
.sp-main .sp .pk-deliverables{padding:9px 10px}
.sp-main .sp .pk-deliverables small{font-size:13px;color:#4d5d75;margin-bottom:3px}
.sp-main .sp .pk-deliverables small svg{width:15px;height:15px}
.sp-main .sp .pk-output-tags{font-size:13px;line-height:1.65;color:#233a5b;gap:4px 6px;font-weight:600}
.sp-main .sp .pk-output-tags span:not(:last-child):after{color:#586d8b}
.sp-main .sp .pk-skill-foot{margin-top:10px;padding-top:8px;gap:8px;flex-wrap:wrap}
.sp-main .sp .pk-condition{font-size:13px;line-height:1.5;color:#425571;gap:5px}
.sp-main .sp .pk-condition svg{width:16px;height:16px}
.sp-main .sp .pk-open-skill{font-size:13px;min-height:44px;padding:0 10px;margin-left:auto}
.sp-main .sp .ss-catalog-note,.sp-main .sp .sp-footnote{font-size:14px;color:#4a5b73;line-height:1.65}
.sp-main .sp .pk-intro{grid-template-columns:230px 1fr;gap:24px}
.sp-main .sp .pk-intro>div:first-child h2{font-size:18px}
.sp-main .sp .pk-intro>div:first-child p,.sp-main .sp .pk-intro-flow p{font-size:14px;line-height:1.65;color:#485a73}
.sp-main .sp .pk-intro-flow strong{font-size:16px;line-height:1.5}
.sp-main .sp .pk-intro-flow b{font-size:14px;color:#37569d}
/* Detail text uses one comfortable body scale throughout all complete sections. */
.sp-main .sp-dialog{width:1280px}
.sp-main .sp .sp-dialog-toolbar h2{font-size:15px;color:#354965}
.sp-main .sp .sp-dialog-toolbar button{color:#40536f}
.sp-main .sp .pk-detail-head{padding-top:24px;padding-bottom:22px}
.sp-main .sp .pk-detail-head h2{font-size:30px;line-height:1.35;margin:6px 0 8px;color:#19263b}
.sp-main .sp .ss-dialog-meta,.sp-main .sp .ss-code{font-size:14px;color:#455974;line-height:1.6;overflow-wrap:anywhere}
.sp-main .sp .pk-detail-head .ss-dialog-summary{font-size:17px;line-height:1.7;color:#344964;max-width:calc(100% - 338px)}
.sp-main .sp .pk-header-output{width:302px;padding:15px 16px}
.sp-main .sp .pk-header-output small{font-size:14px;color:#4b5f7b}
.sp-main .sp .pk-header-output strong{font-size:16px;line-height:1.6;color:#2e4874}
.sp-main .sp .pk-detail-body{grid-template-columns:150px minmax(0,1fr) 302px;gap:22px}
.sp-main .sp .pk-detail-nav>strong{font-size:14px;color:#4a5f7c;padding-bottom:10px}
.sp-main .sp .pk-detail-nav button{font-size:14px;color:#425875;min-height:44px;gap:7px;padding:9px 7px}
.sp-main .sp .pk-detail-nav button span{font-size:14px;color:#536a88}
.sp-main .sp .pk-detail-copy section{margin-bottom:27px}
.sp-main .sp .pk-detail-copy h3{font-size:22px;line-height:1.45;color:#213654;margin-bottom:13px}
.sp-main .sp .pk-detail-copy section>h3:before{font-size:13px;color:#3e5f9e;padding:3px 6px}
.sp-main .sp .pk-detail-copy p,.sp-main .sp .pk-detail-copy li,
.sp-main .sp .pk-detail-copy .ss-guide-feature p,.sp-main .sp .pk-detail-copy #sp-io p,
.sp-main .sp .pk-detail-copy .ss-guide-workflow p,.sp-main .sp .pk-detail-copy #sp-deliverables li,
.sp-main .sp .pk-detail-copy details p,.sp-main .sp .pk-detail-copy .ss-more p,.sp-main .sp .pk-detail-copy .ss-more li{font-size:17px;line-height:1.8;color:#34455d}
.sp-main .sp .pk-detail-copy #sp-capabilities{gap:12px}
.sp-main .sp .pk-detail-copy .ss-guide-feature{padding:14px!important}
.sp-main .sp .pk-detail-copy .ss-guide-feature h4,.sp-main .sp .pk-detail-copy .ss-guide-workflow h4{font-size:18px;line-height:1.5;color:#243e61;font-weight:650;margin-bottom:7px}
.sp-main .sp .pk-detail-copy .ss-guide-workflow{gap:17px}
.sp-main .sp .pk-detail-copy .ss-guide-workflow>li:before{font-size:14px;width:25px;height:25px;color:#3c5e9f}
.sp-main .sp .pk-detail-copy .ss-more>summary{font-size:17px;min-height:48px;color:#2e4568;padding:13px 0}
.sp-main .sp .pk-detail-copy a{color:#294fb1;text-decoration:underline;text-underline-offset:3px}
.sp-main .sp .pk-install{padding:18px;max-height:calc(100dvh - 116px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.sp-main .sp .pk-operation-label{font-size:15px;color:#344e7a;gap:8px}
.sp-main .sp .pk-steps{font-size:14px;margin-bottom:18px}
.sp-main .sp .pk-steps li{color:#425571;padding:8px 5px;line-height:1.4}
.sp-main .sp .pk-install h3{font-size:22px;color:#203450;margin-bottom:9px}
.sp-main .sp .pk-install p{font-size:16px;line-height:1.7;color:#3f536f}
.sp-main .sp .pk-main-action{font-size:16px;min-height:48px;margin-top:16px;font-weight:650}
.sp-main .sp .pk-step-next{font-size:15px;min-height:48px;color:#344e7a}
.sp-main .sp .pk-install .pk-small-note,.sp-main .sp .pk-install .pk-copy-hint,
.sp-main .sp .pk-install-footer,.sp-main .sp .pk-copy-feedback{font-size:14px!important;line-height:1.7!important;color:#425976!important}
.sp-main .sp .ss-fullcommand>summary{font-size:15px;color:#344e7a;min-height:44px}
.sp-main .sp .sp-command-status{font-size:15px;line-height:1.65}
.sp-main .sp .pk-task-label,.sp-main .sp .pk-back-install{font-size:15px;color:#344e7a}
.sp-main .sp .pk-task{font-size:16px!important;line-height:1.7!important;color:#253e5d;min-height:195px}
.sp-main .sp .pk-install .sp-command-text{font-size:16px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;color:#253e5d}
.sp-main .sp .sp-meta{font-size:15px;line-height:1.65;color:#425571;grid-template-columns:100px minmax(0,1fr)}
.sp-main .sp .pk-detail-copy #sp-source details>summary{font-size:15px;color:#344e7a;min-height:44px}
.sp-main .sp .sp-evidence blockquote{font-size:16px;color:#34455d;line-height:1.8}
.sp-main .sp .sp-evidence small{font-size:14px;color:#425571}
.sp-main .sp .sp-button,.sp-main .sp .sp-secondary{font-size:15px}
.sp-main .sp .sp-feedback>summary,.sp-main .sp .sp-feedback label{font-size:15px;color:#344e7a}
.sp-main .sp .sp-feedback textarea,.sp-main .sp .sp-feedback select{font-size:16px;color:#253e5d}
.sp-main .sp .sp-actions a,.sp-main .sp .sp-actions button{font-size:15px;min-height:44px;color:#344e7a}
@media(max-width:1199px){.sp-main .sp .pk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1120px){
 .sp-main .sp .pk-library{grid-template-columns:220px minmax(0,1fr);gap:20px}
 .sp-main .sp .pk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sp-main .sp .pk-detail-body{grid-template-columns:minmax(0,1fr) 292px;gap:20px}
 .sp-main .sp .pk-detail-copy #sp-capabilities{grid-template-columns:1fr}
 .sp-main .sp .pk-detail-head .ss-dialog-summary{max-width:none}
 .sp-main .sp .pk-intro{grid-template-columns:220px 1fr;gap:20px}
 .sp-main .sp .pk-intro-flow{grid-template-columns:1fr;gap:12px}
}
@media(max-width:960px){.sp-main .sp .pk-grid{grid-template-columns:1fr}}
@media(max-width:760px){
 .sp-main .sp .pk-hero h1{font-size:29px}
 .sp-main .sp .pk-hero-copy>p{font-size:16px;line-height:1.65}
 .sp-main .sp .pk-feature h2{font-size:23px}
 .sp-main .sp .pk-feature p{font-size:16px}
 .sp-main .sp .pk-feature-top,.sp-main .sp .pk-feature-bottom{font-size:14px}
 .sp-main .sp .pk-feature-bottom{align-items:flex-start;flex-wrap:wrap}
 .sp-main .sp .pk-search-hints a{font-size:14px;min-height:40px}
 .sp-main .sp .pk-library{grid-template-columns:1fr}
 .sp-main .sp .pk-mobile-filter select{font-size:16px;color:#344965;min-height:46px}
 .sp-main .sp .pk-results-head{align-items:flex-start;flex-wrap:wrap;gap:8px}
 .sp-main .sp .pk-results-title h2{font-size:22px}
 .sp-main .sp .pk-skill{padding:17px}
 .sp-main .sp .pk-skill h2{font-size:18px}
 .sp-main .sp .pk-summary{font-size:14px;line-height:1.7}
 .sp-main .sp .pk-inline-author{font-size:13px}
 .sp-main .sp .pk-intro{grid-template-columns:1fr}
 .sp-main .sp .pk-detail-head h2{font-size:25px}
 .sp-main .sp .pk-detail-head .ss-dialog-summary{font-size:17px;line-height:1.7}
 .sp-main .sp .pk-mobile-install-link{font-size:16px;min-height:46px;margin-top:13px}
 .sp-main .sp .pk-detail-body{display:flex;gap:10px;padding:18px}
 .sp-main .sp .pk-detail-copy h3{font-size:21px}
 .sp-main .sp .pk-detail-copy .ss-guide-feature h4,.sp-main .sp .pk-detail-copy .ss-guide-workflow h4{font-size:18px}
 .sp-main .sp .pk-detail-copy p,.sp-main .sp .pk-detail-copy li,
 .sp-main .sp .pk-detail-copy .ss-guide-feature p,.sp-main .sp .pk-detail-copy .ss-guide-workflow p{font-size:17px;line-height:1.8}
 .sp-main .sp .pk-install{padding:18px;max-height:none;overflow:visible}
}

/* Keep step numbers on one line at the new readable scale. */
.sp-main .sp .pk-intro-flow b{white-space:nowrap;width:34px;height:26px}
.sp-main .sp .pk-intro-flow>div{padding-left:42px}

/* Library positioning: readable title and compact capability markers. */
.sp-main .sp .pk-library-keywords{display:flex;flex-wrap:wrap;gap:8px 17px;margin-top:12px;color:#334868;font-size:15px;font-weight:600;line-height:1.6}
.sp-main .sp .pk-library-keywords span{display:inline-flex;align-items:center;gap:7px}
.sp-main .sp .pk-library-keywords span:before{content:"";width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#5267c5;box-shadow:0 0 0 3px #5267c512}
@media(max-width:600px){.sp-main .sp .pk-library-keywords{gap:8px 15px;font-size:15px}}

.sp-main .sp .pk-library-keywords+.pk-search{margin-top:17px}

/* Skill actions and a stable, complete reading dialog. */
.sp-main .sp .pk-open-skill{background:#22334f;border:1px solid #22334f;color:#fff;border-radius:8px;padding:0 13px;box-shadow:inset 0 1px 0 #ffffff12,0 2px 4px #17294012;transition:background-color .16s,border-color .16s,box-shadow .16s}
.sp-main .sp .pk-open-skill:hover{background:#30486b;border-color:#30486b;color:#fff;box-shadow:0 3px 7px #17294024}
.sp-main .sp .pk-open-skill:focus-visible,.sp-main .sp-dialog button:focus-visible,.sp-main .sp-dialog summary:focus-visible{outline:3px solid #8ca7e7;outline-offset:3px}
.sp-main .sp-dialog{height:calc(100dvh - 48px);max-height:calc(100dvh - 48px);max-width:calc(100vw - 40px);border:1px solid #d9e1ed;border-radius:20px;box-shadow:0 32px 90px #0f1e354d,0 4px 18px #0f1e3526;scrollbar-width:thin;scrollbar-color:#b8c5d6 transparent;overscroll-behavior:contain;scrollbar-gutter:stable}
.sp-main .sp-dialog::backdrop{background:#111e3659;backdrop-filter:blur(6px)}
.sp-main .sp-dialog .sp-dialog-toolbar{padding:10px 24px;background:#fff;border-bottom:1px solid #e3e9f1;min-height:64px}
.sp-main .sp-dialog .sp-dialog-toolbar h2{font-size:14px;font-weight:600;color:#334966;letter-spacing:.01em}
.sp-main .sp-dialog .sp-dialog-toolbar button{width:40px;height:40px;color:#41556f;background:#f2f5f9;border:1px solid #e4eaf2;border-radius:10px;transition:background-color .16s,color .16s}
.sp-main .sp-dialog .sp-dialog-toolbar button:hover{background:#e8eef7;color:#182b47}
.sp-main .sp-dialog .pk-detail-head{padding:24px 26px 24px 90px;background:linear-gradient(110deg,#f8faff,#f1f5fc);border-bottom:1px solid #e0e7f2}
.sp-main .sp-dialog .ss-dialog-meta{font-size:13px;font-weight:600;color:#526581}
.sp-main .sp-dialog .ss-dialog-meta .ss-symbol{width:48px;height:48px;left:25px;top:28px;border-radius:14px;border:1px solid #fff;box-shadow:0 0 0 1px #dce3f0,0 4px 9px #263c5912}
.sp-main .sp-dialog .pk-detail-head h2{font-size:28px;font-weight:650;line-height:1.4;letter-spacing:-.02em;margin:6px 0 7px;max-width:calc(100% - 315px);text-wrap:balance}
.sp-main .sp-dialog .ss-code{font-size:13px;color:#667790;margin-bottom:10px;max-width:calc(100% - 315px)}
.sp-main .sp-dialog .pk-detail-head .ss-dialog-summary{font-size:16px;line-height:1.75;color:#344963;max-width:calc(100% - 315px);text-wrap:pretty}
.sp-main .sp-dialog .pk-header-output{top:28px;right:26px;width:286px;background:#fff;border:1px solid #dfe6f1;border-radius:12px;padding:16px;box-shadow:0 4px 13px #25395708}
.sp-main .sp-dialog .pk-header-output small{font-size:12px;font-weight:500;color:#5e708a;margin-bottom:8px}
.sp-main .sp-dialog .pk-header-output strong{font-size:15px;font-weight:600;line-height:1.7;color:#263b5b}
.sp-main .sp-dialog .pk-detail-body{padding:24px;grid-template-columns:148px minmax(0,1fr) 292px;gap:24px}
.sp-main .sp-dialog .pk-detail-nav{padding:12px 8px;background:#f6f8fc;border:1px solid #e1e7f0;border-radius:12px;gap:4px;top:84px}
.sp-main .sp-dialog .pk-detail-nav>strong{font-size:12px;font-weight:600;color:#60728b;padding:1px 10px 9px}
.sp-main .sp-dialog .pk-detail-nav button{font-size:13px;line-height:1.5;padding:8px;color:#445771;gap:7px;min-height:40px;border-radius:8px}
.sp-main .sp-dialog .pk-detail-nav button span{font-size:12px;color:#7b8da5}
.sp-main .sp-dialog .pk-detail-nav button[aria-current]{background:#243a5d;border-color:#243a5d;color:#fff;box-shadow:0 2px 5px #1d345e15}
.sp-main .sp-dialog .pk-detail-nav button[aria-current] span{color:#c7d9f9}
.sp-main .sp-dialog .pk-detail-nav button:hover:not([aria-current]){background:#eaf0f8;color:#233c62}
.sp-main .sp-dialog .pk-detail-copy section{margin-bottom:26px}
.sp-main .sp-dialog .pk-detail-copy h3{font-size:21px;line-height:1.45;font-weight:650;margin-bottom:13px;color:#233957;gap:9px}
.sp-main .sp-dialog .pk-detail-copy section>h3:before{font-size:12px;border-radius:7px;padding:3px 6px;background:#eef3fb;border-color:#dce5f3;color:#45648e}
.sp-main .sp-dialog .pk-detail-copy p,.sp-main .sp-dialog .pk-detail-copy li,
.sp-main .sp-dialog .pk-detail-copy .ss-guide-feature p,.sp-main .sp-dialog .pk-detail-copy #sp-io p,
.sp-main .sp-dialog .pk-detail-copy .ss-guide-workflow p,.sp-main .sp-dialog .pk-detail-copy #sp-deliverables li,
.sp-main .sp-dialog .pk-detail-copy details p,.sp-main .sp-dialog .pk-detail-copy .ss-more p,.sp-main .sp-dialog .pk-detail-copy .ss-more li{font-size:16px;line-height:1.8;color:#3a4b63;text-wrap:pretty}
.sp-main .sp-dialog .pk-detail-copy .ss-guide-feature{padding:15px!important;border:1px solid #e0e7f0;border-radius:12px;background:#fff;box-shadow:0 2px 5px #263a5405}
.sp-main .sp-dialog .pk-detail-copy .ss-guide-feature h4,.sp-main .sp-dialog .pk-detail-copy .ss-guide-workflow h4{font-size:17px;font-weight:650;line-height:1.5;color:#263e5e;margin-bottom:7px}
.sp-main .sp-dialog .pk-detail-copy #sp-io{padding:17px;background:#f5f8fc;border-color:#e0e8f2;border-radius:12px}
.sp-main .sp-dialog .pk-detail-copy .ss-guide-workflow{gap:20px}
.sp-main .sp-dialog .pk-detail-copy .ss-guide-workflow>li{padding-left:37px}
.sp-main .sp-dialog .pk-detail-copy .ss-guide-workflow>li:before{width:26px;height:26px;border-radius:8px;font-size:13px;color:#3b5880;background:#eef3fa;border-color:#dce5f0}
.sp-main .sp-dialog .pk-detail-copy #sp-deliverables ul{background:#f7f9fc;border-color:#e0e7f0;border-radius:12px;padding-top:12px;padding-bottom:12px}
.sp-main .sp-dialog .pk-detail-copy .ss-more{border:1px solid #e0e7f0;border-radius:10px;background:#fff;padding:0 15px;margin-bottom:10px}
.sp-main .sp-dialog .pk-detail-copy .ss-more>summary{font-size:15px;font-weight:600;color:#344d6d;min-height:48px;padding:12px 0}
.sp-main .sp-dialog .pk-detail-copy .ss-more[open]{background:#fbfcfe;padding-bottom:13px}
.sp-main .sp-dialog .pk-install{background:#fff;border:1px solid #d7e1ee;border-radius:14px;padding:18px;top:84px;max-height:calc(100dvh - 140px);box-shadow:0 5px 20px #2035510b}
.sp-main .sp-dialog .pk-operation-label{font-size:14px;letter-spacing:.01em;color:#354d70;padding-bottom:13px;margin-bottom:13px}
.sp-main .sp-dialog .pk-steps{gap:4px;padding:4px;background:#f2f5fa;border:1px solid #e3e9f2;border-radius:10px;font-size:12px;margin-bottom:20px}
.sp-main .sp-dialog .pk-steps li{padding:8px 4px;border:0;background:none;border-radius:7px;font-size:12px;color:#697b92}
.sp-main .sp-dialog .pk-steps li[aria-current]{background:#fff;color:#263e65;box-shadow:0 1px 4px #263b5a15;font-weight:600}
.sp-main .sp-dialog .pk-install h3{font-size:21px;line-height:1.4;font-weight:650;color:#203550}
.sp-main .sp-dialog .pk-install p{font-size:15px;line-height:1.75;color:#4a5c75}
.sp-main .sp-dialog .pk-main-action{background:#243b60;border:1px solid #243b60;min-height:46px;font-size:15px;border-radius:9px;box-shadow:inset 0 1px 0 #ffffff14,0 3px 6px #1b31551c}
.sp-main .sp-dialog .pk-main-action:hover{background:#304d76;border-color:#304d76}
.sp-main .sp-dialog .pk-main-action.is-copied{background:#256c58;border-color:#256c58}
.sp-main .sp-dialog .pk-step-next{background:#eef3fa;border:1px solid #d5e0f0;color:#294365;font-size:14px;border-radius:9px;min-height:46px}
.sp-main .sp-dialog .pk-install .pk-small-note,.sp-main .sp-dialog .pk-install .pk-copy-hint,.sp-main .sp-dialog .pk-install-footer{font-size:13px!important;line-height:1.7!important;color:#5b6d85!important}
.sp-main .sp-dialog .ss-fullcommand>summary,.sp-main .sp-dialog .pk-back-install,.sp-main .sp-dialog .pk-task-label{font-size:14px;color:#425b7c}
.sp-main .sp-dialog .pk-task{border-radius:10px;border-color:#ced9e9;background:#fbfcff;font-size:16px!important;line-height:1.75!important;padding:13px;min-height:190px}
.sp-main .sp-dialog .sp-command-status{font-size:14px;line-height:1.6;border-radius:9px}
.sp-main .sp-dialog .sp-detail-bottom{border-top:1px solid #e4eaf2;background:#f8fafd;padding:14px 24px}
.sp-main .sp-dialog .sp-actions a,.sp-main .sp-dialog .sp-actions button{font-size:14px;min-height:42px;border-radius:8px}
.sp-main .sp-dialog .sp-loading-head{padding:30px 28px;background:linear-gradient(110deg,#f8faff,#f1f5fc);border-bottom:1px solid #e0e7f2}
.sp-main .sp-dialog .sp-loading-status{display:flex;align-items:center;gap:9px;font-size:14px;color:#435b7c;margin-bottom:18px}
.sp-main .sp-dialog .sp-loading-dot{width:7px;height:7px;background:#496789;border-radius:50%;box-shadow:0 0 0 4px #dce6f4}
.sp-main .sp-dialog .sp-skeleton{background:linear-gradient(100deg,#e5ebf3 15%,#f3f6fb 45%,#e5ebf3 75%);background-size:240% 100%;border-radius:6px;height:14px;animation:sp-skeleton-pulse 1.8s ease-in-out infinite}
.sp-main .sp-dialog .sp-skeleton-title{height:28px;width:62%;margin-bottom:14px}
.sp-main .sp-dialog .sp-skeleton-meta{width:28%;height:12px;margin-bottom:20px}
.sp-main .sp-dialog .sp-skeleton-line{height:13px;width:90%;margin-bottom:13px}
.sp-main .sp-dialog .sp-loading-columns{display:grid;grid-template-columns:148px minmax(0,1fr) 292px;gap:24px;padding:24px}
.sp-main .sp-dialog .sp-loading-rail{display:grid;align-content:start;gap:20px;padding:17px;background:#f6f8fc;border:1px solid #e1e7f0;border-radius:12px}
.sp-main .sp-dialog .sp-skeleton-section{height:20px;width:45%;margin-bottom:23px}
.sp-main .sp-dialog .sp-loading-copy{padding-top:8px}
.sp-main .sp-dialog .sp-loading-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
.sp-main .sp-dialog .sp-loading-tiles>.sp-skeleton{height:140px;border-radius:12px}
.sp-main .sp-dialog .sp-loading-action{padding:20px;border:1px solid #dce5f0;border-radius:14px;align-self:start}
.sp-main .sp-dialog .sp-skeleton-button{height:46px;width:100%;margin-top:25px;border-radius:9px}
.sp-main .sp-dialog .sp-detail-error{padding:52px 32px;max-width:560px;margin:auto;text-align:center}
.sp-main .sp-dialog .sp-detail-error h3{font-size:23px;color:#253d60;margin:0 0 13px}
.sp-main .sp-dialog .sp-detail-error p{font-size:16px;line-height:1.8;color:#566b86}
.sp-main .sp-dialog .sp-load-retry{background:#243b60;color:#fff;border:1px solid #243b60;border-radius:9px;min-height:44px;padding:0 22px;font-size:15px;margin-top:20px}
@keyframes sp-skeleton-pulse{0%,100%{background-position:100% 0}50%{background-position:0 0}}
@media(max-width:1120px){
 .sp-main .sp-dialog .pk-detail-head h2,.sp-main .sp-dialog .ss-code,.sp-main .sp-dialog .pk-detail-head .ss-dialog-summary{max-width:none}
 .sp-main .sp-dialog .pk-detail-body,.sp-main .sp-dialog .sp-loading-columns{grid-template-columns:minmax(0,1fr) 276px;gap:22px}
 .sp-main .sp-dialog .pk-detail-nav,.sp-main .sp-dialog .sp-loading-rail{display:none}
}
@media(max-width:760px){
 .sp-main .sp-dialog{height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);max-width:calc(100vw - 16px);border-radius:16px}
 .sp-main .sp-dialog .sp-dialog-toolbar{padding:8px 14px;min-height:58px}
 .sp-main .sp-dialog .sp-dialog-toolbar h2{font-size:13px}
 .sp-main .sp-dialog .pk-detail-head{padding:20px}
 .sp-main .sp-dialog .ss-dialog-meta .ss-symbol{position:static;width:36px;height:36px;border-radius:10px;margin-right:6px}
 .sp-main .sp-dialog .pk-detail-head h2{font-size:24px;margin:12px 0 7px}
 .sp-main .sp-dialog .pk-detail-head .ss-dialog-summary{font-size:16px}
 .sp-main .sp-dialog .pk-mobile-install-link{font-size:14px;border:1px solid #d6e1f0;background:#fff;color:#314d71;border-radius:9px;padding:10px 12px;min-height:44px;display:inline-flex;align-items:center}
 .sp-main .sp-dialog .pk-detail-body{display:flex;padding:20px;gap:15px}
 .sp-main .sp-dialog .pk-detail-copy h3{font-size:20px}
 .sp-main .sp-dialog .pk-install{max-height:none;overflow:visible;width:100%;position:static}
 .sp-main .sp-dialog .sp-loading-head{padding:24px 20px}
 .sp-main .sp-dialog .sp-skeleton-title{width:85%}
 .sp-main .sp-dialog .sp-loading-columns{display:grid;grid-template-columns:1fr;padding:20px;gap:20px}
 .sp-main .sp-dialog .sp-loading-action{grid-row:1}
 .sp-main .sp-dialog .sp-loading-tiles{grid-template-columns:1fr 1fr}
 .sp-main .sp-dialog .sp-loading-tiles>.sp-skeleton{height:90px}
 .sp-main .sp-dialog .sp-detail-error{padding:42px 22px}
}
@media(prefers-reduced-motion:reduce){.sp-main .sp-dialog .sp-skeleton{animation:none}}

/* Align the mobile overview after moving its icon into normal flow. */
@media(max-width:760px){
 .sp-main .sp-dialog .pk-detail-head .ss-dialog-summary{margin-left:0!important;padding-top:0}
 .sp-main .sp-dialog .pk-mobile-install-link{margin-left:0}
}

/* Dark installation workspace: both steps stay available, no manual gate. */
.sp-main .sp .pk-install{background:linear-gradient(155deg,#1b2c46,#142238);border-color:#344862;color:#edf3ff;box-shadow:inset 0 1px 0 #ffffff0c,0 8px 24px #17263e14;scrollbar-color:#536681 #18273e}
.sp-main .sp .pk-install .pk-operation-label{color:#e7eefc;border-color:#3c4d66}
.sp-main .sp .pk-install .pk-steps{background:#23344c;border-color:#3b4e6b;box-shadow:none;margin-bottom:18px}
.sp-main .sp .pk-install .pk-steps li{color:#d3dff3;background:transparent;box-shadow:none}
.sp-main .sp .pk-install h3{color:#f4f7ff;font-size:19px;margin-bottom:8px}
.sp-main .sp .pk-install p{color:#c4d1e6}
.sp-main .sp .pk-install .pk-small-note,.sp-main .sp .pk-install .pk-copy-hint,.sp-main .sp .pk-install .pk-install-footer{color:#bdcce2!important}
.sp-main .sp .pk-install .pk-install-divider{background:#3a4a62;margin:20px 0}
.sp-main .sp .pk-install .pk-task-label,.sp-main .sp .pk-install .ss-fullcommand>summary{color:#d0ddf3}
.sp-main .sp .pk-install .pk-task,.sp-main .sp .pk-install .sp-command-text{background:#23354e;border:1px solid #526580;color:#f1f5ff;border-radius:9px;box-shadow:inset 0 1px 2px #00000012}
.sp-main .sp .pk-install .pk-task{min-height:160px;margin:10px 0 14px}
.sp-main .sp .pk-install .pk-task:focus,.sp-main .sp .pk-install .sp-command-text:focus{outline:2px solid #99b7ff;outline-offset:2px;border-color:#99b7ff}
.sp-main .sp .pk-install .pk-main-action{background:#4c67d5;border-color:#7992f0;color:#fff;box-shadow:inset 0 1px 0 #ffffff26,0 3px 8px #00000016}
.sp-main .sp .pk-install .pk-main-action:hover{background:#5a75e2;border-color:#98adff}
.sp-main .sp .pk-install .pk-main-action.is-copied{background:#246c59;border-color:#67ad96}
.sp-main .sp .pk-install .sp-command-status{background:#253951;border-color:#536b88;color:#e7eefb}
.sp-main .sp .pk-install .sp-command-status strong,.sp-main .sp .pk-install .sp-command-status span{color:inherit}
.sp-main .sp .pk-install .sp-command-status.is-success{background:#193e36;border-color:#4c927b;color:#ddf7eb}
.sp-main .sp .pk-install .sp-command-status.is-error{background:#49303a;border-color:#b27986;color:#ffe6ed}

/* Wider action column and one dialog scroll for complete commands and tasks. */
.sp-main .sp-dialog .pk-detail-body,.sp-main .sp-dialog .sp-loading-columns{grid-template-columns:136px minmax(0,1fr) 380px;gap:20px}
.sp-main .sp .pk-install{position:static;top:auto;max-height:none;overflow:visible;overscroll-behavior:auto;align-self:start;padding:22px}
.sp-main .sp .pk-install .pk-task{min-height:240px;width:100%;resize:none;overflow:hidden;padding:14px;line-height:1.75!important;margin:12px 0 16px}
.sp-main .sp .pk-install .sp-command-text{width:100%;min-height:0;resize:none;overflow:hidden;padding:14px;font-size:14px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}
.sp-main .sp .pk-install .ss-fullcommand{margin:16px 0 18px}
.sp-main .sp .pk-install .ss-fullcommand>summary{padding:6px 0 10px;min-height:40px}
.sp-main .sp .pk-install .pk-main-action{min-height:48px;margin-top:14px}
.sp-main .sp .pk-install .pk-operation-label{margin-bottom:18px}
.sp-main .sp .pk-install .pk-install-divider{margin:24px 0}
@media(max-width:1120px){
 .sp-main .sp-dialog .pk-detail-body,.sp-main .sp-dialog .sp-loading-columns{grid-template-columns:minmax(0,1fr) 340px;gap:20px}
}
@media (max-width:900px) and (min-width:761px){
 .sp-main .sp-dialog .pk-detail-body{display:flex;flex-direction:column;gap:22px}
 .sp-main .sp-dialog .pk-install{order:1;width:100%}
 .sp-main .sp-dialog .sp-loading-columns{grid-template-columns:1fr}
}
@media(max-width:760px){
 .sp-main .sp .pk-install{padding:20px}
 .sp-main .sp-dialog .sp-loading-columns{grid-template-columns:1fr}
}

/* Read installation command before copying; compact task-to-action spacing. */
.sp-main .sp .pk-install [data-command-kind="install"] .ss-fullcommand{margin-bottom:0}
.sp-main .sp .pk-install [data-command-kind="install"] .pk-main-action{margin-top:12px}
.sp-main .sp .pk-install [data-command-kind="use"] .pk-task{display:block;margin-bottom:0}
.sp-main .sp .pk-install [data-command-kind="use"] .pk-main-action{margin-top:10px}
.sp-main .sp .pk-install [data-command-kind="install"] .sp-command-text{display:block;margin-bottom:0}

/* Finer reading typography: preserve contrast and complete content. */
.sp-main .sp-dialog .pk-detail-copy section{margin-bottom:22px}
.sp-main .sp-dialog .pk-detail-copy h3{font-size:19px;line-height:1.45;font-weight:650;margin-bottom:11px;gap:8px}
.sp-main .sp-dialog .pk-detail-copy section>h3:before{font-size:11px;padding:3px 5px;border-radius:6px}
.sp-main .sp-dialog .pk-detail-copy p,.sp-main .sp-dialog .pk-detail-copy li,
.sp-main .sp-dialog .pk-detail-copy .ss-guide-feature p,.sp-main .sp-dialog .pk-detail-copy #sp-io p,
.sp-main .sp-dialog .pk-detail-copy .ss-guide-workflow p,.sp-main .sp-dialog .pk-detail-copy #sp-deliverables li,
.sp-main .sp-dialog .pk-detail-copy details p,.sp-main .sp-dialog .pk-detail-copy .ss-more p,.sp-main .sp-dialog .pk-detail-copy .ss-more li{font-size:15px;line-height:1.75;color:#3a4b63}
.sp-main .sp-dialog .pk-detail-copy .ss-guide-feature{padding:14px!important;border-radius:10px;box-shadow:0 1px 3px #263a5404}
.sp-main .sp-dialog .pk-detail-copy .ss-guide-feature h4,.sp-main .sp-dialog .pk-detail-copy .ss-guide-workflow h4{font-size:16px;font-weight:600;line-height:1.5;margin-bottom:6px}
.sp-main .sp-dialog .pk-detail-copy #sp-capabilities{gap:10px}
.sp-main .sp-dialog .pk-detail-copy #sp-io{padding:15px;border-radius:10px}
.sp-main .sp-dialog .pk-detail-copy .ss-guide-workflow{gap:16px}
.sp-main .sp-dialog .pk-detail-copy .ss-guide-workflow>li{padding-left:33px}
.sp-main .sp-dialog .pk-detail-copy .ss-guide-workflow>li:before{width:24px;height:24px;border-radius:7px;font-size:12px}
.sp-main .sp-dialog .pk-detail-copy .ss-more>summary{font-size:14px;padding:11px 0}

/* Approved black / gold / yellow palette, 2026-10-18. Presentation only. */
.sp-main > .sp{--ink:#24231f;--muted:#746b5b;--blue:#92826b;--line:#eee7d7;--purple:#92826b;--surface:#fffefa;background:#fffefa}
.sp-main .sp button:focus-visible,.sp-main .sp a:focus-visible,.sp-main .sp input:focus-visible,.sp-main .sp select:focus-visible,.sp-main .sp textarea:focus-visible{outline:3px solid #c9bba1}
.sp-main .sp .pk-site-context{border-bottom:1px solid #f7f4ec}
.sp-main .sp .pk-brand{color:#24231f}
.sp-main .sp .pk-proposal{color:#746b5b;background:#f6f3ec}
.sp-main .sp .pk-eyebrow{color:#746b5b}
.sp-main .sp .pk-eyebrow .pk-seal{background:#49453d;color:#f7f4ec}
.sp-main .sp .pk-hero-copy>p{color:#746b5b}
.sp-main .sp .pk-search{border:1px solid #eee7d7;box-shadow:0 2px 3px #49453d03,0 6px 18px #49453d06;background:#fffefa}
.sp-main .sp .pk-search svg{color:#92826b}
.sp-main .sp .pk-search input::placeholder{color:#92826b}
.sp-main .sp .pk-search:focus-within{box-shadow:0 0 0 4px #f7f4ec;border-color:#c9bba1}
.sp-main .sp .pk-search button{color:#fffefa}
.sp-main .sp .pk-search-hints{color:#92826b}
.sp-main .sp .pk-search-hints button{color:#746b5b}
.sp-main .sp .pk-search-hints button:hover{background:#fffefa}
.sp-main .sp .pk-feature{border:1px solid #49453d;background:linear-gradient(135deg,#24231f 0%,#49453d 67%,#49453d 100%);color:#fffefa;box-shadow:0 8px 28px -15px #49453d50,inset 0 1px 0 #fffefa15}
.sp-main .sp .pk-feature-top{color:#e4dac4}
.sp-main .sp .pk-feature-top span:last-child{border:1px solid #c9bba133}
.sp-main .sp .pk-feature p{color:#e4dac4}
.sp-main .sp .pk-feature-deliver span{background:#fffefa09;border:1px solid #e4dac428;color:#f7f4ec}
.sp-main .sp .pk-feature-bottom{border-top:1px solid #eee7d724;color:#c9bba1}
.sp-main .sp .pk-feature-bottom button{color:#fffefa}
.sp-main .sp .pk-library{border-top:1px solid #f7f4ec}
.sp-main .sp .pk-aside-heading{color:#92826b}
.sp-main .sp .pk-audience{border:1px solid #f7f4ec;background:#fffefa}
.sp-main .sp .pk-audience :is(a,button),.sp-main .sp .pk-categories :is(a,button){color:#746b5b}
.sp-main .sp .pk-audience :is(a,button)[aria-current="page"]{color:#746b5b;background:#fffefa;border-color:#eee7d7;box-shadow:0 1px 3px #49453d08}
.sp-main .sp .pk-categories :is(a,button)[aria-current="page"]{background:#f7f4ec;border-color:#eee7d7;color:#746b5b}
.sp-main .sp .pk-categories :is(a,button):hover,.sp-main .sp .pk-audience :is(a,button):hover{background:#f7f4ec}
.sp-main .sp .pk-categories .pk-count{color:#92826b}
.sp-main .sp .pk-sidebar-note{color:#92826b;border-top:1px solid #f7f4ec}
.sp-main .sp .pk-sidebar-note strong{color:#49453d}
.sp-main .sp .pk-results-title span{color:#92826b}
.sp-main .sp .pk-saved-filter{color:#746b5b}
.sp-main .sp .pk-saved-filter[aria-current="page"]{color:#92826b}
.sp-main .sp .pk-results-tools select{border:1px solid #eee7d7;color:#746b5b;background:#fffefa}
.sp-main .sp .pk-skill{--tone:#92826b;--fill:#f7f4ec;--soft:#f7f4ec;border:1px solid #eee7d7;background:linear-gradient(145deg,var(--fill),#fffefa 90%);box-shadow:0 1px 2px #49453d05,0 6px 16px -10px #49453d18}
.sp-main .sp .pk-skill[data-family=visual]{--tone:#92826b;--fill:#f7f4ec;--soft:#eee7d7}
.sp-main .sp .pk-skill[data-family=business]{--tone:#746b5b;--fill:#f7f4ec;--soft:#eee7d7}
.sp-main .sp .pk-skill:hover{border-color:#c9bba1;box-shadow:0 2px 4px #49453d08,0 10px 28px -12px #49453d28}
.sp-main .sp .pk-bookmark{color:#c9bba1}
.sp-main .sp .pk-bookmark[aria-current="page"]{background:#f7f4ec}
.sp-main .sp .pk-skill-icon{border:1px solid #fffefad9;background:linear-gradient(150deg,#fffefac0,var(--soft));box-shadow:0 1px 3px #49453d0c}
.sp-main .sp .pk-skill .pk-author{color:#92826b}
.sp-main .sp .pk-summary{color:#746b5b}
.sp-main .sp .pk-deliverables{color:#49453d}
.sp-main .sp .pk-deliverables small{color:#92826b}
.sp-main .sp .pk-skill-foot{border-top:1px solid #eee7d783}
.sp-main .sp .pk-condition{color:#92826b}
.sp-main .sp .pk-empty{background:#fffefa;color:#746b5b}
.sp-main .sp .pk-empty strong{color:#49453d}
.sp-main .sp .pk-empty button{border:1px solid #eee7d7;color:#746b5b}
.sp-main .sp .pk-footnote{color:#92826b}
.sp-main .sp .pk-intro{border-top:1px solid #f7f4ec}
.sp-main .sp .pk-intro h2 span{color:#92826b}
.sp-main .sp .pk-intro-step b{color:#92826b;border:1px solid #eee7d7;background:#fffefa}
.sp-main .sp .pk-intro-step p{color:#92826b}
.sp-main .sp .pk-page-bottom{border-top:1px solid #f7f4ec;color:#c9bba1}
.sp-main .sp-dialog{border:1px solid #eee7d7;box-shadow:0 28px 100px #24231f40}
.sp-main .sp-dialog::backdrop{background:#24231f4a}
.sp-main .sp .pk-dialog-top{border-bottom:1px solid #f7f4ec;background:#fffefa;color:#92826b}
.sp-main .sp .pk-close{background:#f7f4ec;color:#746b5b}
.sp-main .sp .pk-detail-head{background:linear-gradient(120deg,#fffefa,#f7f4ec)}
.sp-main .sp .pk-detail-title .pk-skill-icon{color:#92826b;background:#f7f4ec}
.sp-main .sp .pk-detail-head .pk-eyebrow{color:#92826b}
.sp-main .sp .pk-detail-head p{color:#746b5b}
.sp-main .sp .pk-detail-copy p,.sp-main .sp .pk-detail-copy li{color:#746b5b}
.sp-main .sp .pk-detail-copy li strong{color:#49453d}
.sp-main .sp .pk-feature-row{border-bottom:1px solid #f7f4ec}
.sp-main .sp .pk-detail-copy details{border-top:1px solid #f7f4ec}
.sp-main .sp .pk-detail-copy summary{color:#746b5b}
.sp-main .sp .pk-install{background:#fffefa;border:1px solid #eee7d7}
.sp-main .sp .pk-steps{color:#92826b}
.sp-main .sp .pk-steps .pk-active{background:#f7f4ec;color:#746b5b}
.sp-main .sp .pk-install p{color:#746b5b}
.sp-main .sp .pk-main-action{border:1px solid #92826b;box-shadow:inset 0 1px 0 #fffefa22,0 3px 9px #746b5b16}
.sp-main .sp .pk-main-action.success{background:#49453d;border-color:#49453d}
.sp-main .sp .pk-copy-feedback{color:#92826b!important}
.sp-main .sp .pk-step-next{border:1px solid #eee7d7;background:#fffefa;color:#746b5b}
.sp-main .sp .pk-step-next:hover{background:#f7f4ec}
.sp-main .sp .pk-small-note{color:#92826b!important}
.sp-main .sp .pk-install-divider{background:#eee7d7}
.sp-main .sp .pk-install-footer{color:#92826b!important}
.sp-main .sp .pk-install textarea{border:1px solid #eee7d7;background:#fffefa;color:#746b5b}
.sp-main .sp .pk-back-install{color:#746b5b}
.sp-main .sp .pk-demo-label{color:#92826b}
@media(max-width:760px){.sp-main .sp .pk-mobile-filter select{border:1px solid #eee7d7;background:#fffefa;color:#746b5b}
.sp-main .sp .pk-mobile-install-link{background:#92826b}}
.sp-main{background:#fffefa}
.sp-main .sp .pk-context{color:#746b5b;border-bottom:1px solid #f7f4ec}
.sp-main .sp .pk-context span{color:#c9bba1}
.sp-main .sp .pk-eyebrow>span:not(.pk-seal){color:#92826b}
.sp-main .sp .pk-feature-bottom a{color:#fffefa}
.sp-main .sp .pk-search-hints a:hover{background:#fffefa}
.sp-main .sp .pk-skill-top .sp-save{color:#92826b}
.sp-main .sp .sp-save[aria-pressed=true]{color:#746b5b;background:#f7f4ec}
.sp-main .sp .pk-condition{color:#746b5b}
.sp-main .sp .pk-count{color:#92826b}
.sp-main .sp .pk-author{color:#746b5b}
.sp-main .sp .pk-aside-heading{color:#92826b}
.sp-main .sp .pk-deliverables small{color:#92826b}
.sp-main .sp .sp-more-tasks{color:#746b5b}
.sp-main .sp .pk-saved-filter{color:#746b5b}
.sp-main .sp .sp-extra-filters{color:#746b5b;border-top:1px solid #f7f4ec}
.sp-main .sp .sp-fields input,.sp-main .sp .sp-fields select{border:1px solid #eee7d7;color:#746b5b;background:#fffefa}
.sp-main .sp .ss-filter-note{color:#746b5b}
.sp-main .sp .ss-filter-note a{color:#92826b}
.sp-main .sp .ss-catalog-note{color:#746b5b}
.sp-main .sp .pk-intro>div:first-child p,.sp-main .sp .pk-intro-flow p{color:#746b5b}
.sp-main .sp .pk-intro-flow b{color:#92826b}
.sp-main .sp .sp-footnote{color:#746b5b;border-top:1px solid #f7f4ec}
.sp-main .sp .sp-dialog-toolbar{border-bottom:1px solid #f7f4ec;background:#fffefa}
.sp-main .sp .sp-dialog-toolbar h2{color:#746b5b}
.sp-main .sp .sp-dialog-toolbar button{background:#f7f4ec;color:#746b5b}
.sp-main .sp .ss-dialog-meta{color:#746b5b}
.sp-main .sp .ss-dialog-meta .ss-symbol{background:#f7f4ec;border:1px solid #eee7d7;color:#92826b}
.sp-main .sp .ss-code{color:#746b5b}
.sp-main .sp .pk-detail-copy h4{color:#24231f}
.sp-main .sp .pk-detail-copy .ss-guide-feature{border-bottom:1px solid #f7f4ec}
.sp-main .sp .pk-detail-copy .ss-more{border-top:1px solid #f7f4ec}
.sp-main .sp .pk-detail-copy .ss-more>summary{color:#746b5b}
.sp-main .sp .pk-steps{color:#92826b}
.sp-main .sp .pk-steps li[aria-current]{background:#f7f4ec;color:#746b5b}
.sp-main .sp .pk-task-label{color:#746b5b}
.sp-main .sp .sp-command-text{border:1px solid #eee7d7;background:#fffefa;color:#49453d}
.sp-main .sp .ss-fullcommand summary{color:#746b5b}
.sp-main .sp .pk-install .pk-copy-hint{color:#746b5b}
.sp-main .sp .pk-main-action.is-copied{background:#49453d;border-color:#49453d}
.sp-main .sp .sp-command-status{border:1px solid #eee7d7;background:#f7f4ec;color:#746b5b}
.sp-main .sp .sp-command-status.is-success{background:#f7f4ec;border-color:#e4dac4;color:#49453d}
.sp-main .sp .sp-command-status.is-error{background:#fffefa;border-color:#eee7d7;color:#746b5b}
.sp-main .sp .sp-detail-bottom{border-top:1px solid #f7f4ec}
.sp-main .sp .sp-actions a,.sp-main .sp .sp-actions button{border:1px solid #eee7d7;background:#fffefa;color:#746b5b}
.sp-main .sp .sp-meta{color:#746b5b}
.sp-main .sp .sp-evidence{background:#fffefa;border:1px solid #eee7d7}
.sp-main .sp .sp-evidence blockquote{border-left:2px solid #e4dac4;color:#746b5b}
.sp-main .sp .sp-evidence small{color:#746b5b}
.sp-main .sp .sp-feedback textarea,.sp-main .sp .sp-feedback select{border:1px solid #eee7d7}
.sp-main .sp .sp-button,.sp-main .sp .sp-secondary{border:1px solid #eee7d7;background:#fffefa;color:#746b5b}
.sp-main .sp .sp-button{background:#92826b;border-color:#92826b}
.sp-main .sp .sp-empty{background:#fffefa;border:1px solid #eee7d7;color:#746b5b}
.sp-main .sp .sp-pages a{border:1px solid #eee7d7;color:#746b5b}
.sp-main .sp .sp-pages [aria-current]{background:#f7f4ec;border-color:#eee7d7;color:#746b5b}
.sp-main .sp .sp-notice{background:#fffefa;border:1px solid #eee7d7;color:#746b5b}
.sp-main .sp .sp-status{background:#24231f;box-shadow:0 5px 25px #24231f30}
.sp-main .sp .sp-back{color:#746b5b}
.sp-main .sp .sp-guide,.sp-main .sp .sp-collections{color:#746b5b}
.sp-main .sp .sp-guide h2,.sp-main .sp .sp-section-title{color:#24231f}
.sp-main .sp .sp-guide h3,.sp-main .sp .sp-collections h3{color:#49453d}
.sp-main .sp .sp-collections section{border:1px solid #eee7d7;background:#fffefa}
.sp-main>.sp{--ink:#24231f;--muted:#746b5b;--blue:#92826b}
.sp-main .sp .pk-hero{border:1px solid #eee7d7;box-shadow:0 1px 2px #24231f09,0 12px 26px -22px #746b5b40}
.sp-main .sp .pk-hero-copy{background:radial-gradient(ellipse at 95% 0%,#f7f4ec7a,transparent 65%),linear-gradient(120deg,#fffefa,#fffefa)}
.sp-main .sp .pk-hero-copy:before{background-image:radial-gradient(#92826b25 .65px,transparent .65px);mask-image:linear-gradient(90deg,transparent 30%,#1d1d1a)}
.sp-main .sp .pk-eyebrow .pk-seal{background:linear-gradient(145deg,#92826b,#746b5b);box-shadow:inset 0 1px 0 #fffefa65,0 2px 4px #49453d20}
.sp-main .sp .pk-search{box-shadow:0 1px 2px #24231f09,0 5px 13px #49453d07}
.sp-main .sp .pk-search button{background:linear-gradient(#92826b,#92826b);box-shadow:inset 0 1px 0 #fffefa35}
.sp-main .sp .pk-search-hints{color:#746b5b}
.sp-main .sp .pk-search-hints a{background:#fffefa99;border:1px solid #eee7d7;color:#746b5b}
.sp-main .sp .pk-feature{box-shadow:inset 1px 0 0 #fffefa15;background:radial-gradient(ellipse at 100% 0%,#746b5b55,transparent 72%),linear-gradient(140deg,#24231f,#49453d)}
.sp-main .sp .pk-feature p{color:#e4dac4}
.sp-main .sp .pk-feature-deliver span{background:#fffefa0b}
.sp-main .sp .pk-sidebar{border:1px solid #eee7d7;background:linear-gradient(135deg,#fffefa,#fffefa);box-shadow:inset 0 1px 0 #fffefa,0 4px 12px -10px #49453d26}
.sp-main .sp .pk-sidebar-brand{border-bottom:1px solid #eee7d7}
.sp-main .sp .pk-sidebar-mark{color:#fffefa;background:linear-gradient(135deg,#746b5b,#49453d);box-shadow:inset 0 1px 0 #fffefa35,0 3px 7px #24231f20}
.sp-main .sp .pk-sidebar-brand strong{color:#24231f}
.sp-main .sp .pk-sidebar-brand small{color:#92826b}
.sp-main .sp .pk-aside-heading{color:#92826b}
.sp-main .sp .pk-audience a,.sp-main .sp .pk-categories a{color:#746b5b}
.sp-main .sp .pk-nav-icon{border:1px solid #eee7d7;background:#fffefaa6;color:#92826b;box-shadow:0 1px 2px #49453d05}
.sp-main .sp .pk-audience a[aria-current=page]{color:#746b5b;background:#fffefa;border-color:#eee7d7;box-shadow:0 2px 5px #49453d10}
.sp-main .sp .pk-categories a[aria-current=page]{color:#fffefa;background:linear-gradient(110deg,#92826b,#92826b);border-color:#92826b;box-shadow:inset 0 1px 0 #fffefa25,0 3px 6px #746b5b26}
.sp-main .sp .pk-audience a[aria-current=page] .pk-nav-icon{color:#92826b;border-color:#f7f4ec;background:#f7f4ec}
.sp-main .sp .pk-categories a[aria-current=page] .pk-nav-icon{color:#fffefa;background:#fffefa18;border-color:#fffefa30}
.sp-main .sp .pk-categories .pk-count{background:#f7f4ec;color:#92826b}
.sp-main .sp .pk-categories a[aria-current=page] .pk-count{background:#fffefa22;color:#fffefa}
.sp-main .sp .pk-categories a:hover:not([aria-current=page]){background:#f7f4ec;border-color:#eee7d7;color:#746b5b}
.sp-main .sp .pk-results-title span{border:1px solid #eee7d7;background:#fffefa;color:#746b5b}
.sp-main .sp .sp-list-controls{border-bottom:1px solid #f7f4ec}
.sp-main .sp .sp-extra-filters>summary{color:#746b5b}
.sp-main .sp .pk-skill{background:linear-gradient(135deg,var(--fill),#fffefa 95%);border-color:#eee7d7;box-shadow:inset 0 1px 0 #fffefac4,0 1px 2px #24231f08,0 8px 16px -15px #24231f40}
.sp-main .sp .pk-skill[data-family=business]{--tone:#49453d;--fill:#f7f4ec;--soft:#e4dac4}
.sp-main .sp .pk-skill[data-family=visual]{--tone:#92826b;--fill:#f7f4ec;--soft:#eee7d7}
.sp-main .sp .pk-skill[data-family=writing]{--tone:#92826b;--fill:#f7f4ec;--soft:#eee7d7}
.sp-main .sp .pk-skill-top .sp-save{color:#92826b}
.sp-main .sp .pk-skill-top .sp-save:hover{background:#fffefa9c}
.sp-main .sp .pk-skill-icon{border:1px solid #fffefaef;box-shadow:inset 0 1px 0 #fffefa,0 2px 4px #49453d12}
.sp-main .sp .pk-inline-author{color:#92826b}
.sp-main .sp .pk-inline-author:before{color:#c9bba1}
.sp-main .sp .pk-author{color:#92826b}
.sp-main .sp .pk-summary{color:#746b5b}
.sp-main .sp .pk-deliverables{background:#fffefa9c;border:1px solid #fffefa;box-shadow:0 1px 3px #49453d05}
.sp-main .sp .pk-deliverables small{color:#92826b}
.sp-main .sp .pk-output-tags{color:#49453d}
.sp-main .sp .pk-output-tags span:not(:last-child):after{color:#c9bba1}
.sp-main .sp .pk-card-author{color:#92826b}
.sp-main .sp .pk-card-author svg{color:#92826b}
.sp-main .sp .pk-skill-foot{border-color:#eee7d799}
.sp-main .sp .pk-open-skill{border:1px solid #eee7d7;background:#fffefac9;box-shadow:0 1px 2px #49453d08}
.sp-main .sp .pk-open-skill:hover{color:#fffefa}
.sp-main .sp .ss-catalog-note{color:#92826b}
.sp-main .sp .pk-intro-flow b{background:#f7f4ec;border:1px solid #eee7d7}
.sp-main .sp-dialog{background:#fffefa;box-shadow:0 25px 100px #24231f45}
.sp-main .sp .sp-dialog-toolbar{background:#fffefa}
.sp-main .sp .sp-dialog-toolbar h2{color:#746b5b}
.sp-main .sp .sp-dialog-toolbar button{background:#f7f4ec}
.sp-main .sp .pk-detail-head{background:radial-gradient(ellipse at 85% 0%,#f7f4ec99,transparent 65%),linear-gradient(120deg,#fffefa,#fffefa);border-bottom:1px solid #eee7d7}
.sp-main .sp .ss-dialog-meta{color:#92826b}
.sp-main .sp .ss-dialog-meta .ss-symbol{box-shadow:inset 0 1px 0 #fffefa,0 3px 7px #49453d15}
.sp-main .sp .ss-code{color:#92826b}
.sp-main .sp .pk-detail-head .ss-dialog-summary{color:#746b5b}
.sp-main .sp .pk-header-output{background:#fffefaad;border:1px solid #fffefa;box-shadow:0 2px 7px #49453d07}
.sp-main .sp .pk-header-output small{color:#92826b}
.sp-main .sp .pk-header-output strong{color:#746b5b}
.sp-main .sp .pk-detail-nav{border-right:1px solid #f7f4ec}
.sp-main .sp .pk-detail-nav>strong{color:#92826b}
.sp-main .sp .pk-detail-nav button{color:#746b5b}
.sp-main .sp .pk-detail-nav button span{color:#c9bba1}
.sp-main .sp .pk-detail-nav button[aria-current]{border-color:#eee7d7;background:#f7f4ec;color:#746b5b}
.sp-main .sp .pk-detail-nav button[aria-current] span{color:#92826b}
.sp-main .sp .pk-detail-nav button:hover{background:#f7f4ec;color:#746b5b}
.sp-main .sp .pk-detail-copy section>h3:before{color:#92826b;background:#f7f4ec;border:1px solid #eee7d7}
.sp-main .sp .pk-detail-copy p,.sp-main .sp .pk-detail-copy li{color:#746b5b}
.sp-main .sp .pk-detail-copy .ss-guide-feature{border:1px solid #f7f4ec;background:linear-gradient(135deg,#fffefa,#fffefa)}
.sp-main .sp .pk-detail-copy .ss-guide-feature h4{color:#49453d}
.sp-main .sp .pk-detail-copy #sp-io{background:#fffefa;border:1px solid #eee7d7}
.sp-main .sp .pk-detail-copy .ss-guide-workflow>li:before{color:#746b5b;background:#f7f4ec;border:1px solid #eee7d7}
.sp-main .sp .pk-detail-copy #sp-deliverables ul{background:#fffefa;border:1px solid #f7f4ec}
.sp-main .sp .pk-detail-copy .ss-more{border-top-color:#eee7d7}
.sp-main .sp .pk-detail-copy .ss-more>summary:after{color:#92826b}
.sp-main .sp .pk-install{background:linear-gradient(150deg,#f7f4ec,#fffefa);border:1px solid #eee7d7;box-shadow:inset 0 1px 0 #fffefa,0 5px 12px -8px #746b5b25}
.sp-main .sp .pk-operation-label{color:#746b5b;border-bottom:1px solid #eee7d7}
.sp-main .sp .pk-steps li{border:1px solid #eee7d7;background:#fffefa;color:#92826b}
.sp-main .sp .pk-steps li[aria-current]{background:#f7f4ec;border-color:#eee7d7;color:#746b5b}
.sp-main .sp .pk-main-action{background:linear-gradient(#92826b,#92826b);border-color:#92826b;box-shadow:inset 0 1px 0 #fffefa35,0 4px 7px -4px #746b5b80}
.sp-main .sp .pk-main-action.is-copied{background:#49453d;border-color:#49453d}
.sp-main .sp .pk-install-divider{background:#eee7d7}
.sp-main .sp .pk-install .pk-small-note{color:#92826b!important}
.sp-main .sp .sp-detail-bottom{background:#fffefa}
.sp-main .sp .pk-detail-copy a{color:#92826b}
@media(max-width:760px){.sp-main .sp .pk-mobile-filter select{background:#f7f4ec}}
.sp-main > .sp{--ink:#24231f;--muted:#746b5b}
.sp-main .sp .pk-context,.sp-main .sp .pk-context a,.sp-main .sp .pk-context span{color:#746b5b}
.sp-main .sp .pk-eyebrow .pk-seal{background:linear-gradient(135deg,#746b5b,#49453d);color:#fffefa}
.sp-main .sp .pk-eyebrow>span:not(.pk-seal){color:#746b5b}
.sp-main .sp .pk-eyebrow{color:#49453d}
.sp-main .sp .pk-hero-copy>p{color:#49453d}
.sp-main .sp .pk-search input::placeholder{color:#746b5b}
.sp-main .sp .pk-search-hints{color:#746b5b}
.sp-main .sp .pk-search-hints a{color:#49453d}
.sp-main .sp .pk-feature-top{color:#eee7d7}
.sp-main .sp .pk-feature p{color:#f7f4ec}
.sp-main .sp .pk-feature-deliver span{color:#f7f4ec}
.sp-main .sp .pk-feature-bottom{color:#f7f4ec}
.sp-main .sp .pk-feature-bottom a{color:#fffefa}
.sp-main .sp .pk-sidebar-brand strong{color:#24231f}
.sp-main .sp .pk-sidebar-brand small{color:#746b5b}
.sp-main .sp .pk-aside-heading{color:#49453d}
.sp-main .sp .pk-audience a,.sp-main .sp .pk-categories a{color:#49453d}
.sp-main .sp .pk-nav-icon{color:#746b5b}
.sp-main .sp .pk-categories .pk-count{color:#49453d}
.sp-main .sp .pk-categories a[aria-current=page] .pk-count{background:#746b5b;color:#fffefa}
.sp-main .sp .sp-more-tasks{color:#49453d}
.sp-main .sp .pk-results-title span{color:#49453d}
.sp-main .sp .pk-results-tools select,.sp-main .sp .pk-saved-filter{color:#49453d}
.sp-main .sp .sp-extra-filters{color:#49453d}
.sp-main .sp .sp-extra-filters>summary{color:#49453d}
.sp-main .sp .sp-filter-row{color:#49453d}
.sp-main .sp .sp-filter-row select{color:#49453d}
.sp-main .sp .pk-skill h2{color:#24231f}
.sp-main .sp .pk-inline-author{color:#746b5b}
.sp-main .sp .pk-inline-author:before{color:#746b5b}
.sp-main .sp .pk-summary{color:#49453d}
.sp-main .sp .pk-deliverables small{color:#746b5b}
.sp-main .sp .pk-output-tags{color:#49453d}
.sp-main .sp .pk-output-tags span:not(:last-child):after{color:#746b5b}
.sp-main .sp .pk-condition{color:#49453d}
.sp-main .sp .ss-catalog-note,.sp-main .sp .sp-footnote{color:#746b5b}
.sp-main .sp .pk-intro>div:first-child p,.sp-main .sp .pk-intro-flow p{color:#746b5b}
.sp-main .sp .pk-intro-flow b{color:#746b5b}
.sp-main .sp .sp-dialog-toolbar h2{color:#49453d}
.sp-main .sp .sp-dialog-toolbar button{color:#49453d}
.sp-main .sp .pk-detail-head h2{color:#24231f}
.sp-main .sp .ss-dialog-meta,.sp-main .sp .ss-code{color:#746b5b}
.sp-main .sp .pk-detail-head .ss-dialog-summary{color:#49453d}
.sp-main .sp .pk-header-output small{color:#746b5b}
.sp-main .sp .pk-header-output strong{color:#49453d}
.sp-main .sp .pk-detail-nav>strong{color:#746b5b}
.sp-main .sp .pk-detail-nav button{color:#49453d}
.sp-main .sp .pk-detail-nav button span{color:#746b5b}
.sp-main .sp .pk-detail-copy h3{color:#24231f}
.sp-main .sp .pk-detail-copy section>h3:before{color:#746b5b}
.sp-main .sp .pk-detail-copy p,.sp-main .sp .pk-detail-copy li,
.sp-main .sp .pk-detail-copy .ss-guide-feature p,.sp-main .sp .pk-detail-copy #sp-io p,
.sp-main .sp .pk-detail-copy .ss-guide-workflow p,.sp-main .sp .pk-detail-copy #sp-deliverables li,
.sp-main .sp .pk-detail-copy details p,.sp-main .sp .pk-detail-copy .ss-more p,.sp-main .sp .pk-detail-copy .ss-more li{color:#49453d}
.sp-main .sp .pk-detail-copy .ss-guide-feature h4,.sp-main .sp .pk-detail-copy .ss-guide-workflow h4{color:#49453d}
.sp-main .sp .pk-detail-copy .ss-guide-workflow>li:before{color:#746b5b}
.sp-main .sp .pk-detail-copy .ss-more>summary{color:#49453d}
.sp-main .sp .pk-detail-copy a{color:#746b5b}
.sp-main .sp .pk-operation-label{color:#49453d}
.sp-main .sp .pk-steps li{color:#49453d}
.sp-main .sp .pk-install h3{color:#24231f}
.sp-main .sp .pk-install p{color:#49453d}
.sp-main .sp .pk-step-next{color:#49453d}
.sp-main .sp .pk-install .pk-small-note,.sp-main .sp .pk-install .pk-copy-hint,
.sp-main .sp .pk-install-footer,.sp-main .sp .pk-copy-feedback{color:#746b5b!important}
.sp-main .sp .ss-fullcommand>summary{color:#49453d}
.sp-main .sp .pk-task-label,.sp-main .sp .pk-back-install{color:#49453d}
.sp-main .sp .pk-task{color:#49453d}
.sp-main .sp .pk-install .sp-command-text{color:#49453d}
.sp-main .sp .sp-meta{color:#49453d}
.sp-main .sp .pk-detail-copy #sp-source details>summary{color:#49453d}
.sp-main .sp .sp-evidence blockquote{color:#49453d}
.sp-main .sp .sp-evidence small{color:#49453d}
.sp-main .sp .sp-feedback>summary,.sp-main .sp .sp-feedback label{color:#49453d}
.sp-main .sp .sp-feedback textarea,.sp-main .sp .sp-feedback select{color:#49453d}
.sp-main .sp .sp-actions a,.sp-main .sp .sp-actions button{color:#49453d}
@media(max-width:760px){.sp-main .sp .pk-mobile-filter select{color:#49453d}}
.sp-main .sp .pk-library-keywords{color:#49453d}
.sp-main .sp .pk-library-keywords span:before{background:#92826b;box-shadow:0 0 0 3px #92826b12}
.sp-main .sp .pk-open-skill{background:#24231f;border:1px solid #24231f;color:#fffefa;box-shadow:inset 0 1px 0 #fffefa12,0 2px 4px #24231f12}
.sp-main .sp .pk-open-skill:hover{background:#49453d;border-color:#49453d;color:#fffefa;box-shadow:0 3px 7px #24231f24}
.sp-main .sp .pk-open-skill:focus-visible,.sp-main .sp-dialog button:focus-visible,.sp-main .sp-dialog summary:focus-visible{outline:3px solid #c9bba1}
.sp-main .sp-dialog{border:1px solid #eee7d7;box-shadow:0 32px 90px #24231f4d,0 4px 18px #24231f26;scrollbar-color:#e4dac4 transparent}
.sp-main .sp-dialog::backdrop{background:#24231f59}
.sp-main .sp-dialog .sp-dialog-toolbar{background:#fffefa;border-bottom:1px solid #eee7d7}
.sp-main .sp-dialog .sp-dialog-toolbar h2{color:#49453d}
.sp-main .sp-dialog .sp-dialog-toolbar button{color:#49453d;background:#f7f4ec;border:1px solid #eee7d7}
.sp-main .sp-dialog .sp-dialog-toolbar button:hover{background:#f7f4ec;color:#24231f}
.sp-main .sp-dialog .pk-detail-head{background:linear-gradient(110deg,#fffefa,#f7f4ec);border-bottom:1px solid #eee7d7}
.sp-main .sp-dialog .ss-dialog-meta{color:#746b5b}
.sp-main .sp-dialog .ss-dialog-meta .ss-symbol{border:1px solid #fffefa;box-shadow:0 0 0 1px #eee7d7,0 4px 9px #49453d12}
.sp-main .sp-dialog .ss-code{color:#746b5b}
.sp-main .sp-dialog .pk-detail-head .ss-dialog-summary{color:#49453d}
.sp-main .sp-dialog .pk-header-output{background:#fffefa;border:1px solid #eee7d7;box-shadow:0 4px 13px #49453d08}
.sp-main .sp-dialog .pk-header-output small{color:#746b5b}
.sp-main .sp-dialog .pk-header-output strong{color:#49453d}
.sp-main .sp-dialog .pk-detail-nav{background:#fffefa;border:1px solid #eee7d7}
.sp-main .sp-dialog .pk-detail-nav>strong{color:#746b5b}
.sp-main .sp-dialog .pk-detail-nav button{color:#49453d}
.sp-main .sp-dialog .pk-detail-nav button span{color:#92826b}
.sp-main .sp-dialog .pk-detail-nav button[aria-current]{background:#49453d;border-color:#49453d;color:#fffefa;box-shadow:0 2px 5px #49453d15}
.sp-main .sp-dialog .pk-detail-nav button[aria-current] span{color:#eee7d7}
.sp-main .sp-dialog .pk-detail-nav button:hover:not([aria-current]){background:#f7f4ec;color:#49453d}
.sp-main .sp-dialog .pk-detail-copy h3{color:#24231f}
.sp-main .sp-dialog .pk-detail-copy section>h3:before{background:#f7f4ec;border-color:#eee7d7;color:#746b5b}
.sp-main .sp-dialog .pk-detail-copy p,.sp-main .sp-dialog .pk-detail-copy li,
.sp-main .sp-dialog .pk-detail-copy .ss-guide-feature p,.sp-main .sp-dialog .pk-detail-copy #sp-io p,
.sp-main .sp-dialog .pk-detail-copy .ss-guide-workflow p,.sp-main .sp-dialog .pk-detail-copy #sp-deliverables li,
.sp-main .sp-dialog .pk-detail-copy details p,.sp-main .sp-dialog .pk-detail-copy .ss-more p,.sp-main .sp-dialog .pk-detail-copy .ss-more li{color:#49453d}
.sp-main .sp-dialog .pk-detail-copy .ss-guide-feature{border:1px solid #eee7d7;background:#fffefa;box-shadow:0 2px 5px #24231f05}
.sp-main .sp-dialog .pk-detail-copy .ss-guide-feature h4,.sp-main .sp-dialog .pk-detail-copy .ss-guide-workflow h4{color:#49453d}
.sp-main .sp-dialog .pk-detail-copy #sp-io{background:#fffefa;border-color:#eee7d7}
.sp-main .sp-dialog .pk-detail-copy .ss-guide-workflow>li:before{color:#746b5b;background:#f7f4ec;border-color:#eee7d7}
.sp-main .sp-dialog .pk-detail-copy #sp-deliverables ul{background:#fffefa;border-color:#eee7d7}
.sp-main .sp-dialog .pk-detail-copy .ss-more{border:1px solid #eee7d7;background:#fffefa}
.sp-main .sp-dialog .pk-detail-copy .ss-more>summary{color:#49453d}
.sp-main .sp-dialog .pk-detail-copy .ss-more[open]{background:#fffefa}
.sp-main .sp-dialog .pk-install{background:#fffefa;border:1px solid #eee7d7;box-shadow:0 5px 20px #24231f0b}
.sp-main .sp-dialog .pk-operation-label{color:#49453d}
.sp-main .sp-dialog .pk-steps{background:#f7f4ec;border:1px solid #eee7d7}
.sp-main .sp-dialog .pk-steps li{color:#746b5b}
.sp-main .sp-dialog .pk-steps li[aria-current]{background:#fffefa;color:#49453d;box-shadow:0 1px 4px #49453d15}
.sp-main .sp-dialog .pk-install h3{color:#24231f}
.sp-main .sp-dialog .pk-install p{color:#746b5b}
.sp-main .sp-dialog .pk-main-action{background:#49453d;border:1px solid #49453d;box-shadow:inset 0 1px 0 #fffefa14,0 3px 6px #24231f1c}
.sp-main .sp-dialog .pk-main-action:hover{background:#49453d;border-color:#49453d}
.sp-main .sp-dialog .pk-main-action.is-copied{background:#49453d;border-color:#49453d}
.sp-main .sp-dialog .pk-step-next{background:#f7f4ec;border:1px solid #eee7d7;color:#49453d}
.sp-main .sp-dialog .pk-install .pk-small-note,.sp-main .sp-dialog .pk-install .pk-copy-hint,.sp-main .sp-dialog .pk-install-footer{color:#746b5b!important}
.sp-main .sp-dialog .ss-fullcommand>summary,.sp-main .sp-dialog .pk-back-install,.sp-main .sp-dialog .pk-task-label{color:#746b5b}
.sp-main .sp-dialog .pk-task{border-color:#eee7d7;background:#fffefa}
.sp-main .sp-dialog .sp-detail-bottom{border-top:1px solid #eee7d7;background:#fffefa}
.sp-main .sp-dialog .sp-loading-head{background:linear-gradient(110deg,#fffefa,#f7f4ec);border-bottom:1px solid #eee7d7}
.sp-main .sp-dialog .sp-loading-status{color:#746b5b}
.sp-main .sp-dialog .sp-loading-dot{background:#746b5b;box-shadow:0 0 0 4px #eee7d7}
.sp-main .sp-dialog .sp-skeleton{background:linear-gradient(100deg,#f7f4ec 15%,#f7f4ec 45%,#f7f4ec 75%)}
.sp-main .sp-dialog .sp-loading-rail{background:#fffefa;border:1px solid #eee7d7}
.sp-main .sp-dialog .sp-loading-action{border:1px solid #eee7d7}
.sp-main .sp-dialog .sp-detail-error h3{color:#49453d}
.sp-main .sp-dialog .sp-detail-error p{color:#746b5b}
.sp-main .sp-dialog .sp-load-retry{background:#49453d;color:#fffefa;border:1px solid #49453d}
@media(max-width:760px){.sp-main .sp-dialog .pk-mobile-install-link{border:1px solid #eee7d7;background:#fffefa;color:#49453d}}
.sp-main .sp .pk-install{background:linear-gradient(155deg,#24231f,#24231f);border-color:#49453d;color:#f7f4ec;box-shadow:inset 0 1px 0 #fffefa0c,0 8px 24px #24231f14;scrollbar-color:#746b5b #24231f}
.sp-main .sp .pk-install .pk-operation-label{color:#f7f4ec;border-color:#49453d}
.sp-main .sp .pk-install .pk-steps{background:#24231f;border-color:#49453d}
.sp-main .sp .pk-install .pk-steps li{color:#eee7d7}
.sp-main .sp .pk-install h3{color:#fffefa}
.sp-main .sp .pk-install p{color:#e4dac4}
.sp-main .sp .pk-install .pk-small-note,.sp-main .sp .pk-install .pk-copy-hint,.sp-main .sp .pk-install .pk-install-footer{color:#e4dac4!important}
.sp-main .sp .pk-install .pk-install-divider{background:#49453d}
.sp-main .sp .pk-install .pk-task-label,.sp-main .sp .pk-install .ss-fullcommand>summary{color:#eee7d7}
.sp-main .sp .pk-install .pk-task,.sp-main .sp .pk-install .sp-command-text{background:#24231f;border:1px solid #746b5b;color:#fffefa;box-shadow:inset 0 1px 2px #1d1d1a12}
.sp-main .sp .pk-install .pk-task:focus,.sp-main .sp .pk-install .sp-command-text:focus{outline:2px solid #e4dac4;border-color:#e4dac4}
.sp-main .sp .pk-install .pk-main-action{background:#92826b;border-color:#c9bba1;color:#fffefa;box-shadow:inset 0 1px 0 #fffefa26,0 3px 8px #1d1d1a16}
.sp-main .sp .pk-install .pk-main-action:hover{background:#92826b;border-color:#e4dac4}
.sp-main .sp .pk-install .pk-main-action.is-copied{background:#49453d;border-color:#92826b}
.sp-main .sp .pk-install .sp-command-status{background:#24231f;border-color:#746b5b;color:#f7f4ec}
.sp-main .sp .pk-install .sp-command-status.is-success{background:#24231f;border-color:#746b5b;color:#eee7d7}
.sp-main .sp .pk-install .sp-command-status.is-error{background:#24231f;border-color:#92826b;color:#f7f4ec}
.sp-main .sp-dialog .pk-detail-copy p,.sp-main .sp-dialog .pk-detail-copy li,
.sp-main .sp-dialog .pk-detail-copy .ss-guide-feature p,.sp-main .sp-dialog .pk-detail-copy #sp-io p,
.sp-main .sp-dialog .pk-detail-copy .ss-guide-workflow p,.sp-main .sp-dialog .pk-detail-copy #sp-deliverables li,
.sp-main .sp-dialog .pk-detail-copy details p,.sp-main .sp-dialog .pk-detail-copy .ss-more p,.sp-main .sp-dialog .pk-detail-copy .ss-more li{color:#49453d}
.sp-main .sp-dialog .pk-detail-copy .ss-guide-feature{box-shadow:0 1px 3px #24231f04}
.sp-main>.sp{--ink:#20201c;--muted:#716a5d;--blue:#94701f;--line:#ded8c9;--purple:#94701f;--surface:#f5f2e9;background:#f5f2e9!important;color:#20201c}
html body .sp-main .sp .pk-hero{background:#fffefa!important;background-image:none!important;border-color:#ded8c9!important;box-shadow:0 3px 18px rgba(24,23,19,.04)!important}
html body .sp-main .sp .pk-hero-copy{background:#fffefa!important;background-image:none!important}
html body .sp-main .sp .pk-eyebrow{color:#776b51!important}
html body .sp-main .sp .pk-seal{background:#20201c!important;color:#e8c970!important;box-shadow:none!important}
html body .sp-main .sp .pk-library-title{color:#20201c!important}
html body .sp-main .sp .pk-library-title span{color:#94701f!important}
html body .sp-main .sp .pk-library-keywords,html body .sp-main .sp .pk-search-hints{color:#756d5d!important}
html body .sp-main .sp .pk-library-keywords span:before{background:#b28b2c!important;box-shadow:none!important}
html body .sp-main .sp .pk-search{background:#fffefa!important;border-color:#d4c9ac!important;box-shadow:0 2px 7px rgba(24,23,19,.03)!important}
html body .sp-main .sp .pk-search input{background:transparent!important;color:#20201c!important}
html body .sp-main .sp .pk-search button{background:#e7bd45!important;color:#221e14!important;border-color:#d9ae35!important;box-shadow:0 2px 5px rgba(104,76,16,.1)!important}
html body .sp-main .sp .pk-search-hints a{background:#faf7ee!important;border-color:#e2dac7!important;color:#77653d!important}
html body .sp-main .sp .pk-feature{background:#22221e!important;background-image:none!important;border-color:#22221e!important;color:#fff9e9!important}
html body .sp-main .sp .pk-feature h2{color:#fff9e9!important}
html body .sp-main .sp .pk-feature p,html body .sp-main .sp .pk-feature-top{color:#d4c9b0!important}
html body .sp-main .sp .pk-feature-bottom{border-color:#4e493c!important}
html body .sp-main .sp .pk-feature-bottom a{color:#e8c66b!important}
html body .sp-main .sp .pk-sidebar{background:#eeeadf!important;border-color:#ded7c6!important;background-image:none!important}
html body .sp-main .sp .pk-sidebar-mark{background:#27261f!important;color:#e3bd57!important;box-shadow:none!important}
html body .sp-main .sp .pk-sidebar-brand,html body .sp-main .sp .pk-sidebar-brand strong{color:#28251d!important}
html body .sp-main .sp .pk-sidebar-brand p,html body .sp-main .sp .pk-aside-heading{color:#746a55!important}
html body .sp-main .sp .pk-sidebar-brand{border-color:#d9d1be!important}
html body .sp-main .sp .pk-audience a{color:#665e4f!important}
html body .sp-main .sp .pk-audience a[aria-current]{background:#fff8df!important;color:#715417!important;border-color:#ddc783!important;box-shadow:none!important}
html body .sp-main .sp .pk-categories a{color:#665e4f!important}
html body .sp-main .sp .pk-categories a[aria-current]{background:#26261f!important;color:#f0d587!important;border-color:#26261f!important;box-shadow:none!important}
html body .sp-main .sp .pk-nav-icon,html body .sp-main .sp .pk-count{background:#e6decb!important;color:#7b6740!important;border-color:#d9cfb8!important}
html body .sp-main .sp .pk-categories a[aria-current] .pk-count{background:#50482f!important;color:#f4d779!important}
html body .sp-main .sp .pk-results-title h2{color:#22221d!important}
html body .sp-main .sp .ss-count{background:#eee6d1!important;border-color:#ded1ab!important;color:#816c39!important}
html body .sp-main .sp .pk-results-head{border-color:#ded8c9!important}
html body .sp-main .sp .pk-saved-filter{color:#746b57!important}
html body .sp-main .sp .pk-results-tools select,html body .sp-main .sp .pk-mobile-filter select{background:#fffefa!important;border-color:#ded5c0!important;color:#665e4e!important}
html body .sp-main .sp .sp-wf-entry-primary{background:#26261f!important;color:#efd38c!important;border-color:#26261f!important;box-shadow:0 2px 5px rgba(24,23,19,.09)!important}
html body .sp-main .sp .sp-wf-entry-build{background:#e7bd45!important;color:#2c2515!important;border-color:#d9b13b!important;box-shadow:0 2px 5px rgba(104,76,16,.08)!important}
html body .sp-main .sp .pk-skill{background:#fffefa!important;background-image:none!important;border-color:#ded8c9!important;box-shadow:0 2px 7px rgba(24,23,19,.04)!important}
html body .sp-main .sp .pk-skill-icon{background:#f3e8c7!important;color:#9b761f!important;border-color:#ead9a7!important;box-shadow:0 2px 4px rgba(91,69,16,.05)!important}
html body .sp-main .sp .ss-cardtitle,html body .sp-main .sp .ss-cardtitle a{color:#26251f!important}
html body .sp-main .sp .pk-card-category{color:#96701b!important}
html body .sp-main .sp .pk-inline-author,html body .sp-main .sp .pk-summary,html body .sp-main .sp .pk-condition{color:#756e5e!important}
html body .sp-main .sp .pk-deliverables{background:#f5f1e5!important;border-color:#eee6d1!important}
html body .sp-main .sp .pk-deliverables>span{color:#8b784c!important}
html body .sp-main .sp .pk-output-tags,html body .sp-main .sp .pk-output-tags strong{color:#55472b!important}
html body .sp-main .sp .pk-skill-foot{border-color:#e8e0cd!important}
html body .sp-main .sp .pk-open-skill{background:#29271f!important;color:#fff6da!important;border-color:#29271f!important;box-shadow:0 2px 4px rgba(24,23,19,.09)!important}
html body .sp-main .sp .sp-wf-add{background:#fffefa!important;color:#7c621f!important;border-color:#d9c99a!important}
html body .sp-main .sp .sp-save{color:#a79a7c!important}
html body .sp-main .sp .pk-intro{background:#eee8d9!important;border-color:#ded5c1!important;color:#29261e!important}
html body .sp-main .sp .pk-intro p,html body .sp-main .sp .pk-intro strong{color:#746952!important}
html body .sp-main .sp .sp-footnote,html body .sp-main .sp .ss-catalog-note{color:#8b806a!important}

/* Existing first-use route: scoped layout, no extra onboarding or route. */
html body .sp-main .sp[data-view=start] .pk-feature-bottom{display:none}
html body .sp-main .sp[data-view=start] .pk-feature{justify-content:center}
html body .sp-main .sp[data-view=start] .sp-guide{
  box-sizing:border-box;max-width:1280px;margin:28px auto 0;padding:30px;
  background:#fffefa;border:1px solid #ded5c0;border-radius:16px;
  box-shadow:0 2px 8px #24201706;
}
html body .sp-main .sp[data-view=start] .sp-guide>h2{margin:0 0 10px;font-size:28px;line-height:1.5;font-weight:650;letter-spacing:-.025em;color:#28271f}
html body .sp-main .sp[data-view=start] .sp-guide>.sp-lead{margin:0 0 26px;max-width:960px;font-size:15px;line-height:1.9;color:#746a55}
html body .sp-main .sp[data-view=start] .sp-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;counter-reset:skill-guide;margin:0 0 24px;padding:0}
html body .sp-main .sp[data-view=start] .sp-steps>li{box-sizing:border-box;counter-increment:skill-guide;min-width:0;margin:0;padding:22px 20px;background:linear-gradient(145deg,#faf7ef,#f3eee1);border:1px solid #e3dac6;border-radius:12px}
html body .sp-main .sp[data-view=start] .sp-steps>li::before{content:counter(skill-guide,decimal-leading-zero);display:block;margin-bottom:18px;font-size:28px;line-height:1;font-weight:600;font-variant-numeric:tabular-nums;color:#947126}
html body .sp-main .sp[data-view=start] .sp-steps h3{margin:0 0 10px;font-size:16px;font-weight:650;line-height:1.6;color:#322e23;text-wrap:balance}
html body .sp-main .sp[data-view=start] .sp-steps p{margin:0;font-size:14px;line-height:1.85;color:#756a53;overflow-wrap:anywhere}
html body .sp-main .sp[data-view=start] .sp-example{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px;padding:18px 20px;background:#f0e6c9;border:1px solid #e1d2a7;border-radius:11px}
html body .sp-main .sp[data-view=start] .sp-example h3{margin:0;font-size:15px;line-height:1.8;font-weight:650;color:#564626}
html body .sp-main .sp[data-view=start] .sp-example p{margin:0;font-size:14px;line-height:1.85;color:#6b5a36;overflow-wrap:anywhere}
html body .sp-main .sp[data-view=start] .sp-guide>.sp-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;margin-top:22px;padding:11px 20px;box-sizing:border-box;background:#e7bd45!important;border:1px solid #cda736;border-radius:9px;color:#302714!important;font-size:14px;font-weight:600;text-decoration:none;line-height:1.5}
html body .sp-main .sp[data-view=start] .sp-guide>.sp-button svg{width:18px;height:18px;flex:none}
html body .sp-main .sp[data-view=start] .sp-guide>.sp-button:focus-visible{outline:2px solid #96701b;outline-offset:3px}
@media(max-width:1100px){html body .sp-main .sp[data-view=start] .sp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){html body .sp-main .sp[data-view=start] .sp-guide{margin-top:18px;padding:22px 16px;border-radius:13px}html body .sp-main .sp[data-view=start] .sp-guide>h2{font-size:23px}html body .sp-main .sp[data-view=start] .sp-guide>.sp-lead{font-size:14px;margin-bottom:20px}html body .sp-main .sp[data-view=start] .sp-steps{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:18px}html body .sp-main .sp[data-view=start] .sp-steps>li{padding:19px 18px}html body .sp-main .sp[data-view=start] .sp-steps>li::before{font-size:25px;margin-bottom:12px}html body .sp-main .sp[data-view=start] .sp-example{grid-template-columns:minmax(0,1fr);gap:6px;padding:16px}html body .sp-main .sp[data-view=start] .sp-guide>.sp-button{width:100%;min-height:48px;margin-top:18px}}

/* Warm charcoal task panel. Static illustration, same original guide link. */
html body .sp-main .sp .pk-feature.pk-task-guide{
  display:flex;flex-direction:column;justify-content:flex-start!important;
  padding:23px 26px 21px;isolation:isolate;
  background:radial-gradient(ellipse at 95% 0%,#a78b502b,transparent 62%),linear-gradient(138deg,#35352d,#22231f 80%)!important;
  border:0!important;box-shadow:inset 0 1px 0 #ffffff10!important;
}
html body .sp-main .sp .pk-task-guide::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch' seed='9'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' opacity='.65' filter='url(%23grain)'/%3E%3C/svg%3E");
}
html body .sp-main .sp .pk-task-guide .pk-feature-top{gap:12px;line-height:1.5;font-size:12px;letter-spacing:.055em}
html body .sp-main .sp .pk-task-guide .pk-task-label{color:#dfc789}
html body .sp-main .sp .pk-task-guide .pk-task-kicker{border:0!important;padding:0!important;color:#c0b9a6;font-size:10px;letter-spacing:0}
html body .sp-main .sp .pk-task-guide h2{font-size:26px;line-height:1.45;letter-spacing:-.025em;margin:14px 0 8px;font-weight:600;color:#fff8e6!important;text-wrap:balance}
html body .sp-main .sp .pk-task-guide h2>span{white-space:nowrap}
html body .sp-main .sp .pk-task-guide h2>.pk-task-emphasis{color:#e4c67d}
html body .sp-main .sp .pk-task-guide>p{margin:0;font-size:14px;line-height:1.8;color:#d0c8b6!important;max-width:460px}
html body .sp-main .sp .pk-task-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;margin:24px 0 0;padding:0}
html body .sp-main .sp .pk-task-route>li{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0;margin:0;padding:0}
html body .sp-main .sp .pk-task-route>li+li::before{content:"→";position:absolute;left:-20px;top:10px;width:18px;text-align:center;font-size:18px;line-height:24px;font-weight:400;color:#c6ac73}
html body .sp-main .sp .pk-task-node{display:grid;place-items:center;width:44px;height:44px;box-sizing:border-box;background:linear-gradient(135deg,#ffffff0d,#ffffff03);border:1px solid #bfa66b55;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff09;color:#e4cb8c}
html body .sp-main .sp .pk-task-node svg{width:23px;height:23px}
html body .sp-main .sp .pk-task-caption{display:flex;align-items:baseline;justify-content:center;gap:6px;font-size:13px;line-height:1.5;color:#f1e7ce;white-space:nowrap}
html body .sp-main .sp .pk-task-caption small{font-size:10px;font-variant-numeric:tabular-nums;color:#c2ae7f}
html body .sp-main .sp .pk-task-guide .pk-feature-bottom{justify-content:flex-end;border:0!important;padding:0;margin-top:18px}
html body .sp-main .sp .pk-task-guide .pk-feature-bottom a{display:inline-flex;justify-content:center;gap:9px;box-sizing:border-box;min-height:44px;padding:8px 13px;border:1px solid #c7a85a;border-radius:8px;background:linear-gradient(135deg,#e9d392,#d2b36a);color:#302817!important;font-size:12px;font-weight:600;line-height:1.5;box-shadow:inset 0 1px 0 #fff3c055;text-decoration:none}
html body .sp-main .sp .pk-task-guide .pk-feature-bottom a svg{width:17px;height:17px}
html body .sp-main .sp .pk-task-guide .pk-feature-bottom a:hover{background:linear-gradient(135deg,#f0dda1,#dfc17c)}
html body .sp-main .sp .pk-task-guide .pk-feature-bottom a:focus-visible{outline:2px solid #f2d88c;outline-offset:3px}
@media(max-width:1199px){html body .sp-main .sp .pk-feature.pk-task-guide{padding:21px 21px 20px}html body .sp-main .sp .pk-task-guide h2{font-size:22px}html body .sp-main .sp .pk-task-guide .pk-task-kicker{font-size:9px}}
@media(max-width:767px){html body .sp-main .sp .pk-feature.pk-task-guide{padding:22px 20px}html body .sp-main .sp .pk-task-guide h2{font-size:22px;margin-top:13px}html body .sp-main .sp .pk-task-guide>p{font-size:13px}html body .sp-main .sp .pk-task-route{gap:17px;margin-top:20px}html body .sp-main .sp .pk-task-route>li+li::before{left:-17px;font-size:16px}html body .sp-main .sp .pk-task-caption{font-size:12px;gap:4px}html body .sp-main .sp .pk-task-caption small{font-size:9px}}

/* Skill catalog cards: one CSS-pixel type reduction, preserve hit targets. */
html body .sp-main .sp .pk-skill h2{font-size:17px}
html body .sp-main .sp .pk-skill .pk-summary{font-size:13px}
html body .sp-main .sp .pk-skill .pk-card-category,
html body .sp-main .sp .pk-skill .pk-inline-author,
html body .sp-main .sp .pk-skill .pk-deliverables small,
html body .sp-main .sp .pk-skill .pk-output-tags,
html body .sp-main .sp .pk-skill .pk-condition,
html body .sp-main .sp .pk-skill .pk-open-skill,
html body .sp-main .sp .pk-skill .sp-wf-add{font-size:12px}