:root{--color-text: #25303b;--color-text-muted: #5b6470;--color-bg: #ffffff;--color-bg-soft: #f4f7fa;--color-border: #d7dee6;--color-primary: #1855a3;--color-primary-dark: #123e78;--color-primary-soft: #e7f0fb;--color-accent: #b45309;--color-accent-soft: #fdf3e3;--color-green: #2f6b32;--color-green-soft: #ecf5ec;--color-red: #a02c2c;--color-red-soft: #fceeee;--color-purple: #5b4a8a;--color-purple-soft: #f1eef8;--font-body: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", system-ui, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Consolas", "Courier New", monospace;--width-content: 760px;--width-wide: 1160px;--radius: 8px;--shadow-card: 0 2px 10px rgba(18, 62, 120, .08)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(min-width:1440px){html{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{margin:0;font-family:var(--font-body);font-size:1rem;line-height:1.85;color:var(--color-text);background:var(--color-bg);overflow-wrap:break-word}img{max-width:100%;height:auto}a{color:var(--color-primary)}a:hover{color:var(--color-primary-dark)}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:2px}h1,h2,h3,h4{scroll-margin-top:1.25rem}.skip-link{position:absolute;left:-9999px;top:0;background:var(--color-primary);color:#fff;padding:.6em 1em;z-index:100}.skip-link:focus{left:0;color:#fff}.container{max-width:var(--width-wide);margin:0 auto;padding:0 1rem}.container-narrow{max-width:var(--width-content);margin:0 auto;padding:0 1rem}@media(min-width:768px){.container,.container-narrow{padding:0 1.5rem}}main{min-height:60vh;padding:1.25rem 0 3.5rem}.section{margin:3rem 0}.section-title{font-size:1.35rem;border-left:5px solid var(--color-primary);padding-left:.6em;margin:0 0 1.2rem;line-height:1.5}.section-more{margin-top:1.2rem;text-align:right}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-bg)}.site-header-inner{max-width:var(--width-wide);margin:0 auto;padding:.9rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.site-brand{text-decoration:none;color:var(--color-text)}.site-brand .site-name{display:block;font-size:1.35rem;font-weight:700;color:var(--color-primary-dark);line-height:1.3}.site-brand .site-tagline{display:block;font-size:.8rem;color:var(--color-text-muted);margin-top:.15em}@media(min-width:768px){.site-brand .site-name{font-size:1.5rem}}.menu-toggle{display:none;align-items:center;gap:.45em;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:.55em .95em;font-size:.95rem;font-family:inherit;font-weight:700;cursor:pointer;color:var(--color-primary-dark)}.menu-toggle .menu-icon{display:inline-block;width:1.05em;height:.85em;position:relative}.menu-toggle .menu-icon:before,.menu-toggle .menu-icon:after,.menu-toggle .menu-icon span{content:"";position:absolute;left:0;width:100%;height:2px;background:currentColor;border-radius:2px}.menu-toggle .menu-icon:before{top:0}.menu-toggle .menu-icon span{top:calc(50% - 1px)}.menu-toggle .menu-icon:after{bottom:0}.site-nav ul{list-style:none;display:flex;gap:.2rem;margin:0;padding:0}.site-nav a{display:block;padding:.6em 1em;text-decoration:none;font-size:.98rem;border-radius:var(--radius);border-bottom:3px solid transparent}.site-nav a:hover{background:var(--color-primary-soft)}.site-nav a[aria-current=page]{border-bottom-color:var(--color-primary);color:var(--color-primary-dark);font-weight:700;border-radius:var(--radius) var(--radius) 0 0}@media(max-width:767px){.menu-toggle{display:inline-flex}.site-nav{display:none;width:100%}.site-nav[data-open=true]{display:block}.site-nav ul{flex-direction:column;gap:0;padding:.4rem 0 .6rem;border-top:1px solid var(--color-border);margin-top:.4rem}.site-nav a{padding:.85em .6em;border-bottom:none;border-left:3px solid transparent;border-radius:0}.site-nav a[aria-current=page]{border-left-color:var(--color-primary);background:var(--color-primary-soft);border-radius:0}}.site-footer{border-top:1px solid var(--color-border);background:var(--color-bg-soft);margin-top:3rem;font-size:.9rem}.site-footer-inner{max-width:var(--width-wide);margin:0 auto;padding:2.2rem 1rem 1.5rem}.footer-about{margin:0 0 1.6rem;color:var(--color-text-muted);max-width:640px}.footer-about .footer-site-name{display:block;font-weight:700;font-size:1.05rem;color:var(--color-primary-dark);margin-bottom:.2em}.footer-columns{display:grid;grid-template-columns:1fr;gap:.8rem 1.5rem}@media(min-width:768px){.footer-columns{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.footer-heading{font-size:.95rem;margin:0 0 .2rem;color:var(--color-text-muted)}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li a{display:block;padding:.45em 0;text-decoration:none}.site-footer li a:hover{text-decoration:underline}.footer-copy{margin-top:1.6rem;padding-top:1rem;border-top:1px solid var(--color-border);color:var(--color-text-muted);text-align:center;font-size:.85rem}.breadcrumbs{font-size:.82rem;margin:.8rem 0 1rem}.breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}.breadcrumbs li+li:before{content:"›";margin:0 .45em;color:var(--color-text-muted)}.breadcrumbs .current{color:var(--color-text-muted)}.hero{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:12px;padding:2rem 1.4rem;margin-top:1rem}.hero h1{font-size:1.45rem;margin:0 0 .7rem;line-height:1.55;color:var(--color-primary-dark)}@media(max-width:767px){.hero h1 br{display:none}}.hero .hero-lead{margin:0 0 1.4rem;color:var(--color-text-muted);max-width:620px}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.6rem}.btn{display:inline-block;padding:.65em 1.6em;border-radius:var(--radius);text-decoration:none;font-weight:700;font-size:.98rem;text-align:center;border:2px solid var(--color-primary)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff}.btn-secondary{background:var(--color-bg);color:var(--color-primary-dark)}.btn-secondary:hover{background:var(--color-primary-soft);color:var(--color-primary-dark)}.hero-features{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:.5rem}.hero-features li{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:.55em .9em;font-size:.92rem;display:flex;align-items:baseline;gap:.5em}.hero-features li:before{content:"✓";color:var(--color-green);font-weight:700;flex-shrink:0}@media(min-width:640px){.hero-features{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.hero{padding:2.8rem 2.5rem}.hero h1{font-size:1.8rem}}.card-grid{display:grid;grid-template-columns:1fr;gap:1rem;list-style:none;margin:0;padding:0}@media(min-width:640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.card-grid{grid-template-columns:repeat(3,1fr)}}.article-card{position:relative;border:1px solid var(--color-border);border-radius:var(--radius);padding:1.05rem 1.15rem;background:var(--color-bg);display:flex;flex-direction:column;gap:.5rem;transition:border-color .15s,box-shadow .15s,transform .15s}.article-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card);transform:translateY(-2px)}.article-card:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-card);outline:3px solid var(--color-primary);outline-offset:2px}.article-card h3{margin:0;font-size:1.05rem;line-height:1.55}.article-card .card-link{text-decoration:none;color:var(--color-text)}.article-card .card-link:focus-visible{outline:none}.article-card .card-link:after{content:"";position:absolute;inset:0}.article-card:hover .card-link{color:var(--color-primary-dark)}.article-card .card-description{font-size:.88rem;color:var(--color-text-muted);margin:0;flex-grow:1;line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.card-meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;font-size:.78rem;color:var(--color-text-muted)}.card-date{margin:0;font-size:.78rem;color:var(--color-text-muted)}.category-badge{position:relative;z-index:1;display:inline-block;background:var(--color-primary-soft);color:var(--color-primary-dark);border:1px solid transparent;border-radius:999px;padding:.18em .9em;font-size:.78rem;font-weight:700;text-decoration:none}.category-badge:hover{background:var(--color-primary);color:#fff}.status-badge{display:inline-block;border-radius:4px;padding:.05em .55em;font-size:.74rem;font-weight:700}.status-featured{background:var(--color-accent-soft);color:var(--color-accent);border:1px solid var(--color-accent)}.status-draft{background:var(--color-purple-soft);color:var(--color-purple);border:1px solid var(--color-purple)}.article-card.card-compact{padding:.8rem .95rem;gap:.35rem}.article-card.card-compact h3{font-size:.95rem}.category-card{position:relative;border:1px solid var(--color-border);border-radius:var(--radius);padding:1.05rem 1.15rem;background:var(--color-bg);display:flex;flex-direction:column;gap:.4rem;transition:border-color .15s,box-shadow .15s,transform .15s}.category-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card);transform:translateY(-2px)}.category-card:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-card);outline:3px solid var(--color-primary);outline-offset:2px}.category-card h3{margin:0;font-size:1.08rem;line-height:1.5}.category-card h3 a{text-decoration:none;color:var(--color-primary-dark)}.category-card h3 a:focus-visible{outline:none}.category-card h3 a:after{content:"";position:absolute;inset:0}.category-card .category-description{margin:0;font-size:.88rem;color:var(--color-text-muted);flex-grow:1;line-height:1.7}.category-card .category-foot{display:flex;justify-content:space-between;align-items:center;gap:.6rem;font-size:.82rem;margin-top:.2rem}.category-card .post-count{color:var(--color-text-muted)}.category-card .category-more{color:var(--color-primary);font-weight:700}.page-header{margin-bottom:1.6rem}.page-header .page-lead{margin:.4rem 0 0}.list-meta{font-size:.88rem;color:var(--color-text-muted);margin:.6rem 0 0}.category-chips{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.6rem;padding:0}.category-chips a{display:inline-block;border:1px solid var(--color-border);border-radius:999px;padding:.35em 1em;font-size:.85rem;text-decoration:none;color:var(--color-text);background:var(--color-bg)}.category-chips a:hover{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-dark)}.category-chips .chip-count{color:var(--color-text-muted);font-size:.92em}.pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.4rem;margin-top:2.5rem}.pagination a,.pagination .page-current,.pagination .page-disabled{display:inline-block;min-width:2.6em;padding:.45em .8em;text-align:center;border:1px solid var(--color-border);border-radius:var(--radius);text-decoration:none;font-size:.92rem}.pagination a:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.pagination .page-current{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:700}.pagination .page-disabled{color:var(--color-text-muted);background:var(--color-bg-soft)}.article-header{margin-bottom:1.6rem}.article-title{font-size:clamp(1.3rem,1.02rem + 1.5vw,1.9rem);line-height:1.5;margin:.5rem 0 .9rem}.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;font-size:.84rem;color:var(--color-text-muted)}.article-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}.tag{font-size:.78rem;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:4px;padding:.05em .55em}.article-body{font-size:1rem;line-height:1.8}@media(min-width:768px){.article-body{font-size:1.125rem}}.article-body>*+*{margin-top:1.25em}.article-body p{margin-bottom:0}.article-body a{text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px;overflow-wrap:anywhere}.article-body a:hover{text-decoration-thickness:2px}.article-body h2{font-size:1.28rem;margin-top:2.6em;padding:.5em .7em;background:var(--color-bg-soft);border-left:5px solid var(--color-primary);border-radius:0 var(--radius) var(--radius) 0;line-height:1.5}.article-body h3{font-size:1.1rem;margin-top:2.2em;padding-bottom:.3em;border-bottom:2px solid var(--color-primary-soft);line-height:1.5}.article-body h4{font-size:1rem;margin-top:1.8em}.article-body ul,.article-body ol{padding-left:1.5em}.article-body li{margin:.4em 0}.article-body blockquote{margin:1.2em 0;padding:.6em 1em;border-left:4px solid var(--color-border);background:var(--color-bg-soft);color:var(--color-text-muted)}.article-body hr{border:none;border-top:1px solid var(--color-border);margin:2.5em 0}.article-body table{width:100%;border-collapse:collapse;font-size:.9em;display:block;overflow-x:auto;white-space:nowrap}@media(min-width:640px){.article-body table{display:table;white-space:normal}}.article-body th,.article-body td{border:1px solid var(--color-border);padding:.55em .85em;text-align:left;vertical-align:top}.article-body th{background:var(--color-bg-soft);font-weight:700}.article-body code{font-family:var(--font-mono);font-size:.86em;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:4px;padding:.1em .4em;overflow-wrap:anywhere}.article-body pre{border:1px solid var(--color-border);border-radius:var(--radius);padding:1em;overflow-x:auto;font-size:.9rem;line-height:1.6}.article-body pre code{background:none;border:none;padding:0;font-size:1em;overflow-wrap:normal}.callout{border-radius:var(--radius);padding:.9em 1.1em;border:1px solid;border-left-width:5px;font-size:.95rem;background:var(--color-bg-soft);border-color:var(--color-border)}.callout .callout-label{display:block;font-weight:700;margin-bottom:.25em}.callout p{margin:.4em 0 0}.callout>:last-child{margin-bottom:0}.callout-note{background:var(--color-green-soft);border-color:var(--color-green)}.callout-note .callout-label{color:var(--color-green)}.callout-info{background:var(--color-primary-soft);border-color:var(--color-primary)}.callout-info .callout-label{color:var(--color-primary-dark)}.callout-warning{background:var(--color-accent-soft);border-color:var(--color-accent)}.callout-warning .callout-label{color:var(--color-accent)}.callout-danger{background:var(--color-red-soft);border-color:var(--color-red)}.callout-danger .callout-label{color:var(--color-red)}.callout-check,.callout-verify,.callout-update{background:var(--color-purple-soft);border-color:var(--color-purple)}.callout-check .callout-label,.callout-verify .callout-label,.callout-update .callout-label{color:var(--color-purple)}.toc{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-soft);margin:1.6rem 0;font-size:.92rem}.toc summary{font-weight:700;padding:.8rem 1.2rem;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem}.toc summary::-webkit-details-marker{display:none}.toc summary .toc-state:after{content:"開く ▼";font-weight:400;font-size:.82rem;color:var(--color-primary)}.toc[open] summary .toc-state:after{content:"閉じる ▲"}.toc summary:hover{color:var(--color-primary-dark)}.toc-inner{padding:0 1.2rem 1rem}.toc ol{margin:0;padding-left:1.3em}.toc ol ol{margin-top:.2em;font-size:.95em;list-style:none;padding-left:.9em;border-left:2px solid var(--color-border)}.toc li{margin:0}.toc a{display:block;padding:.3em .2em;text-decoration:none}.toc a:hover{text-decoration:underline}.article-figure{margin:1.5em 0}.article-figure img{border:1px solid var(--color-border);border-radius:var(--radius);display:block}.article-figure .figure-link{display:inline-block;max-width:100%}.article-figure .figure-link:hover img{border-color:var(--color-primary)}.article-figure figcaption{font-size:.82rem;color:var(--color-text-muted);margin-top:.4em}.article-figure .figure-zoom-hint{display:block;font-size:.75rem;color:var(--color-text-muted)}.image-pending{border:1px dashed var(--color-purple);background:var(--color-purple-soft);color:var(--color-purple);border-radius:var(--radius);font-size:.82rem;padding:.5em .9em}.pr-notice{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius);font-size:.82rem;color:var(--color-text-muted);padding:.5em .9em;margin-bottom:1rem}.ad-slot{margin:1.5rem 0;text-align:center}.ad-slot .ad-label{display:block;font-size:.72rem;color:var(--color-text-muted)}.product-card{border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem 1.1rem;margin:1.5rem 0;background:var(--color-bg)}.product-card .product-pr{font-size:.72rem;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:4px;padding:0 .4em}.product-card .product-name{font-weight:700;margin:.3em 0}.product-card .product-description{font-size:.88rem;color:var(--color-text-muted);margin:0 0 .7em}.product-card .product-button{display:inline-block;background:var(--color-primary);color:#fff;text-decoration:none;border-radius:var(--radius);padding:.5em 1.4em;font-size:.92rem}.product-card .product-button:hover{background:var(--color-primary-dark);color:#fff}.article-footer-nav{margin-top:3rem;padding-top:1.6rem;border-top:2px solid var(--color-primary-soft)}.article-footer-nav .nav-heading{font-size:1.1rem;margin:0 0 1rem;border-left:5px solid var(--color-primary);padding-left:.6em}.post-nav{display:grid;grid-template-columns:1fr;gap:.8rem;margin:0;padding:0;list-style:none}@media(min-width:640px){.post-nav{grid-template-columns:1fr 1fr}}.post-nav a{display:block;border:1px solid var(--color-border);border-radius:var(--radius);padding:.8rem 1rem;text-decoration:none;font-size:.9rem;height:100%;line-height:1.6}.post-nav a:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.post-nav .nav-label{display:block;font-size:.75rem;color:var(--color-text-muted);margin-bottom:.2em}.post-nav .next{text-align:right}.back-to-list{text-align:center;margin-top:1.6rem}.back-to-list a{display:inline-block;padding:.6em 1.8em;border:1px solid var(--color-border);border-radius:999px;text-decoration:none;font-size:.92rem}.back-to-list a:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.back-to-top{position:fixed;right:1rem;bottom:1rem;width:48px;height:48px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-primary-dark);font-size:1.1rem;cursor:pointer;box-shadow:0 2px 8px #00000024;opacity:0;visibility:hidden;transition:opacity .2s;z-index:50}.back-to-top[data-visible=true]{opacity:1;visibility:visible}.form-field{margin-bottom:1.2rem}.form-field label{display:block;font-weight:700;font-size:.92rem;margin-bottom:.3rem}.form-field .required-mark{color:#b3261e;font-size:.8rem;margin-left:.4em}.form-field input,.form-field textarea{width:100%;font-family:inherit;font-size:1rem;padding:.6em .8em;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text)}.form-field input:focus,.form-field textarea:focus{outline:3px solid var(--color-primary);outline-offset:1px}.form-submit{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-family:inherit;font-size:1rem;padding:.7em 2.2em;cursor:pointer}.form-submit:hover{background:var(--color-primary-dark)}.page-body h2{font-size:1.25rem;margin-top:2.2em;padding-bottom:.3em;border-bottom:2px solid var(--color-primary-soft)}.page-body h3{font-size:1.05rem;margin-top:1.8em}.page-body a{text-decoration:underline;text-underline-offset:.18em}.page-title{font-size:1.5rem;margin:.5rem 0 1.2rem;line-height:1.5}@media(min-width:768px){.page-title{font-size:1.75rem}}.page-lead{color:var(--color-text-muted)}.page-updated{font-size:.82rem;color:var(--color-text-muted)}.not-found{text-align:center;padding:3rem 1rem}.not-found .status-code{font-size:3.2rem;font-weight:700;color:var(--color-primary-dark);margin:0}