/* Newsletter Link & UTM QA landing page: one access line + real sample findings (this page only) */
.tpn-access{margin:14px 0 0;font-size:.95rem;line-height:1.5;color:#344054}
.tpn-access b{color:#101828}
.tpn-links{display:flex;flex-wrap:wrap;gap:4px 22px;margin:4px 0 0;font-size:.92rem}
.tpn-links a{display:inline-flex;align-items:center;min-height:40px;color:#1d4ed8;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.tpn-links a:focus-visible{outline:3px solid rgba(29,78,216,.5);outline-offset:2px;border-radius:4px}

.tpn-sample .mt-demo-head strong{font-size:1.15rem}
.tpn-policy{color:#475467;font-size:.86rem}
.tpn-block{padding:14px 22px;border-bottom:1px solid #e4e7ec}
.tpn-file{margin:0 0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;font-weight:700;color:#3159b8}
.tpn-rows,.tpn-hops{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tpn-rows li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 12px;align-items:start;padding:10px 12px;border:1px solid #e4e7ec;border-radius:12px;background:#fcfcfd}
.tpn-where{font-weight:800;color:#101828;font-size:.9rem;white-space:nowrap}
.tpn-what{display:grid;gap:3px;min-width:0}
.tpn-what b{color:#101828;font-size:.94rem;font-weight:700}
.tpn-sample code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;color:#344054;overflow-wrap:anywhere;word-break:break-word}
.tpn-sev{padding:2px 8px;border-radius:999px;background:#fef0c7;color:#7a2e0e;font-size:.75rem;font-weight:800;white-space:nowrap}
.tpn-hops li{display:flex;flex-wrap:wrap;gap:2px 12px;align-items:baseline;font-size:.9rem;color:#344054}
.tpn-hops li span{font-weight:700;color:#101828;overflow-wrap:anywhere}
.tpn-sheet{display:grid;gap:3px;margin:0;font-size:.92rem;color:#101828}
.tpn-blank{color:#475467;font-style:italic}
.tpn-downloads{margin:0;padding:14px 22px 18px;font-size:.84rem;line-height:1.5;color:#475467;overflow-wrap:anywhere}

@media (max-width:520px){
  .tpn-block{padding:12px 16px}
  .tpn-downloads{padding:12px 16px 16px}
  .tpn-rows li{grid-template-columns:minmax(0,1fr) auto}
  .tpn-where{grid-column:1}
  .tpn-sev{grid-column:2;grid-row:1;justify-self:end}
  .tpn-what{grid-column:1 / -1}
}

/* keep access line and links below the drop zone in the flex-ordered hero */
.mt-public .mt-promise>.tpn-access{order:5;margin:14px 0 0}
.mt-public .mt-promise>.tpn-links{order:5}

/* round 2: routes for visitors who have pasted HTML or only links instead of a file */
.mt-public .mt-promise>.tpn-routes{order:5}
.tpn-routes{max-width:680px;margin:10px 0 0;padding:16px 18px;border:1px solid #d0d9ea;border-radius:16px;background:#fff}
.tpn-routes-title{margin:0 0 10px;font-weight:800;font-size:1rem;color:#101828}
.tpn-route-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tpn-route-list li{display:grid;gap:2px;padding:0 0 0 14px;border-left:3px solid #9fb6dc;font-size:.93rem;line-height:1.5;color:#344054}
.tpn-route-list b{color:#101828;font-weight:800}
.tpn-route-list code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;padding:1px 5px;border-radius:6px;background:#eef4ff;color:#1250b5;overflow-wrap:anywhere}
.mt-public .mt-promise>.tpn-access{max-width:680px}
@media (max-width:520px){.tpn-routes{padding:14px}}