.blog-layout{background-color:var(--color-background-primary);color:var(--color-text-primary);min-height:100vh}.blog-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-index-fixed);padding:var(--spacing-1) var(--spacing-2);background-color:var(--color-background-header);color:var(--color-text-primary)}.blog-header__title{font-family:var(--font-heading-primary);font-weight:var(--font-weight-normal);font-size:var(--font-size-2xl);color:var(--color-text-primary);text-decoration:none;transition:opacity var(--transition-duration-fast) var(--transition-timing-function-default)}a.blog-header__title:hover{opacity:var(--opacity-hover)}.blog-header__logo{height:var(--spacing-6);width:auto;-o-object-fit:contain;object-fit:contain}.blog-header__logo-text{font-family:var(--font-heading-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-wide)}.blog-header__theme-button{position:relative;width:var(--spacing-6);height:var(--spacing-6);min-width:var(--spacing-6);border-radius:var(--border-radius-full);background-color:transparent;border:none;cursor:pointer}.blog-header__theme-icon{font-size:var(--font-size-xl)}.blog-header__theme-placeholder{width:var(--font-size-xl);height:var(--font-size-xl)}.blog-header__menu-button{position:relative;width:var(--spacing-6);height:var(--spacing-6);min-width:var(--spacing-6);background-color:transparent;border:none;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-xl);font-weight:var(--font-weight-normal);padding:0;transition:color var(--transition-duration-fast) var(--transition-timing-function-default)}.blog-header__menu-button:hover{color:var(--color-interactive-primary)}.blog-header__nav-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-duration-fast) var(--transition-timing-function-default),box-shadow var(--transition-duration-fast) var(--transition-timing-function-default)}.blog-header__nav-link:hover{color:var(--color-interactive-primary)}.blog-header__nav-item{position:relative;height:100%}.blog-header__nav-link--with-icon{background:none;border:none;cursor:pointer;padding:0}.blog-header__nav-icon{font-size:var(--icon-size-sm);color:var(--color-text-muted)}.blog-header__nav-link--active{color:var(--color-interactive-primary);box-shadow:inset 0 calc(var(--border-width-md) * -1) 0 0 var(--color-interactive-primary)}.blog-header__nav-link--active .blog-header__nav-icon{color:var(--color-interactive-primary)}.mega-menu{background-color:var(--color-background-header);border-bottom:none;box-shadow:0 var(--spacing-3) var(--shadow-blur-lg) calc(-1 * var(--spacing-2) - var(--border-width-sm) * 2) var(--color-overlay-strong);padding:var(--spacing-4);height:auto;max-height:calc(var(--spacing-8) * 5);overflow-y:hidden}.mega-menu__close-button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xl);width:var(--spacing-6);height:var(--spacing-6);transition:color var(--transition-duration-fast) var(--transition-timing-function-default)}.mega-menu__close-button:hover{color:var(--color-interactive-primary)}.mega-menu__tag-list{list-style:none;padding:0;margin:0}.mega-menu__tag-item{border-radius:var(--border-radius-sm);transition:background-color var(--transition-duration-fast) var(--transition-timing-function-default)}.mega-menu__tag-item:hover{background-color:var(--color-interactive-primary-bg-faint)}.mega-menu__tag-link{padding:var(--spacing-1) var(--spacing-2);text-decoration:none;color:inherit}.mega-menu__tag-icon{color:var(--color-interactive-primary);font-size:var(--icon-size-default);margin-top:calc(var(--spacing-1) / 4)}.mega-menu__tag-name{font-weight:var(--font-weight-bold);font-size:var(--font-size-base);color:var(--color-text-primary);display:block}.mega-menu__tag-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-tight);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:calc(-1 * var(--spacing-1) / 4)}.mega-menu__footer{border:none;padding:0;margin:0}.mega-menu__all-link{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-interactive-primary);text-decoration:none;transition:color var(--transition-duration-fast) var(--transition-timing-function-default)}.mega-menu__all-link:hover{color:var(--color-text-primary)}.capture-float-btn{position:fixed;bottom:var(--spacing-5);right:var(--spacing-4);z-index:var(--z-index-menu);width:var(--spacing-4);height:var(--spacing-4);border-radius:var(--border-radius-full);background-color:transparent;color:var(--color-text-primary);border:none;cursor:pointer;font-size:var(--font-size-md);opacity:0;transform:translateY(var(--spacing-3));pointer-events:none;transition:opacity var(--transition-duration-normal) var(--transition-timing-function-default),transform var(--transition-duration-normal) var(--transition-timing-function-default)}.capture-float-btn--visible{opacity:var(--opacity-disabled);transform:translateY(0);pointer-events:auto}.capture-float-btn--visible:hover:not(:disabled){opacity:var(--opacity-hover)}.capture-float-btn:disabled{cursor:wait}.blog-header__search-button{position:relative;width:var(--spacing-6);height:var(--spacing-6);min-width:var(--spacing-6);background-color:transparent;border:none;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-xl);padding:0;transition:color var(--transition-duration-fast) var(--transition-timing-function-default)}.blog-header__search-button:hover{color:var(--color-interactive-primary)}.navigation-menu{background-color:var(--color-background-header);border:none;box-shadow:0 0 var(--shadow-blur-lg) var(--color-interactive-primary-bg);position:fixed;top:0;left:0;height:100vh;z-index:var(--z-index-modal);overflow-y:auto}.navigation-menu__overlay{background-color:var(--color-overlay-strong);z-index:var(--z-index-modal-overlay);opacity:0;visibility:hidden}.navigation-menu__overlay--open{opacity:1;visibility:visible}.navigation-menu__header{background-color:transparent}.navigation-menu__close-button{position:relative;width:var(--spacing-6);height:var(--spacing-6);min-width:var(--spacing-6);background-color:transparent;border:none;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-xl);padding:0;transition:color var(--transition-duration-fast) var(--transition-timing-function-default)}.navigation-menu__close-button:hover{color:var(--color-interactive-primary)}.navigation-search-container{margin-bottom:var(--spacing-4)}.navigation-search-form{margin-bottom:var(--spacing-3)}.navigation-search-input-wrapper{position:relative}.navigation-search-input{width:100%;background-color:var(--color-background-secondary);border:none;border-radius:var(--border-radius-full);color:var(--color-text-primary);padding:var(--spacing-2) var(--spacing-4) var(--spacing-2) var(--spacing-7);font-size:var(--font-size-base);box-shadow:0 var(--spacing-px) var(--spacing-1) var(--color-overlay-subtle),0 0 0 var(--border-width-sm) var(--color-interactive-primary-bg-faint);transition:box-shadow var(--transition-duration-fast) var(--transition-timing-function-default)}.navigation-search-input:focus-visible{box-shadow:0 0 0 calc(var(--spacing-px) * 2) var(--color-interactive-primary);outline:calc(var(--spacing-px) * 2) solid transparent}.navigation-search-input--mega-menu{background-color:var(--color-background-secondary);font-size:var(--font-size-base);padding:var(--spacing-2) var(--spacing-4) var(--spacing-2) var(--spacing-7);box-shadow:0 var(--spacing-px) var(--shadow-blur-lg) var(--color-overlay-medium)}@media(min-width:1024px){.navigation-search-input--mega-menu{font-size:var(--font-size-xl);padding:var(--spacing-2) var(--spacing-6) var(--spacing-2) var(--spacing-8)}}.navigation-search-input--mega-menu:focus-visible{box-shadow:0 0 0 calc(var(--spacing-px) * 2) var(--color-interactive-primary)}.navigation-search-submit{position:absolute;left:var(--spacing-3);z-index:var(--z-index-fixed);background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-base);padding:var(--spacing-1);transition:color var(--transition-duration-fast) var(--transition-timing-function-default)}.navigation-search-container--mega-menu .navigation-search-submit{left:var(--spacing-3)}@media(min-width:1024px){.navigation-search-container--mega-menu .navigation-search-submit{left:var(--spacing-4)}}.navigation-search-submit:hover{color:var(--color-interactive-primary)}.navigation-search-icon{width:var(--icon-size-default);height:var(--icon-size-default)}@media(min-width:1024px){.navigation-search-icon{width:var(--icon-size-lg);height:var(--icon-size-lg)}}.mega-menu__overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-overlay-strong);z-index:var(--z-index-fixed)}.navigation-search-recommendations__title{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-2);padding-left:var(--spacing-2)}.navigation-search-recommendation-chip{position:relative;background-color:var(--color-overlay-subtle);color:var(--color-interactive-primary);font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-full);border:none;cursor:pointer;transition:background-color var(--transition-duration-fast) var(--transition-timing-function-default),color var(--transition-duration-fast) var(--transition-timing-function-default)}.navigation-search-recommendation-chip:hover{background-color:var(--color-interactive-primary-bg);color:var(--color-text-primary)}.navigation-accordion{margin-bottom:var(--spacing-6)}.navigation-accordion-item{box-shadow:0 var(--spacing-px) 0 0 var(--color-overlay-subtle)}.navigation-accordion-header{width:100%;background:none;border:none;color:var(--color-text-primary);padding:var(--spacing-3) var(--spacing-2);cursor:pointer;transition:color var(--transition-duration-fast) var(--transition-timing-function-default)}.navigation-accordion-header:hover{color:var(--color-interactive-primary)}.navigation-accordion-header:focus-visible{outline:var(--spacing-px) solid var(--color-interactive-primary);outline-offset:calc(-1 * var(--spacing-px));color:var(--color-interactive-primary)}.mega-menu--search{padding:0;max-height:none;background-color:var(--color-background-header);z-index:calc(var(--z-index-fixed) + 1)}.mega-menu--search .mega-menu__inner{padding:0 var(--spacing-4) var(--spacing-4);background-color:var(--color-background-header)}.mega-menu__search-header{background-color:var(--color-background-header);padding:0 var(--spacing-4)}.mega-menu__search-header .navigation-search-container,.mega-menu__search-header .navigation-search-form{margin-bottom:0}.navigation-menu__logo-wrapper .blog-header__logo{height:auto;max-width:100%;max-height:var(--spacing-6)}.navigation-accordion-header__icon{color:var(--color-interactive-primary)}.navigation-accordion-header__title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.navigation-accordion-header__arrow{color:var(--color-text-muted);transition:transform var(--transition-duration-normal) var(--transition-timing-function-default)}.navigation-accordion-header__arrow--rotated{transform:rotate(var(--rotation-half-turn))}.navigation-accordion-content-wrapper{overflow:hidden;transition:grid-template-rows var(--transition-duration-normal) var(--transition-timing-function-default)}.navigation-accordion-content{min-height:0;padding:var(--spacing-2) var(--spacing-2) var(--spacing-4)}.navigation-tag-grid{margin:0}.navigation-tag-button{display:inline-block;font-size:var(--font-size-xs);background-color:var(--color-interactive-primary-bg-faint);color:var(--color-interactive-primary);padding:var(--spacing-inline-code-vertical) var(--spacing-2);border-radius:var(--border-radius-full);border:none;box-shadow:0 0 0 var(--border-width-sm) var(--color-border-primary);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-duration-fast) var(--transition-timing-function-default),color var(--transition-duration-fast) var(--transition-timing-function-default);margin:calc(var(--spacing-1) / 2)}.navigation-tag-button:hover{background-color:var(--color-interactive-primary-bg);color:var(--color-text-primary)}.navigation-menu__link{color:var(--color-text-secondary);text-decoration:none;padding:var(--spacing-2) var(--spacing-2);font-size:var(--font-size-sm);transition:color var(--transition-duration-fast) var(--transition-timing-function-default)}.navigation-menu__link:hover{color:var(--color-interactive-primary)}.navigation-menu__link-icon{color:var(--color-text-muted);opacity:var(--opacity-disabled)}.navigation-menu__item{background-color:transparent;border:none;color:var(--color-interactive-primary);font-family:var(--font-heading-primary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);padding:var(--spacing-2) var(--spacing-4);text-decoration:none;border-radius:var(--border-radius-full);transition:color var(--transition-duration-fast) var(--transition-timing-function-default);width:100%;text-align:left;min-height:var(--touch-target-min-height);border-bottom:none}.navigation-menu__item:hover{color:var(--color-text-primary);border-bottom:none}.navigation-menu__item:focus-visible{color:var(--color-text-primary);border-bottom:none;box-shadow:0 0 0 var(--spacing-px) var(--color-interactive-primary)}.navigation-menu__search-wrapper{margin-bottom:var(--spacing-6)}.search-form{margin-bottom:var(--spacing-4)}.search-form__input-wrapper{position:relative}.search-form__input{width:100%;background-color:var(--color-background-primary);border:none;border-radius:var(--border-radius-full);color:var(--color-text-primary);padding:var(--spacing-2) var(--spacing-10) var(--spacing-2) var(--spacing-4);font-size:var(--font-size-base);transition:box-shadow var(--transition-duration-fast) var(--transition-timing-function-default)}.search-form__input:focus-visible{box-shadow:0 0 0 var(--spacing-px) var(--color-interactive-primary)}.search-form__submit{position:absolute;right:var(--spacing-3);background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-base);padding:var(--spacing-1);transition:color var(--transition-duration-fast) var(--transition-timing-function-default)}.search-form__submit:hover{color:var(--color-interactive-primary)}.blog-megamenu__overlay{background-color:var(--color-overlay-strong)}.blog-megamenu{background-color:var(--color-surface-dark-opaque);box-shadow:0 var(--border-width-sm) 0 0 var(--color-border-primary);overflow-y:auto}.blog-megamenu__close-btn{position:relative;width:var(--spacing-6);height:var(--spacing-6);min-width:var(--spacing-6);background-color:transparent;border:none;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-xl);padding:0;transition:color var(--transition-duration-fast) var(--transition-timing-function-default)}.blog-megamenu__close-btn:hover{color:var(--color-interactive-primary)}.blog-megamenu__view-all-link{color:var(--color-interactive-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:opacity var(--transition-duration-fast) var(--transition-timing-function-default)}.blog-megamenu__view-all-link:hover{opacity:var(--opacity-hover)}.blog-header__nav-btn{background-color:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:0;transition:color var(--transition-duration-fast) var(--transition-timing-function-default)}.blog-header__nav-btn:hover,.blog-header__nav-btn[aria-expanded=true]{color:var(--color-interactive-primary)}.blog-header__nav-expand-icon{font-size:var(--font-size-base);transition:transform var(--transition-duration-fast) var(--transition-timing-function-default)}.blog-footer{height:var(--layout-footer-height);background-color:var(--color-background-header);border:none}.blog-footer__link{color:var(--color-interactive-primary);text-decoration:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);cursor:pointer;transition:color var(--transition-duration-fast) var(--transition-timing-function-default);background:none;border:none;padding:0}.blog-footer__link:hover{color:var(--color-text-primary)}.blog-footer__copyright{color:var(--color-text-secondary);font-family:var(--font-heading-primary);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.breadcrumb__item{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-duration-fast) var(--transition-timing-function-default)}.breadcrumb__item:hover{color:var(--color-interactive-primary)}.breadcrumb__item--inactive{font-size:var(--font-size-sm);color:var(--color-text-muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}.breadcrumb__item--active{font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.breadcrumb__separator{font-size:var(--font-size-xs);color:var(--color-text-muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}.tag-chip{font-size:var(--font-size-xs);background-color:var(--color-interactive-primary-bg-faint);color:var(--color-interactive-primary);padding:var(--spacing-inline-code-vertical) var(--spacing-2);border-radius:var(--border-radius-full);text-decoration:none;white-space:nowrap;transition:background-color var(--transition-duration-fast) var(--transition-timing-function-default),color var(--transition-duration-fast) var(--transition-timing-function-default)}.tag-chip:hover{background-color:var(--color-interactive-primary-bg);color:var(--color-text-primary)}html[data-theme=light] .blog-footer,html[data-service=labo] .blog-footer{background-color:var(--color-background-header)}.legal-modal__overlay{position:fixed;inset:0;background-color:var(--color-overlay-strong);z-index:var(--z-index-modal)}.legal-modal__dialog{background-color:var(--color-background-secondary);border:none;box-shadow:0 0 var(--spacing-6) var(--color-interactive-primary-bg);max-height:90vh;max-width:var(--layout-page-container-width);width:100%;z-index:calc(var(--z-index-modal) + 1);border-radius:var(--border-radius-lg)}.legal-modal__header{background-color:var(--color-interactive-primary-bg-faint);border:none;padding:var(--spacing-4)}.legal-modal__title{color:var(--color-interactive-primary);font-family:var(--font-heading-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium)}.legal-modal__close-button{position:relative;background-color:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-2xl);width:var(--spacing-6);height:var(--spacing-6);min-width:var(--spacing-6);padding:0;transition:color var(--transition-duration-fast) var(--transition-timing-function-default),background-color var(--transition-duration-fast) var(--transition-timing-function-default)}.legal-modal__close-button:hover{color:var(--color-interactive-primary)}.legal-modal__content{color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);overflow-y:auto;padding:var(--spacing-4);-moz-user-select:none;user-select:none;-webkit-user-select:none}.legal-modal__content h2{color:var(--color-interactive-primary);font-family:var(--font-heading-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-3)}.legal-modal__content h3{color:var(--color-text-secondary);font-family:var(--font-heading-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-top:var(--spacing-4);margin-bottom:var(--spacing-2)}.legal-modal__content section{margin-bottom:var(--spacing-4)}.legal-modal__content p{margin-bottom:var(--spacing-2)}.blog-main{margin-top:var(--layout-header-height)}.home-page{background-color:var(--color-background-primary);color:var(--color-text-primary);min-height:100vh}.home-main{padding:var(--spacing-8)}.home-logo-container{margin-bottom:var(--spacing-6)}.home-logo{height:var(--spacing-12);width:auto;-o-object-fit:contain;object-fit:contain}.home-title{font-family:var(--font-heading-primary);font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--color-interactive-primary);margin-bottom:var(--spacing-4);text-align:center}.home-description{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--spacing-8);text-align:center}.button{display:inline-block;padding:var(--spacing-2) var(--spacing-5);font-family:var(--font-heading-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full);border:none;cursor:pointer;text-decoration:none;transition:box-shadow var(--transition-duration-fast) var(--transition-timing-function-default),opacity var(--transition-duration-fast) var(--transition-timing-function-default),background-color var(--transition-duration-fast) var(--transition-timing-function-default)}.button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.button--primary{background-color:var(--color-interactive-primary);color:var(--color-background-primary)}.button--primary:hover:not(:disabled){box-shadow:0 0 var(--shadow-blur-sm) var(--color-interactive-primary);opacity:var(--opacity-hover)}.button--secondary{background-color:var(--color-interactive-primary-bg-subtle);color:var(--color-interactive-primary)}.button--secondary:hover:not(:disabled){background-color:var(--color-interactive-primary-bg);box-shadow:0 0 var(--shadow-blur-sm) var(--color-interactive-primary-bg)}.button--outline{background-color:transparent;color:var(--color-interactive-primary);box-shadow:0 0 0 var(--border-width-sm) var(--color-interactive-primary)}.button--outline:hover:not(:disabled){box-shadow:0 0 0 var(--border-width-sm) var(--color-interactive-primary),0 0 var(--shadow-blur-sm) var(--color-interactive-primary)}.button--ghost{background-color:transparent;color:var(--color-text-primary);box-shadow:0 0 0 var(--border-width-sm) var(--color-border-primary)}.button--ghost:hover:not(:disabled){box-shadow:0 0 0 var(--border-width-md) var(--color-border-primary)}.button--sm{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs)}.button--lg{padding:var(--spacing-3) var(--spacing-8);font-size:var(--font-size-base);min-width:var(--layout-button-min-width-cta)}.home-cta-button{padding:var(--spacing-3) var(--spacing-6);color:var(--color-background-primary);font-size:var(--font-size-lg)}.home-cta-button--blog{background-color:var(--color-service-blog-identity)}.home-cta-button--blog:hover{box-shadow:0 0 var(--spacing-4) var(--color-service-blog-identity);opacity:var(--opacity-hover)}.home-cta-button--labo{background-color:var(--color-service-labo-identity)}.home-cta-button--labo:hover{box-shadow:0 0 var(--spacing-4) var(--color-service-labo-identity);opacity:var(--opacity-hover)}