/* Mein Garden: Garden typography and spacing, layered after mein-garden.css. */
.my-garden {
  --garden-type-display:42px; --garden-leading-display:56px;
  --garden-type-body:24px; --garden-leading-body:32px;
  --garden-type-ui:17px; --garden-leading-ui:24px;
  --garden-type-small:12px; --garden-leading-small:18px;
  font:400 var(--garden-type-body)/var(--garden-leading-body) var(--sans);
}
.my-garden .site-header {padding:24px 40px;gap:24px;flex-wrap:wrap}
.my-garden .wordmark,.my-garden .mono,.my-garden .eyebrow {font:400 var(--garden-type-ui)/var(--garden-leading-ui) var(--mono)}
.my-garden .wordmark-sep {margin-inline:1ch}
.my-garden .mg-wrap {width:min(1280px,calc(100% - 80px));margin:48px auto 96px}
.my-garden .mg-wrap>.eyebrow {margin:0 0 24px}
.my-garden .mg-wrap h1,.my-garden .mg-wrap h2 {font:500 var(--garden-type-display)/var(--garden-leading-display) var(--sans);letter-spacing:0}
.my-garden .mg-wrap h1 {margin:0 0 48px}
.my-garden .mg-wrap h1 span {color:var(--purple)}
.my-garden .mg-wrap h3 {font:500 var(--garden-type-body)/var(--garden-leading-body) var(--sans);letter-spacing:0}
.my-garden .mg-auth-card {max-width:680px;border:0;padding:0}
.my-garden .mg-auth-card form {gap:24px;margin-top:32px}
.my-garden .mg-auth-card form h2 {margin:0 0 8px}
.my-garden .mg-auth-card label,.my-garden .mg-grid label,.my-garden .mg-reply-form label {display:grid;gap:8px;font:400 var(--garden-type-ui)/var(--garden-leading-ui) var(--mono)}
.my-garden .mg-auth-card input,.my-garden .mg-grid input,.my-garden .mg-grid textarea,.my-garden .mg-reply-form textarea,.my-garden .mg-reply-form input[type=file] {font:400 var(--garden-type-ui)/var(--garden-leading-ui) var(--sans);padding:12px;border-color:var(--rule);background:transparent;min-width:0;max-width:100%;border-radius:0}
.my-garden .mg-grid input[type=file],.my-garden .mg-reply-form input[type=file] {padding:12px 0;border:0}
.my-garden input[type=file]::file-selector-button {font:400 var(--garden-type-ui)/var(--garden-leading-ui) var(--mono);padding:8px 12px;margin-right:1ch;border:1px solid var(--rule);border-radius:0;background:transparent;color:var(--ink);cursor:pointer}
.my-garden .mg-auth-card input:focus,.my-garden .mg-grid input:focus,.my-garden .mg-grid textarea:focus,.my-garden .mg-reply-form textarea:focus {outline:2px solid var(--purple);outline-offset:2px}
.my-garden .button {font:400 var(--garden-type-ui)/var(--garden-leading-ui) var(--mono);gap:1ch;padding:12px 20px}
.my-garden .text-link,.my-garden .mg-auth-card .text-link,.my-garden .mg-conversation-head>button,.my-garden .mg-invoice a,.my-garden .mg-grid ul a,.my-garden .mg-message a,.my-garden .mg-footer a {font:400 var(--garden-type-ui)/var(--garden-leading-ui) var(--mono);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;border:0;padding:0;gap:1ch;width:fit-content;max-width:100%;align-self:flex-start;text-align:left}
.my-garden .mg-account-bar {padding:0;margin:0 0 32px;border:0;gap:24px}
.my-garden .mg-orders {gap:32px;margin:24px 0 48px}
.my-garden .mg-order-card {min-height:0;gap:12px;padding:0 0 24px;border:0;background:none;text-align:left;align-content:start}
.my-garden .mg-order-card[aria-pressed=true] {background:none;border:0}
.my-garden .mg-order-card[aria-pressed=true] strong {text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--purple)}
.my-garden .mg-order-card strong {font:500 var(--garden-type-body)/var(--garden-leading-body) var(--sans)}
.my-garden .mg-order-card>span {font:400 var(--garden-type-ui)/var(--garden-leading-ui) var(--mono);overflow-wrap:anywhere}
.my-garden .mg-order {border:0;padding:0;margin:0 0 24px;gap:24px}
.my-garden .mg-facts {border:0;margin:0 0 24px;gap:24px}
.my-garden .mg-facts>div {padding:0;min-width:0}
.my-garden .mg-facts dt {font:400 var(--garden-type-small)/var(--garden-leading-small) var(--mono)}
.my-garden .mg-facts dd {font:400 var(--garden-type-ui)/var(--garden-leading-ui) var(--mono);margin:8px 0 0;overflow-wrap:anywhere}
.my-garden .mg-invoice {font:400 var(--garden-type-ui)/var(--garden-leading-ui) var(--mono)}
.my-garden .mg-grid {gap:48px;margin-top:48px;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr)}
.my-garden .mg-grid>section,.my-garden .mg-grid>aside {min-width:0}
.my-garden .mg-grid h2 {margin:0 0 24px}
.my-garden .mg-grid p,.my-garden .mg-results p,.my-garden .mg-message p {line-height:var(--garden-leading-body)}
.my-garden .mg-grid form {gap:24px;margin-top:32px}
.my-garden .mg-grid label small,.my-garden .mg-private,.my-garden .mg-save-state,.my-garden .mg-auth-feedback:not(:empty),.my-garden #mg-auth-message,.my-garden .mg-reply-form>[role=status],.my-garden #mg-upload>[role=status] {font:400 var(--garden-type-small)/var(--garden-leading-small) var(--mono)}
.my-garden .mg-save-state,.my-garden .mg-auth-feedback:not(:empty) {padding:0;border:0;background:none}
.my-garden #mg-auth-message:not(:empty) {margin-top:24px}
.my-garden .mg-actions {gap:16px}
.my-garden .mg-grid ul {margin:24px 0 0;padding:0;list-style:none;font:400 var(--garden-type-ui)/var(--garden-leading-ui) var(--mono)}
.my-garden .mg-grid ul li+li {margin-top:16px}
.my-garden .mg-private {margin-top:24px}
.my-garden .mg-results {border:0;padding:0;margin-top:48px;white-space:normal}
.my-garden .mg-results h2 {margin-bottom:24px}
.my-garden .mg-results p {white-space:pre-wrap}
.my-garden .mg-conversation {margin-top:48px;border:0;padding:0}
.my-garden .mg-conversation-head {gap:24px;margin-bottom:24px}
.my-garden .mg-thread {gap:32px;margin:32px 0}
.my-garden .mg-message {max-width:800px;padding:0;border:0;background:none;font:400 var(--garden-type-ui)/var(--garden-leading-ui) var(--mono);overflow-wrap:anywhere}
.my-garden .mg-message strong {font:400 var(--garden-type-small)/var(--garden-leading-small) var(--mono)}
.my-garden .mg-message p {font:400 var(--garden-type-body)/var(--garden-leading-body) var(--sans);margin:12px 0 0}
.my-garden .mg-reply-form {gap:24px}
.my-garden .mg-footer {gap:24px;flex-wrap:wrap;border:0;padding:32px max(40px,calc((100% - 1200px)/2))}
.my-garden .dm-ink-focus .dm-link-ink {color:var(--dm-ink-accent,#d3188f);-webkit-text-fill-color:var(--dm-ink-accent,#d3188f)}
@media(max-width:1000px){.my-garden .mg-grid {grid-template-columns:1fr}.my-garden .mg-orders {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.my-garden .site-header {padding:24px 22px}.my-garden .mg-wrap {width:calc(100% - 44px);margin:32px auto 64px}.my-garden .mg-wrap h1 {margin-bottom:32px}.my-garden .mg-orders {grid-template-columns:1fr}.my-garden .mg-facts {grid-template-columns:repeat(2,minmax(0,1fr))}.my-garden .mg-footer {padding:32px 22px}.my-garden .site-header>.mono {font:400 var(--garden-type-small)/var(--garden-leading-small) var(--mono)}}
@media(forced-colors:active){.my-garden .dm-ink-focus .dm-link-ink {color:LinkText;-webkit-text-fill-color:LinkText}}

/* Match the main Garden page grid. */
.my-garden .mg-wrap{width:100%;max-width:1440px;padding-inline:var(--margin);box-sizing:border-box}
.my-garden .site-header{padding-inline:var(--margin)}
.my-garden .mg-footer{max-width:1440px;margin-inline:auto;padding-inline:var(--margin)}

/* Account tasks use the same 12-column editorial grid as Garden. */
.my-garden{--mg-gutter:20px}
.my-garden .mg-wrap{max-width:1440px;width:100%;padding-inline:var(--margin)}
.my-garden #mg-content>.mg-account-bar{margin-bottom:48px;align-items:baseline}
.my-garden #mg-content>h2{font:400 17px/24px var(--mono);margin:0 0 24px}
.my-garden .mg-orders{display:flex;flex-wrap:wrap;gap:24px 48px;margin:0 0 64px}
.my-garden .mg-order-card{flex:0 1 300px;gap:8px;padding:0;text-align:left}
.my-garden .mg-order-card>span:nth-child(3),.my-garden .mg-order-card>span:nth-child(4){font:400 12px/18px var(--mono)}
.my-garden #mg-detail{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--mg-gutter)}
.my-garden .mg-order{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--mg-gutter);row-gap:16px;margin:0 0 24px}
.my-garden .mg-order>.mono:first-child{grid-column:1/-1}
.my-garden .mg-order h2{grid-column:1/9;margin:0;font:500 42px/56px var(--sans)}
.my-garden .mg-order>.mono:last-child{grid-column:9/-1;align-self:center;justify-self:end}
.my-garden .mg-billing{grid-column:6/-1;margin-bottom:48px}
.my-garden .mg-billing>summary{list-style:none;cursor:pointer;min-height:44px;align-content:center}
.my-garden .mg-billing>summary::-webkit-details-marker{display:none}
.my-garden .mg-billing .mg-facts{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}
.my-garden .mg-billing .mg-invoice{font:400 17px/24px var(--mono);margin:24px 0 0;max-width:62ch}
.my-garden .mg-section-nav{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:16px 32px;margin:0 0 64px}
.my-garden .mg-section-nav .text-link{font:400 17px/24px var(--mono);gap:1ch}
.my-garden .mg-workspace{grid-column:1/-1;display:block;margin:0}
.my-garden .mg-section{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--mg-gutter);margin:0 0 96px;padding:0;border:0;scroll-margin-top:120px}
.my-garden .mg-section-head{grid-column:1/5;min-width:0}
.my-garden .mg-section-body{grid-column:6/-1;min-width:0}
.my-garden .mg-section-head h2{font:500 42px/56px var(--sans);letter-spacing:0;margin:0 0 24px}
.my-garden .mg-section-head p{font:400 24px/32px var(--sans);max-width:30ch;margin:0}
.my-garden .mg-section-body form{margin:0;display:grid;gap:32px}
.my-garden .mg-section-body form label{margin:0}
.my-garden .mg-section-body textarea{min-height:128px;line-height:24px;background:transparent}
.my-garden .mg-section-body .mg-actions{gap:16px 24px;align-items:center}
.my-garden .mg-section-body .mg-save-state{margin:0;font:400 12px/18px var(--mono)}
.my-garden .mg-section-body ul{margin:32px 0 0}
.my-garden .mg-section-body>p:not(.mg-private){font:400 24px/32px var(--sans)}
.my-garden .mg-section-body .mg-private{margin-top:16px}
.my-garden .mg-section-body>.text-link{margin-bottom:24px}
.my-garden .mg-conversation{grid-column:1/-1;margin-top:0}
.my-garden .mg-thread{margin:0 0 32px;gap:32px}
.my-garden .mg-message{padding:0 0 24px;max-width:none}
.my-garden .mg-message strong{font:400 12px/18px var(--mono)}
.my-garden .mg-message p{font:400 24px/32px var(--sans);margin-top:12px}
.my-garden .mg-results{grid-column:1/-1;margin-top:0}
.my-garden .mg-section-body .mg-reply-form{gap:16px}
.my-garden .mg-section-body .mg-reply-form label{font:400 17px/24px var(--mono)}
@media(max-width:900px){
 .my-garden .mg-order h2{grid-column:1/-1}.my-garden .mg-order>.mono:last-child{grid-column:1/-1;justify-self:start}
 .my-garden .mg-billing{grid-column:1/-1}
 .my-garden .mg-section{grid-template-columns:1fr;row-gap:32px;margin-bottom:64px}
 .my-garden .mg-section-head,.my-garden .mg-section-body{grid-column:1}
 .my-garden .mg-section-head p{max-width:62ch}
 .my-garden .mg-section-nav{margin-bottom:48px}
}
@media(max-width:520px){
 .my-garden .mg-orders{display:grid;grid-template-columns:1fr;gap:32px;margin-bottom:48px}
 .my-garden .mg-billing .mg-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .my-garden .mg-section-body .mg-actions{align-items:flex-start;flex-direction:column}
 .my-garden .mg-order h2,.my-garden .mg-section-head h2{overflow-wrap:anywhere}
}

/* One order needs no duplicate selector; align every page edge with Garden .wrap. */
.my-garden .site-header{padding-inline:max(var(--margin),calc((100% - 1440px)/2 + var(--margin)))}
.my-garden .mg-single-order>#mg-orders,.my-garden .mg-single-order>h2{display:none}
.my-garden #mg-content>.mg-account-bar{margin-bottom:32px}
.my-garden .mg-billing{grid-column:1/-1;margin-bottom:32px}
.my-garden .text-link{justify-content:flex-start;gap:1ch;text-decoration:none}
.my-garden .mg-order-card[aria-pressed=true] strong{text-decoration-color:currentColor}
.my-garden .text-link,.my-garden .mg-auth-card .text-link,.my-garden .mg-footer a{background-image:none;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}
.my-garden .mg-billing>summary{min-height:0;display:flex}

.my-garden .mg-account-identity{display:flex;flex-wrap:wrap;gap:0 1ch;overflow-wrap:anywhere}
.my-garden #mg-header-actions{margin-left:auto}
.my-garden #mg-logout[hidden]{display:none}

/* Upload: one chooser, limits beside the control, one explicit upload action. */
.my-garden #mg-upload{gap:16px;margin-top:0}
.my-garden #mg-upload .mg-upload-hint{font:400 12px/18px var(--mono);margin:0;max-width:60ch}
.my-garden #mg-upload>label{gap:0}
.my-garden #mg-upload input[type=file]{font:400 17px/24px var(--mono);padding:0;min-height:44px}
.my-garden #mg-upload .text-link:disabled{opacity:.45;cursor:default}
.my-garden #mg-upload>[role=status]:empty{display:none}

/* Preparation is a writing surface: readable questions and quiet, generous fields. */
.my-garden #mg-form{gap:40px}
.my-garden #mg-form>label{font:500 24px/32px var(--sans);letter-spacing:0;gap:12px}
.my-garden #mg-form>label small{font:400 12px/18px var(--mono);max-width:65ch}
.my-garden #mg-form textarea{font:400 24px/32px var(--sans);letter-spacing:0;background:#eeebf2;border:0;padding:24px;min-height:192px;resize:vertical;caret-color:var(--purple);transition:background-color .18s ease;}
.my-garden #mg-form textarea:hover{background:#e9e4ef}
.my-garden #mg-form textarea:focus{background:#e5deee;outline:2px solid var(--purple);outline-offset:3px}
.my-garden #mg-form textarea::placeholder{color:#62596b;opacity:1}
.my-garden #mg-form textarea::selection{background:#d2bce5;color:var(--ink)}
.my-garden #mg-form textarea[readonly]{background:#eeede9;resize:none}
@media(max-width:760px){.my-garden #mg-form textarea{padding:20px;min-height:224px}.my-garden #mg-form{gap:32px}}
@media(prefers-reduced-motion:reduce){.my-garden #mg-form textarea{transition:none}}
/* Align answer text with its question; let the writing surface bleed into the gutter. */
.my-garden #mg-form textarea{width:calc(100% + 48px);max-width:none;margin-inline:-24px}
@media(max-width:760px){.my-garden #mg-form textarea{width:calc(100% + 40px);margin-inline:-20px}}
/* One reading style throughout the preparation, hierarchy through space. */
.my-garden #mg-form>label,.my-garden #mg-form>label small,.my-garden #mg-form textarea{font:400 24px/32px var(--sans);letter-spacing:0}
.my-garden #mg-form>label small{color:#62596b}

/* User correction: contained fields, answer text in the established mono UI size. */
.my-garden #mg-form textarea{font:400 17px/24px var(--mono);width:100%;max-width:100%;margin-inline:0;letter-spacing:0}

.my-garden #mg-form>label small{font:400 17px/24px var(--mono);letter-spacing:0;margin:0}

/* Unified form contract: questions 24, entry/help/actions 17, titles 42. */
.my-garden .mg-section-body form{gap:32px}
.my-garden #mg-form{gap:32px}
.my-garden .mg-field-title,.my-garden .mg-reply-form>label,.my-garden .mg-auth-card label{font:400 24px/32px var(--sans);letter-spacing:0}
.my-garden .mg-field-optional{font:400 17px/24px var(--mono);color:#62596b}
.my-garden #mg-form>label{gap:12px}
.my-garden #mg-form textarea,.my-garden .mg-reply-form textarea,.my-garden .mg-auth-card input{font:400 17px/24px var(--mono);letter-spacing:0;width:100%;max-width:100%;margin:0;padding:20px;min-width:0;box-sizing:border-box;background:#eeebf2;border:1px solid transparent;border-radius:0;caret-color:var(--purple)}
.my-garden #mg-form textarea,.my-garden .mg-reply-form textarea{min-height:160px;resize:vertical}
.my-garden .mg-auth-card input{min-height:56px}
.my-garden #mg-form textarea:focus,.my-garden .mg-reply-form textarea:focus,.my-garden .mg-auth-card input:focus{background:#e5deee;outline:2px solid var(--purple);outline-offset:3px}
.my-garden #mg-form .mg-form-progress,.my-garden #mg-form .mg-save-state,.my-garden #mg-form .mg-action-help,.my-garden #mg-form>label small,.my-garden .mg-field-error,.my-garden #mg-upload .mg-upload-hint,.my-garden #mg-upload>[role=status],.my-garden .mg-reply-form>[role=status]{font:400 17px/24px var(--mono);letter-spacing:0;margin:0}
.my-garden #mg-form .mg-form-progress{color:#62596b;margin-bottom:0}
.my-garden #mg-form .mg-action-help{max-width:58ch;color:#62596b}
.my-garden #mg-form .mg-save-state{order:1}
.my-garden #mg-form .mg-field-error{color:#9c263c}
.my-garden #mg-form [aria-invalid=true]{border-color:#9c263c;background:#f4e8e9}
.my-garden .mg-section-body .mg-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:0}
.my-garden .button{min-height:48px}
.my-garden .button:disabled{opacity:.5;cursor:wait}
.my-garden #mg-upload input[type=file]{width:100%;min-width:0;font:400 17px/24px var(--mono);color:var(--ink)}
.my-garden #mg-upload .mg-upload-hint{color:#62596b}
.my-garden .mg-reply-form>label{display:grid;gap:12px}
@media(max-width:760px){.my-garden #mg-form textarea,.my-garden .mg-reply-form textarea{min-height:184px;padding:16px}.my-garden .mg-section-body .mg-actions{align-items:flex-start;gap:24px}}

.my-garden #mg-form .mg-field,.my-garden #mg-form textarea,.my-garden .mg-reply-form textarea{scroll-margin-top:160px}
.my-garden .site-header{background:var(--paper)}
/* Ancillary details use the established small mono role. */
.my-garden #mg-form>label small,.my-garden #mg-form .mg-save-state,.my-garden #mg-upload .mg-upload-hint,.my-garden .mg-field-optional{font:400 12px/18px var(--mono);letter-spacing:0}

.my-garden #mg-form .mg-character-count{font:400 12px/18px var(--mono);color:#62596b;margin:0}
.my-garden #mg-form .mg-character-count.is-over-limit{color:#9c263c}
.my-garden #mg-form [data-over-limit=true]{border-color:#9c263c}

.my-garden .mg-preparation-guide{grid-column:1/-1;margin:0 0 64px}
.my-garden .mg-preparation-guide dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0}
.my-garden .mg-preparation-guide dt{font:400 17px/24px var(--mono);margin:0 0 16px}
.my-garden .mg-preparation-guide dd{font:400 24px/32px var(--sans);margin:0;text-wrap:pretty}
@media(max-width:900px){.my-garden .mg-preparation-guide dl{grid-template-columns:1fr;gap:32px}.my-garden .mg-preparation-guide{margin-bottom:48px}}
.my-garden .mg-preparation-guide{background:#e4eeef;padding:32px}
@media(max-width:760px){.my-garden .mg-preparation-guide{padding:24px 20px}}

/* One shared preparation: questions, links/files, then a single action group. */
.my-garden .mg-materials{margin:24px 0 40px;padding:0;scroll-margin-top:160px}
.my-garden .mg-materials h3{font:400 24px/32px var(--sans);margin:0 0 16px;letter-spacing:0}
.my-garden .mg-materials>p:not(.mg-private){font:400 17px/24px var(--mono);margin-bottom:24px}
.my-garden .mg-preparation-actions{display:grid;gap:24px}
.my-garden .mg-preparation-actions .mg-action-help{font:400 17px/24px var(--mono);margin:0;color:#62596b}
.my-garden .mg-preparation-actions .mg-save-state{font:400 12px/18px var(--mono);margin:0}
.my-garden .mg-materials #mg-upload{gap:16px}

.my-garden #mg-form .mg-field-notes{display:grid;gap:4px}
.my-garden #mg-form .mg-field-notes small{font:400 12px/18px var(--mono);letter-spacing:0;margin:0;color:#62596b}
.my-garden #mg-form .mg-field-notes .is-over-limit{color:#9c263c}