.detail-page{background:var(--color-background);min-height:100vh;padding-bottom:8rem}.detail-page .detail-hero{border-bottom:1px solid var(--color-border);background:radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--color-primary) 12%, transparent), transparent 35%), var(--color-surface)}.detail-page .detail-container{max-width:80rem;margin:0 auto;padding:1rem}.detail-page .breadcrumb{color:var(--color-text-tertiary);flex-wrap:wrap;gap:.375rem;margin-bottom:1rem;font-size:.75rem;display:flex}.detail-page .breadcrumb a{color:var(--color-primary);text-decoration:none}.detail-page .breadcrumb strong{color:var(--color-text)}.detail-page .breadcrumb a:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent);border-radius:.5rem;outline:none}.detail-page .hero-grid{gap:1.25rem;display:grid}.detail-page .intro{flex-direction:column;gap:.75rem;display:flex}.detail-page .category-badge{border:1px solid color-mix(in srgb, var(--color-primary) 25%, transparent);background:color-mix(in srgb, var(--color-primary) 9%, transparent);width:fit-content;color:var(--color-primary);border-radius:999px;padding:.375rem .75rem;font-size:.75rem;font-weight:800}.detail-page .intro h1{color:var(--color-text);margin:0;font-size:clamp(1.75rem,5vw,3.5rem);font-weight:950;line-height:1.35}.detail-page .english-name{color:var(--color-text-tertiary);margin:0;font-family:monospace;font-size:.875rem}.detail-page .actions{flex-wrap:wrap;gap:.5rem;display:flex}.detail-page .secondary-action{border:1px solid var(--color-border);background:var(--color-surface);min-height:2.75rem;color:var(--color-text-secondary);cursor:pointer;touch-action:manipulation;border-radius:.875rem;justify-content:center;align-items:center;padding:.5rem .875rem;font-size:.75rem;font-weight:800;text-decoration:none;transition:border-color .15s ease-out,color .15s ease-out,background-color .15s ease-out,transform .15s ease-out;display:inline-flex}.detail-page .secondary-action:hover,.detail-page .secondary-action:focus-visible{border-color:var(--color-primary);color:var(--color-primary)}.detail-page .secondary-action:active{transform:scale(.98)}.detail-page .secondary-action:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 20%, transparent);outline:none}.detail-page .tag-list{flex-wrap:wrap;gap:.5rem;display:flex}.detail-page .tag-list span{background:color-mix(in srgb, var(--color-info) 10%, transparent);color:var(--color-info);border-radius:.5rem;padding:.375rem .625rem;font-size:.6875rem;font-weight:700}.detail-page .detail-content{gap:2rem;padding-top:2rem;display:grid}.detail-page .content-column{flex-direction:column;gap:2rem;min-width:0;display:flex}.detail-page .desktop-aside{flex-direction:column;gap:1rem;display:flex}.detail-page .aside-card,.detail-page .aside-facts{border:1px solid var(--color-border);background:var(--color-surface);border-radius:1.25rem;padding:1.25rem}.detail-page .aside-card{background:linear-gradient(145deg, var(--color-primary), var(--color-primary-dark));color:#fff}.detail-page .aside-card p{color:#ffffffbf;margin:0 0 .375rem;font-size:.6875rem;font-weight:800}.detail-page .aside-card h2,.detail-page .aside-facts h2{margin:0;font-size:1rem;font-weight:900}.detail-page .aside-card span{color:#ffffffd1;margin:.5rem 0 1rem;font-size:.8rem;line-height:1.8;display:block}.detail-page .aside-card a{min-height:2.75rem;color:var(--color-primary-dark);background:#fff;border-radius:.875rem;justify-content:center;align-items:center;gap:.5rem;font-size:.75rem;font-weight:900;text-decoration:none;transition:transform .15s ease-out,filter .15s ease-out;display:flex}.detail-page .aside-card a:focus-visible,.detail-page .mobile-cta a:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 28%, transparent);outline:none}.detail-page .aside-card a:active,.detail-page .mobile-cta a:active{transform:scale(.98)}.detail-page .aside-facts dl{flex-direction:column;gap:.75rem;margin:1rem 0 0;display:flex}.detail-page .aside-facts dl div{flex-direction:column;gap:.25rem;display:flex}.detail-page .aside-facts dt{color:var(--color-text-tertiary);font-size:.6875rem}.detail-page .aside-facts dd{color:var(--color-text);margin:0;font-size:.8rem;font-weight:800}.detail-page .mobile-cta{inset-inline:0;bottom:calc(4.75rem + env(safe-area-inset-bottom,0px));z-index:25;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:color-mix(in srgb, var(--color-background) 92%, transparent);-webkit-backdrop-filter:blur(14px);position:fixed}.detail-page .mobile-cta a{background:var(--color-primary);color:#fff;touch-action:manipulation;border-radius:.875rem;justify-content:center;align-items:center;gap:.5rem;min-height:2.75rem;font-size:.8125rem;font-weight:900;text-decoration:none;display:flex}@media (width>=768px){.detail-page .detail-container{padding:1.5rem}.detail-page .hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:2rem}.detail-page .detail-content{grid-template-columns:minmax(0,1fr) 18rem;padding-top:3rem}.detail-page .desktop-aside{align-self:start;position:sticky;top:6rem}.detail-page .mobile-cta{display:none}}@media (width<=480px){.detail-page .detail-container{padding-inline:.75rem}.detail-page .detail-hero .detail-container{padding-top:.75rem}.detail-page .hero-grid{gap:1rem}.detail-page .intro h1{font-size:clamp(1.5rem,8vw,2rem)}.detail-page .actions{flex-direction:column}.detail-page .secondary-action{width:100%}}@media (prefers-reduced-motion:reduce){.detail-page .secondary-action,.detail-page .aside-card a,.detail-page .mobile-cta a{transition:none}}.detail-section.svelte-gtyj48{flex-direction:column;gap:1rem;display:flex}.detail-section.svelte-gtyj48 h2:where(.svelte-gtyj48){color:var(--color-text);margin:0;font-size:1.25rem;font-weight:900}.steps.svelte-gtyj48,.article.svelte-gtyj48{border:1px solid var(--color-border);background:var(--color-surface);border-radius:1.25rem;margin:0;padding:1rem}.steps.svelte-gtyj48{flex-direction:column;gap:.75rem;list-style:none;display:flex}.steps.svelte-gtyj48 li:where(.svelte-gtyj48){align-items:flex-start;gap:.75rem;display:flex}.steps.svelte-gtyj48 span:where(.svelte-gtyj48){background:color-mix(in srgb, var(--color-primary) 14%, transparent);min-width:1.75rem;height:1.75rem;color:var(--color-primary);border-radius:999px;place-items:center;font-size:.75rem;font-weight:900;display:grid}.steps.svelte-gtyj48 p:where(.svelte-gtyj48){color:var(--color-text-secondary);margin:0;font-size:.9375rem;line-height:1.9}.tabs.svelte-gtyj48{border-bottom:1px solid var(--color-border);gap:.25rem;display:flex;overflow-x:auto}.tabs.svelte-gtyj48 button:where(.svelte-gtyj48){min-height:2.75rem;color:var(--color-text-tertiary);white-space:nowrap;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-bottom:2px solid #0000;padding:.5rem .75rem;font-size:.75rem;font-weight:800}.tabs.svelte-gtyj48 button:where(.svelte-gtyj48):active{transform:scale(.98)}.tabs.svelte-gtyj48 button.active:where(.svelte-gtyj48){border-bottom-color:var(--color-primary);color:var(--color-primary)}.tabs.svelte-gtyj48 button:where(.svelte-gtyj48):focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 20%, transparent);outline:none}.article.svelte-gtyj48{color:var(--color-text);overflow-wrap:anywhere;font-size:.9375rem;line-height:1.9}.article.svelte-gtyj48 h2,.article.svelte-gtyj48 h3{color:var(--color-text);font-weight:900}.article.svelte-gtyj48 p{margin:0 0 1rem}.article.svelte-gtyj48 p:last-child{margin-bottom:0}@media (width>=768px){.steps.svelte-gtyj48,.article.svelte-gtyj48{padding:1.5rem}}.facts.svelte-8xazz6{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;margin:0;display:grid}.fact.svelte-8xazz6{border:1px solid var(--color-border);background:var(--color-surface);border-radius:1rem;min-width:0;min-height:4.5rem;padding:.75rem}.fact.svelte-8xazz6 dt:where(.svelte-8xazz6){color:var(--color-text-tertiary);font-size:.6875rem}.fact.svelte-8xazz6 dd:where(.svelte-8xazz6){color:var(--color-text);overflow-wrap:anywhere;margin:.3rem 0 0;font-size:.8rem;font-weight:800;line-height:1.65}.media-shell.svelte-1dpvxyl{border:1px solid var(--color-border);background:var(--color-surface-elevated);box-shadow:0 20px 45px -30px color-mix(in srgb, var(--color-primary) 35%, transparent);border-radius:1.5rem;overflow:hidden}.media-frame.svelte-1dpvxyl{aspect-ratio:4/3;background:var(--color-surface-elevated);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.media-frame.svelte-1dpvxyl img:where(.svelte-1dpvxyl),.media-frame.svelte-1dpvxyl iframe:where(.svelte-1dpvxyl){object-fit:contain;border:0;width:100%;height:100%}.media-frame--video.svelte-1dpvxyl{background:#000}.media-frame--empty.svelte-1dpvxyl{color:var(--color-text-secondary);text-align:center;flex-direction:column;gap:.75rem;padding:1.5rem;font-size:.875rem}.media-frame--empty.svelte-1dpvxyl a:where(.svelte-1dpvxyl){color:var(--color-primary);font-weight:700;text-decoration:none}.media-badge.svelte-1dpvxyl{top:.75rem;color:#fff;background:#0009;border:1px solid #ffffff40;border-radius:.5rem;padding:.375rem .625rem;font-size:.6875rem;font-weight:900;position:absolute;inset-inline-end:.75rem}.media-control.svelte-1dpvxyl{bottom:.75rem;color:#fff;cursor:pointer;touch-action:manipulation;background:#0009;border:1px solid #ffffff40;border-radius:999px;place-items:center;min-width:2.75rem;min-height:2.75rem;font-size:.9rem;transition:transform .15s ease-out,background-color .15s ease-out;display:grid;position:absolute;inset-inline-start:.75rem}.media-control.svelte-1dpvxyl:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffffa6}.media-control.svelte-1dpvxyl:active{transform:scale(.95)}@media (hover:hover) and (pointer:fine){.media-control.svelte-1dpvxyl:hover{background:#000000c7}}@media (width>=768px){.media-frame.svelte-1dpvxyl{aspect-ratio:16/10}}.related.svelte-18icp3a{flex-direction:column;gap:1rem;display:flex}.related.svelte-18icp3a p:where(.svelte-18icp3a){color:var(--color-primary);margin:0 0 .25rem;font-size:.6875rem;font-weight:800}.related.svelte-18icp3a h2:where(.svelte-18icp3a){color:var(--color-text);margin:0;font-size:1.25rem;font-weight:900}.related-grid.svelte-18icp3a{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (width>=640px){.related-grid.svelte-18icp3a{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}