/* Product deep links stay readable alongside their corresponding workflow. */
.hiw-detail { position: relative; margin-top: 64px; padding: 48px 0 0 25%; border-top: 1px solid var(--fog); scroll-margin-top: 110px; }
.hiw-detail .hiw-detail-label { position: absolute; top: 48px; left: 0; width: 21%; margin: 4px 0 0; color: var(--moss); font-size: 13px; font-weight: 500; }
.hiw-detail h2 { font-size: clamp(26px, 3vw, 34px); font-weight: 400; line-height: 1.2; letter-spacing: -.03em; text-wrap: balance; }
.hiw-detail h3 { margin-top: 28px; font-size: 19px; font-weight: 500; line-height: 1.35; letter-spacing: -.015em; scroll-margin-top: 110px; }
.hiw-detail p, .hiw-detail ul { margin-top: 18px; color: var(--moss); font-size: 16px; line-height: 1.75; }
.hiw-detail ul { padding-left: 20px; }
.hiw-detail li { margin-top: 8px; padding-left: 4px; }
.hiw-detail strong { color: var(--ink); font-weight: 500; }
.hiw-calendar-preview { max-width: 512px; margin-top: 32px; }
.hiw-calendar-preview img { display: block; width: 100%; height: auto; border: 1px solid var(--fog); border-radius: 14px; }
.hiw-calendar-preview figcaption { margin-top: 12px; color: var(--moss); font-size: 13px; }
@media (max-width: 700px) { .hiw-detail { margin-top: 44px; padding: 32px 0 0; } .hiw-detail .hiw-detail-label { position: static; width: auto; margin: 0 0 16px; } }