button[data-astro-cid-pjycagcu].magnet{cursor:pointer;text-align:left;font:inherit;background:none;padding:0}.article-hero[data-astro-cid-pjycagcu]{padding:calc(64px + var(--space-md)) 0 var(--space-xs)}.article-hero__back[data-astro-cid-pjycagcu]{display:inline-flex;align-items:center;gap:.3em;font-size:var(--text-sm);color:var(--color-text-meta);text-decoration:none;margin-bottom:var(--space-md);transition:color var(--transition)}.article-hero__back[data-astro-cid-pjycagcu]:hover{color:var(--color-accent)}.article-hero__tags[data-astro-cid-pjycagcu]{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-bottom:var(--space-sm)}.article-hero__title[data-astro-cid-pjycagcu]{font-size:clamp(var(--text-2xl),4vw,var(--text-3xl));margin-bottom:var(--space-sm);max-width:760px}.article-hero__meta[data-astro-cid-pjycagcu]{font-size:var(--text-sm);color:var(--color-text-meta)}.article-hero__meta[data-astro-cid-pjycagcu] a[data-astro-cid-pjycagcu]{color:var(--color-accent)}.article-hero__author[data-astro-cid-pjycagcu]{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-sm)}.article-hero__avatar[data-astro-cid-pjycagcu]{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--color-bg-alt);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.article-hero__avatar[data-astro-cid-pjycagcu] img[data-astro-cid-pjycagcu]{width:100%;height:100%;object-fit:cover}.magnets[data-astro-cid-pjycagcu]{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:var(--space-lg) 0}.magnet[data-astro-cid-pjycagcu]{display:flex;flex-direction:column;border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;transition:transform var(--transition),box-shadow var(--transition);box-shadow:var(--shadow-card);border:1px solid var(--color-border)}.magnet[data-astro-cid-pjycagcu]:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.magnet__preview[data-astro-cid-pjycagcu]{height:160px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.magnet__preview--template[data-astro-cid-pjycagcu],.magnet__preview--constructor[data-astro-cid-pjycagcu]{background:var(--color-bg-alt)}.magnet__body[data-astro-cid-pjycagcu]{background:var(--color-bg-white);padding:var(--space-sm) var(--space-md)}.magnet__label[data-astro-cid-pjycagcu]{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--color-accent);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-xs)}.magnet__title[data-astro-cid-pjycagcu]{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--color-text-heading);margin-bottom:var(--space-xs)}.magnet__desc[data-astro-cid-pjycagcu]{font-size:var(--text-sm);color:var(--color-text-meta);margin-bottom:var(--space-sm)}.magnet__action[data-astro-cid-pjycagcu]{font-size:var(--text-sm);font-weight:500;color:var(--color-accent)}@media(max-width:640px){.magnets[data-astro-cid-pjycagcu]{grid-template-columns:1fr;gap:24px}.magnet__preview[data-astro-cid-pjycagcu]{height:130px}}.preview-sheet[data-astro-cid-pjycagcu]{display:grid;grid-template-columns:100px repeat(4,1fr);gap:1px;background:var(--color-border);border-radius:4px;padding:1px;width:85%;max-width:320px}.preview-sheet__cell[data-astro-cid-pjycagcu]{background:var(--color-bg-white);padding:6px 8px;font-family:var(--font-mono);font-size:10px;color:var(--color-text-meta);white-space:nowrap;overflow:hidden}.preview-sheet__cell--header[data-astro-cid-pjycagcu]{background:var(--color-bg-alt);color:var(--color-text-heading);font-weight:500}.preview-sheet__cell--label[data-astro-cid-pjycagcu]{background:var(--color-bg);color:var(--color-text)}.preview-sheet__cell--accent[data-astro-cid-pjycagcu]{color:var(--color-accent);font-weight:600}.preview-constructor[data-astro-cid-pjycagcu]{width:85%;max-width:320px;text-align:left}.preview-constructor__progress[data-astro-cid-pjycagcu]{height:3px;background:var(--color-border);border-radius:2px;margin-bottom:16px;overflow:hidden}.preview-constructor__bar[data-astro-cid-pjycagcu]{height:100%;width:60%;background:var(--color-accent);border-radius:2px}.preview-constructor__q[data-astro-cid-pjycagcu]{font-family:var(--font-heading);font-size:15px;color:var(--color-text-heading);font-weight:600;margin-bottom:8px}.preview-constructor__input[data-astro-cid-pjycagcu]{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:6px;padding:10px 12px;font-size:11px;color:var(--color-text);font-family:var(--font-body);width:100%}.preview-constructor__btn[data-astro-cid-pjycagcu]{display:inline-block;background:var(--color-accent);color:#fff;font-size:11px;font-weight:500;padding:8px 20px;border-radius:6px;margin-top:10px;font-family:var(--font-body)}.article[data-astro-cid-pjycagcu]{max-width:760px;padding:var(--space-md) 0 var(--space-xl)}.article[data-astro-cid-pjycagcu] h2[data-astro-cid-pjycagcu]{font-size:var(--text-xl);margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.article[data-astro-cid-pjycagcu] h2[data-astro-cid-pjycagcu]:first-child{margin-top:0}.article[data-astro-cid-pjycagcu] p[data-astro-cid-pjycagcu]{line-height:var(--leading-relaxed);margin-bottom:1em}.article[data-astro-cid-pjycagcu] strong{color:var(--color-text-heading)}.article-callout[data-astro-cid-pjycagcu]{background:var(--color-bg-alt);border-radius:var(--radius);padding:var(--space-md) var(--space-lg);margin:var(--space-md) 0;border-left:3px solid var(--color-accent)}.article-callout[data-astro-cid-pjycagcu] p[data-astro-cid-pjycagcu]{margin-bottom:.5em;font-size:var(--text-base)}.article-callout[data-astro-cid-pjycagcu] p[data-astro-cid-pjycagcu]:last-child{margin-bottom:0}.article-steps[data-astro-cid-pjycagcu]{counter-reset:step;margin:var(--space-md) 0}.article-step[data-astro-cid-pjycagcu]{display:flex;gap:var(--space-md);margin-bottom:var(--space-md);align-items:flex-start}.article-step__num[data-astro-cid-pjycagcu]{width:32px;height:32px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:600;font-size:var(--text-sm);flex-shrink:0;margin-top:2px}.article-step__content[data-astro-cid-pjycagcu] p[data-astro-cid-pjycagcu]{margin-bottom:.5em}.inline-magnet[data-astro-cid-pjycagcu]{display:flex;gap:var(--space-md);align-items:center;background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-md);margin:var(--space-md) 0;text-decoration:none;color:inherit;transition:border-color var(--transition),box-shadow var(--transition)}.inline-magnet[data-astro-cid-pjycagcu]:hover{border-color:var(--color-accent);box-shadow:0 4px 12px #0000000f}.inline-magnet__icon[data-astro-cid-pjycagcu]{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.inline-magnet__icon--constructor[data-astro-cid-pjycagcu]{background:linear-gradient(135deg,var(--color-accent),var(--color-amber))}.inline-magnet__icon[data-astro-cid-pjycagcu] svg{width:24px;height:24px}.inline-magnet__text[data-astro-cid-pjycagcu]{flex:1}.inline-magnet__title[data-astro-cid-pjycagcu]{font-weight:600;font-size:var(--text-sm);color:var(--color-text-heading)}.inline-magnet__desc[data-astro-cid-pjycagcu]{font-size:var(--text-xs);color:var(--color-text-meta)}.inline-magnet__arrow[data-astro-cid-pjycagcu]{color:var(--color-accent);font-size:var(--text-lg);flex-shrink:0}.article-related[data-astro-cid-pjycagcu]{margin-top:var(--space-lg);padding:var(--space-md);border-radius:var(--radius);background:var(--color-bg-alt);border:1px solid var(--color-border)}.article-related[data-astro-cid-pjycagcu] h2[data-astro-cid-pjycagcu]{margin-top:0}.article-related__list[data-astro-cid-pjycagcu]{display:grid;gap:12px}.article-related__card[data-astro-cid-pjycagcu]{display:block;padding:14px 16px;border-radius:10px;background:#fff;border:1px solid var(--color-border);text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}.article-related__card[data-astro-cid-pjycagcu] strong[data-astro-cid-pjycagcu]{display:block;color:var(--color-accent);margin-bottom:.3em}.article-related__card[data-astro-cid-pjycagcu] span[data-astro-cid-pjycagcu]{display:block;color:var(--color-text-meta);line-height:var(--leading-relaxed)}.article-related__card[data-astro-cid-pjycagcu]:hover{border-color:var(--color-accent);box-shadow:0 4px 16px #0000000d}