@layer token{:root{--px:calc(1rem / 16);--_slate-50:oklch(97% .003 240);--_slate-100:oklch(93% .006 240);--_slate-200:oklch(87% .01 240);--_slate-300:oklch(78% .03 240);--_slate-400:oklch(67% .05 240);--_slate-500:oklch(55% .06 240);--_slate-600:oklch(44% .06 240);--_slate-700:oklch(35% .05 240);--_slate-800:oklch(25% .04 240);--_slate-900:oklch(17% .03 240);--_slate-950:oklch(10% .02 240);--_vermilion-50:oklch(97% .01 40);--_vermilion-100:oklch(93% .037 40);--_vermilion-200:oklch(87% .071 40);--_vermilion-300:oklch(78% .131 40);--_vermilion-400:oklch(65% .194 40);--_vermilion-500:oklch(55% .17 40);--_vermilion-600:oklch(44% .138 40);--_vermilion-700:oklch(35% .111 40);--_vermilion-800:oklch(25% .083 40);--_vermilion-900:oklch(17% .067 40);--_vermilion-950:oklch(10% .045 40);--_neutral-50:oklch(98% .003 240);--_neutral-100:oklch(95% .005 240);--_neutral-200:oklch(90% .006 240);--_neutral-300:oklch(83% .008 240);--_neutral-400:oklch(70% .01 240);--_neutral-500:oklch(55% .01 240);--_neutral-600:oklch(47% .01 240);--_neutral-700:oklch(38% .008 240);--_neutral-800:oklch(26% .008 240);--_neutral-900:oklch(17% .008 240);--_neutral-950:oklch(10% .005 240);--_white:oklch(100% 0 0);--_black:oklch(0% 0 0);--_layer-token:oklch(55% .18 290);--_layer-reset:oklch(55% .2 250);--_layer-foundation:oklch(50% .18 210);--_layer-layout:oklch(50% .16 170);--_layer-component:oklch(55% .18 130);--_layer-project:oklch(55% .2 65);--_layer-animation:oklch(55% .22 30);--_layer-utility:oklch(55% .22 10);--color-layer-token:var(--_layer-token);--color-layer-reset:var(--_layer-reset);--color-layer-foundation:var(--_layer-foundation);--color-layer-layout:var(--_layer-layout);--color-layer-component:var(--_layer-component);--color-layer-project:var(--_layer-project);--color-layer-animation:var(--_layer-animation);--color-layer-utility:var(--_layer-utility);--color-main:var(--lightningcss-light,var(--_slate-600))var(--lightningcss-dark,var(--_slate-400));--color-accent:var(--lightningcss-light,var(--_vermilion-500))var(--lightningcss-dark,var(--_vermilion-400));--color-bg:var(--lightningcss-light,var(--_neutral-50))var(--lightningcss-dark,var(--_neutral-900));--color-bg-secondary:var(--lightningcss-light,var(--_neutral-100))var(--lightningcss-dark,var(--_neutral-800));--color-bg-cta:var(--lightningcss-light,color-mix(in oklch, var(--_neutral-100) 90%, var(--_vermilion-500) 10%))var(--lightningcss-dark,color-mix(in oklch, var(--_neutral-800) 90%, var(--_vermilion-400) 10%));--color-surface:var(--lightningcss-light,var(--_white))var(--lightningcss-dark,var(--_neutral-800));--color-text:var(--lightningcss-light,var(--_neutral-900))var(--lightningcss-dark,var(--_neutral-50));--color-text-light:var(--lightningcss-light,var(--_neutral-600))var(--lightningcss-dark,var(--_neutral-400));--color-border:var(--lightningcss-light,var(--_neutral-300))var(--lightningcss-dark,var(--_neutral-600));--color-border-strong:var(--lightningcss-light,var(--_neutral-500))var(--lightningcss-dark,var(--_neutral-400));--color-error:var(--lightningcss-light,var(--_vermilion-600))var(--lightningcss-dark,var(--_vermilion-400));--color-shadow:var(--lightningcss-light,oklch(from var(--_black) l c h / 10%))var(--lightningcss-dark,oklch(from var(--_white) l c h / 8%));--color-link:var(--color-main);--color-heading:var(--color-text);--color-focus-ring:var(--color-main);--color-overlay:oklch(0% 0 0/.4);--color-accent-on-surface:var(--lightningcss-light,var(--_vermilion-600))var(--lightningcss-dark,var(--_vermilion-300));--color-surface-on-accent:var(--lightningcss-light,var(--_white))var(--lightningcss-dark,var(--_neutral-900));--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@font-face{font-family:Noto Sans Mono;font-style:normal;font-weight:400;src:url(/assets/fonts/noto-sans-mono-400.woff2)format("woff2");font-display:swap;unicode-range:U+??,U+2010-2015,U+2018-201F,U+2020-2022,U+2026,U+2192,U+2500-257F}@font-face{font-family:Noto Sans Mono;font-style:normal;font-weight:700;src:url(/assets/fonts/noto-sans-mono-700.woff2)format("woff2");font-display:swap;unicode-range:U+??,U+2010-2015,U+2018-201F,U+2020-2022,U+2026,U+2192,U+2500-257F}:root{--font-family:"Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", meiryo, system-ui, sans-serif;--font-family-code:"Noto Sans Mono", ui-monospace, "Menlo", "Consolas", monospace;--font-size-h1:clamp(calc(32 * var(--px)), 2.308vi + 1.4231rem, calc(56 * var(--px)));--font-size-h2:clamp(calc(24 * var(--px)), 1.154vi + 1.2115rem, calc(36 * var(--px)));--font-size-h3:clamp(calc(18 * var(--px)), .288vi + 1.0529rem, calc(21 * var(--px)));--font-size-lead:clamp(calc(16 * var(--px)), .192vi + .9519rem, calc(18 * var(--px)));--font-size-button-lg:clamp(calc(16 * var(--px)), .192vi + .9519rem, calc(18 * var(--px)));--font-size-logo:clamp(calc(20 * var(--px)), .385vi + 1.1538rem, calc(24 * var(--px)));--font-size-nav-lg:clamp(calc(18 * var(--px)), .192vi + 1.0769rem, calc(20 * var(--px)));--font-size-display:clamp(calc(40 * var(--px)), 1.538vi + 2.1154rem, calc(56 * var(--px)));--font-size-caption:calc(14 * var(--px));--line-height-text:1.8;--line-height-title:1.4;--measure:70ch;--measure-heading:52rem;--font-weight-heading:700;--font-weight-body:400;--viewport-min:400;--viewport-max:1440;--content-width:1200px;--content-width-narrow:720px;--content-width-form:640px;--content-padding-min:calc(16 * var(--px));--content-padding-max:calc(40 * var(--px));--content-padding:clamp(var(--content-padding-min), 2.308vi + .4231rem, var(--content-padding-max));--header-size:4rem;--section-wide-min:calc(100 * var(--px));--section-wide-max:calc(160 * var(--px));--section-standard-min:calc(64 * var(--px));--section-standard-max:calc(100 * var(--px));--section-narrow-min:calc(40 * var(--px));--section-narrow-max:calc(64 * var(--px));--size-tap-target:44px;--size-icon-area:48px;--border-width:1px;--focus-ring-width:2px;--focus-ring-offset:2px;--space-2xs:calc(8 * var(--px));--space-xs:calc(12 * var(--px));--space-sm:calc(16 * var(--px));--space-md:calc(24 * var(--px));--space-lg:calc(32 * var(--px));--space-xl:calc(40 * var(--px));--space-2xl:calc(48 * var(--px));--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:calc(infinity * 1px);--shadow-sm:0 1px 3px;--shadow-md:0 4px 12px;--z-back-to-top:5;--z-drawer:10;--z-header:20;--z-modal:30;--z-toast:50;--z-skip-link:100;--ease-out-cubic:cubic-bezier(.215, .61, .355, 1);--ease-out-quart:cubic-bezier(.165, .84, .44, 1);--duration-fast:.2s;--duration-normal:.3s;--hover-lift:-2px}}@layer reset{*,:before,:after{box-sizing:border-box;min-block-size:0;min-inline-size:0}:where(:root){scrollbar-gutter:stable;line-break:strict;overflow-wrap:anywhere;text-autospace:normal;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}@supports (text-spacing-trim:trim-start){:where(:root){text-spacing-trim:trim-start}}:where(body){margin:unset}:where(h1,h2,h3,h4,h5,h6){margin-block:unset;font-size:unset}:where(p,blockquote,figure,pre,ul,ol,dl){margin-block:unset}:where(blockquote,figure){margin-inline:unset}:where(ul,ol,menu){padding-inline-start:unset;list-style-type:""}:where(dd){margin-inline-start:unset}:where(pre){text-autospace:no-autospace}@supports (text-spacing-trim:trim-start){:where(pre){text-spacing-trim:space-all}}:where(em:lang(ja)){font-weight:bolder}:where(:is(i,cite,em,dfn,address):lang(ja)){font-style:unset}:where(a){color:unset}:where(a:any-link){-webkit-text-decoration-line:unset;-webkit-text-decoration-line:unset;text-decoration-line:unset}:where(img,svg,video,canvas,iframe){vertical-align:bottom;block-size:auto;max-inline-size:100%}:where(table){border-collapse:collapse}:where(caption,th){text-align:unset}:where(button,input,select,textarea){font:inherit;color:inherit;letter-spacing:unset;border:unset;border-radius:unset}:where(fieldset){min-inline-size:0;padding:unset;margin:unset;border:unset}:where(legend){padding-inline:unset}:where(textarea){margin-block:unset;resize:block}::placeholder{opacity:unset}:where(summary){cursor:pointer;list-style-type:""}:where(dialog,[popover]){padding:unset;border:unset}:where(:disabled,[aria-disabled=true i]){cursor:default}:where([hidden]:not([hidden=until-found i])){display:none!important}}@layer foundation{:where(body){font-family:var(--font-family);font-weight:var(--font-weight-body);line-height:var(--line-height-text);color:var(--color-text);text-wrap:pretty;background-color:var(--color-bg);-webkit-font-smoothing:antialiased;container:page/inline-size}:where(h1,h2,h3,h4,h5,h6){font-weight:var(--font-weight-heading);line-height:var(--line-height-title);color:var(--color-heading);text-wrap:balance}:where(h1){font-size:var(--font-size-h1)}:where(h2){font-size:var(--font-size-h2)}:where(h3){font-size:var(--font-size-h3)}:where(small){font-size:var(--font-size-caption)}:where(code,kbd,samp,pre){font-family:var(--font-family-code)}:where(a){--_color:var(--link-color,var(--color-link));--_hover-color:var(--link-hover-color,var(--color-main));color:var(--_color)}@media (prefers-reduced-motion:no-preference){:where(a){transition:color var(--duration-fast) var(--ease-out-cubic)}}@media (any-hover:hover){:where(a):hover{color:var(--_hover-color)}}::selection{color:var(--color-surface);background-color:var(--color-main)}:where(:focus-visible){outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}:where(:root){scroll-padding-block-start:var(--header-size)}:where(:root):has(:modal){overflow:hidden}@media (prefers-reduced-motion:no-preference){:where(:root){scroll-behavior:smooth}}:where(button,input[type=submit],input[type=button],input[type=reset]){appearance:none;touch-action:manipulation;cursor:pointer;background:0 0;border:none;padding:0}:where(label){cursor:pointer}:where(select){--_arrow-space:2.5rem;appearance:none;background-color:var(--color-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23666' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-inline-end:var(--_arrow-space)}@media (prefers-color-scheme:dark){:where(select){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23aaa' d='M4 6l4 4 4-4'/%3E%3C/svg%3E")}}:where(input[type=radio],input[type=checkbox]){vertical-align:middle;appearance:none;cursor:pointer;border:var(--border-width) solid var(--color-border-strong);flex-shrink:0;block-size:1.25em;inline-size:1.25em;margin:0}@media (prefers-reduced-motion:no-preference){:where(input[type=radio],input[type=checkbox]){transition:border-color var(--duration-fast) var(--ease-out-cubic)}}:where(input[type=radio]:checked,input[type=checkbox]:checked){background-color:var(--color-main);border-color:var(--color-main)}:where(input[type=radio]:focus-visible,input[type=checkbox]:focus-visible,select:focus-visible){outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}:where(input[type=radio]){border-radius:50%}:where(input[type=radio]:checked){background-image:radial-gradient(circle at center, var(--color-surface) 30%, var(--color-main) 32%)}:where(input[type=checkbox]){border-radius:.25em}:where(input[type=checkbox]:checked){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8l3 3 6-6'/%3E%3C/svg%3E");background-position:50%;background-size:100%}@media (prefers-color-scheme:dark){:where(input[type=checkbox]:checked){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23111' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8l3 3 6-6'/%3E%3C/svg%3E")}}:where(:disabled){cursor:not-allowed;opacity:.5}::placeholder{color:var(--color-text-light)}}@layer layout{.l-page{flex-direction:column;min-block-size:100dvb;display:flex}.l-page>main{flex:1}.l-header{z-index:var(--z-header);position:sticky;inset-block-start:0}.l-inner{--_width:var(--inner-width,var(--content-width));--_padding:var(--inner-padding,var(--content-padding));box-sizing:content-box;max-inline-size:var(--_width);padding-inline:var(--_padding);margin-inline:auto}.l-measure{--_measure:var(--measure-inline,var(--measure));max-inline-size:var(--_measure)}.l-measure.-center{margin-inline:auto}.l-measure.-wide{--_measure:var(--measure-heading)}.l-section{--_padding-min:var(--section-padding-min,var(--section-standard-min));--_padding-max:var(--section-padding-max,var(--section-standard-max));padding-block:clamp(var(--_padding-min), 3.462vi + 3.1346rem, var(--_padding-max))}.l-section.-flush-top{padding-block-start:0}.l-grid{--_columns:3;--_gap:var(--space-md);grid-template-columns:repeat(var(--_columns), minmax(0, 1fr));gap:var(--_gap);display:grid}.l-grid.-cols-2{--_columns:2}.l-grid.-cols-4{--_columns:4}.l-grid.-gap-sm{--_gap:var(--space-sm)}.l-grid.-gap-lg{--_gap:var(--space-lg)}@media (width<48rem){.l-grid{grid-template-columns:minmax(0,1fr)}}.l-stack{--_gap:var(--space-md);gap:var(--_gap);flex-direction:column;display:flex}.l-stack.-gap-2xs{--_gap:var(--space-2xs)}.l-stack.-gap-xs{--_gap:var(--space-xs)}.l-stack.-gap-sm{--_gap:var(--space-sm)}.l-stack.-gap-lg{--_gap:var(--space-lg)}.l-stack.-gap-xl{--_gap:var(--space-xl)}.l-cluster{--_gap:var(--space-sm);gap:var(--_gap);flex-wrap:wrap;display:flex}.l-cluster.-gap-2xs{--_gap:var(--space-2xs)}.l-cluster.-gap-md{--_gap:var(--space-md)}.l-cluster.-gap-lg{--_gap:var(--space-lg)}.l-cluster.-justify-center{justify-content:center}.l-cluster.-justify-between{justify-content:space-between}}@layer component{.c-skip-link{padding:var(--space-sm) var(--space-md);font-weight:var(--font-weight-heading);color:var(--color-surface);background-color:var(--color-main);border-radius:var(--radius-sm);text-decoration:none}.c-skip-link:not(:focus,:active,:focus-within){white-space:nowrap;clip-path:inset(50%);border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.c-skip-link:focus-visible{z-index:var(--z-skip-link);position:fixed;inset-block-start:var(--space-sm);inset-inline-start:var(--space-sm)}.c-hamburger{--_line-width:20px;--_line-height:2px;--_line-gap:6px;--_line-radius:1px;inline-size:var(--size-tap-target);block-size:var(--size-tap-target);cursor:pointer;justify-content:center;align-items:center;display:flex}.c-hamburger__line{position:relative}.c-hamburger__line,.c-hamburger__line:before,.c-hamburger__line:after{inline-size:var(--_line-width);block-size:var(--_line-height);border-radius:var(--_line-radius);background-color:currentColor;display:block}@media (prefers-reduced-motion:no-preference){.c-hamburger__line,.c-hamburger__line:before,.c-hamburger__line:after{transition:rotate var(--duration-normal) var(--ease-out-cubic), translate var(--duration-normal) var(--ease-out-cubic), opacity var(--duration-normal) var(--ease-out-cubic)}}.c-hamburger__line:before,.c-hamburger__line:after{content:"";position:absolute;inset-inline-start:0}.c-hamburger__line:before{translate:0 calc(var(--_line-gap) * -1)}.c-hamburger__line:after{translate:0 var(--_line-gap)}.c-hamburger[aria-expanded=true] .c-hamburger__line{background-color:#0000}.c-hamburger[aria-expanded=true] .c-hamburger__line:before{translate:0;rotate:45deg}.c-hamburger[aria-expanded=true] .c-hamburger__line:after{translate:0;rotate:-45deg}.c-overlay{--_z:var(--overlay-z,auto);z-index:var(--_z);background-color:var(--color-overlay);position:fixed;inset:0}.c-button{--_color:var(--button-color,var(--color-surface-on-accent));--_bg-color:var(--button-bg-color,var(--color-accent));--_border-color:var(--button-border-color,var(--color-accent));--_hover-bg-color:var(--button-hover-bg-color,var(--lightningcss-light,oklch(from var(--color-accent) calc(l * .92) c h))var(--lightningcss-dark,oklch(from var(--color-accent) calc(l * 1.08) c h)));gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:inherit;font-weight:var(--font-weight-heading);line-height:var(--line-height-title);color:var(--_color);text-align:center;cursor:pointer;background-color:var(--_bg-color);border:var(--border-width) solid var(--_border-color);border-radius:var(--radius-lg);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}@media (prefers-reduced-motion:no-preference){.c-button{transition:background-color var(--duration-normal) var(--ease-out-cubic), translate var(--duration-normal) var(--ease-out-cubic)}}@media (any-hover:hover){.c-button:hover{background-color:var(--_hover-bg-color);translate:0 var(--hover-lift)}}.c-button:active{opacity:.8;translate:0}.c-button[data-loading]{pointer-events:none;opacity:.7}.c-button.-ghost{--_color:var(--button-color,var(--color-main));--_bg-color:var(--button-bg-color,transparent);--_border-color:var(--button-border-color,var(--color-main));--_hover-bg-color:var(--button-hover-bg-color,oklch(from var(--color-main) l c h / 8%))}.c-button.-large{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-button-lg)}.c-button__icon{flex-shrink:0;block-size:1em;inline-size:1em}.c-icon{vertical-align:-.125em;block-size:1em;inline-size:1em}.c-badge{padding:var(--space-2xs) var(--space-xs);font-size:var(--font-size-caption);font-weight:var(--font-weight-heading);line-height:var(--line-height-title);letter-spacing:.03em;border-radius:var(--radius-sm);display:inline-block}.c-badge.-accent{color:var(--color-accent);background-color:oklch(from var(--color-accent) l c h / 12%)}.c-badge.-license{font-family:var(--font-family-code);font-weight:var(--font-weight-body);color:var(--color-text-light);border:var(--border-width) solid var(--color-border)}.c-badge.-price{font-variant-numeric:tabular-nums;color:var(--color-surface-on-accent);background-color:var(--color-accent)}.c-code-block{--_accent:var(--code-block-accent,var(--color-main));--shiki-foreground:var(--color-text);--shiki-token-comment:var(--color-text-light);--shiki-token-keyword:var(--color-accent-on-surface);--shiki-token-function:var(--color-main);--shiki-token-string:var(--color-main);--shiki-token-string-expression:var(--color-main);--shiki-token-constant:var(--color-text);--shiki-token-parameter:var(--color-text);--shiki-token-punctuation:var(--color-text);background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.c-code-block__header{gap:var(--space-sm);padding:var(--space-xs) var(--space-md);font-family:var(--font-family-code);font-size:var(--font-size-caption);font-weight:var(--font-weight-heading);color:var(--_accent);border-block-end:var(--border-width) solid var(--color-border);align-items:center;display:flex}.c-code-block__marker{inline-size:var(--space-2xs);block-size:var(--space-2xs);border-radius:var(--radius-full);background-color:currentColor}.c-code-block__body{padding:var(--space-md);font-family:var(--font-family-code);font-size:var(--font-size-caption);line-height:var(--line-height-text);tab-size:2;overflow-x:auto}.c-section-heading{--_align:var(--section-heading-align,start);--_kicker-color:var(--section-heading-kicker-color,var(--color-accent));text-align:var(--_align)}.c-section-heading.-center{--_align:center}.c-section-heading__kicker{gap:var(--space-sm);font-size:var(--font-size-caption);font-weight:var(--font-weight-heading);color:var(--_kicker-color);align-items:center;margin-block-end:var(--space-sm);display:inline-flex}.c-section-heading__kicker:before{inline-size:var(--space-lg);content:"";background-color:var(--_kicker-color);block-size:2px}.c-section-heading__title{font-size:var(--font-size-h2)}.c-section-heading__subtitle{margin-block-start:var(--space-sm)}.c-section-heading__title-initial{color:var(--color-accent)}.c-accordion{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.c-accordion__summary{gap:var(--space-md);padding:var(--space-md) var(--space-lg);font-weight:var(--font-weight-heading);line-height:var(--line-height-title);justify-content:space-between;align-items:center;display:flex}.c-accordion__label{min-inline-size:0}.c-accordion__icon{flex-shrink:0;block-size:1em;inline-size:1em}@media (prefers-reduced-motion:no-preference){.c-accordion__icon{transition:rotate var(--duration-normal) var(--ease-out-cubic)}}.c-accordion[open] .c-accordion__icon{rotate:180deg}.c-accordion__content{padding:0 var(--space-lg) var(--space-lg);color:var(--color-text-light)}.c-blockquote{border-inline-start:2px solid var(--color-accent);padding-inline-start:var(--space-lg)}.c-step-card{gap:var(--space-sm) var(--space-lg);counter-increment:step;grid-template-columns:auto 1fr;display:grid}.c-step-card:before{inline-size:var(--space-2xl);block-size:var(--space-2xl);font-size:var(--font-size-h3);font-weight:var(--font-weight-heading);color:var(--color-surface);content:counter(step);background-color:var(--color-main);border-radius:var(--radius-full);grid-area:1/1;justify-content:center;align-self:start;align-items:center;display:flex}.c-step-card>*{grid-column:2}.c-step-card__text{color:var(--color-text-light)}.c-hairline-item{border-block-start:var(--border-width) solid var(--color-border)}.c-hairline-item:first-child{border-block-start:none}}@layer project{.p-header{background-color:var(--color-bg);border-block-end:var(--border-width) solid var(--color-border)}.p-header__inner{gap:var(--space-sm);max-inline-size:var(--content-width);block-size:var(--header-size);padding-inline:var(--content-padding);align-items:center;margin-inline:auto;display:flex}.p-header__logo{align-items:center;margin-inline-end:auto;text-decoration:none;display:inline-flex}.p-header__logo-mark{block-size:2.25rem;inline-size:auto;font-family:system-ui,-apple-system,Noto Sans JP,sans-serif;font-size:36px;font-weight:var(--font-weight-heading);display:block}.p-header__theme-toggle{inline-size:var(--size-tap-target);block-size:var(--size-tap-target);font-size:var(--font-size-lead);cursor:pointer;border-radius:var(--radius-full);background-color:#0000;border:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.p-header__nav{gap:var(--space-lg);align-items:center;display:none}@media (width>=64rem){.p-header__nav{display:flex}}.p-header__nav-list{gap:var(--space-lg);display:flex}.p-header__nav-link{font-size:var(--font-size-caption);font-weight:var(--font-weight-heading);color:var(--color-text);white-space:nowrap;text-decoration:none}.p-header__nav-link[aria-current=page]{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--color-accent);-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:.5em}@media (any-hover:hover){.p-header__nav-link:hover{color:var(--color-main)}}.p-header__nav-link .c-icon{margin-inline-start:.25em}@media (width>=64rem){.p-header__hamburger{display:none}}[data-drawer-overlay]{--overlay-z:calc(var(--z-drawer) - 1)}.p-drawer{--_panel-size:min(max(85vi, calc(var(--viewport-min) * var(--px))), calc(100vi - 48px));z-index:var(--z-drawer);inline-size:var(--_panel-size);overscroll-behavior-block:contain;background-color:var(--color-bg);border:none;block-size:auto;max-block-size:none;max-inline-size:none;margin:0;padding:0;position:fixed;inset:0;inset-inline-start:auto;overflow-y:auto;translate:100%}@media (prefers-reduced-motion:no-preference){.p-drawer{transition:translate var(--duration-normal) var(--ease-out-cubic)}}.p-drawer[data-open]{translate:0}:root:has(.p-drawer[open]){overflow:hidden}.p-drawer__stack{gap:var(--space-xl);min-block-size:100%;padding:var(--space-xl);flex-direction:column;justify-content:safe center;align-items:center;padding-block-start:calc(var(--header-size) + var(--space-xl));display:flex}.p-drawer__nav-list{gap:var(--space-xl);flex-direction:column;align-items:center;display:flex}.p-drawer__nav-link{--link-color:var(--color-text);font-size:var(--font-size-nav-lg);text-decoration:none}.p-drawer__nav-link .c-icon{margin-inline-start:.25em}.p-drawer__cta{margin-block-start:var(--space-md)}.p-footer{padding-block:var(--space-xl);background-color:var(--color-bg-secondary);border-block-start:var(--border-width) solid var(--color-border)}.p-footer__inner{gap:var(--space-xl);max-inline-size:var(--content-width);padding-inline:var(--content-padding);flex-direction:column;margin-inline:auto;display:flex}.p-footer__nav{gap:var(--space-lg) var(--space-xl);grid-template-columns:1fr;display:grid}@media (width>=48rem){.p-footer__nav{grid-template-columns:repeat(3,minmax(0,1fr))}}.p-footer__nav-group{gap:var(--space-sm);flex-direction:column;display:flex}.p-footer__nav-heading{font-size:var(--font-size-caption);font-weight:var(--font-weight-heading);letter-spacing:.05em}.p-footer__nav-list{gap:var(--space-xs);flex-direction:column;display:flex}.p-footer__nav-link{font-size:var(--font-size-caption);color:var(--color-text-light);text-decoration:none}.p-footer__bottom{gap:var(--space-2xs) var(--space-md);border-block-start:var(--border-width) solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;padding-block-start:var(--space-lg);display:flex}.p-footer__copyright{font-size:var(--font-size-caption);color:var(--color-text-light)}.p-footer__legal-link{font-size:var(--font-size-caption);color:var(--color-text-light);text-decoration:none}.p-home-hero{--section-padding-min:var(--section-wide-min);--section-padding-max:var(--section-wide-max);background:linear-gradient(to right, var(--color-bg) 0%, transparent 55%), radial-gradient(ellipse at 85% 35%, var(--lightningcss-light,oklch(from var(--color-accent) l c h / 8%))var(--lightningcss-dark,oklch(from var(--color-accent) l c h / 10%)) 0%, transparent 60%), repeating-linear-gradient(0deg, oklch(from var(--color-border) l c h / 18%) 0 1px, transparent 1px 40px) top right / 480px 480px no-repeat, repeating-linear-gradient(90deg, oklch(from var(--color-border) l c h / 18%) 0 1px, transparent 1px 40px) top right / 480px 480px no-repeat, radial-gradient(circle at 72% 25%, oklch(from var(--color-layer-component) l c h / 5%) 0%, transparent 45%) top right / 480px 480px no-repeat, radial-gradient(circle at 28% 75%, oklch(from var(--color-layer-project) l c h / 5%) 0%, transparent 45%) top right / 480px 480px no-repeat}@media (width>=90rem){.p-home-hero{background-position:0 0,0 0,100% 0,100% 0,right calc(50% - 480px) top,right calc(50% - 480px) top;background-size:auto,auto,calc(50% - 240px) 480px,calc(50% - 240px) 480px,480px 480px,480px 480px}}@media (width<48rem){.p-home-hero{background:radial-gradient(ellipse at 85% 20%, var(--lightningcss-light,oklch(from var(--color-accent) l c h / 5%))var(--lightningcss-dark,oklch(from var(--color-accent) l c h / 6%)) 0%, transparent 60%) top right / 200px 200px no-repeat, repeating-linear-gradient(0deg, oklch(from var(--color-border) l c h / 10%) 0 1px, transparent 1px 32px) top right / 200px 200px no-repeat, repeating-linear-gradient(90deg, oklch(from var(--color-border) l c h / 10%) 0 1px, transparent 1px 32px) top right / 200px 200px no-repeat}}.p-home-hero__content{text-align:start;align-items:start}.p-home-hero__brand{font-size:var(--font-size-nav-lg);font-weight:var(--font-weight-heading);color:var(--color-main);letter-spacing:.12em}.p-home-hero__brand-initial{color:var(--color-accent)}.p-home-hero__title{font-size:var(--font-size-h1);letter-spacing:.02em}.p-home-hero__lead{font-size:var(--font-size-lead);color:var(--color-text-light)}.p-home-hero__actions{inline-size:100%;margin-block-start:var(--space-sm)}.p-home-hero__actions .c-button{padding-inline:clamp(1.25rem, 5.128vi, var(--space-xl))}@media (width<=48rem){.p-home-hero__cta,.p-home-hero__sub-cta{inline-size:100%}}.p-home-hero__cta{align-items:baseline}.p-home-hero__price{font-size:var(--font-size-caption);font-weight:var(--font-weight-body);opacity:.9}.p-home-hero__sub-cta{--button-color:var(--lightningcss-light,var(--color-main))var(--lightningcss-dark,var(--color-text));--button-border-color:var(--lightningcss-light,var(--color-main))var(--lightningcss-dark,var(--color-text))}.p-home-problem{--section-padding-min:var(--section-narrow-min);--section-padding-max:var(--section-narrow-max)}.p-home-problem__lead{font-size:var(--font-size-lead);color:var(--color-text-light)}.p-home-problem__list{padding:clamp(var(--space-lg), 4vi, var(--space-xl));background-color:var(--color-bg-secondary);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:1fr;margin-block-start:var(--space-lg);display:grid}@media (width>=48rem){.p-home-problem__list{grid-template-columns:repeat(3,minmax(0,1fr))}}.p-home-problem__item{gap:var(--space-sm);padding-block:var(--space-md);flex-direction:column;display:flex}@media (width>=48rem){.p-home-problem__item{padding-block:0;padding-inline:var(--space-lg);border-block-start:none;border-inline-start:var(--border-width) solid var(--color-border)}.p-home-problem__item:first-child{border-inline-start:none;padding-inline-start:0}}.p-home-problem__item-title{font-size:var(--font-size-h3)}.p-home-problem__item-text{font-size:var(--font-size-caption);color:var(--color-text-light)}.p-home-problem__evidence{padding:var(--space-xs) var(--space-sm);font-family:var(--font-family-code);font-size:var(--font-size-caption);color:var(--color-text);background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);margin-block-start:auto;overflow-x:auto}.p-home-compare__lead{font-size:var(--font-size-lead);color:var(--color-text-light)}.p-home-compare__grid{gap:var(--space-md);max-inline-size:56rem;grid-template-columns:1fr;margin-block-start:var(--space-lg);margin-inline:auto;display:grid}@media (width>=56rem){.p-home-compare__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.p-home-compare__before{--code-block-accent:var(--color-text-light)}.p-home-compare__after{--code-block-accent:var(--color-main)}.p-home-compare__links{font-size:var(--font-size-caption);color:var(--color-text-light);margin-block-start:var(--space-lg)}.p-home-layers__lead{font-size:var(--font-size-lead);color:var(--color-text-light)}.p-home-layers__stack{max-inline-size:42rem;margin-block:var(--space-lg) 0;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);margin-inline:auto;overflow:hidden}.p-home-layers__caption{padding:var(--space-sm) var(--space-lg);font-family:var(--font-family-code);font-size:var(--font-size-caption);color:var(--color-text-light);background-color:var(--color-bg-secondary)}.p-home-layers__list{grid-template-columns:auto 1fr;margin:0;display:grid}.p-home-layers__row{--_layer:var(--color-border);grid-template-columns:subgrid;gap:var(--space-xs) var(--space-lg);padding:var(--space-md) var(--space-lg);grid-column:1/-1;align-items:baseline;display:grid}.p-home-layers__row.-token{--_layer:var(--color-layer-token)}.p-home-layers__row.-reset{--_layer:var(--color-layer-reset)}.p-home-layers__row.-foundation{--_layer:var(--color-layer-foundation)}.p-home-layers__row.-layout{--_layer:var(--color-layer-layout)}.p-home-layers__row.-component{--_layer:var(--color-layer-component)}.p-home-layers__row.-project{--_layer:var(--color-layer-project)}.p-home-layers__row.-animation{--_layer:var(--color-layer-animation)}.p-home-layers__row.-utility{--_layer:var(--color-layer-utility)}.p-home-layers__name{gap:var(--space-2xs);font-family:var(--font-family-code);font-size:var(--font-size-lead);font-weight:var(--font-weight-heading);color:var(--color-text);align-items:center;display:flex}.p-home-layers__name:before{content:"";background-color:var(--_layer);border-radius:var(--radius-full);flex-shrink:0;block-size:.5em;inline-size:.5em}.p-home-layers__desc{font-size:var(--font-size-lead);color:var(--color-text-light);margin:0}.p-home-layers__links{font-size:var(--font-size-caption);color:var(--color-text-light);margin-block-start:var(--space-lg)}.p-home-features__lead{font-size:var(--font-size-lead);color:var(--color-text-light)}.p-home-features__matrix{gap:var(--border-width);background-color:var(--color-border);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:1fr;margin-block-start:var(--space-lg);display:grid;overflow:hidden}@media (width>=40rem){.p-home-features__matrix{grid-template-columns:repeat(2,minmax(0,1fr))}}.p-home-features__cell{gap:var(--space-sm);padding:clamp(var(--space-lg), 4vi, var(--space-xl));background-color:var(--color-surface);flex-direction:column;display:flex}.p-home-features__cell-title{font-size:var(--font-size-h3)}.p-home-features__cell-text{font-size:var(--font-size-caption);color:var(--color-text-light)}.p-home-book-cta__panel{gap:clamp(var(--space-lg), 5vi, var(--space-xl));padding:clamp(var(--space-lg), 5vi, var(--space-xl));background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:1fr;place-items:center;margin-block-start:var(--space-lg);display:grid}@media (width>=48rem){.p-home-book-cta__panel{grid-template-columns:auto 1fr;justify-items:stretch}}.p-home-book-cta__cover{aspect-ratio:5/7;object-fit:cover;border-radius:var(--radius-sm);block-size:auto;inline-size:min(220px,56vw);box-shadow:var(--shadow-md) var(--color-shadow)}.p-home-book-cta__content{gap:var(--space-md);flex-direction:column;align-items:start;display:flex}.p-home-book-cta__title{font-size:var(--font-size-h3)}.p-home-book-cta__text{color:var(--color-text-light)}.p-home-book-cta__meta{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.p-home-book-cta__note{font-size:var(--font-size-caption);color:var(--color-text-light)}.p-home-book-cta__actions{margin-block-start:var(--space-2xs)}.p-home-ecosystem__grid{gap:var(--space-md);grid-template-columns:1fr;margin-block-start:var(--space-lg);display:grid}@media (width>=40rem){.p-home-ecosystem__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.p-home-ecosystem__tile{gap:var(--space-sm);padding:var(--space-lg);background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex;position:relative}.p-home-ecosystem__path{font-family:var(--font-family-code);font-size:var(--font-size-caption);color:var(--color-text-light)}.p-home-ecosystem__name{gap:var(--space-2xs);font-size:var(--font-size-h3);color:var(--color-text);align-items:baseline;display:flex}.p-home-ecosystem__link{color:inherit;text-decoration:none}.p-home-ecosystem__link:after{content:"";position:absolute;inset:0}.p-home-ecosystem__arrow{block-size:1em;inline-size:1em;color:var(--color-text-light)}.p-home-ecosystem__desc{font-size:var(--font-size-caption);color:var(--color-text-light)}.p-home-ecosystem__badges{gap:var(--space-2xs);flex-wrap:wrap;margin-block-start:auto;padding-block-start:var(--space-2xs);display:flex}.p-home-ecosystem__tile.-coming{opacity:.65;border-style:dashed}@media (any-hover:hover){.p-home-ecosystem__tile:has(.p-home-ecosystem__link:hover){border-color:var(--color-main);transition:border-color var(--duration-fast) var(--ease-out-cubic)}}.p-home-cta{--section-padding-min:var(--section-wide-min);--section-padding-max:var(--section-wide-max);background-color:var(--color-bg-cta)}.p-home-cta__content{text-align:center}.p-home-cta__accent{color:var(--color-accent)}.p-home-cta__lead{font-size:var(--font-size-lead);color:var(--color-text-light)}.p-home-cta__lead.-center{text-align:center}.p-home-cta__meta{font-size:var(--font-size-caption);color:var(--color-text-light)}.p-home-cta__actions{inline-size:100%;margin-block-start:var(--space-sm);container:p-home-cta-actions/inline-size}@container p-home-cta-actions (inline-size<34rem){.p-home-cta__actions .c-button{inline-size:100%}}.p-home-cta__links{font-size:var(--font-size-caption);color:var(--color-text-light);margin-block-start:var(--space-sm)}.p-home-cta__arrow{vertical-align:-.125em;block-size:1em;inline-size:1em;margin-inline-start:var(--space-2xs)}.p-why-hero__title{font-size:var(--font-size-h1);line-height:var(--line-height-title)}.p-why-hero__question{font-size:var(--font-size-lead);font-weight:var(--font-weight-heading)}.p-why-hero__conclusion{color:var(--color-text-light)}.p-why-limits__lead{font-size:var(--font-size-lead);color:var(--color-text-light)}.p-why-limits__list{gap:var(--space-md);margin-block-start:var(--space-lg);display:grid}.p-why-limits__item{padding-block-start:var(--space-md)}.p-why-limits__item:first-child{padding-block-start:0}.p-why-limits__item-title{font-size:var(--font-size-h3)}.p-why-limits__item-text{color:var(--color-text-light);margin-block-start:var(--space-sm)}.p-why-compare__lead{font-size:var(--font-size-lead);color:var(--color-text-light)}.p-why-compare__list{gap:var(--space-md);margin-block-start:var(--space-lg);display:grid}.p-why-compare__item{padding-block-start:var(--space-md)}.p-why-compare__item:first-child{padding-block-start:0}.p-why-compare__item-title{font-size:var(--font-size-h3)}.p-why-compare__item-text{color:var(--color-text-light);margin-block-start:var(--space-sm)}.p-why-tailwind__list{gap:var(--space-lg);margin-block-start:var(--space-xl);display:grid}@media (width>=40rem){.p-why-tailwind__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.p-why-tailwind__item-title{font-size:var(--font-size-h3)}.p-why-tailwind__item-text{color:var(--color-text-light);margin-block-start:var(--space-sm)}.p-why-barriers__list{gap:var(--space-lg);margin-block-start:var(--space-xl);display:grid}@media (width>=40rem){.p-why-barriers__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.p-why-barriers__item-title{font-size:var(--font-size-h3)}.p-why-barriers__item-text{color:var(--color-text-light);margin-block-start:var(--space-sm)}.p-why-principles__quote{margin-block-start:var(--space-lg)}.p-why-principles__quote-list{gap:var(--space-sm);padding-inline-start:1.2em;display:grid}.p-why-principles__citation{font-size:var(--font-size-caption);color:var(--color-text-light);margin-block-start:var(--space-sm)}.p-why-principles__notes{gap:var(--space-md);margin-block-start:var(--space-lg);display:grid}@media (width>=40rem){.p-why-principles__notes{grid-template-columns:repeat(2,minmax(0,1fr))}}.p-why-principles__note-title{font-size:var(--font-size-caption);font-weight:var(--font-weight-heading);color:var(--color-text-light)}.p-why-principles__note-text{margin-block-start:var(--space-2xs)}.p-why-faq__list{gap:var(--space-sm);margin-block-start:var(--space-lg);display:grid}.p-why-faq__question{font-size:var(--font-size-h3);flex:1}.p-why-next__list{gap:var(--space-md);margin-block-start:var(--space-lg);display:grid}@media (width>=40rem){.p-why-next__list{grid-template-columns:repeat(3,minmax(0,1fr))}}.p-why-next__item-title{font-size:var(--font-size-caption);color:var(--color-text-light)}.p-why-next__item-text{margin-block-start:var(--space-2xs)}.p-layers-hero__title{font-size:var(--font-size-h1);line-height:var(--line-height-title)}.p-layers-hero__order,.p-layers-hero__responsibility{color:var(--color-text-light)}.p-layer-catalog__list{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.p-layer-catalog__name{gap:var(--space-sm);font-family:var(--font-family-code);font-size:var(--font-size-h3);align-items:center;display:flex}.p-layer-catalog__name:before{content:"";background-color:var(--_layer);border-radius:var(--radius-full);flex-shrink:0;block-size:.6em;inline-size:.6em}.p-layer-catalog__item{--_layer:var(--color-border);padding:var(--space-lg)}.p-layer-catalog__item.-token .p-layer-catalog__name{--_layer:var(--color-layer-token)}.p-layer-catalog__item.-reset .p-layer-catalog__name{--_layer:var(--color-layer-reset)}.p-layer-catalog__item.-foundation .p-layer-catalog__name{--_layer:var(--color-layer-foundation)}.p-layer-catalog__item.-layout .p-layer-catalog__name{--_layer:var(--color-layer-layout)}.p-layer-catalog__item.-component .p-layer-catalog__name{--_layer:var(--color-layer-component)}.p-layer-catalog__item.-project .p-layer-catalog__name{--_layer:var(--color-layer-project)}.p-layer-catalog__item.-animation .p-layer-catalog__name{--_layer:var(--color-layer-animation)}.p-layer-catalog__item.-utility .p-layer-catalog__name{--_layer:var(--color-layer-utility)}.p-layer-catalog__body{gap:var(--space-md);margin-block-start:var(--space-md);display:grid}@media (width>=48rem){.p-layer-catalog__body{grid-template-columns:repeat(3,minmax(0,1fr))}}.p-layer-catalog__field-title{font-size:var(--font-size-caption);font-weight:var(--font-weight-heading);color:var(--color-text-light)}.p-layer-catalog__field-text{margin-block-start:var(--space-2xs)}.p-layers-tests__lead{font-size:var(--font-size-lead);color:var(--color-text-light)}.p-layers-tests__list{gap:var(--space-md);margin-block-start:var(--space-lg);display:grid}@media (width>=48rem){.p-layers-tests__list{grid-template-columns:repeat(3,minmax(0,1fr))}}.p-layers-tests__item{padding:var(--space-lg);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg)}.p-layers-tests__item-title{font-size:var(--font-size-h3)}.p-layers-tests__item-text{color:var(--color-text-light);margin-block-start:var(--space-sm)}.p-layers-flowchart__text{color:var(--color-text-light)}.p-layers-codeviz__lead{font-size:var(--font-size-lead);color:var(--color-text-light)}.p-layers-codeviz__subtitle{font-size:var(--font-size-caption);font-weight:var(--font-weight-heading);color:var(--color-text-light);margin-block-start:var(--space-lg)}.p-layers-codeviz__before,.p-layers-codeviz__after,.p-layers-codeviz__component,.p-layers-codeviz__project{margin-block-start:var(--space-sm)}.p-layers-codeviz__before-intro,.p-layers-codeviz__note,.p-layers-codeviz__boundary-intro,.p-layers-codeviz__judgment,.p-layers-codeviz__boundary-note{color:var(--color-text-light);margin-block-start:var(--space-md)}.p-layers-codeviz__quote{margin-block-start:var(--space-md)}.p-layers-related__list{gap:var(--space-md);margin-block-start:var(--space-lg);display:grid}@media (width>=40rem){.p-layers-related__list{grid-template-columns:repeat(3,minmax(0,1fr))}}.p-layers-related__item-title{font-size:var(--font-size-caption);color:var(--color-text-light)}.p-layers-related__item-text{margin-block-start:var(--space-2xs)}.p-spec-hero__title{font-family:var(--font-family-code);font-size:var(--font-size-h1);line-height:var(--line-height-title)}.p-spec-hero__version{color:var(--color-text-light)}.p-spec-abstract__quote{margin-block-start:var(--space-lg)}.p-spec-abstract__citation{font-size:var(--font-size-caption);color:var(--color-text-light);margin-block-start:var(--space-sm)}.p-spec-abstract__note{color:var(--color-text-light);margin-block-start:var(--space-md)}.p-spec-levels__lead{font-size:var(--font-size-lead);color:var(--color-text-light)}.p-spec-levels__list{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:auto 1fr;margin-block-start:var(--space-lg);display:grid;overflow:hidden}.p-spec-levels__row{grid-template-columns:subgrid;gap:var(--space-sm) var(--space-lg);padding:var(--space-md) var(--space-lg);grid-column:1/-1;align-items:baseline;display:grid}.p-spec-levels__term{font-family:var(--font-family-code);font-weight:var(--font-weight-heading);color:var(--color-accent)}.p-spec-levels__desc{color:var(--color-text-light);margin:0}.p-spec-reading__list{gap:var(--space-md);margin-block-start:var(--space-lg);display:grid}@media (width>=40rem){.p-spec-reading__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.p-spec-reading__item-title{font-size:var(--font-size-h3)}.p-spec-reading__item-text{color:var(--color-text-light);margin-block-start:var(--space-sm)}.p-spec-repo__list{gap:var(--space-md);margin-block-start:var(--space-lg);display:grid}@media (width>=40rem){.p-spec-repo__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.p-spec-repo__item-title{font-size:var(--font-size-h3)}.p-spec-repo__item-text{color:var(--color-text-light);margin-block-start:var(--space-sm)}.p-spec-faq__list{gap:var(--space-sm);margin-block-start:var(--space-lg);display:grid}.p-spec-faq__question{font-size:var(--font-size-h3);flex:1}.p-spec-related__list{gap:var(--space-md);margin-block-start:var(--space-lg);display:grid}@media (width>=40rem){.p-spec-related__list{grid-template-columns:repeat(3,minmax(0,1fr))}}.p-spec-related__item-title{font-size:var(--font-size-caption);color:var(--color-text-light)}.p-spec-related__item-text{margin-block-start:var(--space-2xs)}.p-guide-hero__title{font-size:var(--font-size-h1);line-height:var(--line-height-title)}.p-guide-hero__audience{font-size:var(--font-size-lead);font-weight:var(--font-weight-heading)}.p-guide-hero__duration{color:var(--color-text-light)}.p-guide-getting-started__list{gap:var(--space-lg);counter-reset:step;margin-block-start:var(--space-lg);display:grid}.p-guide-getting-started__step-title{font-size:var(--font-size-h3)}.p-guide-clone__list{gap:var(--space-md);margin-block-start:var(--space-lg);display:grid}.p-guide-clone__item{padding-block-start:var(--space-md)}.p-guide-clone__item:first-child{padding-block-start:0}.p-guide-clone__item-title{font-size:var(--font-size-h3)}.p-guide-clone__item-text{color:var(--color-text-light);margin-block-start:var(--space-sm)}.p-guide-migration__lead{font-size:var(--font-size-lead);color:var(--color-text-light)}.p-guide-migration__list{gap:var(--space-lg);counter-reset:step;margin-block-start:var(--space-lg);display:grid}.p-guide-migration__step-title{font-size:var(--font-size-h3)}.p-guide-migration__note{margin-block-start:var(--space-lg)}.p-guide-migration__note-title{font-size:var(--font-size-h3)}.p-guide-migration__note-text{color:var(--color-text-light);margin-block-start:var(--space-sm)}.p-guide-migration__article-link{color:var(--color-text-light);margin-block-start:var(--space-lg)}.p-guide-articles__list{gap:var(--space-md);margin-block-start:var(--space-lg);display:grid}@media (width>=40rem){.p-guide-articles__list{grid-template-columns:repeat(3,minmax(0,1fr))}}.p-guide-articles__item-title{font-size:var(--font-size-caption);color:var(--color-text-light)}.p-guide-articles__item-text{margin-block-start:var(--space-2xs)}.p-guide-related__list{gap:var(--space-md);margin-block-start:var(--space-lg);display:grid}@media (width>=40rem){.p-guide-related__list{grid-template-columns:repeat(3,minmax(0,1fr))}}.p-guide-related__item-title{font-size:var(--font-size-caption);color:var(--color-text-light)}.p-guide-related__item-text{margin-block-start:var(--space-2xs)}.p-guide-troubleshooting__list{gap:var(--space-md);margin-block-start:var(--space-lg);display:grid}.p-guide-troubleshooting__item{padding-block-start:var(--space-md)}.p-guide-troubleshooting__item:first-child{padding-block-start:0}.p-guide-troubleshooting__item-title{font-size:var(--font-size-h3)}.p-guide-troubleshooting__item-text{color:var(--color-text-light);margin-block-start:var(--space-sm)}.p-book-hero__panel{gap:clamp(var(--space-lg), 5vi, var(--space-xl));padding:clamp(var(--space-lg), 5vi, var(--space-xl));background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:1fr;place-items:center;display:grid}@media (width>=48rem){.p-book-hero__panel{grid-template-columns:auto 1fr;justify-items:stretch}}.p-book-hero__cover{aspect-ratio:5/7;object-fit:cover;border-radius:var(--radius-sm);block-size:auto;inline-size:min(280px,64vw);box-shadow:var(--shadow-md) var(--color-shadow)}.p-book-hero__heading{--section-heading-kicker-color:var(--color-accent-on-surface)}.p-book-hero__title{font-size:var(--font-size-h1);line-height:var(--line-height-title)}.p-book-hero__subtitle{font-size:var(--font-size-lead);color:var(--color-text-light)}.p-book-hero__actions{margin-block-start:var(--space-2xs)}.p-book-features__list{gap:var(--space-lg);margin-block-start:var(--space-xl);display:grid}@media (width>=40rem){.p-book-features__list{grid-template-columns:repeat(3,minmax(0,1fr))}}.p-book-features__item-title{font-size:var(--font-size-h3)}.p-book-features__item-text{color:var(--color-text-light);margin-block-start:var(--space-sm)}.p-book-toc__list{gap:var(--space-md);margin-block-start:var(--space-lg);display:grid}.p-book-toc__item{padding-block-start:var(--space-md)}.p-book-toc__item:first-child{padding-block-start:0}.p-book-toc__item-title{font-size:var(--font-size-h3)}.p-book-toc__item-text{color:var(--color-text-light);margin-block-start:var(--space-sm)}.p-book-free-chapter__list{gap:var(--space-md);margin-block-start:var(--space-lg);display:grid}@media (width>=40rem){.p-book-free-chapter__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.p-book-free-chapter__item-title{font-size:var(--font-size-caption);color:var(--color-text-light)}.p-book-free-chapter__item-text{margin-block-start:var(--space-2xs)}.p-book-audience__list{gap:var(--space-md);margin-block-start:var(--space-lg);display:grid}@media (width>=40rem){.p-book-audience__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.p-book-audience__item-title{font-size:var(--font-size-caption);color:var(--color-text-light)}.p-book-audience__item-text{margin-block-start:var(--space-2xs)}.p-book-author__list{gap:var(--space-md);margin-block-start:var(--space-lg);display:grid}@media (width>=40rem){.p-book-author__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.p-book-author__item-title{font-size:var(--font-size-caption);color:var(--color-text-light)}.p-book-author__item-text{margin-block-start:var(--space-2xs)}.p-book-pricing__list{gap:var(--space-md);margin-block-start:var(--space-lg);display:grid}@media (width>=40rem){.p-book-pricing__list{grid-template-columns:repeat(3,minmax(0,1fr))}}.p-book-pricing__item-title{font-size:var(--font-size-caption);color:var(--color-text-light)}.p-book-pricing__item-text{margin-block-start:var(--space-2xs)}.p-book-purchase__list{gap:var(--space-md);margin-block-start:var(--space-lg);display:grid}@media (width>=40rem){.p-book-purchase__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.p-book-purchase__item-title{font-size:var(--font-size-caption);color:var(--color-text-light)}.p-book-purchase__item-text{margin-block-start:var(--space-2xs)}.p-book-purchase__cta{margin-block-start:var(--space-sm)}.p-book-faq__list{gap:var(--space-sm);margin-block-start:var(--space-lg);display:grid}.p-book-faq__question{font-size:var(--font-size-h3);flex:1}.p-tools-hero__title{font-size:var(--font-size-h1);line-height:var(--line-height-title)}.p-tools-hero__positioning{font-size:var(--font-size-lead);font-weight:var(--font-weight-heading)}.p-tools-hero__status{color:var(--color-text-light)}.p-tools-starter__list{gap:var(--space-md);margin-block-start:var(--space-lg);display:grid}@media (width>=40rem){.p-tools-starter__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.p-tools-starter__item-title{font-size:var(--font-size-caption);color:var(--color-text-light)}.p-tools-starter__item-text{margin-block-start:var(--space-2xs)}.p-tools-wordpress__header{gap:var(--space-md);flex-flow:wrap;align-items:center;display:flex}.p-tools-wordpress__list{gap:var(--space-md);margin-block-start:var(--space-lg);display:grid}@media (width>=40rem){.p-tools-wordpress__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.p-tools-wordpress__item-title{font-size:var(--font-size-caption);color:var(--color-text-light)}.p-tools-wordpress__item-text{margin-block-start:var(--space-2xs)}.p-tools-related__list{gap:var(--space-md);margin-block-start:var(--space-lg);display:grid}@media (width>=40rem){.p-tools-related__list{grid-template-columns:repeat(3,minmax(0,1fr))}}.p-tools-related__item-title{font-size:var(--font-size-caption);color:var(--color-text-light)}.p-tools-related__item-text{margin-block-start:var(--space-2xs)}.p-policy-hero__title{font-size:var(--font-size-h1);line-height:var(--line-height-title)}.p-policy-hero__lead{font-size:var(--font-size-lead)}.p-policy-hero__meta{font-size:var(--font-size-caption);color:var(--color-text-light)}.p-policy-body{--section-padding-min:var(--section-narrow-min);--section-padding-max:var(--section-narrow-max)}.p-policy-body__item-title{font-size:var(--font-size-h3)}.p-policy-body__item-text{color:var(--color-text-light);margin-block-start:var(--space-sm)}}@layer animation;@layer utility{.u-visually-hidden:not(:focus,:active,:focus-within){white-space:nowrap!important;clip-path:inset(50%)!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width>=48rem){.u-hidden-pc{display:none!important}}@media (width<48rem){.u-hidden-sp{display:none!important}}}
