:root{--a:#d52259;--btn:#d52259;--ink:#1b1d24;--paper:#ffffff;--soft:#f5f3f7;--line:rgba(0,0,0,.1);--muted:#5d6170}
@media (prefers-color-scheme:dark){:root{--a:#ff5c8a;--ink:#eceef3;--paper:#14151a;--soft:#1e2027;--line:rgba(255,255,255,.12);--muted:#a3a7b5}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.65 system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;color:var(--ink);background:var(--paper)}
a{color:var(--a)}img{max-width:100%;height:auto}
.tz-wrap{max-width:1160px;margin:0 auto;padding:0 16px}
.tz-skip{position:absolute;top:8px;inset-inline-start:8px;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tz-skip:focus{width:auto;height:auto;clip-path:none;background:var(--paper);padding:8px;z-index:30}
.tz-head{border-bottom:1px solid var(--line);background:var(--paper)}
@media (min-width:960px){.tz-head{position:sticky;top:0;z-index:5}}
.tz-head-in{display:flex;align-items:center;gap:8px 16px;min-height:56px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.tz-logo{font-weight:800;font-size:1.15rem;color:var(--ink);text-decoration:none;margin-inline-end:auto}
.tz-head .tz-btn{padding:9px 16px;font-size:.92rem;box-shadow:none}.tz-head .tz-btn:after,[dir=rtl] .tz-head .tz-btn:after{content:none}
.tz-nav{order:3;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (min-width:960px){.tz-nav{order:0;width:auto}}
.tz-nav ul{display:flex;gap:16px;list-style:none;margin:0;padding:0;white-space:nowrap}
.tz-nav a{color:var(--ink);text-decoration:none;font-size:.95rem}.tz-nav a:hover{color:var(--a)}
.tz-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--btn);color:#fff;font-weight:800;font-size:1.05rem;text-decoration:none;text-align:center;padding:14px 26px;border-radius:999px;line-height:1.2;box-shadow:0 8px 18px -8px var(--btn);transition:transform .15s,filter .15s}
.tz-btn:after{content:"→";font-weight:700}[dir=rtl] .tz-btn:after{content:"←"}
.tz-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.tz-btn:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
@media (max-width:639px){.tz-cta .tz-btn,.tz-topcta .tz-btn,.tz-review .tz-btn,.tz-score .tz-btn,.tz-pick .tz-btn{display:flex;width:100%}}
.tz-main{display:grid;gap:40px;padding-top:24px;padding-bottom:48px}
@media (min-width:960px){.tz-has-side{grid-template-columns:minmax(0,1fr) 300px}}
.tz-article{min-width:0;max-width:760px}
.tz-article h1{font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.2;margin:.3em 0}
.tz-article h2{font-size:1.5rem;line-height:1.3;margin:1.8em 0 .5em;scroll-margin-top:80px}
.tz-article h3{font-size:1.15rem;margin:1.4em 0 .4em}
.tz-lead{font-size:1.1rem;color:var(--muted)}@media (max-width:639px){.tz-lead{font-size:1.02rem}}
.tz-hero{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:14px;margin:16px 0;background:var(--soft)}
.tz-fig{margin:24px 0}.tz-fig img{width:100%;height:auto;border-radius:12px}.tz-fig figcaption{color:var(--muted);font-size:.9rem;margin-top:6px}
.tz-meta{color:var(--muted);font-size:.9rem;margin:0}
.tz-crumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px;font-size:.85rem;color:var(--muted)}
.tz-crumbs li+li:before{content:"›";margin-right:6px}
.tz-toc{background:var(--soft);border-radius:12px;padding:0 18px;margin:20px 0}
.tz-toc summary{cursor:pointer;font-weight:700;padding:12px 0}.tz-toc ol{margin:0 0 14px}
.tz-tip{border-left:4px solid var(--a);background:var(--soft);padding:4px 16px;margin:20px 0;border-radius:0 8px 8px 0}
.tz-cta,.tz-pick,.tz-review{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:24px 0}
.tz-cta,.tz-pick{border:2px solid var(--a)}
.tz-t-home .tz-hero{aspect-ratio:1200/420}
.tz-score{display:grid;grid-template-columns:auto 1fr;gap:12px 16px;align-items:center;background:var(--soft);border:2px solid var(--a);border-radius:16px;padding:16px 18px;margin:16px 0}
.tz-score-num{margin:0;width:78px;height:78px;border-radius:50%;background:var(--btn);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.tz-score-num strong{font-size:1.75rem}.tz-score-num span{font-size:.8rem;opacity:.9}
.tz-score-name{font-weight:800;font-size:1.3rem;margin:0;line-height:1.25}.tz-score .tz-rating{margin:2px 0;font-size:.95rem}
.tz-score-text{margin:4px 0 0;color:var(--muted);font-size:.95rem;line-height:1.45}
.tz-score .tz-btn{grid-column:1/-1}
@media (min-width:720px){.tz-score{grid-template-columns:auto 1fr auto}.tz-score .tz-btn{grid-column:auto}}
.tz-top{margin:24px 0}.tz-top-title{font-weight:800;font-size:1.3rem;margin:0 0 12px}
.tz-top ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.tz-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;align-items:start;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.tz-card:first-child{border:2px solid var(--a);background:var(--soft)}
.tz-rank{width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;font-weight:800;align-self:start}
.tz-card:first-child .tz-rank{background:var(--btn);color:#fff}
.tz-card-name{font-weight:800;font-size:1.18rem;margin:0;line-height:1.3}.tz-card-name a{color:var(--ink);text-decoration:none}
.tz-badge{display:inline-block;vertical-align:middle;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--btn);color:#fff;border-radius:999px;padding:3px 9px}
.tz-card .tz-rating{margin:2px 0 4px;font-size:.95rem}
.tz-card-text{margin:0;color:var(--muted);font-size:.95rem;line-height:1.45}
.tz-card-pros{list-style:none;padding:0;margin:8px 0 0;font-size:.93rem;line-height:1.45}.tz-card-pros li{margin:3px 0}
.tz-card-pros li{position:relative;padding-inline-start:22px}.tz-card-pros li:before{content:"✓";color:var(--a);font-weight:800;position:absolute;inset-inline-start:0}
@media (max-width:639px){.tz-card-pros li:nth-child(n+3){display:none}.tz-card{padding:14px}}
.tz-card-cta{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;margin-top:8px;text-align:center}
.tz-card-cta .tz-btn{flex:1 1 100%}.tz-card-link{font-size:.9rem}
@media (min-width:720px){.tz-card{grid-template-columns:auto minmax(0,1fr) 230px;align-items:center}.tz-card-cta{grid-column:auto;margin-top:0}}
.tz-top-sm .tz-card{padding:12px 14px}
.tz-bar{display:none}
@media (max-width:959px){.tz-with-bar{padding-bottom:84px}
.tz-bar{display:flex;align-items:center;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -8px 20px rgba(0,0,0,.12);padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
.tz-bar p{margin:0;flex:1;min-width:0;line-height:1.25;font-size:.95rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tz-bar p>span{display:block;color:var(--muted);font-size:.85rem}
.tz-bar .tz-btn{flex:none;max-width:64%;padding:12px 18px;font-size:1rem}}
.tz-star{color:#f5a623}
.tz-cta-title,.tz-pick-name{font-weight:800;font-size:1.15rem;margin:.2em 0}
.tz-pick-label{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--muted);margin:0}
.tz-side{position:relative}@media (min-width:960px){.tz-side .tz-pick{position:sticky;top:84px;margin-top:0}}
.tz-topcta{margin:16px 0}
.tz-table{overflow-x:auto;margin:20px 0}
.tz-table table,.tz-facts{border-collapse:collapse;width:100%;font-size:.95rem}
.tz-table th,.tz-table td,.tz-facts th,.tz-facts td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:start;vertical-align:top}
.tz-table thead th{background:var(--soft)}
.tz-facts caption{text-align:start;font-weight:700;padding:6px 0}
.tz-rating{font-size:1.05rem;margin:0 0 8px}
.tz-stars{--r:0%;letter-spacing:2px;background:linear-gradient(90deg,#f5a623 var(--r),var(--line) var(--r));-webkit-background-clip:text;background-clip:text;color:transparent}
.tz-s0{--r:0%}.tz-s1{--r:10%}.tz-s2{--r:20%}.tz-s3{--r:30%}.tz-s4{--r:40%}.tz-s5{--r:50%}.tz-s6{--r:60%}.tz-s7{--r:70%}.tz-s8{--r:80%}.tz-s9{--r:90%}.tz-s10{--r:100%}
.tz-pc{display:grid;gap:12px}@media (min-width:640px){.tz-pc{grid-template-columns:1fr 1fr}}
.tz-pc-title{font-weight:700;margin:.6em 0 .2em}
.tz-faq details{border-bottom:1px solid var(--line);padding:10px 0}.tz-faq summary{cursor:pointer;font-weight:600}
.tz-related ul{list-style:none;padding:0;display:grid;gap:10px}@media (min-width:640px){.tz-related ul{grid-template-columns:1fr 1fr}}
.tz-related li{background:var(--soft);border-radius:10px;padding:10px 14px}.tz-related span{display:block;color:var(--muted);font-size:.9rem}
.tz-foot{border-top:1px solid var(--line);background:var(--soft);padding:32px 0 24px;font-size:.92rem}
.tz-foot-grid{display:grid;gap:24px}@media (min-width:720px){.tz-foot-grid{grid-template-columns:repeat(3,1fr)}}
.tz-foot ul{list-style:none;padding:0;margin:0;columns:1}.tz-foot li{margin:4px 0}.tz-foot a{color:var(--ink)}
.tz-foot-title{font-weight:800;margin:0 0 8px}
.tz-langs ul{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:16px}
.tz-small{color:var(--muted);font-size:.85rem}
