.anchors{flex-wrap:wrap;gap:12px 24px}.section{scroll-margin-top:100px}.works-fold{min-width:0;margin-top:20px;border:1px solid #617990;border-radius:8px;overflow:hidden}.works-fold>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;cursor:pointer;background:#193044;color:#eef6ff;font-weight:700;list-style:none}.works-fold>summary::-webkit-details-marker{display:none}.fold-action{flex:none;white-space:nowrap;font-size:13px}.fold-action:after{content:'開く ＋'}.works-fold[open]>.works-fold-content{padding:18px}.works-fold[open]>summary .fold-action:after{content:'閉じる −'}.works-fold .gallery,.works-fold .demo:first-child{margin-top:0}[data-works-image]{display:block;position:relative;cursor:zoom-in}[data-works-image]:after{content:'＋ 拡大';position:absolute;right:8px;bottom:8px;padding:4px 10px;background:#0b111ae8;color:white;font-size:12px;border:1px solid #91b4d0;border-radius:4px}.works-lightbox{width:min(1200px,96vw);max-width:96vw;max-height:92dvh;padding:0;border:1px solid #617990;border-radius:12px;background:#0c1826;color:#f4f5f7;overflow:hidden}.works-lightbox[open]{display:flex;flex-direction:column}.works-lightbox::backdrop{background:#000d}.works-lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;flex:none}.works-lightbox-bar p{margin:0;font-size:14px}.works-lightbox-close{flex:none;min-height:44px;padding:8px 15px;background:#243d53;color:white;border:1px solid #91b4d0;border-radius:6px;cursor:pointer;font:inherit;white-space:nowrap}.works-lightbox-close:focus-visible{outline:3px solid #75b7e8;outline-offset:2px}.works-lightbox-body{overflow:auto;min-height:0;text-align:center;padding:0 12px;overscroll-behavior:contain}.works-lightbox-body img{display:block;width:auto;max-width:100%;height:auto;margin:auto;background:white}.works-lightbox-tip{font-size:12px;margin:8px 18px;color:#bbc8d6}html.works-image-open{overflow:hidden}@media(max-width:700px){.anchors{font-size:13px}.works-fold>summary{padding:14px 12px;font-size:14px}.works-fold[open]>.works-fold-content{padding:12px}.sublog>.works-fold{order:2}.sublog{gap:16px}.sublog>.works-fold{margin-top:0}.works-lightbox-bar{padding:10px;gap:8px}.works-lightbox-bar p{font-size:12px}.works-lightbox-close{font-size:13px}.section h2{font-size:24px}}
@media(max-width:1040px){.site-header .site-nav{max-width:none;width:100%;justify-content:stretch;flex-wrap:nowrap}.site-header .menu-toggle{flex-shrink:0}.site-header .header-inner{gap:12px}}
@media(max-width:1040px){.site-header .site-nav{display:grid;grid-template-columns:minmax(0,1fr);gap:0;font-size:13px;text-align:left;overflow-x:hidden}.site-header .site-nav>a{min-width:0}}