/* Dashboard cards v2 (Oct 17, 2026): one card anatomy everywhere.
   Picture (16:10, edge to edge at every size) · kind · title · status · action, with the action pinned to the bottom so every
   Open / Add / Unlock lands on the same line across a row. Loaded after dashboard.css and mobile-cards.css;
   the !important flags exist only to beat the layered overrides in those files. New tools get this for free:
   give the tool a 'prev' watercolor (1600x1000) and a title, nothing else is needed on the card. */
:root{--card-radius:16px;--card-img-ratio:16/10}
html body .k-cards,html body main .k-cards.k-cards{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))!important;gap:20px!important;align-items:stretch!important;grid-auto-rows:auto!important;padding:0!important;margin:0!important;overflow:visible!important}
html body .k-cards>.k-tf,html body .k-cards>.k-tw{display:grid!important;grid-template-rows:1fr!important;height:auto!important;margin-top:18px}
html body .k-cards>.k-card-tool,html body .k-cards .k-tf>.k-card-tool,html body .k-cards .k-tw>.k-card-tool{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;margin-top:18px!important;padding:0!important;border-radius:var(--card-radius)!important;overflow:hidden!important;background:#fff;box-shadow:0 1px 2px #1f3a2c14,0 8px 24px #1f3a2c0f;border:1px solid #e3e6dc!important}
html body .k-cards .k-tf>.k-card-tool,html body .k-cards .k-tw>.k-card-tool{margin-top:0!important}
html body main .k-cards .k-card-tool.k-card-tool,html body main .k-cards .k-tf>.k-card-tool.k-card-tool{min-height:0!important;height:100%!important}
html body a.k-card-tool:hover{transform:translateY(-2px);box-shadow:0 2px 4px #1f3a2c14,0 16px 34px #1f3a2c1a}
html body .k-card-tool>.k-prev,html body main .k-cards .k-card-tool.k-card-tool.k-card-tool>.k-prev{flex:0 0 auto!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;width:100%!important;max-height:none!important;background:#efede6!important;border-radius:calc(var(--card-radius) - var(--card-frame,1px)) calc(var(--card-radius) - var(--card-frame,1px)) 0 0!important;aspect-ratio:var(--card-img-ratio)!important;overflow:hidden!important;position:relative}
html body .k-card-tool>.k-prev>.k-paper,html body main .k-cards .k-card-tool.k-card-tool.k-card-tool>.k-prev>.k-paper{position:absolute!important;inset:0!important;height:auto!important;width:auto!important;min-height:0!important;max-height:none!important;min-width:0!important;max-width:none!important;padding:0!important;margin:0!important;border:0!important;transform:none!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;aspect-ratio:auto!important}
html body .k-card-tool>.k-prev>.k-paper>img,html body main .k-cards .k-card-tool.k-card-tool.k-card-tool>.k-prev>.k-paper>img{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;border:0!important;object-fit:cover!important;object-position:center!important;display:block}
html body .k-card-tool>.k-prev .k-prev-icon,html body main .k-cards .k-card-tool.k-card-tool.k-card-tool>.k-prev .k-prev-icon{height:100%;background:linear-gradient(180deg,#f6f4ec,#ebe8df)}
html body .k-card-tool>.k-prev .k-prev-icon img,html body main .k-cards .k-card-tool.k-card-tool.k-card-tool>.k-prev .k-prev-icon img{max-height:60%!important;margin:0!important}
html body .k-card-tool>.k-card-body,html body main .k-cards .k-card-tool.k-card-tool.k-card-tool>.k-card-body{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;gap:4px!important;padding:14px 16px 14px!important;justify-content:flex-start!important;min-width:0}
html body .k-card-tool .k-kind{display:block;font:700 11px/1 Archivo,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#6b7b70;margin:0 0 2px}
html body .k-card-tool .k-kind.k-kind-toolbox{color:#8a6a12}
html body .k-card-tool>.k-card-body>strong,html body main .k-cards .k-card-tool.k-card-tool.k-card-tool>.k-card-body>strong{font:700 17px/1.25 Archivo,Arial,sans-serif!important;letter-spacing:-.01em;color:#1f3a2c;margin:0}
html body .k-card-tool .k-ask,html body .k-card-tool .k-tbx-list,html body .k-card-tool .k-tags,html body .k-card-tool .k-state.lock{display:none!important}
html body .k-card-tool .k-stars{margin:2px 0 0;font-size:12px}
html body main .k-cards .k-card-tool.k-card-tool.k-card-tool .k-card-foot{display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 44px;align-items:stretch!important;gap:8px!important;margin-top:auto!important;padding-top:12px!important;min-height:0!important;flex:0 0 auto!important;width:100%}
html body main .k-cards .k-card-tool.k-card-tool.k-card-tool .k-card-status{grid-row:1;font:500 12.5px/1.3 Archivo,Arial,sans-serif;color:#6b7b70;min-width:0;min-height:1.3em;max-width:none!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}
html body .k-card-tool .k-card-status:empty{display:block}
html body .k-card-tool .k-open{display:inline-flex;align-items:center;gap:6px;background:#1f3a2c;color:#fff;font:700 13.5px/1 Archivo,Arial,sans-serif;padding:9px 16px;border-radius:999px;white-space:nowrap;margin-left:auto}
html body a.k-card-tool:hover .k-open{background:#2d5440}
html body .k-card-tool .k-card-foot .k-lock{display:inline-flex;align-items:center;gap:6px;border:1.5px solid #1f3a2c;color:#1f3a2c;background:#fff;font:700 13.5px/1 Archivo,Arial,sans-serif;padding:8px 14px;border-radius:999px;white-space:nowrap;margin-left:auto}
html body .k-card-tool .k-card-foot .k-soon{font:600 12.5px Archivo,Arial,sans-serif;color:#6b7b70;margin-left:auto;padding:8px 0}
html body .k-tw>.k-mt-form:not(.rm){position:absolute!important;right:16px!important;bottom:14px!important;left:auto!important;width:auto!important;margin:0!important;z-index:3}
html body .k-tw:has(>.k-mt-form:not(.rm))>.k-card-tool{padding-bottom:0!important}
html body .k-tw:has(>.k-mt-form:not(.rm))>.k-card-tool .k-card-foot .k-open{visibility:hidden}
html body .k-tw>.k-mt-form:not(.rm) .k-mt-btn.add{min-height:34px!important;padding:8px 14px!important;border-radius:999px!important;font:700 13px Archivo,Arial,sans-serif!important;background:#1f3a2c!important;color:#fff!important;border:0!important}
html body .k-tw>.k-mt-in,html body .k-tw>.k-mt-x{bottom:17px!important;right:16px!important}
html body .k-tw:has(>.k-mt-in)>.k-card-tool .k-card-foot .k-open{display:none}
html body .k-tw:has(>.k-mt-in)>.k-card-tool{box-shadow:0 1px 2px #1f3a2c14,0 8px 24px #1f3a2c0f!important}
html body .k-card-tool .k-state{top:10px;right:10px;font:700 11.5px Archivo,Arial,sans-serif;padding:5px 10px}
/* no price badges on the picture (Oct 17, 2026): the action button and the status line say what a tool costs, the way app stores do */
html body .k-card-tool.is-free .k-prev::after,html body .k-card-tool .k-tags::after{content:none!important;display:none!important}
html body .is-locked .k-paper,html body .is-soon .k-paper{filter:none!important;opacity:1!important}
html body .is-soon>.k-prev>.k-paper>img{filter:saturate(.6);opacity:.85}
html body main .k-cards a.k-card-tool.k-card-tool[data-group="toolbox"],html body a.k-card-tool[data-group="toolbox"],html body a.k-feature-pack{border:1.5px solid #1f3a2c!important;box-shadow:0 4px 0 #1f3a2c,0 12px 26px rgba(31,58,44,.16)!important;overflow:visible!important}
/* Clip the picture, not the card: toolbox handles and clasps remain outside the frame. */
html body a.k-card-tool[data-group="toolbox"]{--card-frame:1.5px}
html body main .k-cards a.k-card-tool.k-card-tool[data-group="toolbox"]{height:auto!important}
html body main .k-cards a.k-card-tool.k-card-tool[data-group="toolbox"]::before,html body a.k-card-tool[data-group="toolbox"]::before,html body a.k-feature-pack::before{top:-18px!important;width:84px!important;height:18px!important;border-width:5px 5px 0!important;border-color:#1f3a2c!important;border-radius:12px 12px 0 0!important}
html body main .k-cards a.k-card-tool.k-card-tool[data-group="toolbox"]::after,html body a.k-card-tool[data-group="toolbox"]::after,html body a.k-feature-pack::after{top:-6px;width:30px;height:10px}
html body main .k-cards a.k-card-tool.k-card-tool[data-group="toolbox"]:hover,html body a.k-card-tool[data-group="toolbox"]:hover,html body a.k-feature-pack:hover{box-shadow:0 6px 0 #1f3a2c,0 18px 34px rgba(31,58,44,.2)!important}
html body .k-card-tool:has(.k-ribbon-wrap){overflow:visible!important}
/* Image-led cards at every screen size: full-width artwork above compact text.
   Specificity keeps the older horizontal phone rules from shrinking the picture. */
html body main .k-cards .k-card-tool.k-card-tool.k-card-tool{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:0!important;text-align:left!important}
html body main .k-cards .k-card-tool.k-card-tool.k-card-tool>.k-prev{align-self:stretch!important;grid-row:auto!important;grid-column:auto!important}
html body main .k-cards .k-card-tool.k-card-tool.k-card-tool>.k-card-body{align-items:stretch!important;justify-content:flex-start!important;grid-row:auto!important;grid-column:auto!important;text-align:left!important}
html body main .k-cards .k-card-tool.k-card-tool.k-card-tool>.k-prev .k-state{position:absolute!important;top:10px!important;right:10px!important;bottom:auto!important;left:auto!important;transform:none!important;padding:5px 10px!important;font-size:11.5px!important}
@media(max-width:640px){
html body main .k-cards.k-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))!important;gap:20px!important}
html body main .k-cards .k-card-tool.k-card-tool.k-card-tool>.k-card-body>strong{font-size:17px!important;min-height:0!important}
html body main .k-cards .k-card-tool.k-card-tool.k-card-tool .k-open,html body main .k-cards .k-card-tool.k-card-tool.k-card-tool .k-lock{font-size:13px!important;padding:9px 16px!important}
}

/* Dashboard type (Oct 17, 2026): one typeface for the working surface. Serif stays for certificates and the brand mark only. */
html body .k-dashboard-head h1.k-hello{font:700 clamp(26px,3.4vw,34px)/1.15 Archivo,Arial,sans-serif!important;letter-spacing:-.02em;margin:0 0 4px!important}
html body .k-dashboard-head p{font-size:15.5px;color:#596c60;margin:0}
html body .k-dashboard-head{margin-bottom:22px}
html body .k-h2,html body .k-h2row h2,html body .k-sec h2{font:700 20px/1.2 Archivo,Arial,sans-serif!important;letter-spacing:-.01em;margin:0}
html body .k-h2row{align-items:center;margin:0 0 12px}
html body .k-sug-note{margin:-4px 0 14px;font-size:14px}
html body .k-grp{font:700 15px/1.2 Archivo,Arial,sans-serif;margin:26px 0 10px}

html body .k-sec{margin:0 0 40px!important}


/* Featured project toolboxes share the same frame, handle and clasp as toolbox cards. */
html body .k-feature-slim{height:auto!important;padding-top:18px;box-sizing:border-box}
html body a.k-feature-pack{height:auto!important;margin-top:0!important}
html body a.k-feature-pack::before{content:""!important;position:absolute!important;left:50%!important;bottom:auto!important;transform:translateX(-50%);box-sizing:border-box;border-style:solid!important;background:none!important;pointer-events:none}
html body a.k-feature-pack::after{content:"";position:absolute;left:50%;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;pointer-events:none}

/* Tool cards share one grid baseline, whether their Add form needs a wrapper or not. */
html body main .k-cards>.k-card-tool:not([data-group="toolbox"]),html body main .k-cards>.k-tw:has(>.k-card-tool:not([data-group="toolbox"])),html body main .k-cards>.k-tf:has(>.k-card-tool:not([data-group="toolbox"])){margin-top:0!important}
/* Status labels stay readable; add controls occupy the same row as Open/Unlock. */
html body main .k-cards .k-card-tool.k-card-tool.k-card-tool .k-card-foot>:not(.k-card-status){grid-row:2;justify-self:end;align-self:end;min-height:44px;box-sizing:border-box;align-items:center}
html body .k-tw>.k-mt-form:not(.rm){max-width:calc(100% - 32px);bottom:15px!important}
html body .k-tw>.k-mt-form:not(.rm) .k-mt-btn.add{min-height:44px!important;max-width:100%;white-space:normal;line-height:1.2!important}

/* Oct 18, 2026: the Remove (×) control on My Tools sits in the picture's top-right corner, never on the Open button. */
html body .k-tw>.k-mt-form.rm{position:absolute!important;top:10px!important;right:10px!important;bottom:auto!important;left:auto!important;width:auto!important;margin:0!important;z-index:4}
html body .k-tw>.k-mt-form.rm .k-mt-x{position:static!important;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.92);border:1px solid #d9dfd4;color:#1f3a2c;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1;box-shadow:0 2px 6px rgba(31,58,44,.18)}
html body .k-tw>.k-mt-form.rm .k-mt-x em{display:none}
html body .k-tw>.k-mt-form.rm .k-mt-x:hover,html body .k-tw>.k-mt-form.rm .k-mt-x:focus-visible{background:#9b3b2a;color:#fff;border-color:#9b3b2a}

/* Oct 18, 2026: phones get the compact tool rows everywhere (toolbox pages too); this outranks the desktop card rules above */
@media (max-width: 640px) {
html body main .k-cards:not(#ttbz1):not(#ttbz2){grid-template-columns: 1fr !important; gap: 10px !important;}
html body main .k-cards > .k-tf:not(#ttbz1):not(#ttbz2){margin: 0px !important;}
html body main a.k-card-tool:not(#ttbz1):not(#ttbz2){display: flex !important; flex-direction: row !important; align-items: center !important; gap: 14px !important; padding: 12px 14px !important; min-height: 0px !important; height: auto !important; border-radius: 16px !important;}
html body main a.k-card-tool .k-prev:not(#ttbz1):not(#ttbz2){flex: 0 0 76px !important; width: 76px !important; height: 76px !important; min-height: 0px !important; padding: 0px !important; margin: 0px !important; background: none !important; border: 0px !important; position: relative !important; overflow: visible !important;}
html body main a.k-card-tool .k-paper:not(#ttbz1):not(#ttbz2){display: block !important; width: 76px !important; height: 76px !important; padding: 0px !important; margin: 0px !important; border-radius: 12px !important; overflow: hidden !important; transform: none !important; box-shadow: rgba(31, 58, 44, 0.12) 0px 1px 0px, rgba(31, 58, 44, 0.1) 0px 2px 6px !important;}
html body main a.k-card-tool .k-paper img:not(#ttbz1):not(#ttbz2){width: 100% !important; height: 100% !important; object-fit: cover !important; aspect-ratio: 1 / 1 !important; border-radius: 0px !important;}
html body main a.k-card-tool .k-state:not(#ttbz1):not(#ttbz2){position: absolute !important; inset: auto auto -8px 50% !important; transform: translateX(-50%) !important; font-size: 10px !important; padding: 2px 7px !important; white-space: nowrap !important;}
html body main a.k-card-tool .k-state .k-ic:not(#ttbz1):not(#ttbz2){width: 10px !important; height: 10px !important;}
html body main a.k-card-tool .k-card-body:not(#ttbz1):not(#ttbz2){padding: 0px !important; margin: 0px !important; flex: 1 1 auto !important; min-width: 0px !important;}
html body main a.k-card-tool .k-tags:not(#ttbz1):not(#ttbz2){gap: 4px !important; margin: 0px 0px 4px !important; flex-wrap: wrap !important;}
html body main a.k-card-tool .k-tags > span:not(#ttbz1):not(#ttbz2){font-size: 9px !important; padding: 2px 6px !important; letter-spacing: 0.06em !important;}
html body main a.k-card-tool .k-card-body > strong:not(#ttbz1):not(#ttbz2){font-size: 16px !important; line-height: 1.2 !important; margin: 0px 0px 3px !important;}
html body main a.k-card-tool .k-tbx-list:not(#ttbz1):not(#ttbz2){margin: 0px !important; padding: 0px !important; display: block !important;}
html body main a.k-card-tool .k-tbx-list > span:not(#ttbz1):not(#ttbz2){display: none !important;}
html body main a.k-card-tool .k-tbx-list > span:first-child:not(#ttbz1):not(#ttbz2){display: block !important; font-size: 13px !important; line-height: 1.35 !important; color: rgb(91, 101, 96) !important; padding: 0px !important; margin: 0px !important;}
html body main a.k-card-tool .k-tbx-list > span:first-child::before:not(#ttbz1):not(#ttbz2){display: none !important;}
html body main a.k-card-tool[data-group="toolbox"]:not(#ttbz1):not(#ttbz2){margin-top: 12px !important;}
html body main a.k-card-tool[data-group="toolbox"]::before:not(#ttbz1):not(#ttbz2){width: 58px !important; height: 16px !important; top: -16px !important; border-width: 5px 5px 0px !important; border-radius: 10px 10px 0px 0px !important;}
html body main a.k-card-tool[data-group="toolbox"]::after:not(#ttbz1):not(#ttbz2){width: 22px !important; height: 8px !important; top: -5px !important;}
}

@media (max-width: 640px) {
html body main a.k-card-tool:not(#ttbz1):not(#ttbz2) .k-card-foot{display:none!important}
html body main a.k-card-tool:not(#ttbz1):not(#ttbz2) .pa-tool-use,html body main a.k-card-tool:not(#ttbz1):not(#ttbz2) .k-card-body>span:not(.k-tags):not(.k-kind):not(.k-card-foot){display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px!important;line-height:1.35!important;margin-top:2px!important}
html body main a.k-card-tool:not(#ttbz1):not(#ttbz2){align-items:center!important}
html body main a.k-card-tool:not(#ttbz1):not(#ttbz2)::after{content:"\203A";flex:none;margin-left:auto;font-size:26px;line-height:1;color:#c89321}
}

/* Oct 18: phone tool rows: "Add to My Tools" becomes a round + chip like the saved check, so it never covers the title. */
@media (max-width:640px){html body main .k-tw .k-mt-form:not(#ttbz1){right:14px!important;bottom:14px!important}html body main .k-tw .k-mt-btn.add:not(#ttbz1):not(#ttbz2){font-size:0!important;width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;gap:0!important}html body main .k-tw .k-mt-btn.add:not(#ttbz1):not(#ttbz2)>span{font-size:22px!important;line-height:1!important;font-weight:600!important}}

/* Oct 18: no "In My Tools" check chips on phones; they crowded the rows. */
@media (max-width:640px){html body .k-mt-in:not(#ttbz1):not(#ttbz2){display:none!important}}

/* Oct 18: phone: "Add to My Tools" is a quiet text link in the label row, not a round chip. */
@media (max-width:640px){html body main .k-tw .k-mt-form:not(#ttbz1){top:14px!important;bottom:auto!important;right:34px!important}html body main .k-tw .k-mt-btn.add:not(#ttbz1):not(#ttbz2){width:auto!important;height:auto!important;min-height:0!important;padding:2px 4px!important;border-radius:4px!important;background:transparent!important;color:#2f6b4a!important;border:0!important;box-shadow:none!important;gap:3px!important;font-size:0!important;font-weight:700!important;letter-spacing:.02em}html body main .k-tw .k-mt-btn.add:not(#ttbz1):not(#ttbz2)>span{font-size:14px!important;line-height:1!important}html body main .k-tw .k-mt-btn.add:not(#ttbz1):not(#ttbz2)::after{content:"Add";font-size:12px}}

/* Oct 20: phone card thumbnails use full artwork cropped edge to edge, without side bands or blurred padding. */
@media (max-width:640px){html body .k-paper:not(#ttbz1):not(#ttbz2):not(#ttbz3),html body .k-shortcut-thumb:not(#ttbz1):not(#ttbz2):not(#ttbz3),html body .kd-art:not(#ttbz1):not(#ttbz2):not(#ttbz3){position:relative!important;overflow:hidden!important;background-color:#efe9dc!important}html body .k-paper:not(#ttbz1):not(#ttbz2):not(#ttbz3)::before,html body .k-shortcut-thumb:not(#ttbz1):not(#ttbz2):not(#ttbz3)::before,html body .kd-art:not(#ttbz1):not(#ttbz2):not(#ttbz3)::before{content:none!important}html body .k-paper:not(#ttbz1):not(#ttbz2):not(#ttbz3) img,html body .k-shortcut-thumb:not(#ttbz1):not(#ttbz2):not(#ttbz3) img,html body .kd-art:not(#ttbz1):not(#ttbz2):not(#ttbz3) img{position:relative!important;z-index:1!important;object-fit:cover!important;object-position:50% 50%!important;padding:0!important;width:100%!important;height:100%!important;transform:none!important}html body a.k-card-tool:not(#ttbz1):not(#ttbz2):not(#ttbz3) .k-prev:not(#ttbz1):not(#ttbz2):not(#ttbz3){width:104px!important;min-width:104px!important;max-width:104px!important;flex:0 0 104px!important;height:70px!important;align-self:center!important}html body a.k-card-tool:not(#ttbz1):not(#ttbz2):not(#ttbz3) .k-paper:not(#ttbz1):not(#ttbz2):not(#ttbz3){width:104px!important;height:70px!important;min-width:0!important;max-width:104px!important;flex:none!important;border-radius:10px!important}}

/* Oct 18: phones: toolboxes keep their handle and latch (like desktop) so they read differently from tools. */
@media (max-width:640px){html body a.k-card-tool[data-group="toolbox"]:not(#ttbz1):not(#ttbz2):not(#ttbz3){position:relative!important;overflow:visible!important;border:1.5px solid #1f3a2c!important;box-shadow:0 4px 0 #1f3a2c,0 10px 22px rgba(31,58,44,.14)!important;margin-top:22px!important;margin-bottom:6px!important}html body a.k-card-tool[data-group="toolbox"]:not(#ttbz1):not(#ttbz2):not(#ttbz3)::before{content:""!important;display:block!important;position:absolute!important;left:50%!important;top:-16px!important;transform:translateX(-50%)!important;width:66px!important;height:16px!important;box-sizing:border-box!important;border:4px solid #1f3a2c!important;border-bottom:0!important;border-radius:11px 11px 0 0!important;background:transparent!important;z-index:2!important;pointer-events:none}html body a.k-card-tool[data-group="toolbox"]:not(#ttbz1):not(#ttbz2):not(#ttbz3) .k-latch{position:absolute;left:50%;top:-5px;transform:translateX(-50%);width:26px;height:9px;box-sizing:border-box;border:1.5px solid #a8791f;border-radius:3px;background:linear-gradient(#f6d27a,#e8b84a 55%,#c8962e);box-shadow:0 2px 4px rgba(120,80,10,.35);z-index:3;pointer-events:none}}
@media (min-width:641px){.k-latch{display:none}}

/* Oct 18: phones: Discover cards use the same compact row as tools (picture, title, two-line summary, chevron; whole card taps). Tool titles never run under the chevron. */
@media (max-width:640px){html body .kd-discover .kd-product:not(#ttbz1):not(#ttbz2):not(#ttbz3){display:grid!important;grid-template-columns:104px minmax(0,1fr)!important;grid-template-areas:"art head" "art desc"!important;column-gap:14px!important;row-gap:3px!important;align-items:center!important;padding:12px 36px 12px 14px!important;border:1px solid #d7dfd3!important;border-radius:16px!important;background:#fff!important;box-shadow:0 2px 7px rgba(31,58,44,.05)!important;position:relative!important;min-height:0!important}html body .kd-discover .kd-product:not(#ttbz1):not(#ttbz2):not(#ttbz3)::after{content:"\203A";position:absolute;right:14px;top:50%;transform:translateY(-52%);font-size:26px;line-height:1;color:#5d6b60;pointer-events:none}html body .kd-discover .kd-product:not(#ttbz1):not(#ttbz2):not(#ttbz3) .kd-art{grid-area:art!important;width:104px!important;height:70px!important;border-radius:10px!important;align-self:center!important;margin:0!important}html body .kd-discover .kd-product:not(#ttbz1):not(#ttbz2):not(#ttbz3) .kd-product-heading{grid-area:head!important;align-self:end!important;margin:0!important}html body .kd-discover .kd-product:not(#ttbz1):not(#ttbz2):not(#ttbz3) .kd-eyebrow{font-size:11px!important;letter-spacing:.08em!important;margin:0 0 2px!important}html body .kd-discover .kd-product:not(#ttbz1):not(#ttbz2):not(#ttbz3) h3{font-size:16px!important;line-height:1.2!important;font-weight:700!important;color:#1f3a2c!important;margin:0!important}html body .kd-discover .kd-product:not(#ttbz1):not(#ttbz2):not(#ttbz3) .kd-description{grid-area:desc!important;align-self:start!important;margin:0!important;font-size:13px!important;line-height:1.35!important;color:#5b665e!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}html body .kd-discover .kd-product:not(#ttbz1):not(#ttbz2):not(#ttbz3) .kd-product-footer{position:static!important;margin:0!important;padding:0!important;height:0!important;overflow:visible!important;border:0!important}html body .kd-discover .kd-product:not(#ttbz1):not(#ttbz2):not(#ttbz3) .kd-action{position:absolute!important;inset:0!important;font-size:0!important;color:transparent!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:16px!important;z-index:2!important;min-height:0!important;width:auto!important;height:auto!important}html body .kd-discover .kd-product:not(#ttbz1):not(#ttbz2):not(#ttbz3) .kd-action>span{display:none!important}html body .kd-discover .kd-product:not(#ttbz1):not(#ttbz2):not(#ttbz3) .kd-action:focus-visible{outline:3px solid #e6b740!important;outline-offset:2px!important}html body a.k-card-tool:not(#ttbz1):not(#ttbz2):not(#ttbz3) .k-card-body:not(#ttbz1):not(#ttbz2):not(#ttbz3){padding-right:20px!important}}

/* Oct 18: phone Discover rows: price sits on its own line under the summary. */
@media (max-width:640px){html body .kd-discover .kd-product:not(#ttbz1):not(#ttbz2):not(#ttbz3){grid-template-areas:"art head" "art desc" "art price"!important}html body .kd-discover .kd-product:not(#ttbz1):not(#ttbz2):not(#ttbz3) .kd-product-footer{grid-area:price!important;height:auto!important;display:block!important}html body .kd-discover .kd-product:not(#ttbz1):not(#ttbz2):not(#ttbz3) .kd-price{margin:2px 0 0!important;padding:0!important;display:flex!important;flex-wrap:wrap!important;gap:0 6px!important;font-size:12.5px!important;line-height:1.3!important;font-weight:700!important;color:#2f6b4a!important;position:static!important;text-align:left!important}html body .kd-discover .kd-product:not(#ttbz1):not(#ttbz2):not(#ttbz3) .kd-price span{font-size:inherit!important}html body .kd-discover .kd-product:not(#ttbz1):not(#ttbz2):not(#ttbz3) .kd-price-alternative{font-weight:500!important;color:#5b665e!important}html body .kd-discover .kd-product:not(#ttbz1):not(#ttbz2):not(#ttbz3) .kd-product-footer:not(:has(.kd-price)){height:0!important}}

/* Oct 18, 2026: room between the My Tools heading and the empty-state "Add a tool" tile */
.k-sec > h2.k-h2 + .k-mt-add{margin-top:18px!important}
@media (max-width:640px){.k-sec > h2.k-h2 + .k-mt-add{margin-top:14px!important}}