.docsiv-design .bl-shell{--bl-side-width:clamp(240px, 22vw, 300px);--bl-shell-gap:clamp(40px, 6vw, 96px);grid-template-columns:var(--bl-side-width) minmax(0, 1fr);gap:var(--bl-shell-gap);align-items:flex-start;display:grid;position:relative}.docsiv-design .bl-shell:before{content:"";top:0;bottom:0;left:var(--bl-side-width);margin-left:calc(var(--bl-shell-gap) / 2);background:var(--dd-border);pointer-events:none;width:1px;position:absolute}@media (max-width:980px){.docsiv-design .bl-shell{grid-template-columns:1fr;gap:32px}.docsiv-design .bl-shell:before{display:none}.docsiv-design .bl-side-nav{flex-flow:wrap;gap:6px 10px;margin-top:8px;padding-top:18px}.docsiv-design .bl-side-nav-item{border:1px solid var(--dd-border);background:#fff;border-radius:999px;padding:6px 12px;font-size:14px}.docsiv-design .bl-side-nav-item.is-active{background:var(--dd-ink);border-color:var(--dd-ink);color:#f5f5f3}}.docsiv-design .bl-side{position:sticky;top:96px}@media (max-width:980px){.docsiv-design .bl-side{position:static;top:auto}}.docsiv-design .bl-side-inner{flex-direction:column;gap:18px;display:flex}.docsiv-design .bl-side-title{font-family:var(--dd-font-display);letter-spacing:-.035em;color:var(--dd-ink);margin:0;font-size:clamp(40px,4.4vw,56px);font-weight:400;line-height:1}.docsiv-design .bl-side-title em{color:var(--dd-ink-2);font-style:italic;font-weight:400}.docsiv-design .bl-side-desc{color:var(--dd-ink-2);max-width:280px;margin:0;font-size:14.5px;line-height:1.55}.docsiv-design .bl-side-nav{border-top:1px solid var(--dd-border);flex-direction:column;margin-top:14px;padding-top:22px;display:flex}.docsiv-design .bl-side-nav-item{font-family:var(--dd-font-display);letter-spacing:-.012em;color:var(--dd-ink-2);align-items:center;padding:8px 0;font-size:17px;font-weight:400;text-decoration:none;transition:color .15s;display:inline-flex;position:relative}.docsiv-design .bl-side-nav-item:hover,.docsiv-design .bl-side-nav-item.is-active{color:var(--dd-ink)}.docsiv-design .bl-editorial{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 40px;display:grid}@media (max-width:640px){.docsiv-design .bl-editorial{grid-template-columns:1fr;row-gap:40px}}.docsiv-design .bl-editorial .bl-card{background:0 0;border:none;border-radius:0;overflow:visible}.docsiv-design .bl-editorial .bl-card:hover{border:none;transform:none}.docsiv-design .bl-editorial .bl-card-cover{aspect-ratio:16/10;background:var(--dd-bg);border:none;border-radius:14px}.docsiv-design .bl-editorial .bl-card:hover .bl-card-cover img{transform:scale(1.025)}.docsiv-design .bl-editorial .bl-card-body{gap:12px;padding:20px 2px 0}.docsiv-design .bl-editorial .bl-card-body h3{letter-spacing:-.022em;-webkit-line-clamp:2;font-size:clamp(22px,1.7vw,26px);line-height:1.16}.docsiv-design .bl-editorial .bl-card-body p{-webkit-line-clamp:3;font-size:15px;line-height:1.55}.docsiv-design .bl-editorial .bl-card-foot{border-top:none;padding-top:18px}.docsiv-design .bl-empty{border:1px dashed var(--dd-border);text-align:center;color:var(--dd-ink-2);background:#fff;border-radius:16px;padding:56px 24px}.docsiv-design .bl-empty p{margin:0;font-size:15px;line-height:1.5}.docsiv-design .bl-empty a{font-family:var(--dd-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dd-ink);border-bottom:1px solid var(--dd-border-strong);margin-top:16px;padding-bottom:2px;font-size:11px;text-decoration:none;display:inline-flex}.docsiv-design .bl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (max-width:1000px){.docsiv-design .bl-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.docsiv-design .bl-grid{grid-template-columns:1fr}}.docsiv-design .bl-card{border:1px solid var(--dd-border);color:inherit;background:#fff;border-radius:16px;flex-direction:column;height:100%;text-decoration:none;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.docsiv-design .bl-card:hover{border-color:var(--dd-border-strong);transform:translateY(-2px)}.docsiv-design .bl-card-cover{aspect-ratio:16/10;background:var(--dd-bg);border-bottom:1px solid var(--dd-border);position:relative;overflow:hidden}.docsiv-design .bl-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);display:block}.docsiv-design .bl-card:hover .bl-card-cover img{transform:scale(1.02)}.docsiv-design .bl-card-body{flex-direction:column;flex:1;gap:12px;padding:22px;display:flex}.docsiv-design .bl-card-body .eyebrow{font-family:var(--dd-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dd-ink-3);font-size:10.5px}.docsiv-design .bl-card-body h3{font-family:var(--dd-font-display);letter-spacing:-.018em;color:var(--dd-ink);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:19px;font-weight:400;line-height:1.22;display:-webkit-box;overflow:hidden}.docsiv-design .bl-card-body p{color:var(--dd-ink-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.docsiv-design .bl-card-foot{border-top:1px solid var(--dd-border);align-items:center;gap:12px;margin-top:auto;padding-top:14px;display:flex}.docsiv-design .bl-card-byline{flex-direction:column;gap:1px;min-width:0;display:flex}.docsiv-design .bl-card-byline .name{font-family:var(--dd-font-body);color:var(--dd-ink);font-size:13.5px;font-weight:400;line-height:1.2}.docsiv-design .bl-card-byline .meta{font-family:var(--dd-font-mono);letter-spacing:.05em;color:var(--dd-ink-3);font-size:10.5px;line-height:1.2}.docsiv-design .bl-post{max-width:760px;margin:0 auto}.docsiv-design .bl-post-back{font-family:var(--dd-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dd-ink-2);align-items:center;gap:6px;font-size:11px;text-decoration:none;display:inline-flex}.docsiv-design .bl-post-back:hover{color:var(--dd-ink)}.docsiv-design .bl-post-meta{font-family:var(--dd-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dd-ink-3);align-items:center;gap:10px;margin-bottom:18px;font-size:11px;display:flex}.docsiv-design .bl-post-meta a{color:var(--dd-ink-2);border-bottom:1px solid var(--dd-border-strong);padding-bottom:1px;text-decoration:none}.docsiv-design .bl-post-meta a:hover{color:var(--dd-ink)}.docsiv-design .bl-post-meta .dot{background:var(--dd-ink-3);border-radius:999px;width:3px;height:3px}.docsiv-design .bl-post-title{font-family:var(--dd-font-display);letter-spacing:-.03em;color:var(--dd-ink);margin:0;font-size:clamp(34px,5.4vw,52px);font-weight:400;line-height:1.05}.docsiv-design .bl-post-author{border-top:1px solid var(--dd-border);align-items:center;gap:12px;margin-top:32px;padding-top:24px;display:flex}.docsiv-design .bl-post-author .name{font-family:var(--dd-font-display);letter-spacing:-.01em;color:var(--dd-ink);font-size:15px;font-weight:400}.docsiv-design .bl-post-author .role{font-family:var(--dd-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dd-ink-3);margin-top:2px;font-size:10.5px}.docsiv-design .bl-post-jump{font-family:var(--dd-font-body);color:var(--dd-ink-2);margin-top:22px;font-size:14px}.docsiv-design .bl-post-jump a{color:var(--dd-ink);border-bottom:1px solid var(--dd-border-strong);padding-bottom:1px;text-decoration:none}