body{--header-height: calc(1.05em + 5px + .9em + 25px);font-family:Hiragino Kaku Gothic Pro,Noto Sans JP,sans-serif;line-height:1.5;color:#333;margin:0}header{position:fixed;top:0;z-index:1000;background:#fffe;backdrop-filter:blur(10px);padding:0 20px;border-bottom:1px solid #ddd;line-height:1;height:var(--header-height);box-sizing:border-box;display:flex;width:100%;>#menu-button{display:none}>.name{margin:auto 0;>.title{font-size:1.05em;font-weight:700}>.subtitle{font-size:.9em;color:#666;margin-top:5px}}}#search-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1010;display:none;&.open{display:flex}>#modal-container{background:#fff;width:100%;max-width:600px;margin:20px auto auto;padding:20px;box-sizing:border-box;box-shadow:0 0 10px #0000001a;>#search-form{display:flex;position:relative;margin-bottom:10px;>.icon{width:1.2em;height:1.2em;fill:#aaa;position:absolute;top:50%;left:10px;transform:translateY(-50%);pointer-events:none}>input{all:unset;flex-grow:1;padding:7.5px 10px 7.5px 30px;border:1px solid #ddd;font-size:.9em;color:#333;&::-webkit-search-cancel-button{appearance:none}&:focus{border-color:#004bdd;outline:none}}>#search-close{all:unset;margin-left:10px;display:none;cursor:pointer;color:#666;font-size:.9em;&:hover{color:#333}}}>#search-text{font-size:.9em;color:#666;>small{color:#999;margin-left:2.5px}}>#search-results{max-height:400px;min-height:150px;overflow-y:auto;>div{gap:5px;display:flex;flex-direction:column;height:max-content;>a{padding:10px;border:1px solid #eee;cursor:pointer;text-decoration:none;&:hover{background:#f7f7f7}>h3{all:unset;font-size:1.05em;font-weight:700;color:#333;display:block}>p{all:unset;font-size:.9em;color:#666;margin-top:5px;line-height:1.4;mark{all:unset;color:#333;font-weight:700}}}}>.no-results{padding:20px;text-align:center;color:#999;font-size:.9em}}}}.container{display:flex;margin-top:var(--header-height);>.sidebar{position:fixed;top:60px;left:0;max-width:250px;width:100%;height:100%;font-size:.9em;box-sizing:border-box;padding:5px 10px;border-right:1px solid #eee;>#search-show{all:unset;cursor:text;display:flex;position:relative;margin:15px 10px 10px;border:1px solid #ddd;padding:7.5px 0;width:calc(100% - 20px);>.icon{width:1.2em;height:1.2em;fill:#666;position:absolute;top:50%;left:10px;transform:translateY(-50%);pointer-events:none}&:hover{border-color:#999}&:before{content:"検索";color:#666;margin-left:32.5px;font-size:.9em}}>nav{ul{list-style:none;padding:0;margin:10px 0;li{a{display:block;padding:.25em 10px;color:#666;text-decoration:none;&:hover{color:#333}&.active{color:#fff;background:#004bdd}}}}>ul{margin:10px}}}>article{padding:20px;background:#fff;margin-left:250px;flex-grow:1;overflow:hidden;>h1{all:unset;display:block;font-size:1.5em;margin-bottom:10px;font-weight:700;border-bottom:1px solid #ddd}>h2{all:unset;display:block;font-size:1.2em;margin-top:20px;margin-bottom:5px;font-weight:700;border-bottom:1px solid #ddd}>h3{all:unset;display:block;font-size:.95em;margin-top:20px;font-weight:700;border-left:3px solid #aaa;padding-left:7.5px}.alert{background:#f7f7f7;border-left:4px solid #004bdd;padding:10px 12.5px;margin:10px 0;font-size:.9em;color:#444;>:first-child{margin-top:0;font-weight:700;color:#333;font-size:1.1em}>:last-child{margin-bottom:0}&.caution{border-color:#ff9800}&.danger{border-color:#f44336}&.info{border-color:#2196f3}&.success{border-color:#4caf50}}p{all:unset;line-height:1.4;font-size:.95rem;display:block;margin:10px 0}code{background:#f7f7f7;padding:2.5px 5px;font-size:.9em;color:#333}ul{padding:0;list-style:none;margin:10px 0;>li{margin:5px 0;padding-left:1em;position:relative;&:before{content:"•";position:absolute;left:.5em;color:#666;transform:translate(-50%)}}}img{max-width:100%;height:auto;margin:10px 0;border:solid 1px #ddd}table{width:100%;border-collapse:collapse;margin:10px 0;th,td{padding:10px 12.5px;border:1px solid #ddd;text-align:left;font-size:.9em}th{background:#f7f7f7;font-weight:700}}}>#toc{position:sticky;top:var(--header-height);max-width:250px;width:100%;border-left:1px solid #eee;margin-left:auto;box-sizing:border-box;padding:10px;height:calc(100svh - var(--header-height));overflow-y:auto;>h2{all:unset;display:block;font-size:.9em;font-weight:700}>ul{list-style:none;padding:0;margin:0;>li{margin:5px 0;>a{all:unset;display:block;font-size:.85em;color:#666;text-decoration:none;padding-left:10px;cursor:pointer;position:relative;&.level-2{padding-left:10px}&.level-3{padding-left:20px}&.active{color:#333;font-weight:700}}}}}}#toc-toggle{display:none}@media (max-width: 1200px){#toc-toggle{all:unset;display:flex;position:fixed;bottom:20px;right:20px;background:#fffe;padding:10px 15px;font-size:.95em;backdrop-filter:blur(10px);border:1px solid #ddd;line-height:1;cursor:pointer;>svg{width:1em;height:1em;fill:#333}>span{margin-left:5px;color:#333}}#toc{display:none}}@media (max-width: 800px){header{>#menu-button{all:unset;display:block;cursor:pointer;margin-left:-5px;margin-right:10px;padding:0 5px;>.bar{display:block;width:25px;height:1.5px;background:#333;margin:5px auto;transition:all .3s ease}}}#search-modal{>#modal-container{margin:0;width:100%;height:100%;max-width:none;>#search-form{>#search-close{display:block}}}}.container{flex-direction:column;&.sidebar{>.sidebar{left:0%}>#sidebar-backdrop{pointer-events:auto;opacity:1}}>.sidebar{display:block;background:#fff;border-right:none;z-index:1001;position:fixed;top:0;left:-100%;max-width:300px;width:calc(100% - 50px);height:100%;overflow:hidden auto;padding:20px;box-shadow:0 0 10px #0000001a;transition:left .3s ease;>nav{position:relative}}>#sidebar-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;pointer-events:none;opacity:0;transition:opacity .3s ease}>article{margin-left:0;padding:20px}}.toc-open{#toc{display:block;position:fixed;top:var(--header-height);right:0;max-width:250px;width:calc(100% - 50px);height:calc(100svh - var(--header-height));background:#fff;border-left:1px solid #eee;z-index:1002}}}