/* Shared reading and action hierarchy for Motifs pages. */
:root{--motifs-body:16px;--motifs-help:14px;--motifs-ui:'DM Sans',Arial,sans-serif;--motifs-editorial:'Cormorant Garamond',Georgia,serif}
body,button,input,select,textarea{font-family:var(--motifs-ui)}body{font-size:var(--motifs-body);line-height:1.6}
#canvas h1{font-family:var(--motifs-editorial);font-size:clamp(34px,4vw,48px);line-height:1.15;font-weight:500;letter-spacing:-.5px}
#canvas .hero h1{font-size:clamp(40px,4.5vw,60px);line-height:1.12}#canvas h2{font-family:var(--motifs-editorial);font-size:clamp(28px,3vw,36px);line-height:1.2;font-weight:500}
#canvas .product h3,#canvas .selected .product h3{font-family:var(--motifs-editorial);font-size:24px;line-height:1.25;font-weight:500}
#canvas p,#canvas .product p{font-size:16px;line-height:1.6}#canvas .draft-note,#canvas .reference-credit,#canvas .permission-options p{font-family:var(--motifs-ui);font-size:14px;line-height:1.6}
#canvas .eyebrow{font-size:12px;letter-spacing:1.4px}#canvas header nav{font-size:16px}
#canvas .editorial p{max-width:68ch}#canvas .editorial{overflow-wrap:break-word}
input,textarea,select,.checkout-card input,.checkout-card textarea,.checkout-card select{font-size:16px}button,.button{font-size:16px;font-weight:500;min-height:44px}
.checkout-shell h1,.checkout-shell h1.order-heading{font-family:var(--motifs-ui);font-size:clamp(28px,3vw,32px);line-height:1.25;font-weight:600;letter-spacing:-.3px}
.checkout-shell .checkout-card h2{font-family:var(--motifs-ui);font-size:22px;line-height:1.3;font-weight:500}.checkout-shell p{font-size:16px;line-height:1.6}.checkout-shell .order-reference,.checkout-shell .customer-order-reference{font-size:14px;overflow-wrap:anywhere}
.orders-admin{font-size:16px}.orders-admin .checkout-shell h1{font-size:30px}.orders-admin .checkout-shell h2{font-size:22px}.orders-admin .order-filters input,.orders-admin .order-filters select{font-size:16px}.orders-admin .muted,.orders-admin small{font-size:14px}.orders-admin .orders-table{font-size:14px}.orders-admin .orders-table th{font-size:13px}.orders-admin .status-badge{font-size:13px}
.motifs-assistant{font:16px/1.6 var(--motifs-ui)}.motifs-assistant .assistant-head h2{font:500 24px/1.25 var(--motifs-ui)}.motifs-assistant .assistant-eyebrow{font-size:12px}.motifs-assistant .assistant-notice{font-size:14px}.motifs-assistant textarea{font:16px/1.5 var(--motifs-ui)}
@media(max-width:700px){#canvas h1{font-size:34px}#canvas .hero h1{font-size:38px}#canvas h2{font-size:28px}#canvas .product h3,#canvas .selected .product h3{font-size:22px}.checkout-shell h1,.checkout-shell h1.order-heading,.orders-admin .checkout-shell h1{font-size:28px}.checkout-shell .checkout-card h2{font-size:21px}}
body:not([data-page="checkout.html"]):has(input:focus,textarea:focus,select:focus) .help-launch{visibility:hidden;pointer-events:none}
/* Checkout controls must stay unobstructed when an input loses focus. */
body[data-page="checkout.html"] .help-launch{position:static;margin:16px;max-width:none;justify-content:flex-end}
@media(max-width:700px){.help-launch{position:static;margin:16px;max-width:none;justify-content:flex-end}.motifs-assistant .assistant-head h2{font-size:22px}}