body{font-family:ibm plex sans jp,sans-serif,noto color emoji,apple color emoji;font-weight:400;font-style:normal}article{max-width:800px;margin-left:auto;margin-right:auto}.title{font-size:xx-large;text-decoration:none;font-family:secular one,sans-serif;font-weight:400;font-style:normal;a { color: #000; }}.subtitle{margin:0;font-size:x-large;font-weight:600;a { color: #000; }}.article-title{font-size:x-large;margin-top:2rem;color:#000;font-weight:600}.article-item{margin-top:2rem;margin-bottom:2.5rem;display:flex;align-items:stretch}.article-details{display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;flex-grow:1;margin-right:1rem}.article-description{color:#616161;margin-top:0;margin-bottom:0;padding-top:.5rem;padding-bottom:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-image{width:33.33%;flex-shrink:0;height:100px}.article-image img{display:block;width:100%;height:100%;object-fit:cover}.header-container{display:flex;justify-content:space-between;align-items:center}.flex-items{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:20px;max-width:600px}.article-tag{display:flex;p { margin-right: 1em; }}.header-line{width:100%;border-width:2px;border-color:#212121;border-style:solid none none none}footer{display:flex;justify-content:center;border-top:1px solid #212121;margin-top:1rem;p { font-size: 0.8rem; }}.page-toc{margin:1rem 0;padding:1rem 1.5rem;width:auto;border:1px solid #cfd8dc;summary { color: #2196F3; font-size: 1.1em; letter-spacing: 0.02em; user-select: none; outline: none; transform-origin: center left; &:hover { color: #2979FF; } } ul { margin-left: 0.5rem; padding-left: 1.2rem; li { margin-bottom: 0.8em; line-height: 1.6; &::marker { color: #2196F3; } } }}code{font-family:jetbrains mono,monospace;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:.9rem;line-height:1.3;font-variant-ligatures:none}.highlight{overflow-x:auto;-webkit-overflow-scrolling:touch;background-color:#f8f8f8;padding:1em;margin:1rem 0}.highlight pre{display:block;white-space:pre;word-break:normal;margin:0;padding:0;background-color:#f8f8f8}.highlight code{display:block}table{width:100%;margin:0 auto;padding:0;border-collapse:collapse;font-size:small;box-shadow:0 1px 3px #00000030;border-radius:4px;thead { font-weight: 600; background-color: #2196F3; color: #FFF; } tbody tr:hover { background-color: #FFFDE7; } th, td, tr { border-bottom: 1px solid #F5F5F5; padding: 10px; line-height: 1.5; }}a{color:#2196f3;text-decoration:none;&:hover { color:#0D47A1; }}figure{margin:0;padding:0;text-align:center;img { margin-left: 0; display: block; max-width: 100%; height: auto; } h4 { margin: 0.2rem; color: #9E9E9E; font-weight: 400; font-style: normal; font-size: 0.9rem; }}blockquote{color:#616161;border-left:.25em solid;margin:1em;padding:0 1em;font-style:italic}.tags-container{display:flex;flex-wrap:wrap;margin:2rem 0 .5rem;gap:8px}.list-style-none{list-style:none}.font-large{font-size:large;color:#000}.tag-item{color:#212121;background-color:#f5f5f5;border-radius:20px;padding:6px 12px;font-size:.9em;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;border:1px solid #e0e0e0}.tag-item:hover{background-color:#e0e0e0}#search-input{background-color:#eee;border:none;margin-top:1.5rem;padding:10px;font-size:medium;color:#212121;border-radius:4px;width:100%;box-sizing:border-box;&::placeholder { color:#9E9E9E; }}#search-results{margin:2rem 0}.not-found{padding:5rem 0;text-align:center}.website-card-link{display:block;text-decoration:none;color:inherit}.website-card{display:flex;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:16px;position:relative}.website-logo{margin-right:16px;width:130px;height:130px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.website-logo img{display:block;width:100%;height:100%;border-radius:4px;object-fit:cover}.logo-placeholder{width:100%;height:100%;background-color:#e0e0e0;border-radius:4px}.website-details{display:flex;flex-direction:column}.website-title{font-size:1.2em;font-weight:600;margin-bottom:4px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.website-description{font-size:.8em;color:#616161;margin:0 0 8px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.website-url{display:flex;align-items:center;font-size:.85em;color:#2196f3}.url-icon{width:16px;height:16px;margin-right:4px;fill:#2196f3}.url-text{text-decoration:none}@media screen and (max-width:768px){article{padding-left:1rem;padding-right:1rem;box-sizing:border-box}}