/* Desert Tortoise WEAP kit: sign-in, dashboard and records pages. Matches the course colors. */
:root{--forest:#1f3a2c;--green:#315b46;--green-top:#47745a;--edge:#193c2a;--gold:#c89321;--gold-soft:#fbf2d8;--soft:#f5f7f3;--line:#e3e6dc;--ink:#1f3a2c;--muted:#50645a;--ok:#2f6b45;--no:#9b3b2a}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font:16px/1.55 Archivo,Arial,sans-serif;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--green)}
h1{font-size:30px;line-height:1.15;margin:8px 0 10px}h2{font-size:20px;margin:0 0 10px}h3{font-size:16px;margin:16px 0 6px}
.k-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:12px 16px;border-bottom:1px solid var(--line);background:#fff}
.k-in strong{display:block}.k-in small{color:var(--muted);font-size:12px}
.k-main{flex:1;width:100%;max-width:980px;margin:0 auto;padding:20px 16px 40px}
.k-foot{padding:16px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;text-align:center}
.k-card{border:1px solid var(--line);border-radius:14px;padding:18px;margin:0 0 18px;background:#fff}
.k-narrow{max-width:440px;margin:24px auto}
.k-muted{color:var(--muted)}.k-small{font-size:13px}
.k-form{display:grid;gap:12px;margin:12px 0}
.k-form label{display:grid;gap:4px;font-weight:600;font-size:14px}.k-form label small{font-weight:400;color:var(--muted)}
.k-form input:not([type=checkbox]),.k-form select,.k-form textarea{font:inherit;padding:11px 12px;border:1px solid #c9cfc3;border-radius:8px;width:100%;background:#fff;color:var(--ink)}
.k-form input:focus,.k-form select:focus,.k-form textarea:focus{outline:3px solid #c8932155;border-color:var(--gold)}
.k-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end}
.k-check{display:flex!important;align-items:center;gap:8px;font-weight:500!important}
.k-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:8px;border:1px solid var(--edge);background:linear-gradient(180deg,var(--green-top),var(--green));color:#fff;font:600 15px Archivo,Arial,sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 4px 0 var(--edge)}
.k-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--edge)}
.k-btn-ghost{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--green);font:600 14px Archivo,Arial,sans-serif;text-decoration:none;cursor:pointer}
.k-linkish{background:none;border:0;padding:4px 6px;color:var(--green);font:600 13px Archivo,Arial,sans-serif;text-decoration:underline;cursor:pointer}
.k-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.k-inline{display:inline}
.k-error{background:#fbeceb;color:var(--no);padding:10px 12px;border-radius:8px}
.k-ok{background:#e9f3ec;color:var(--ok);padding:10px 12px;border-radius:8px}
.k-warn{background:var(--gold-soft);padding:10px 12px;border-radius:8px}
.k-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.k-table{border-collapse:collapse;width:100%;font-size:14px}.k-table th,.k-table td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.k-table th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.k-off{opacity:.55}.k-due{color:#9a6a0e;font-weight:600}
.k-actions{white-space:nowrap}
.k-links{list-style:none;padding:0;display:grid;gap:14px}.k-links li{display:grid;gap:6px}
.k-links input{font:13px ui-monospace,Menlo,monospace;padding:8px;border:1px solid var(--line);border-radius:6px;width:100%}
.k-add summary,details summary{cursor:pointer;font-weight:600;color:var(--green);margin-top:10px}
.k-plain:not(body){padding-left:18px}.k-checks{list-style:none;padding:0}.k-checks .ok{color:var(--ok)}.k-checks .bad{color:var(--no);font-weight:600}
@media (max-width:560px){h1{font-size:26px}.k-tiles{grid-template-columns:1fr}}
.k-soft{background:var(--soft)}

/* ---------- App shell: sidebar + page (signed-in) ---------- */
:root{--side:#1f3a2c;--side-ink:#e9eee6;--side-muted:#a9b8ad;--cream:#f7f5ee;--serif:Lora,Georgia,serif}
body.k-app{display:block;background:var(--cream)}
.k-side{position:fixed;inset:0 auto 0 0;width:264px;background:var(--side);color:var(--side-ink);display:flex;flex-direction:column;z-index:30}
.k-brand{display:flex;align-items:flex-start;justify-content:space-between;padding:28px 22px 18px}
.k-brand a{color:inherit;text-decoration:none}
.k-brand strong{display:block;font:500 23px/1.15 var(--serif);letter-spacing:.2px}
.k-brand small{display:block;margin-top:10px;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.k-close{display:none;background:none;border:1px solid #ffffff33;border-radius:50%;width:36px;height:36px;color:inherit;cursor:pointer;align-items:center;justify-content:center}
.k-nav{flex:1;overflow-y:auto;padding:4px 12px}
.k-nav-label{margin:18px 10px 6px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--side-muted)}
.k-nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;margin:2px 0;border-radius:10px;border:1px solid transparent;color:var(--side-ink);text-decoration:none;font-size:15px;font-weight:500}
.k-nav-item span{flex:1}
.k-nav-item:hover{background:#ffffff0f}
.k-nav-item.on{background:#ffffff14;border-color:#ffffff55}
.k-nav-item.on .k-ic:first-child{color:var(--gold)}
.k-ic{width:20px;height:20px;flex:none}
.k-nav-item .k-ic:last-child:not(:first-child){width:15px;height:15px;opacity:.6}
.k-side-foot{border-top:1px solid #ffffff1f;padding:10px 12px 16px}
.k-me{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;color:var(--side-ink);text-decoration:none}
.k-me:hover{background:#ffffff0f}
.k-me strong{display:block;font-size:14px;font-weight:600}.k-me small{display:block;font-size:12px;color:var(--side-muted)}.k-me>span:last-child{min-width:0}.k-me small span{white-space:nowrap}
.k-avatar{width:38px;height:38px;flex:none;border-radius:50%;background:var(--gold);color:var(--forest);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
.k-page{margin-left:264px;min-height:100vh;display:flex;flex-direction:column}
.k-top{display:flex;align-items:center;gap:12px;padding:16px 32px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.k-menu{display:none;background:none;border:1px solid var(--line);border-radius:10px;width:42px;height:42px;align-items:center;justify-content:center;color:var(--ink);cursor:pointer}
.k-crumb{flex:1;font-size:15px;color:var(--muted);display:flex;align-items:center;gap:10px;min-width:0}
.k-crumb a{color:var(--muted);text-decoration:none}.k-crumb span:last-child{color:var(--ink)}
.k-sep{color:#c3cbbf}
.k-org{font-size:13px;color:var(--muted);white-space:nowrap}
.k-home{gap:8px;white-space:nowrap;flex:none}.k-home .k-ic{width:18px;height:18px}.k-home:hover{border-color:currentColor}
@media (max-width:420px){.k-home-long{display:none}}
.k-app .k-main{max-width:1180px;width:100%;margin:0;padding:34px 32px 48px}
.k-app .k-foot{border:0;text-align:left;padding:0 32px 24px}
.k-shade{display:none}
.k-head{margin:0 0 26px}.k-head h1{font:500 40px/1.1 var(--serif);margin:0 0 8px}.k-head p{margin:0;font-size:17px;color:var(--muted)}
.k-head-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.k-h2{font:500 22px/1.2 var(--serif);margin:0 0 14px}
.k-h2row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.k-h2row a{font-weight:600;font-size:14px;text-decoration:none}
.k-sec{margin:0 0 34px}
.k-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0 0 30px}
.k-stats div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.k-stats small{display:block;font-size:12.5px;color:var(--muted)}.k-stats strong{display:block;font:500 26px/1.2 var(--serif);margin-top:4px}
/* Packages: owned in color, the rest grayscale and locked */
.k-packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.k-pack{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s}
.k-pack:hover{transform:translateY(-2px);box-shadow:0 10px 22px #18332614}
.k-pack-img{width:100%;height:132px;display:flex;align-items:center;justify-content:center;background:var(--soft);border-radius:10px;margin-bottom:10px}
.k-pack-img img{max-width:130px;max-height:120px;object-fit:contain}
.k-pack strong{font-size:17px}.k-pack small{font-size:13px;color:var(--muted);line-height:1.4}
.k-pack em{margin-top:8px;font-style:normal;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:6px}
.k-pack.owned{border-color:#b9cdb9;box-shadow:inset 0 0 0 1px #b9cdb9}.k-pack.owned em{color:var(--green)}
.k-pack.locked .k-pack-img img{filter:grayscale(1);opacity:.55}.k-pack.locked strong{color:#5f6b63}.k-pack.locked em{color:#8a8f86}
.k-pack em .k-ic{width:15px;height:15px}
/* Tool cards */
.k-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.k-card-tool{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s}
a.k-card-tool:hover{transform:translateY(-2px);box-shadow:0 12px 26px #18332618}
.k-prev{position:relative;display:block;background:#eceee8;padding:22px 26px 0;height:190px;overflow:hidden}
.k-paper{display:block;height:100%;background:#fff;border-radius:6px 6px 0 0;box-shadow:0 2px 10px #0000001a;overflow:hidden}
.k-paper img{width:100%;display:block}
.k-prev-empty{display:flex;height:100%;align-items:center;justify-content:center;color:#b8bfb4}.k-prev-empty .k-ic{width:44px;height:44px}
.k-state{position:absolute;top:12px;right:12px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px}
.k-state.lock{background:var(--gold-soft);color:#7a5a12}.k-state.soon{background:#e9ece5;color:var(--muted)}
.k-card-body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 22px}
.k-tags{display:flex;flex-wrap:wrap;gap:6px}
.k-tags span{font:600 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;padding:6px 8px;border-radius:5px;background:#eaf1ec;color:var(--green)}
.k-card-body strong{font:500 22px/1.2 var(--serif)}
.k-ask{color:var(--muted);font-size:15.5px;line-height:1.5}
.is-locked .k-paper,.is-soon .k-paper{filter:grayscale(1);opacity:.6}.is-locked .k-tags span,.is-soon .k-tags span{background:#eef0ec;color:#7d857f}
.is-soon{cursor:default}
/* Tools page groups and filter tabs */
.k-tabs{display:inline-flex;background:#eceee8;border-radius:12px;padding:5px;gap:2px}
.k-tabs button{font:600 15px Archivo,Arial,sans-serif;border:0;background:none;color:var(--muted);padding:10px 18px;border-radius:9px;cursor:pointer}
.k-tabs button[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 1px 3px #0000001a}
.k-group{margin:30px 0 10px}
.k-group-head{display:flex;align-items:center;gap:16px;margin:0 0 18px}
.k-letter{width:64px;height:64px;flex:none;border-radius:10px;background:var(--forest);color:#fff;display:flex;align-items:center;justify-content:center;font:500 34px var(--serif)}
.k-group-head div{flex:1}
.k-group-kicker{margin:0;font-weight:700;font-size:18px;letter-spacing:.04em;text-transform:uppercase;color:#9a6a0e}
.k-group-lead{margin:2px 0 0;color:var(--muted)}
.k-count{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
/* Phones and small tablets: sidebar becomes a slide-out drawer */
@media (max-width:900px){
  .k-side{transform:translateX(-100%);transition:transform .2s ease;width:280px;box-shadow:0 0 40px #0006}
  .k-nav-open .k-side{transform:none}
  .k-nav-open .k-shade{display:block;position:fixed;inset:0;background:#0f1f1766;z-index:20}
  .k-close{display:inline-flex}
  .k-page{margin-left:0}
  .k-menu{display:inline-flex}
  .k-top{padding:12px 16px}.k-org{display:none}
  .k-app .k-main{padding:24px 16px 40px}.k-app .k-foot{padding:0 16px 20px}
  .k-head h1{font-size:32px}
  .k-stats{grid-template-columns:1fr 1fr;gap:10px}.k-stats div{padding:12px}.k-stats strong{font-size:21px}
  .k-cards{grid-template-columns:1fr}
  .k-tabs{width:100%;overflow-x:auto}.k-tabs button{flex:1;padding:9px 12px}
}
@media (prefers-reduced-motion:reduce){.k-side,.k-pack,.k-card-tool{transition:none}}
.k-prev-icon{display:flex;height:100%;align-items:center;justify-content:center;background:var(--soft)}.k-prev-icon img{width:auto!important;max-height:140px;margin-top:6px}
.k-stats a{text-decoration:none;font-size:18px}.k-stat-sm{font-size:18px!important}

/* ---------- 2026-09-27 refresh: white, warbler yellow and black, green accents; floating sidebar with the logo ---------- */
:root{--ink:#16181a;--muted:#5c6360;--line:#e6e4dc;--yellow:#f5c400;--yellow-soft:#fff6cc;--yellow-ink:#6b5300;--green:#2f6b4f;--forest:#1f3a2c;--serif:'Source Serif 4',Georgia,serif}
body{color:var(--ink)}
a{color:var(--green)}
body.k-app{background:#faf9f5}
/* faint contour lines behind the tools area */
body.k-app:before{content:"";position:fixed;inset:0 0 0 288px;background:url(img/contours.svg?v=2) center/cover no-repeat,radial-gradient(ellipse 55% 45% at 90% -5%,#fff3b8 0,#fff3b800 70%);opacity:.9;pointer-events:none;z-index:0}
.k-page{position:relative;z-index:1}
.k-side{top:16px;bottom:16px;left:16px;width:256px;border-radius:22px;border:1.5px solid #dcd9ce;background:#ffffffeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--ink);box-shadow:0 20px 50px #16181a14}
.k-page{margin-left:288px}
.k-brand{padding:24px 22px 8px}
.k-brand img{display:block;width:100%;max-width:200px;height:auto}
.k-brand strong{font:600 12px/1.2 Archivo,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#6a6f6b;margin-top:10px}
.k-brand small{display:none}
.k-close{border-color:var(--line);color:var(--ink)}
.k-nav-label{color:#8a8f8a}
.k-nav-item{color:#2a2e2c;border-radius:12px;font-weight:500}
.k-nav-item:hover{background:#16181a08}
.k-nav-item.on{background:var(--ink);border-color:var(--ink);color:#fff}
.k-nav-item.on .k-ic:first-child{color:var(--yellow)}
.k-side-foot{border-top:1px solid var(--line)}
.k-me{color:var(--ink)}.k-me:hover{background:#16181a08}.k-me small{color:var(--muted)}
.k-avatar{background:var(--ink);color:var(--yellow)}
.k-top{background:transparent;border:0;padding:26px 32px 0;position:static}
.k-org{display:none}
.k-sep{color:#cfcfc6}
.k-head h1{font:700 46px/1.1 var(--serif);letter-spacing:-.01em}
.k-h2,.k-stats strong,.k-card-body strong{font-family:var(--serif);font-weight:700}
.k-stats div{border-radius:16px;border:0;box-shadow:0 8px 24px #16181a0f}
.k-stats div:first-child{background:var(--ink);color:#fff}.k-stats div:first-child small{color:#c9c9c2}.k-stats div:first-child strong{color:var(--yellow)}
.k-pack,.k-card-tool,.k-card{border-radius:18px;border:0;box-shadow:0 10px 30px #16181a12}
.k-pack-img,.k-prev-icon{background:linear-gradient(180deg,#fbfaf4,#f2f0e8);border-radius:14px}
.k-pack.owned{box-shadow:0 0 0 2px var(--yellow),0 14px 34px #16181a14}
.k-pack.owned em{color:var(--green)}
.k-pack.locked em{color:var(--ink)}
.k-prev{background:linear-gradient(180deg,#f4f3ee,#eceae2)}
.k-tags span{background:#edf4ef;color:var(--green)}
.k-state.lock{display:inline-flex;align-items:center;gap:5px;background:var(--ink);color:var(--yellow)}.k-state .k-ic{width:13px;height:13px}
.is-soon{cursor:pointer}
.k-letter{background:var(--ink);color:var(--yellow);font-weight:700}
.k-group-kicker{color:var(--ink)}
.k-tabs{background:#efeee8}
.k-btn{background:var(--ink);border-color:#000;box-shadow:0 4px 0 #000;color:#fff}
.k-btn:hover{background:#2a2e2c}
.k-btn-ghost{color:var(--ink);border-color:#d9d7cf}
.k-form input:focus,.k-form select:focus,.k-form textarea:focus{outline:3px solid #f5c40066;border-color:#d8ad00}
.k-warn{background:var(--yellow-soft)}
.k-bar{background:#fff}.k-bar .k-in{margin-right:auto}.k-bar .k-in img{display:block;height:46px;width:auto}
body.k-plain{background:radial-gradient(ellipse 70% 50% at 85% 0,#fffbe6 0,#fffbe600 70%),linear-gradient(180deg,#ffffff 0,#f7f6f1 100%) fixed}
/* Unlock page */
.k-unlock{display:grid;grid-template-columns:300px 1fr;gap:36px;align-items:start;background:#fff;border-radius:22px;padding:32px;box-shadow:0 14px 40px #16181a12}
.k-unlock-img{background:linear-gradient(180deg,#fbfaf4,#f2f0e8);border-radius:18px;display:flex;align-items:center;justify-content:center;padding:24px}
.k-unlock-img img{max-width:100%;height:auto}
.k-kicker{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--yellow-ink)}
.k-unlock h1{font:700 34px/1.12 var(--serif);margin:0 0 8px}
.k-lead{margin:0 0 16px;color:var(--muted);font-size:17px}
.k-price{font:700 28px var(--serif);margin:0 0 14px}
.k-incl{margin:0 0 22px;padding:0;list-style:none}
.k-incl li{padding:9px 0 9px 26px;position:relative;border-top:1px solid #efeee8}
.k-incl li:before{content:"";position:absolute;left:4px;top:16px;width:9px;height:9px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 2px var(--ink) inset}
.k-dev{background:var(--yellow-soft);border-radius:14px;padding:16px 18px;margin:0 0 16px}.k-dev p{margin:6px 0 0;color:#4d4a3a}
@media (max-width:900px){
  .k-side{top:0;bottom:0;left:0;border-radius:0 22px 22px 0}
  .k-page{margin-left:0}
  body.k-app:before{inset:0}
  .k-top{padding:14px 16px 0}
  .k-head h1{font-size:34px}
  .k-unlock{grid-template-columns:1fr;padding:22px}
}
.k-pack-price{margin-top:8px;font:700 15px var(--serif);color:var(--ink)}
.k-h2row .k-aud{margin-bottom:14px}.k-aud button{font-size:14px;padding:8px 16px}.k-aud button[aria-selected=true]{background:var(--ink);color:#fff}
@media (max-width:640px){.k-h2row{flex-wrap:wrap}.k-aud{width:100%}}
/* Lifelike package photos fill the tile */
.k-pack-img{height:158px;padding:0;overflow:hidden;background:#f3ecdf}.k-pack-img img{max-width:none;max-height:none;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.k-pack:hover .k-pack-img img{transform:scale(1.04)}
.k-pack.locked .k-pack-img img{filter:grayscale(.85);opacity:.75}
.k-unlock-img{padding:0;overflow:hidden}.k-unlock-img img{width:100%;height:auto;display:block}
/* Company kits (staff only) */
.k-kit{padding:26px 28px}
.k-kit h3{font:700 18px/1.3 var(--serif);margin:26px 0 10px}
.k-kit-head{display:flex;gap:18px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line)}
.k-kit-head img{width:84px;height:84px;border-radius:16px;object-fit:cover;flex:none}
.k-kit-head .k-h2{margin:0 0 4px}.k-kit-head p{margin:0}
.k-kit-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:8px 34px}
.k-kit-grid p{margin:0 0 12px;line-height:1.55}
.k-install{margin-top:14px;padding:12px 14px;border-radius:10px;background:var(--cream)}
.k-install summary{cursor:pointer;font-weight:600}.k-install p{margin:10px 0 0}
.k-files{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.k-file{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:inherit;background:#fff}
.k-file:hover{border-color:var(--green)}
.k-file .k-ic{flex:none;color:var(--green)}
.k-file span{display:grid;gap:2px;min-width:0}.k-file small{color:var(--muted);line-height:1.4}
.k-file em{margin-left:auto;font-style:normal;font-size:12px;font-weight:700;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:2px 7px}
.k-steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}
.k-steps li{counter-increment:s;position:relative;padding:12px 14px 12px 52px;border-radius:12px;background:var(--cream);display:grid;gap:3px;line-height:1.5}
.k-steps li:before{content:counter(s);position:absolute;left:14px;top:12px;width:26px;height:26px;border-radius:50%;background:var(--forest);color:#fff;font:700 13px/26px Archivo,Arial,sans-serif;text-align:center}
.k-note{margin:22px 0 0;padding:12px 16px;border-left:4px solid var(--gold);background:var(--gold-soft);border-radius:0 10px 10px 0;line-height:1.5}
@media (max-width:760px){.k-kit{padding:20px 18px}.k-kit-grid,.k-steps{grid-template-columns:1fr}}

/* Keep the nest artwork centered within the existing dashboard preview. */
.k-paper img[src$="/nest-buffer-vireo.jpg"]{height:100%;object-fit:cover;object-position:center}

/* Membership and individual purchase options. */
.k-purchase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.k-purchase-card{background:#fff;border:1px solid #e0e3d8;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.k-purchase-card>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.k-purchase-card>div{padding:24px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.k-purchase-card h2{font-size:24px;line-height:1.2;margin:0 0 12px}.k-purchase-card .k-price{margin:0 0 12px}.k-purchase-card form{margin-top:auto}.k-purchase-section{margin-top:34px}
@media(max-width:700px){.k-purchase-grid{grid-template-columns:1fr}.k-purchase-card>img{height:auto;aspect-ratio:16/9}.k-purchase-card>div{padding:20px}}
@media(max-width:480px){.k-top{flex-wrap:wrap}.k-crumb:not(:empty){order:3;flex-basis:100%;flex-wrap:wrap}.k-home{margin-left:auto}}

/* Let the audience tabs hide the other package group. */
.k-packs[hidden]{display:none}

/* Public browsing and free accounts */
.k-selected-offer{outline:3px solid var(--green,#2f6b4f);outline-offset:3px;scroll-margin-top:24px}.k-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.k-form input{max-width:100%;box-sizing:border-box}.k-side-foot .k-btn{display:block;text-align:center}.k-head .k-row{flex-wrap:wrap;gap:12px}

.k-form .k-check{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6}.k-form .k-check input{width:18px;min-width:18px;height:18px;margin-top:3px}

.k-free-tool{display:grid;grid-template-columns:1.1fr 1fr}.k-free-tool>img{height:100%;min-height:240px;aspect-ratio:auto;object-fit:cover}.k-free-tool>div{justify-content:center}@media(max-width:700px){.k-free-tool{grid-template-columns:1fr}.k-free-tool>img{height:auto;min-height:0;aspect-ratio:16/9}}

/* A labeled entry point to the dashboard panel on phones and tablets. */
.k-menu{width:auto;min-height:44px;height:auto;padding:10px 13px;gap:9px;border:0;background:#202722;color:#fff;font:700 14px/1.2 Archivo,Arial,sans-serif;white-space:nowrap}
.k-menu:focus-visible{outline:3px solid #cba148;outline-offset:3px}
.k-menu .k-ic{width:19px;height:19px}
@media(max-width:900px){.k-nav-open{overflow:hidden}}
/* Dashboard quick row (Oct 3, 2026): pinned project app + "Continue where you left off" replace the stat tiles. */
.k-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:0 0 22px}
.k-quick:not(:has(a:not([hidden]))){display:none}
.k-pinned,.k-continue{display:grid;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:#fff;box-shadow:0 8px 24px #16181a0f;color:inherit;text-decoration:none;min-height:72px}
.k-pinned{grid-template-columns:56px 1fr auto;background:var(--ink);color:#fff}
.k-pinned-img img{width:56px;height:56px;border-radius:10px;object-fit:cover;display:block}
.k-pinned small,.k-continue small{display:block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;opacity:.75}
.k-pinned strong{display:block;font:700 17px/1.25 var(--serif);color:var(--yellow)}
.k-pinned>span:nth-child(2)>span{display:block;font-size:13.5px;color:#d9d9d2;line-height:1.35}
.k-pinned em{font-style:normal;font-weight:700;white-space:nowrap}
.k-continue[hidden]{display:none}.k-continue strong{display:block;font:700 16px/1.3 var(--serif)}
.k-pinned:hover,.k-continue:hover{transform:translateY(-1px)}
@media(max-width:520px){.k-pinned{grid-template-columns:48px 1fr;gap:12px}.k-pinned-img img{width:48px;height:48px}.k-pinned em{display:none}.k-quick{grid-template-columns:1fr}}
.k-gear-link{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:#fff;box-shadow:0 8px 24px #16181a0f;text-decoration:none;color:inherit;max-width:560px}
.k-gear-link .k-ic{width:28px;height:28px;flex:0 0 28px}.k-gear-link small{display:block;color:var(--muted);font-size:13.5px}
/* Phone pass (Oct 3, 2026): shorter cards so a phone shows more than one thing per screen. */
@media(max-width:520px){
 .k-fp-body>span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .k-packs{grid-template-columns:1fr;gap:10px}
 .k-pack{display:grid;grid-template-columns:88px 1fr;grid-template-rows:auto auto auto;column-gap:14px;row-gap:2px;align-items:start;padding:12px}
 .k-pack-img{grid-row:1/4;width:88px;height:88px;margin:0;border-radius:12px}
 .k-pack strong{font-size:15.5px;line-height:1.3}.k-pack small{font-size:12.5px}.k-pack em{margin-top:4px}
 .k-pack-price{grid-column:2}
 .k-prev{height:150px;padding:16px 20px 0}
}
@media(max-width:420px){.k-group-head{flex-wrap:wrap}.k-group-head .k-count{flex-basis:100%;margin-left:0}.k-group-head>div{flex:1;min-width:0}}

.ttb-install .k-btn,.ttb-install .k-btn:visited{color:#fff}
/* Tool type tag (Oct 4, 2026): first tag on every tool card */
.k-tags span.k-type{background:#1f3a2c;color:#fff}
.k-tags span.k-type-app{background:#f5c400;color:#16181a}
.k-tags span.k-type-tool{background:#315b46;color:#fff}
.k-tags span.k-type-guide{background:#e7eef6;color:#2f5576}
.k-tags span.k-type-template{background:#f4ecda;color:#7a5a14}
.is-soon .k-tags span.k-type,.is-locked .k-tags span.k-type{opacity:.75}

/* Home v2 (Oct 6, 2026): Request a custom tool band under All tools. */
.k-req{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;background:#1f3a2c;color:#fff;border-radius:18px;padding:26px 28px;margin-top:8px}
.k-req small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#cfd9d0}
.k-req h2{margin:6px 0 8px;font:600 1.6rem Lora,Georgia,serif;color:#fff}
.k-req p{margin:0;color:#e4ebe4;line-height:1.55;max-width:60ch}
.k-req .k-pa-cta-btn{white-space:nowrap}
@media(max-width:760px){.k-req{grid-template-columns:1fr;padding:20px}}

/* Company workspace band + license pill (Oct 6, 2026). */
.k-co-band{display:flex;align-items:center;gap:16px;padding:12px 18px;margin:0 0 18px;background:#fff;border:1px solid #d6ddd2;border-radius:14px;box-shadow:0 1px 2px #1f3a2c14}
.k-co-band img{height:38px;width:auto;max-width:160px;object-fit:contain}
.k-co-txt{display:flex;flex-direction:column;gap:2px;min-width:0}.k-co-txt strong{font:600 16px/1.2 Archivo,Arial,sans-serif;color:#1f3a2c}.k-co-txt span{font-size:12px;color:#50645a}
.k-lic{margin-left:auto;font:700 11px Archivo,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#1f3a2c;background:#eef4ef;border:1px solid #d6e2d9;border-radius:999px;padding:6px 10px;white-space:nowrap;font-style:normal}
.k-lic-row{margin:-6px 0 14px}.k-lic-row .k-lic{margin-left:0}
@media(max-width:600px){.k-co-band{flex-wrap:wrap;gap:10px}.k-co-band img{height:30px}.k-lic{margin-left:0}}
.k-co-name{font:800 18px Archivo,Arial,sans-serif;color:#1f3a2c;letter-spacing:.02em}

/* Compact v2 home (Oct 6, 2026): slimmer featured card and continue row. */
.k-feature-slim .k-feature-pack{padding:12px 16px;gap:14px;align-items:center}
.k-feature-slim .k-fp-img{width:64px;height:64px;flex:0 0 64px}
.k-feature-slim .k-fp-img img{width:64px;height:64px;object-fit:cover;border-radius:10px}
.k-feature-slim .k-fp-body>span:not(.k-fp-state){display:none}
.k-feature-slim .k-fp-body strong{font-size:17px}
.k-feature-slim .k-fp-body small{font-size:11px}
.k-quick-slim{margin:0 0 14px}
.k-quick-slim .k-continue{display:flex;align-items:baseline;gap:10px;padding:8px 14px;border-radius:10px;box-shadow:none;border:1px solid #d6ddd2}
.k-quick-slim .k-continue small{font-size:11px}
.k-quick-slim .k-continue strong{font-size:15px}
.k-home-mine,.k-home-all{margin-top:6px}
@media(max-width:600px){.k-feature-slim .k-fp-img,.k-feature-slim .k-fp-img img{width:52px;height:52px;flex-basis:52px}}
.k-quick-slim,.k-quick-slim .k-continue{min-height:0!important;height:auto!important}.k-quick-slim .k-continue{padding:9px 14px!important}

/* One tool grid with filter chips + compact cards (Oct 6, 2026). */
.k-h2row-wrap{flex-wrap:wrap;gap:10px}
.k-chips{display:flex;flex-wrap:wrap;gap:6px}
.k-chip{min-height:34px;padding:5px 12px;border-radius:999px;border:1px solid #c9cfc3;background:#fff;color:#1f3a2c;font:600 13px Archivo,Arial,sans-serif;cursor:pointer}
.k-chip.on{background:#1f3a2c;color:#fff;border-color:#1f3a2c}
.k-chip:focus-visible{outline:2px solid #c89321;outline-offset:2px}
.k-tf{display:grid;min-width:0}.k-tf[hidden]{display:none}
.k-tf>a,.k-tf>span,.k-tf>div{height:100%}
@media(max-width:600px){.k-chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch}.k-chip{white-space:nowrap}}
.k-kits-v2 .k-pack-price{display:none}
.k-kits-v2 .k-pack small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.k-grp{margin:18px 0 10px;font:600 15px/1.3 Archivo,Arial,sans-serif;color:#1f3a2c;letter-spacing:.02em;display:flex;align-items:baseline;gap:10px}
.k-grp small{font-weight:500;color:#50645a;font-size:12px}
.k-home-all>.k-h2row+.k-grp{margin-top:4px}

/* Apply-all (Oct 6, 2026) */
.is-locked .k-paper{filter:none;opacity:1}.is-locked .k-tags span{background:#eef4ef;color:#1f3a2c}
.k-state.kit{background:#fff;color:#1f3a2c;border:1px solid #1f3a2c;font-size:11.5px;letter-spacing:.02em}
.k-whatsnew{margin:-4px 0 14px;padding:8px 12px;border-left:3px solid #c89321;background:#fff;border-radius:0 10px 10px 0;font-size:14px;color:#1f3a2c}.k-whatsnew strong{color:#8a6414;margin-right:6px}.k-whatsnew small{color:#50645a;margin-left:6px}
.k-req{background:#fff;color:#1f3a2c;border:1px solid #d6ddd2;box-shadow:0 1px 2px #1f3a2c14}.k-req h2{color:#1f3a2c}.k-req p{color:#50645a}.k-req small{color:#50645a}
/* Sidebar icons: filled in color with the dark outline, like the house (Oct 6, 2026). */
.k-nav-item:not(.k-nav-dashboard):not(.k-nav-site) .k-ic:first-child path,.k-nav-item:not(.k-nav-dashboard):not(.k-nav-site) .k-ic:first-child circle,.k-nav-item:not(.k-nav-dashboard):not(.k-nav-site) .k-ic:first-child rect{fill:var(--nav-fill,none)}
.k-nav-tools{--nav-fill:#b9c0bc}.k-nav-account{--nav-fill:#9cbad6}.k-nav-billing{--nav-fill:#e3c470}.k-nav-install{--nav-fill:#8fcfc9}.k-nav-help{--nav-fill:#f0a58a}
.k-nav-records{--nav-fill:#b5aadc}.k-nav-owner{--nav-fill:#9cbad6}.k-nav-people{--nav-fill:#8fcfc9}.k-nav-workspaces{--nav-fill:#e3c470}.k-nav-subscribers{--nav-fill:#9fcfb2}.k-nav-reviews{--nav-fill:#f0a58a}.k-nav-interest{--nav-fill:#b5aadc}.k-nav-access{--nav-fill:#9fcfb2}.k-nav-company{--nav-fill:#9fcfb2}.k-nav-pricing{--nav-fill:#e3c470}.k-nav-projects{--nav-fill:#9cbad6}
.k-nav-item:not(.k-nav-dashboard) .k-ic:first-child{color:#1b2a22}.k-nav-item.on:not(.k-nav-dashboard) .k-ic:first-child{color:#fff}
.k-nav-item .k-ic:last-child:not(:first-child){opacity:.6}

/* Corner ribbon on tools you can buy (Oct 7, 2026): classic folded corner ribbon that wraps past the card edge, reads Unlock;
   on hover the scissors snip and the band parts in the middle. */
.k-state.kit-left{right:auto;left:12px}
.k-card-tool:has(.k-ribbon-wrap){overflow:visible}
.k-card-tool:has(.k-ribbon-wrap)>.k-prev{border-top-left-radius:inherit;border-top-right-radius:inherit;overflow:visible}
.k-ribbon-wrap{position:absolute;top:0;right:0;width:0;height:0;pointer-events:none;z-index:3}
.k-ribbon{position:absolute;top:-7px;right:-7px;width:104px;height:104px;overflow:hidden}
.k-ribbon::before,.k-ribbon::after{content:'';position:absolute;z-index:-1;border:7px solid #6e120a;border-top-color:transparent;border-right-color:transparent}
.k-ribbon::before{top:0;left:12px}.k-ribbon::after{bottom:12px;right:0}
.k-rbn{position:absolute;display:block;width:156px;height:26px;left:-14px;top:24px;transform:rotate(45deg);filter:drop-shadow(0 3px 3px rgba(60,10,5,.35))}
.k-rbn i{position:absolute;top:0;width:50%;height:100%;background:linear-gradient(180deg,#ef6a55 0,#d7382a 30%,#c02818 62%,#951b10 100%);transition:transform .35s cubic-bezier(.3,1.4,.5,1)}
.k-rbn i::after{content:'';position:absolute;left:0;right:0;top:3px;height:1px;border-top:1px dashed rgba(255,226,200,.55)}
.k-rbn i::before{content:'';position:absolute;left:0;right:0;bottom:3px;height:1px;border-top:1px dashed rgba(255,226,200,.4)}
.k-rbn-l{left:0}.k-rbn-r{right:0}
.k-rbn b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font:700 10.5px/1 Archivo,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 1px rgba(0,0,0,.35);transition:opacity .2s ease}
.k-sc{position:absolute;right:16px;top:10px;width:54px;height:54px;opacity:0;transform:translate(-12px,12px) rotate(45deg);transition:opacity .18s ease,transform .25s ease;stroke:#1b2a22;stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round;overflow:visible;filter:drop-shadow(0 2px 2px rgba(20,30,25,.35))}
.k-sc .bl{fill:url(#kscg)}.k-sc .hd{fill:#2f5d48}.k-sc .hole{fill:#fff}.k-sc .pv{fill:#d4a846}.k-sc .pvl{fill:none;stroke:#7a5a12;stroke-width:.9}
.k-sc circle{fill:#fff}.k-sc-pin{fill:#1b2a22;stroke:none}
.k-sc-a,.k-sc-b{transform-origin:24px 24px;transform-box:view-box}
.k-ribbon-tip{position:absolute;right:6px;top:84px;background:#1f3a2c;color:#fff;font:600 11px Archivo,Arial,sans-serif;padding:5px 8px;border-radius:7px;white-space:nowrap;opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease}
.k-card-tool:hover .k-sc,.k-card-tool:focus-visible .k-sc{opacity:1;transform:translate(0,0) rotate(45deg)}
.k-card-tool:hover .k-ribbon-tip,.k-card-tool:focus-visible .k-ribbon-tip{opacity:1;transform:translateY(0)}
.k-card-tool:hover .k-rbn-l,.k-card-tool:focus-visible .k-rbn-l{transform:translateX(-5px) rotate(-3deg);transition-delay:.55s}
.k-card-tool:hover .k-rbn-r,.k-card-tool:focus-visible .k-rbn-r{transform:translateX(5px) rotate(3deg);transition-delay:.55s}
.k-card-tool:hover .k-rbn b,.k-card-tool:focus-visible .k-rbn b{opacity:0;transition-delay:.45s}
@keyframes k-snip{0%,100%{transform:rotate(0)}50%{transform:rotate(-14deg)}}@keyframes k-snip2{0%,100%{transform:rotate(0)}50%{transform:rotate(14deg)}}
.k-card-tool:hover .k-sc-a{animation:k-snip .5s ease-in-out .1s 1}.k-card-tool:hover .k-sc-b{animation:k-snip2 .5s ease-in-out .1s 1}
@media (prefers-reduced-motion:reduce){.k-card-tool:hover .k-sc-a,.k-card-tool:hover .k-sc-b{animation:none}.k-sc,.k-ribbon-tip,.k-rbn i,.k-rbn b{transition:none}}
@media (hover:none){.k-sc{display:none}.k-ribbon-tip{display:none}}
.k-co-band img{height:44px;max-width:60px}
.k-nav-tools .k-ic circle{fill:#fff}.k-nav-tools .k-ic path:nth-of-type(1){fill:none}
/* One row for the workstation strip and the featured app (Oct 7, 2026), so the tools start higher. */
.k-topline{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:12px;align-items:stretch;margin:0 0 18px}
.k-topline>*{margin:0!important;min-width:0}
.k-topline .k-co-band{height:100%}
.k-topline .k-lic-row{align-self:center}
.k-topline .k-feature-slim,.k-topline .k-feature-slim .k-feature-pack{height:100%;margin:0}
.k-topline .k-feature-slim .k-feature-pack{padding:10px 14px}
.k-topline:has(.k-lic-row){grid-template-columns:auto minmax(0,1fr)}
@media(max-width:900px){.k-topline,.k-topline:has(.k-lic-row){grid-template-columns:1fr}}
.k-topline .k-co-txt strong,.k-topline .k-co-txt span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k-nav-item.k-nav-tools.k-nav-tools .k-ic:first-child .bn{fill:#6f7c84}.k-nav-item.k-nav-tools.k-nav-tools .k-ic:first-child .ln{fill:#cfe0e3}.k-nav-item.k-nav-tools.k-nav-tools .k-ic:first-child .hl{fill:none;stroke:#fff;stroke-width:1.2}
.k-nav-item.k-nav-tools.k-nav-tools .k-ic:first-child{stroke-width:1.05;width:24px;height:24px}.k-nav-item.k-nav-tools.k-nav-tools .k-ic:first-child .bn{fill:#8a979f}.k-nav-item.k-nav-tools.k-nav-tools .k-ic:first-child .ln{fill:#d9e8ea}
.k-ribbon-tip{display:none!important}
.k-nav-site>span{min-width:0;font-size:13px;line-height:1.3}.k-nav-site .k-ic:last-child:not(:first-child){display:none}
.k-type-toolbox{background:#f5c400;color:#16181a}
.k-tbx-list{display:flex;flex-direction:column;gap:4px;margin-top:8px;font-size:14.5px;line-height:1.35;color:#1f3a2c}.k-tbx-list>span{display:flex;align-items:baseline;gap:8px}.k-tbx-list>span::before{content:'';flex:0 0 6px;height:6px;border-radius:50%;background:#c89321;transform:translateY(-2px)}
.k-filter{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 14px}.k-filter label{display:flex}.k-filter input,.k-filter select{min-height:40px;padding:8px 12px;border:1px solid #c9cfc3;border-radius:10px;background:#fff;color:#1f3a2c;font:500 14px Archivo,Arial,sans-serif}.k-f-search{flex:1 1 220px}.k-f-search input{width:100%}.k-filter input:focus,.k-filter select:focus{outline:2px solid #c89321;outline-offset:1px}.k-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.k-grp[hidden],.k-cards[hidden],.k-card-tool[hidden]{display:none!important}
.k-nav-mytools{--nav-fill:#9fcfb2}
.k-quick-mine{margin-bottom:8px}.k-qm{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.k-qm-item{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;background:#fff;border:1px solid #d6ddd2;border-radius:12px;text-decoration:none;color:#1f3a2c;box-shadow:0 1px 2px #1f3a2c10;transition:border-color .15s,transform .15s}.k-qm-item:hover,.k-qm-item:focus-visible{border-color:#1f3a2c;transform:translateY(-1px)}.k-qm-img{flex:0 0 48px;width:48px;height:48px;border-radius:9px;overflow:hidden;background:#eef0ec}.k-qm-img img{width:100%;height:100%;object-fit:cover;display:block}.k-qm-t{font:600 14.5px/1.3 Archivo,Arial,sans-serif;min-width:0}
.k-nav-item.k-nav-mytools.k-nav-mytools .k-ic:first-child{stroke-width:1.2}.k-nav-item.k-nav-mytools.k-nav-mytools .k-ic:first-child .bs{fill:none}.k-nav-item.k-nav-mytools.k-nav-mytools .k-ic:first-child .bp{fill:#9fcfb2}.k-nav-item.k-nav-mytools.k-nav-mytools .k-ic:first-child .fl{fill:#5f9a7b}.k-nav-item.k-nav-mytools.k-nav-mytools .k-ic:first-child .pk{fill:#d4a846}.k-nav-item.k-nav-mytools.k-nav-mytools .k-ic:first-child .bk{fill:#fff}
.k-nav-item.k-nav-mytools.k-nav-mytools .k-ic:first-child{width:24px;height:24px}
.k-side-ws{display:flex;align-items:center;gap:10px;margin:2px 4px 14px;padding:10px;border:1px solid #d6ddd2;border-radius:12px;background:#fff}.k-side-ws img{flex:0 0 34px;width:34px;height:34px;object-fit:contain}.k-side-ws-t{display:flex;flex-direction:column;gap:2px;min-width:0}.k-side-ws-t strong{font:600 13.5px/1.25 Archivo,Arial,sans-serif;color:#1f3a2c}.k-side-ws-t small{font-size:11px;color:#50645a;line-height:1.3}.k-side-ws .k-lic{margin:4px 0 0;align-self:flex-start;font-size:10px;padding:4px 8px}.k-side-ind{border:0;background:none;padding:0 6px;margin-bottom:10px}
.k-topline:not(:has(>:nth-child(2))){grid-template-columns:1fr}
.k-cards-mine{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1100px){.k-cards-mine{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.k-cards-mine{grid-template-columns:1fr}}
.k-tw{display:flex;flex-direction:column;gap:8px}.k-tw>.k-card-tool{flex:1}.k-mt-form{margin:0}.k-mt-btn{width:100%;min-height:38px;border:1px solid #c9cfc3;background:#fff;color:#50645a;border-radius:10px;font:600 13px Archivo,Arial,sans-serif;cursor:pointer}.k-mt-btn:hover{border-color:#1f3a2c;color:#1f3a2c}.k-mt-btn.add{background:#1f3a2c;color:#fff;border-color:#1f3a2c}.k-mt-in{display:block;text-align:center;font:600 12.5px Archivo,Arial,sans-serif;color:#2f7a5d;padding:9px 0}.k-mt-in::before{content:'✓ '}
.k-gearbox{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:360px;margin:14px 0 0;padding:12px 16px;background:#fff;border:1px dashed #c9cfc3;border-radius:12px;color:#50645a}.k-gearbox strong{font:600 15px Archivo,Arial,sans-serif;color:#1f3a2c}.k-gearbox .k-state{position:static}
.k-tw{display:grid!important;grid-template-rows:1fr auto;gap:8px;position:relative}.k-tw>.k-card-tool{height:auto!important;flex:none!important}
.k-tw>.k-mt-in{position:absolute;top:12px;left:12px;z-index:3;padding:5px 10px 5px 8px;background:#fff;border:1px solid #2f7a5d;border-radius:999px;font:700 11.5px Archivo,Arial,sans-serif;color:#2f7a5d;box-shadow:0 1px 2px #1f3a2c1f}
.k-filter select{min-width:180px}
.k-tw>.k-mt-form.rm{position:absolute;right:12px;bottom:12px;z-index:3;margin:0}.k-mt-x{position:relative;width:28px;height:28px;border-radius:50%;border:1px solid #c9cfc3;background:#fff;color:#50645a;font:600 17px/1 Archivo,Arial,sans-serif;display:grid;place-items:center;cursor:pointer;padding:0}.k-mt-x:hover,.k-mt-x:focus-visible{border-color:#b8402f;color:#b8402f;outline:none}.k-mt-x em{position:absolute;right:0;bottom:34px;white-space:nowrap;background:#1f3a2c;color:#fff;font:600 11.5px Archivo,Arial,sans-serif;font-style:normal;padding:5px 8px;border-radius:7px;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .15s,transform .15s}.k-mt-x:hover em,.k-mt-x:focus-visible em{opacity:1;transform:translateY(0)}
.k-tw>.k-mt-in{top:auto;left:auto;right:12px;bottom:12px;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#2f7a5d;color:#fff;display:grid;place-items:center;font:700 15px/1 Archivo,Arial,sans-serif;box-shadow:0 1px 3px #1f3a2c40;cursor:default}.k-tw>.k-mt-in::before{content:none}.k-tw>.k-mt-in em{position:absolute;right:0;bottom:34px;white-space:nowrap;background:#1f3a2c;color:#fff;font:600 11.5px Archivo,Arial,sans-serif;font-style:normal;padding:5px 8px;border-radius:7px;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .15s,transform .15s}.k-tw>.k-mt-in:hover em,.k-tw>.k-mt-in:focus-visible em{opacity:1;transform:translateY(0)}
/* In My Tools: green frame around the card plus the check (Oct 7, 2026) */
.k-tw:has(>.k-mt-in)>.k-card-tool{box-shadow:0 0 0 2.5px #2f7a5d,0 6px 18px #1f3a2c1a}
/* Company identity, compact (Oct 7, 2026) */
.k-side-ws{display:none!important}
.k-side-co{display:flex;align-items:center;gap:8px;margin:6px 6px 12px;padding:6px 8px;border-radius:10px;text-decoration:none;color:#1f3a2c;font:600 14px/1.2 Archivo,Arial,sans-serif}
.k-side-co:hover{background:#eef2ec}.k-side-co img{width:22px;height:22px;object-fit:contain;flex:0 0 22px}
.k-side:has(.k-side-co) .k-brand strong{display:none}
.k-me-lic{display:inline-block;margin-top:4px;font:700 9.5px Archivo,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:#2f7a5d;background:#eef4ef;border:1px solid #d6e2d9;border-radius:999px;padding:2px 7px}
.k-acct-co{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:6px 0 14px;border:1px solid #d6ddd2;border-radius:12px;background:#fbfcfa}.k-acct-co img{width:40px;height:40px;object-fit:contain}.k-acct-co div{display:flex;flex-direction:column;gap:2px}.k-acct-co strong{color:#1f3a2c}.k-acct-co span{font-size:13px;color:#50645a}.k-acct-co small{font-size:12px;color:#50645a}.k-acct-ind span{font:700 11px Archivo,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#2f7a5d}

/* Notion-style workstation switcher (Oct 7) */
.k-side-co{display:none!important}
.k-wsw{position:relative;margin:4px 6px 12px}
.k-wsw>summary{list-style:none;display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;cursor:pointer;color:#1f3a2c;font:600 14px/1.2 Archivo,Arial,sans-serif}
.k-wsw>summary::-webkit-details-marker{display:none}
.k-wsw>summary:hover,.k-wsw[open]>summary{background:#eef2ec}
.k-wsw-tile{width:22px;height:22px;flex:0 0 22px;border-radius:5px;background:#fff;border:1px solid #e1e5dd;display:grid;place-items:center;overflow:hidden}
.k-wsw-tile img{width:18px;height:18px;object-fit:contain}.k-wsw-tile b{font:700 12px Archivo,Arial,sans-serif;color:#1f3a2c}
.k-wsw-tile.big{width:36px;height:36px;flex-basis:36px;border-radius:8px}.k-wsw-tile.big img{width:30px;height:30px}
.k-wsw-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.k-wsw-chev{color:#7a8a80;transition:transform .15s}.k-wsw[open] .k-wsw-chev{transform:rotate(180deg)}
.k-wsw-menu{position:absolute;left:0;right:-40px;top:calc(100% + 4px);z-index:60;background:#fff;border:1px solid #dfe4dc;border-radius:10px;box-shadow:0 10px 30px rgba(20,40,30,.14);padding:6px}
.k-wsw-top{display:flex;align-items:center;gap:10px;padding:8px 8px 10px;border-bottom:1px solid #eceee8;margin-bottom:4px}
.k-wsw-top strong{display:block;font:600 14px Archivo,Arial,sans-serif;color:#1f3a2c}.k-wsw-top small{display:block;font-size:12px;color:#5f7065;margin-top:2px}
.k-wsw-menu a{display:block;padding:7px 8px;border-radius:6px;font-size:13.5px;color:#1f3a2c;text-decoration:none}.k-wsw-menu a:hover{background:#f1f4ef}
.k-wsw-foot{margin:4px 0 0;padding:8px 8px 4px;border-top:1px solid #eceee8;font-size:11.5px;color:#7a8a80}
.k-side:has(.k-wsw) .k-brand strong{display:none}

/* Workstation switcher lines up with the nav icons and labels (Oct 7) */
.k-wsw{margin-left:12px;margin-right:27px}.k-wsw>summary{padding-left:12px;gap:11px}

/* Project toolbox icon a little larger than the other nav icons so the letter reads (Oct 7) */
.k-nav-item .k-proj-ic{width:24px;height:24px;margin:-2px -2px -2px -2px}

/* Admin console (Oct 7) */
.k-nav-badge{margin-left:auto;background:#c8553d;color:#fff;font:700 11px/1 Archivo,Arial,sans-serif;font-style:normal;border-radius:999px;padding:3px 7px}
.k-nav-soon{opacity:.55;cursor:default}.k-nav-soon-tag{margin-left:auto;font:600 9.5px Archivo,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;font-style:normal;color:#6b7c71;border:1px solid #d6ddd2;border-radius:999px;padding:2px 6px}
.k-nav-back{color:#50645a}.k-nav-back:hover{color:#1f3a2c}
.k-wsw-ttb{background:#1f3a2c!important;border-color:#1f3a2c!important}.k-wsw-ttb b{color:#d4a846!important}
.k-wsw-sub{margin:6px 8px 2px;font:600 10.5px Archivo,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#7a8a80}
.k-wsw-menu a{display:flex!important;align-items:center;gap:8px}.k-wsw-tile.sm{width:20px;height:20px;flex-basis:20px;border-radius:4px}.k-wsw-tile.sm img{width:16px;height:16px}

.k-wsw-ttb b{font:800 7.5px/1 Archivo,Arial,sans-serif!important;letter-spacing:.02em}.k-wsw-tile.big.k-wsw-ttb b{font-size:11px!important}

/* Admin polish (Oct 7): pills sit on one line, centered, same height everywhere; table inputs match the rest of the dashboard */
.k-chip,.k-cx-lic,.k-mc-st,.k-mc-adm,.k-av-key{display:inline-flex!important;align-items:center;justify-content:center;white-space:nowrap;line-height:1.2!important;height:auto!important;min-height:22px;padding:3px 10px!important;vertical-align:middle;box-sizing:border-box;font-weight:600}
.k-chip+.k-chip{margin-left:4px}
.k-table td,.k-table th{vertical-align:middle}
.k-table input[type=date],.k-table input[type=text],.k-table input:not([type]){font:inherit;font-size:13.5px;color:#1f3a2c;background:#fff;border:1px solid #d6ddd2;border-radius:8px;padding:6px 9px;min-height:34px;box-sizing:border-box;max-width:100%}
.k-table input:focus{outline:2px solid #9fd0ae;outline-offset:1px;border-color:#9fd0ae}
.k-table td .k-btn-ghost,.k-table td .k-btn{white-space:nowrap}
.k-cx-co{min-height:28px}.k-cx-co strong{line-height:1.25}
.k-table a{color:#1f3a2c;text-decoration:none}.k-table a:hover{text-decoration:underline}.k-cx-co,.k-cx-co a,.k-cx-co strong{white-space:nowrap}
.k-table input[type=date]{width:150px}.k-table input[name=plan_note]{width:100%;min-width:140px}
.k-stats .k-stat span{display:block;line-height:1.35}
.k-table input[type=date]{width:140px}.k-table input[name=plan_note]{min-width:120px}
/* table cells stay real table cells so row lines stay straight (Oct 7) */
td.k-cx-co{display:table-cell!important;white-space:nowrap}
td.k-cx-co>img,td.k-cx-co>svg,td.k-cx-co>a>img{vertical-align:middle;margin-right:10px}
td.k-cx-co>strong,td.k-cx-co>a{vertical-align:middle}
.k-table th{white-space:nowrap}
.k-table td{white-space:nowrap}.k-table td small{white-space:normal}
/* In-page actions (Oct 7): quiet toast instead of a page reload and a banner; two-tap confirm instead of a browser pop-up */
.k-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,12px);opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:200;display:flex;align-items:center;gap:8px;background:#1f3a2c;color:#fff;font:500 14px/1.3 Archivo,Arial,sans-serif;padding:10px 16px;border-radius:999px;box-shadow:0 8px 24px rgba(20,40,30,.22);max-width:calc(100vw - 32px)}
.k-toast.in{opacity:1;transform:translate(-50%,0)}.k-toast svg{color:#9fd0ae;flex:0 0 auto}.k-toast.bad{background:#9b2c1d}
button.armed{background:#c8553d!important;border-color:#c8553d!important;color:#fff!important}

/* My Tools check and remove × sit in the card's corner, not the wrapper's (the wrapper is 8px taller because of its gap),
   and they rise with the card on hover so the corner stays balanced (Oct 7) */
.k-tw>.k-mt-in,.k-tw>.k-mt-x{bottom:20px!important;right:12px!important;transition:transform .2s ease}
.k-tw:has(> a.k-card-tool:hover)>.k-mt-in,.k-tw:has(> a.k-card-tool:hover)>.k-mt-x,.k-tw:has(> .k-card-tool:hover)>.k-mt-in{transform:translateY(-2px)}

/* "Free" pill at the end of the tag row on free tools (Oct 7): same shape as the tags, in the logo gold so it reads apart from them */
.k-card-tool.is-free .k-tags::after{content:"Free";display:inline-flex;align-items:center;font:600 11px/11px ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;padding:6px 8px;border-radius:5px;border:0;box-shadow:inset 0 0 0 1px #bcd5ee;background:#eaf3fc;color:#2b5f8f;align-self:stretch;box-sizing:border-box}

/* Project Toolbox cards look like a toolbox: a carry handle on top (Oct 7). Green when it's in your tools, gray otherwise. */
a.k-card-tool[data-group="toolbox"]{overflow:visible!important;margin-top:18px;position:relative}
a.k-card-tool[data-group="toolbox"] .k-prev,a.k-card-tool[data-group="toolbox"] .k-paper{border-top-left-radius:18px;border-top-right-radius:18px}
a.k-card-tool[data-group="toolbox"] .k-paper{overflow:hidden}
a.k-card-tool[data-group="toolbox"]::before{content:"";position:absolute;left:50%;top:-17px;width:72px;height:17px;transform:translateX(-50%);box-sizing:border-box;border:4px solid #b9c6bc;border-bottom:0;border-radius:12px 12px 0 0;pointer-events:none}
.k-tw>a.k-card-tool[data-group="toolbox"]::before{border-color:#2f7a5d}

/* "Your Project Toolbox" card (Oct 7) */
.k-card-yours .k-yours-art{display:grid;place-items:center;background:linear-gradient(180deg,#f3f8f4,#e8f1ea)}
.k-card-yours .k-yours-art svg{width:100%;height:100%;display:block}
.k-card-yours .k-yours-cta{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font:600 14px Archivo,Arial,sans-serif;color:#2f7a5d}
.k-card-yours:hover .k-yours-cta{text-decoration:underline}

/* "All my tools" tile (Oct 7) */
.k-qm-all{background:#f3f7f4!important;border-style:dashed!important;border-color:#b9cdbf!important}
.k-qm-all:hover{background:#e9f2ec!important;border-color:#2f7a5d!important}
.k-qm-all-ic{display:grid!important;place-items:center;background:#fff;border-radius:8px}
.k-qm-all-ic .k-ic{width:24px;height:24px}
.k-qm-all .k-qm-t{font-weight:600;color:#1f3a2c}
.k-qm-all .k-qm-t small{display:inline-block;margin-left:6px;font:600 11px/1 Archivo,Arial,sans-serif;color:#2f7a5d;background:#fff;border:1px solid #cfe0d4;border-radius:999px;padding:3px 7px;vertical-align:middle}
.k-qm-arrow{margin-left:auto;color:#2f7a5d;font-weight:700;padding-right:4px}
.k-quick-mine .k-qm{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}@media (max-width:900px){.k-quick-mine .k-qm{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:520px){.k-quick-mine .k-qm{grid-template-columns:1fr!important}}
.k-qm-all-ic .k-ic{stroke-width:1.2;color:#1f3a2c}.k-qm-all-ic .k-ic .bs{fill:none}.k-qm-all-ic .k-ic .bp{fill:#9fcfb2}.k-qm-all-ic .k-ic .fl{fill:#5f9a7b}.k-qm-all-ic .k-ic .pk{fill:#d4a846}.k-qm-all-ic .k-ic .bk{fill:#fff}
.k-quick-mine .k-qm{grid-template-columns:repeat(3,minmax(0,1fr))!important}@media (max-width:700px){.k-quick-mine .k-qm{grid-template-columns:1fr!important}}

/* Card pictures show whole (Oct 7): the paper frame takes the pictures' own 16:9 shape instead of a fixed 168px slot that cut
   the bottoms off. Pictures in other shapes fill the frame from the center. */
.k-card-tool .k-prev{height:auto!important;padding-bottom:0!important}
.k-card-tool .k-paper{height:auto!important;aspect-ratio:16/9}
.k-card-tool .k-paper>img{height:100%;object-fit:cover;object-position:center}
/* My Tools tile now matches the tool tiles (watercolor backpack, Oct 7) */
.k-qm-all{background:#fff!important;border-style:solid!important;border-color:var(--line,#dfe4dc)!important}
.k-qm-all:hover{background:#f6faf7!important;border-color:#2f7a5d!important}
.k-qm-all .k-qm-arrow{transition:transform .15s}.k-qm-all:hover .k-qm-arrow{transform:translateX(3px)}

/* Free cards: one "Free" only (Oct 7, 2026) */
.k-state:empty{display:none!important}

/* In development section (Oct 7, 2026) */
.k-dev{margin-top:34px;padding-top:22px;border-top:1px dashed #d6ddd2}
.k-dev .k-card-tool{opacity:.86}

/* Project Toolbox cards look like a real toolbox (Oct 7, 2026): heavy green frame, sturdier handle, gold clasp. */
a.k-card-tool[data-group="toolbox"]{border:3px solid #1f3a2c!important;box-shadow:0 6px 0 #1f3a2c,0 18px 34px rgba(31,58,44,.24)!important}
a.k-card-tool[data-group="toolbox"]::before,.k-tw>a.k-card-tool[data-group="toolbox"]::before{top:-24px!important;width:92px!important;height:24px!important;border-width:7px 7px 0!important;border-color:#1f3a2c!important;border-radius:14px 14px 0 0!important}
a.k-card-tool[data-group="toolbox"]::after{content:"";position:absolute;left:50%;top:-7px;width:34px;height:12px;transform:translateX(-50%);background:linear-gradient(180deg,#f6d27a,#e8b84a 55%,#c8962e);border:1.5px solid #a8791f;border-radius:4px;box-shadow:0 2px 4px rgba(120,80,10,.35);z-index:3}
a.k-card-tool[data-group="toolbox"]:hover{box-shadow:0 8px 0 #1f3a2c,0 22px 40px rgba(31,58,44,.28)!important}

/* Returning work and compact phone layout, Oct 8. */
.k-resume{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 18px}.k-resume:has(>a:not([hidden])){padding:0}.k-resume>[hidden]{display:none!important}.k-resume>a{display:grid;gap:4px;flex:1 1 240px;border:1px solid #a7bda6;border-radius:14px;padding:13px 16px;background:#eef4eb;color:#1f3a2c;text-decoration:none}.k-resume span{font-size:12px}.k-resume strong{font-size:17px}.k-resume em{font-size:13px;font-style:normal}.k-qm{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-width:760px){.k-dashboard-head{margin-bottom:14px}.k-new{grid-template-columns:52px 1fr!important;padding:12px!important;gap:10px!important}.k-new img{width:52px!important;height:52px!important}.k-new h2{font-size:16px!important}.k-new p{display:none}.k-new-buy{display:flex!important;flex-wrap:wrap;gap:8px!important;justify-content:space-between}.k-new-price{font-size:18px!important}.k-new-btn{font-size:13px!important;padding:8px 10px!important}.k-new-tag{font-size:10px!important;margin-bottom:3px!important}.k-qm{grid-template-columns:repeat(2,minmax(0,1fr))!important}.k-qm-img{height:65px!important}.k-resume>a{flex-basis:100%;padding:10px 13px}.k-resume strong{font-size:15px}}

/* Balanced public header and storefront login buttons, Oct 8, 2026. */
body.k-plain > header.k-bar{padding-inline:34px;margin-inline:0!important}
body.k-plain .k-sf-cta .k-btn-ghost{
  min-width:112px;min-height:52px;padding:12px 24px;justify-content:center;
  border:1px solid #91a998;border-radius:12px;background:linear-gradient(180deg,#ffffff,#eef4ed);
  color:#1f3a2c;font-weight:700;box-shadow:0 2px 5px #1f3a2c0c;
  transition:background .15s,border-color .15s,box-shadow .15s
}
body.k-plain .k-sf-cta .k-btn-ghost:hover{background:#e5eee3;border-color:#315b46;box-shadow:0 3px 8px #1f3a2c18}
body.k-plain .k-sf-cta .k-btn-ghost:focus-visible{outline:3px solid #d4a846;outline-offset:3px}
@media(max-width:640px){
  body.k-plain > header.k-bar{padding-inline:16px;flex-wrap:nowrap;gap:12px}
  body.k-plain > .k-bar .k-in{flex:none}
  body.k-plain > .k-bar .k-in img{height:34px}
  body.k-plain > .k-bar > strong{min-width:0;font-size:12px;line-height:1.3;text-align:right;justify-content:flex-end}
  body.k-plain > .k-bar > strong svg{width:16px;height:16px;flex:none}
}
@media(prefers-reduced-motion:reduce){body.k-plain .k-sf-cta .k-btn-ghost{transition:none}}

/* Easier to read tables (Oct 8, 2026): a clear border and shadow so the table stands off the page, a warm header band
   with dark bold labels, a visible warm shade on every other row, and a highlight with a forest edge on the row under the pointer. */
.iv-t,.k-card:has(.k-table){border:1px solid #c9cdc2 !important;box-shadow:0 1px 3px rgba(22,24,26,.08),0 10px 28px rgba(31,58,44,.10)}
.k-table th,.iv-t th{color:#f6f1e3 !important;background:#1f3a2c !important;font-weight:700;letter-spacing:.08em;border-bottom:0}
.k-table td,.iv-t td{border-bottom:1px solid #e6e4dd;transition:background .12s,box-shadow .12s}
.k-table tr:nth-child(even) td,.iv-t tbody tr:nth-child(even) td{background:#f7f5f0}
.k-table tr:not(:first-child):hover td,.iv-t tbody tr:hover td{background:#e3eee2}
.k-table tr:not(:first-child):hover td:first-child,.iv-t tbody tr:hover td:first-child{box-shadow:inset 4px 0 0 #2f5a43}
.k-table td small,.iv-t td .k-small{color:#4f5a54;font-size:12.5px}
.iv-t tbody tr:last-child td{border-bottom:0}
/* No logo flash (Oct 8, 2026): company logos are size-capped from the first paint, before each page's own styles load. */
:where(main) img:where([src*="/img/co/"]){max-height:64px;max-width:180px;object-fit:contain}
/* First stat tile in the brand green gradient instead of black (Oct 8, 2026). */
.k-stats div:first-child{background:linear-gradient(100deg,#1f3a2c 0%,#2f5a43 55%,#6a7d3c 100%) !important;color:#fff}
.k-stats div:first-child span{color:#e4eedf !important}
/* Button hover (Oct 8, 2026): outline buttons tint green on hover; buttons that take something away (remove, decline, turn off, delete) tint red. */
.k-btn-ghost{transition:background .15s,color .15s,border-color .15s}
main .k-btn-ghost:hover{background:#eef3ec;border-color:#2f5a43;color:#1f3a2c}
main form:has(input[name="do"][value="decline"]) .k-btn-ghost:hover,main form:has(input[name="do"][value="remove"]) .k-btn-ghost:hover,main form:has(input[name="act"][value="remove_email"]) .k-btn-ghost:hover,main form:has(input[name="do"][value="off"]) .k-btn-ghost:hover,main form:has(input[name="act"][value="clear_logo"]) .k-btn-ghost:hover,main .cw-del:hover{background:#fbeae7;border-color:#c8553d;color:#a3392b}
/* Uniform tool cards (Oct 8, 2026): every card in a grid is the same height, on every page; the card fills its slot and the
   checkmark or state sits at the bottom. */
.k-cards{grid-auto-rows:1fr;align-items:stretch}
.k-cards>.k-tf{display:flex;flex-direction:column;height:100%}
.k-cards>.k-tf>.k-card-tool,.k-cards>.k-card-tool{flex:1 1 auto;display:flex;flex-direction:column;min-height:490px;height:100%;box-sizing:border-box}
.k-cards .k-card-tool>.k-card-body{flex:1 1 auto}
/* Account block at the bottom of the sidebar (Oct 8, 2026): long names and emails stay inside the panel, cut with … */
.k-me>span{min-width:0;flex:1 1 auto;overflow:hidden}.k-me>span>*{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-me>span br{display:none}
.k-cards>.k-card-tool:not([data-group="toolbox"]){margin-top:0 !important;height:100% !important}.k-cards>.k-card-tool[data-group="toolbox"]{margin-top:18px !important;height:calc(100% - 18px) !important}   /* only toolbox cards leave room for their handle */
.k-cards>.k-tf>.k-card-tool{flex:1 1 auto !important;height:100% !important}
/* Final card sizing (Oct 8, 2026): one fixed card height everywhere, so every card on every page matches exactly. */
.k-cards{grid-auto-rows:auto !important;align-items:start !important}
.k-cards>.k-tf{height:auto !important}
html body .k-cards .k-card-tool.k-card-tool{height:430px !important;min-height:0 !important;overflow:hidden}
.k-cards>.k-card-tool:not([data-group="toolbox"]){margin-top:0 !important}
/* Account block (Oct 8, 2026): initials in a rounded square that matches the sidebar buttons, tidy name and email, arrow centered on the right. */
summary.k-me{display:flex !important;align-items:center !important;gap:12px !important;padding:10px 12px !important}
summary.k-me .k-avatar{flex:0 0 40px !important;width:40px !important;height:40px !important;border-radius:12px !important;display:grid !important;place-items:center !important;background:#16181a !important;color:#f2c95e !important;font:700 14px/1 Archivo,Arial,sans-serif !important;letter-spacing:.02em}
summary.k-me>span:not(.k-avatar){flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
summary.k-me strong{font:700 14px/1.25 Archivo,Arial,sans-serif;color:#1f2a24}
summary.k-me small{font-size:12px;line-height:1.3;color:#5b6560}
summary.k-me small span{display:inline}
summary.k-me>svg{flex:0 0 14px;width:14px;height:14px;margin:0 0 0 auto;align-self:center;color:#5b6560}

/* All tools, cleaner (Oct 11, 2026): no category chips on the cards in the All tools sections (desktop and phone).
   On phones each card is just the picture and the tool name. My Tools is unaffected.
   !important because mobile-cards.css styles these with !important. */
.k-grp + .k-cards a.k-card-tool .k-tags{display:none !important}
@media (max-width:700px){
  .k-all-intro{display:none !important}
  .k-grp + .k-cards a.k-card-tool .k-ask,
  .k-grp + .k-cards a.k-card-tool .k-tbx-list,
  .k-grp + .k-cards a.k-card-tool .k-stars{display:none !important}
  .k-grp + .k-cards a.k-card-tool .k-card-body{justify-content:center !important}
}

/* Brand mark in the phone top bar (Oct 11, 2026): the app icon, so the product is named on every phone screen. */
.k-topmark{display:none}
@media (max-width:900px){.k-topmark{display:block;width:36px;height:36px;flex:none;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px rgba(31,58,44,.25)}.k-topmark img{display:block;width:100%;height:100%}}

/* Full width on laptops (Oct 11, 2026, board meeting): pages with tool cards use the whole screen, 4+ cards per row. Text pages keep a readable width. */
@media (min-width:901px){.k-main:has(.k-cards){max-width:1480px}.k-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}

/* Add tools card at the end of My Tools (Oct 11, 2026) */
.k-card-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:220px;padding:22px;border:2px dashed #b9cbbb;border-radius:18px;background:rgba(255,255,255,.6);color:#1f3a2c;text-decoration:none;text-align:center;transition:border-color .15s,background .15s}.k-card-add:hover{border-color:#2f5a43;background:#fff}.k-card-add-plus{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#1f3a2c,#2f5a43 55%,#6a7d3c 80%,#c8962e);color:#fff;font:700 30px/1 Archivo,Arial,sans-serif}.k-card-add strong{font:700 19px/1.2 var(--serif,Georgia,serif)}.k-card-add span:last-child{font-size:14px;color:#5b675c;max-width:220px}@media(max-width:700px){.k-card-add{min-height:0;flex-direction:row;justify-content:flex-start;text-align:left;padding:14px 16px}.k-card-add span:last-child{display:none}}

/* Oct 11, 2026: no category/price tags on tool cards anywhere (desktop and phone). Section headings and the toolbox frame already say what a card is. Status badges (Unlock, Coming soon) stay. */
.k-tags{display:none !important}

/* Oct 11, 2026: lighter + Add pill */
.k-mt-form:not(.rm){display:flex}.k-mt-btn.add{width:auto;min-height:34px;padding:0 16px;border-radius:999px;background:#eef4ea;color:#1f3a2c;border-color:#cfdcc8}.k-mt-btn.add:hover{background:#e2ecdc;border-color:#1f3a2c;color:#1f3a2c}

/* Oct 11, 2026: company logo chip on client toolbox cards */
.k-prev{position:relative}.k-co-chip{position:absolute;left:36px;top:34px;z-index:2;width:34px;height:34px;border-radius:9px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);display:grid;place-items:center;overflow:hidden}.k-co-chip img{width:26px!important;height:26px!important;object-fit:contain!important;position:static!important}

/* Oct 11, 2026: chosen picture next to your name */
summary.k-me .k-me-pic{flex:0 0 40px;display:block;border-radius:12px;line-height:0}summary.k-me .k-me-pic:focus-visible{outline:3px solid #f2c94c;outline-offset:2px}summary.k-me .k-avatar.has-pic{background:#f7f2e6 !important;overflow:hidden;padding:0}summary.k-me .k-avatar.has-pic img{width:100%;height:100%;object-fit:contain;display:block}

/* Oct 12, 2026: normal-sized cards again. Cards keep a comfortable width and the number per row follows the window size
   (about 3 per row on a laptop, 4 on a large screen), instead of six narrow cards. */
@media (min-width:901px){.k-cards{grid-template-columns:repeat(auto-fill,minmax(270px,1fr)) !important}}
/* Oct 12, 2026: Add to My Tools sits inside the card, along the bottom, instead of under it */
.k-tw>.k-mt-form:not(.rm){position:absolute;left:14px;right:14px;bottom:14px;z-index:3;margin:0}
.k-tw>.k-mt-form:not(.rm) .k-mt-btn.add{width:100%;min-height:40px;border-radius:12px;background:#1f3a2c;color:#fff;border-color:#1f3a2c;font-size:13.5px;display:flex;align-items:center;justify-content:center;gap:6px}
.k-tw>.k-mt-form:not(.rm) .k-mt-btn.add span{font-size:17px;line-height:1}
.k-tw>.k-mt-form:not(.rm) .k-mt-btn.add:hover{background:#2f5a43;border-color:#2f5a43;color:#fff}
.k-tw:has(>.k-mt-form:not(.rm))>.k-card-tool{padding-bottom:62px}
.k-tw{grid-template-rows:1fr !important}

/* Oct 12, 2026: launchpad home. Section heading with a link on the right, and spacing between My Tools and Suggested. */
.k-h2row .k-h2link{font:600 14px Archivo,Arial,sans-serif;color:#2f5a43;text-decoration:none;white-space:nowrap}.k-h2row .k-h2link:hover{text-decoration:underline}
.k-home-mine{margin-bottom:34px}.k-sug-note{margin:-6px 0 14px;font-size:14px}.k-sug-more{margin:18px 0 0}
.k-home-mine .k-card-add{min-height:0;height:100%}

/* Oct 12, 2026: no type labels on cards on phones either (mobile-cards.css was turning them back on). */
html body a.k-card-tool .k-tags,html body .k-card-tool .k-tags{display:none !important}

/* Oct 12, 2026: card pictures never shrink, so every card picture is the same size and lines up, however long the text below it is. */
html body .k-card-tool .k-prev{flex-shrink:0}

/* Oct 12, 2026 (2): one picture size on every card page, toolboxes included. The picture area is a fixed height and never shrinks; the card grows to fit its text instead. Phones keep their square thumbnails (mobile-cards.css). */
@media (min-width:641px){
html body .k-card-tool>.k-prev,html body .k-tf .k-card-tool>.k-prev,html body a.k-card-tool[data-group="toolbox"]>.k-prev{flex:0 0 auto!important;height:190px!important;min-height:190px!important;padding:22px 26px 0!important;box-sizing:border-box}
html body .k-card-tool>.k-prev>.k-paper{height:168px!important;aspect-ratio:auto!important;width:100%!important}
html body .k-card-tool>.k-prev>.k-paper>img{width:100%!important;height:100%!important;object-fit:cover;object-position:center top}
html body .k-card-tool{height:auto}
/* toolbox cards have a 3px frame, so their picture margin is 3px smaller: every picture is the same width */
html body main a.k-card-tool[data-group="toolbox"]>.k-prev{padding-left:23px!important;padding-right:23px!important}
/* cards are at least 430px tall and grow for longer text (never cut off); cards in the same row match heights */
html body main .k-cards{align-items:stretch!important}
html body main .k-cards .k-card-tool.k-card-tool{height:auto!important;min-height:430px!important;overflow:visible}
html body main .k-cards .k-tf>.k-card-tool.k-card-tool{min-height:0!important}
}

/* Oct 12, 2026: on phones the cards are short rows, so Add to My Tools is a small button in the card's bottom-right corner, clear of the picture and title */
@media(max-width:760px){
  html body .k-tw:has(>.k-mt-form:not(.rm))>.k-card-tool{padding-bottom:54px!important}
  html body .k-tw>.k-mt-form:not(.rm){left:auto!important;right:12px!important;bottom:12px!important;width:auto!important}
  html body .k-tw>.k-mt-form:not(.rm) .k-mt-btn.add{width:auto!important;min-height:32px!important;padding:6px 14px!important;border-radius:9px!important;font-size:13px!important;gap:6px}
  html body .k-tw>.k-mt-form:not(.rm) .k-mt-btn.add span{font-size:15px!important}
}

/* Oct 12, 2026: a clear Back button on phones and tablets */
.k-mback{display:none}
@media(max-width:900px){.k-mback{display:inline-flex;align-items:center;gap:4px;height:42px;padding:0 14px 0 9px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:700 14.5px Archivo,Arial,sans-serif;text-decoration:none;flex:none;box-sizing:border-box}.k-mback svg{width:18px;height:18px}.k-mback:active{background:#eef3ec}}

/* Oct 13, 2026: full-width desktop. Sidebar runs edge to edge down the left, a white top bar spans the page, and content and card grids fill the screen. */
@media(min-width:901px){
.k-side{top:0!important;left:0!important;bottom:0!important;height:100vh!important;border-radius:0!important;border:0!important;border-right:1px solid var(--line)!important;box-shadow:none!important;background:#fff!important}
.k-page{margin-left:256px!important}
.k-top{background:#fff!important;border-bottom:1px solid var(--line)!important;padding:14px 32px!important;min-height:60px;box-sizing:border-box;position:sticky!important;top:0;z-index:20}
.k-main{max-width:none!important;padding:28px 32px 48px!important}
.k-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important}
}

/* Oct 13, 2026: full-width polish. Grids of cards use the whole screen; banners and reading pages keep a comfortable width. */
@media(min-width:901px){
.k-top:has(.k-crumb:empty){display:none!important}
.k-main:not(:has(.k-cards)){max-width:1240px!important}
.k-fp,.k-simple-offer,.k-staging,.k-hero,.pa-access-head>.k-fp{max-width:1240px!important;box-sizing:border-box}
.k-purchase-section .qp,.qp-faq{margin-left:0!important;margin-right:auto!important}
}

@media(min-width:901px){.k-feature-slim,.k-feature-pack{max-width:1240px!important;box-sizing:border-box}}

@media(min-width:901px){.k-main:has(.fb-form)>.k-card,.k-main:has(.fb-form)>.k-head{max-width:820px}}

/* Oct 13, 2026: admin pages (People, Overview, tables) use the full width again; only the purchase page keeps a reading width. View-as bar no longer covers the sidebar. */
@media(min-width:901px){
.k-main:not(:has(.k-cards)){max-width:none!important}
.k-main:has(.k-purchase-section){max-width:1240px!important}
.k-new-launch,.k-new{max-width:1240px!important;box-sizing:border-box}
body:has(.k-pv) .k-side{top:46px!important;height:calc(100vh - 46px)!important}
body:has(.k-pv) .k-top{top:46px!important}
}

/* Oct 13, 2026: suggestion rows fill exactly one row on desktop, three cards on phones */
@media(min-width:901px){.k-home-all .k-cards,.k-srow-fill .k-cards{grid-template-rows:auto;grid-auto-rows:0;row-gap:0!important;overflow:hidden;padding:6px 6px 14px;margin:-6px -6px 0}}
@media(max-width:900px){.k-home-all .k-cards>:nth-child(n+4),.k-srow-fill .k-cards>:nth-child(n+4){display:none!important}}

@media(min-width:901px){.k-home-all .k-cards,.k-srow-fill .k-cards{padding-top:28px!important;margin-top:-22px!important}}