:root{--color-primary: #f5f2e8;--color-secondary: #333333;--color-accent: #333333;--color-text: #333333;--color-text-light: #666666;--color-bg: #ffffff;--color-bg-sub: #faf8f4;--color-bg-dark: #2a2a2a;--color-border: #e3ddd0;--color-white: #ffffff;--color-black: #000000;--color-error: #cc3333;--color-success: #2e7d32;--shell-warm-bg-top-glow: radial-gradient(ellipse 130% 85% at 50% -10%, rgba(255, 255, 255, 0.58) 0%, transparent 58%);--shell-warm-bg-br-glow: radial-gradient(ellipse 90% 55% at 100% 100%, rgba(190, 180, 162, 0.09) 0%, transparent 55%);--shell-warm-bg-bl-glow: radial-gradient(ellipse 70% 50% at 0% 80%, rgba(255, 255, 255, 0.22) 0%, transparent 50%);--shell-warm-bg-base: linear-gradient(162deg, #f0e9d8 0%, #e9e2d6 44%, #dfd6c8 100%);--shell-warm-noise-image: radial-gradient(circle, rgba(150, 142, 128, 0.055) 1px, transparent 1px);--shell-warm-noise-size: 28px 28px;--shell-warm-noise-opacity: 0.3;--page-hero-shell-bg: #f0e9d8;--page-hero-shell-bottom-cut: 56px;--color-text-on-dark: var(--color-white);--color-link: #0066cc;--color-link-hover: #004499;--color-btn-bg: #333333;--color-btn-text: var(--color-white);--color-btn-bg-hover: #1f1f1f;--color-btn-ol-bg: transparent;--color-btn-ol-text: #333333;--color-btn-ol-border: #333333;--color-nav-text: var(--color-text);--color-nav-text-hover: var(--color-secondary);--color-nav-current: var(--color-secondary);--color-header-bg: var(--color-bg);--color-header-text: var(--color-text);--color-footer-bg: var(--color-bg-dark);--color-footer-text: var(--color-text-on-dark);--color-footer-border: var(--color-border);--footer-bg: rgba(42, 42, 42, 0.96);--footer-border-top: rgba(255, 255, 255, 0.08);--footer-shadow-inset: rgba(255, 255, 255, 0.04);--footer-nav-label: rgba(255, 255, 255, 0.42);--footer-nav-divider: rgba(255, 255, 255, 0.10);--footer-bottom-border: rgba(255, 255, 255, 0.06);--surface-dark-base: #f0e9d8;--surface-dark-deep: #e5ddcc;--surface-dark-ink: #dcd4c2;--surface-dark-strong: #ddd4c2;--surface-dark-mid: #ebe4d6;--surface-dark-soft: #f5f0e6;--color-input-bg: var(--color-bg);--color-input-text: var(--color-text);--color-input-border: var(--color-border);--color-input-focus: var(--color-primary);--color-input-placeholder: var(--color-text-light);--color-input-disabled: var(--color-bg-sub);--color-label: var(--color-text);--color-required: var(--color-error);--color-table-header-bg: var(--color-bg-sub);--color-table-header-text: var(--color-text);--color-table-border: var(--color-border);--color-table-stripe: var(--color-bg-sub);--color-tag-bg: var(--color-bg-sub);--color-tag-text: var(--color-text);--color-overlay: rgba(0, 0, 0, 0.5);--font-base: 'Outfit', sans-serif;--font-en: 'Outfit', sans-serif;--fw-regular: 400;--fw-medium: 500;--fw-bold: 700;--fs-2xs: 1.2rem;--fs-xs: 1.4rem;--fs-sm: 1.6rem;--fs-base: 1.8rem;--fs-md: 2.1rem;--fs-lg: 2.4rem;--fs-xl: 3.0rem;--fs-2xl: 3.8rem;--fs-3xl: 4.6rem;--fs-4xl: 6.0rem;--fs-h1: var(--fs-3xl);--fs-h2: var(--fs-2xl);--fs-h3: var(--fs-xl);--fs-h4: var(--fs-lg);--fs-h5: var(--fs-md);--fs-h6: var(--fs-base);--fs-body: var(--fs-base);--fs-small: var(--fs-sm);--fs-caption: var(--fs-xs);--fs-nav: var(--fs-sm);--fs-btn: var(--fs-base);--fs-label: var(--fs-sm);--fs-input: var(--fs-base);--fs-table: var(--fs-sm);--fs-copyright: var(--fs-xs);--lh-tight: 1.4;--lh-base: 1.7;--lh-loose: 2.0;--ls-tight: -0.02em;--ls-base: 0.04em;--ls-wide: 0.08em;--sp-2xs: 4px;--sp-xs: 8px;--sp-sm: 12px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 40px;--sp-2xl: 56px;--sp-3xl: 80px;--header-height: 120px;--transition: 0.3s ease;--transition-slow: 0.6s ease;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.10);--shadow-md: 0 2px 8px rgba(0, 0, 0, 0.12);--shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.15);--z-base: 1;--z-above: 10;--z-modal: 100;--z-header: 200;--z-toast: 300}@media(min-width: 768px){:root{--fs-h1: var(--fs-3xl);--fs-h2: var(--fs-2xl);--fs-h3: var(--fs-xl);--sp-md: 20px;--sp-lg: 32px;--sp-xl: 48px;--sp-2xl: 72px;--sp-3xl: 104px}}@media(min-width: 1024px){:root{--fs-h1: var(--fs-4xl);--fs-h2: var(--fs-3xl);--fs-h3: var(--fs-2xl);--sp-md: 24px;--sp-lg: 40px;--sp-xl: 64px;--sp-2xl: 96px;--sp-3xl: 128px}}.p-single--blog .p-single-article>.p-toc{padding:var(--sp-md) 0 0;margin:0}.p-single--blog .p-toc__details{background:var(--color-bg-sub);border:1px solid var(--color-border);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;--color-text: var(--color-text);--color-text-light: var(--color-text-light);color:var(--color-text);overflow:hidden}.p-single--blog .p-toc__summary{display:flex;align-items:center;justify-content:flex-start;gap:var(--sp-xs);padding:clamp(16px,3.2vw,22px) clamp(16px,3.2vw,24px);cursor:pointer;list-style:none;user-select:none}.p-single--blog .p-toc__summary::-webkit-details-marker{display:none}.p-single--blog .p-toc__title{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.12em;color:var(--color-text-light)}.p-single--blog .p-toc__toggle{position:relative;flex-shrink:0;width:1.15rem;height:1.15rem}.p-single--blog .p-toc__toggle::before,.p-single--blog .p-toc__toggle::after{content:"";position:absolute;left:50%;top:50%;width:.65rem;height:1.5px;margin:-0.75px 0 0 -0.325rem;border-radius:999px;background:var(--color-text-light);transition:transform .35s cubic-bezier(0.22, 1, 0.36, 1),opacity .35s ease}.p-single--blog .p-toc__toggle::after{transform:rotate(90deg)}.p-single--blog .p-toc__details[open] .p-toc__toggle::after{transform:rotate(0deg);opacity:0}.p-single--blog .p-toc__list{margin:0;padding:0 clamp(16px,3.2vw,24px) clamp(16px,3.2vw,22px);list-style:decimal;list-style-position:inside;font-size:var(--fs-sm);line-height:var(--lh-base);color:var(--color-text)}.p-single--blog .p-toc__item{margin:.4em 0;padding-left:0}.p-single--blog .p-toc__item::marker{color:var(--color-text-light);font-size:var(--fs-xs)}.p-single--blog .p-toc__sublist{margin:.35em 0 .15em;padding:0 0 0 1.15em;list-style:none;border-left:1px solid var(--color-border)}.p-single--blog .p-toc__subitem{margin:.32em 0}.p-single--blog .p-toc__item--h3{list-style:none;margin-left:.25em}.p-single--blog .p-toc__item--h3::marker{content:""}.p-single--blog .p-toc__link{display:inline;color:var(--color-text);text-decoration:none;text-underline-offset:.18em;overflow-wrap:anywhere;transition:color var(--transition)}.p-single--blog .p-toc__link--h3{font-size:var(--fs-xs);color:var(--color-text-light)}@media(hover: hover)and (pointer: fine){&:hover .p-single--blog .p-toc__link:hover{color:var(--color-link);text-decoration:underline;text-decoration-thickness:1px}}.p-single--blog .p-toc__link:focus-visible{outline:2px solid rgba(0,102,204,.45);outline-offset:3px;border-radius:2px}.p-single--blog .p-single-article__content h2[id],.p-single--blog .p-single-article__content h3[id]{scroll-margin-top:calc(var(--header-height, 120px) + var(--sp-md))}