:root{--ink:#17342c;--green:#2d6758;--paper:#f7f8f5;--line:#d8ddd7}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;line-height:1.65}
.tech-wrap{max-width:1050px;margin:auto;padding:32px 20px 64px}.tech-head{margin-bottom:28px}.tech-head>a,.back a{color:var(--green);font-weight:700}
.tech-head h1,.tech-detail h1{line-height:1.15;margin-bottom:8px}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.tech-card{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;text-decoration:none;color:inherit}
.tech-card:hover{transform:translateY(-2px)}.tech-card h2{font-size:1.25rem;margin:0 0 8px}.tech-card span{color:var(--green);font-weight:700}
.tech-detail{background:#fff;border:1px solid var(--line);border-radius:14px;padding:clamp(20px,4vw,42px)}.tagline{font-size:1.15rem}
.tech-detail h2,.species-technique-links h2{margin-top:28px}.pill-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.pill-row a{display:inline-block;padding:7px 11px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--green);font-weight:700;background:#fff}
.reg-note{margin-top:30px;padding:16px;border-left:4px solid var(--green);background:#f2f6f4}.species-technique-links{margin-top:28px}
.tech-diagram{margin:28px 0 34px}
.tech-diagram img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px;background:#fff}
.tech-diagram figcaption{margin-top:8px;color:#66736e;font-size:.86rem;text-align:center}
@media(max-width:640px){.tech-diagram{margin:22px -8px 28px}.tech-diagram img{border-radius:9px}}