/* A calm, editorial workspace for a personal question. */
.dm-ask-main{display:flex;flex-direction:column;gap:36px}
.dm-ask-hero{padding:4px 0 0;max-width:680px}
.dm-ask-eyebrow{display:block;margin-bottom:12px;font:500 .7rem/1.5 var(--dm-body);letter-spacing:.14em;text-transform:uppercase;color:#7b6a6d}
.dm-ask-hero h1{margin:0;color:var(--dm-ink);letter-spacing:-.045em}
.dm-ask-hero p{max-width:56ch;margin:16px 0 0;font-size:.95rem;line-height:1.7;color:var(--dm-muted)}
.dm-ask-hero-art{display:none}
.dm-ask-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,1fr);gap:clamp(28px,4vw,64px);align-items:start}
.dm-ask-form{display:flex;flex-direction:column;gap:28px;min-width:0}
.dm-ask-form[data-concealed="true"] .dm-ask-step,.dm-ask-form[data-concealed="true"]~.dm-ask-preview{display:none}
.dm-ask-step{margin:0;padding:0 0 28px;border:0;border-bottom:1px solid var(--dm-line);border-radius:0;min-width:0}
.dm-ask-step legend{display:flex;align-items:center;gap:12px;float:left;width:100%;margin:0 0 18px;padding:0;font:550 1.03rem/1.4 var(--dm-body);letter-spacing:-.025em;color:var(--dm-ink)}
.dm-ask-step legend+*{clear:both}
.dm-step-number{font:450 .75rem/1 var(--dm-body);color:#998981;min-width:18px;font-variant-numeric:tabular-nums}
.dm-kind-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.dm-kind-card,.dm-reveal-card,.dm-how-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:8px;border:1px solid var(--dm-line);background:var(--dm-surface);cursor:pointer;transition:border-color .2s,background-color .2s}
.dm-kind-card:hover,.dm-reveal-card:hover,.dm-how-card:hover{border-color:#bba7ac;background:#faf6f5}
.dm-kind-card input,.dm-reveal-card input,.dm-how-card input,.dm-partner-words input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.dm-kind-card:has(input:checked),.dm-reveal-card:has(input:checked),.dm-how-card:has(input:checked){border-color:#9e7d86;background:#f7ecee;box-shadow:inset 0 0 0 .5px #9e7d86}
.dm-kind-card:has(input:focus-visible),.dm-reveal-card:has(input:focus-visible),.dm-how-card:has(input:focus-visible),.dm-partner-words label:has(input:focus-visible){outline:2px solid #876974;outline-offset:4px}
.dm-kind-icon{display:block;height:22px;margin-bottom:4px;color:#94717e}.dm-kind-icon svg{width:19px;height:19px;stroke-width:1.5}
.dm-kind-card strong,.dm-reveal-card strong,.dm-how-card strong{font:550 .85rem/1.4 var(--dm-body);color:var(--dm-ink)}
.dm-kind-card small,.dm-reveal-card small,.dm-how-card small{font-size:.75rem;line-height:1.6;color:var(--dm-muted)}
.dm-partner-words{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.dm-partner-words label{position:relative;display:inline-flex}
.dm-partner-words span{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:6px;border:1px solid var(--dm-line);font:500 .8rem/1 var(--dm-body);cursor:pointer}
.dm-partner-words input:checked+span{background:#f1e3e7;border-color:#a88390;color:#644854}
.dm-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.dm-field{display:flex;flex-direction:column;gap:9px;font:500 .82rem/1.4 var(--dm-body);color:var(--dm-ink)}
.dm-field small{font-size:inherit;font-weight:400;color:var(--dm-muted)}
.dm-field+.dm-field{margin-top:18px}.dm-field-row>.dm-field{margin-top:0}
.dm-ask-form :is(input:not([type=radio]),textarea){min-width:0;width:100%;border:1px solid var(--dm-line);border-radius:7px;background:var(--dm-surface);color:var(--dm-ink);padding:12px;font:400 .9rem/1.5 var(--dm-body);box-shadow:none}
.dm-ask-form textarea{resize:vertical;min-height:104px}
.dm-field-note{margin:8px 0 0;font-size:.72rem;line-height:1.5;color:var(--dm-muted)}
.dm-ask-ideas{margin:12px 0 20px;font-size:.78rem;color:var(--dm-muted)}.dm-ask-ideas summary{cursor:pointer;min-height:32px;padding:6px 0}
.dm-ask-suggestions{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-top:6px}
.dm-ask-suggestions .dm-chip{min-height:44px;max-width:100%;white-space:normal;text-align:left;line-height:1.5;padding:10px 12px;border-radius:6px;font-size:.78rem;font-weight:400}
.dm-reveal-grid,.dm-how-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dm-reveal-card{padding:12px}.dm-reveal-art{display:grid;place-items:center;height:138px;margin-bottom:4px;border-radius:5px;background:#faf7f2;overflow:hidden}
.dm-reveal-art svg{width:140px;height:170px;flex:none;margin-top:4px}
.dm-ask-actions{display:flex;flex-wrap:wrap;gap:10px}.dm-ask-actions .dm-btn{flex:1;white-space:normal;font-size:.83rem}
.dm-ask-status{margin:0;font:500 .85rem/1.6 var(--dm-body);color:var(--dm-primary)}.dm-ask-status:empty{display:none}
.dm-ask-privacy{margin:0;font-size:.75rem;line-height:1.7;color:var(--dm-muted)}
.dm-ask-preview{position:sticky;top:88px;display:flex;flex-direction:column;gap:14px}
.dm-ask-preview-heading{display:flex;justify-content:space-between;gap:12px;font:400 .7rem/1.5 var(--dm-body);color:var(--dm-muted)}
.dm-ask-preview-heading strong{font-weight:500;color:var(--dm-ink)}
.dm-ask-preview-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:490px;padding:38px 28px;background:#faf7f2;color:#3f423b;border:1px solid #e5dcd2;border-radius:10px;overflow:hidden;text-align:center}
.dm-ask-preview-stage::before{content:"";position:absolute;inset:10px;border:1px solid #eae3db;border-radius:4px;pointer-events:none}
.dm-ask-preview-message{position:relative;max-width:32ch;margin:0;font:400 .84rem/1.65 var(--dm-body);color:#756760;overflow-wrap:anywhere}
.dm-ask-preview-flower{width:215px;max-width:80%;flex:none}.dm-ask-preview-flower svg{width:100%;height:auto}
.dm-ask-preview-question{position:relative;max-width:22ch;margin:0;font:450 clamp(1.3rem,2.3vw,1.75rem)/1.25 var(--dm-body);letter-spacing:-.04em;color:#3f423b;overflow-wrap:anywhere;text-wrap:balance}
.dm-ask-preview-from{margin:0;font-size:.75rem;color:#756f65;overflow-wrap:anywhere}
.dm-ask-preview-play{align-self:stretch;font-size:.82rem!important;background:#eee4e6!important;border:1px solid #dac5cb!important;color:#654750!important;box-shadow:none!important}
.dm-ask-preview-caption{margin:0;text-align:center;font-size:.72rem;line-height:1.5;color:var(--dm-muted)}
.dm-ask-saved{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:20px;border:1px solid #d6dfd1;border-radius:10px;background:#eef2e9;color:var(--dm-ink)}
.dm-ask-saved-icon svg{width:22px;height:22px;color:#586b50}.dm-ask-saved strong{font:550 .95rem/1.4 var(--dm-body)}.dm-ask-saved p{margin:5px 0 0;color:var(--dm-muted);font-size:.8rem;line-height:1.6}.dm-ask-saved-actions{display:flex;gap:8px}
.dm-ask-how{padding:28px 0;border-top:1px solid var(--dm-line)}
.dm-ask-how h2{margin:0 0 24px;font:550 1.35rem/1.3 var(--dm-body);letter-spacing:-.03em;color:var(--dm-ink)}
.dm-ask-how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0 0 24px;padding:0;list-style:none;counter-reset:ask}
.dm-ask-how-steps li{counter-increment:ask;display:flex;flex-direction:column;gap:10px}.dm-ask-how-steps li::before{content:"0" counter(ask);font-size:.72rem;color:#998981}
.dm-ask-how-steps strong{font:500 .9rem/1.5 var(--dm-body);color:var(--dm-ink)}.dm-ask-how-steps span{font-size:.8rem;line-height:1.65;color:var(--dm-muted)}
.dm-ask-shop .dm-section-head h2{margin:0}
@media(max-width:1099px){.dm-ask-layout{gap:28px;grid-template-columns:minmax(0,1.1fr) minmax(280px,1fr)}.dm-kind-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dm-kind-card small{display:none}.dm-ask-preview-stage{padding:32px 22px;min-height:440px}}
@media(max-width:799px){.dm-ask-layout{grid-template-columns:1fr}.dm-ask-preview{position:static;order:-1}.dm-ask-preview-stage{min-height:0;padding:30px 24px;gap:8px}.dm-ask-preview-flower{width:160px}.dm-ask-preview-question{font-size:1.4rem}.dm-ask-preview-message{font-size:.8rem}.dm-kind-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dm-ask-how-steps{grid-template-columns:1fr;gap:24px}.dm-ask-saved{grid-template-columns:auto minmax(0,1fr)}.dm-ask-saved-actions{grid-column:1/-1}}
@media(max-width:399px){.dm-field-row{grid-template-columns:1fr}.dm-kind-grid{grid-template-columns:1fr 1fr}.dm-kind-card,.dm-how-card{padding:12px}.dm-reveal-card strong{font-size:.8rem}.dm-how-grid{grid-template-columns:1fr}.dm-ask-actions .dm-btn{flex:1 1 100%}}