.help-page{box-sizing: border-box;width: 100%;max-width: calc(72ch + 2 * var(--sp-6));margin: var(--sp-6) auto;padding: var(--sp-6);border: 1px solid var(--c-line);border-radius: var(--r-lg);background: var(--c-surface);box-shadow: var(--sh-1);color: var(--c-ink);font-size: var(--fs-md);line-height: 1.7;overflow-wrap: break-word}.help-page h1{margin: 0 0 var(--sp-5);font-size: clamp(var(--fs-xl),4vw,var(--fs-2xl));line-height: 1.2;text-wrap: balance}.help-page h2{margin: var(--sp-6) 0 var(--sp-3);font-size: var(--fs-xl);line-height: 1.35}.help-page h3{margin: var(--sp-5) 0 var(--sp-2);font-size: var(--fs-lg);line-height: 1.4}.help-page p{margin: 0 0 var(--sp-4)}.help-page [id]{scroll-margin-top: var(--sp-5)}.help-content > :first-child{margin-top: 0}.help-content > :last-child{margin-bottom: 0}.help-content :is(ul,ol){padding-inline-start: 1.4em}.help-content li + li{margin-top: var(--sp-2)}.help-content img{max-width: 100%;height: auto}.help-breadcrumb{margin: 0 0 var(--sp-2);color: var(--c-ink-2);font-size: var(--fs-sm);line-height: 1.4}.help-breadcrumb ol{display: flex;flex-wrap: wrap;align-items: center;gap: 0 var(--sp-2);margin: 0;padding: 0;list-style: none}.help-breadcrumb li{display: inline-flex;align-items: center;min-width: 0}.help-breadcrumb li + li::before{content: "›";margin-inline-end: var(--sp-2);color: var(--c-ink-2)}.help-breadcrumb a{display: inline-flex;align-items: center;min-height: 44px}.help-back{display: flex;flex-wrap: wrap;align-items: center;gap: 0 var(--sp-3);margin-bottom: var(--sp-4);color: var(--c-ink-2);font-size: var(--fs-sm)}.help-back a{display: inline-flex;align-items: center;gap: var(--sp-2);min-height: 44px;font-weight: 600}.help-contents{margin: 0 0 var(--sp-5);padding: 0 var(--sp-4);border: 1px solid var(--c-line);border-radius: var(--r-md);background: var(--c-surface-2)}.help-contents > summary{display: list-item;min-height: 44px;padding-block: var(--sp-2);color: var(--c-primary);font-weight: 600;line-height: 1.7;cursor: pointer}.help-contents nav{padding-bottom: var(--sp-2)}.help-contents ol{margin: 0;padding-inline-start: 1.4em}.help-contents li::marker{color: var(--c-ink-2)}.help-contents a{display: inline-flex;align-items: center;min-height: 44px;line-height: 1.4}.help-contents > summary:focus-visible{outline: 3px solid var(--c-focus);outline-offset: 3px;border-radius: var(--r-sm)} .help-content details.tool-help{margin-block: var(--sp-2);border-top: 1px solid var(--c-line)}.help-content details.tool-help > summary{min-height: 52px;padding-block: var(--sp-3);font-size: var(--fs-md);line-height: 1.5}.help-content details.tool-help > summary > :is(h2,h3){margin: 0;padding: 0;border: 0;font: inherit;color: inherit}.help-content details.tool-help .tool-help-body{padding-bottom: var(--sp-4)}.help-content details.tool-help .tool-help-body > :last-child{margin-bottom: 0}.help-content .build-example{margin-block: var(--sp-5)}.help-content .build-example h3{padding: 0;border: 0}.help-content .build-example-table{align-self: start}.help-content .build-example-steps li{margin-block: var(--sp-2)}.help-content .guide-link{margin-top: var(--sp-5)}.help-intro{max-width: 64ch;color: var(--c-ink-2)}.help-cards{display: grid;gap: var(--sp-3);margin: var(--sp-5) 0 0;padding: 0;list-style: none}.help-card{min-width: 0;padding: var(--sp-3) var(--sp-4);border: 1px solid var(--c-line);border-radius: var(--r-md)}.help-card h2{margin: 0;font-size: var(--fs-lg)}.help-card h2 a{display: inline-flex;align-items: center;min-height: 44px}.help-card p{margin: 0 0 var(--sp-1);color: var(--c-ink-2);font-size: var(--fs-sm);line-height: 1.6} nav.tool-help-links{display: flex;flex-wrap: wrap;align-items: center;gap: var(--sp-1) var(--sp-5);margin: var(--sp-4) 0 var(--sp-5);padding: var(--sp-2) var(--sp-1);border-top: 1px solid var(--c-line);color: var(--c-ink-2);font-size: var(--fs-sm);line-height: 1.4}.tool-help-links a{display: inline-flex;align-items: center;min-height: 44px;max-width: 100%}.tool-help-links a[data-tool-help]{font-weight: 600}.tool-help-links .btn{min-height: 44px;margin: 0;padding: var(--sp-2) var(--sp-3);background: transparent;box-shadow: none;font-size: inherit}@media (max-width: 600px){.help-page{margin-block: var(--sp-4) var(--sp-5);padding: var(--sp-5) var(--sp-4)}.help-breadcrumb li:last-child:not(:nth-child(2)){flex-basis: 100%;padding-block: var(--sp-1)}.help-breadcrumb li:last-child:not(:nth-child(2))::before{content: none}.help-card{padding-inline: var(--sp-3)}nav.tool-help-links{column-gap: var(--sp-4)}}@media print{.help-page{max-width: none;margin: 0;padding: 0;border: 0;box-shadow: none}.help-breadcrumb,.help-back,.help-contents,nav.tool-help-links{display: none}.help-content :is(.build-example-figure,.reference-table-wrap,.build-example-table){break-inside: avoid}}