/* Shared readable type scale; controls retain comfortable touch targets. */
html body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px!important;line-height:1.5}
html body main h1{font-size:clamp(26px,3vw,34px)!important;line-height:1.2}
html body main h2{font-size:23px!important;line-height:1.3}
html body main h3{font-size:18px!important;line-height:1.35}
html body main p{line-height:1.5}
html body .phone-scroll h1{font-size:26px!important}html body .phone-scroll h2{font-size:21px!important}
html body .business-card h3,html body .publication-card h3,html body #theme-title{font-size:18px!important;line-height:1.35;overflow-wrap:anywhere}
html body .deck-page p{font-size:15px!important}html body .deck-page .eyebrow{font-size:11px!important}
html body input,html body select,html body textarea{font-size:16px!important}
#theme-preview{margin:14px 0;min-height:130px;padding:18px;max-width:540px;box-sizing:border-box}
#theme-preview .eyebrow{font-size:11px!important;line-height:1.35;margin:0 0 8px}#theme-preview p:not(.eyebrow){font-size:14px!important;margin:8px 0}
#theme-image{float:right!important;width:96px!important;height:96px!important;margin:0 0 10px 14px!important;object-fit:cover}
#photo-crop{max-width:540px;background:#eef7ff;border:1px solid #bbd7ef;border-radius:18px;padding:16px;box-sizing:border-box}
#photo-crop[hidden]{display:none}#photo-crop label{display:block;font-size:14px!important;font-weight:600}#photo-crop input{display:block;width:100%;min-height:36px;accent-color:#0054e9;padding:0}#photo-crop button{min-height:44px}
.theme-editor #theme-save{position:sticky;bottom:10px;z-index:2;box-shadow:0 3px 14px #19395d26;max-width:100%;white-space:normal}
#photo-status:not(:empty),#theme-status:not(:empty){padding:10px 12px;border-radius:12px;background:#eef7ff;color:#19395d;font-size:14px!important}
@media(max-width:480px){html body main h1{font-size:26px!important}html body main h2{font-size:21px!important}#theme-preview{padding:12px}#theme-image{width:80px!important;height:80px!important;margin-left:10px!important}.theme-editor fieldset{padding:12px}}

html body.polished main .hero h1{font-size:clamp(26px,3vw,34px)!important}
html body.polished main.phone-shell .hero h1{font-size:26px!important}
@media(max-width:480px){html body.polished main .hero h1{font-size:26px!important}}