@font-face{font-family:'DM Sans';src:url('https://loop.heep.one/fonts/dm-sans-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('https://loop.heep.one/fonts/dm-sans-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'DM Sans';src:url('https://loop.heep.one/fonts/dm-sans-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'DM Sans';src:url('https://loop.heep.one/fonts/dm-sans-700.ttf') format('truetype');font-weight:700;font-display:swap}
/* Shared three-size UI typography. User decision 2026-10-05. */
:root{--heep-type-text:18px;--heep-type-section:24px;--heep-type-title:36px}
html:root body.heep-typography[data-type-scale],html:root body.heep-typography[data-type-scale] *{font-family:'DM Sans',sans-serif!important;font-size:var(--heep-type-text)!important;letter-spacing:normal;line-height:1.55}
html:root body.heep-typography[data-type-scale] :is(h1,.page-title,.sl-headline,.hero h1){font-size:var(--heep-type-title)!important;line-height:1.15!important;overflow-wrap:break-word}
html:root body.heep-typography[data-type-scale] :is(h2,h3,.s-head,.help-section-title,.section-heading,.card-heading,.heep-product-card h3,.lc-title,.wf-name){font-size:var(--heep-type-section)!important;line-height:1.3!important;overflow-wrap:break-word}
html:root body.heep-typography[data-type-scale] :is(h1,h2,h3,.page-title,.sl-headline,.s-head,.help-section-title,.section-heading,.card-heading,.lc-title,.wf-name) *{font-size:inherit!important;line-height:inherit!important}
html:root body.heep-typography[data-type-scale] :is(.navbar,.mobile-menu,.header nav,.lang-switch,.app-footer,.footer),html:root body.heep-typography[data-type-scale] :is(.navbar,.mobile-menu,.header nav,.lang-switch,.app-footer,.footer) *{font-size:var(--heep-type-text)!important;line-height:1.4!important}
html:root body.heep-typography[data-type-scale] :is(.page-sub,.page-subtitle,.hero-sub,.heep-product-lead,.hero-description,.subheader p){font-size:var(--heep-type-text)!important;line-height:1.65!important}
html:root body.heep-typography[data-type-scale] p{line-height:1.65}
html:root body.heep-typography[data-type-scale] :is(.navbar a,.nav-link){white-space:nowrap;flex-shrink:0}
html:root body.heep-typography[data-type-scale] .subheader{flex-wrap:wrap;gap:12px}
html:root body.heep-typography[data-type-scale] .tab-bar{overflow-x:auto}
html:root body.heep-typography[data-type-scale] :is(.badge,.tag){height:auto;white-space:normal}
@media(max-width:640px){html:root body.heep-typography[data-type-scale] .navbar{padding-left:12px;padding-right:12px;gap:8px}html:root body.heep-typography[data-type-scale] .navbar-logo img{max-width:100px;height:auto}html:root body.heep-typography[data-type-scale] .navbar-right{gap:6px}html:root body.heep-typography[data-type-scale] .lang-switch{gap:3px}}

html:root body.heep-typography[data-type-scale] .deadline-badge{white-space:normal;max-width:100%;height:auto;overflow-wrap:anywhere}
@media(max-width:640px){html:root body.heep-typography[data-type-scale] .navbar-inner{gap:8px;padding-left:0;padding-right:0}html:root body.heep-typography[data-type-scale] .navbar-top .navbar-inner>a img{max-width:100px;height:auto}html:root body.heep-typography[data-type-scale] .navbar-login-btn{padding:8px}}

html:root body.heep-typography[data-type-scale] .sm-section{min-width:0}
html:root body.heep-typography[data-type-scale] .sm-section a{flex-wrap:wrap;overflow-wrap:anywhere}
html:root body.heep-typography[data-type-scale] .sm-section .sm-path{white-space:normal;overflow-wrap:anywhere;max-width:100%}