.tech-articles-section[data-astro-cid-el3sbq3x]{width:100%;margin:2rem 0}.tech-articles-heading[data-astro-cid-el3sbq3x]{font-size:1.5rem;font-weight:700;color:var(--text-color, #f8fafc);margin-bottom:1.25rem}.tech-articles-grid[data-astro-cid-el3sbq3x]{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.tech-article-card[data-astro-cid-el3sbq3x]{display:flex;flex-direction:column;overflow:hidden;background:#6366f11a;border:1px solid var(--primary);border-radius:10px;text-decoration:none;color:inherit;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;backdrop-filter:blur(8px)}.tech-article-card[data-astro-cid-el3sbq3x]:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:0 10px 20px #0000004d}.tech-article-eyecatch[data-astro-cid-el3sbq3x]{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#0f172acc;position:relative;border:1px solid rgba(99,102,241,.3);border-top-left-radius:9px;border-top-right-radius:9px}.eyecatch-img[data-astro-cid-el3sbq3x]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.tech-article-card[data-astro-cid-el3sbq3x]:hover .eyecatch-img[data-astro-cid-el3sbq3x]{transform:scale(1.05)}.eyecatch-placeholder[data-astro-cid-el3sbq3x]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff}.default-brand-icon[data-astro-cid-el3sbq3x]{height:50%;max-width:50%;object-fit:contain;transition:transform .3s ease}.tech-article-card[data-astro-cid-el3sbq3x]:hover .default-brand-icon[data-astro-cid-el3sbq3x]{transform:scale(1.08)}.tech-article-body[data-astro-cid-el3sbq3x]{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem}.tech-article-header[data-astro-cid-el3sbq3x]{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.source-badge[data-astro-cid-el3sbq3x]{font-size:.75rem;font-weight:700;padding:.2rem .6rem;border-radius:4px;color:#fff;letter-spacing:.02em}.badge-qiita[data-astro-cid-el3sbq3x]{background-color:#55c500}.badge-zenn[data-astro-cid-el3sbq3x]{background-color:#3ea8ff}.badge-note[data-astro-cid-el3sbq3x]{background-color:#2cb696}.tech-article-date[data-astro-cid-el3sbq3x]{font-size:.8rem;color:var(--text-muted, #94a3b8)}.tech-article-title[data-astro-cid-el3sbq3x]{font-size:1rem;font-weight:600;line-height:1.5;color:var(--text-color, #f8fafc);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tech-articles-fallback[data-astro-cid-el3sbq3x]{padding:2rem;text-align:center;background:#1e293b66;border:1px dashed rgba(255,255,255,.2);border-radius:10px;color:var(--text-muted, #94a3b8);font-size:.95rem}@media (max-width: 900px){.tech-articles-grid[data-astro-cid-el3sbq3x]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.tech-articles-grid[data-astro-cid-el3sbq3x]{grid-template-columns:1fr;gap:.75rem}.tech-article-card[data-astro-cid-el3sbq3x]{flex-direction:row;align-items:stretch}.tech-article-eyecatch[data-astro-cid-el3sbq3x]{width:88px;min-width:88px;aspect-ratio:1 / 1;border-radius:10px 0 0 10px;padding:4px}.eyecatch-img[data-astro-cid-el3sbq3x],.eyecatch-placeholder[data-astro-cid-el3sbq3x]{border-radius:6px}.default-brand-icon[data-astro-cid-el3sbq3x]{height:40%;max-width:40%}.tech-article-body[data-astro-cid-el3sbq3x]{padding:.75rem;gap:.4rem;justify-content:center;min-width:0}.tech-article-title[data-astro-cid-el3sbq3x]{font-size:.9rem}.source-badge[data-astro-cid-el3sbq3x]{font-size:.7rem;padding:.15rem .45rem}.tech-article-date[data-astro-cid-el3sbq3x]{font-size:.7rem}}.article-list-wrap[data-astro-cid-mejek24l]{margin-top:1.5rem}.article-grid[data-astro-cid-mejek24l]{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 1024px){.article-grid[data-astro-cid-mejek24l]{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (max-width: 640px){.article-grid[data-astro-cid-mejek24l]{grid-template-columns:1fr;gap:1rem}}.article-card[data-astro-cid-mejek24l]{display:flex;flex-direction:column;background:var(--card-bg, rgba(255, 255, 255, .03));border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 12px);overflow:hidden;text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.article-card[data-astro-cid-mejek24l]:hover{transform:translateY(-3px);border-color:var(--primary, #6366f1);box-shadow:0 8px 24px #6366f126}.article-eyecatch[data-astro-cid-mejek24l]{width:100%;height:160px;overflow:hidden;position:relative;background:#0003}.eyecatch-img[data-astro-cid-mejek24l]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.article-card[data-astro-cid-mejek24l]:hover .eyecatch-img[data-astro-cid-mejek24l]{transform:scale(1.03)}.eyecatch-placeholder[data-astro-cid-mejek24l]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffffff0d,#ffffff05)}.placeholder-tag[data-astro-cid-mejek24l]{font-size:1.25rem;font-weight:800;opacity:.7;letter-spacing:.05em}.article-body[data-astro-cid-mejek24l]{padding:1.25rem;display:flex;flex-direction:column;flex:1;min-width:0}.article-header[data-astro-cid-mejek24l]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.article-tags[data-astro-cid-mejek24l]{display:flex;align-items:center;gap:.5rem}.article-tag[data-astro-cid-mejek24l]{font-size:.75rem;font-weight:600;padding:.2rem .65rem;border-radius:1rem;letter-spacing:.02em;display:inline-flex;align-items:center}.tag-brand-icon[data-astro-cid-mejek24l]{width:14px;height:14px;object-fit:contain;margin-right:.35rem;display:inline-block;vertical-align:middle}.tag-zenn[data-astro-cid-mejek24l],.tag-bg-zenn[data-astro-cid-mejek24l] .placeholder-tag[data-astro-cid-mejek24l]{background:#3ca1ff1f;color:#3ca1ff;border:1px solid rgba(60,161,255,.3)}.tag-qiita[data-astro-cid-mejek24l],.tag-bg-qiita[data-astro-cid-mejek24l] .placeholder-tag[data-astro-cid-mejek24l]{background:#55c5001f;color:#55c500;border:1px solid rgba(85,197,0,.3)}.tag-note[data-astro-cid-mejek24l],.tag-bg-note[data-astro-cid-mejek24l] .placeholder-tag[data-astro-cid-mejek24l]{background:#2cb6961f;color:#2cb696;border:1px solid rgba(44,182,150,.3)}.tag-hatena[data-astro-cid-mejek24l],.tag-bg-hatena[data-astro-cid-mejek24l] .placeholder-tag[data-astro-cid-mejek24l]{background:#00a4de1f;color:#00a4de;border:1px solid rgba(0,164,222,.3)}.tag-microcms[data-astro-cid-mejek24l],.tag-blog[data-astro-cid-mejek24l],.tag-bg-microcms[data-astro-cid-mejek24l] .placeholder-tag[data-astro-cid-mejek24l],.tag-bg-blog[data-astro-cid-mejek24l] .placeholder-tag[data-astro-cid-mejek24l]{background:#6366f11f;color:var(--primary, #818cf8);border:1px solid rgba(99,102,241,.3)}.pub-date[data-astro-cid-mejek24l]{font-size:.78rem;color:var(--text-muted, #94a3b8)}.article-title[data-astro-cid-mejek24l]{font-size:1.05rem;font-weight:700;line-height:1.4;margin-top:.4rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-desc[data-astro-cid-mejek24l]{font-size:.85rem;color:var(--text-muted, #94a3b8);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 640px){.article-card[data-astro-cid-mejek24l]{flex-direction:row;align-items:center;padding:.85rem}.article-eyecatch[data-astro-cid-mejek24l]{width:80px;height:80px;border-radius:8px;flex-shrink:0}.placeholder-tag[data-astro-cid-mejek24l]{font-size:.8rem}.article-body[data-astro-cid-mejek24l]{padding:0 0 0 .85rem}}