@layer hermes{.chapter-hero:where(.astro-vkgcatjf){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:clamp(1rem,3vw,2rem);margin-block:0 2rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--sl-color-accent) 22%,var(--sl-color-hairline));border-radius:1rem;padding:clamp(1.25rem,3vw,1.75rem);background:linear-gradient(135deg,color-mix(in srgb,var(--sl-color-accent) 12%,var(--sl-color-bg)),color-mix(in srgb,var(--sl-color-accent) 4%,var(--sl-color-bg)))}.ch-body:where(.astro-vkgcatjf){display:flex;flex-direction:column;gap:.85rem;min-width:0}.ch-meta:where(.astro-vkgcatjf){display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:0}.ch-num:where(.astro-vkgcatjf){font-family:var(--__sl-font-mono);font-size:var(--sl-text-sm);font-weight:700;letter-spacing:.02em;color:var(--sl-color-accent-high)}.ch-total:where(.astro-vkgcatjf){color:var(--sl-color-gray-3);font-weight:600}.ch-review:where(.astro-vkgcatjf){display:inline-flex;align-items:center;border-radius:999px;padding:.1rem .65rem;font-size:var(--sl-text-xs);font-weight:600;color:var(--sl-color-orange-high);background:color-mix(in srgb,var(--sl-color-orange) 16%,transparent)}.ch-progress:where(.astro-vkgcatjf){display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}.ch-dot:where(.astro-vkgcatjf){width:.7rem;height:.7rem;margin:0;border-radius:999px;background:color-mix(in srgb,var(--sl-color-accent) 18%,var(--sl-color-hairline))}.ch-dot:where(.astro-vkgcatjf).done{background:color-mix(in srgb,var(--sl-color-accent) 60%,transparent)}.ch-dot:where(.astro-vkgcatjf).current{background:var(--sl-color-accent);box-shadow:0 0 0 .18rem color-mix(in srgb,var(--sl-color-accent) 24%,transparent)}.ch-goal:where(.astro-vkgcatjf){display:flex;flex-direction:column;gap:.3rem;margin:.25rem 0 0}.ch-goal-label:where(.astro-vkgcatjf){display:inline-flex;align-items:center;gap:.35rem;width:fit-content;font-size:var(--sl-text-xs);font-weight:700;letter-spacing:.02em;color:var(--sl-color-accent-high)}.ch-goal-label:where(.astro-vkgcatjf):before{content:"⚑";font-size:1.05em;line-height:1}.ch-goal-text:where(.astro-vkgcatjf){font-size:var(--sl-text-base);font-weight:600;line-height:1.65}.ch-prereq:where(.astro-vkgcatjf){margin-top:.15rem}.ch-prereq-label:where(.astro-vkgcatjf){margin:0 0 .3rem;font-size:var(--sl-text-xs);font-weight:700;color:var(--sl-color-gray-2)}.ch-prereq:where(.astro-vkgcatjf) ul:where(.astro-vkgcatjf){margin:0;padding-inline-start:1.1rem;font-size:var(--sl-text-sm);color:var(--sl-color-gray-2)}.ch-prereq:where(.astro-vkgcatjf) li:where(.astro-vkgcatjf){margin:0}.ch-prereq:where(.astro-vkgcatjf) li:where(.astro-vkgcatjf)+li:where(.astro-vkgcatjf){margin-top:.2rem}.ch-art:where(.astro-vkgcatjf){display:grid;place-items:center;width:clamp(5.5rem,16vw,8.5rem);border-radius:.75rem;background:#f4f0e7}.ch-art:where(.astro-vkgcatjf) img{width:100%;height:auto;border-radius:.75rem;mix-blend-mode:multiply}[data-theme=dark] .ch-art:where(.astro-vkgcatjf){background:color-mix(in srgb,#f4f0e7 88%,black)}@media(max-width:36rem){.chapter-hero:where(.astro-vkgcatjf){grid-template-columns:minmax(0,1fr)}.ch-art:where(.astro-vkgcatjf){display:none}}}.learn-article:where(.astro-yfadfyaq) :is(h2[id=つまずいたら],h2[id=問題が起きたら]){margin-block-start:2.75rem;border:1px solid color-mix(in srgb,var(--sl-color-accent) 22%,var(--sl-color-hairline));border-block-end:0;border-radius:.85rem .85rem 0 0;padding:.9rem 1.15rem .55rem;background:color-mix(in srgb,var(--sl-color-accent) 7%,var(--sl-color-bg))}.learn-article:where(.astro-yfadfyaq) :is(h2[id=つまずいたら],h2[id=問題が起きたら])+ul{margin-block-start:0;border:1px solid color-mix(in srgb,var(--sl-color-accent) 22%,var(--sl-color-hairline));border-block-start:0;border-radius:0 0 .85rem .85rem;padding:.5rem 1.2rem 1rem 2.5rem;background:color-mix(in srgb,var(--sl-color-accent) 7%,var(--sl-color-bg))}.learn-article:where(.astro-yfadfyaq) :is(h2[id=次の一歩],h2[id^=入門コースの修了]){margin-block-start:2.75rem;border-radius:.85rem;padding:.9rem 1.2rem;border:1px solid color-mix(in srgb,var(--sl-color-accent) 28%,var(--sl-color-hairline));background:color-mix(in srgb,var(--sl-color-accent) 10%,var(--sl-color-bg))}