.page-header[data-astro-cid-d2uv4hmy]{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding-block:var(--space-10)}.breadcrumb[data-astro-cid-d2uv4hmy]{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-faint);margin-bottom:var(--space-4)}.breadcrumb[data-astro-cid-d2uv4hmy] a[data-astro-cid-d2uv4hmy]{color:var(--color-text-faint);text-decoration:none}.breadcrumb[data-astro-cid-d2uv4hmy] a[data-astro-cid-d2uv4hmy]:hover{color:var(--color-primary)}.page-title[data-astro-cid-d2uv4hmy]{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-3);line-height:1.1}.page-title[data-astro-cid-d2uv4hmy] em[data-astro-cid-d2uv4hmy]{color:var(--color-primary)}.page-desc[data-astro-cid-d2uv4hmy]{font-size:var(--text-base);color:var(--color-text-muted);max-width:70ch}.page-body[data-astro-cid-d2uv4hmy]{padding-block:var(--space-12);display:flex;flex-direction:column;gap:var(--space-8)}.section-heading[data-astro-cid-d2uv4hmy]{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);margin-bottom:var(--space-5)}.page-body[data-astro-cid-d2uv4hmy]>section[data-astro-cid-d2uv4hmy]>p[data-astro-cid-d2uv4hmy]{color:var(--color-text-muted);max-width:72ch;margin-bottom:var(--space-4);line-height:1.8}.stats-bar[data-astro-cid-d2uv4hmy]{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-5) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-wrap:wrap}.stat-item[data-astro-cid-d2uv4hmy]{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.stat-number[data-astro-cid-d2uv4hmy]{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-text);line-height:1}.stat-label[data-astro-cid-d2uv4hmy]{font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.stat-divider[data-astro-cid-d2uv4hmy]{width:1px;height:32px;background:var(--color-border)}.callout[data-astro-cid-d2uv4hmy]{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.7}.callout-amber[data-astro-cid-d2uv4hmy]{background:color-mix(in oklch,#da7101 10%,var(--color-surface));border:1px solid color-mix(in oklch,#da7101 40%,transparent);color:var(--color-text-muted)}.callout-icon[data-astro-cid-d2uv4hmy]{font-size:1.25rem;flex-shrink:0}.callout[data-astro-cid-d2uv4hmy] strong[data-astro-cid-d2uv4hmy]{color:var(--color-text)}.filter-bar[data-astro-cid-d2uv4hmy]{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.filter-label[data-astro-cid-d2uv4hmy]{font-size:var(--text-xs);color:var(--color-text-faint);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.filter-btn[data-astro-cid-d2uv4hmy]{padding:var(--space-1) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.filter-btn[data-astro-cid-d2uv4hmy]:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn[data-astro-cid-d2uv4hmy].active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.achievement-list[data-astro-cid-d2uv4hmy]{display:flex;flex-direction:column;gap:var(--space-3)}.achievement-card[data-astro-cid-d2uv4hmy]{display:flex;gap:var(--space-4);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast)}.achievement-card[data-astro-cid-d2uv4hmy]:hover{border-color:var(--color-primary)}.achievement-card[data-astro-cid-d2uv4hmy][data-miss=true]{border-left:3px solid color-mix(in oklch,#da7101 70%,transparent .achievement-card[data-miss="true"]{border-left:3px solid color-mix(in oklch,#da7101 70%,transparent)} .ach-left{flex-shrink:0} .ach-icon{font-size:2rem;display:block} .ach-body{flex:1;min-width:0} .ach-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-2)} .ach-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--color-text)} .ach-badges{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;flex-wrap:wrap} .ach-cat{padding:2px var(--space-2);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-faint)} .ach-miss{padding:2px var(--space-2);background:color-mix(in oklch,#da7101 12%,transparent);border:1px solid color-mix(in oklch,#da7101 50%,transparent);border-radius:var(--radius-full);font-size:var(--text-xs);color:#da7101;font-weight:600} .ach-rate{font-size:var(--text-xs);color:var(--color-text-faint);font-family:monospace} .ach-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--space-3);max-width:65ch} .ach-how summary{font-size:var(--text-xs);color:var(--color-primary);cursor:pointer;list-style:none;font-weight:600} .ach-how summary::-webkit-details-marker{display:none} .ach-how[open] summary{margin-bottom:var(--space-2)} .ach-how-text{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.7;max-width:65ch;padding:var(--space-3) var(--space-4);background:var(--color-surface-2);border-radius:var(--radius-md)} .faq-list{display:flex;flex-direction:column;gap:var(--space-2)} .faq-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden} .faq-question{display:flex;justify-content:space-between;padding:var(--space-4) var(--space-5);font-size:var(--text-sm);font-weight:600;color:var(--color-text);cursor:pointer;list-style:none;gap:var(--space-4);transition:background var(--transition-fast)} .faq-question::-webkit-details-marker{display:none} .faq-question::after{content:"▾";color:var(--color-primary);flex-shrink:0;transition:transform var(--transition-base)} details[open] .faq-question::after{transform:rotate(-180deg)} .faq-question:hover{background:var(--color-surface-2)} .faq-answer{padding:0 var(--space-5) var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7} .video-wrapper{border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-lg)} .related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)} .related-link{display:block;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast),border-color var(--transition-fast)} .related-link:hover{color:var(--color-primary);border-color:var(--color-primary)} @media(max-width:900px){.stats-bar{gap:var(--space-4)}.stat-divider{display:none}.related-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){.achievement-card{flex-direction:column}.ach-header-row{flex-direction:column}.related-grid{grid-template-columns:1fr}})}