/* Blog: Pricing's shell and heading position, flat cards, and a calm reading column. */
body.home.wk-blog-page {
  display: block;
  --wk-blog-shell: min(calc(100% - 2 * (clamp(24px, 6vw, 80px) + 48px)), 1104px);
  --wk-blog-inset: calc((100% - var(--wk-blog-shell)) / 2);
}
.wk-blog-page { background: #fff; color: #292929; }
.wk-blog { width: 100%; margin: 0; font-family: Inter, sans-serif; --blog-muted: #656b73; }
.wk-blog *, .wk-resources .wk-blog-card * { box-sizing: border-box; }
.wk-blog a { color: inherit; }
.wk-blog a:focus-visible, .wk-blog button:focus-visible, .wk-blog summary:focus-visible, .wk-blog [tabindex]:focus-visible { outline: 2px solid #093acd; outline-offset: 4px; }
.wk-blog h1, .wk-blog h2, .wk-blog h3, .wk-blog p, .wk-blog figure { margin: 0; }
.wk-blog h1 { font-family: var(--wk-display, Newsreader, Georgia, serif); font-weight: 375; letter-spacing: -.035em; text-wrap: balance; }
/* Figures stay in the text face, including inside serif headlines. */
.wk-blog-num { font-family: Inter, sans-serif; font-weight: 300; letter-spacing: -.05em; }

body.wk-blog-page :is(.wk-blog-index-head, .wk-blog-index-content, .wk-blog-article-head, .wk-blog-reading, .wk-blog-related, .wk-blog-bottom) { padding-inline: var(--wk-blog-inset); }

/* Index */
body.wk-blog-page .wk-blog-index-head { padding-block: 160px 32px; border-bottom: 1px solid var(--wk-grid-color); }
.wk-blog-index-head h1 { font-size: clamp(44px, 4vw, 56px); line-height: 1; }
.wk-blog-index-head > p { max-width: 540px; margin-top: 20px; font-size: 16px; line-height: 1.5; color: var(--blog-muted); }
body.wk-blog-page .wk-blog-index-content { padding-block: 24px 72px; }
/* Varied placements: lead story, side stories, rows, a wide story and compact rows. */
.wk-blog-lead { display: grid; grid-template-columns: minmax(0, calc((100% - 32px) / 3 * 2 + 16px)) minmax(0, 1fr); gap: 16px; }
.wk-blog-side { display: grid; grid-template-rows: 1fr 1fr; gap: 16px; }
.wk-blog-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
.wk-blog-cards-two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wk-blog-wide, .wk-blog-rows { display: grid; gap: 16px; margin-top: 16px; }
.wk-blog-related .wk-blog-cards { margin-top: 0; }

.wk-blog-card { display: flex; flex-direction: column; min-width: 0; padding: 10px; border: 1px solid var(--wk-stone, #dedede); border-radius: 4px; background: #fff; box-shadow: 0 2px 3px rgba(15,25,36,.035), 0 18px 32px rgba(15,25,36,.065); color: inherit; text-decoration: none; }
.wk-blog-card:hover { border-color: #000; }
.wk-blog-card .wk-blog-cover { padding: 0; border: 0; }
.wk-blog-card-body { display: flex; flex: 1; flex-direction: column; padding: 16px 12px 10px; }
.wk-blog-card :is(h2, h3) { margin: 8px 0 8px; font: 375 25px/1.12 var(--wk-display, Newsreader, Georgia, serif); letter-spacing: -.025em; text-wrap: balance; }
.wk-blog-card-body > p { margin: 0 0 18px; font-size: 14px; line-height: 1.5; color: #656b73; }
.wk-blog-card-meta { font-size: 13px; line-height: 1.4; color: #656b73; }
.wk-blog-card-byline { display: flex; align-items: center; gap: 8px; margin-top: auto; font-size: 12px; line-height: 1.4; color: #656b73; }
.wk-blog-card-byline img, .wk-blog-byline img { flex: none; border-radius: 50%; object-fit: cover; }
.wk-blog-card-byline > span { color: #292929; }
.wk-blog-card-byline time { margin-left: auto; white-space: nowrap; }

.wk-blog-card.is-lead :is(h2, h3) { font-size: clamp(32px, 3.2vw, 44px); line-height: 1.05; letter-spacing: -.03em; }
.wk-blog-card.is-lead .wk-blog-card-body > p { max-width: 620px; font-size: 16px; }
.wk-blog-card.is-side :is(h2, h3) { margin-bottom: 14px; font-size: 22px; }
.wk-blog-card.is-wide { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 24px; align-items: center; }
.wk-blog-card.is-wide .wk-blog-cover { order: 2; }
.wk-blog-card.is-wide .wk-blog-card-body { padding: 16px; }
.wk-blog-card.is-wide :is(h2, h3) { font-size: clamp(30px, 3vw, 40px); line-height: 1.08; letter-spacing: -.03em; }
.wk-blog-card.is-wide .wk-blog-card-byline { margin-top: 8px; }
.wk-blog-cards-two .wk-blog-card :is(h2, h3) { font-size: 30px; line-height: 1.08; }
.wk-blog-card.is-row { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 20px; align-items: center; box-shadow: none; }
.wk-blog-card.is-row .wk-blog-card-body { padding: 4px 12px 4px 0; }

/* Buttons */
.wk-blog-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.wk-blog a.wk-blog-primary, .wk-blog a.wk-blog-secondary { display: inline-flex; align-items: center; justify-content: space-between; gap: 20px; padding: 12px 16px; border: 1px solid #000; border-radius: 4px; font-size: 14px; line-height: 1.2; text-decoration: none; }
.wk-blog a.wk-blog-primary { background: #000; color: #fff; }
.wk-blog a.wk-blog-secondary { background: #fff; color: #000; }

/* Article header: title and facts beside one contained cover, like Careers. */
.wk-blog > article.wk-grid-section { border-top: 0; }
body.wk-blog-page .wk-blog-article-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 480px); gap: 56px; align-items: center; padding-block: 136px 40px; border-bottom: 1px solid var(--wk-grid-color); }
.wk-blog-article-head h1 { font-size: clamp(38px, 3.8vw, 54px); line-height: 1.04; }
.wk-blog-author-row { display: flex; flex-direction: column; gap: 16px; margin-top: 28px; }
.wk-blog-byline { display: flex; align-items: center; gap: 12px; font-size: 14px; line-height: 1.3; }
.wk-blog-byline a { text-decoration: none; }
.wk-blog-byline a:hover { text-decoration: underline; text-underline-offset: 3px; }
.wk-blog-byline span { display: block; margin-top: 2px; font-size: 13px; color: var(--blog-muted); }
.wk-blog-meta { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 13px; line-height: 1.4; color: var(--blog-muted); }
.wk-blog-meta a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.wk-blog-cover { width: 100%; padding: 8px; border: 1px solid var(--wk-stone, #dedede); border-radius: 4px; background: #fff; }
.wk-blog-cover-inner { position: relative; overflow: hidden; border-radius: 4px; background: #fff; }
.wk-blog .wk-blog-cover-logo { position: absolute; left: 5%; top: 8%; display: block; width: 23%; max-width: 210px; height: auto; object-fit: contain; }

/* Reading column and contents */
.wk-blog-progress { position: fixed; z-index: 1000; inset: 0 0 auto; height: 2px; background: #093acd; transform: scaleX(0); transform-origin: left; pointer-events: none; }
body.wk-blog-page .wk-blog-reading { display: grid; grid-template-columns: 220px minmax(0, 720px); gap: 56px; justify-content: space-between; align-items: start; padding-block: 48px 72px; }
.wk-blog-sidebar { position: sticky; top: 96px; max-height: calc(100vh - 112px); overflow-y: auto; scrollbar-width: thin; }
.wk-blog-sidebar h2 { margin-bottom: 12px; font: 500 13px/1.4 Inter, sans-serif; }
.wk-blog-toc ol, .wk-blog-mobile-toc ol { margin: 0; padding: 0; list-style: none; }
.wk-blog-toc ol { border-left: 1px solid var(--wk-stone, #dedede); }
.wk-blog-toc li a { display: block; margin-left: -1px; padding: 6px 0 6px 12px; border-left: 1px solid transparent; color: var(--blog-muted); font-size: 13px; line-height: 1.4; text-decoration: none; }
.wk-blog-toc a:hover { color: #000; }
.wk-blog-toc a[aria-current] { border-left-color: #000; color: #000; }
.wk-blog .wk-blog-rail-cta { width: 100%; margin-top: 20px; font-size: 13px; }
.wk-blog-mobile-toc { display: none; margin-bottom: 28px; padding: 14px 16px; border: 1px solid var(--wk-stone, #dedede); border-radius: 4px; font-size: 14px; }
.wk-blog-mobile-toc summary { cursor: pointer; }
.wk-blog-mobile-toc li { margin-top: 10px; line-height: 1.4; }
.wk-blog-mobile-toc a { text-decoration: none; }

.wk-blog-prose { min-width: 0; font-size: 17px; line-height: 1.65; letter-spacing: -.012em; }
.wk-blog-prose p { margin: 0 0 20px; }
.wk-blog-prose h2 { margin: 44px 0 14px; font: 500 26px/1.2 Inter, sans-serif; letter-spacing: -.03em; scroll-margin-top: 96px; text-wrap: balance; }
.wk-blog-prose h3 { margin: 28px 0 10px; font: 500 19px/1.3 Inter, sans-serif; letter-spacing: -.02em; scroll-margin-top: 96px; }
.wk-blog-prose ul, .wk-blog-prose ol { margin: 0 0 20px; padding-left: 22px; }
.wk-blog-prose li { margin-bottom: 8px; }
.wk-blog-prose a { color: #093acd; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; overflow-wrap: anywhere; }
.wk-blog-prose strong { font-weight: 500; }
.wk-blog-prose em { font-style: normal; }
.wk-blog-prose blockquote { margin: 0 0 28px; padding: 18px 20px; border: 1px solid var(--wk-stone, #dedede); border-radius: 4px; background: #fafafa; }
.wk-blog-prose blockquote p:last-child, .wk-blog-prose blockquote ul:last-child, .wk-blog-prose blockquote ol:last-child { margin-bottom: 0; }
.wk-blog-table { margin: 4px 0 24px; overflow-x: auto; border: 1px solid var(--wk-stone, #dedede); border-radius: 4px; }
.wk-blog-table table { width: 100%; min-width: 480px; border-collapse: collapse; font-size: 14px; line-height: 1.45; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
.wk-blog-table th { background: #fafafa; font-weight: 500; text-align: left; }
.wk-blog-table th, .wk-blog-table td { padding: 11px 14px; border-bottom: 1px solid var(--wk-stone, #dedede); vertical-align: top; }
.wk-blog-table tr:last-child td { border-bottom: 0; }
.wk-blog-inline-cta { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 36px 0 8px; padding: 14px 18px; border-radius: 4px; background: #000; line-height: 1.4; font-size: 15px; }
.wk-blog-prose a.wk-blog-inline-cta, .wk-blog-prose a.wk-blog-inline-cta:hover { color: #fff; text-decoration: none; overflow-wrap: normal; }
.wk-blog-inline-cta span:last-child { flex: none; }

body.wk-blog-page .wk-blog-related { padding-block: 48px 72px; border-top: 1px solid var(--wk-grid-color); }
.wk-blog-related > h2 { margin-bottom: 24px; font: 375 32px/1.1 var(--wk-display, Newsreader, Georgia, serif); letter-spacing: -.03em; }

@media (max-width: 1000px) {
  body.wk-blog-page .wk-blog-article-head { grid-template-columns: 1fr; gap: 32px; }
  body.wk-blog-page .wk-blog-hero { max-width: 560px; }
  body.wk-blog-page .wk-blog-reading { grid-template-columns: 180px minmax(0, 1fr); gap: 32px; }
  .wk-blog-lead { grid-template-columns: 1fr; }
  .wk-blog-side { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto; }
  .wk-blog-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wk-blog-card.is-wide { grid-template-columns: 1fr; gap: 0; }
  .wk-blog-card.is-wide .wk-blog-cover { order: 0; }
}
@media (max-width: 760px) {
  body.home.wk-blog-page { --wk-blog-shell: min(calc(100% - 2 * (clamp(24px, 6vw, 80px) + 16px)), 560px); }
  body.wk-blog-page .wk-blog-index-head { padding-block: 144px 24px; }
  .wk-blog-index-head h1 { font-size: clamp(44px, 11vw, 52px); }
  body.wk-blog-page .wk-blog-article-head { padding-block: 112px 28px; }
  .wk-blog-article-head h1 { font-size: 38px; }
  body.wk-blog-page .wk-blog-reading { display: block; padding-block: 24px 48px; }
  .wk-blog-sidebar { display: none; }
  .wk-blog-mobile-toc { display: block; }
  .wk-blog-prose { font-size: 16px; }
  .wk-blog-prose h2 { margin-top: 36px; font-size: 23px; }
  .wk-blog-side, .wk-blog-cards, .wk-blog-cards-two { grid-template-columns: 1fr; }
  .wk-blog-card.is-row { grid-template-columns: 1fr; gap: 0; }
  .wk-blog-card.is-row .wk-blog-card-body { padding: 16px 12px 10px; }
  .wk-blog-inline-cta { align-items: flex-start; flex-direction: column; gap: 6px; }
}
@media (max-width: 420px) {
  body.home.wk-blog-page { --wk-blog-shell: calc(100% - 2 * (24px + 12px)); }
}

/* Generated per article, including a unique palette, contours and grain. */
:is(body.wk-blog-page, .wk-resources) .wk-blog-gradient { position: relative; aspect-ratio: 2 / 1; width: 100%; overflow: hidden; isolation: isolate; }
:is(body.wk-blog-page, .wk-resources) .wk-blog-gradient-art { display: block; width: 100%; height: 100%; object-fit: cover; }
:is(body.wk-blog-page, .wk-resources) .wk-blog-cover-logo { z-index: 3; }

/* Product-style illustration, not an interactive form inside the article link. */
/* Scale every part against the artwork, including related-article thumbnails. */
.wk-blog-search-demo { position:absolute; inset:46% 16% auto; transform:translateY(-15%); pointer-events:none; font-family:var(--wk-font-sans, Inter, sans-serif); }
.wk-blog-search-bar { display:flex; align-items:center; gap:1.1cqw; padding:1cqw 1.2cqw 1cqw 1.6cqw; height:6.4cqw; background:#fff; border: max(1px,.18cqw) solid #093acd; border-radius:4px; box-shadow:0 .3cqw .7cqw #101c3c20,0 2.2cqw 6cqw #10275b40; color:#111; }
.wk-blog-search-add { font-size:2.6cqw; line-height:1; flex:none; }
.wk-blog-search-query { flex:1; min-width:0; font-size:1.55cqw; line-height:1.3; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wk-blog-search-query.is-typing::after { content:''; display:inline-block; width:1px; height:1.1em; margin-left:2px; vertical-align:-.15em; background:currentColor; }
.wk-blog-search-mic { display:block; flex:none; width:2cqw; height:2.4cqw; color:#777; }
.wk-blog-search-send { display:grid; place-items:center; flex:none; width:3.8cqw; height:3.8cqw; color:white; background:#000; border-radius:4px; }
.wk-blog-search-send svg { width:2.3cqw; height:2.3cqw; }
.wk-blog-search-chips { display:flex; flex-wrap:nowrap; gap:.6cqw; margin-top:1.6cqw; overflow:hidden; mask-image:linear-gradient(to right,#000 0%,#000 93%,transparent 100%); }
.wk-blog-search-chips span { flex:none; white-space:nowrap; padding:.7cqw 1cqw; border:1px solid #d0cfcd; border-radius:4px; background:#fff; color:#777; font-size:1.1cqw; line-height:1.3; }
.wk-blog-search-chips .is-active { color:#111; background:#f7f6f5; }

/* Article-specific product illustrations scale with the cover, not the viewport. */
.wk-blog-cover-inner { container-type:inline-size; }
.wk-cover-widget { position:absolute; z-index:2; top:28%; left:12%; width:76%; padding:0; box-sizing:border-box; background:transparent; border:0; box-shadow:none; color:#171717; font-family:Inter,sans-serif; font-size:2.6cqw; line-height:1.35; pointer-events:none; }
.wk-cover-widget-head { display:flex; justify-content:space-between; align-items:center; gap:2cqw; margin-bottom:2.5cqw; font-size:3cqw; }
.wk-cover-widget-head small { font-size:1.65cqw; color:#777; white-space:nowrap; }
.wk-cover-zoning-body { display:grid; grid-template-columns:36% 1fr; gap:3cqw; align-items:center; }
.wk-cover-zoning-body span { display:block; }
.wk-cover-label,.wk-cover-detail { font-size:2cqw; color:#747980; }
.wk-cover-value { margin:1cqw 0; font-size:3cqw; }
.wk-cover-source { margin-top:2cqw; color:#093acd; font-size:2cqw; }
.wk-cover-comps > div { display:grid; grid-template-columns:38% 1fr 16%; align-items:center; gap:2cqw; padding:1.4cqw 0; border-top:1px solid #eeeff1; }
.wk-cover-comps > div:first-child { border:0; padding-top:0; font-size:2cqw; color:#777; }
.wk-cover-comps > div:first-child span:last-child { grid-column:2 / 4; text-align:right; }
.wk-cover-comps > div > span:last-child { text-align:right; font-variant-numeric:tabular-nums; }
.wk-cover-bar { display:block; height:2cqw; background:#093acd; border-radius:2px; }
.wk-cover-bar-one { width:70%; opacity:.5; }.wk-cover-bar-two { width:100%; }.wk-cover-bar-three { width:84%; opacity:.7; }
.wk-cover-widget-foot { display:flex; justify-content:space-between; border-top:1px solid #eeeff1; padding-top:1.5cqw; margin-top:1cqw; color:#777; font-size:1.8cqw; }
.wk-cover-widget-foot span { color:#093acd; }
.wk-cover-tenants > div { display:flex; gap:2cqw; align-items:center; border-top:1px solid #eeeff1; padding:1.6cqw 0; }
.wk-cover-tenants > div:last-child { padding-bottom:0; }
.wk-cover-suite { display:grid; place-items:center; width:5.5cqw; height:5.5cqw; background:#f5f6f8; border:1px solid #e5e7eb; border-radius:4px; color:#666; font-size:2cqw; }
.wk-cover-tenants small { display:block; color:#777; font-size:1.8cqw; margin-top:.4cqw; }
.wk-cover-status { margin-left:auto; font-size:1.7cqw; padding:.7cqw 1cqw; border:1px solid #e5e7eb; border-radius:4px; color:#666; white-space:nowrap; }

/* Floating pieces leave the photographic background visible between results. */
.wk-cover-widget-head,
.wk-cover-zoning-body > div,
.wk-cover-comps,
.wk-cover-widget-foot,
.wk-cover-tenants > div {
 box-sizing:border-box; background:#fff; border:1px solid #dedede;
 border-radius:4px; box-shadow:0 2px 4px #0000000a,0 7px 18px #00000020;
}
.wk-cover-widget-head { padding:2cqw 2.5cqw; margin-bottom:2cqw; }
.wk-cover-zoning-body { grid-template-columns:36% 1fr; gap:2cqw; align-items:stretch; }
.wk-cover-zoning-body > div { padding:2.5cqw; }
.wk-cover-comps { padding:1.8cqw 2.5cqw; }
.wk-cover-widget-foot { padding:1.6cqw 2.5cqw; margin-top:2cqw; }
.wk-cover-tenants { display:grid; gap:1.7cqw; }
.wk-cover-tenants > div,
.wk-cover-tenants > div:last-child { padding:1.3cqw 2.5cqw; }

.wk-cover-zoning-body { grid-template-columns:43% 1fr; }
.wk-cover-records .wk-cover-label { margin-bottom:1.4cqw; }
.wk-cover-records .wk-cover-record-item { display:flex; justify-content:space-between; gap:1cqw; padding:1.2cqw 0; border-top:1px solid #eeeff1; font-size:2.3cqw; color:#262626; }
.wk-cover-record-item > span { color:#777; }

/* Local contrast behind the white logo on the pale lake cover. */
.wk-blog-cover-logo-shade::after {
 content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
 background:radial-gradient(ellipse at 7% 9%,rgba(0,36,35,.7) 0%,rgba(0,36,35,.35) 19%,transparent 46%);
}

/* Comparison cover: official marks, balanced at every card size. */
.wk-cover-brands { position:absolute; z-index:3; inset:0; display:flex; align-items:center; justify-content:center; gap:7%; padding:12%; background:rgba(0,20,20,.12); }
.wk-cover-brands img { display:block; width:40%; height:auto; filter:brightness(0) invert(1); }
.wk-cover-brands span { width:1px; height:22%; background:rgba(255,255,255,.35); flex:none; }

.wk-cover-brands img:first-child { width:48%; }
.wk-cover-brands img:last-child { width:32%; }

/* Worksheet covers keep every row inside the 2:1 artwork at any size. */
.wk-cover-widget[data-cover-visual="worksheet"] { top:22%; left:14%; width:72%; }
.wk-cover-widget[data-cover-visual="worksheet"] .wk-cover-widget-head { margin-bottom:1.2cqw; padding:1.4cqw 2.2cqw; }
.wk-cover-widget[data-cover-visual="worksheet"] .wk-cover-tenants { gap:1cqw; }
.wk-cover-widget[data-cover-visual="worksheet"] .wk-cover-tenants > div { padding:.8cqw 2.2cqw; }
.wk-cover-widget[data-cover-visual="worksheet"] .wk-cover-suite { width:4.4cqw; height:4.4cqw; }

/* Comparison covers: each brand on its own color, big enough to read as a thumbnail. */
.wk-cover-matchup { position:absolute; z-index:3; inset:0; display:grid; grid-template-columns:1fr 1fr; align-items:center; color:#fff; font-family:Inter,sans-serif; }
.wk-cover-side { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3.4cqw; min-width:0; padding:0 5cqw; }
.wk-cover-side img { display:block; width:100%; max-width:37cqw; height:auto; filter:brightness(0) invert(1); }
.wk-cover-side img.wk-cover-mono { max-width:32cqw; filter:brightness(0) invert(1); }
.wk-cover-side strong { font-size:6.4cqw; font-weight:400; line-height:1; letter-spacing:-.05em; white-space:nowrap; font-variant-numeric:tabular-nums; }
.wk-cover-vs { position:absolute; left:50%; top:50%; display:grid; place-items:center; width:8.5cqw; height:8.5cqw; border-radius:50%; background:#fff; color:#000; font-size:3cqw; line-height:1; transform:translate(-50%,-50%); }

/* Closing product invitation: shared grid shell, framed surface, real interface. */
body.wk-blog-page .wk-blog-bottom { display:block; padding-block:40px 56px; border-top:1px solid var(--wk-grid-color); }
.wk-blog-product-frame { padding:5px; border:1px solid #dedede; border-radius:4px; background:#f5f5f5; box-shadow:0 2px 4px #00000005,0 12px 30px #00000009; }
.wk-blog-product-card { position:relative; isolation:isolate; min-height:400px; overflow:hidden; border:1px solid #242424; border-radius:4px; background:#000; color:#fff; }
.wk-blog-product-copy { position:relative; z-index:2; width:54%; padding:48px 0 48px 44px; }
.wk-blog-product-copy > img { display:block; width:132px; height:auto; margin-bottom:32px; }
.wk-blog-product-copy h2 { font:375 clamp(32px,3.3vw,46px)/1.06 var(--wk-display, Newsreader, Georgia, serif); letter-spacing:-.025em; margin:0; }
.wk-blog-product-copy h2 span { color:#a5a5a5; }
.wk-blog-product-copy p { max-width:370px; color:#656b73; font:400 14px/1.6 Inter,sans-serif; margin-top:20px; }
.wk-blog-product-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.wk-blog-product-actions a { display:inline-flex; align-items:center; justify-content:space-between; gap:20px; border:1px solid #464646; border-radius:4px; padding:12px 16px; font:400 13px/1.4 Inter,sans-serif; text-decoration:none; }
.wk-blog-product-actions .wk-blog-product-primary { background:#fff; color:#000; border-color:#fff; }
.wk-blog-product-actions .wk-blog-product-secondary { background:#000; color:#fff; border-color:#464646; }
.wk-blog-product-actions a:hover { border-color:#aaa; }
.wk-blog-product-art { position:absolute; inset:0 0 0 43%; z-index:1; overflow:hidden; mask-image:linear-gradient(90deg,transparent,#000 20%); }
.wk-blog-product-art > .wk-app-preview { position:absolute; top:42px; left:65px; transform:perspective(1400px) rotateX(16deg) rotateY(-12deg) rotateZ(13deg) skewX(-8deg); transform-origin:top left; box-shadow:0 20px 60px #000; }
.wk-blog-product-art::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,#000 0%,transparent 36%),linear-gradient(90deg,#000,transparent 23%); }
@media(max-width:760px) {
 body.wk-blog-page .wk-blog-bottom { padding-block:28px 40px; }
 .wk-blog-product-copy { width:100%; padding:30px 24px 0; }
 .wk-blog-product-copy > img { margin-bottom:26px; }
 .wk-blog-product-copy h2 { font-size:36px; margin-bottom:0; }
 .wk-blog-product-copy p { max-width:390px; }
 .wk-blog-product-art { position:relative; inset:auto; height:220px; margin-top:26px; mask-image:none; }
 .wk-blog-product-art > .wk-app-preview { top:12px; left:35px; scale:.7; }
 .wk-blog-product-art::after { background:linear-gradient(0deg,#000,transparent 65%); }
}
@media(max-width:420px) {
 .wk-blog-product-copy { padding-inline:18px; }
 .wk-blog-product-copy h2 { font-size:31px; }
 .wk-blog-product-actions { gap:8px; }
 .wk-blog-product-actions a { padding:10px 12px; gap:12px; font-size:12px; }
}

/* Static product home: original app hierarchy, dark palette for the closing artwork. */
.wk-app-preview { width:1050px; height:660px; display:grid; grid-template-columns:164px 1fr; background:#141414; border:1px solid #414141; border-radius:4px; overflow:hidden; color:#e7e7e7; font:400 11px/1.45 Inter,sans-serif; pointer-events:none; }
.wk-app-preview * { box-sizing:border-box; }
.wk-app-sidebar { background:#1b1b1b; border-right:1px solid #303030; padding:13px 7px; }
.wk-app-sidebar > img { display:block; width:118px; height:auto; margin:0 6px 17px; }
.wk-app-new,.wk-app-nav { display:flex; align-items:center; gap:9px; height:33px; padding:0 9px; border-radius:4px; white-space:nowrap; }
.wk-app-new { background:#000; margin-bottom:8px; }
.wk-app-new small { margin-left:auto; color:#999; font-size:9px; }
.wk-app-nav { color:#bcbcbc; }
.wk-app-nav.is-selected { background:#303030; color:#fff; }
.wk-app-nav:nth-of-type(5),.wk-app-nav:nth-of-type(9) { border-bottom:1px solid #373737; margin-bottom:8px; padding-bottom:5px; height:40px; }
.wk-app-recents { border-top:1px solid #373737; margin-top:12px; padding:12px 7px; color:#b1b1b1; }
.wk-app-recents small { display:block; margin:15px 0 9px; font-size:10px; color:#858585; }
.wk-app-recents div { padding:8px 0; }
.wk-app-main { position:relative; min-width:0; }
.wk-app-top { height:43px; border-bottom:1px solid #303030; display:flex; align-items:center; justify-content:space-between; padding:0 16px; }
.wk-app-top > div { display:flex; align-items:center; gap:7px; width:310px; height:26px; border:1px solid #3a3a3a; border-radius:4px; color:#929292; padding:0 9px; }
.wk-app-top small { margin-left:auto; }
.wk-app-toolbar { display:flex; justify-content:space-between; padding:14px 18px; }
.wk-app-toolbar > span:last-child { color:#a3a3a3; }
.wk-app-workspace { width:640px; margin:103px auto 0; }
.wk-app-greeting { font:500 27px/1.2 Inter,sans-serif; letter-spacing:-1px; text-align:center; margin-bottom:38px; color:#f5f5f5; }
.wk-app-composer { display:flex; align-items:center; gap:13px; height:48px; padding:0 16px; border:1px solid #555; border-radius:4px; background:#202020; box-shadow:0 1px 6px #0005; color:#aaa; }
.wk-app-composer span { flex:1; }
.wk-app-composer svg:first-child { color:#eee; }
.wk-app-tabs { display:flex; gap:5px; margin:14px 0 8px; overflow:hidden; white-space:nowrap; mask-image:linear-gradient(90deg,#000 92%,transparent); }
.wk-app-tabs span { padding:5px 9px; border:1px solid #3b3b3b; border-radius:4px; color:#a4a4a4; font-size:10px; }
.wk-app-tabs span:first-child { background:#2b2b2b; color:#eee; }
.wk-app-suggestions { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.wk-app-suggestions > div { position:relative; padding:12px 29px 12px 12px; background:#232323; border-radius:4px; min-height:72px; }
.wk-app-suggestions p { margin:4px 0 0; color:#a4a4a4; font:400 10px/1.5 Inter,sans-serif; }
.wk-app-suggestions svg { position:absolute; right:10px; top:31px; width:12px; color:#aaa; }
.wk-app-caption { position:absolute; bottom:13px; width:100%; text-align:center; font-size:10px; color:#777; }
/* Show the whole home layout at a smaller scale before applying the inward tilt. */
.wk-blog-product-art > .wk-app-preview { scale:.74; }
@media(max-width:700px) { .wk-blog-product-art > .wk-app-preview { scale:.58; } }

/* Crisp neutral contrast follows the lettering without tinting the artwork. */
.wk-blog-cover-matchup-shade .wk-cover-side img,
.wk-blog-cover-clean-shadow .wk-blog-cover-logo {
 filter:brightness(0) invert(1) drop-shadow(0 1px 1px rgba(0,0,0,.48)) drop-shadow(0 2px 4px rgba(0,0,0,.22));
}
.wk-blog-cover-matchup-shade .wk-cover-side strong { text-shadow:0 1px 2px rgba(0,0,0,.5); }