.site-main--post{display:block;min-height:0;padding:clamp(10px,2vw,24px) clamp(18px,5vw,72px) clamp(42px,7vw,88px);background:#f8fafc}.site-shell:has(.site-main--post){--bg: #ffffff;--bg-panel: rgba(255, 255, 255, .96);--line: rgba(15, 23, 42, .16);--line-soft: rgba(15, 23, 42, .1);--text: #172033;--text-dim: #5f6d7e;--focus: #2563eb;background:#fff}.site-shell:has(.site-main--post) .site-header,.site-shell:has(.site-main--post) .site-footer{background:#fffffff0;border-color:#0f172a1f;color:#172033}.posts-content{width:100%;max-width:100%}.posts-frame{width:min(800px,100%);margin-inline:auto;display:grid}.posts-block{background:transparent;border:0;padding:0}.posts-list{margin:14px 0 0;display:grid;gap:12px}.post-item{border:1px solid var(--line-soft);background:#ffffffe6;display:grid;grid-template-columns:180px minmax(0,1fr);min-height:110px}.post-item-media{border-right:1px solid var(--line-soft);background:#1118270d}.post-item-media img{display:block;width:100%;height:100%;object-fit:cover}.post-item-body{padding:10px 12px;display:grid;align-content:center;gap:6px}.post-item-time{margin:0;color:var(--text-dim);font-size:12px}.post-item-title{margin:0;font-size:17px;line-height:1.35;color:var(--text);font-family:DM Sans,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Segoe UI,sans-serif;overflow-wrap:break-word;word-break:normal;hyphens:auto}.post-detail-title{max-width:760px;margin:0;padding-left:0;color:#101827;font-family:DM Sans,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Segoe UI,sans-serif;font-size:clamp(24px,3vw,34px);font-weight:650;line-height:1.24;letter-spacing:0;overflow-wrap:break-word;word-break:normal;hyphens:auto}.post-detail-title:before{display:none}.post-hero-card{overflow:hidden;border-radius:6px 6px 0 0;background:#fff;box-shadow:0 12px 28px #0f172a0f}.post-hero-content{display:grid;gap:12px;padding:clamp(22px,4vw,32px) 12px}.post-detail-hero{margin:0;width:100%;max-width:100%;aspect-ratio:1200 / 630;display:grid;place-items:center;background:#f1f3f6;overflow:hidden}.post-detail-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.post-detail-meta{margin:12px 0 0;color:var(--text-dim);font-size:12px}.post-detail-body{margin:24px 0 0;background:#fff;color:var(--text);font-size:16px;line-height:1.63;font-family:DM Sans,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Segoe UI,sans-serif}.post-detail-body h1,.post-detail-body h2,.post-detail-body h3,.post-detail-body h4,.post-detail-body h5,.post-detail-body h6{color:#223a6b;font-weight:600;line-height:1.32;letter-spacing:0}.post-detail-body h2{margin:42px 0 14px;padding:0 0 8px 14px;border-left:2px solid #3b6fd8;border-bottom:1px solid rgba(59,111,216,.18);font-size:24px}.post-detail-body h3{margin:34px 0 12px;padding-left:12px;border-left:2px solid rgba(103,82,180,.65);font-size:20px}.post-detail-body h4,.post-detail-body h5,.post-detail-body h6{margin:26px 0 10px;color:#34445f}.post-detail-body p,.post-detail-body ul,.post-detail-body ol,.post-detail-body pre,.post-detail-body blockquote{margin:0 0 16px}.post-detail-body strong{color:#0f172a;font-weight:600}.post-detail-body ul,.post-detail-body ol{padding-left:1.35em}.post-detail-body li+li{margin-top:5px}.post-detail-body a{color:#1d5fd7;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em;word-break:break-word}.post-detail-body a:hover{color:#123f99}.post-detail-body .app-store-cta{display:inline-block;margin:4px 0 10px;border-radius:8px;line-height:0;outline-offset:4px;text-decoration:none;transition:transform .2s ease,opacity .2s ease}.post-detail-body .app-store-badge-img{display:block;width:auto;height:52px;margin:0;border-radius:6px;pointer-events:none}.post-detail-body .app-store-cta:hover{opacity:.9;transform:translateY(-1px)}.post-detail-body .app-store-cta:active{transform:translateY(0)}@media(prefers-color-scheme:dark){.post-detail-body .app-store-badge-img{box-shadow:0 0 0 1px #ffffff1a}}.post-detail-body .external-link-icon{width:1.05em;height:1.05em;margin-left:.28em;vertical-align:-.12em;opacity:.85}.post-detail-body img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto;object-fit:contain}.post-detail-body p:has(>img):has(>small){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;max-height:600px;margin:24px 0 0;padding:18px;overflow:hidden;box-sizing:border-box;border-radius:6px;background:#f1f3f6;text-align:center}.post-detail-body p:has(>img):has(>small)>img{flex-grow:1;flex-shrink:1;min-height:0;max-width:100%;max-height:100%;width:auto;height:auto;margin:0;object-fit:contain;border-radius:4px}.post-detail-body p:has(>img):has(>small)>img+small{display:inline-block;flex-shrink:0;width:100%;max-width:300px;margin:0;color:#64748b;font-size:.85rem;font-weight:500;line-height:1.45;overflow-wrap:break-word;word-wrap:break-word}.post-detail-body .post-image-frame{display:grid;place-items:center;width:100%;min-height:min(600px,70dvh);max-height:600px;margin:24px 0 8px;padding:18px;border:1px solid rgba(15,23,42,.1);border-radius:10px;background:#f1f3f6;box-shadow:0 16px 34px #0f172a1a;overflow:hidden}.post-detail-body small{display:block;margin:0;color:var(--text-dim);font-size:12px;line-height:1.45;text-align:center}.posts-block--app-guide .post-detail-body img{width:auto}.posts-block--app-guide .post-detail-hero{max-width:100%;margin-bottom:0}.posts-block--app-guide .post-detail-title{font-size:clamp(24px,3vw,34px);line-height:1.24}.posts-block--app-guide .post-detail-title:before{display:none}.posts-block--app-guide{width:100%;background:transparent;border:0;border-radius:0;padding:0}.post-app-kicker{display:flex;flex-wrap:wrap;gap:6px;color:var(--text-dim);font-size:11px;line-height:1.4}.post-app-kicker span{border-radius:999px;padding:3px 8px;background:#2563eb0f;color:#2f5fba}.post-app-description{max-width:800px;margin:0;color:#5f6d7e;font-size:16px;line-height:1.62}.posts-block--app-guide .post-detail-body{width:100%;margin:0;padding:0 12px 24px;font-size:16px;line-height:1.63}.posts-block--app-guide .post-detail-body>p:first-child{margin:0 0 22px;padding:14px 16px;border-left:2px solid #3b6fd8;background:#2563eb0f;color:#23385f;font-weight:500}.posts-block--app-guide .post-detail-body h2{margin:42px 0 14px;padding:0 0 8px 14px;border-top:0;border-left:2px solid #3b6fd8;border-bottom:1px solid rgba(59,111,216,.18);font-size:clamp(22px,3vw,26px)}.posts-block--app-guide .post-detail-body h3{font-size:20px}.posts-block--app-guide .post-detail-body ol,.posts-block--app-guide .post-detail-body ul{padding-left:1.35em}.posts-block--app-guide .post-detail-body ol{display:grid;gap:8px;padding:12px 8px 12px 1.5em}.posts-block--app-guide .post-detail-body li+li{margin-top:6px}.posts-block--app-guide .post-detail-body small{width:100%;margin:0;color:var(--text-dim)}.posts-block--app-guide .post-detail-body blockquote{padding:14px 16px;border-left:2px solid #6752b4;background:#6752b412;color:#332857}.posts-block--app-guide .post-detail-body blockquote>:last-child{margin-bottom:0}.post-detail-body code{font-family:JetBrains Mono,Fira Code,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.88em;letter-spacing:.01em}.post-detail-body :not(pre)>code{background:#0f172ae6;border:1px solid rgba(148,163,184,.18);border-radius:4px;padding:.12em .38em;color:#bfdbfe}.post-detail-body pre{position:relative;padding:46px 0 14px;background:#07111f;border:1px solid rgba(148,163,184,.2);border-radius:10px;overflow-x:auto;box-shadow:0 18px 42px #00000040}.post-detail-body pre code{display:block;font-size:13px;line-height:1.55;color:#d6e4ff}.code-toolbar{position:absolute;inset:0 0 auto;height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 14px;border-bottom:1px solid rgba(148,163,184,.16);color:#8ea3c8;font-family:JetBrains Mono,Fira Code,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:11px;letter-spacing:.04em}.code-copy{border:1px solid rgba(148,163,184,.22);border-radius:6px;background:#0f172adb;color:#cbd5e1;padding:3px 8px;cursor:pointer;font-size:11px}.code-copy:hover{color:#fff;border-color:#93c5fd8c}.code-line{display:block;min-height:1.55em;padding:0 16px 0 56px;white-space:pre}.code-line:before{content:attr(data-line);display:inline-block;width:32px;margin-left:-44px;margin-right:12px;color:#52647f;text-align:right}.post-detail-nav{margin-top:32px;display:flex;gap:10px;justify-content:center}.post-detail-nav a{display:inline-block;min-width:130px;text-align:center;border:1px solid rgba(15,23,42,.12);border-radius:8px;background:#fff;padding:10px 14px;color:#233047;letter-spacing:.05em;font-family:DM Sans,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Segoe UI,sans-serif}.notfound-copy{margin:12px 0 0;color:var(--text-dim);font-size:16px;line-height:1.55}@media(max-width:768px){.site-main--post{padding:10px 6px 42px}.posts-block--app-guide .panel-title{font-size:clamp(23px,7vw,30px)}.post-item{grid-template-columns:1fr}.post-item-media{border-right:0;border-bottom:1px solid var(--line-soft)}}