
:root{--tnl:#0d766e;--tnl2:#075c56;--ink:#17312f;--muted:#59716f;--soft:#eff9f7;--line:#dbe9e7;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.tnlv3-body{margin:0;background:#f9fcfb;color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.68}
.tnlv3-site a{color:var(--tnl);text-decoration:none}.tnlv3-site a:hover{text-decoration:underline}
.tnlv3-container{width:min(1160px,92%);margin:0 auto}
.tnlv3-topbar{background:#0b4743;color:#fff;font-size:.9rem;padding:.48rem 0}
.tnlv3-topbar .tnlv3-container{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.tnlv3-topbar a{color:#fff}
.tnlv3-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(9px);border-bottom:1px solid var(--line)}
.tnlv3-nav{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:76px}
.tnlv3-brand{display:flex;align-items:center;gap:.75rem;color:var(--ink)!important;font-weight:850;text-decoration:none!important}
.tnlv3-brand small{display:block;color:var(--muted);font-size:.74rem;font-weight:650}
.tnlv3-logo{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#dff4ef;color:var(--tnl);font-size:1.45rem}
.tnlv3-nav nav{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.tnlv3-nav nav a{color:var(--ink);font-weight:700;font-size:.94rem}
.tnlv3-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:.4rem;background:var(--tnl)!important;color:#fff!important;border:1px solid var(--tnl)!important;padding:.82rem 1.1rem!important;border-radius:999px!important;font-weight:800!important;text-decoration:none!important;box-shadow:0 7px 18px rgba(13,118,110,.16)}
.tnlv3-btn:hover{background:var(--tnl2)!important}
.tnlv3-btn-outline{background:#fff!important;color:var(--tnl)!important;box-shadow:none}
.tnlv3-btn-light{background:#fff!important;color:var(--tnl)!important;border-color:#fff!important}
.tnlv3-breadcrumbs{display:flex;gap:.5rem;padding-top:18px;color:var(--muted);font-size:.88rem}.tnlv3-breadcrumbs a{color:var(--muted)}
.tnlv3-hero{padding:62px 0 54px;background:linear-gradient(135deg,#edf9f6 0%,#fff 58%,#e5f5f1 100%)}
.tnlv3-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center}
.tnlv3-eyebrow,.tnlv3-kicker{display:inline-block;font-weight:850;color:var(--tnl2);letter-spacing:.02em}
.tnlv3-eyebrow{background:#dff4ef;padding:.35rem .72rem;border-radius:999px;font-size:.83rem}
.tnlv3-site h1{font-size:clamp(2.35rem,5vw,4.5rem);line-height:1.02;letter-spacing:-.045em;margin:.9rem 0 1.05rem}
.tnlv3-site h2{font-size:clamp(1.55rem,3vw,2.4rem);line-height:1.16;letter-spacing:-.02em;color:var(--ink)}
.tnlv3-site h3{line-height:1.25;color:var(--ink)}
.tnlv3-lead{font-size:1.16rem;line-height:1.72;color:var(--muted);max-width:780px}
.tnlv3-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.45rem}
.tnlv3-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px;box-shadow:0 14px 36px rgba(10,70,66,.08)}
.tnlv3-doctor-card{text-align:left}.tnlv3-medical-mark{width:88px;height:88px;display:grid;place-items:center;border-radius:50%;background:#dff4ef;color:var(--tnl);font-size:2.5rem;font-weight:900;margin-bottom:1rem}
.tnlv3-section{padding:62px 0}.tnlv3-soft{background:var(--soft)}
.tnlv3-section-intro,.tnlv3-card p,.tnlv3-prose p,.tnlv3-faq p{color:var(--muted)}
.tnlv3-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}
.tnlv3-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#dff4ef;font-size:1.25rem}
.tnlv3-card h3{margin:.8rem 0 .45rem}.tnlv3-card a{font-weight:800}
.tnlv3-prose{max-width:900px}.tnlv3-prose h2{margin-top:2.2rem}.tnlv3-prose p{font-size:1.03rem}
.tnlv3-callout{margin-top:28px;padding:18px 20px;border-left:5px solid var(--tnl);background:#edf8f5;border-radius:0 16px 16px 0}
.tnlv3-related{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}
.tnlv3-related-link{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;font-weight:800}
.tnlv3-faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:10px 0}.tnlv3-faq summary{font-weight:850;cursor:pointer}
.tnlv3-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:36px;border-radius:28px;background:linear-gradient(120deg,#0a4944,#0d766e);color:#fff}
.tnlv3-cta h2{color:#fff;margin:.25rem 0}.tnlv3-cta p{color:#dbeeed;max-width:760px}.tnlv3-kicker-light{font-size:.82rem;font-weight:850;color:#d8f4ee;letter-spacing:.03em}
.tnlv3-footer{background:#102e2c;color:#dfecea;padding:46px 0 22px;margin-top:36px}.tnlv3-footer a{color:#fff}.tnlv3-footer-grid{display:grid;grid-template-columns:1.2fr .9fr .8fr;gap:30px}.tnlv3-footer h3{color:#fff}.tnlv3-footer-note{border-top:1px solid rgba(255,255,255,.13);margin-top:28px;padding-top:18px;color:#a8c3c0;font-size:.85rem}
.tnlv3-wa-float{position:fixed;right:20px;bottom:20px;z-index:1000;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#0d766e;color:#fff!important;font-size:1.55rem;text-decoration:none!important;box-shadow:0 12px 30px rgba(0,0,0,.22)}
@media(max-width:1020px){.tnlv3-grid{grid-template-columns:repeat(2,1fr)}.tnlv3-nav nav{display:none}}
@media(max-width:850px){.tnlv3-hero-grid,.tnlv3-footer-grid{grid-template-columns:1fr}.tnlv3-hero{padding-top:42px}.tnlv3-site h1{font-size:2.6rem}.tnlv3-cta{flex-direction:column;align-items:flex-start}.tnlv3-nav-cta{display:none!important}}
@media(max-width:620px){.tnlv3-grid,.tnlv3-related{grid-template-columns:1fr}}
