.blog-index{max-width:860px;margin:0 auto;padding:clamp(3.5rem,8vw,6rem) 24px 6rem}.blog-index-head{margin-bottom:3.5rem}.blog-index-head h1{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);margin-top:.8rem;font-size:clamp(2rem,5vw,3.2rem);font-weight:600;line-height:1.1}.blog-index-lead{color:var(--ink-soft);max-width:36em;margin-top:1.2rem;font-size:1.05rem;line-height:1.7}.post-list{list-style:none}.post-list li{border-top:1px solid var(--line)}.post-list li:last-child{border-bottom:1px solid var(--line)}.post-list a{border-radius:10px;grid-template-columns:.8fr 1.2fr;align-items:baseline;gap:.4rem 2rem;padding:1.8rem .4rem;transition:padding-left .2s,background .2s;display:grid}.post-list a:hover{background:var(--bg-soft);padding-left:1rem}.post-pair{font-family:var(--font-display);color:var(--ink);font-size:1.1rem;font-weight:600}.post-pair .x,.combo-pair .x{color:var(--accent)}.post-title{color:var(--ink);grid-area:1/2;font-weight:600}.post-desc{color:var(--ink-soft);grid-area:2/2;font-size:.92rem}.blog-empty{color:var(--ink-faint)}.post{max-width:720px;margin:0 auto;padding:clamp(3rem,6vw,5rem) 24px 5rem}.post-breadcrumb{color:var(--ink-faint);margin-bottom:1.8rem;font-size:.85rem}.post-breadcrumb a:hover{color:var(--accent)}.post-breadcrumb span{margin:0 .4em}.post-h1{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);font-size:clamp(1.9rem,4.6vw,3rem);font-weight:600;line-height:1.1}.post-sub{color:var(--ink-soft);margin-top:1rem;font-size:1.1rem;line-height:1.65}.post-body{margin-top:2.8rem;font-size:1.05rem;line-height:1.85}.post-body h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:3rem 0 1rem;font-size:1.5rem;font-weight:600}.post-body h3{color:var(--ink);margin:2.2rem 0 .8rem;font-size:1.15rem;font-weight:600}.post-body p{color:var(--ink-soft);margin-bottom:1.3rem}.post-body ul,.post-body ol{color:var(--ink-soft);margin:0 0 1.4rem 1.4rem}.post-body li{margin-bottom:.5rem}.post-body a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.post-body strong{color:var(--ink);font-weight:600}.post-body blockquote{border-left:3px solid var(--accent);color:var(--ink-soft);margin:1.8rem 0;padding-left:1.2rem;font-style:italic}.post-body code{background:var(--surface);color:var(--ink);border-radius:5px;padding:.15rem .4rem;font-size:.9em}.post-body pre{background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;margin-bottom:1.6rem;padding:1.2rem 1.4rem;overflow-x:auto}.post-body pre code{background:0 0;padding:0}.post-cta{border:1px solid var(--line);background:linear-gradient(135deg, var(--bg-soft) 0%, #071523 100%);border-radius:20px;margin-top:4rem;padding:2.2rem 2.4rem}.post-cta h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin-bottom:.6rem;font-size:1.4rem;font-weight:600}.post-cta p{color:var(--ink-soft);margin-bottom:1.4rem;font-size:.97rem}.appstore-btn{color:#fff;background:#000;border-radius:16px;align-items:center;gap:14px;padding:12px 20px 12px 14px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 20px #00000059}.appstore-btn:hover{transform:scale(1.03);box-shadow:0 8px 32px #00000080}.appstore-btn-icon{border-radius:10px;flex-shrink:0}.appstore-btn-text{flex-direction:column;gap:1px;line-height:1.2;display:flex}.appstore-btn-sub{color:#ffffffbf;letter-spacing:.01em;font-size:.68rem;font-weight:400}.appstore-btn-name{letter-spacing:-.02em;color:#fff;font-size:1.15rem;font-weight:700}.appstore-btn-platform{color:#ffffff80;letter-spacing:.02em;font-size:.65rem}.blog-search-wrap{align-items:center;gap:12px;margin-bottom:2.4rem;display:flex}.blog-search{border:1px solid var(--line);background:var(--bg-soft);max-width:360px;color:var(--ink);border-radius:10px;outline:none;flex:1;padding:.6rem 1rem;font-size:.95rem;transition:border-color .2s}.blog-search:focus{border-color:var(--accent)}.blog-search-count{color:var(--ink-faint);font-size:.85rem}.post-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;list-style:none;display:grid}.post-card{border:1px solid var(--line);background:var(--bg-soft);border-radius:16px;flex-direction:column;gap:8px;padding:18px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.post-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0000002e}.post-card-icons{align-items:center;gap:6px;margin-bottom:4px;display:flex}.app-icon{object-fit:cover;border-radius:12px;width:52px;height:52px}.app-icon-fallback{background:var(--accent);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.4rem;font-weight:700;display:flex}.icon-x{color:var(--ink-faint);font-size:1.1rem;line-height:1}.post-card-pair{color:var(--accent);letter-spacing:.01em;text-transform:uppercase;font-size:.78rem;font-weight:600}.post-card-title{color:var(--ink);font-size:.95rem;font-weight:600;line-height:1.3}.post-card-desc{color:var(--ink-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.55;display:-webkit-box;overflow:hidden}@media (max-width:640px){.post-list a{grid-template-columns:1fr;gap:.3rem}.post-title,.post-desc{grid-column:1}.post-cta{padding:1.6rem}.post-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}}