/* Relationship features share the quiet green, paper and lavender language. */
.bond-step,.bond-insight,.bond-continuity{border:1px solid var(--line);border-radius:22px;background:#e8e1ee66;padding:22px;margin:20px 0}
.bond-step h2{font:30px/1.15 Georgia;margin:12px 0}.bond-step>p:not(.eyebrow){font-size:14px;margin:12px 0 18px}
.bond-step .outline,.bond-insight .outline{background:var(--paper);min-height:46px}.bond-step .eyebrow,.bond-insight .eyebrow,.bond-continuity .eyebrow{font-size:10px;letter-spacing:1.2px}
.bond-insight blockquote,.bond-continuity blockquote{border:0;padding:0;background:transparent;margin:12px 0 18px;font:24px/1.3 Georgia}
.bond-insight small,.bond-continuity small{display:block;font-size:11px;margin-top:12px;color:#4b6257}
.bond-home>p:not(.eyebrow){font-size:16px}.bond-home h2{font:27px/1.2 Georgia}.bond-start{text-align:center;padding:26px 12px 10px}.bond-start p{font-size:14px;max-width:310px;margin:12px auto}
.bond-home .calm-main{width:100%}.bond-secondary{display:flex;flex-direction:column;align-items:center;gap:8px;margin:16px 0}.bond-secondary .calm-link{min-height:44px;font-size:14px}
.bond-person{display:flex;width:100%;gap:12px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff7;margin:14px 0}.bond-person>span:nth-child(2){min-width:0;flex:1}.bond-person strong{display:block;font-size:16px;overflow-wrap:anywhere}.bond-person small{display:block;font-size:12px;font-weight:400;margin-top:5px;color:#4b6257}.bond-open{font-size:12px;font-weight:400}.bond-person .calm-avatar{flex-shrink:0}
.bond-request{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;border-radius:18px;background:var(--lime);margin:24px 0}.bond-request strong{font-size:14px}.bond-request button{font-size:12px;padding:10px 12px}
.bond-topics{border:0;padding:0;margin:22px 0}.bond-topics legend{font-size:13px;font-weight:700;margin:0 0 12px}.bond-chip{display:inline-flex;position:relative;margin:0 6px 8px 0!important;font-size:13px!important;cursor:pointer}.bond-chip input{position:absolute;opacity:0;width:1px;height:1px}.bond-chip span{display:inline-block;border:1px solid #193e3255;border-radius:24px;padding:10px 14px;background:var(--paper)}.bond-chip input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}.bond-chip input:focus-visible+span{outline:3px solid #7964b0;outline-offset:3px}
#bond-preferences select{display:block;width:100%;margin:8px 0 18px;color:var(--ink);background:var(--paper)}#bond-preferences .calm-main{width:100%}.bond-preferences-summary{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.bond-preferences-summary span{border-radius:16px;background:#193e320b;padding:6px 10px;font-size:12px}.bond-reason{font-size:18px!important}.bond-choices{display:grid;gap:12px;margin:24px 0}.bond-choices button{width:100%;margin:0;min-height:48px}.bond-continuity .primary{font-size:14px;width:100%}.bond-home .calm-helper{font-size:12px}.calm-app #modal-body:has(#bond-question-form)>h2{font-size:34px}
@media(max-width:360px){.bond-step,.bond-insight,.bond-continuity{padding:18px}.bond-step h2{font-size:26px}.bond-step button{width:100%}.bond-request{padding:12px;gap:8px}.bond-person{padding:12px;gap:9px}.bond-person .calm-avatar{width:36px;height:36px}.bond-chip span{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.bond-person,.bond-chip span{transition:none}}

.bond-pending{border:1px solid var(--line);border-radius:18px;padding:18px;margin:24px 0;background:#fff7}.bond-pending>strong{font-size:15px}.bond-pending>p{font-size:13px;margin:8px 0}.bond-pending .calm-link{font-size:13px}

/* Completion stays explicit before offering an optional conversation. */
.calm-app .daily-finish{padding:14px 0;margin:14px 0;border-bottom:1px solid var(--line)}.calm-app .daily-finish p{margin:0 0 10px!important}.calm-app .daily-finish small{display:block;font-size:11px;line-height:1.4;margin:8px 0}.calm-app .daily-finish .primary{margin-top:10px;min-height:46px}.calm-app .insight-evidence{padding:12px 0;margin:12px 0}.calm-app .insight-evidence summary{font-size:12px}.calm-app .bond-insight{padding:18px;margin:18px 0}.calm-app .bond-insight blockquote{font-size:22px}.calm-app .bond-insight .eyebrow{margin:0 0 10px}.calm-app .bond-insight .outline{font-size:13px;padding:11px 13px}

.bond-footer{display:flex;align-items:center;gap:20px;margin:6px 0 12px}.bond-footer button{font-size:12px;min-height:44px;padding:8px 0;text-align:left}

/* Explicit foregrounds keep native button text readable on iOS. */
.calm-app .bond-person,.calm-app .bond-person strong,.calm-app .bond-person .bond-open{color:#193e32;-webkit-text-fill-color:#193e32}.calm-app .bond-person{background:#fffdf6}.calm-app .bond-person .calm-avatar{background:#e4dbed;color:#193e32;-webkit-text-fill-color:#193e32}.calm-app .bond-choices button{color:#193e32;white-space:normal;line-height:1.5}.calm-app .bond-continuity>.calm-link{display:block;margin-top:8px;font-size:14px;text-align:center;width:100%}