#nano-native{margin-top:36px;color:#20323f;line-height:1.65}#nano-native h2{font-size:clamp(25px,3vw,36px)}.nano-nav{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.nano-nav a{padding:10px 14px;border:1px solid #dde3e6;border-radius:8px;color:#20323f;text-decoration:none;background:#fff}.nano-nav a:focus-visible{outline:3px solid #d22424;outline-offset:3px}.nano-banner{background:#203847;color:#fff;padding:18px 22px;border-radius:10px;margin:38px 0 20px;font-size:24px}.nano-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.nano-card,.nano-pipe{border:1px solid #dfe4e7;border-radius:12px;background:#fff;overflow:hidden}.nano-card figure{margin:0;width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:#fff}.nano-card img{display:block;max-width:220px;max-height:170px;width:auto;height:auto;object-fit:contain;background:#fff}.nano-card h4{font-size:16px;line-height:1.6;padding:0 20px 20px;margin:0;overflow-wrap:anywhere}.nano-pipe{padding:22px}.nano-pipe h4{font-size:22px;margin:0 0 20px}.nano-pipe-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}.nano-pipe img{max-width:100%;height:auto;background:#fff}.nano-table{overflow:auto;border:1px solid #dfe4e7;border-radius:8px}.nano-table table{border-collapse:collapse;width:100%;font-size:15px}.nano-table th,.nano-table td{text-align:start;padding:12px;border-bottom:1px solid #e2e6e8;white-space:nowrap}.nano-table th{background:#f3f5f6}.nano-note{padding:20px;border-left:3px solid #d22424;background:#faf7f2;margin:32px 0}.nano-source{font-size:14px;color:#596b76;margin:32px 0}#nano-native section{scroll-margin-top:90px}@media(max-width:850px){.nano-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nano-pipe-grid{grid-template-columns:170px minmax(0,1fr)}}@media(max-width:600px){.nano-grid,.nano-pipe-grid{grid-template-columns:1fr}.nano-pipe img{max-width:190px;margin:auto}.nano-card figure{height:190px}.nano-banner{font-size:21px}.nano-pipe{padding:16px}.nano-nav a{font-size:14px;padding:8px 10px}}

#nano-native .nano-banner{color:#fff!important}

.nano-table{min-width:0;max-width:100%}@media(max-width:600px){.nano-pipe-grid{grid-template-columns:minmax(0,1fr)}}
