.qd-blog{--qd-green: #39B54A;--qd-yellow: #FFE500;--qd-blue-bright: #0487FF;--bl-surface: #FCFCFD;--bl-surface-2: #F4F4F6;--bl-surface-3: #EBEBEF;--bl-text-strong: #1D1D25;--bl-text: #5B5B71;--bl-text-muted: #85859E;--bl-text-subtle: #B8B8C6;--bl-line: #E3E3E8;--bl-line-2: #DDDDE4;--bl-accent-deep: #458916;--bl-font-sans: "Geist", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--bl-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;color:var(--bl-text-strong);font-family:var(--bl-font-sans);line-height:1.5;background:var(--bl-surface);width:100%}@media(prefers-color-scheme:dark){.qd-blog{--bl-surface: #101014;--bl-surface-2: #16171D;--bl-surface-3: #1F2028;--bl-text-strong: #E5E6EB;--bl-text: #ACAEBE;--bl-text-muted: #676A84;--bl-text-subtle: #55596D;--bl-line: #282A34;--bl-line-2: #2F313C;--bl-accent-deep: #45C456}}.qd-blog *{box-sizing:border-box}.qd-blog .qd-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}.qd-blog code{font-family:var(--bl-font-mono);font-size:.9em;background:var(--bl-surface-3);border:1px solid var(--bl-line);padding:1px 6px;border-radius:4px;color:var(--bl-text-strong)}.qd-blog .qd-page-hero{position:relative;border-bottom:1px solid var(--bl-line);padding:80px 0 48px;background:radial-gradient(120% 140% at 15% -10%,rgba(57,181,74,.08),transparent 60%)}.qd-blog .qd-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--bl-font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--bl-text-muted);margin-bottom:22px}.qd-blog .qd-dot{width:6px;height:6px;border-radius:50%;background:var(--qd-green);box-shadow:0 0 0 4px #39b54a2e}.qd-blog .qd-display-h1{margin:0 0 16px;font-weight:800;font-size:clamp(34px,5vw,54px);line-height:1.06;letter-spacing:-.026em;color:var(--bl-text-strong);max-width:18ch}.qd-blog .qd-accent{background:linear-gradient(180deg,transparent 64%,rgba(57,181,74,.3) 64%);padding:0 4px}.qd-blog .qd-lede-lg{margin:0;font-size:18px;line-height:1.55;color:var(--bl-text);max-width:60ch;font-weight:450}.qd-blog .qd-section{padding:56px 0;position:relative}.qd-blog .qd-section.qd-tight{padding:40px 0 8px}.qd-blog .qd-section.qd-grid-section{padding-top:24px}.qd-blog .qd-section.qd-alt{background:var(--bl-surface-2);border-top:1px solid var(--bl-line);border-bottom:1px solid var(--bl-line);margin-top:24px}.qd-blog .qd-eyebrow-mark{font-family:var(--bl-font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--bl-text-muted);display:inline-flex;align-items:center;gap:12px;margin-bottom:18px}.qd-blog .qd-eyebrow-mark:before{content:"";width:24px;height:1px;background:var(--bl-text-subtle)}.qd-blog .qd-section-h2{margin:0 0 12px;font-weight:800;font-size:clamp(24px,2.6vw,32px);letter-spacing:-.018em;line-height:1.12;color:var(--bl-text-strong)}.qd-blog .qd-lede{max-width:60ch;font-size:16.5px;line-height:1.55;color:var(--bl-text);font-weight:450;margin:0}.qd-blog .qd-banner{display:block;overflow:hidden;background:repeating-linear-gradient(135deg,rgba(57,181,74,.1) 0 12px,var(--bl-surface-2) 12px 24px)}.qd-blog .qd-banner img{display:block;width:100%;height:100%;object-fit:cover}.qd-blog .qd-featured{display:grid;grid-template-columns:1.05fr 1fr;gap:0;border:1px solid var(--bl-line);border-radius:10px;overflow:hidden;background:var(--bl-surface)}@media(max-width:880px){.qd-blog .qd-featured{grid-template-columns:1fr}}.qd-blog .qd-featured .qd-banner{aspect-ratio:16 / 10;border-right:1px solid var(--bl-line)}@media(max-width:880px){.qd-blog .qd-featured .qd-banner{border-right:0;border-bottom:1px solid var(--bl-line);aspect-ratio:16/9}}.qd-blog .qd-feat-body{padding:36px 36px 32px;display:flex;flex-direction:column}.qd-blog .qd-kicker{display:inline-flex;align-items:center;gap:8px;font-family:var(--bl-font-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--bl-accent-deep);margin-bottom:14px}.qd-blog .qd-featured h2{margin:0 0 14px;font-weight:800;font-size:clamp(22px,2.4vw,30px);line-height:1.14;letter-spacing:-.02em;color:var(--bl-text-strong)}.qd-blog .qd-featured h2 a{color:inherit;text-decoration:none}.qd-blog .qd-featured h2 a:hover{color:var(--bl-accent-deep)}.qd-blog .qd-excerpt{margin:0 0 22px;font-size:16px;line-height:1.6;color:var(--bl-text);font-weight:450;max-width:54ch}.qd-blog .qd-post-meta{display:flex;align-items:center;gap:12px;margin-top:auto}.qd-blog .qd-av{width:30px;height:30px;border-radius:50%;flex:0 0 auto;background:linear-gradient(135deg,var(--bl-surface-3),var(--bl-line-2));border:1px solid var(--bl-line-2);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:var(--bl-text-strong)}.qd-blog .qd-who{font-size:13px;color:var(--bl-text)}.qd-blog .qd-who b{color:var(--bl-text-strong);font-weight:600}.qd-blog .qd-mdot{width:3px;height:3px;border-radius:50%;background:var(--bl-text-subtle)}.qd-blog .qd-when{font-family:var(--bl-font-mono);font-size:12px;color:var(--bl-text-muted)}.qd-blog .qd-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:980px){.qd-blog .qd-post-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.qd-blog .qd-post-grid{grid-template-columns:1fr}}.qd-blog .qd-card{border:1px solid var(--bl-line);border-radius:10px;overflow:hidden;background:var(--bl-surface);display:flex;flex-direction:column;transition:border-color .14s ease,transform .14s ease}.qd-blog .qd-card:hover{border-color:var(--bl-text-subtle);transform:translateY(-2px)}.qd-blog .qd-card .qd-banner{aspect-ratio:16 / 9;border-bottom:1px solid var(--bl-line)}.qd-blog .qd-card-body{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}.qd-blog .qd-card h3{margin:0 0 10px;font-weight:700;font-size:18px;line-height:1.25;letter-spacing:-.012em;color:var(--bl-text-strong)}.qd-blog .qd-card h3 a{color:inherit;text-decoration:none}.qd-blog .qd-card h3 a:hover{color:var(--bl-accent-deep)}.qd-blog .qd-card p{margin:0 0 18px;font-size:14px;line-height:1.55;color:var(--bl-text);font-weight:450}.qd-blog .qd-card .qd-post-meta .qd-av{width:24px;height:24px;font-size:11px}.qd-blog .qd-nl{margin-top:24px}
