/* Content-hierarchy accents. Monochrome chrome: active tabs and inline actions use ink,
   pink stays reserved for likes, badges and the compose FAB. */
.phone{--action-ink:#3C3C43;--question-text:#48484F;--control-line:rgba(15,15,18,.22)}
.phone.dark{--action-ink:#D1D1D6;--question-text:#C7C7CC;--control-line:rgba(255,255,255,.26)}
.phone .island{left:50%;transform:translateX(-50%)}
.phone .question-block p{color:var(--question-text)}
.phone :is(.answer-item,.pa-answer-context) :is(.question-block,.tells-quote-content){border:0;border-radius:0;padding:0;margin:8px 0;background:transparent;text-align:start}
.phone .pa-answer-context>.question-block{margin:0}
.phone .answer-item .tells-question.embedded{border:0;border-radius:0;padding:0;margin:8px 0;background:transparent;text-align:start}
.phone .answer-item .tells-quote-content{margin:0}
.phone :is(.answer-item,.pa-answer-context) :is(.tells-quote-content>.tells-question-text,.question-block>p){border:0;border-inline-start:2px solid color-mix(in srgb,var(--muted) 70%,transparent);border-radius:0;padding:4px 0;padding-inline-start:12px}
.phone .answer-item .tells-question.embedded>:is([data-action="tells-expand"],.tells-row-actions){margin-inline-start:0}
.phone .pa-answer-context .question-block p{color:var(--text)}
.phone .reaction-row>button{color:var(--action-ink)}
.phone .sheet .answer-item .reaction-row{gap:4px;flex-wrap:wrap}
.phone .sheet .answer-item .write-tell{flex-shrink:0;white-space:nowrap}
.phone .sheet .answer-copy{color:var(--text)}
.phone .answer-byline>.icon-button,.phone .tells-byline>.icon-button,.phone .comment-byline>.icon-button{color:var(--muted)}
.phone .reaction-row>button>span{color:var(--muted);font-variant-numeric:tabular-nums}
.phone .reaction-row>button.liked,.phone .reaction-row>button.liked>span{color:var(--pink-text)}
.phone .reaction-row .liked .icon-outline{display:none}
.phone .reaction-row .liked .icon-filled{display:inline}
.phone .answer-item .reaction-row{gap:4px}
.phone .answer-item .reaction-row>button:not(.write-tell){min-width:28px}
.phone .answer-item .reaction-row>button{color:var(--action-ink);line-height:20px}
.phone .answer-item .reaction-row>button>span{color:inherit}
.phone .answer-item .reaction-row>button.liked{color:var(--brand)}
.phone .answer-item .reaction-row>button.liked svg{fill:currentColor;stroke:none}
.phone .feed-comment-preview .text-link{color:var(--muted);font-weight:500}
.phone .preview-child .tag,.phone .comment-byline .tag{color:var(--blue-text);background:transparent;padding-inline:4px;font-weight:500}
.phone .tells-inline-action,.phone .tells-question .tells-inline-action,
.phone .sent-question .tells-inline-action,.phone .archive-question .tells-inline-action,
.phone .tells-row-actions .tells-black,.phone .tells-question.community .btn.primary{color:var(--action-ink);font-weight:500}
.phone .tells-ref:not(.disabled)>svg:first-child,.phone .pa-referral>svg:first-child{color:var(--muted)}
.phone .tells-audience>svg{color:var(--blue-text)}
.phone .phone-tabs .active{color:var(--text)}
.phone .pa-answer-heading>b{color:var(--text)}
.phone .pa-profile-actions>.btn{isolation:isolate}
.phone .pa-profile-actions>.btn::before{z-index:-1;border-color:var(--control-line)}
.phone .pa-profile-actions>.btn[data-action="profile-edit"]{color:var(--text)}
.phone .pa-profile-actions>.btn[data-action="profile-edit"]::before{border-color:var(--control-line)}
.phone .pa-profile-actions>.btn.primary{color:var(--accent-contrast)}
.phone .pa-profile-actions>.btn.primary::before{background:var(--accent);border-color:var(--accent)}
.phone .pa-profile-actions>.icon-button::before,.phone .pa-photo-count{border-color:var(--control-line)}
.phone .pa-compose-tools .icon-button:not(:disabled),.phone .pa-setting-row>svg:first-child{color:var(--action-ink)}
.phone .media-composer-caption>.btn{color:var(--text)}
.phone .reply-composer-dock{border:0}
.phone .reply-composer-dock>button:not(.icon-button){color:var(--muted)}
.phone .branch-toggle{color:var(--muted)}
.phone .tells-question .tells-inline-action.hint-accent,.phone .tells-question .tells-inline-action.answer-accent,.phone .tells-inline-action.hint-accent,.phone .tells-inline-action.answer-accent{color:var(--accent)}
.phone .tells-question-text,.phone .tells-row-copy,.phone .sent-question>p,.phone .archive-question>p,.phone .question-block>p,.phone .pa-answer-context .question-block>p{font-size:16px;line-height:24px;font-weight:500}
.phone .answer-copy{font-size:16px;line-height:24px;font-weight:400}
.phone .answer-byline>b,.phone .tells-metadata>b,.phone .tells-name b{font-size:15px;line-height:20px;font-weight:600}
.phone :is(.comment-main,.ai-reply-main)>p{font-size:15px;line-height:24px;font-weight:400}
.phone :is(.comment-byline,.ai-reply-byline)>b{font-size:14px;line-height:20px;font-weight:600}
.phone :is(.answer-byline,.comment-byline,.ai-reply-byline,.tells-metadata,.tells-byline)>time,.phone .tells-metadata time.lone,.phone .question-block .identity time{font-size:12px;line-height:16px;font-weight:400}
.phone .ai-summary,.phone .ai-preview .ai-summary,.phone .tells-quiet-label,.phone .tells-audience,.phone .tells-privacy-caption,.phone .sent-row-footer>span,.phone .sent-answer-overline,.phone .question-label,.phone .item-overline,.phone .tells-row-flags .tag,.phone .tells-byline>.tag{font-size:12px;line-height:16px}
.phone .ai-reply-rx>button,.phone .comment-main .reaction-row>button{font-size:12px;line-height:20px}
.phone .tells-ref,.phone .pa-referral,.phone .answer-item .text-link,.phone .tells-question .text-link,.phone .sent-question .text-link,.phone .archive-question .text-link{font-size:13px;line-height:20px}
.phone .tells-question>button[data-action="tells-expand"],.phone .archive-question>button[data-action="archive-expand"]{font-size:13px;line-height:20px;font-weight:500}