/* Approved conversational guides. Scope above legacy page rules so reply text stays dark on gold. */
.hey316-guide{--guide-ink:#fff6df;--guide-muted:#becfdc;--guide-gold:#f2cf78;color:var(--guide-ink);font-family:var(--phone-ui-font,system-ui,sans-serif);max-width:640px;margin:auto;overflow-wrap:anywhere}
.hey316-guide *{box-sizing:border-box}
.hey316-guide .guide-contact{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #416075}
.hey316-guide .guide-avatar{display:grid;place-items:center;flex:0 0 48px;height:48px;border:2px solid var(--guide-gold);border-radius:50%;background:#183f54;font-size:23px;font-weight:700}
#platform.phone-guide #page-content .hey316-guide h1{margin:0;font:700 25px/1.25 var(--phone-ui-font,system-ui,sans-serif);color:var(--guide-ink);letter-spacing:0}
#platform.phone-guide #page-content .hey316-guide .guide-name{font-size:16px;color:var(--guide-ink);margin:5px 0 0}
#platform.phone-guide #page-content .hey316-guide .guide-role{font-size:14px;color:var(--guide-muted);margin:3px 0 0}
#platform.phone-guide #page-content .hey316-guide .guide-notice{font-size:12px;text-align:center;color:var(--guide-muted);margin:16px 0 22px}
.hey316-guide .guide-group{margin:0 0 22px}
#platform.phone-guide #page-content .hey316-guide .guide-sender{font-size:13px;color:var(--guide-muted);margin:0 0 6px 3px}
#platform.phone-guide #page-content .hey316-guide .guide-bubble{background:#19384e;border:1px solid #52738c;border-radius:19px 19px 19px 5px;padding:14px 16px;font-size:17px;line-height:1.55;margin:0 0 8px;color:var(--guide-ink)}
#platform.phone-guide #page-content .hey316-guide .guide-question{background:#f2cf78;color:#112c3d;border-radius:19px 19px 5px 19px;padding:13px 16px;font-size:16px;line-height:1.5;margin:18px 0 18px 25px}
#platform.phone-guide #page-content .hey316-guide .guide-prompt{font-size:17px;line-height:1.4;color:var(--guide-ink);margin:16px 0 12px}
.hey316-guide .guide-choices{display:grid;gap:9px}
#platform.phone-guide #page-content .hey316-guide .guide-choice{display:block;width:100%;min-height:48px;padding:13px 15px;border:1px solid #7d9daf;border-radius:14px;background:#0d293d;color:#fff6df;font:500 16px/1.4 var(--phone-ui-font,system-ui,sans-serif);text-align:left;text-decoration:none;white-space:normal;cursor:pointer;margin:0}
#platform.phone-guide #page-content .hey316-guide .guide-choice:hover{background:#1c4359;border-color:#f2cf78}
.hey316-guide :is(button,a,summary):focus-visible,.hey316-full-story summary:focus-visible{outline:3px solid #f2cf78;outline-offset:3px}
.hey316-guide .guide-more{margin:24px 0;padding:12px;border:1px solid #52738c;border-radius:14px;background:#102b3b}
.hey316-guide .guide-more>summary{cursor:pointer;color:#f2cf78;min-height:44px;padding:10px 0}
.hey316-guide .guide-more>a{margin-top:8px!important}
.hey316-full-story{margin:24px 0;padding:14px;border:1px solid #52738c;border-radius:14px;color:#d0dfe7}
.hey316-full-story>summary{min-height:44px;cursor:pointer;color:#f2cf78;padding:10px 0}
.hey316-guide-link{display:block;min-height:44px;padding:12px 0;color:#f2cf78;text-decoration:underline;text-underline-offset:3px;font-size:15px;line-height:1.4}
#platform.phone-guide .preview-pages>header,#platform.phone-guide .page-banner,#platform.phone-guide .page-footer{display:none!important}
#platform.phone-guide #page-content{padding:0 18px 26px;background:transparent;width:100%;max-width:none}
@media(max-width:360px){#platform.phone-guide #page-content{padding-left:12px;padding-right:12px}#platform.phone-guide #page-content .hey316-guide .guide-bubble{font-size:16px;padding:12px}#platform.phone-guide #page-content .hey316-guide h1{font-size:23px}}