/* Reading order: question, author's answer, discussion, optional details. */
.question-detail .question-page{max-width:68rem;margin-block:1.5rem 4rem}
.question-detail .question-toolbar{margin-bottom:1.5rem;gap:.75rem;flex-wrap:wrap}
.question-detail .question-actions{gap:.5rem;align-items:center}
.question-detail .question-actions .button-lime{background:transparent;border:1px solid var(--line);box-shadow:none;color:var(--ink,#181818)}
.question-detail .question-title h1{max-width:24ch;font-family:Arial,sans-serif;font-size:clamp(2rem,4vw,3.25rem);line-height:1.15;letter-spacing:-.035em;margin-bottom:1.25rem}
.question-detail .question-meta{color:#68645b;font-size:.875rem;gap:.5rem}
.question-detail .question-title .tags{margin-top:.75rem}
.question-detail .question-columns{grid-template-columns:minmax(0,1fr) 19rem;gap:3rem;margin-top:2rem;align-items:start}





.question-detail .question-follow-bar{margin:1rem 0;justify-content:flex-start}
.question-detail .question-follow-bar .button{background:#242424;color:#fff;border-color:#242424;box-shadow:none}
.question-detail :is(.question-settings,.history-section,.interaction-help,.question-supporters){margin:0;padding:0;border:0;box-shadow:none;background:transparent}
.question-detail :is(.question-settings,.history-section,.interaction-help,.question-supporters)>summary{min-height:44px;display:flex;align-items:center;gap:.5rem;padding:.75rem 0;color:#68645b;font:400 1rem/1.5 Arial,sans-serif;cursor:pointer;list-style:none}
.question-detail :is(.question-settings,.history-section,.interaction-help,.question-supporters)>summary:after{content:'+';margin-inline-start:auto;font-size:1.25rem}
.question-detail :is(.question-settings,.history-section,.interaction-help,.question-supporters)[open]>summary:after{content:'−'}
.question-detail :is(.question-settings,.history-section,.interaction-help,.question-supporters)>summary::-webkit-details-marker{display:none}
.question-detail .question-settings{margin-top:1rem}
.question-detail .question-settings .live-controls{margin:0 0 1rem;padding:1rem;background:#efede6;border:0;gap:.75rem}
.question-detail .answer-context{margin:1rem 0;line-height:1.6;color:#68645b;display:block}
.question-detail .answer-context>span:last-child{display:none}
.question-detail .community-column{padding-inline-start:1.5rem;border-inline-start:1px solid var(--line);border-right:0;min-width:0}
.question-detail .community-column>.subheading{margin:0 0 1.5rem}
.question-detail .community-column h2{font:600 1.25rem/1.4 Arial,sans-serif;letter-spacing:-.02em;color:#34322e}
.question-detail .question-supporters{margin-bottom:1.5rem}
.question-detail .community-response p{font-family:Arial,sans-serif;font-size:1rem;line-height:1.6;color:#34322e}
.question-detail .response-user{font-family:Arial,sans-serif;font-weight:600}
.question-detail .history-section{border-top:1px solid var(--line);margin-top:1.5rem}
.question-detail .history-section .subheading{margin-top:1rem}
.question-detail .related-section{margin-top:2.5rem}
.question-detail .related-section h2{font:600 1.25rem/1.4 Arial,sans-serif}
.question-detail summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}

@media(max-width:900px){.question-detail .question-columns{grid-template-columns:minmax(0,1fr);gap:2rem}.question-detail .community-column{border:0;border-top:1px solid var(--line);padding:1.5rem 0 0}.question-detail .question-title h1{max-width:none}.question-detail .question-supporters{margin-bottom:1rem}}
@media(max-width:480px){.question-detail .question-toolbar{gap:.5rem;margin-bottom:1rem}.question-detail .question-toolbar>.text-button{flex-basis:100%}.question-detail .question-title h1{font-size:2rem;margin-top:1.25rem}.question-detail .question-columns{margin-top:1.5rem}.question-detail .question-actions .button-small{padding:.5rem .75rem}}
/* One reading column prevents comments and tools from competing with the answer. */
.question-detail .question-page{max-width:48rem}
.question-detail .question-columns{grid-template-columns:minmax(0,1fr)}
.question-detail .community-column{border:0;border-top:1px solid var(--line);padding:1.5rem 0;margin-top:2rem}
.question-detail .question-follow-bar{flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between}
.question-detail .question-follow-bar .question-actions .button{background:transparent;color:#34322e;border-color:var(--line)}
.question-detail .question-supporters{margin-bottom:1rem}

.question-detail .question-supporters{margin-top:1rem}
.question-detail :is(.question-settings,.history-section,.interaction-help,.question-supporters)>summary{overflow-wrap:anywhere;min-width:0}
.question-detail summary>span{min-width:0}
.question-detail summary>.icon,.question-detail summary:after{flex-shrink:0}
.question-detail .sponsor-label{overflow-wrap:anywhere;min-width:0}
.question-detail .community-response{padding:1rem 0}
.question-detail .community-response p{margin:.375rem 0}
.question-detail .community-response small{display:inline-block;margin-inline-end:.75rem;vertical-align:middle}
.question-detail .response-tools{display:inline-block;margin:0;vertical-align:middle}
.question-detail .response-tools[open]{display:block}
.question-detail .response-tools>summary{min-width:44px;min-height:44px;justify-content:center}
.question-detail .response-action-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.question-detail .answer-edit>summary{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;max-width:100%;min-height:44px;padding:.75rem 1rem;background:#242424;color:#fff;border-radius:.5rem;font:600 1rem/1.5 Arial,sans-serif;overflow-wrap:anywhere}
.question-detail .interaction-help>summary{width:100%;box-sizing:border-box}
/* Compact top rhythm, while keeping the approved green answer card. */
.question-detail .question-page{margin-top:.5rem}
.question-detail .question-toolbar{margin:0 0 .75rem;justify-content:flex-start}
.question-detail .question-toolbar>.text-button{padding-inline:0;justify-content:flex-start;flex-basis:auto}
.question-detail .question-title h1{margin-top:0;margin-bottom:1rem}
.question-detail .question-columns{margin-top:1.25rem}
.question-detail .answer-bar{display:flex;justify-content:space-between;gap:.75rem}
.question-detail .answer-updated{display:inline-flex;align-items:baseline;gap:.5rem;min-width:0}
.question-detail .answer-updated>.icon{width:1rem;height:1rem;flex-shrink:0;align-self:flex-start;margin-top:.2rem}
.question-detail .answer-updated time{min-width:0;overflow-wrap:anywhere}
.question-detail .answer-footer{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem}
/* Owner controls stay attached to the question and the answer they affect. */
.question-detail .question-toolbar{justify-content:space-between}
.question-detail .pin-control[aria-pressed=true]{color:#af2051;background:#f8dce7}
.question-detail .answer-heading>.answer-edit{float:inline-end;margin:0 0 .5rem 1rem;max-width:100%}
.question-detail .answer-heading>.answer-edit>summary{padding:.375rem .625rem;min-height:44px;background:transparent;border:1px solid #727b49;color:#cff000;font:400 1rem/1.4 Arial,sans-serif;border-radius:.5rem;list-style:none}
.question-detail .canonical-answer:has(>.answer-edit)>.answer-label{min-height:44px;display:flex;align-items:center}
.question-detail .canonical-answer>.answer-text{clear:both}
.question-detail .answer-heading>.answer-edit[open]{float:none;margin:0 0 1rem;width:100%}
.question-detail .answer-heading>.answer-edit[open]>summary{margin-inline-start:auto}
.question-detail .answer-heading>.answer-edit>form{margin-top:.75rem;padding:1rem;background:#f8f6ef;color:#242424;border-radius:.5rem;overflow-wrap:anywhere}
.question-detail .question-supporters>summary{justify-content:space-between;gap:1rem;flex-wrap:wrap}
.question-detail .question-supporters>summary:after{display:none}
.question-detail .supporter-label{flex:1 1 10rem;min-width:0}
.question-detail .supporter-preview{display:inline-flex;align-items:center;gap:.75rem;margin-inline-start:auto}
.question-detail .supporter-preview strong{font-size:1rem;color:#34322e}
.question-detail .supporter-stack{display:inline-flex;align-items:center;padding-inline-start:.5rem}
.question-detail .supporter-stack .avatar{width:2rem;height:2rem;margin-inline-start:-.5rem;border:2px solid #f8f6ef;border-radius:50%;background:#f8f6ef}
.question-detail .supporter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;padding:1rem 0}
.question-detail .supporter-grid>a{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;min-width:0;color:#34322e;text-decoration:none;font:400 1rem/1.4 Arial,sans-serif;text-align:center}
.question-detail .supporter-grid .avatar{width:3rem;height:3rem;max-width:100%}
.question-detail .supporter-grid bdi{max-width:100%;overflow-wrap:anywhere}
.question-detail .supporter-grid>p{grid-column:1/-1}
.question-detail .question-utilities{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:.5rem 1.5rem;margin:1rem 0}
.question-detail .question-utilities>details{min-width:0;margin:0;padding:0;border:0}
.question-detail .question-utilities>details>summary{display:flex;align-items:center;gap:.5rem;min-height:44px;padding:.5rem 0;font:400 1rem/1.4 Arial,sans-serif;color:#68645b;list-style:none;overflow-wrap:anywhere}
.question-detail .question-utilities>details>summary:after{display:none}
.question-detail .question-utilities>details>summary>.icon{width:1rem;height:1rem;flex-shrink:0}
.question-detail .question-utilities>details[open]{grid-column:1/-1}
@media(max-width:650px){.question-detail .supporter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:450px){.question-detail .supporter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.question-detail .canonical-answer:has(>.answer-edit)>.answer-label{margin-top:0}
.question-detail .question-utilities{grid-template-columns:auto minmax(0,1fr)}
.question-detail .answer-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1rem}
.question-detail .answer-heading>.answer-label{margin:0;min-height:44px;display:flex;align-items:center}
.question-detail .answer-heading>.answer-edit{float:none;margin:0;min-width:0}
.question-detail .answer-heading>.answer-edit[open]{flex-basis:100%;margin:0}
.question-detail .supporter-preview{gap:.5rem;max-width:100%}
.question-detail .supporter-stack .avatar{width:32px;height:32px;margin-inline-start:-10px}
.question-detail .supporter-label{flex-basis:8rem}
@media(max-width:450px){.question-detail .supporter-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,4.5rem),1fr))}}
.question-detail .question-utilities{display:flex;flex-wrap:wrap}
.question-detail .question-utilities>details{flex:0 1 auto;max-width:100%}
.question-detail .question-utilities>details[open]{flex-basis:100%}

.question-detail .question-share{display:inline-flex;align-items:center;gap:.375rem;min-height:44px;padding:.375rem .25rem;font:400 1rem/1.4 Arial,sans-serif;color:#68645b;white-space:nowrap}
.question-detail .question-share>.icon{width:1.125rem;height:1.125rem}
.question-detail .question-supporters{margin:1rem 0 0;border:0;border-radius:0;background:transparent;box-shadow:none}
.question-detail .question-supporters>summary{padding:.5rem 0;min-height:44px;font-weight:400;color:#68645b}
.question-detail .question-supporters>summary:hover .supporter-label{text-decoration:underline;text-underline-offset:.2em}
.question-detail .supporter-stack .avatar{width:28px;height:28px;margin-inline-start:-9px}
.question-detail .question-supporters+.community-column{margin-top:1rem}

/* Equal action columns; keep the interest control visually prominent. */
.question-detail .question-follow-bar .question-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:.375rem;width:100%;max-width:32rem;margin-inline-start:auto}
.question-detail .question-actions>form{display:flex;min-width:0;margin:0}
.question-detail .question-actions>button,.question-detail .question-actions>form>button{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.25rem;width:100%;height:auto;min-width:0;min-height:44px;padding:.5rem .25rem;font:400 1rem/1.35 Arial,sans-serif;white-space:normal;overflow-wrap:anywhere}
.question-detail .question-actions>form>button>.icon,.question-detail .question-actions>button>.icon{width:1.125rem;height:1.125rem;flex-shrink:0}
.question-detail .question-actions>form>button>span,.question-detail .question-actions>button>span{min-width:0}
.question-detail .question-actions>form[data-action=hype]>button{font-weight:600;border:1px solid var(--line);border-radius:2rem;background:#eeece3;color:#34322e}
.question-detail .question-actions>form[data-action=hype]>button[aria-pressed=true]{background:var(--lime,#d7f400);border-color:#b9ce10}
.question-detail .question-actions .hype-total{padding:.125rem .25rem;font-size:1rem}
.question-detail .question-follow-bar .question-actions>form>button{padding:.5rem .125rem;font-family:Arial,sans-serif}
.question-detail .question-actions .hype-total{padding:.125rem;font-size:.875rem}
.question-detail .question-follow-bar .question-actions>form[data-action=hype]>button{gap:.125rem;letter-spacing:normal}
.question-detail .question-actions [data-hype-label]{letter-spacing:normal}
.question-detail .question-actions .hype-total{letter-spacing:normal;padding:0 .125rem}
.question-detail .question-actions [data-hype-label]{font-weight:500}

/* Keep the interest label and count together, including its selected state. */
.question-detail .question-follow-bar{margin-top:2rem}
.question-detail .question-follow-bar .question-actions{display:flex;flex-wrap:wrap;gap:.375rem;align-items:stretch}
.question-detail .question-actions>button,.question-detail .question-actions>form{flex:1 1 0;min-width:0}
.question-detail .question-actions>form[data-action=hype]{flex:1.4 0 auto;max-width:100%}
.question-detail .question-follow-bar .question-actions>form[data-action=hype]>button{flex-wrap:nowrap;white-space:nowrap;gap:.375rem;padding:.5rem;min-height:44px}
.question-detail .question-actions [data-hype-label]{white-space:nowrap;flex-shrink:0}
.question-detail .question-actions .hype-total{flex-shrink:0;margin-inline-start:.25rem;padding:.125rem .25rem}
.question-detail .question-actions>button,.question-detail .question-actions>form{flex:1 0 max-content;width:auto}
.question-detail .question-actions>button,.question-detail .question-actions>form[data-action=bookmark]>button{flex-wrap:nowrap;white-space:nowrap}

.question-detail .question-tools{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:0 .75rem;border-top:1px solid var(--line);padding-top:.5rem;margin-top:1rem}
.question-detail .question-tools>details{display:contents}
.question-detail .question-tools>details>summary{grid-row:1;min-width:0;min-height:44px;margin:0;padding:.5rem 0;font:400 1rem/1.4 Arial,sans-serif;display:flex;align-items:center;gap:.375rem;cursor:pointer;color:#68645b}
.question-detail .question-tools>details:nth-child(1)>summary{grid-column:1}
.question-detail .question-tools>details:nth-child(2)>summary{grid-column:2}
.question-detail .question-tools>details:nth-child(3)>summary{grid-column:3}
.question-detail .question-tools>details:nth-child(4)>summary{grid-column:4}
.question-detail .question-tools>details>summary:after{display:none}
.question-detail .question-tools>details>summary>.icon{flex-shrink:0;width:1rem;height:1rem}
.question-detail .tool-panel{grid-column:1/-1;min-width:0;padding:1rem 0}
.question-detail .question-tools>details:not([open])>.tool-panel{display:none}
.question-detail .question-tools>details[open]>summary{color:#ae295b}
.question-detail .question-tools .answer-history{margin-top:0}
.question-detail .question-tools .answer-context{margin-top:1rem}
.question-detail .question-actions :is(.question-share,.bookmark-button){gap:.375rem;background:transparent;box-shadow:none}
.question-detail .question-actions :is(.question-share,.bookmark-button):is(:hover,:active,:focus-visible,.is-active){background:transparent;color:#ae295b;box-shadow:none}
.question-detail .question-actions .question-share>.icon{transform:none;margin:0;flex-shrink:0}
@media(max-width:760px){.question-detail .question-tools{gap:0 .25rem}.question-detail .question-tools>details:not(:first-child)>summary{width:44px;justify-content:center}.question-detail .question-tools .tool-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.question-detail .question-tools>details:first-child>summary{flex-wrap:wrap}}

.question-detail .tool-panel :is(p,select,button){max-width:100%;overflow-wrap:anywhere;white-space:normal}
.question-detail .tool-panel select{width:100%;min-width:0}
.question-detail .question-tools>details::details-content{display:contents}

.text-button:is(:hover,:active){color:#ae295b;background:none}

/* Compact share dialog: one URL, one primary copy action, secondary destinations. */
#share-dialog{width:min(28rem,calc(100vw - 2rem));padding:1.5rem;border-radius:1rem;text-align:start}
#share-dialog h2{font:600 1.5rem/1.3 Arial,sans-serif;letter-spacing:-.025em;margin:0 0 .75rem;padding-right:2.5rem}
#share-dialog [data-share-title]{font:400 1rem/1.5 Arial,sans-serif;color:#68645b;margin:0 0 1.25rem;overflow-wrap:anywhere}
#share-dialog .dialog-close{top:.5rem;right:.5rem;width:44px;height:44px}
#share-dialog .share-url-row{display:flex;flex-wrap:nowrap;gap:.5rem;min-width:0}
#share-dialog .share-url-row input{flex:1 1 0;min-width:0;width:0;padding:.625rem;border:1px solid var(--line);border-radius:.5rem;font:400 1rem/1.5 Arial,sans-serif;background:transparent}
#share-dialog [data-copy-share]{flex:0 0 auto;width:auto;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem .75rem;border-radius:.5rem;min-height:44px;box-shadow:none;font:500 1rem/1.5 Arial,sans-serif;white-space:nowrap}
#share-dialog [data-copy-share] .icon{flex-shrink:0;width:1.125rem;height:1.125rem}
#share-dialog [data-share-feedback]{font:400 .875rem/1.5 Arial,sans-serif;color:#68645b;margin:.75rem 0 0}
#share-dialog [data-share-feedback]:empty{display:none}
#share-dialog .share-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,6rem),1fr));gap:.5rem;margin:1.25rem 0 0}
#share-dialog .share-options a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:.625rem .25rem;border:1px solid var(--line);border-radius:.5rem;color:#34322e;text-decoration:none;font:500 1rem/1.4 Arial,sans-serif;overflow-wrap:anywhere}
#share-dialog .share-options a:hover{border-color:#ae295b;color:#ae295b}
#share-dialog .share-native{display:flex;width:100%;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 0 0;margin-top:.75rem;font:400 1rem/1.5 Arial,sans-serif;white-space:normal}
#share-dialog .share-native[hidden]{display:none}
#share-dialog .share-native .icon{flex-shrink:0}
@media(max-width:360px){#share-dialog .share-url-row{flex-wrap:wrap}#share-dialog .share-url-row input{flex-basis:100%;width:100%}#share-dialog [data-copy-share]{width:100%}}
#share-dialog .share-url-row{flex-wrap:wrap}
#share-dialog .share-url-row input{flex:1 1 10rem;width:auto}
#share-dialog [data-copy-share]{flex:1 0 auto}
#share-dialog .share-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,5.5rem),1fr))}
@media(max-width:360px){#share-dialog .share-options{grid-template-columns:1fr}}

.question-detail .pin-control{width:44px;height:44px;min-width:44px;min-height:44px;padding:14px;border:0;box-shadow:none;background:transparent}
.question-detail .pin-control>.icon{width:16px;height:16px;flex-shrink:0}
.question-detail .pin-control[aria-pressed=true]{background:radial-gradient(circle,#f8dce7 16px,transparent 16px);color:#af2051}