/* Loto Diyarı community UX: calm hierarchy, touch-first controls and compact replies. */
.community-shell{width:min(calc(100% - 28px),1180px)!important;margin:18px auto 72px!important}
.community-hero{grid-template-columns:minmax(0,1fr) auto!important;padding:clamp(22px,4vw,40px)!important;border-color:#263d62!important;background:radial-gradient(circle at 86% 8%,rgba(116,71,255,.2),transparent 34%),linear-gradient(145deg,#0b1930,#091529)!important}
.community-hero h1{max-width:760px!important;font-size:clamp(2.2rem,5vw,4rem)!important}
.community-hero p{max-width:720px!important;font-size:.95rem!important;line-height:1.7!important}
.community-hero .actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:18px!important}
.community-hero .actions .btn{min-height:44px!important}
.competition-badges{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;align-self:end!important}
.competition-badges span{display:grid!important;place-items:center!important;min-width:72px!important;min-height:72px!important;border:1px solid #2b4771!important;border-radius:18px!important;background:rgba(8,22,43,.72)!important;color:#b9c9e1!important;font-size:.72rem!important;font-weight:900!important}
.community-layout{grid-template-columns:minmax(0,1fr) 318px!important;gap:16px!important;margin-top:16px!important}
.community-feed{gap:12px!important}
.feed-card{padding:18px!important;border-color:#1d3658!important}
.feed-head{min-width:0!important;align-items:flex-start!important}
.feed-author b{font-size:.9rem!important}
.feed-author small{display:block!important;margin-top:2px!important;font-size:.72rem!important}
.feed-type{flex:0 0 auto!important;line-height:1.2!important}
.feed-card h2{font-size:1.12rem!important;line-height:1.35!important;margin:15px 0 8px!important}
.feed-card p{font-size:.9rem!important;line-height:1.7!important}
.feed-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:16px!important}
.feed-action{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:8px 9px!important;font-size:.76rem!important;text-align:center!important}
.feed-action:hover{transform:translateY(-1px)!important}
.community-side{gap:14px!important}
.community-side>.compose{border-color:#29476f!important}
.compose{padding:18px!important}
.compose input,.compose textarea,.compose select{min-height:46px!important;border-radius:12px!important;padding:11px 12px!important;font-size:.88rem!important}
.compose textarea{min-height:128px!important;line-height:1.55!important}
.thought-compose textarea{min-height:116px!important}
.compose-foot{gap:10px!important}
.compose-meta{width:100%!important}
.compose-meta select{flex:1 1 160px!important;width:auto!important}
.compose-foot>.btn{min-height:46px!important}
.leader-mini,.community-note{padding:16px!important}
.community-note{line-height:1.6!important}
.live-row{margin-top:22px!important}
.new-items{min-height:44px!important}

.forum{width:min(calc(100% - 28px),1100px)!important;margin:18px auto 72px!important}
.forum-hero{padding:clamp(20px,4vw,38px)!important;border-color:#263d62!important;background:linear-gradient(145deg,#0b1930,#091529)!important}
.forum-hero h1{font-size:clamp(2.25rem,5vw,3.8rem)!important}
.filters,.games{gap:8px!important;padding:14px 0 5px!important;scrollbar-width:none!important}
.filters::-webkit-scrollbar,.games::-webkit-scrollbar{display:none!important}
.chip{min-height:44px!important;display:inline-flex!important;align-items:center!important;padding:8px 14px!important}
.thread{padding:18px!important;border-color:#1d3658!important}
.thread h2{font-size:1.12rem!important;line-height:1.4!important}
.thread p{font-size:.88rem!important;line-height:1.65!important}
.foot{min-height:30px!important}
.foot a{padding:8px 0!important}
.pager a,.pager span{min-height:44px!important;display:inline-flex!important;align-items:center!important}

.thread-shell{width:min(calc(100% - 28px),980px)!important;margin:18px auto 72px!important}
.thread-nav{min-height:44px!important}
.thread-card{padding:clamp(20px,4vw,42px)!important;border-color:#263d62!important;background:linear-gradient(145deg,#0b1930,#091529)!important}
.thread-title{max-width:850px!important;font-size:clamp(2rem,5vw,3.55rem)!important;line-height:1.08!important}
.thread-body{max-width:820px!important;font-size:1.04rem!important;line-height:1.8!important}
.interactions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:22px!important}
.interaction{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:9px 12px!important;font-size:.78rem!important;text-align:center!important}
.discussion-bar{margin-top:28px!important;padding:0 2px!important}
.discussion-bar h2{font-size:1.22rem!important}
.discussion-tools select{min-height:44px!important;font-size:.78rem!important}
.comments{gap:12px!important;margin-top:14px!important}
.comment-card{padding:16px!important;border-color:#1d3658!important}
.comment-head{align-items:flex-start!important}
.comment-author b{font-size:.86rem!important}
.comment-time{font-size:.7rem!important}
.comment-body{font-size:.9rem!important;line-height:1.7!important}
.comment-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
.comment-action{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:8px 9px!important;font-size:.72rem!important;text-align:center!important}
.comment-action.quiet{margin-left:0!important}
.reply-group{margin:14px 0 0 22px!important;padding-left:12px!important;border-left-color:#2b4b76!important}
.reply-group summary{display:flex!important;align-items:center!important;min-height:44px!important;padding:8px 0!important;font-size:.76rem!important}
.reply-list{gap:10px!important;margin-top:5px!important}
.reply-list .comment-card{padding:13px!important}
.empty-comments{padding:20px!important;line-height:1.6!important}
.compose-details{margin-top:16px!important;border-color:#2b4771!important}
.compose-details>summary{min-height:56px!important;padding:16px 18px!important;font-size:.94rem!important}
.compose-grid{gap:12px!important;padding:0 18px 20px!important}
.compose-grid textarea{min-height:150px!important}
.guest-row{gap:12px!important}
.login-note{min-height:46px!important;display:flex!important;align-items:center!important;line-height:1.45!important}
.captcha-box{gap:10px!important}
.captcha-prompt{min-height:46px!important}
.compose-foot{padding:0 18px 20px!important}
.compose-foot .status{line-height:1.5!important}
.safety{line-height:1.55!important}

.wrap{width:min(900px,calc(100% - 28px))!important;margin:18px auto 72px!important}
.thought{padding:clamp(20px,4vw,32px)!important;border-color:#263d62!important}
.thought .body{max-width:780px!important;font-size:clamp(1.08rem,2.6vw,1.38rem)!important;line-height:1.8!important}
.thought .actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.thought .interaction{min-height:44px!important}
.wrap>.section-head{margin:26px 2px 10px!important}
.wrap>.section-head h2{font-size:1.22rem!important}
.comment{padding:16px!important;border-color:#1d3658!important}
.comment .body{font-size:.9rem!important;line-height:1.7!important}
.new{min-height:44px!important}
.captcha{gap:10px!important}
.prompt{min-height:46px!important}

@media(max-width:900px){
  .community-shell,.forum,.thread-shell,.wrap{width:min(calc(100% - 18px),1100px)!important;margin-top:10px!important}
  .community-hero{grid-template-columns:1fr!important}
  .competition-badges{justify-self:start!important;width:min(100%,300px)!important}
  .community-layout{grid-template-columns:1fr!important}
  .community-side{order:-1!important}
  .community-side .leader-mini{display:none!important}
  .thread-card{padding:20px!important}
  .thread-title{font-size:clamp(1.9rem,8vw,3rem)!important}
}
@media(max-width:620px){
  .community-hero{padding:20px!important}
  .community-hero h1{font-size:2.3rem!important}
  .community-hero .actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .community-hero .actions .btn{width:100%!important}
  .competition-badges span{min-height:58px!important;border-radius:14px!important}
  .feed-card{padding:15px!important}
  .feed-head .feed-type{font-size:.58rem!important;padding:4px 6px!important}
  .feed-actions{grid-template-columns:1fr 1fr!important}
  .feed-actions .feed-action:last-child{grid-column:1/-1!important}
  .compose{padding:15px!important}
  .compose-foot,.compose-meta{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .compose-foot>.btn,.compose-meta select{width:100%!important}
  .forum-hero{padding:20px!important}
  .forum-hero h1{font-size:2.35rem!important}
  .thread{padding:15px!important}
  .foot{align-items:flex-start!important;flex-wrap:wrap!important;gap:9px!important}
  .foot a{width:100%!important;margin-left:0!important}
  .interactions{grid-template-columns:1fr 1fr!important}
  .interactions .interaction:last-child{grid-column:1/-1!important}
  .discussion-bar{gap:12px!important}
  .discussion-tools{width:100%!important;display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important}
  .discussion-tools select{width:100%!important}
  .comment-actions{grid-template-columns:1fr 1fr!important}
  .comment-action.quiet{grid-column:1/-1!important}
  .reply-group{margin-left:8px!important;padding-left:8px!important}
  .compose-details>summary{padding:15px!important}
  .compose-grid{padding:0 15px 17px!important}
  .compose-foot{padding:0 15px 17px!important}
  .guest-row,.captcha-box{grid-template-columns:1fr!important}
  .thought .actions{grid-template-columns:1fr 1fr!important}
  .thought .actions .interaction:last-child{grid-column:1/-1!important}
}
@media(max-width:390px){
  .community-hero .actions{grid-template-columns:1fr!important}
  .feed-actions,.interactions,.comment-actions,.thought .actions{grid-template-columns:1fr!important}
  .feed-actions .feed-action:last-child,.interactions .interaction:last-child,.comment-action.quiet,.thought .actions .interaction:last-child{grid-column:auto!important}
}

/* Keep the managed light theme coherent on community and discussion surfaces. */
html[data-theme="light"] .community-hero,
html[data-theme="light"] .forum-hero,
html[data-theme="light"] .thread-card{
  border-color:var(--line)!important;
  background:radial-gradient(circle at 86% 8%,color-mix(in srgb,var(--purple) 16%,transparent),transparent 34%),linear-gradient(145deg,var(--panel2),var(--panel))!important;
  color:var(--text)!important;
}
html[data-theme="light"] .competition-badges span{
  border-color:var(--line)!important;
  background:var(--panel2)!important;
  color:var(--text)!important;
}
html[data-theme="light"] .feed-card,
html[data-theme="light"] .thread,
html[data-theme="light"] .comment-card,
html[data-theme="light"] .comment{
  border-color:var(--line)!important;
  background:var(--panel)!important;
}
html[data-theme="light"] .thread p,
html[data-theme="light"] .thread small,
html[data-theme="light"] .thread .foot{
  color:var(--text-secondary)!important;
}
html[data-theme="light"] .feed-action,
html[data-theme="light"] .interaction,
html[data-theme="light"] .comment-action{
  border-color:var(--line)!important;
  background:var(--panel2)!important;
  color:var(--text)!important;
}
html[data-theme="light"] .community-side>.compose,
html[data-theme="light"] .reply-group,
html[data-theme="light"] .compose-details{
  border-color:var(--line)!important;
}

/* 2026-09-02 · Reddit-inspired density pass: posts read as one conversation, not a card gallery. */
.community-shell{width:min(calc(100% - 24px),1060px)!important;margin-top:12px!important}
.community-hero{min-height:0!important;padding:18px 20px!important;border-radius:10px!important;background:var(--panel)!important}
.community-hero h1{font-size:clamp(1.65rem,3.2vw,2.45rem)!important;letter-spacing:-.04em!important;margin:5px 0 7px!important}
.community-hero p{font-size:.82rem!important;line-height:1.5!important;margin:0!important}
.community-hero .actions{margin-top:12px!important}
.community-hero .actions .btn{min-height:36px!important;padding:7px 11px!important}
.competition-badges{display:flex!important;gap:5px!important;align-self:center!important}
.competition-badges span{min-width:52px!important;min-height:42px!important;border-radius:8px!important;font-size:.62rem!important}
.community-layout{grid-template-columns:minmax(0,1fr) 260px!important;gap:10px!important;margin-top:10px!important}
.community-feed{gap:0!important;border:1px solid var(--line)!important;border-radius:10px!important;overflow:hidden!important;background:var(--panel)!important}
.feed-card{padding:11px 13px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.feed-card:last-child{border-bottom:0!important}
.feed-card:hover{background:color-mix(in srgb,var(--panel2) 72%,transparent)!important}
.feed-author b{font-size:.78rem!important}
.feed-author small{font-size:.64rem!important}
.feed-type{padding:3px 6px!important;border-radius:999px!important;font-size:.56rem!important}
.feed-card h2{font-size:.98rem!important;line-height:1.35!important;margin:8px 0 4px!important}
.feed-card p{font-size:.8rem!important;line-height:1.5!important;margin:3px 0!important}
.feed-actions{display:flex!important;grid-template-columns:none!important;gap:2px!important;margin-top:7px!important}
.feed-action{justify-content:flex-start!important;min-height:30px!important;padding:4px 7px!important;border-color:transparent!important;background:transparent!important;border-radius:6px!important;font-size:.67rem!important}
.feed-action:hover{transform:none!important;background:var(--panel2)!important;border-color:var(--line)!important}
.community-side{gap:8px!important}
.community-side>.compose,.leader-mini,.community-note{padding:12px!important;border-radius:9px!important}
.compose input,.compose textarea,.compose select{min-height:36px!important;border-radius:7px!important;padding:8px 9px!important;font-size:.78rem!important}
.compose textarea,.thought-compose textarea{min-height:76px!important}
.compose-foot>.btn{min-height:36px!important}
.live-row{margin-top:12px!important}

.forum{width:min(calc(100% - 24px),960px)!important;margin-top:12px!important}
.forum-hero{padding:16px 18px!important;border-radius:10px!important;background:var(--panel)!important}
.forum-hero h1{font-size:clamp(1.7rem,3.2vw,2.5rem)!important;margin:5px 0!important}
.filters,.games{gap:5px!important;padding:8px 0 3px!important}
.chip{min-height:34px!important;padding:5px 10px!important;font-size:.68rem!important}
.thread{padding:10px 12px!important;border-radius:0!important;border-width:0 0 1px!important;box-shadow:none!important}
.thread h2{font-size:.96rem!important;line-height:1.35!important;margin:4px 0!important}
.thread p{font-size:.78rem!important;line-height:1.48!important;margin:3px 0!important}
.foot{font-size:.66rem!important}
.foot a{padding:4px 0!important}

.thread-shell{width:min(calc(100% - 24px),900px)!important;margin-top:10px!important}
.thread-nav{min-height:34px!important;margin-bottom:6px!important}
.thread-nav .btn{min-height:32px!important;padding:5px 9px!important}
.thread-card{padding:14px 16px!important;border-radius:9px!important;background:var(--panel)!important;box-shadow:none!important}
.thread-card:after{display:none!important}
.thread-avatar{width:30px!important;height:30px!important;border-radius:50%!important;font-size:.72rem!important}
.thread-head{gap:8px!important}
.thread-head b,.thread-head .muted{font-size:.7rem!important}
.thread-title{font-size:clamp(1.35rem,3.2vw,1.9rem)!important;line-height:1.2!important;letter-spacing:-.035em!important;margin:10px 0 6px!important}
.thread-context{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:12px 0 0!important}.thread-context span{padding:3px 7px;border:1px solid var(--line);border-radius:999px;color:var(--cyan);font-size:.62rem;font-weight:900}.thread-context span+span{color:#b9a8ff}
.thread-body{font-size:.86rem!important;line-height:1.58!important}
.interactions{display:flex!important;grid-template-columns:none!important;gap:2px!important;margin-top:9px!important}
.interaction{justify-content:flex-start!important;min-height:32px!important;padding:5px 8px!important;border-color:transparent!important;background:transparent!important;border-radius:6px!important;font-size:.67rem!important}
.interaction:hover{transform:none!important;background:var(--panel2)!important;border-color:var(--line)!important}
.discussion-bar{margin-top:14px!important;padding:0 4px 5px!important;border-bottom:1px solid var(--line)!important}
.discussion-bar h2{font-size:.94rem!important}
.discussion-tools select{min-height:32px!important;padding:4px 8px!important;font-size:.67rem!important}
.comments{gap:0!important;margin-top:0!important;background:var(--panel)!important;border:1px solid var(--line)!important;border-top:0!important;border-radius:0 0 9px 9px!important;overflow:hidden!important}
.comment-card{padding:9px 11px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.comment-head{gap:7px!important;align-items:center!important}
.comment-head .thread-avatar{width:25px!important;height:25px!important}
.comment-author b{font-size:.72rem!important}
.comment-time{font-size:.61rem!important;margin-top:0!important}
.comment-body{font-size:.79rem!important;line-height:1.5!important;margin-top:6px!important}
.comment-actions{display:flex!important;grid-template-columns:none!important;gap:1px!important;margin-top:5px!important}
.comment-action{justify-content:flex-start!important;min-height:28px!important;padding:3px 6px!important;border-color:transparent!important;background:transparent!important;border-radius:5px!important;font-size:.63rem!important}
.comment-action:hover{transform:none!important;background:var(--panel2)!important;border-color:var(--line)!important}
.comment-action.quiet{margin-left:auto!important}
.reply-group{margin:5px 0 0 11px!important;padding-left:9px!important;border-left:1px solid #31527d!important}
.reply-group summary{min-height:28px!important;padding:3px 0!important;font-size:.63rem!important}
.reply-list{gap:0!important;margin-top:0!important}
.reply-list .comment-card{padding:8px 9px!important;background:transparent!important}
.empty-comments{padding:13px!important;border:0!important;border-radius:0!important;font-size:.74rem!important}
.compose-details{margin-top:8px!important;border-radius:9px!important}
.compose-details>summary{min-height:38px!important;padding:8px 11px!important;font-size:.78rem!important}
.compose-grid{gap:7px!important;padding:0 11px 10px!important}
.compose-grid textarea{min-height:76px!important}
.compose-grid input,.compose-grid select{min-height:35px!important;padding:7px 9px!important}
.guest-row{gap:7px!important}
.login-note,.captcha-prompt{min-height:35px!important;padding:7px 9px!important}
.privacy-row{padding:8px!important;border-radius:7px!important}
.compose-foot{padding:0 11px 10px!important}
.compose-foot .btn{min-height:34px!important;padding:6px 10px!important}
.safety{padding:9px 11px!important;font-size:.69rem!important;border-radius:8px!important}
.safety p{margin:3px 0!important}

@media(max-width:900px){
  .community-layout{grid-template-columns:1fr!important}
  .community-side{order:0!important}
  .community-side>.compose{padding:10px!important}
  .thread-card{padding:12px 13px!important}
}
@media(max-width:620px){
  .community-shell,.forum,.thread-shell{width:100%!important;margin-top:0!important}
  .community-hero,.forum-hero,.thread-card{border-left:0!important;border-right:0!important;border-radius:0!important}
  .community-hero{padding:14px!important}
  .community-hero h1{font-size:1.65rem!important}
  .competition-badges{display:none!important}
  .community-feed,.comments{border-left:0!important;border-right:0!important;border-radius:0!important}
  .feed-card{padding:10px 12px!important}
  .feed-actions,.interactions,.comment-actions{display:flex!important;grid-template-columns:none!important;flex-wrap:wrap!important}
  .feed-actions .feed-action:last-child,.interactions .interaction:last-child,.comment-action.quiet{grid-column:auto!important}
  .interaction,.feed-action{min-height:34px!important}
  .comment-action{min-height:32px!important}
  .discussion-bar{padding-inline:12px!important}
  .compose-details,.safety{margin-inline:8px!important}
  .reply-group{margin-left:7px!important;padding-left:7px!important}
  /* Derin ice ice yanitlarda girinti 3. duzeyden sonra sabitlenir; kucuk ekranda icerik daralmaz. */
  .reply-group .reply-group .reply-group{margin-left:2px!important;padding-left:8px!important}
}

.space-strip{padding:12px 13px!important;margin-top:10px!important;border-radius:10px!important;background:var(--panel)!important;box-shadow:none!important}
.space-strip .section-head{margin-bottom:8px!important}
.space-strip h2{font-size:1rem!important;margin:3px 0 0!important}
.space-rail-hint{display:block;margin-top:3px;color:var(--muted);font-size:.62rem;line-height:1.2}
.space-list{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:2px 0 8px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.space-list::-webkit-scrollbar{height:6px}.space-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}
.community-space-rail:focus-visible{outline:3px solid var(--cyan);outline-offset:3px;border-radius:8px}
.space-card{display:flex;align-items:center;gap:8px;flex:0 0 210px;min-width:0;min-height:58px;padding:8px 9px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);color:var(--text);text-decoration:none;scroll-snap-align:start}
.space-card:hover{border-color:#456c9e;background:var(--panel)}
.space-open{display:flex;align-items:center;gap:8px;min-width:0;flex:1;color:inherit;text-decoration:none}
.space-follow{flex:none;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--cyan);padding:4px 7px;font-size:.58rem;font-weight:900;cursor:pointer}
.space-follow:hover{border-color:var(--cyan);background:#0d293d}
.space-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:color-mix(in srgb,var(--cyan) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--cyan) 22%,var(--line));color:var(--cyan);font-size:.62rem;font-weight:900;line-height:1;letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden}
.space-card b{display:block;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.space-card small{display:block;margin-top:2px;color:var(--muted);font-size:.58rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:620px){.space-strip{border-left:0!important;border-right:0!important;border-radius:0!important;padding:10px 12px!important}.space-card{flex-basis:180px}}
/* Dokunmatik ekranda yogun gorunumun kuculdugu kontroller tekrar 44px dokunma hedefine cikar; masaustu yogunlugu korunur. */
@media(pointer:coarse){
.feed-action,.interaction,.chip,.comment-action,.thread-nav .btn,.compose-foot .btn,.space-follow,.discussion-tools select{min-height:44px!important}
.feed-action,.interaction,.comment-action{padding-top:10px!important;padding-bottom:10px!important}
.space-follow{padding:10px 14px!important;font-size:.72rem!important}
.reply-group summary{min-height:44px!important;display:inline-flex;align-items:center}
.compose-details>summary{min-height:44px!important;display:flex;align-items:center;gap:8px}
.community-hero .actions .btn{min-height:44px!important;padding-top:10px!important;padding-bottom:10px!important}
.compose input,.compose textarea,.compose select,.compose-grid input,.compose-grid select{min-height:44px!important}
.foot a{display:inline-flex;align-items:center;min-height:44px}
.thread{position:relative}
.thread:hover h2 a{text-decoration:underline}
.thread h2 a::after{content:"";position:absolute;inset:0}
}

/* Keep the guest identity hint readable beside the name field, then stack it on compact screens. */
.thread-shell .guest-row{grid-template-columns:minmax(0,1fr) minmax(250px,300px);align-items:stretch}
.thread-shell .login-note{display:flex;align-items:center;min-height:48px;line-height:1.5;overflow-wrap:anywhere}
@media(max-width:760px){.thread-shell .guest-row{grid-template-columns:minmax(0,1fr)}.thread-shell .login-note{display:block;min-height:44px}}