.hp4d-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
[data-ra77]{display:block;overflow:hidden;text-align:center;list-style:none;margin:16px 0}
[data-ra77][data-ra77="j0911d"]{display:inline;min-height:0;margin:0;padding:0;overflow:visible;text-align:start}
[data-ra77][data-ra77="j0911d"]:not(:empty)::before{content:" · "}
[data-ra77][data-ra77="j0911d"] a{display:inline-flex;align-items:center;gap:3px;color:inherit;font:inherit;text-decoration:none}
[data-ra77][data-ra77="j0911d"] a:hover,[data-ra77][data-ra77="j0911d"] a:focus-visible{text-decoration:underline}
[data-ra77][data-ra77="j0911d"] a>b{font-weight:700}
[data-ra77][data-ra77="mc2e4a"]{min-height:0;margin:0;padding:0;border:0;text-align:start}
[data-ra77][data-ra77="mc2e4a"] a{color:var(--c-ink);text-decoration:none}
[data-ra77][data-ra77="mc2e4a"] a{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;box-sizing:border-box;padding:20px;border:1px solid var(--c-line);border-radius:var(--r-lg);background:radial-gradient(120% 90% at 100% 0,color-mix(in srgb,var(--c-primary) 26%,transparent),transparent 60%),radial-gradient(70% 60% at 85% 0,color-mix(in srgb,#f0569a 18%,transparent),transparent 70%),#fff;box-shadow:var(--sh);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}
[data-ra77][data-ra77="mc2e4a"] a:hover{transform:translateY(-1px)}
[data-ra77][data-ra77="mc2e4a"] i{display:grid;place-items:center;width:44px;height:44px;margin-bottom:6px;border-radius:50%;background:linear-gradient(100deg,var(--c-primary),color-mix(in srgb,var(--c-primary) 45%,#f0569a));color:#fff;font-style:normal;font-size:20px;box-shadow:0 6px 16px color-mix(in srgb,var(--c-primary) 35%,transparent)}
[data-ra77][data-ra77="mc2e4a"] span{display:block;min-width:0}
[data-ra77][data-ra77="mc2e4a"] b{display:block;font:700 1.1rem/1.3 var(--f-h);color:var(--c-ink)}
[data-ra77][data-ra77="mc2e4a"] small{display:block;margin-top:2px;color:var(--c-muted);font-size:.9rem;line-height:1.45}
[data-ra77][data-ra77="mc2e4a"] em{align-self:stretch;margin-top:10px;padding:12px 16px;border-radius:var(--r);background:linear-gradient(100deg,var(--c-primary),color-mix(in srgb,var(--c-primary) 45%,#f0569a));color:#fff;font:600 .95rem/1.2 var(--f-b);font-style:normal;text-align:center;box-shadow:0 8px 20px color-mix(in srgb,var(--c-primary) 28%,transparent)}
[data-ra77][data-ra77="mc2e4a"] a{width:100%;height:100%;min-height:0;justify-content:flex-start}
[data-ra77][data-ra77="mc2e4a"] em{margin-top:auto}
@media (max-width:560px){[data-ra77][data-ra77="mc2e4a"] a{padding:12px;gap:4px}[data-ra77][data-ra77="mc2e4a"] small{display:none}[data-ra77][data-ra77="mc2e4a"] i{width:34px;height:34px;font-size:16px}[data-ra77][data-ra77="mc2e4a"] b{font-size:.9rem}[data-ra77][data-ra77="mc2e4a"] em{padding:9px 10px;font-size:.85rem}}
[data-ra77][data-ra77="ab6ebc"]{min-height:0;margin:0;padding:0;border:0;text-align:start}
[data-ra77][data-ra77="ab6ebc"] a{color:var(--c-ink);text-decoration:none}
[data-ra77][data-ra77="ab6ebc"] a{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;box-sizing:border-box;padding:20px;border:1px solid var(--c-line);border-radius:var(--r-lg);background:radial-gradient(120% 90% at 100% 0,color-mix(in srgb,var(--c-primary) 26%,transparent),transparent 60%),radial-gradient(70% 60% at 85% 0,color-mix(in srgb,#f0569a 18%,transparent),transparent 70%),#fff;box-shadow:var(--sh);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}
[data-ra77][data-ra77="ab6ebc"] a:hover{transform:translateY(-1px)}
[data-ra77][data-ra77="ab6ebc"] i{display:grid;place-items:center;width:44px;height:44px;margin-bottom:6px;border-radius:50%;background:linear-gradient(100deg,var(--c-primary),color-mix(in srgb,var(--c-primary) 45%,#f0569a));color:#fff;font-style:normal;font-size:20px;box-shadow:0 6px 16px color-mix(in srgb,var(--c-primary) 35%,transparent)}
[data-ra77][data-ra77="ab6ebc"] span{display:block;min-width:0}
[data-ra77][data-ra77="ab6ebc"] b{display:block;font:700 1.1rem/1.3 var(--f-h);color:var(--c-ink)}
[data-ra77][data-ra77="ab6ebc"] small{display:block;margin-top:2px;color:var(--c-muted);font-size:.9rem;line-height:1.45}
[data-ra77][data-ra77="ab6ebc"] em{align-self:stretch;margin-top:10px;padding:12px 16px;border-radius:var(--r);background:linear-gradient(100deg,var(--c-primary),color-mix(in srgb,var(--c-primary) 45%,#f0569a));color:#fff;font:600 .95rem/1.2 var(--f-b);font-style:normal;text-align:center;box-shadow:0 8px 20px color-mix(in srgb,var(--c-primary) 28%,transparent)}
[data-ra77][data-ra77="ab6ebc"] a{width:100%;height:100%;min-height:0;justify-content:flex-start}
[data-ra77][data-ra77="ab6ebc"] em{margin-top:auto}
@media (max-width:560px){[data-ra77][data-ra77="ab6ebc"] a{padding:12px;gap:4px}[data-ra77][data-ra77="ab6ebc"] small{display:none}[data-ra77][data-ra77="ab6ebc"] i{width:34px;height:34px;font-size:16px}[data-ra77][data-ra77="ab6ebc"] b{font-size:.9rem}[data-ra77][data-ra77="ab6ebc"] em{padding:9px 10px;font-size:.85rem}}
[data-ra77][data-ra77="aea203"]{min-height:0;margin:0;padding:0;border:0;text-align:start}
[data-ra77][data-ra77="aea203"] a{color:var(--c-ink);text-decoration:none}
[data-ra77][data-ra77="aea203"] a{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;box-sizing:border-box;padding:20px;border:1px solid var(--c-line);border-radius:var(--r-lg);background:radial-gradient(120% 90% at 100% 0,color-mix(in srgb,var(--c-primary) 26%,transparent),transparent 60%),radial-gradient(70% 60% at 85% 0,color-mix(in srgb,#f0569a 18%,transparent),transparent 70%),#fff;box-shadow:var(--sh);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}
[data-ra77][data-ra77="aea203"] a:hover{transform:translateY(-1px)}
[data-ra77][data-ra77="aea203"] i{display:grid;place-items:center;width:44px;height:44px;margin-bottom:6px;border-radius:50%;background:linear-gradient(100deg,var(--c-primary),color-mix(in srgb,var(--c-primary) 45%,#f0569a));color:#fff;font-style:normal;font-size:20px;box-shadow:0 6px 16px color-mix(in srgb,var(--c-primary) 35%,transparent)}
[data-ra77][data-ra77="aea203"] span{display:block;min-width:0}
[data-ra77][data-ra77="aea203"] b{display:block;font:700 1.1rem/1.3 var(--f-h);color:var(--c-ink)}
[data-ra77][data-ra77="aea203"] small{display:block;margin-top:2px;color:var(--c-muted);font-size:.9rem;line-height:1.45}
[data-ra77][data-ra77="aea203"] em{align-self:stretch;margin-top:10px;padding:12px 16px;border-radius:var(--r);background:linear-gradient(100deg,var(--c-primary),color-mix(in srgb,var(--c-primary) 45%,#f0569a));color:#fff;font:600 .95rem/1.2 var(--f-b);font-style:normal;text-align:center;box-shadow:0 8px 20px color-mix(in srgb,var(--c-primary) 28%,transparent)}
[data-ra77][data-ra77="aea203"] a{width:100%;height:100%;min-height:0;justify-content:flex-start}
[data-ra77][data-ra77="aea203"] em{margin-top:auto}
@media (max-width:560px){[data-ra77][data-ra77="aea203"] a{padding:12px;gap:4px}[data-ra77][data-ra77="aea203"] small{display:none}[data-ra77][data-ra77="aea203"] i{width:34px;height:34px;font-size:16px}[data-ra77][data-ra77="aea203"] b{font-size:.9rem}[data-ra77][data-ra77="aea203"] em{padding:9px 10px;font-size:.85rem}}
[data-ra77][data-ra77="hbd8f0"]{min-height:0;margin:24px 0;text-align:start}
[data-ra77][data-ra77="hbd8f0"] a{color:var(--c-ink);text-decoration:none}
[data-ra77][data-ra77="hbd8f0"] a{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;box-sizing:border-box;padding:20px;border:1px solid var(--c-line);border-radius:var(--r-lg);background:radial-gradient(120% 90% at 100% 0,color-mix(in srgb,var(--c-primary) 26%,transparent),transparent 60%),radial-gradient(70% 60% at 85% 0,color-mix(in srgb,#f0569a 18%,transparent),transparent 70%),#fff;box-shadow:var(--sh);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}
[data-ra77][data-ra77="hbd8f0"] a:hover{transform:translateY(-1px)}
[data-ra77][data-ra77="hbd8f0"] i{display:grid;place-items:center;width:44px;height:44px;margin-bottom:6px;border-radius:50%;background:linear-gradient(100deg,var(--c-primary),color-mix(in srgb,var(--c-primary) 45%,#f0569a));color:#fff;font-style:normal;font-size:20px;box-shadow:0 6px 16px color-mix(in srgb,var(--c-primary) 35%,transparent)}
[data-ra77][data-ra77="hbd8f0"] span{display:block;min-width:0}
[data-ra77][data-ra77="hbd8f0"] b{display:block;font:700 1.1rem/1.3 var(--f-h);color:var(--c-ink)}
[data-ra77][data-ra77="hbd8f0"] small{display:block;margin-top:2px;color:var(--c-muted);font-size:.9rem;line-height:1.45}
[data-ra77][data-ra77="hbd8f0"] em{align-self:stretch;margin-top:10px;padding:12px 16px;border-radius:var(--r);background:linear-gradient(100deg,var(--c-primary),color-mix(in srgb,var(--c-primary) 45%,#f0569a));color:#fff;font:600 .95rem/1.2 var(--f-b);font-style:normal;text-align:center;box-shadow:0 8px 20px color-mix(in srgb,var(--c-primary) 28%,transparent)}
[data-ra77][data-ra77="hbd8f0"] a{max-width:560px}
[data-ra77][data-ra77="ia46ef"]{min-height:0;margin:24px 0;text-align:start}
[data-ra77][data-ra77="ia46ef"] a{color:var(--c-ink);text-decoration:none}
[data-ra77][data-ra77="ia46ef"] a{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;box-sizing:border-box;padding:20px;border:1px solid var(--c-line);border-radius:var(--r-lg);background:radial-gradient(120% 90% at 100% 0,color-mix(in srgb,var(--c-primary) 26%,transparent),transparent 60%),radial-gradient(70% 60% at 85% 0,color-mix(in srgb,#f0569a 18%,transparent),transparent 70%),#fff;box-shadow:var(--sh);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}
[data-ra77][data-ra77="ia46ef"] a:hover{transform:translateY(-1px)}
[data-ra77][data-ra77="ia46ef"] i{display:grid;place-items:center;width:44px;height:44px;margin-bottom:6px;border-radius:50%;background:linear-gradient(100deg,var(--c-primary),color-mix(in srgb,var(--c-primary) 45%,#f0569a));color:#fff;font-style:normal;font-size:20px;box-shadow:0 6px 16px color-mix(in srgb,var(--c-primary) 35%,transparent)}
[data-ra77][data-ra77="ia46ef"] span{display:block;min-width:0}
[data-ra77][data-ra77="ia46ef"] b{display:block;font:700 1.1rem/1.3 var(--f-h);color:var(--c-ink)}
[data-ra77][data-ra77="ia46ef"] small{display:block;margin-top:2px;color:var(--c-muted);font-size:.9rem;line-height:1.45}
[data-ra77][data-ra77="ia46ef"] em{align-self:stretch;margin-top:10px;padding:12px 16px;border-radius:var(--r);background:linear-gradient(100deg,var(--c-primary),color-mix(in srgb,var(--c-primary) 45%,#f0569a));color:#fff;font:600 .95rem/1.2 var(--f-b);font-style:normal;text-align:center;box-shadow:0 8px 20px color-mix(in srgb,var(--c-primary) 28%,transparent)}
[data-ra77][data-ra77="ia46ef"] a{max-width:560px}
[data-ra77][data-ra77="k724a5"]{min-height:0;margin:0}
[data-ra77][data-ra77="k724a5"] a{color:var(--c-ink);text-decoration:none}
[data-ra77][data-ra77="k724a5"] a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:6px 44px 6px 16px;font:600 .95rem/1.3 var(--f-b)}
[data-ra77][data-ra77="k724a5"] i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(100deg,var(--c-primary),color-mix(in srgb,var(--c-primary) 45%,#f0569a));color:#fff;font-style:normal;font-size:13px}
[data-ra77][data-ra77="k724a5"] small{display:none}
[data-ra77][data-ra77="k724a5"] em{padding:6px 14px;border-radius:999px;background:linear-gradient(100deg,var(--c-primary),color-mix(in srgb,var(--c-primary) 45%,#f0569a));color:#fff;font-style:normal;font-size:.85rem}
[data-ra77w]{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;justify-content:center;padding-bottom:env(safe-area-inset-bottom);background:var(--c-bg);border-top:1px solid var(--c-line);box-shadow:var(--sh)}
[data-ra77w]:not(:has([data-ra77][data-ra77="k724a5"]>*)){visibility:hidden}
[data-ra77w] [data-ra77][data-ra77="k724a5"]{margin:0;flex:none}
[data-ra77w]>button{position:absolute;top:-28px;right:8px;width:28px;height:28px;padding:0;border:1px solid var(--c-line);border-radius:50% 50% 0 0;background:var(--c-bg);color:var(--c-muted);font:400 18px/1 var(--f-b);cursor:pointer}
body:has([data-ra77w] [data-ra77][data-ra77="k724a5"]>*){padding-bottom:50px}
[data-ra77x]{display:inline-flex;align-items:center;gap:4px;color:inherit;font-weight:600;text-decoration:underline dotted;text-underline-offset:3px}
[data-ra77x]:hover{color:var(--c-primary)}
[data-ra77b]{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.6)}
[data-ra77b]>div{max-width:420px;padding:24px;border-radius:var(--r-lg);background:var(--c-surface);color:var(--c-ink);box-shadow:var(--sh);text-align:center}
[data-ra77b] h2{margin:0 0 8px;font:700 1.25rem/1.3 var(--f-h)}
[data-ra77b] p{margin:0 0 20px;color:var(--c-muted);font:400 1rem/1.5 var(--f-b)}
[data-ra77b] button{min-height:44px;padding:0 20px;border:0;border-radius:var(--r);background:var(--c-primary);color:var(--c-primary-ink);font:600 1rem/1 var(--f-b);cursor:pointer}
[data-ra77b] button:disabled{opacity:.6;cursor:wait}
*,*::before,*::after{box-sizing:border-box}
body{-webkit-text-size-adjust:100%}
img,svg{max-width:100%;height:auto}
h1,h2,h3{font-family:var(--f-h)}
input,button,select,textarea{font:inherit}
.hp4d-tbl{max-width:100%;overflow-x:auto}
.hp4d-prose table{border-collapse:collapse}
.hp4d-prose pre{max-width:100%;overflow-x:auto}
.hp4d-w{margin:18px 0 0}
.hp4d-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--c-line);margin:0 0 14px;padding:0;list-style:none}
.hp4d-tab{padding:9px 14px;border:0;background:none;font:600 15px var(--f-b);color:var(--c-muted);cursor:pointer;border-bottom:2px solid transparent}
.hp4d-tab[aria-selected=true]{color:var(--c-primary);border-bottom-color:var(--c-primary)}
.hp4d-media{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0}
.hp4d-media[data-hp4d-shape=tall]{grid-template-columns:repeat(4,1fr)}
.hp4d-media li{min-width:0;margin:0}
.hp4d-media li[data-hp4d-media]{position:relative;padding:8px;border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-bg);cursor:pointer;transition:background-color .15s ease}
.hp4d-media li[data-hp4d-media]:hover{background:var(--c-surface)}
.hp4d-open{display:block;position:relative;width:100%;padding:0;border:0;background:none;line-height:0;cursor:pointer;border-radius:var(--r)}
.hp4d-dl{position:absolute;top:18px;right:18px;z-index:1;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r);background:rgba(255,255,255,.92);color:var(--c-ink);box-shadow:var(--sh);backdrop-filter:blur(6px);transition:opacity .15s ease,background-color .15s ease,color .15s ease}
.hp4d-dl:hover{background:var(--c-primary);color:var(--c-primary-ink)}
.hp4d-play{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:rgba(0,0,0,.55);pointer-events:none}
.hp4d-play::after{content:"";position:absolute;left:18px;top:14px;border:9px solid transparent;border-left:14px solid #fff}
.hp4d-media img,.hp4d-media video{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:var(--r);background:var(--c-line)}
.hp4d-media li[data-hp4d-shape=tall] img,.hp4d-media li[data-hp4d-shape=tall] video{aspect-ratio:9/16}
.hp4d-media li p{margin:6px 0 0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hp4d-hl{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));list-style:none;padding:0;margin:0}
.hp4d-hl li{min-width:0;margin:0}
.hp4d-hlb{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;padding:14px 8px;border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-bg);color:inherit;font:inherit;cursor:pointer;transition:background-color .15s ease}
.hp4d-hlb:hover{background:var(--c-surface)}
.hp4d-hlc{width:88px;height:88px;flex:none;border-radius:50%;object-fit:cover;background:var(--c-line);border:3px solid var(--c-primary);padding:3px;transition:border-color .15s ease}
.hp4d-hlb:hover .hp4d-hlc{border-color:var(--c-accent)}
.hp4d-hlb[aria-pressed=true]{background:var(--c-surface);border-color:var(--c-primary)}
.hp4d-hlb[aria-pressed=true] .hp4d-hlc{border-color:var(--c-accent)}
.hp4d-hlt{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 14px var(--f-b);color:var(--c-ink)}
.hp4d-hlh{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.hp4d-hlh h3{margin:0;font-size:18px}
.hp4d-hlh .hp4d-x{margin-left:auto}
.hp4d-prof{display:flex;gap:14px;align-items:center}
.hp4d-prof>div{min-width:0}
.hp4d-avb{flex:none;display:block;padding:0;border:0;background:none;line-height:0;border-radius:50%;cursor:pointer}
.hp4d-av{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none;border:1px solid var(--c-line);background:var(--c-line);transition:border-color .15s ease}
.hp4d-avb:hover .hp4d-av{border-color:var(--c-primary)}
.hp4d-card[data-hp4d-profile] h2{margin:0 0 4px;font-size:19px}
.hp4d-lock{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:2px 9px;border-radius:999px;background:var(--c-surface);border:1px solid var(--c-line);color:var(--c-ink);font-weight:600;white-space:nowrap}
.hp4d-tab:disabled{opacity:.45;cursor:not-allowed}
.hp4d-note{background:var(--c-surface);border-radius:var(--r);padding:16px;color:var(--c-muted)}
.hp4d-sk{height:120px;border-radius:var(--r);background:var(--c-line);animation:hp4dp 1.1s linear infinite alternate}
@keyframes hp4dp{to{opacity:.45}}
.hp4d-i{vertical-align:-2px;flex:none}
.hp4d-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:6px 0 0;font:600 13px var(--f-b);color:var(--c-muted)}
.hp4d-media li p[data-hp4d-meta]{white-space:normal;overflow:visible}
.hp4d-mi{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.hp4d-cnt{display:inline-flex;align-items:center;gap:14px}
.hp4d-x{flex:none;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:none;color:var(--c-muted);font:400 21px/1 var(--f-b);cursor:pointer}
.hp4d-x:hover{background:var(--c-line);color:var(--c-ink)}
.hp4d-lb{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.8)}
.hp4d-lbd{display:flex;flex-direction:column;gap:10px;width:min(980px,100%);max-height:100%;overflow:auto;padding:12px;border-radius:var(--r-lg);background:var(--c-bg)}
.hp4d-lbh{display:flex;align-items:center;gap:10px;color:var(--c-muted)}
.hp4d-lbdl{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--r);color:var(--c-muted);transition:background-color .15s ease,color .15s ease}
.hp4d-lbdl:hover{background:var(--c-primary);color:var(--c-primary-ink)}
.hp4d-lbh .hp4d-lbdl{margin-left:auto}
.hp4d-lbm{margin:0;display:flex;align-items:center;justify-content:center;border-radius:var(--r);background:var(--c-line);overflow:hidden}
.hp4d-lbm img,.hp4d-lbm video{display:block;width:auto;height:auto;max-width:100%;max-height:68vh;object-fit:contain;background:var(--c-line)}
.hp4d-lbi p{margin:0 0 8px;font-size:15px}
.hp4d-tags{display:flex;flex-wrap:wrap;gap:6px}
.hp4d-tagb{padding:3px 10px;border:1px solid var(--c-line);border-radius:999px;background:var(--c-bg);color:var(--c-primary);font:600 13px var(--f-b);cursor:pointer;transition:background-color .15s ease,color .15s ease}
.hp4d-tagb:hover{background:var(--c-primary);color:var(--c-primary-ink)}
.hp4d-cntb{display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:2px 6px;margin:-2px -6px;border:0;border-radius:var(--r);background:none;color:inherit;font:inherit;cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px;transition:background-color .15s ease}
.hp4d-cntb:hover,.hp4d-cntb:focus-visible{background:var(--c-surface);color:var(--c-primary)}
.hp4d-cntb:disabled{cursor:default;text-decoration:none}
.hp4d-pd{width:min(520px,100%);max-height:min(640px,100%)}
.hp4d-pd h3{margin:0;font-size:17px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hp4d-pd .hp4d-x{margin-left:auto}
.hp4d-ppl{display:grid;gap:4px;list-style:none;padding:0;margin:0}
.hp4d-ppl li{min-width:0;margin:0}
.hp4d-skr{height:52px}
.hp4d-pb{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:6px 8px;border:0;border-radius:var(--r);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .15s ease}
.hp4d-pb:hover,.hp4d-pb:focus-visible{background:var(--c-surface)}
.hp4d-pav{width:40px;height:40px;flex:none;border-radius:50%;object-fit:cover;background:var(--c-line);border:1px solid var(--c-line)}
.hp4d-pn{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;min-width:0;font-size:14px}
.hp4d-pn>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hp4d-pf{flex-basis:100%;color:var(--c-muted)}
.hp4d-cmb{padding:2px 6px;margin:-2px -6px;border:0;border-radius:var(--r);background:none;color:inherit;font:inherit;cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px}
.hp4d-cmb:hover,.hp4d-cmb:focus-visible,.hp4d-cmb[aria-expanded=true]{background:var(--c-surface);color:var(--c-primary)}
.hp4d-det{margin:6px 0 0;padding:8px 14px 14px;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg)}
.hp4d-cm{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:12px}
.hp4d-cm[data-hp4d-comments="1"]{margin:8px 0 0 18px;padding-left:12px;border-left:2px solid var(--c-line)}
.hp4d-cm li{min-width:0;margin:0}
.hp4d-lbi .hp4d-cmeta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0;font-size:13px;color:var(--c-muted)}
.hp4d-cu{padding:0;border:0;background:none;color:var(--c-ink);font:700 14px var(--f-b);cursor:pointer}
.hp4d-cu:hover{color:var(--c-primary);text-decoration:underline}
.hp4d-lbi .hp4d-ct{margin:2px 0 0;font-size:14px;white-space:pre-line;overflow-wrap:anywhere}
@media (hover:hover){.hp4d-dl{opacity:0}.hp4d-media li[data-hp4d-media]:hover .hp4d-dl,.hp4d-dl:focus-visible{opacity:1}}
@media (max-width:560px){.hp4d-pd{height:100%}.hp4d-cntb{min-height:40px}.hp4d-lb{padding:0}.hp4d-lbd{border-radius:0;max-height:100%;height:100%}.hp4d-lbm img,.hp4d-lbm video{max-height:56vh}.hp4d-media[data-hp4d-shape=tall]{grid-template-columns:repeat(2,1fr)}}
.hp4d-form{display:flex;flex-wrap:wrap}
.hp4d-in{flex:1 1 240px;min-width:0}
.hp4d-btn,.hp4d-paste{cursor:pointer}
.hp4d-grid,.hp4d-steps,.hp4d-tz,.hp4d-rc{list-style:none;padding:0;margin:0}
.hp4d-faq>summary{cursor:pointer}
.hp4d-nav{display:flex;align-items:center}
.hp4d-navl nav{margin-left:auto}
:root{--k:var(--c-ink);--y:var(--c-accent);--b:1px solid var(--c-ink)}
body{font:16px/1.5 var(--f-b);color:var(--k);background-color:var(--c-bg);background-image:linear-gradient(#e4e6ea 1px,transparent 1px),linear-gradient(90deg,#e4e6ea 1px,transparent 1px);background-size:24px 24px}
h1,h2,h3{margin:0 0 16px;font-stretch:125%;font-weight:800;line-height:1.05;letter-spacing:-.01em}
h1{font-size:64px;text-transform:uppercase}
h2{font-size:30px;text-transform:uppercase}
h3{font-size:18px;font-stretch:110%;font-weight:700}
p{margin:0 0 14px}
a{color:var(--k);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{background:var(--y);text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--k);outline-offset:2px;box-shadow:0 0 0 2px var(--y)}
code,.hp4d-tag,.hp4d-live,.hp4d-bc{font-family:var(--f-m);font-weight:400}
.hp4d-hdr{background:#fff;border-bottom:var(--b)}
.hp4d-hdr .hp4d-wrap{min-height:60px;gap:16px}
.hp4d-brand{display:inline-flex;align-items:center;gap:10px;font:800 21px/1 var(--f-h);font-stretch:125%;text-transform:uppercase;text-decoration:none;letter-spacing:-.01em}
.hp4d-brand:hover{background:none}
.hp4d-hdr nav a{display:inline-block;padding:8px 12px;border:var(--b);font:400 13px/1 var(--f-m);text-transform:uppercase;letter-spacing:.04em;text-decoration:none}
.hp4d-hdr nav a:hover{background:var(--y)}
.hp4d-bc{padding:16px 0 0;font-size:13px;color:var(--c-muted)}
.hp4d-bc a{color:var(--k)}
.hp4d-hero{padding:48px 0 40px;border-bottom:var(--b)}
.hp4d-hero h1{max-width:12em}
.hp4d-hero .hp4d-lead{display:inline-block;margin:0 0 24px;padding:6px 22px 6px 12px;background:var(--y);font:400 14px/1.4 var(--f-m);text-transform:uppercase;letter-spacing:.03em;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%)}
.hp4d-hero .hp4d-form,.hp4d-hero .hp4d-form+.hp4d-tag{max-width:860px}
.hp4d-form{align-items:center;margin:0 0 10px;background:#fff;border:var(--b);outline:var(--b)}
.hp4d-in{flex:1 1 0;height:60px;padding:0 16px;border:0;border-radius:0;background:transparent;color:var(--k);font:400 18px var(--f-m)}
.hp4d-in::placeholder{color:var(--c-muted);opacity:1}
.hp4d-in:focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--y),inset 0 0 0 4px var(--k)}
.hp4d-paste{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 8px;padding:0;border:var(--b);border-radius:0;background:var(--c-bg);color:var(--k)}
.hp4d-paste:hover{background:var(--y)}
.hp4d-btn{flex:none;align-self:stretch;min-height:60px;padding:0 30px;border:0;border-left:var(--b);border-radius:0;background:var(--c-primary);color:var(--c-primary-ink);font:800 18px/1 var(--f-h);font-stretch:125%;text-transform:uppercase;letter-spacing:.02em}
.hp4d-btn::after{content:" \2192"}
.hp4d-btn:hover{background:#2e3238}
.hp4d-form+.hp4d-tag{margin:18px 0 0;font-size:13px;color:var(--c-muted);text-transform:uppercase;letter-spacing:.03em}
.hp4d-tag{font-size:13px;color:var(--c-muted);margin:0}
.hp4d-def{max-width:68ch;margin:28px 0 20px;font-size:17px}
.hp4d-live{display:inline-flex;flex-wrap:wrap;margin:0;border:var(--b);background:#fff;font-size:13px}
.hp4d-live span{padding:6px 12px}
.hp4d-live span+span{border-left:var(--b)}
.hp4d-rc{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:16px 0 0}
.hp4d-rc button{padding:5px 10px;border:var(--b);border-radius:0;background:#fff;color:var(--k);font:400 13px var(--f-m);cursor:pointer}
.hp4d-rc button:hover{background:var(--y)}
.hp4d-sec{padding:56px 0}
.hp4d-sec>.hp4d-wrap>h2{padding-top:12px;border-top:5px solid var(--k);margin-bottom:24px}
.hp4d-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:var(--b);border-left:var(--b)}
#what-you-can-view .hp4d-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.hp4d-card{position:relative;margin:0;padding:18px 18px 20px;background:#fff;border-right:var(--b);border-bottom:var(--b)}
.hp4d-card .hp4d-ico{display:inline-flex;margin:0 0 14px;padding:7px;border:var(--b);background:var(--c-bg);color:var(--k)}
.hp4d-card .hp4d-ico svg{width:22px;height:22px}
.hp4d-card h3{margin:0 0 8px}
.hp4d-card p{margin:0;font-size:15px;color:var(--c-muted)}
.hp4d-steps{counter-reset:s;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:var(--b);background:#fff}
.hp4d-steps li{counter-increment:s;position:relative;display:grid;grid-template-columns:auto 1fr;align-content:start;gap:4px 14px;padding:0 20px 22px 0}
.hp4d-steps li+li{border-left:var(--b)}
.hp4d-steps li::before{content:counter(s,decimal-leading-zero);grid-row:1/span 3;align-self:start;padding:14px 16px;border-right:var(--b);border-bottom:var(--b);background:var(--c-bg);font:400 56px/1 var(--f-m)}
.hp4d-steps .hp4d-ico{grid-column:2;margin-top:16px;color:var(--k)}
.hp4d-steps strong{grid-column:2;font:800 17px/1.2 var(--f-h);font-stretch:125%;text-transform:uppercase}
.hp4d-steps li>span:not(.hp4d-ico){grid-column:1/-1;padding:14px 0 0 20px;font-size:15px}
.hp4d-faq{display:flow-root;margin:0;background:#fff;border:var(--b);border-top:0}
#faq h2+.hp4d-faq{border-top:2px solid var(--k)}
.hp4d-faq>summary{position:relative;float:left;width:40%;list-style:none;padding:14px 18px;font:700 16px/1.35 var(--f-h)}
.hp4d-faq>summary::-webkit-details-marker{display:none}
.hp4d-faq>div{margin-left:40%;padding:14px 18px;border-left:var(--b)}
.hp4d-faq>div p{margin:0;font-size:15px}
.hp4d-faq>div p+p{margin-top:8px}
#faq .hp4d-faq~.hp4d-tag{margin-top:16px}
.hp4d-prose>*{max-width:72ch}
.hp4d-prose h2{margin:44px 0 14px;font-size:24px;text-transform:none;border-top-width:2px!important}
.hp4d-prose h3{margin:28px 0 10px}
.hp4d-prose p,.hp4d-prose li{font-size:17px;line-height:1.6}
.hp4d-prose ul,.hp4d-prose ol{padding-left:22px;margin:0 0 16px}
.hp4d-prose li{margin:0 0 6px}
.hp4d-prose li::marker{font-family:var(--f-m)}
.hp4d-prose blockquote{margin:0 0 16px;padding:10px 16px;border-left:5px solid var(--k);background:#fff}
.hp4d-tbl{margin:12px 0 24px;border:var(--b);background:#fff}
.hp4d-prose table{width:100%;font-size:15px}
.hp4d-prose th{padding:8px 12px;background:var(--k);color:#fff;font-weight:600;font-stretch:75%;font-size:14px;text-transform:uppercase;letter-spacing:.03em;text-align:left}
.hp4d-prose td{padding:8px 12px;border-top:var(--b);vertical-align:top}
.hp4d-prose td+td,.hp4d-prose th+th{border-left:var(--b)}
.hp4d-prose .hp4d-tbl table{margin:0}
.hp4d-prose>.hp4d-lead{font-size:19px;padding-left:14px;border-left:5px solid var(--y)}
.hp4d-art .hp4d-prose,.hp4d-sec[style] .hp4d-prose{max-width:820px;background:#fff;border:var(--b);padding:40px 48px 44px}
.hp4d-sec[style]{padding-top:28px}
.hp4d-prose h1{font-size:40px;text-transform:none;line-height:1.1}
.hp4d-prose>h1+.hp4d-tag{padding:8px 0;margin:0 0 24px;border-top:var(--b);border-bottom:var(--b)}
.hp4d-cta{margin:24px 0;padding:18px 20px;border:var(--b)}
.hp4d-cta.hp4d-tldr{background:var(--c-bg);font-size:16px}
.hp4d-cta.hp4d-tldr strong{display:inline-block;margin-right:8px;padding:2px 16px 2px 8px;background:var(--y);font:400 13px/1.5 var(--f-m);text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%)}
.hp4d-cta:not(.hp4d-tldr){background:var(--k);color:#f7f6f0}
.hp4d-cta:not(.hp4d-tldr) h3{margin-top:0;color:var(--y);font-size:20px;font-stretch:125%;text-transform:uppercase}
.hp4d-cta:not(.hp4d-tldr) p:last-child{margin:0}
.hp4d-cta:not(.hp4d-tldr) p:last-child a{display:inline-block;padding:12px 22px;background:var(--y);color:var(--k);font:800 16px/1 var(--f-h);font-stretch:125%;text-transform:uppercase;text-decoration:none}
.hp4d-cta:not(.hp4d-tldr) p:last-child a::after{content:" \2192"}
.hp4d-cta:not(.hp4d-tldr) p:last-child a:hover{background:#fff}
.hp4d-cta:not(.hp4d-tldr) a{color:#fff}
.hp4d-cta:not(.hp4d-tldr) :focus-visible{outline-color:var(--y)}
h2.hp4d-relh{padding-top:10px;border-top:5px solid var(--k);font-size:20px;font-stretch:125%;text-transform:uppercase}
.hp4d-prose .hp4d-bio{margin-top:24px;font-size:14px}
.hp4d-tz{border-top:var(--b);background:#fff}
.hp4d-tz li{position:relative;padding:14px 18px;border:var(--b);border-top:0}
.hp4d-tz a{font-weight:700;font-size:17px}
.hp4d-tz .hp4d-tag{margin:6px 0 0;font-family:var(--f-b);font-size:14px;line-height:1.5}
.hp4d-prose .hp4d-tz{padding:0}
.hp4d-prose .hp4d-tz li{font-size:16px;margin:0}
.hp4d-tz+p{margin:18px 0 0}
.hp4d-tz+p a{display:inline-block;padding:10px 18px;background:var(--c-primary);color:var(--c-primary-ink);font:800 14px/1 var(--f-h);font-stretch:125%;text-transform:uppercase;text-decoration:none}
.hp4d-tz+p a::after{content:" \2192"}
.hp4d-tz+p a:hover{background:#2e3238}
.hp4d-sec[style] .hp4d-wrap:not(.hp4d-prose)>h2{margin:40px 0 0;padding:10px 0 12px;border-top:5px solid var(--k);font-size:22px}
.hp4d-sec[style] .hp4d-wrap:not(.hp4d-prose)>h1+.hp4d-lead{max-width:68ch;font-size:17px}
.hp4d-ft{padding:36px 0 48px;border-top:var(--b);background:#fff;font:400 13px/1.6 var(--f-m);color:var(--c-muted)}
.hp4d-ft nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:0 0 20px;border-top:var(--b);border-left:var(--b)}
.hp4d-ft nav a{display:block;padding:8px 10px;border-right:var(--b);border-bottom:var(--b);color:var(--k);text-transform:uppercase;text-decoration:none}
.hp4d-ft nav a:hover{background:var(--y)}
.hp4d-ft p{margin:0 0 6px}
.hp4d-ft a{color:var(--k)}
section.hp4d-w{margin-top:28px}
.hp4d-card[data-hp4d-profile]{padding:0;background:#fff;border:var(--b)}
.hp4d-prof{gap:16px;padding:16px}
.hp4d-avb,.hp4d-av{border-radius:0}
.hp4d-av{border:var(--b)}
.hp4d-card[data-hp4d-profile] h2{margin:0 0 4px;padding:0;border:0;font-size:22px;text-transform:none}
.hp4d-prof .hp4d-tag{margin:0 0 6px;color:var(--k)}
.hp4d-prof p:last-child{margin:0;font-size:14px}
.hp4d-prof strong{font:400 15px var(--f-m)}
.hp4d-card[data-hp4d-profile]>p{margin:0;padding:10px 16px;border-top:var(--b);font-size:15px}
.hp4d-lock{border-radius:0;border:var(--b);background:var(--y);font:400 12px var(--f-m)}
.hp4d-tabs{gap:0;margin:24px 0 0;border-bottom:var(--b)}
.hp4d-tabs li{margin-right:-1px}
.hp4d-tab{position:relative;padding:10px 18px;border:var(--b);border-bottom:0;border-radius:0;background:#e9e8e1;color:var(--k);font:700 15px var(--f-h);font-stretch:75%;text-transform:uppercase;letter-spacing:.06em}
.hp4d-tab:hover{background:#fff}
.hp4d-tab[aria-selected=true]{top:1px;background:#fff;box-shadow:inset 0 4px 0 var(--y)}
[role=tabpanel]{padding:12px;background:#fff;border:var(--b);border-top:0}
.hp4d-media{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:var(--b);border-left:var(--b)}
.hp4d-media[data-hp4d-shape=tall]{grid-template-columns:repeat(5,minmax(0,1fr))}
.hp4d-media li[data-hp4d-media],.hp4d-media li[data-hp4d-media]:hover{display:flex;flex-direction:column;padding:6px;border:0;border-right:var(--b);border-bottom:var(--b);border-radius:0;background:#fff}
.hp4d-media img,.hp4d-media video,.hp4d-open{border-radius:0}
.hp4d-media img,.hp4d-media video,.hp4d-hlc,.hp4d-lbm img{background:#e9e8e1}
.hp4d-media li p[data-hp4d-caption]{margin:8px 0 0;font:400 12px/1.4 var(--f-m);color:var(--k);white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hp4d-media li p[data-hp4d-meta]{margin:4px 0 8px;font:400 12px var(--f-m)}
.hp4d-dl,.hp4d-dl:hover{position:static;opacity:1;width:100%;height:40px;margin-top:auto;border:var(--b);border-radius:0;background:var(--y);color:var(--k);box-shadow:none;backdrop-filter:none}
.hp4d-dl:hover{background:var(--k);color:var(--y)}
.hp4d-play{border-radius:0;background:var(--k)}
.hp4d-play::after{border-left-color:var(--y)}
.hp4d-hl{gap:0;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));border-top:var(--b);border-left:var(--b)}
.hp4d-hlb,.hp4d-hlb:hover{border:0;border-right:var(--b);border-bottom:var(--b);border-radius:0;background:#fff}
.hp4d-hlb:hover,.hp4d-hlb[aria-pressed=true]{background:var(--y)}
.hp4d-hlc,.hp4d-hlb:hover .hp4d-hlc,.hp4d-hlb[aria-pressed=true] .hp4d-hlc{border-radius:0;border:var(--b);padding:0}
.hp4d-hlt{font:400 13px var(--f-m)}
.hp4d-hlh h3{text-transform:uppercase}
.hp4d-x{width:40px;height:40px;border:var(--b);border-radius:0;color:var(--k)}
.hp4d-x:hover{background:var(--y)}
.hp4d-note{position:relative;padding:16px 16px 16px 30px;border:var(--b);border-radius:0;background:#fff;color:var(--k)}
.hp4d-note::before{content:"";position:absolute;left:0;top:0;bottom:0;width:12px;background:repeating-linear-gradient(-45deg,var(--k) 0 6px,var(--y) 6px 12px)}
.hp4d-sk{border-radius:0;background:repeating-linear-gradient(-45deg,#e4e6ea 0 8px,#fff 8px 16px);border:var(--b)}
.hp4d-lb{background:rgba(22,24,27,.9)}
.hp4d-lbd{border-radius:0;border:var(--b)}
.hp4d-lbh{font:400 13px var(--f-m)}
.hp4d-lbdl,.hp4d-lbdl:hover{width:auto;min-width:64px;height:44px;border:var(--b);border-radius:0;background:var(--y);color:var(--k)}
.hp4d-lbdl:hover{background:var(--k);color:var(--y)}
.hp4d-lbm{border-radius:0;background:var(--k)}
.hp4d-tagb{border-radius:0;border-color:var(--k);color:var(--k);font:400 12px var(--f-m)}
.hp4d-tagb:hover{background:var(--y);color:var(--k)}
@media (max-width:900px){
h1{font-size:46px}
#what-you-can-view .hp4d-grid,.hp4d-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.hp4d-steps{grid-template-columns:1fr}
.hp4d-steps li+li{border-left:0;border-top:var(--b)}
.hp4d-ft nav{grid-template-columns:repeat(3,minmax(0,1fr))}
.hp4d-media{grid-template-columns:repeat(3,minmax(0,1fr))}
.hp4d-media[data-hp4d-shape=tall]{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:640px){
.hp4d-brand{font-size:16px;gap:8px}
.hp4d-brand img{width:24px;height:24px}
.hp4d-hdr nav a{white-space:nowrap;padding:7px 8px;font-size:12px}
h1{font-size:34px}
h2{font-size:23px}
.hp4d-hero{padding:24px 0 28px}
.hp4d-hero .hp4d-lead{font-size:12px;margin-bottom:18px}
.hp4d-in{height:52px;padding:0 12px;font-size:16px}
.hp4d-paste{margin:0 4px 0 0}
.hp4d-btn{flex:1 0 100%;min-height:52px;border-left:0;border-top:var(--b)}
.hp4d-sec{padding:40px 0}
.hp4d-live{display:flex;flex-direction:column}
.hp4d-live span+span{border-left:0;border-top:var(--b)}
.hp4d-in::placeholder{font-size:14px}
#what-you-can-view .hp4d-grid,.hp4d-grid{grid-template-columns:1fr}
.hp4d-steps li::before{font-size:40px;padding:10px 12px}
.hp4d-faq>summary{float:none;width:auto}
.hp4d-faq>div{margin-left:0;border-left:0;border-top:1px dashed var(--k);padding:12px 16px 14px}
.hp4d-art .hp4d-prose,.hp4d-sec[style] .hp4d-prose{padding:24px 16px 28px;margin:0 8px}
.hp4d-prose h1{font-size:28px}
.hp4d-prose h2{font-size:21px}
.hp4d-prose p,.hp4d-prose li{font-size:16px}
.hp4d-tz li{padding:12px 14px}
.hp4d-ft nav{grid-template-columns:repeat(2,minmax(0,1fr))}
.hp4d-tab{padding:9px 12px;font-size:14px}
[role=tabpanel]{padding:8px}
.hp4d-media,.hp4d-media[data-hp4d-shape=tall]{grid-template-columns:repeat(2,minmax(0,1fr))}
.hp4d-prof{padding:12px}
}
@media (prefers-reduced-motion:no-preference){
.hp4d-hero .hp4d-lead{animation:hp4d-tag .5s .15s cubic-bezier(.2,.8,.2,1) both}
@keyframes hp4d-tag{from{clip-path:polygon(0 0,0 0,0 50%,0 100%,0 100%)}}
@supports (animation-timeline:view()){.hp4d-card,.hp4d-steps li{animation:hp4d-stamp linear both;animation-timeline:view();animation-range:entry 0% entry 50%}}
@keyframes hp4d-stamp{from{opacity:0;scale:1.06}}
.hp4d-btn{transition:translate .1s}
.hp4d-btn:active{translate:0 2px}
.hp4d-dl{transition:background-position .6s linear}
.hp4d-dl:hover{background-image:repeating-linear-gradient(-45deg,transparent 0 8px,rgba(22,24,27,.12) 8px 16px);background-size:200% 100%;background-position:100% 0}
.hp4d-media li{animation:hp4d-stamp .25s ease-out both}
}

.hp4d-cat{width:100%;border-collapse:collapse;margin:32px 0 0;border:var(--b);background:var(--c-surface);font-size:15px}
.hp4d-cat th{padding:10px 12px;background:var(--k);color:var(--y);font:500 12px var(--f-m);letter-spacing:.08em;text-transform:uppercase;text-align:left}
.hp4d-cat td{padding:12px;border-top:var(--b);vertical-align:top}

.hp4d-cat th:first-child,.hp4d-cat .hp4d-n{display:none}
.hp4d-cat td:nth-child(2){border-left:5px solid var(--y)}
.hp4d-tbl:has(>.hp4d-cat){margin:32px 0 0}
.hp4d-tbl>.hp4d-cat{margin:0;border:0}
.hp4d-cat a{font-weight:700;color:var(--k)}
.hp4d-cat td:nth-child(3){font:12px var(--f-m);text-transform:uppercase;white-space:nowrap}
.hp4d-cat td:nth-child(4){color:var(--c-muted);font-size:14px}
@media (max-width:760px){.hp4d-cat thead{display:none}.hp4d-cat tr{display:grid;grid-template-columns:1fr;border-top:var(--b);border-left:5px solid var(--y)}.hp4d-cat td{border:0!important}.hp4d-cat td:nth-child(n+3){padding-top:0}}

.hp4d-prose>h2:not(.hp4d-relh)::before{content:"";display:inline-block;width:14px;height:14px;margin-right:12px;background:var(--y);border:var(--b);vertical-align:2px}