.pildoras-page[data-astro-cid-mmsb3vzs]{background:linear-gradient(180deg,var(--color-navy) 0%,var(--color-navy) 6%,#F2ECDF 16%,#FAF6EF 55%,#FFFFFF 100%)}[data-theme=dark] .pildoras-page[data-astro-cid-mmsb3vzs]{background:linear-gradient(180deg,#0a1628,#0c1a2b,#0a1322)}.pildora[data-astro-cid-mmsb3vzs]{padding:0 0 var(--space-16);background:transparent}.container[data-astro-cid-mmsb3vzs].narrow{max-width:760px}.pildora-hero[data-astro-cid-mmsb3vzs]{position:relative;padding:calc(72px + var(--space-10)) 0 calc(var(--space-12) + var(--space-6));margin-bottom:var(--space-10);background:radial-gradient(620px 300px at 50% -12%,rgba(0,212,255,.16),transparent 70%),linear-gradient(180deg,#0E1F36 0%,var(--color-navy) 58%,#08121f 100%)}.pildora-hero[data-astro-cid-mmsb3vzs]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;pointer-events:none;background:linear-gradient(180deg,transparent 0%,#F2ECDF 100%)}[data-theme=dark] .pildora-hero[data-astro-cid-mmsb3vzs]:after{background:linear-gradient(180deg,transparent 0%,#0A1322 100%)}.pildora-hero[data-astro-cid-mmsb3vzs]>.container[data-astro-cid-mmsb3vzs]{position:relative;z-index:1}.pildora-hero-icon[data-astro-cid-mmsb3vzs]{display:block;width:56px;height:56px;padding:10px;margin-bottom:var(--space-4);background:#00d4ff14;border:1px solid rgba(0,212,255,.25);border-radius:14px}.pildora-back[data-astro-cid-mmsb3vzs]{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:var(--font-weight-semibold);color:#ffffffd1;text-decoration:none;margin-bottom:var(--space-6)}.pildora-back[data-astro-cid-mmsb3vzs]:hover{color:var(--color-white);text-decoration:underline}.pildora-module[data-astro-cid-mmsb3vzs]{display:inline-block;font-size:.75rem;font-weight:var(--font-weight-bold);letter-spacing:.09em;text-transform:uppercase;color:var(--color-cyan);margin-bottom:var(--space-3)}.pildora-hero[data-astro-cid-mmsb3vzs] h1[data-astro-cid-mmsb3vzs]{font-family:var(--font-primary);font-size:clamp(1.7rem,1.05rem + 2vw,1.95rem);line-height:1.14;text-wrap:balance;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-headline);color:var(--color-white);margin:0 0 var(--space-3)}.pildora-desc[data-astro-cid-mmsb3vzs]{color:#ffffffd1;font-size:1.05rem;margin:0}.lesson-card[data-astro-cid-mmsb3vzs]{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-8);box-shadow:var(--shadow-md);--callout-info-bg: rgba(0, 212, 255, .07);--callout-info-edge: var(--color-accent);--callout-warn-bg: rgba(245, 158, 11, .1);--callout-warn-edge: var(--color-warning);--callout-good-bg: rgba(34, 197, 94, .1);--callout-good-edge: var(--color-success);--callout-bad-bg: rgba(239, 68, 68, .09);--callout-bad-edge: var(--color-danger)}[data-theme=dark] .lesson-card[data-astro-cid-mmsb3vzs]{--callout-info-bg: rgba(0, 212, 255, .13);--callout-info-edge: var(--color-cyan);--callout-warn-bg: rgba(245, 158, 11, .16);--callout-warn-edge: var(--color-warning);--callout-good-bg: rgba(34, 197, 94, .15);--callout-good-edge: #4ADE80;--callout-bad-bg: rgba(239, 68, 68, .15);--callout-bad-edge: #F87171}@media(max-width:640px){.lesson-card[data-astro-cid-mmsb3vzs]{padding:var(--space-6)}}.lesson-body[data-astro-cid-mmsb3vzs]{line-height:1.8;font-size:1.0625rem;color:var(--color-text)}.lesson-body[data-astro-cid-mmsb3vzs] h2{font-family:var(--font-primary);font-size:1.5rem;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-headline);margin-top:var(--space-8);margin-bottom:var(--space-4);padding-left:var(--space-3);border-left:3px solid var(--color-accent);color:var(--color-heading)}.lesson-body[data-astro-cid-mmsb3vzs] h3{font-size:1.25rem;margin-top:var(--space-6);margin-bottom:var(--space-3);color:var(--color-heading)}.lesson-body[data-astro-cid-mmsb3vzs] p{margin-bottom:var(--space-4)}.lesson-body[data-astro-cid-mmsb3vzs] ul,.lesson-body[data-astro-cid-mmsb3vzs] ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.lesson-body[data-astro-cid-mmsb3vzs] li{margin-bottom:var(--space-2)}.lesson-body[data-astro-cid-mmsb3vzs] blockquote{border-left:4px solid var(--color-primary);padding-left:var(--space-4);margin:var(--space-4) 0;font-style:italic;color:var(--color-text-light)}.lesson-body[data-astro-cid-mmsb3vzs] blockquote.warning{border-left-color:var(--callout-warn-edge);background-color:var(--callout-warn-bg);padding:var(--space-4);border-radius:var(--border-radius);font-style:normal}.lesson-body[data-astro-cid-mmsb3vzs] code{background-color:#00000014;padding:.2em .4em;border-radius:4px;font-family:monospace;font-size:.9em}.lesson-body[data-astro-cid-mmsb3vzs] pre{background-color:var(--color-navy);color:#e5e7eb;padding:var(--space-4);border-radius:var(--border-radius);overflow-x:auto;margin:var(--space-4) 0;white-space:pre-wrap;word-break:break-word}.lesson-body[data-astro-cid-mmsb3vzs] pre code{background:none;padding:0}.lesson-body[data-astro-cid-mmsb3vzs] .tip-box{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--callout-info-bg);border-left:4px solid var(--callout-info-edge);border-radius:var(--border-radius);margin:var(--space-4) 0}.lesson-body[data-astro-cid-mmsb3vzs] .tip-box .icon{flex-shrink:0;width:24px;height:24px;color:var(--callout-info-edge)}.lesson-body[data-astro-cid-mmsb3vzs] .tip-box .icon svg{width:24px;height:24px}.lesson-body[data-astro-cid-mmsb3vzs] .comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin:var(--space-4) 0}.lesson-body[data-astro-cid-mmsb3vzs] .comparison .bad,.lesson-body[data-astro-cid-mmsb3vzs] .comparison .good{padding:var(--space-4);border-radius:var(--border-radius)}.lesson-body[data-astro-cid-mmsb3vzs] .comparison .bad{background-color:var(--callout-bad-bg);border-left:4px solid var(--callout-bad-edge)}.lesson-body[data-astro-cid-mmsb3vzs] .comparison .good{background-color:var(--callout-good-bg);border-left:4px solid var(--callout-good-edge)}.lesson-body[data-astro-cid-mmsb3vzs] .comparison .label{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.lesson-body[data-astro-cid-mmsb3vzs] .example-box{background-color:var(--color-surface);border:1px solid var(--color-light);border-radius:var(--border-radius);padding:var(--space-4);margin:var(--space-4) 0}.lesson-body[data-astro-cid-mmsb3vzs] .example-box .label{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--color-primary)}.lesson-body[data-astro-cid-mmsb3vzs] .media-soon-note{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-4) 0;padding:var(--space-2) var(--space-3);font-size:.82rem;line-height:1.5;color:var(--color-text-muted);border-left:2px solid var(--color-cyan);background:linear-gradient(90deg,rgba(0,212,255,.06),transparent 70%);border-radius:4px}.lesson-body[data-astro-cid-mmsb3vzs] .media-soon-dot{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--color-cyan);box-shadow:0 0 0 3px #00d4ff2e}.lesson-body[data-astro-cid-mmsb3vzs] .media-soon-video{margin:var(--space-6) 0}.lesson-body[data-astro-cid-mmsb3vzs] .media-soon-frame{position:relative;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg);background:radial-gradient(120% 120% at 50% 0%,rgba(0,212,255,.14),transparent 55%),linear-gradient(180deg,#0e1d33 0%,var(--color-navy) 100%);border:1px solid rgba(0,212,255,.28);overflow:hidden}.lesson-body[data-astro-cid-mmsb3vzs] .media-soon-frame:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff0a;pointer-events:none}.lesson-body[data-astro-cid-mmsb3vzs] .media-soon-play{width:56px;height:56px;color:#00d4ffd9;opacity:.9}.lesson-body[data-astro-cid-mmsb3vzs] .media-soon-badge{position:absolute;top:var(--space-3);left:var(--space-3);font-size:.68rem;font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-cyan);padding:4px 10px;border-radius:999px;background:#0a16288c;border:1px solid rgba(0,212,255,.4)}.lesson-body[data-astro-cid-mmsb3vzs] .media-soon-video figcaption{margin-top:var(--space-3);font-size:.88rem;line-height:1.6;color:var(--color-text-secondary);text-align:center}.lesson-body[data-astro-cid-mmsb3vzs] .pildora-illustration{margin:var(--space-6) 0}.lesson-body[data-astro-cid-mmsb3vzs] .pildora-illustration img{width:100%;height:auto;display:block;border-radius:var(--border-radius-lg);border:1px solid rgba(0,212,255,.22);box-shadow:var(--shadow-md)}.lesson-body[data-astro-cid-mmsb3vzs] .pildora-illustration figcaption{margin-top:var(--space-3);font-size:.88rem;line-height:1.6;color:var(--color-text-secondary);text-align:center}.lesson-body[data-astro-cid-mmsb3vzs] .prompt-block{position:relative}.lesson-body[data-astro-cid-mmsb3vzs] .prompt-block pre{padding-top:calc(var(--space-4) + 1.7rem)}.lesson-body[data-astro-cid-mmsb3vzs] .prompt-copy-btn{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-secondary);font-size:.78rem;font-weight:var(--font-weight-semibold);line-height:1;color:var(--color-cyan);background:#0a1628b3;border:1px solid rgba(0,212,255,.45);border-radius:6px;padding:6px 10px;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.lesson-body[data-astro-cid-mmsb3vzs] .prompt-copy-btn:hover{background:#00d4ff29;border-color:var(--color-cyan)}.lesson-body[data-astro-cid-mmsb3vzs] .prompt-copy-btn.copied{color:var(--color-white);border-color:var(--color-cyan);background:#00d4ff47}.lesson-body[data-astro-cid-mmsb3vzs] .prompt-copy-btn svg{width:14px;height:14px}@media(max-width:640px){.lesson-body[data-astro-cid-mmsb3vzs] .comparison{grid-template-columns:1fr}}.pildora-cta[data-astro-cid-mmsb3vzs]{margin-top:var(--space-12);padding:var(--space-8);text-align:center;background:linear-gradient(180deg,var(--color-navy) 0%,#0a1628 100%);border-radius:var(--border-radius-lg)}.pildora-cta[data-astro-cid-mmsb3vzs] h2[data-astro-cid-mmsb3vzs]{color:var(--color-white);font-family:var(--font-primary);margin-bottom:var(--space-3)}.pildora-cta[data-astro-cid-mmsb3vzs] p[data-astro-cid-mmsb3vzs]{color:var(--color-hero-subtitle);max-width:560px;margin:0 auto var(--space-6)}
