/*! (c) YAKARON https://www.yakaron.com */
:root{--bg: #ffffff;--soft: #f6f7f7;--text: #1b1d1f;--muted: #5f666d;--line: #e4e7ea;--accent: #0b7f86;--accent-soft: #e6f4f4;--radius: 14px;--code-bg: #f6f8fa}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic UI,sans-serif;line-height:1.9;letter-spacing:.02em;overflow-wrap:anywhere}a{color:var(--accent);text-underline-offset:3px}img{max-width:100%;height:auto}.wrap{max-width:720px;margin:0 auto;padding:0 20px}.wrap-wide{max-width:1080px;margin:0 auto;padding:0 20px}main{padding-top:28px;padding-bottom:64px}.eyebrow{display:block;margin:0 0 6px;font-size:.72rem;font-weight:700;letter-spacing:.14em;color:var(--accent);text-transform:uppercase;line-height:1.4}.eyebrow a{color:inherit;text-decoration:none}.eyebrow a:hover{text-decoration:underline}.site-header{border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky;top:0;z-index:10;backdrop-filter:saturate(1.4) blur(8px)}.header-inner{max-width:1080px;display:flex;align-items:center;gap:24px;height:60px}.site-title{flex-shrink:0;margin:0;line-height:0}.site-title img{height:36px;width:auto;display:block}.site-title a{color:var(--text);text-decoration:none}.site-nav{display:flex;gap:18px;margin-left:auto;overflow-x:auto;white-space:nowrap;font-size:.88rem;scrollbar-width:none}.site-nav::-webkit-scrollbar{display:none}.site-nav a{color:var(--muted);text-decoration:none}.site-nav a:hover{color:var(--text)}.site-nav .nav-tools{color:var(--accent);font-weight:700}.breadcrumb{font-size:.78rem;color:var(--muted);margin:0 0 22px}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.hero{padding:28px 0 30px}.hero-title{margin:0;font-size:clamp(1.7rem,4.5vw,2.6rem);font-weight:800;line-height:1.35;letter-spacing:.04em}.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(150px,auto);gap:14px}.bento-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--text);text-decoration:none;overflow:hidden;transition:border-color .15s,transform .15s}a.bento-card:hover{border-color:var(--accent);transform:translateY(-2px)}.bento-img{display:block;background:var(--soft);overflow:hidden}.bento-img img{display:block;width:100%;height:100%;object-fit:cover}.bento-body{display:flex;flex-direction:column;padding:16px 18px 18px;gap:2px}.bento-title{font-weight:700;font-size:1rem;line-height:1.55}.bento-desc{color:var(--muted);font-size:.86rem;line-height:1.75;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bento-main{grid-column:span 2;grid-row:span 2}.bento-main .bento-img{aspect-ratio:16 / 9}.bento-main .bento-title{font-size:1.35rem;line-height:1.5}.bento-sub{grid-column:span 2;flex-direction:row}.bento-sub .bento-img{flex:0 0 38%}.bento-sub .bento-img img{object-fit:contain;padding:14px}.bento-sub .bento-body{justify-content:center}.bento-tools{grid-column:span 2;padding:20px 22px;justify-content:center;background:var(--accent);border-color:var(--accent);color:#fff}.bento-tools .eyebrow{color:#fffc}.bento-tools .bento-title{font-size:1.35rem}.bento-tools .bento-desc{color:#ffffffe0}.bento-go{margin-top:8px;font-weight:700;font-size:.9rem}.bento-profile{grid-column:span 1;padding:18px;background:var(--soft);border-color:var(--soft)}.bento-profile img{width:56px;height:56px;border-radius:50%;margin-bottom:6px}.bento-profile .bento-body{padding:0}.bento-profile .bento-desc{-webkit-line-clamp:5}.bento-cats{grid-column:span 1;padding:18px;gap:2px}.bento-cats a{display:flex;justify-content:space-between;color:var(--text);text-decoration:none;font-size:.9rem;padding:3px 0;border-bottom:1px solid var(--line)}.bento-cats a:last-child{border-bottom:0}.bento-cats a:hover{color:var(--accent)}.bento-cats a span{color:var(--muted);font-size:.8rem}.latest{max-width:720px;margin:56px auto 0}.section-title{font-size:.8rem;font-weight:700;letter-spacing:.14em;color:var(--muted);margin:48px 0 6px;padding-bottom:8px;border-bottom:1px solid var(--text)}.page-title{font-size:1.5rem;letter-spacing:.04em;color:var(--text);margin-top:0}.post-list{list-style:none;margin:0;padding:0}.post-list li{border-bottom:1px solid var(--line)}.post-list a{display:flex;gap:18px;align-items:flex-start;padding:20px 0;color:var(--text);text-decoration:none}.post-list a:hover .pl-title{color:var(--accent)}.pl-text{display:flex;flex-direction:column;flex:1;min-width:0}.pl-title{font-weight:700;font-size:1.05rem;line-height:1.55}.pl-desc{color:var(--muted);font-size:.86rem;line-height:1.75;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pl-meta{color:var(--muted);font-size:.76rem;margin-top:6px;letter-spacing:.04em}.post-list img{flex:0 0 120px;width:120px;height:90px;object-fit:contain;padding:6px;border-radius:10px;background:var(--soft);border:1px solid var(--line)}.post h1{font-size:clamp(1.55rem,4vw,2.1rem);line-height:1.45;letter-spacing:.03em;margin:0 0 14px}.meta{display:flex;flex-wrap:wrap;gap:4px 16px;color:var(--muted);font-size:.82rem;margin:0 0 28px;padding-bottom:22px;border-bottom:1px solid var(--line)}.old-note{background:#fff6e8;color:#7a4a06;border-radius:10px;padding:10px 14px;font-size:.86rem;line-height:1.7}.pr-note{font-size:.8rem;color:var(--muted);margin:0 0 16px}.pr{display:inline-block;border:1px solid var(--muted);border-radius:4px;padding:0 5px;font-size:.7rem;line-height:1.5;margin-right:4px}.content{font-size:1.04rem}.content>p,.content li{line-height:2}.content h2{font-size:1.35rem;line-height:1.5;margin:2.6em 0 .9em;padding-top:.9em;border-top:1px solid var(--text)}.content h3{font-size:1.12rem;margin:2em 0 .6em}.content h3:before{content:"";display:inline-block;width:10px;height:10px;margin-right:10px;border-radius:2px;background:var(--accent);vertical-align:.1em}.content h4{font-size:1rem;margin:1.6em 0 .4em}.content blockquote{margin:1.6em 0;padding:4px 0 4px 18px;border-left:3px solid var(--accent);color:var(--muted)}.content figure{margin:1.8em 0}.content img{border-radius:8px}.content figcaption,.wp-caption-text{font-size:.8rem;color:var(--muted);text-align:center;margin-top:6px}.content table{border-collapse:collapse;font-size:.92rem}.content th,.content td{border:1px solid var(--line);padding:8px 12px}.content th{background:var(--soft)}.table-wrap,.wp-block-table{overflow-x:auto}.aligncenter{display:block;margin-left:auto;margin-right:auto;text-align:center}.wp-block-image .aligncenter img{margin:0 auto}.wp-caption{max-width:100%}.tags{margin:36px 0 0;display:flex;flex-wrap:wrap;gap:8px;font-size:.8rem}.tags a{color:var(--muted);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:2px 12px}.tags a:hover{border-color:var(--accent);color:var(--accent)}.content pre{background:var(--code-bg);border:1px solid var(--line);border-radius:10px;padding:14px 16px;overflow-x:auto;font-size:.84rem;line-height:1.6;letter-spacing:0}.content code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.content :not(pre)>code{background:var(--soft);padding:2px 6px;border-radius:5px;font-size:.88em}.content figure.code figcaption{font-size:.76rem;text-align:left;background:var(--line);color:var(--text);display:inline-block;padding:2px 10px;border-radius:6px 6px 0 0;margin:0}.content figure.code pre{margin-top:0;border-top-left-radius:0}.hljs-comment,.hljs-quote{color:#6a737d}.hljs-keyword,.hljs-selector-tag,.hljs-type,.hljs-meta .hljs-keyword{color:#d73a49}.hljs-string,.hljs-regexp,.hljs-addition{color:#032f62}.hljs-number,.hljs-literal,.hljs-variable,.hljs-template-variable,.hljs-attr{color:#005cc5}.hljs-title,.hljs-title.function_,.hljs-section{color:#6f42c1}.hljs-built_in,.hljs-symbol,.hljs-meta{color:#e36209}.hljs-deletion{color:#b31d28}.say{display:flex;gap:14px;align-items:flex-start;margin:1.6em 0}.say-r{flex-direction:row-reverse}.say-who{flex:0 0 56px;text-align:center}.say-icon{width:56px;height:56px;border-radius:50%;border:1px solid var(--line);object-fit:cover}.say-name{display:block;font-size:.7rem;color:var(--muted);line-height:1.3}.say-body{position:relative;background:var(--soft);border-radius:14px;padding:12px 16px;max-width:calc(100% - 70px);font-size:.96rem;line-height:1.85}.say-body>:first-child{margin-top:0}.say-body>:last-child{margin-bottom:0}.say-body:before{content:"";position:absolute;top:18px;border:7px solid transparent}.say-l .say-body:before{left:-13px;border-right-color:var(--soft)}.say-r .say-body:before{right:-13px;border-left-color:var(--soft)}.toc{border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px;margin:2em 0;font-size:.9rem}.toc-title{margin:0 0 6px;font-size:.72rem;font-weight:700;letter-spacing:.14em;color:var(--accent)}.toc ol{margin:0;padding-left:1.4em;line-height:1.9}.toc a{color:var(--text);text-decoration:none}.toc a:hover{color:var(--accent);text-decoration:underline}.toc .toc-3{margin-left:1.2em;list-style:circle;font-size:.85rem}.author{display:flex;gap:16px;align-items:flex-start;margin-top:48px;padding:20px;background:var(--soft);border-radius:var(--radius);font-size:.86rem;line-height:1.8;color:var(--muted)}.author img{flex:0 0 56px;border-radius:50%}.author p{margin:0}.author .author-name{color:var(--text);font-weight:700;font-size:.95rem}.tools-cta{display:flex;flex-direction:column;gap:2px;margin-top:28px;padding:20px 22px;border-radius:var(--radius);background:var(--accent);color:#fff;text-decoration:none;transition:transform .15s}.tools-cta:hover{transform:translateY(-2px)}.tools-cta .eyebrow{color:#fffc;margin:0}.tools-cta .bento-title{font-size:1.25rem}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.gallery figure{margin:0}.gallery img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:10px}.matome-list-title{font-weight:700}.comments{margin-top:36px;border-top:1px solid var(--text);padding-top:8px}.comments h2{font-size:.8rem;letter-spacing:.14em;color:var(--muted);margin:0 0 8px}.comment{border-bottom:1px solid var(--line);padding:14px 0}.c-head{margin:0;font-size:.84rem}.c-name{font-weight:700}.c-date{color:var(--muted);margin-left:8px}.c-body p{margin:4px 0}.c-reply{margin:10px 0 0 20px;padding:10px 14px;background:var(--soft);border-radius:10px}.c-send{margin:14px 0 0}.c-send small{color:var(--muted)}.site-footer{border-top:1px solid var(--line);color:var(--muted);font-size:.78rem;padding:28px 0 36px;line-height:1.8}.site-footer a{color:var(--muted)}.footer-logo{font-weight:800;letter-spacing:.18em;color:var(--text)!important;text-decoration:none;margin-right:8px}.copy{margin:12px 0 0}@media(max-width:860px){.bento{grid-template-columns:repeat(2,1fr)}.bento-main{grid-column:span 2;grid-row:auto}.bento-sub,.bento-tools{grid-column:span 2}.bento-profile,.bento-cats{grid-column:span 1}}@media(max-width:560px){.header-inner{gap:14px;height:54px}.site-title img{height:28px}.site-nav{gap:14px;font-size:.82rem}.bento{grid-template-columns:1fr;gap:12px}.bento-main,.bento-sub,.bento-tools,.bento-profile,.bento-cats{grid-column:auto}.bento-sub .bento-img{flex-basis:34%}.bento-sub .bento-title{font-size:.92rem}.post-list img{flex-basis:84px;width:84px;height:64px}.content{font-size:1rem}}