.skill-page{--color-accent: var(--page-accent, var(--color-cat-design))}.skill-hero{min-height:50svh;display:flex;align-items:flex-end;padding-bottom:var(--space-xl)}.skill-hero-inner{display:flex;flex-direction:column;gap:var(--space-sm)}.skill-hero-badge{display:inline-flex;align-items:center;gap:.5em;font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--page-accent, var(--color-accent));padding:.4em 1em;border:1px solid var(--page-accent, var(--color-accent));border-radius:100px;width:fit-content}.skill-hero-name{max-width:18ch}.skill-hero-tagline{max-width:52ch}.skill-hero-description{max-width:64ch}.skill-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6em;margin-top:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary)}.skill-hero-meta-sep{color:var(--color-text-muted)}.book-install-section{padding-block:var(--space-xl);background:var(--color-surface)}.book-install-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg);align-items:start}@media(min-width:768px){.book-install-grid{grid-template-columns:300px 1fr;gap:var(--space-xl)}}.book-install-compat{margin-top:var(--space-md)}.book-cover-wrap{width:100%;max-width:300px;margin-inline:auto}@media(min-width:768px){.book-cover-wrap{margin-inline:0}}.book-cover-link{display:block;transition:transform var(--duration-fast) var(--ease-back-out)}.book-cover-link:hover{transform:scale(1.02)}.book-cover-img{width:100%;height:auto;border-radius:4px;box-shadow:0 20px 60px #0006,0 0 0 1px #fafaf914}.book-cover-placeholder{width:100%;aspect-ratio:2 / 3;border-radius:4px;background:linear-gradient(135deg,var(--color-surface-elevated) 0%,var(--color-dark) 100%);border:1px solid var(--placeholder-color, var(--color-border));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);text-align:center;box-shadow:0 20px 60px #0006,0 0 0 1px #fafaf914}.book-cover-placeholder-title{font-family:var(--font-serif);font-style:italic;font-size:var(--text-h3);color:var(--placeholder-color, var(--color-text-secondary))}.book-cover-placeholder-author{font-size:var(--text-small);color:var(--color-text-tertiary)}.book-info{display:flex;flex-direction:column;gap:var(--space-md)}.book-info-title{font-family:var(--font-serif);font-style:italic;font-size:var(--text-h3);color:var(--color-text-secondary)}.book-info-author{font-size:var(--text-body);color:var(--color-text-tertiary)}.book-info-links{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.book-amazon-link{display:inline-flex;align-items:center;gap:.5em;font-size:var(--text-small);font-weight:500;padding:.6em 1.5em;border:1px solid var(--color-border);border-radius:100px;transition:background var(--duration-fast) var(--ease-quart-out),border-color var(--duration-fast) var(--ease-quart-out)}.book-amazon-link:hover{background:#fafaf90d;border-color:var(--color-border-hover)}.book-install-command{max-width:500px}.concepts-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-top:var(--space-lg)}@media(min-width:768px){.concepts-grid{grid-template-columns:1fr 1fr}}.concept-card{padding:var(--space-md);border-top:2px solid;border-image:linear-gradient(to right,var(--concept-color, var(--color-accent)),transparent) 1;background:var(--color-surface)}.concept-card-title{font-size:var(--text-body-lg);font-weight:500;margin-bottom:var(--space-xs)}.concept-card-body{font-size:var(--text-body);color:var(--color-text-secondary);line-height:var(--leading-body)}.author-bio{background:var(--color-surface)}.author-bio-name{font-family:var(--font-serif);font-style:italic;font-size:var(--text-h2);margin-top:var(--space-xs)}.author-bio-credential{display:inline-block;font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--credential-color, var(--color-accent));padding:.4em 1em;border:1px solid var(--credential-color, var(--color-accent));border-radius:100px;margin-top:var(--space-sm)}.author-bio-text{font-size:var(--text-body-lg);color:var(--color-text-secondary);line-height:var(--leading-body);max-width:56ch;margin-top:var(--space-md)}.author-bio-entities{display:flex;flex-wrap:wrap;align-items:center;gap:.6em;margin-top:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary)}.author-bio-entities-sep{color:var(--color-text-muted)}.author-bio-entities a{color:inherit;border-bottom:1px solid var(--color-border);transition:color var(--duration-fast) var(--ease-quart-out),border-color var(--duration-fast) var(--ease-quart-out)}.author-bio-entities a:hover{color:var(--color-text-primary);border-color:currentColor}.author-bio-link{display:inline-flex;align-items:center;gap:.5em;font-size:var(--text-small);font-weight:500;padding:.6em 1.5em;border:1px solid var(--color-border);border-radius:100px;margin-top:var(--space-md);transition:background var(--duration-fast) var(--ease-quart-out),border-color var(--duration-fast) var(--ease-quart-out)}.author-bio-link:hover{background:#fafaf90d;border-color:var(--color-border-hover)}.prompts-grid{display:grid;grid-template-columns:1fr;gap:var(--space-sm);margin-top:var(--space-lg)}@media(min-width:768px){.prompts-grid{grid-template-columns:1fr 1fr}}.prompt-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:var(--space-sm) var(--space-md);padding-right:4.5rem;display:flex;flex-direction:column;gap:var(--space-xs);position:relative;transition:border-color var(--duration-fast) var(--ease-quart-out),background var(--duration-fast) var(--ease-quart-out)}.prompt-card:hover{border-color:var(--color-border-hover);background:var(--color-surface-elevated)}.prompt-card-text{font-size:var(--text-small);color:var(--color-text-secondary);line-height:var(--leading-body)}.prompt-card-context{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--page-accent, var(--color-accent));margin-top:auto}.prompt-copy-btn{position:absolute;top:var(--space-xs);right:var(--space-xs)}.related-grid{display:grid;grid-template-columns:1fr;gap:1px;margin-top:var(--space-lg)}.skill-card-link{display:block;text-decoration:none;color:inherit}.install-cta-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-md)}.install-cta-headline{max-width:20ch}.install-cta-block{max-width:500px;width:100%}.install-cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.install-cta-trust{max-width:48ch}.definition-block{padding-block:var(--space-lg)}.definition-inner{max-width:68ch;padding-left:var(--space-md);border-left:2px solid var(--definition-accent, var(--color-accent))}.definition-heading{font-size:var(--text-h3);font-weight:500;margin-bottom:var(--space-sm)}.definition-text{font-size:var(--text-body-lg);line-height:var(--leading-body);color:var(--color-text-secondary)}.when-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-top:var(--space-lg)}@media(min-width:768px){.when-grid{grid-template-columns:1fr 1fr}}.when-col{padding:var(--space-md);background:var(--color-surface);border-top:2px solid var(--when-accent, var(--color-accent))}.when-col-no{border-top-color:var(--color-border)}.when-col-title{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary);margin-bottom:var(--space-sm)}.when-list{display:flex;flex-direction:column;gap:var(--space-xs);list-style:none;padding:0;margin:0}.when-list li{position:relative;padding-left:1.1em;font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text-secondary)}.when-list li:before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.5}.when-col-yes .when-list li:before{background:var(--when-accent, var(--color-accent));opacity:1}.category-comparison-lede{max-width:62ch;margin-top:var(--space-xs)}.category-comparison-scroll{margin-top:var(--space-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}.category-comparison-table{width:100%;min-width:640px;border-collapse:collapse;font-size:var(--text-body);text-align:left}.category-comparison-table th,.category-comparison-table td{padding:var(--space-sm) var(--space-md) var(--space-sm) 0;border-bottom:1px solid var(--color-border);vertical-align:top}.category-comparison-table thead th{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary)}.category-comparison-table tbody th{font-weight:500;white-space:nowrap;padding-right:var(--space-lg)}.category-comparison-table td{color:var(--color-text-secondary)}.category-comparison-table tbody th a{border-bottom:1px solid transparent;transition:color var(--duration-fast) var(--ease-quart-out),border-color var(--duration-fast) var(--ease-quart-out)}.category-comparison-table tbody th a:hover{color:var(--compare-accent, var(--color-accent));border-bottom-color:currentColor}.category-comparison-table tr.is-current th,.category-comparison-table tr.is-current td{color:var(--color-text-primary)}.category-comparison-table tr.is-current th{box-shadow:inset 3px 0 0 var(--compare-accent, var(--color-accent));padding-left:var(--space-sm)}.skill-faq{background:var(--color-surface)}.skill-faq-list{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-top:var(--space-lg);max-width:76ch}.skill-faq-item{padding-top:var(--space-md);border-top:1px solid var(--color-border)}.skill-faq-question{font-size:var(--text-body-lg);font-weight:500;margin-bottom:var(--space-xs)}.skill-faq-answer{font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text-secondary)}.skill-faq-answer code{font-family:var(--font-mono);font-size:.92em;color:var(--faq-accent, var(--color-accent));overflow-wrap:anywhere}.skill-faq-answer em{font-family:var(--font-serif);font-style:italic}.when-list code{font-family:var(--font-mono);font-size:.92em;color:var(--when-accent, var(--color-accent))}.skill-faq-answer a{color:inherit;border-bottom:1px solid var(--color-border);overflow-wrap:anywhere;transition:color var(--duration-fast) var(--ease-quart-out),border-color var(--duration-fast) var(--ease-quart-out)}.skill-faq-answer a:hover{color:var(--faq-accent, var(--color-accent));border-color:currentColor}.related-skills-all{display:inline-flex;align-items:center;gap:.5em;margin-top:var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary);border-bottom:1px solid var(--color-border);transition:color var(--duration-fast) var(--ease-quart-out),border-color var(--duration-fast) var(--ease-quart-out)}.related-skills-all:hover{color:var(--cat-color, var(--color-accent));border-color:currentColor}.about-hero{padding-block:var(--space-lg) var(--space-md)}.about-hero-inner{display:flex;flex-direction:column;gap:var(--space-sm);max-width:840px}.about-title{max-width:20ch;margin-block:var(--space-xs) var(--space-sm)}.about-lede{max-width:64ch}.about-section+.about-section{padding-top:0}.about-body{display:flex;flex-direction:column;gap:var(--space-sm);max-width:68ch;margin-top:var(--space-md);font-size:var(--text-body-lg);line-height:var(--leading-body);color:var(--color-text-secondary)}.about-body a{color:var(--color-text-primary);border-bottom:1px solid var(--color-border);transition:border-color var(--duration-fast) var(--ease-quart-out)}.about-body a:hover{border-color:var(--color-accent)}.about-founder{background:var(--color-surface)}.about-method-lede{margin-bottom:var(--space-md)}.about-method-list{display:flex;flex-direction:column;gap:var(--space-md);list-style:none;padding:0;margin:0;max-width:74ch}.about-method-step{display:grid;grid-template-columns:2.5rem 1fr;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.about-method-num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);padding-top:.35em}.about-method-title{font-size:var(--text-body-lg);font-weight:500;margin-bottom:var(--space-xs)}.about-method-body{font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text-secondary)}.about-contact-list{display:flex;flex-direction:column;gap:var(--space-xs);list-style:none;padding:0;margin-top:var(--space-md);font-size:var(--text-body);color:var(--color-text-secondary)}.about-contact-list a{border-bottom:1px solid var(--color-border);transition:color var(--duration-fast) var(--ease-quart-out),border-color var(--duration-fast) var(--ease-quart-out)}.about-contact-list a:hover{color:var(--color-accent);border-color:currentColor}
