:root{--gap-quarter: .25rem;--gap-half: .5rem;--gap: 1rem;--gap-double: 2rem;--bg: #fff;--fg: #333;--accents-1: #666;--accents-2: #666;--accents-3: #666;--geist-foreground: #000;--geist-success: #690;--radius: 4px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: SFMono-Regular, Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace}*{box-sizing:border-box;word-break:break-word}html,body{padding:0;margin:0;font-size:16px}body{min-height:100vh;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Hiragino Sans,Hiragino Kaku Gothic ProN,Hiragino Sans GB,Meiryo,"Apple Color Emoji",Arial,sans-serif,"Segoe UI Emoji",Segoe UI Symbol;background-position:0 0,25px 25px;background-attachment:fixed;background-size:50px 50px;overflow-x:hidden;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}figure{margin:0;font-size:.85rem;color:#999;line-height:1.8rem}a{color:var(--accents-1);text-decoration:none}a:hover{color:var(--accents-1)}mark{padding:var(--gap-quarter);border-radius:var(--radius);background:#f7d4ffcc}h1{margin:0;color:var(--fg);font-size:2rem;font-weight:700}@media(max-width:640px){h1{font-size:1.6rem}}h2{margin:0;color:#333;font-size:1.5rem;font-weight:700;line-height:1.35}h3{margin:0;color:#333;font-size:1.1rem;font-weight:700}.top-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;background:#ffffffdb;border-bottom:1px solid #eee;backdrop-filter:blur(16px)}.top-nav a{color:#333}.brand{font-weight:700;color:#333}.nav-links{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:flex-end}.nav-links a{border-radius:var(--radius);padding:.3rem .5rem;color:#666;font-size:.92rem}.nav-links a:hover{background:#f4f4f4;color:#333}@media(max-width:640px){.top-nav{position:static;align-items:flex-start;flex-direction:column}}ol{color:#222;font-weight:400;font-size:.9rem;line-height:1.8rem}p,ul{color:#222;font-weight:400;font-size:1rem;line-height:1.8rem}ul,ol{margin:0;padding-inline-start:1.5rem}pre{margin:0;white-space:pre;tab-size:2}hr{display:block;height:1px;border:0;margin:.3rem 0;background-color:#333}code{font-size:.9rem;background:#87837826;color:#9b4d35;padding:.18rem .28rem;border-radius:var(--radius);font-family:var(--font-mono)}table{display:block;overflow-x:auto;white-space:nowrap;border-collapse:collapse}table tr{vertical-align:top}table th{font-weight:600;background-color:#f4f4f4}table td,table th{font-size:.9rem;border:1px solid #e4e4e4;padding:.5rem 1rem;text-align:left;line-height:1.2rem}table td:after{content:"";display:inline-block;min-height:.9rem}.container{min-height:100vh}.container>div{display:flex;max-width:1280px}@media(max-width:640px){.container>div{display:block}}main{flex:1;order:2;justify-content:space-between}@media(max-width:640px){main{order:1}}aside{order:1;width:300px;padding:20px;background-color:#f4f4f4}@media(max-width:640px){aside{order:2;width:100%}}div.cover{display:none}div.content{padding:28px 48px}@media(max-width:640px){div.content{padding:0 18px}}main header{padding:20px 0}main header h1{font-weight:700;color:#333}main header h1 a{display:block;color:inherit}main header h1 a:hover{color:inherit}main header h1 a span,main header h1 a img{display:inline-block;font-size:1.1em}main header h1 a span{margin-right:.3em;margin-left:-.1rem}main header div.description{padding:.3rem 0 .6rem;font-size:.95rem}main footer{margin:30px 0 10px;text-align:center;font-size:.75rem}@media(max-width:640px){main footer{margin:0 auto 30px}}main footer span{color:#777}main footer a{color:inherit;text-decoration:underline}.main{max-width:640px}.main header{padding:0 0 20px}.main footer{border-top:1px dashed #888;margin:0 auto;padding:40px 0 0}@media(max-width:640px){.main footer{margin:0 auto 40px}}.post{margin:0 auto 40px}.post footer{margin-top:.5rem;padding:0;border:0}.post-date{margin:0 0 .25rem;color:#666;font-size:.9rem;line-height:1.8rem}.tags{display:flex;flex-wrap:wrap;gap:.25rem;margin:0 0 .35rem}.tag{display:inline-block;border-radius:var(--radius);padding:.1rem .4rem;color:#555;font-size:.85rem;line-height:1.35rem}.tag-introduction{background:#d3e5ef}.tag-en{background:#fadec9}.tag-how-to{background:#fbf3db}.tag-document{background:#e8deee}.tag-diary{background:#dbeddb}.post h2{margin:.2rem 0 .75rem}.post h2 a{color:#333;text-decoration:none}.post h2 a:hover{color:#333;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.post img{display:block;width:100%;max-width:640px;height:auto;margin:.7rem 0 .9rem}.post img.demo-og{width:600px;max-width:100%}.post img.photo-wide{width:640px;max-width:100%}.post img.photo-medium{width:520px;max-width:100%}.post p{margin:0 0 .8rem}.read-more{color:#666;text-decoration:underline}.search-button{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 2rem;border:0;padding:0;background:transparent;color:#666;font:inherit;cursor:pointer}aside h2{margin:0 0 .7rem;color:#555;font-size:1rem}aside ul{list-style:none;margin:0 0 2rem;padding:0}aside li{margin:0 0 .65rem;color:#222;font-size:1rem;line-height:1.4rem}aside a{color:#222;text-decoration:none}.category-list li{margin-bottom:.45rem}.pagination{display:flex;justify-content:center;gap:.35rem}.pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:2.4rem;height:2.6rem;border-radius:var(--radius);background:#f4f4f4;color:#666}.notion-page{max-width:760px;padding:0 0 4rem}.article-header{margin:0 0 2rem;padding:0 0 1.25rem;border-bottom:1px dashed #d7d4ca}.article-header h1{margin:.35rem 0 .8rem;font-size:clamp(2rem,5vw,3rem);line-height:1.12}.article-header p{margin:0;color:#666;font-size:1.05rem}.notion-page>h1:first-of-type{display:none}.notion-page h2{margin:2.4rem 0 .75rem;padding-top:.2rem}.notion-page h3{margin:1.7rem 0 .5rem;font-size:1.18rem}.notion-page p{margin:.85rem 0}.notion-page ul,.notion-page ol{margin:.75rem 0 1.1rem}.notion-page li{margin:.35rem 0;line-height:1.75rem}.notion-page blockquote{margin:1.2rem 0;border-left:4px solid #d7d4ca;padding:.5rem 0 .5rem 1rem;background:#fbfaf7}.notion-page blockquote p{margin:0;color:#444}.notion-page pre{margin:1rem 0;border:1px solid #343a46;border-radius:8px;background:#111827;padding:1rem 1.1rem;overflow-x:auto;line-height:1.7;white-space:pre}.notion-page pre code{display:block;min-width:max-content;background:transparent!important;color:#f8fafc!important;padding:0;font-size:.95rem;letter-spacing:0}.notion-page pre code span{color:#f8fafc!important}.notion-page table{width:100%;margin:1rem 0 1.4rem}.notion-page hr{margin:2rem 0;background:transparent;border-top:1px dashed #d7d4ca}