:root{--c-main: #bad300;--c-main-dark: #8c9e00;--c-main-thin: rgba(186, 211, 0, .08);--c-htag: #bad300;--c-cream: #fdf8f5;--c-pink-pale: #fff0f3;--c-burgundy: #7a3535;--c-coral: #c45c5c;--c-pink-mut: #b08080;--c-text: #444444;--c-text-strong: #2a2a2a;--c-muted: #7a756f;--c-link: #c46b00;--c-bg: var(--c-cream);--c-card: #ffffff;--c-border: #ece8e1;--c-gray: #f4f3d9;--mark-blue: #b7e3ff;--mark-green: #bdf9c3;--mark-yellow: #fcf69f;--mark-orange: #ffddbc;--capbox-orange: #f59b5f;--capbox-orange-bg: #fff8eb;--capbox-blue: #5fb9f5;--capbox-blue-bg: #edf5ff;--capbox-green: #2fcd90;--capbox-green-bg: #eafaf2;--capbox-red: #f36060;--capbox-red-bg: #ffefef;--capbox-gray: #999;--capbox-gray-bg: #f7f7f7;--container: 1100px;--article: 760px;--radius: 8px;--shadow-sm: 0 2px 8px rgba(0,0,0,.06), 0 4px 4px -4px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.08)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:游ゴシック体,Yu Gothic,YuGothic,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,-apple-system,sans-serif;font-weight:500;color:var(--c-text);background:var(--c-bg);line-height:1.85;font-size:16px;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:var(--c-link);text-decoration:none;transition:opacity .2s}a:hover{opacity:.75}.container{max-width:var(--container);margin:0 auto;padding:0 20px}.site-header{background:#fff;border-bottom:1px solid var(--c-border);box-shadow:0 1px 4px #0000000f;position:sticky;top:0;z-index:50}.site-header__inner{display:flex;align-items:center;gap:24px;padding:14px 20px;max-width:var(--container);margin:0 auto}.site-logo{display:inline-flex;flex-direction:column;gap:1px;color:var(--c-text-strong);letter-spacing:.02em;line-height:1.2}.site-logo .logo-main{font-weight:700;font-size:18px}.site-logo .logo-sub{font-size:11px;color:var(--c-pink-mut);letter-spacing:.05em;padding-left:22px}@media(max-width:600px){.site-logo .logo-main{font-size:16px}.site-logo .logo-sub{font-size:10px;padding-left:20px}}.site-nav{margin-left:auto;display:flex;gap:22px}.site-nav a{color:var(--c-text);font-size:14px;position:relative;padding:4px 0}.site-nav a:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:var(--c-main);transform:scaleX(0);transform-origin:left;transition:transform .2s}.site-nav a:hover{opacity:1}.site-nav a:hover:after{transform:scaleX(1)}@media(max-width:600px){.site-header__inner{flex-wrap:wrap;gap:12px;padding:10px 16px}.site-nav{gap:14px;width:100%;justify-content:center}.site-nav a{font-size:13px}}main{padding:40px 0 80px}.article-wrap{max-width:var(--article);margin:0 auto;padding:0 20px}.article-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:40px 36px}@media(max-width:600px){.article-card{padding:24px 18px}}.post_content h1{font-size:1.8em;line-height:1.4;margin:0 0 .8em}.post_content h2{position:relative;background:var(--c-htag);color:#fff;padding:.75em 1em;margin:2.5em 0 1em;font-size:1.3em;border-radius:3px}.post_content h2:before{position:absolute;content:"";top:-4px;left:0;width:100%;height:calc(100% + 4px);pointer-events:none;border-top:solid 2px var(--c-htag);border-bottom:solid 2px var(--c-htag)}.post_content h3{position:relative;padding:0 .5em .5em;margin:2em 0 1em;font-size:1.15em}.post_content h3:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:repeating-linear-gradient(90deg,var(--c-htag) 0%,var(--c-htag) 29.3%,rgba(150,150,150,.2) 29.3%,rgba(150,150,150,.2) 100%)}.post_content h4{padding:0 0 0 16px;border-left:solid 3px var(--c-htag);margin:1.6em 0 .8em;font-size:1.05em}.post_content p{margin:1em 0}.post_content img{display:block;margin:1.5em auto;border-radius:4px;box-shadow:var(--shadow-sm)}.post_content ul,.post_content ol{padding-left:1.5em;margin:1em 0}.post_content li{margin:.35em 0}.post_content blockquote{position:relative;background:#f9f7f3;border-left:4px solid var(--c-main);padding:1.2em 1.4em;margin:1.5em 0;color:var(--c-text);border-radius:0 4px 4px 0}.post_content table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.95em;background:#fff;border-radius:6px;overflow:hidden;box-shadow:var(--shadow-sm)}.post_content table th,.post_content table td{padding:10px 14px;border:1px solid var(--c-border);text-align:left;vertical-align:top}.post_content table thead th{background:var(--c-main);color:#fff;font-weight:700;border-color:var(--c-main-dark)}.post_content table tbody tr:nth-child(2n){background:#fbfaf6}.post_content table tbody td:first-child{font-weight:700;color:var(--c-text-strong);background:#f7f4ee}.post_content table tbody tr:nth-child(2n) td:first-child{background:#f3efe6}@media(max-width:600px){.post_content table{font-size:.85em}.post_content table th,.post_content table td{padding:8px 10px}}.post_content code{background:#f4f1ec;padding:2px 6px;border-radius:3px;font-size:.92em}.post_content pre{background:#2a2a2a;color:#e8e8e8;padding:14px 18px;border-radius:6px;overflow-x:auto}.post_content pre code{background:transparent;padding:0;color:inherit}.post_content a{color:var(--c-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.mark_blue{background:linear-gradient(transparent 64%,var(--mark-blue) 0)}.mark_green{background:linear-gradient(transparent 64%,var(--mark-green) 0)}.mark_yellow{background:linear-gradient(transparent 64%,var(--mark-yellow) 0)}.mark_orange{background:linear-gradient(transparent 64%,var(--mark-orange) 0)}.post-header{margin-bottom:24px}.post-header h1{font-size:1.7em;line-height:1.4;margin:0 0 12px;color:var(--c-text-strong)}.post-meta{color:var(--c-muted);font-size:13px;display:flex;gap:12px;flex-wrap:wrap}.post-cat{background:var(--c-main);color:#fff;padding:2px 10px;border-radius:16px;font-size:12px;font-weight:600}.post-hero{width:100%;max-height:460px;object-fit:cover;margin:16px 0 0;border-radius:6px;box-shadow:var(--shadow-md)}.site-footer{background:#fff;border-top:1px solid var(--c-border);margin-top:60px;padding:30px 0;color:var(--c-muted);font-size:13px}.site-footer__inner{max-width:var(--container);margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.site-footer nav{display:flex;gap:18px}.site-footer nav a{color:var(--c-muted)}.toc{background:#fff;border:1px solid var(--c-border);border-radius:var(--radius);padding:18px 22px;margin:28px 0}.toc__title{font-weight:700;color:var(--c-text-strong);margin:0 0 10px;padding-bottom:8px;border-bottom:2px solid var(--c-main);display:flex;align-items:center;gap:6px;font-size:1em}.toc__title:before{content:"📑"}.toc ol{list-style:none;padding:0;margin:0;counter-reset:toc}.toc ol ol{padding-left:1.5em;margin-top:4px;counter-reset:toc-sub}.toc li{line-height:1.6;margin:4px 0}.toc li>a{color:var(--c-text);font-size:14px}.toc>ol>li{counter-increment:toc}.toc>ol>li>a:before{content:counter(toc) ". ";color:var(--c-main-dark);font-weight:700}.toc ol ol>li{counter-increment:toc-sub;font-size:.95em}.toc ol ol>li>a:before{content:counter(toc) "-" counter(toc-sub) ". ";color:var(--c-muted)}.cap_box{--c: var(--capbox-orange);--bg: var(--capbox-orange-bg);background:var(--bg);border:2px solid var(--c);border-radius:6px;margin:1.6em 0;position:relative;padding:1em 1.2em}.cap_box[data-type=check]{--c: var(--capbox-green);--bg: var(--capbox-green-bg)}.cap_box[data-type=batsu]{--c: var(--capbox-red);--bg: var(--capbox-red-bg)}.cap_box[data-type=hatena]{--c: var(--capbox-blue);--bg: var(--capbox-blue-bg)}.cap_box[data-type=memo]{--c: var(--capbox-gray);--bg: var(--capbox-gray-bg)}.cap_box[data-type=alert]{--c: #f7da38;--bg: #fffceb}.cap_box__ttl{display:inline-block;background:var(--c);color:#fff;font-weight:700;padding:4px 14px;border-radius:16px;font-size:.92em;margin-bottom:.6em}.cap_box>*:last-child{margin-bottom:0}.post-list{list-style:none;padding:0;margin:0;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.post-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.post-card a{color:inherit;display:flex;flex-direction:column;height:100%}.post-card__thumb{aspect-ratio:16 / 9;overflow:hidden;background:var(--c-gray)}.post-card__thumb img{width:100%;height:100%;object-fit:cover}.post-card__body{padding:16px 18px;flex:1;display:flex;flex-direction:column;gap:8px}.post-card__title{font-size:.95em;font-weight:700;line-height:1.5;color:var(--c-text-strong);margin:0}.post-card__date{font-size:12px;color:var(--c-muted);margin-top:auto}.link-card{display:flex;gap:14px;align-items:stretch;background:#fff;border:1px solid var(--c-border);border-radius:6px;padding:12px;margin:1.5em 0;text-decoration:none!important;transition:box-shadow .2s}.link-card:hover{box-shadow:var(--shadow-sm);opacity:1}.link-card__thumb{flex-shrink:0;width:120px;aspect-ratio:16/9;border-radius:4px;overflow:hidden}.link-card__thumb img{width:100%;height:100%;object-fit:cover}.link-card__body{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}.link-card__label{font-size:11px;color:var(--c-main-dark);font-weight:700;letter-spacing:.05em}.link-card__title{color:var(--c-text-strong);font-weight:700;font-size:.95em;line-height:1.5}.giscus-wrap{margin-top:60px;padding-top:30px;border-top:1px solid var(--c-border)}.giscus-wrap h2{font-size:1.1em;margin:0 0 1em;color:var(--c-text-strong)}