body.sl-design-system{--cocoon-text-color:var(--sl-color-text-primary);--cocoon-pallid-text-color:var(--sl-color-text-secondary);--cocoon-x-pallid-text-color:var(--sl-color-text-muted);--cocoon-black-color:var(--sl-color-text-primary);--cocoon-white-color:var(--sl-color-surface);--cocoon-basic-border-color:var(--sl-color-border);--cocoon-three-d-border-colors:var(--sl-color-border);--cocoon-middle-thickness-color:var(--sl-color-border);--cocoon-thin-color:#303030;--cocoon-x-thin-color:#292929;--cocoon-xx-thin-color:#242424;--cocoon-xxx-thin-color:#1f1f1f;--cocoon-current-background-color:var(--sl-color-bg-secondary);--cocoon-select-background-color:var(--sl-color-brand);--cocoon-basic-border-radius:var(--sl-radius-md);--cocoon-badge-border-radius:var(--sl-radius-sm);--cocoon-middle-border-radius:var(--sl-radius-md);margin:0;color:var(--sl-color-text-primary);background-color:var(--sl-color-bg)!important;background-image:none!important}body.sl-design-system #container{display:flex;min-height:100vh;min-height:100dvh;flex-direction:column;background:var(--sl-color-bg)}body.sl-design-system :where(.header-container,.header,.navi,.main,.sidebar,.footer){color:inherit}body.sl-design-system #header-container{position:relative;z-index:var(--sl-z-header);border-bottom:var(--sl-border-subtle);background:rgb(18 18 18 / 96%)!important}body.sl-design-system #header-container-in{display:grid;width:min(calc(100% - (2 * var(--sl-page-gutter))), var(--sl-container-width));min-height:76px;grid-template-columns:minmax(180px,320px) minmax(0,1fr);align-items:center;gap:var(--sl-space-6);margin-inline:auto}body.sl-design-system #header,body.sl-design-system #navi,body.sl-design-system #header .header-in,body.sl-design-system #navi .navi-in{width:auto;min-width:0;margin:0;background:transparent!important}body.sl-design-system #header .header-in{display:flex;min-height:76px;align-items:center;padding:0}body.sl-design-system #header .logo{margin:0;text-align:left}body.sl-design-system #header .logo-image{padding:0}body.sl-design-system #header .site-logo-image{display:block;width:auto;max-width:100%;max-height:52px}body.sl-design-system #header .site-name-text{color:var(--sl-color-text-primary);font-family:var(--sl-font-display);font-weight:700;letter-spacing:.04em}body.sl-design-system #header .tagline{margin:var(--sl-space-1) 0 0;color:var(--sl-color-text-muted);font-size:var(--sl-font-size-xs);line-height:var(--sl-line-height-tight)}body.sl-design-system #navi .navi-in>ul{display:flex;min-height:48px;align-items:center;justify-content:flex-end;gap:var(--sl-space-1)}body.sl-design-system #navi .navi-in>ul.menu-mobile{display:none}body.sl-design-system #navi .navi-in>ul>li{width:auto!important;height:auto;border:0}body.sl-design-system #navi .navi-in>ul>li>a{min-height:48px;padding:0 var(--sl-space-4);color:var(--sl-color-text-secondary);font-size:var(--sl-font-size-sm);font-weight:600;line-height:48px;background:transparent!important;transition:color var(--sl-motion-fast) var(--sl-ease-standard),background-color var(--sl-motion-fast) var(--sl-ease-standard)}body.sl-design-system #navi .navi-in>ul>li>a:hover,body.sl-design-system #navi .navi-in>ul>li.current-menu-item>a,body.sl-design-system #navi .navi-in>ul>li.current-menu-ancestor>a{color:var(--sl-color-brand);background:rgb(255 255 255 / 3%)!important}body.sl-design-system #navi .sub-menu{min-width:220px;overflow:hidden;border:var(--sl-border-subtle);border-radius:var(--sl-radius-md);background:var(--sl-color-surface)!important;box-shadow:var(--sl-shadow-card)}body.sl-design-system #navi .sub-menu a{padding:var(--sl-space-3) var(--sl-space-4);color:var(--sl-color-text-secondary);background:transparent!important}body.sl-design-system #navi .sub-menu a:hover{color:var(--sl-color-brand);background:var(--sl-color-surface-hover)!important}body.sl-design-system #content{flex:1 0 auto;background:var(--sl-color-bg)!important}body.sl-design-system #content-in{display:flex;width:min(calc(100% - (2 * var(--sl-page-gutter))), var(--sl-container-width));align-items:flex-start;gap:var(--sl-space-6);margin:var(--sl-space-7) auto var(--sl-space-9)}body.sl-design-system main.main{width:auto;min-width:0;flex:1 1 auto;margin:0;padding:0;border:0;background:transparent!important;box-shadow:none}body.sl-design-system #sidebar{width:280px;min-width:0;flex:0 0 280px;margin:0;padding:0;border:0;background:transparent!important}body.sl-design-system #sidebar .widget{margin:0 0 var(--sl-space-5);padding:var(--sl-space-5);overflow:hidden;border:var(--sl-border-subtle);border-radius:var(--sl-radius-md);background:var(--sl-color-surface);box-shadow:none}body.sl-design-system #sidebar .widget-title{margin:0 0 var(--sl-space-4);padding:0 0 var(--sl-space-3);border:0;border-bottom:var(--sl-border-subtle);color:var(--sl-color-text-primary);font-family:var(--sl-font-display);font-size:var(--sl-font-size-md);line-height:var(--sl-line-height-tight);background:transparent!important}body.sl-design-system #sidebar :where(a){color:var(--sl-color-text-secondary)}body.sl-design-system #sidebar :where(a:hover){color:var(--sl-color-brand)}body.sl-design-system #sidebar :where(input,select,textarea){width:100%;border:1px solid var(--sl-color-border);border-radius:var(--sl-radius-sm);color:var(--sl-color-text-primary);background:var(--sl-color-bg-secondary)}body.sl-design-system #sidebar :where(input,select,textarea):focus{border-color:var(--sl-color-brand);box-shadow:0 0 0 2px rgb(240 208 23 / 18%)}body.sl-design-system #footer{flex:0 0 auto;border-top:var(--sl-border-subtle);background:var(--sl-color-bg-secondary)!important}body.sl-design-system #footer,body.sl-design-system #footer .footer-in{color:var(--sl-color-text-secondary);background:transparent!important}body.sl-design-system #footer .footer-in{width:min(calc(100% - (2 * var(--sl-page-gutter))), var(--sl-container-width));margin-inline:auto;padding:var(--sl-space-7) 0 var(--sl-space-6)}body.sl-design-system #footer .footer-bottom{margin-top:var(--sl-space-5);padding-top:var(--sl-space-5);border-top:var(--sl-border-subtle)}body.sl-design-system #footer .navi-footer-in>ul{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sl-space-2) var(--sl-space-5)}body.sl-design-system #footer .navi-footer-in a{padding:var(--sl-space-2) 0;border:0;color:var(--sl-color-text-secondary);background:transparent!important}body.sl-design-system #footer .navi-footer-in a:hover{color:var(--sl-color-brand)}body.sl-design-system #footer .copyright{color:var(--sl-color-text-muted);font-size:var(--sl-font-size-xs)}body.sl-design-system .go-to-top{right:var(--sl-space-4);bottom:var(--sl-space-4)}body.sl-design-system .go-to-top-button{display:grid;width:44px;height:44px;place-items:center;border:var(--sl-border-badge);border-radius:var(--sl-radius-md);color:var(--sl-color-brand);background:rgb(34 34 34 / 92%)!important;box-shadow:var(--sl-shadow-card);transition:color var(--sl-motion-fast) var(--sl-ease-standard),background-color var(--sl-motion-fast) var(--sl-ease-standard),transform var(--sl-motion-fast) var(--sl-ease-standard)}body.sl-design-system .go-to-top-button:hover{color:var(--sl-color-on-brand);background:var(--sl-color-brand)!important;transform:translateY(-2px)}body.sl-design-system .mobile-menu-buttons{z-index:var(--sl-z-header);border-color:var(--sl-color-border);color:var(--sl-color-text-primary);background:rgb(18 18 18 / 96%)!important;box-shadow:0 4px 18px rgb(0 0 0 / 24%);backdrop-filter:blur(12px)}body.sl-design-system .mobile-menu-buttons .menu-button{color:var(--sl-color-text-secondary);background:transparent!important}body.sl-design-system .mobile-menu-buttons .menu-button:hover,body.sl-design-system .mobile-menu-buttons .menu-button:focus-visible{color:var(--sl-color-brand)}body.sl-design-system .mobile-menu-buttons .menu-button>a{color:inherit}body.sl-design-system .menu-content{color:var(--sl-color-text-primary);background:var(--sl-color-surface)!important;box-shadow:var(--sl-shadow-card)}body.sl-design-system .menu-content .menu-drawer a,body.sl-design-system .navi-menu-content .menu-drawer a{border-color:var(--sl-color-border);color:var(--sl-color-text-primary);background:transparent!important}body.sl-design-system .menu-content .menu-drawer a:hover,body.sl-design-system .navi-menu-content .menu-drawer a:hover{color:var(--sl-color-brand);background:var(--sl-color-surface-hover)!important}body.sl-design-system .menu-close-button{color:var(--sl-color-text-secondary)}@media screen and (max-width:1023px){body.sl-design-system #header-container-in{display:block;min-height:auto}body.sl-design-system #header .header-in{min-height:64px;justify-content:center}body.sl-design-system #header .logo{text-align:center}body.sl-design-system #content-in{flex-direction:column;gap:var(--sl-space-7);margin-block:var(--sl-space-6) var(--sl-space-8)}body.sl-design-system #sidebar{width:100%;flex-basis:auto}}@media screen and (max-width:834px){body.sl-design-system #header-container-in,body.sl-design-system #content-in,body.sl-design-system #footer .footer-in{width:min(calc(100% - (2 * var(--sl-page-gutter))), var(--sl-container-width))}body.sl-design-system #navi .navi-in>ul.menu-pc{display:none}body.sl-design-system #navi .navi-in>ul.menu-mobile{display:flex;flex-wrap:wrap;justify-content:center}body.sl-design-system main.main,body.sl-design-system #sidebar{margin-inline:0;padding-inline:0}body.sl-design-system #sidebar .widget{padding:var(--sl-space-4)}body.sl-design-system #footer .footer-in{padding-block:var(--sl-space-6) var(--sl-space-5)}}