/* My account forms, inside the product shell. Hairline fields, square corners, 16px text so phones do not zoom. */
body.product-page .account-root { display:contents; }
body.product-page .account-card h2 { margin-bottom:18px; }
body.product-page .account-form { display:grid; gap:16px; margin:0; }
body.product-page .account-field { display:grid; gap:6px; }
body.product-page .account-field label { font-size:13px; letter-spacing:.2px; }
body.product-page .account-field input { width:100%; min-height:46px; padding:10px 12px; border:1px solid var(--product-line); border-radius:0; background:#fff; color:var(--product-ink); font:16px Helvetica,Arial,sans-serif; transition:border-color .15s ease; }
body.product-page .account-field input:hover { border-color:#a9afb5; }
body.product-page .account-field input:focus { border-color:var(--product-ink); }
body.product-page .account-hint { margin:0; color:#586579; font-size:12px; line-height:1.5; }
body.product-page .account-form .product-actions { margin-top:4px; }
body.product-page .account-status:empty { display:none; }
body.product-page .account-message { margin:0 0 4px; font-size:14px; line-height:1.6; }
body.product-page .account-message.error { color:#801e34; }
body.product-page .account-message.info { color:#586579; }
body.product-page .account-switch { display:flex; flex-wrap:wrap; gap:8px 22px; margin-top:20px; }
body.product-page .account-link { min-height:44px; padding:0; border:0; background:none; color:var(--product-ink); font:14px Helvetica,Arial,sans-serif; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
body.product-page .account-link:hover { color:var(--product-accent); }
body.product-page .account-card p.account-email { margin:0 0 4px; font-size:20px; overflow-wrap:anywhere; }
body.product-page .account-count { font-size:15px; }
body.product-page .account-details { margin-top:26px; border-top:1px solid var(--product-line); padding-top:18px; }
body.product-page .account-details summary { min-height:44px; display:flex; align-items:center; cursor:pointer; font-size:14px; }
body.product-page .account-details[open] summary { margin-bottom:12px; }
body.product-page .account-card > .account-message { margin-bottom:16px; }
body.product-page .account-loading { min-height:240px; }
/* Designs stored in the account, below the cards; removal and account deletion are explicit two-step actions. */
body.product-page .account-cloud { margin:8px 0 0; }
body.product-page .account-cloud[hidden] { display:none; }
body.product-page .account-cloud-title { margin:0 0 8px; font-family:'Didot','Bodoni 72',Georgia,serif; font-size:clamp(24px,3vw,30px); font-weight:400; line-height:1.2; }
body.product-page .account-cloud-note { margin:0 0 4px; max-width:72ch; font-size:14px; line-height:1.7; }
body.product-page .account-cloud > .account-message { margin:14px 0 0; }
body.product-page .account-cloud > .product-actions { margin-top:14px; }
body.product-page .account-cloud > .product-empty { margin-top:18px; }
body.product-page .account-designs { margin:18px 0 0; }
body.product-page .account-design-title { margin:0 0 10px; font-family:'Didot','Bodoni 72',Georgia,serif; font-size:20px; font-weight:400; line-height:1.35; overflow-wrap:anywhere; }
body.product-page .account-design .account-status { margin-top:12px; }
body.product-page .account-design .product-actions { margin-top:16px; }
body.product-page .product-button.account-danger { background:#801e34; border-color:#801e34; color:#fff; }
body.product-page .product-button.account-danger-outline { color:#801e34; border-color:#801e34; }
body.product-page .account-delete-intro { margin:0 0 6px; font-size:14px; line-height:1.7; }
body.product-page .account-delete-list { margin:0 0 12px; padding-left:20px; font-size:14px; line-height:1.7; overflow-wrap:anywhere; }
body.product-page .account-delete .account-form { margin-top:16px; }
/* Mailing-list opt-in at sign-up and the join/leave control when signed in. */
body.product-page .account-check label { display:flex; align-items:flex-start; gap:12px; min-height:44px; padding:10px 0; cursor:pointer; font-size:14px; line-height:1.5; }
body.product-page .account-check input { flex:none; width:22px; height:22px; margin:0; accent-color:var(--product-ink); cursor:pointer; }
body.product-page .account-check .account-hint { margin:0 0 0 34px; }
body.product-page .account-updates { margin-top:18px; padding-top:16px; border-top:1px solid var(--product-line); }
body.product-page .account-updates .product-actions { margin-top:12px; }
body.product-page .account-updates-state { margin:0; }
body.product-page .account-updates .account-message { margin-top:8px; }