.tzpn{--navy:#334155;--green:#069b70;margin:16px 2%;padding:14px;border:1px solid #d9eadf;border-radius:16px;background:radial-gradient(circle at 10% 0,#e8f4e9 0,transparent 35%),linear-gradient(135deg,#f6faf5,#e8f5e8);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--navy)}
.tzpn *{box-sizing:border-box}.tzpn-heading{padding:0 4px 12px}.tzpn-heading h2{margin:0;color:#075540;font-size:clamp(20px,2vw,27px);line-height:1.2}.tzpn-heading p{margin:3px 0 0;color:#5e746b;font-size:13px}
.tzpn-indicators,.tzpn-graphs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tzpn-indicator{position:relative;display:flex;align-items:center;gap:16px;min-height:105px;padding:14px 18px;border:1px solid #e1e8e4;border-left:5px solid var(--accent);border-radius:14px;background:#fff;box-shadow:0 4px 14px #3154470b}.tzpn-orange{--accent:#f7a006;--soft:#fff2cb}.tzpn-green{--accent:#16a66f;--soft:#dff8e9}.tzpn-yellow{--accent:#eab900;--soft:#fff5bd}.tzpn-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:var(--soft);color:var(--accent)}.tzpn-icon svg{width:29px;height:29px}.tzpn-indicator h3{margin:0 0 6px;font-size:13px;color:#3d4b5b}.tzpn-indicator strong{display:block;color:var(--accent);font-size:30px;line-height:1;font-weight:800}.tzpn-indicator small{display:block;margin-top:5px;color:#748091;font-size:10px;font-weight:700}.tzpn-graphs{margin-top:14px}.tzpn-graph{min-width:0;padding:14px;border:1px solid #dfe8e3;border-radius:14px;background:#fff;box-shadow:0 4px 14px #3154470b}.tzpn-graph>header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.tzpn-graph h3{margin:0;color:#344252;font-size:14px;font-weight:500}.tzpn-graph header p{margin:3px 0 0;color:#728093;font-size:11px}.tzpn-graph header>span{padding:7px 10px;border:1px solid #cdece0;border-radius:9px;background:#ebfaf4}.tzpn-graph header small,.tzpn-graph header strong{display:block;color:#087b5a}.tzpn-graph header small{font-size:8px;font-weight:800;letter-spacing:.5px}.tzpn-graph header strong{font-size:12px;margin-top:2px}.tzpn-canvas{height:215px;margin-top:10px}.tzpn-notes{margin-top:14px;padding:11px 15px;border-left:4px solid #11a36f;border-radius:10px;background:#f8fffb}.tzpn-notes p{margin:0;color:#53665e;font-size:11px;line-height:1.45}.tzpn-notes p+p{margin-top:8px}.tzpn-notes strong{color:#07805d}.tzpn-data{display:none!important}.tzpn-unavailable{margin:16px 4%;padding:12px 16px;border-radius:10px;background:#f6faf8;color:#63756d;font-size:13px}
@media(max-width:850px){.tzpn-indicators,.tzpn-graphs{grid-template-columns:1fr}.tzpn-canvas{height:230px}.tzpn-indicator{min-height:90px}}
@media(max-width:480px){.tzpn{margin:12px 3%;padding:10px}.tzpn-indicator{padding:12px}.tzpn-graph>header{display:block}.tzpn-graph header>span{display:inline-block;margin-top:8px}.tzpn-canvas{height:210px}}