/* Article collection additions, scoped to the existing LP design. */
#techst-stylish-v3 .guide-directory{padding:48px 56px 64px}
#techst-stylish-v3 .guide-hero{background:linear-gradient(130deg,#edf7f3,#fff 75%);padding:48px 56px 40px;border-bottom:1px solid var(--ts-rule)}
#techst-stylish-v3 .guide-hero h1{font-size:clamp(32px,4.8vw,48px);line-height:1.55;max-width:18em;margin:18px 0 24px}
#techst-stylish-v3 .guide-hero>p:not(.ts-kicker){max-width:48em;font-size:16px;line-height:1.95}
#techst-stylish-v3 .guide-count{display:inline-block;font:700 13px/1.6 Arial,sans-serif;color:var(--ts-accent);margin-top:24px;letter-spacing:.12em}
#techst-stylish-v3 .guide-filter{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 0}
#techst-stylish-v3 .guide-filter a{padding:10px 16px;border:1px solid var(--ts-rule);border-radius:32px;background:#fff;font-size:14px;min-height:44px}
#techst-stylish-v3 .guide-filter a:hover{background:var(--ts-ink);color:#fff}
#techst-stylish-v3 .guide-group{scroll-margin-top:24px;margin-bottom:48px}
#techst-stylish-v3 .guide-group:last-child{margin-bottom:0}
#techst-stylish-v3 .guide-group-heading{display:flex;gap:18px;align-items:baseline;flex-wrap:wrap;border-bottom:1px solid var(--ts-rule);padding-bottom:18px;margin-bottom:24px}
#techst-stylish-v3 .guide-group-heading h2{font-size:26px}
#techst-stylish-v3 .guide-group-heading p{font-size:14px;color:var(--ts-muted)}
#techst-stylish-v3 .guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#techst-stylish-v3 .guide-card{border:1px solid var(--ts-rule);border-radius:14px;padding:26px;display:flex;flex-direction:column;gap:16px;min-width:0;background:#fff;transition:background .15s,border-color .15s}
#techst-stylish-v3 .guide-card:hover{background:#f5faf7;border-color:#7da99a}
#techst-stylish-v3 .guide-card h3{font-size:20px;line-height:1.7;text-wrap:balance}
#techst-stylish-v3 .guide-card:hover h3{text-decoration:underline;text-underline-offset:5px}
#techst-stylish-v3 .guide-card>p{font-size:14px;line-height:1.9}
#techst-stylish-v3 .guide-card-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--ts-accent)}
#techst-stylish-v3 .guide-card-top b{font:600 20px/1.4 Arial,sans-serif}
#techst-stylish-v3 .guide-card-bottom{border-top:1px solid var(--ts-rule);padding-top:14px;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:13px;color:var(--ts-accent)}
#techst-stylish-v3 .guide-takeaway{background:var(--ts-mint);border-left:3px solid var(--ts-accent);margin-top:28px;padding:16px 20px}
#techst-stylish-v3 .guide-takeaway span{font-size:12px;font-weight:700;color:var(--ts-accent)}
#techst-stylish-v3 .guide-takeaway p{font-size:15px;margin-top:6px;font-weight:600}
#techst-stylish-v3 .guide-all-link{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid var(--ts-rule);border-radius:10px;padding:20px 24px;font-weight:700;color:var(--ts-accent)}
#techst-stylish-v3 .guide-all-link:hover{text-decoration:underline;text-underline-offset:5px}
#techst-stylish-v3 .story-body .guide-table-wrap{overflow-x:auto;max-width:100%;margin:28px 0 32px;border:1px solid var(--ts-rule);border-radius:10px;background:#fff}
#techst-stylish-v3 .story-body table{border-collapse:collapse;table-layout:auto;min-width:510px;width:100%;font-size:14px;line-height:1.85;text-align:left}
#techst-stylish-v3 .story-body th,#techst-stylish-v3 .story-body td{padding:14px 16px;border-bottom:1px solid var(--ts-rule);vertical-align:top}
#techst-stylish-v3 .story-body thead th{background:var(--ts-mint);color:var(--ts-ink)}
#techst-stylish-v3 .story-body caption{padding:14px 16px;font-size:13px;text-align:left;color:var(--ts-muted);background:#f7faf8;border-bottom:1px solid var(--ts-rule)}
#techst-stylish-v3 .story-body tr:last-child td{border-bottom:0}
#techst-stylish-v3 .story-body pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;margin:26px 0 30px;padding:24px;border-radius:10px;background:#f2f7f4;border:1px solid var(--ts-rule);font-size:14px;line-height:1.95}
#techst-stylish-v3 .story-body pre code{font-family:inherit;color:var(--ts-ink)}
#techst-stylish-v3 .story-body h2{font-size:24px}
#techst-stylish-v3 .story-byline a{text-decoration:underline;text-underline-offset:4px}
#techst-stylish-v3 .story-toc li>a{display:block;min-height:44px;padding:8px 0}
#techst-stylish-v3 .story-editor-note{font-size:12px;line-height:1.9;color:var(--ts-muted);margin-top:9px}
#techst-stylish-v3 .guide-next{margin:0 56px 56px;padding:30px;border:1px solid var(--ts-rule);border-radius:14px;background:var(--ts-mint)}
#techst-stylish-v3 .guide-next h2{font-size:25px;margin-bottom:12px}
#techst-stylish-v3 .guide-next p{margin-bottom:20px;font-size:15px}
@media(max-width:850px){#techst-stylish-v3 .guide-hero,#techst-stylish-v3 .guide-directory{padding:32px 28px}#techst-stylish-v3 .guide-next{margin:0 28px 40px}#techst-stylish-v3 .guide-cards{gap:16px}#techst-stylish-v3 .guide-card{padding:22px}}
@media(max-width:650px){#techst-stylish-v3 .guide-hero,#techst-stylish-v3 .guide-directory{padding:28px 22px}#techst-stylish-v3 .guide-hero h1{font-size:28px}#techst-stylish-v3 .guide-cards{grid-template-columns:1fr}#techst-stylish-v3 .guide-group-heading h2{font-size:24px}#techst-stylish-v3 .guide-group-heading{gap:6px}#techst-stylish-v3 .guide-card h3{font-size:20px}#techst-stylish-v3 .guide-filter{gap:8px}#techst-stylish-v3 .guide-filter a{font-size:13px;padding:9px 13px}#techst-stylish-v3 .story-body .guide-table-wrap:after{content:'表は横にスクロールできます';display:block;font-size:12px;color:var(--ts-muted);padding:8px 16px;border-top:1px solid var(--ts-rule)}#techst-stylish-v3 .story-body pre{padding:18px;font-size:13px}#techst-stylish-v3 .story-body h2{font-size:22px}#techst-stylish-v3 .guide-next{margin:0 22px 36px;padding:24px}#techst-stylish-v3 .guide-all-link{font-size:14px;padding:18px;align-items:flex-start}}