.tp-hero{padding:24px 0 8px}.tp-hero h1{font-size:26px;line-height:1.45;margin:8px 0 12px;font-weight:800}.tp-lead{font-size:15px;line-height:1.9;color:#333;margin:0 0 18px}.tp-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.tp-meta span{background:#eef7f1;color:#1f7a52;border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:700}.tp-dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:12px;gap:12px;margin:18px 0 8px}.tp-dl a{display:block;text-align:center;border:2px solid #2aa36b;border-radius:12px;padding:14px 8px;text-decoration:none;background:#fff;transition:background .15s}.tp-dl a:hover{background:#f2fbf6}.tp-dl b{display:block;color:#1f7a52;font-size:17px}.tp-dl b span{display:inline-block}.tp-dl i{display:block;font-style:normal;font-size:11.5px;color:#666;margin-top:4px}.tp-dl .tp-size{display:block;font-size:11px;color:#999;margin-top:2px}.tp-dlnote{font-size:12.5px;color:#666;margin:6px 0 22px;text-align:center}.tp-split{display:grid;grid-template-columns:1fr 340px;grid-gap:28px;gap:28px;align-items:start}.tp-shot{border:1px solid #e3e6e4;border-radius:10px;overflow:hidden;background:#fff}.tp-shot img{display:block;width:100%;height:auto}.tp-shot figcaption{font-size:12px;color:#777;padding:8px 10px;border-top:1px solid #eee}.tp-cta{background:#f4faf6;border:1px solid #d8ece1;border-radius:14px;padding:18px;margin:26px 0;text-align:center}.tp-cta h2{font-size:18px;margin:0 0 6px}.tp-cta p{font-size:13.5px;color:#555;margin:0 0 14px;line-height:1.8}.tp-cta .btn{display:inline-block}.tp-feat{display:grid;grid-gap:12px;gap:12px;margin:10px 0 24px}.tp-feat div{border-left:4px solid #2aa36b;background:#fafbfa;padding:12px 14px;border-radius:0 8px 8px 0}.tp-feat h3{font-size:15px;margin:0 0 4px}.tp-feat p{font-size:13.5px;color:#444;margin:0;line-height:1.85}.tp-who{margin:0 0 24px;padding:0 0 0 20px}.tp-who li{font-size:14px;line-height:2}.tp-cards{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px;margin:16px 0 8px}.tp-card{display:flex;gap:12px;border:1px solid #e3e6e4;border-radius:12px;padding:12px;text-decoration:none;color:inherit;background:#fff}.tp-card:hover{border-color:#2aa36b}.tp-card img{width:84px;height:auto;border:1px solid #eee;border-radius:4px;align-self:flex-start}.tp-card b{display:block;font-size:14.5px;margin-bottom:4px}.tp-card span{font-size:12.5px;color:#666;line-height:1.7}.tp-card em{display:inline-block;font-style:normal;font-size:11px;color:#1f7a52;background:#eef7f1;border-radius:4px;padding:2px 6px;margin-top:6px}.tp-catalog-item{border:1px solid #e3e6e4;border-radius:12px;background:#fff;overflow:hidden}.tp-catalog-item .tp-card{border:0;border-radius:0}.tp-catalog-downloads{padding:0 12px 12px}.tp-catalog-downloads p{margin:6px 0;font-size:13px}.tp-catalog-variant{border-top:1px solid #e3e6e4;margin-top:12px;padding-top:12px;font-size:13px}.tp-dl-compact{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px;margin:10px 0 0}.tp-dl-compact a{padding:10px 6px;border-width:1px;border-radius:8px}.tp-dl-compact b{font-size:14px}.tp-format-guide{display:grid;grid-gap:12px;gap:12px;margin:16px 0 26px}.tp-format-guide div{border-left:3px solid #2aa36b;padding:4px 14px}.tp-format-guide dt{font-weight:700;margin-bottom:6px}.tp-format-guide dd{margin:0;font-size:14px;line-height:1.85}.tp-variant{scroll-margin-top:24px;border-top:1px solid #d8ece1;margin-top:28px;padding-top:8px}.tp-variant-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px;max-width:780px}.tp-variant-preview figure{margin:0}.tp-variant-preview img{width:100%;height:auto;border:1px solid #e3e6e4}.tp-variant-preview figcaption{font-size:12px;color:#666}.tp-card:focus-visible,.tp-catalog-variant a:focus-visible,.tp-dl a:focus-visible{outline:3px solid #174f9c;outline-offset:3px}.tp-shot a:focus-visible,.tp-variant-preview a:focus-visible{display:block;outline:3px solid #174f9c;outline-offset:-3px}@media (max-width:860px){.tp-split{grid-template-columns:1fr}.tp-shot{max-width:420px;margin:0 auto}.tp-cards{grid-template-columns:1fr}.tp-hero h1{font-size:21px}.tp-dl{grid-template-columns:1fr;gap:10px}.tp-dl-compact{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px}}.kk-links{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 24px}.kk-links a{display:inline-block;border:1px solid #dfeae3;background:#f7faf8;border-radius:999px;padding:8px 14px;font-size:13px;text-decoration:none;color:#1f7a52}.kk-links a:hover{background:#eef7f1}