/* Dopamine SEO Layer: blog and content pages */
.dp-blog-hero{padding-block:72px 32px;background:var(--mist)}
.dp-blog-hero h1{font-size:clamp(34px,4.4vw,60px);line-height:1.08;margin:18px 0 16px;letter-spacing:-.02em}
.dp-blog-list{padding-block:40px 96px;background:var(--mist)}
.dp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.dp-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;color:var(--ink);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.dp-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(16,20,43,.10)}
.dp-thumb{aspect-ratio:16/9;background:var(--mist);overflow:hidden}
.dp-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.dp-thumb.ph{display:flex;align-items:flex-end;padding:20px;background:var(--deep);position:relative}
.dp-thumb.ph span{color:#fff;font-weight:700;font-size:18px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dp-thumb.ph::after{content:"Dopamine";position:absolute;top:16px;left:20px;color:var(--deep-muted);font-size:13px;font-weight:600}
.dp-body{padding:22px 22px 8px;display:flex;flex-direction:column;gap:10px;flex:1}
.dp-pill{align-self:flex-start;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px}
.dp-card h2,.dp-card h3{font-size:20px;line-height:1.3;font-weight:700;letter-spacing:-.01em}
.dp-card p{color:var(--muted);font-size:15px;line-height:1.55}
.dp-by{display:flex;align-items:center;gap:10px;padding:14px 22px 22px;font-size:13px;color:var(--muted)}
.dp-by b{display:block;color:var(--ink);font-weight:600}
.dp-av{width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex:none}
.dp-pager{display:flex;justify-content:center;gap:8px;margin-top:48px;flex-wrap:wrap}
.dp-pager .page-numbers{min-width:42px;height:42px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font-weight:600;text-decoration:none}
.dp-pager .page-numbers.current{background:var(--accent);border-color:var(--accent);color:#fff}
.dp-empty{color:var(--muted)}
.dp-article{padding-block:56px 72px}
.dp-article .wrap{max-width:860px}
.dp-crumbs{display:flex;gap:10px;font-size:14px;color:var(--muted);margin-bottom:18px}
.dp-crumbs a{color:var(--accent);text-decoration:none;font-weight:600}
.dp-article-head h1{font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-.02em;margin-bottom:20px}
.dp-article-head .dp-by{padding:0}
.dp-hero-img{margin:32px 0 8px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}
.dp-hero-img img{width:100%;height:auto;display:block}
.dp-prose{font-size:18px;line-height:1.75;color:var(--ink)}
.dp-prose>*+*{margin-top:1.1em}
.dp-prose h2{font-size:clamp(26px,2.6vw,34px);line-height:1.2;margin-top:1.8em;letter-spacing:-.01em}
.dp-prose h3{font-size:22px;line-height:1.3;margin-top:1.5em}
.dp-prose p,.dp-prose li{color:#2a3150}
.dp-prose ul,.dp-prose ol{padding-left:1.3em}
.dp-prose li+li{margin-top:.45em}
.dp-prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.dp-prose strong{color:var(--ink)}
.dp-prose img{max-width:100%;height:auto;border-radius:var(--r)}
.dp-prose table{width:100%;border-collapse:collapse;font-size:16px;display:block;overflow-x:auto}
.dp-prose th,.dp-prose td{border:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}
.dp-prose th{background:var(--mist);font-weight:600}
.dp-prose blockquote{margin:1.5em 0;padding:4px 0 4px 20px;border-left:4px solid var(--accent);color:var(--muted)}
.dp-cta{margin-top:56px;background:var(--deep);color:var(--deep-ink);border-radius:var(--r);padding:clamp(28px,4vw,48px)}
.dp-cta h2{color:#fff;font-size:clamp(26px,3vw,36px);margin-bottom:12px}
.dp-cta p{color:var(--deep-muted);max-width:52ch}
.dp-cta .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.dp-cta .btn-ghost{color:#fff;border-color:rgba(255,255,255,.35)}
.dp-related{padding-block:64px 96px;background:var(--mist)}
.dp-rel-h{font-size:clamp(26px,3vw,36px);margin-bottom:28px}
@media (max-width:960px){.dp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.dp-grid{grid-template-columns:1fr}.dp-blog-hero{padding-block:48px 24px}.dp-prose{font-size:17px}}
@media (prefers-reduced-motion:reduce){.dp-card{transition:none}.dp-card:hover{transform:none}}

/* Author box */
.dp-by .dp-av{font-size:12px;letter-spacing:.02em}
.dp-author{display:flex;gap:16px;align-items:flex-start;margin-top:40px;padding:22px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
.dp-author b{display:block;font-size:17px;color:var(--ink)}
.dp-author p{margin:6px 0 0;color:var(--muted);font-size:15px;line-height:1.6}
.dp-av-lg{width:48px;height:48px;font-size:15px;border-radius:50%;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex:none}