/* Toolkit page (/toolkit). One serif moment: the h1 "Toolkit." (the Company Check-Up highlight is Ember, not serif). */
.tk-main{padding-top:0;padding-bottom:0;}
.tk-main *{margin-block-start:0;}
.tk-main .sec-wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 var(--gutter);}
.tk-main p{margin:0;}

/* top: title + intro side by side */
.tk-top{padding-top:clamp(140px,15vw,180px);}
.top-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:end;}
@media (max-width:860px){.top-row{grid-template-columns:1fr;gap:16px;}}
.tk-h1{margin:0;font-size:clamp(40px,5vw,68px);line-height:1.02;letter-spacing:-.035em;}
.tk-h1 em{color:var(--ember);}
.tk-intro{margin:0 0 8px!important;max-width:44ch;font:400 19px/1.6 var(--sans);color:#3a3836;}

/* library: tabs + grid */
.tk-lib{padding-top:clamp(32px,4vw,48px);}
.tabs{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--ink);}
.tabs button{font:500 14px var(--sans);border:1px solid rgba(20,20,20,.2);background:transparent;color:var(--ink);border-radius:999px;padding:9px 16px;cursor:pointer;min-height:40px;}
.tabs button.on{background:var(--ink);color:#fff;border-color:var(--ink);}
.tabs button:focus-visible{outline:2px solid var(--ember);outline-offset:3px;}
.free{display:inline-block;background:var(--ember-btn);color:#fff;font:700 11px var(--sans);letter-spacing:.1em;padding:4px 9px;border-radius:999px;}
.soon-tag{display:inline-block;border:1px solid rgba(20,20,20,.25);color:var(--ash);font:700 11px var(--sans);letter-spacing:.1em;padding:3px 8px;border-radius:999px;}
.k{font:600 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ash);}
.tk-tags{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.tk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;}
.tk{border:1px solid #E4E1DD;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:10px;background:var(--ivory);}
.tk .art{height:120px;border-radius:12px;background:#ECEADC;display:grid;place-items:center;}
.tk .art svg{height:72px;width:auto;}
.tk h3{margin:0;font:700 21px/1.2 var(--head);letter-spacing:-.015em;}
.tk p{font:400 15px/1.5 var(--sans);color:#3a3836;}
.tk.soon{opacity:.62;}
.tk.feat{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch;background:#ECEADC;}
.tk.feat .art{height:auto;min-height:220px;}
.tk.feat .art.dark{background:var(--ink);}
.tk.feat .art svg{height:90px;}
.tk-body{display:flex;flex-direction:column;gap:10px;justify-content:center;}
.tk.feat h2{margin:0;font-size:clamp(26px,2.6vw,34px);line-height:1.15;letter-spacing:-.025em;}
.tk .meta{font:500 13.5px var(--sans);color:var(--ash);}
.tk-btn{align-self:flex-start;margin-top:6px;display:inline-flex;align-items:center;gap:8px;padding:20px 42px;border-radius:999px;background:var(--ember-btn);color:#fff;font:600 18px/1 var(--sans);transition:transform .2s;}
.tk-btn:hover{transform:translateY(-1px);}
.tk-btn:focus-visible{outline:2px solid var(--ember);outline-offset:3px;}
.tk-grid .empty{grid-column:1/-1;color:var(--ash);padding:12px 0;}
@media (max-width:900px){.tk-grid{grid-template-columns:1fr 1fr;} .tk.feat{grid-column:span 2;}}
@media (max-width:600px){.tk-grid,.tk.feat{grid-template-columns:1fr;} .tk.feat{grid-column:auto;}}
/* phones: coming-soon items become hairline rows, not more stacked boxes */
@media (max-width:600px){
  .tk-grid{gap:0;}
  .tk:not(.feat){border:0;border-bottom:1px solid #E4E1DD;border-radius:0;padding:18px 0;background:transparent;display:grid;grid-template-columns:72px minmax(0,1fr);gap:4px 14px;}
  .tk:not(.feat) .art{height:56px;grid-row:span 3;border-radius:8px;}
  .tk:not(.feat) .art svg{height:36px;}
  .tk.feat{margin-bottom:8px;}
}

/* Company Check-Up (dark) */
.cu-sec{padding-top:clamp(48px,6vw,72px);padding-bottom:clamp(64px,8vw,100px);}
.cu{background:var(--ink);color:#fff;border-radius:24px;padding:clamp(24px,4.5vw,52px);}
.cu .k.light{color:var(--muted);}
.cu .cu-title{margin:10px 0!important;font-size:clamp(30px,3.6vw,44px);line-height:1.1;letter-spacing:-.025em;color:#fff;}
.cu .cu-title em{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit;color:var(--ember);}
.cu-lede{max-width:62ch;font:400 17px/1.6 var(--sans);color:rgba(255,255,255,.72)!important;}
.ladder{display:flex;flex-direction:column;gap:10px;margin:28px 0 12px!important;}
.lstep{display:grid;grid-template-columns:96px 1fr;gap:20px;align-items:center;background:#1D1A18;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px 20px;}
.lstep:nth-child(2){margin-left:clamp(0px,2.5vw,28px);}
.lstep:nth-child(3){margin-left:clamp(0px,5vw,56px);}
.lstep .d{display:flex;gap:5px;}
.lstep .d i{width:16px;height:30px;border-radius:3px;background:rgba(255,255,255,.12);}
.lstep .d i.on{background:var(--ember);}
.lstep-title{margin-bottom:2px!important;font:700 20px var(--head);letter-spacing:-.015em;color:#fff;}
.lstep-title .free{font-size:10px;vertical-align:middle;margin-left:6px;}
.lstep-desc{font:400 14.5px/1.5 var(--sans);color:rgba(255,255,255,.68)!important;}
@media (max-width:640px){.lstep{grid-template-columns:1fr;gap:10px;margin-left:0!important;}}
.addon{margin:6px 0 24px!important;font:500 14px var(--sans);color:var(--muted)!important;}
/* optional card image instead of the line drawing */
.tk .art.has-img{padding:0;overflow:hidden;background:#ECEADC;}
.tk .art.has-img img{width:100%;height:100%;object-fit:cover;display:block;}
.tk.feat .art.has-img{min-height:240px;}

/* Paul QC (2026-10-24) */
@media (min-width:901px){.tk.feat{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);} .tk.feat .art{min-height:260px;}}
@media (max-width:640px){
  .ladder{gap:0;border-top:1px solid rgba(255,255,255,.14);}
  .lstep{background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.14);border-radius:0;padding:18px 0;}
}