.tpn-root,.tpn-root *{box-sizing:border-box}
.tpn-root{width:100%;max-width:1080px;min-width:0;margin:0 auto;padding:10px 8px;color:var(--tpn-text,#292336);font-family:inherit}
.tpn-root .tpn-heading{margin:0 0 10px!important;padding:0;font-family:inherit;font-weight:700;color:var(--tpn-text,#292336);font-size:18px;line-height:1.4}
.tpn-root .tpn-track{--tpn-count:6;--tpn-gap:12px;display:flex!important;flex-flow:row nowrap!important;align-items:stretch;gap:var(--tpn-gap);width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:3px 0 8px}
.tpn-root .tpn-track::-webkit-scrollbar{display:none;width:0;height:0}
.tpn-root .tpn-card{flex:0 0 calc((100% + var(--tpn-gap))/var(--tpn-count) - var(--tpn-gap));width:calc((100% + var(--tpn-gap))/var(--tpn-count) - var(--tpn-gap));min-width:0;margin:0;padding:5px 0;border:1px solid #eee7ed;border-radius:10px;box-shadow:0 3px 8px #45283c0d;scroll-snap-align:start;overflow-wrap:anywhere}
.tpn-root .tpn-photo{width:86%;height:var(--tpn-photo,48px);margin:0 auto 7px;border-radius:7px;overflow:hidden}
.tpn-root .tpn-photo a{display:block;width:100%;height:100%}
.tpn-root .tpn-photo img{display:block;width:100%!important;height:100%!important;object-fit:contain;border-radius:7px;margin:0!important}
.tpn-root .tpn-date{padding:0 6px;margin:0 0 4px;font-size:10px;line-height:1.35;color:#777}
.tpn-root .tpn-title{padding:0 6px;margin:0 0 7px!important;font-size:var(--tpn-title,13px);line-height:1.4;font-weight:600;color:var(--tpn-text,#292336)}
.tpn-root .tpn-title a{color:inherit;text-decoration:none}
.tpn-root .tpn-paragraph{padding:0 6px;margin:0 0 7px;font-size:12px;line-height:1.5;color:var(--tpn-text,#292336)}
.tpn-root .tpn-paragraph p{margin:0 0 7px}
.tpn-root a:focus-visible,.tpn-root .tpn-track:focus-visible{outline:2px solid #b4286b;outline-offset:2px}
@media(min-width:768px) and (max-width:1024px){.tpn-root{max-width:640px}.tpn-root .tpn-track{--tpn-count:3;--tpn-gap:10px}}
@media(max-width:767px){.tpn-root{max-width:360px;padding:8px 4px}.tpn-root .tpn-track{--tpn-count:3;--tpn-gap:7px}.tpn-root .tpn-heading{font-size:14px}.tpn-root .tpn-photo{height:var(--tpn-mobile-photo,30px)}.tpn-root .tpn-date{font-size:8px;padding-inline:4px}.tpn-root .tpn-title{font-size:var(--tpn-mobile-title,10px);padding-inline:4px}.tpn-root .tpn-paragraph{font-size:9px;padding-inline:4px}}
