/* Shared editorial movement and reading rhythm; no layout changes to forms or reports. */
:root{--hta-story-ease:cubic-bezier(.19,1,.22,1)}
.hta-motion-ready .hta-scroll-scene{transition:opacity .72s var(--hta-story-ease) var(--hta-stagger,0ms),translate .85s var(--hta-story-ease) var(--hta-stagger,0ms)}
.hta-motion-ready .hta-scroll-scene:not(.hta-revealed){opacity:.22;translate:0 22px}
.hta-motion-ready .hta-scroll-scene.hta-revealed{opacity:1;translate:0 0}
.hta-depth-image{transition:translate .25s linear,rotate .45s var(--hta-story-ease);backface-visibility:hidden;transform-origin:center}
/* Covers keep their complete typography in listings and in the reader. */
img.hta-editorial-cover{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain!important;background:#f5f8fc}
.hta-story-cover{overflow:hidden;border-radius:24px;background:#f4f8fd;border:1px solid #e4ecf3}
.hta-story-cover img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.hta-story-cover figcaption{padding:10px 18px;background:#fff;color:#526779;font:400 12px/1.8 Kanit,sans-serif}
.hta-story-next{margin:40px 0 24px!important;padding:24px 26px;border:1px solid #dce7f1;border-radius:24px;background:linear-gradient(120deg,#fff,#f0f8fa);color:#142f47}
.hta-story-next small{display:block;color:#087f82;font-size:12px;letter-spacing:.7px;margin-bottom:9px}
.hta-story-next p{margin:0 0 14px!important;font:400 16px/1.9 Kanit,sans-serif!important}
.hta-story-next a{display:inline-flex;align-items:center;gap:18px;min-height:44px;color:#2155dc!important;font-weight:500;text-decoration:none!important}
.hta-story-next a::after{content:'↗';font-size:23px;transition:translate .25s}
.hta-story-next a:hover::after{translate:3px -3px}
.hta-story-next a:focus-visible{outline:3px solid #087f82;outline-offset:5px;border-radius:4px}
.hta-member-workshop :is(h2,h3),.hta-business-guide :is(h2,h3),.hta-edition :is(h2,h3){scroll-margin-top:110px}
.hta-member-workshop p,.hta-business-guide p{overflow-wrap:break-word;text-wrap:pretty}
.hta-member-workshop :is(code,pre),.hta-business-guide :is(code,pre){max-width:100%;overflow:auto}
@media(hover:hover) and (pointer:fine){
 .hta-story-cover{transition:box-shadow .35s,border-color .35s}.hta-story-cover:hover{border-color:#bed2e8;box-shadow:0 18px 40px -30px #2155dc60}
 .hta-story-next{transition:border-color .25s,box-shadow .25s}.hta-story-next:hover{border-color:#b9cee7;box-shadow:0 12px 30px -25px #2155dc50}
}
@media(max-width:760px){.hta-motion-ready .hta-scroll-scene:not(.hta-revealed){translate:0 14px}.hta-story-cover{border-radius:16px}.hta-story-next{padding:20px;border-radius:18px}.hta-story-next p{font-size:15px!important}}
@media(prefers-reduced-motion:reduce){.hta-scroll-scene,.hta-depth-image,.hta-story-next,.hta-story-cover,.hta-story-next a::after{transition:none!important;translate:none!important;rotate:none!important;opacity:1!important}}
html[data-hta-motion=off] :is(.hta-scroll-scene,.hta-depth-image,.hta-story-next a::after){transition:none!important;translate:none!important;rotate:none!important;opacity:1!important}
@media print{.hta-scroll-scene{opacity:1!important;translate:none!important}.hta-depth-image{translate:none!important}.hta-story-next{display:none}}
/* Recheck: keep typographic covers steady and mobile controls easy to read. */
.hta-private-card-message h3{color:#142f47;line-height:1.5}
.hta-private-card-message p{color:#526779}
.hta-private-card-message .hta-button{min-height:46px;border-radius:14px}
#hta-live-report :is(button,input,select){font-family:Kanit,"HTA UI",sans-serif}
#hta-live-report :is(button,a,input,select):focus-visible{outline:3px solid #087f82;outline-offset:3px}
@media(max-width:760px){
 .hta-public-card.hta-private-card{min-height:270px!important;height:auto!important}
 .hta-public-card.hta-private-card>.hta-private-shapes{position:absolute!important;inset:0;height:100%!important;pointer-events:none}
 .hta-private-card-message{position:relative!important;inset:auto!important;width:100%;padding:20px!important;gap:10px}
 .hta-private-card-message h3{font-size:19px!important;margin:0!important}
 .hta-private-card-message p{font-size:14px!important;line-height:1.8;margin:0!important}
 .hta-private-card-message .hta-button{margin-top:4px;font-size:14px}
 #hta-live-report :is(input:not([type=checkbox]):not([type=radio]),select){font-size:16px!important;min-height:46px;border-radius:12px}
 #hta-live-report .button{font-size:14px!important;line-height:1.5;min-height:46px;border-radius:12px;white-space:normal}
 #hta-live-report :is(.nav-item,.project-label,.report-platform){font-size:14px!important}
 #hta-live-report .report-nav-links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible!important}
 #hta-live-report .report-nav-links .nav-item{min-width:0!important;min-height:60px;white-space:normal!important;line-height:1.45;justify-content:center;padding:8px 6px}
 #hta-live-report label{font-size:13px}
 .dashboard-setup select{font-size:16px!important;min-height:46px}
}