.jpg-ht{--jpg-ht-ink:#17355e;--jpg-ht-accent:#d6a34d;--jpg-ht-line:#d8e0e9;--jpg-ht-surface:#fff;color:#223247;font:inherit;max-width:100%;}
.jpg-ht *{box-sizing:border-box;}
.jpg-ht-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 .75rem;}
.jpg-ht-hint{font-size:.9rem;color:#526174;}
.jpg-ht-buttons{display:flex;gap:.5rem;}
.jpg-ht-buttons button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--jpg-ht-ink);border-radius:50%;background:var(--jpg-ht-ink);color:#fff;font:inherit;font-size:1.25rem;line-height:1;cursor:pointer;}
.jpg-ht-buttons button:hover:not(:disabled),.jpg-ht-buttons button:focus-visible{background:#fff;color:var(--jpg-ht-ink);}
.jpg-ht-buttons button:focus-visible,.jpg-ht-track:focus-visible{outline:3px solid var(--jpg-ht-accent);outline-offset:3px;}
.jpg-ht-buttons button:disabled{opacity:.4;cursor:default;}
.jpg-ht-track{display:flex;gap:20px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:12px;list-style:none;margin:0!important;padding:28px 12px 20px!important;max-width:100%;scrollbar-color:#9aa9b9 #edf1f5;scrollbar-width:thin;}
.jpg-ht-item{position:relative;flex:0 0 min(320px,calc(100% - 24px));min-width:0;scroll-snap-align:start;margin:0!important;padding:22px 0 0!important;list-style:none!important;}
.jpg-ht-item::before{content:"";position:absolute;top:4px;left:20px;right:-20px;height:3px;background:var(--jpg-ht-line);}
.jpg-ht-item:last-child::before{right:0;}
.jpg-ht-item::after{content:"";position:absolute;top:-3px;left:16px;width:17px;height:17px;border:4px solid var(--jpg-ht-surface);border-radius:50%;background:var(--jpg-ht-accent);box-shadow:0 0 0 2px var(--jpg-ht-ink);}
.jpg-ht-card{height:100%;padding:22px;border:1px solid #e1e7ef;border-top:3px solid var(--jpg-ht-ink);border-radius:9px;background:var(--jpg-ht-surface);box-shadow:0 5px 18px rgba(24,46,74,.07);overflow-wrap:anywhere;}
.jpg-ht-date{display:block;margin:0 0 12px;color:var(--jpg-ht-ink);font-size:1.1rem;font-weight:700;line-height:1.3;}
.jpg-ht-title{margin:0 0 12px!important;color:var(--jpg-ht-ink);font-size:1.15rem;line-height:1.35;}
.jpg-ht-content{font-size:.96rem;line-height:1.65;}
.jpg-ht-content p{margin:0 0 .85em;}
.jpg-ht-content p:last-child{margin-bottom:0;}
.jpg-ht-content a{color:var(--jpg-ht-ink);text-decoration:underline;text-underline-offset:2px;}
.jpg-ht-content a:focus-visible{outline:2px solid var(--jpg-ht-accent);outline-offset:2px;}
@media(max-width:600px){.jpg-ht-track{gap:14px}.jpg-ht-item{flex-basis:min(300px,calc(100% - 24px))}.jpg-ht-card{padding:18px}.jpg-ht-hint{font-size:.82rem}}
@media(prefers-reduced-motion:reduce){.jpg-ht-track{scroll-behavior:auto}}