@charset "UTF-8";:root{--bg-color:#f9f9f9;--text-color:#333;--header-bg:#333;--header-text:#fff;--link-color:#007bff;--card-bg:#fff;--border-color:#eee;--code-bg:#272822;--code-text:#f8f8f2}[data-theme=dark]{--bg-color:#1a1a1a;--text-color:#e0e0e0;--header-bg:#000;--header-text:#ddd;--link-color:#66b3ff;--card-bg:#2d2d2d;--border-color:#444;--code-bg:#111;--code-text:#ccc}body{font-family:helvetica neue,Arial,hiragino kaku gothic pron,hiragino sans,Meiryo,sans-serif;line-height:1.6;color:var(--text-color);margin:0;padding:0;background-color:var(--bg-color);transition:background-color .3s,color .3s}.abr{display:inline-block}header{background-color:var(--header-bg);color:var(--header-text);padding:10px 0;text-align:center;position:relative}header h1,header p.site-title{margin:0}header a{color:var(--header-text);text-decoration:none}#theme-toggle{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:0 0;border:none;cursor:pointer;font-size:1.2rem;color:var(--header-text)}.home-header{padding:40px 0}.home-header h1{font-size:2.5em}.compact-header{padding:10px 0}.compact-header .site-title{font-size:1.5em;font-weight:700}.page-header{background-color:initial;color:var(--text-color);padding:0;text-align:left}main{max-width:800px;margin:20px auto;padding:0 20px;background-color:var(--card-bg);padding:40px;box-shadow:0 0 10px rgba(0,0,0,.1);min-height:50vh}footer{text-align:center;padding:20px 0;background-color:var(--border-color);color:#666;margin-top:40px}.home-container{padding:0}.hero{text-align:center;margin-bottom:50px;padding-bottom:30px;border-bottom:1px solid var(--border-color)}.hero-title{font-size:2.2em;margin-bottom:10px;color:var(--text-color)}.hero-subtitle{font-size:1.2em;color:#7f8c8d;margin-bottom:15px;font-weight:700}.hero-description{color:var(--text-color);opacity:.8;max-width:600px;margin:0 auto}.section-title{font-size:1.5em;border-bottom:2px solid var(--header-bg);padding-bottom:10px;margin-bottom:10px;margin-top:40px;color:var(--text-color)}.section-description{color:var(--text-color);opacity:.7;margin-bottom:20px}.basic-course{background-color:var(--bg-color);border:1px solid var(--border-color);padding:20px;border-radius:8px;margin-bottom:40px}.post-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.post-card{background:var(--card-bg);border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,5%);transition:transform .2s,box-shadow .2s;overflow:hidden;display:flex;flex-direction:column;height:100%}.post-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.post-card a{text-decoration:none;color:var(--text-color);display:flex;flex-direction:column;height:100%}.post-card .card-thumb{height:160px;overflow:hidden;background-color:#eee}.post-card .card-thumb img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s;display:block}.post-card .card-thumb .no-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:.9em}.post-card:hover .card-thumb img{transform:scale(1.05)}.post-card .card-content{padding:15px;flex-grow:1;display:flex;flex-direction:column}.post-card .post-title{margin:0;font-size:1.1em;line-height:1.4;margin-bottom:5px}.post-card .post-summary{margin:0;font-size:.9em;color:#666;line-height:1.4}.basic-card{border-top:4px solid #3498db}.deployment-card{border-top:4px solid #2ecc71}.column-card{border-top:4px solid #e67e22}.column-date{font-size:.85em;color:#888;margin-top:8px;text-align:right}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.category-box{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:20px}.category-title{margin-top:0;border-bottom:1px solid var(--border-color);padding-bottom:10px;margin-bottom:15px;color:#e67e22}.category-desc{font-size:.9em;color:var(--text-color);opacity:.7;margin-bottom:15px;line-height:1.4;min-height:2.8em}.category-post-list{list-style:none;padding:0;margin:0}.category-post-list li{margin-bottom:10px}.category-post-list .cookbook-link{display:flex;align-items:center;text-decoration:none;color:var(--text-color);padding:8px;border-radius:4px;transition:background-color .2s;border:1px solid transparent}.category-post-list .cookbook-link:hover{background-color:rgba(0,0,0,3%);border-color:var(--border-color)}.category-post-list .cookbook-thumb{width:60px;height:60px;margin-right:15px;flex-shrink:0;border-radius:4px;overflow:hidden;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center}.category-post-list .cookbook-thumb img{width:100%;height:100%;object-fit:cover;display:block}.category-post-list .cookbook-thumb .no-img-icon{font-size:1.5em}.category-post-list .cookbook-title{font-size:.95em;line-height:1.3;color:var(--link-color);transition:color .2s}.category-post-list .cookbook-link:hover .cookbook-title{color:#0056b3;text-decoration:underline}@media(max-width:600px){.home-header h1{font-size:1.8em}.hero-title{font-size:1.8em}.category-grid{grid-template-columns:1fr}}h1{font-size:2em;margin-bottom:.5em;color:var(--text-color)}article h1{font-size:2.4em;border-bottom:4px solid var(--text-color);padding-bottom:15px;margin-bottom:25px;font-weight:700;letter-spacing:.02em}h2{font-size:1.5em;margin-top:1.5em;margin-bottom:.5em;border-bottom:1px solid var(--border-color);padding-bottom:.3em;color:var(--text-color)}h3{font-size:1.25em;margin-top:1.2em;margin-bottom:.5em;color:var(--text-color)}h4{font-size:1.1em;margin-top:1.2em;margin-bottom:.5em;font-weight:700;color:var(--text-color)}a{color:var(--link-color)}ul,ol{margin-bottom:1em;padding-left:2em;color:var(--text-color)}li{margin-bottom:.5em}img{max-width:100%;height:auto}.featured-image img{display:block;margin-bottom:16px;width:100%;height:auto;border-radius:4px}blockquote{border-left:4px solid #ccc;margin:1.5em 10px;padding:.5em 10px;color:var(--text-color);opacity:.8;background-color:var(--bg-color)}pre{background-color:var(--code-bg);color:var(--code-text);padding:15px;border-radius:5px;overflow-x:auto;margin-bottom:1.5em}code{font-family:Consolas,Monaco,andale mono,ubuntu mono,monospace;font-size:.9em}.meta{text-align:right;margin-bottom:20px;color:#888;font-family:monospace}.meta time::before{content:"";display:inline-block;width:14px;height:14px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23888" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>');background-repeat:no-repeat;background-position:50%;margin-right:6px;vertical-align:text-bottom}.content h2{background-color:#f0f0f0;color:#333;padding:10px 15px;border-radius:4px;border-left:8px solid var(--header-bg);margin-top:2.5em;margin-bottom:1.5em;border-bottom:none;font-size:1.6em}.content h3{border-left:6px solid var(--header-bg);border-bottom:1px solid var(--border-color);padding-left:12px;padding-bottom:5px;margin-top:2em;margin-bottom:1em;font-size:1.4em}.content h4{margin-top:1.5em;margin-bottom:1em;font-weight:700;position:relative;padding-left:15px}.content h4::before{content:"■";font-size:.6em;position:absolute;left:0;top:50%;transform:translateY(-50%);color:var(--header-bg)}.breadcrumbs{font-size:.9em;color:var(--text-color);opacity:.6;margin-bottom:20px;margin-top:80px;padding-top:16px;border-top:1px solid #eee;overflow-x:auto;white-space:nowrap}.breadcrumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:nowrap}.breadcrumbs li{display:inline-flex;align-items:center}.breadcrumbs .divider{margin:0 8px;color:#ccc}.breadcrumbs a{color:var(--text-color);text-decoration:none}.breadcrumbs a:hover{color:var(--link-color)}.page-header .breadcrumbs,main>.breadcrumbs:first-child{margin-top:0;padding-top:0;border-top:none;margin-bottom:20px;opacity:.8}.pagination{list-style:none;padding:0;display:flex;justify-content:center;margin-top:40px}.pagination li{margin:0 5px}.pagination a{display:block;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);background-color:var(--card-bg)}.pagination a.active{background-color:var(--header-bg);color:var(--header-text);border-color:var(--header-bg)}#TableOfContents{background-color:#f8f9fa;padding:20px 25px;border:1px solid #eee;border-radius:8px;margin-bottom:40px;font-size:.95rem}#TableOfContents::before{content:"目次";font-weight:700;font-size:1.1em;display:block;margin-bottom:15px;color:var(--text-color);border-bottom:2px solid #eee;padding-bottom:5px}#TableOfContents ul{padding-left:20px;margin-bottom:0;list-style-type:disc}#TableOfContents li{margin-bottom:8px;color:#666}#TableOfContents a{color:#555;text-decoration:none;transition:color .2s}#TableOfContents a:hover{color:var(--link-color);text-decoration:underline}[data-theme=dark] #TableOfContents{background-color:#252525;border-color:#444}[data-theme=dark] #TableOfContents::before{border-bottom-color:#444}.related-content h3{font-size:1.3em;margin-bottom:20px}.related-content ul{padding-left:0;list-style:none}.related-content li{margin-bottom:15px}.related-link{display:flex;align-items:center;text-decoration:none;padding:10px;border-radius:5px;background-color:var(--card-bg);border:1px solid var(--border-color);transition:all .2s}.related-link:hover{border-color:var(--link-color);box-shadow:0 2px 5px rgba(0,0,0,5%);text-decoration:none;transform:translateY(-2px)}.related-link:hover .related-title{color:var(--link-color)}.related-thumb{flex-shrink:0;width:100px;height:auto;margin-right:15px;overflow:hidden;border-radius:4px;border:1px solid var(--border-color)}.related-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.related-link:hover .related-thumb img{transform:scale(1.1)}.related-text{display:flex;flex-direction:column}.related-title{font-weight:700;font-size:1em;line-height:1.4;margin-bottom:4px;transition:color .2s}.related-date{font-size:.85em;color:#888}.post-nav{display:flex;justify-content:space-between;margin-top:50px;flex-wrap:wrap;gap:20px}.nav-prev,.nav-next{flex:1;min-width:250px;max-width:48%}.nav-next{text-align:right;margin-left:auto}.nav-next .nav-link{flex-direction:row-reverse;text-align:right}.nav-next .nav-thumb{margin-right:0;margin-left:15px}.nav-label{display:block;font-size:.85em;color:#888;margin-bottom:5px}.nav-link{display:flex;align-items:center;text-decoration:none;padding:10px;border-radius:5px;border:1px solid var(--border-color);transition:all .2s;background-color:var(--card-bg)}.nav-link:hover{border-color:var(--link-color);box-shadow:0 2px 5px rgba(0,0,0,5%);transform:translateY(-2px)}.nav-link:hover .nav-title{color:var(--link-color)}.nav-thumb{flex-shrink:0;width:60px;height:60px;margin-right:15px;overflow:hidden;border-radius:4px;border:1px solid #eee}.nav-thumb img{width:100%;height:100%;object-fit:cover;display:block}.nav-title{font-weight:700;font-size:.95em;line-height:1.3}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert-title{font-weight:700;display:block;margin-bottom:5px}.alert.info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert.warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert.danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1.5em}table{width:100%;border-collapse:collapse;min-width:500px}th,td{padding:10px;border:1px solid var(--border-color)}th{background-color:var(--header-bg);color:var(--header-text)}