/* Mobile reading and writing. Source order remains the accessible reading order. */
.top{padding-inline:max(24px,calc((100% - 1344px)/2))}
.top nav{min-width:0;flex-wrap:wrap;justify-content:flex-end}.top .brand{flex:none}
.hnb-header-controls{display:inline-flex;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:6px;margin-left:auto;white-space:nowrap}
:where(main,.page,.panel,.topic-body,.meta,.hnb-profile-heading>div,.hnb-author-link,.source-attachment>div){min-width:0}
:where(.prose,.reply-content,.topic-body,.meta,.hnb-profile-heading,.hnb-member-profile,.hnb-recent-row,.hnb-member-card,.source-name,.source-quote,.notice,.hnb-recovery,.hnb-submit-status){overflow-wrap:anywhere;word-break:normal}
.hnb-author-link{max-width:100%;min-width:0}.hnb-author-link>span{min-width:0;overflow-wrap:anywhere}.hnb-author-link>img{flex:none}
/* Chat and header controls share the same mobile target and wrapping rules. */
.top nav a.hnb-header-icon{min-width:44px;min-height:44px}
.chat-heading,.chat-panel,.chat-preferences,.chat-inbox-item>span:first-child,.chat-blocked-member>span{min-width:0;overflow-wrap:anywhere}
.chat-inbox-item,.chat-older,.member-chat-link,.chat-report-link,.chat-person-actions>a{min-height:44px;display:inline-flex;align-items:center}
.chat-inbox-item{display:flex}.chat-person-actions,.chat-blocked-member{flex-wrap:wrap}.chat-unread{flex:none}
:where(button,summary,.start-button,.card-reply,.room-actions a,.sidebar nav a,.sidebar-bottom a,.quick-links a,.pagination a,.reply-actions a,.thread-navigation a,.writer-actions>a,.actions a,.actions button,.text-button,.quiet-button){min-height:44px;min-width:44px}
:where(.card-reply,.room-actions a,.sidebar-bottom a,.pagination a,.reply-actions a,.thread-navigation a,.writer-actions>a,.actions a,.text-button,.quiet-button){display:inline-flex;align-items:center;justify-content:center}
.check{min-height:44px;cursor:pointer}.check input{flex:none}.quiet-button{white-space:normal;text-align:left}
.hnb-reactions button,.hnb-reaction-picker>summary{min-height:48px;min-width:48px}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #a23c29;outline-offset:3px}
:where(img,video,iframe){max-width:100%}.hnb-profile-avatar{max-width:none}.prose table{display:block;max-width:100%;overflow-x:auto}
.hnb-recovery{padding:12px 14px;margin:0 0 18px;border:1px solid #cad6d0;border-radius:6px;background:#f4f7f3;font-size:13px;line-height:1.55}
.hnb-recovery p{margin:0 0 8px}.hnb-recovery .check{margin:0;font-size:13px;font-weight:500;align-items:center}.hnb-recovery-actions{display:flex;flex-wrap:wrap;gap:8px 14px}.hnb-recovery button{margin:0!important;padding:7px 11px;font-size:13px}.hnb-recovery details{margin:4px 0 0;padding:0;border:0}.hnb-recovery summary{font-size:13px}.hnb-recovery-status{color:var(--muted)}
.hnb-recovery-bottom{margin:26px 0 0;background:#f7f8f6;border-color:#d9e0da}.hnb-recovery-bottom h3{font-size:16px;margin:0 0 8px;letter-spacing:0}.hnb-recovery-bottom>.check{margin-top:10px}.hnb-recovery-bottom>.hnb-recovery-status{margin-bottom:10px}
.hnb-submit-status{margin:16px 0 0;padding:12px 14px;border-left:3px solid #597160;background:#edf3ee;font-size:14px}.hnb-submit-status[data-state="error"]{border-color:#a23c29;background:#fff1e9}.hnb-submit-status p{margin:0 0 10px}.hnb-submit-status p:last-child{margin-bottom:0}.hnb-submit-status .hnb-recovery-actions{margin-top:8px}.hnb-submit-status button,.hnb-submit-status a{min-height:44px;display:inline-flex;align-items:center}.hnb-upload-help{margin-top:10px;color:#8c2f22}.hnb-upload-help button{display:inline-flex;margin:4px 0 0!important}
@media(max-width:720px){
  html{scroll-padding-top:12px}body{min-width:0}.page{padding:12px 12px 30px;gap:18px}main{width:100%}
  .top,.hnb-profile-screen .top,.hnb-review-screen .top{display:grid;grid-template-columns:minmax(104px,132px) minmax(0,1fr);gap:6px 8px;padding:6px 12px;min-height:0}
  .brand{min-width:0}.brand img,.hnb-profile-screen .brand img,.hnb-review-screen .brand img{width:132px;height:53px;max-height:53px;max-width:100%;margin:0}
  .top nav,.hnb-profile-screen .top nav,.hnb-review-screen .top nav{margin:0;gap:0 6px;display:flex;flex-wrap:wrap;justify-content:flex-end;font-size:12px;line-height:1.2;min-width:0}
  .hnb-header-controls{gap:4px;margin-left:auto}
  .top nav>a{min-height:44px;min-width:44px;display:inline-flex;align-items:center;padding:6px 2px;text-align:center;justify-content:center}
  .top nav>a:first-child,.top nav>a:nth-child(2),.top nav>a:nth-child(3){display:none}
  .top nav>.profile-top-link,.top nav>.notice-top-link,.top nav>.staff-top-link{display:inline-flex!important;white-space:normal!important}
  .staff-top-link{padding:6px!important;line-height:1.2}.sidebar{gap:8px;padding-bottom:10px;align-items:stretch}
  .sidebar>.start-button{font-size:13px;min-height:44px;flex:1;justify-content:center;line-height:1.25;padding:9px 12px}
  .sidebar>.mobile-menu{flex:1;width:auto;min-width:120px;align-self:start;margin:0}.mobile-menu>summary{display:flex;align-items:center;min-height:44px;justify-content:center;padding:9px 12px;font-size:13px}.mobile-menu>summary::before{content:'☰';margin-right:8px}.mobile-menu[open]{flex-basis:100%}
  .mobile-menu nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mobile-menu nav a{min-height:44px;font-size:13px;min-width:0;text-align:left;justify-content:flex-start}
  .sidebar>nav[aria-label="Forum"]{min-width:0;max-width:100%;order:3;gap:5px;padding:0;margin-top:1px}.sidebar>nav[aria-label="Forum"] a{min-height:44px!important;font-size:13px!important}
  .hnb-home .sidebar>nav[aria-label="Forum"],.hnb-home-screen .sidebar>nav[aria-label="Forum"],.hnb-writing-screen .sidebar>nav[aria-label="Forum"],.hnb-profile-screen .sidebar>nav[aria-label="Forum"],.hnb-review-screen .sidebar>nav[aria-label="Forum"],.hnb-messages-screen .sidebar>nav[aria-label="Forum"]{display:none}
  .hnb-home .hero,.hnb-home-intro{padding:15px 0 10px}.hnb-home .hero h1,.hnb-home-intro h1{font-size:28px;margin-bottom:10px}.hnb-home .hero p,.hnb-home-intro p{font-size:15px;line-height:1.5;margin-bottom:10px}.hnb-home .quick-links{margin-bottom:14px}
  .hero{padding-top:18px}h1{font-size:30px;overflow-wrap:anywhere}h2{font-size:22px}.panel{padding:18px 15px}.section-line{gap:10px;flex-wrap:wrap}.section-line .small{max-width:none;text-align:left;font-size:12px!important}
  input:not([type="hidden"]),textarea,select,.search input,.composer-bottom select,.photo-previews input,.tip-existing-photos input:not([type="checkbox"]),.hnb-profile-form input[type="file"]{font-size:16px!important;max-width:100%;min-width:0}
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select{min-height:44px}.search{margin-bottom:18px;min-width:0}.search button{font-size:14px;min-height:44px;padding-inline:13px}
  .simple-composer #body,.tip-writer #tip-body{font-size:16px;line-height:1.6}.composer-bottom{gap:10px}.composer-bottom>div{min-width:0;width:100%;flex-basis:100%}.composer-bottom>button{min-height:44px;flex:1 1 100px}
  .source-attachment{flex-wrap:wrap}.source-attachment>div{flex:1 1 170px}.source-attachment .quiet-button{flex:none;max-width:100%}.photo-file{height:46px!important}.photo-add{min-height:44px}
  .writer-actions{gap:10px}.writer-actions>button{flex:1 1 130px;white-space:normal}.writer-actions>a{flex:1 1 130px}.reply-actions{gap:10px;flex-wrap:wrap}.actions{gap:8px 14px}.thread-jump{flex-wrap:wrap;gap:10px}.thread-jump>a{max-width:100%}
  .filter-summary{flex-wrap:wrap}.filter-summary a{flex-shrink:1}.quick-links a{min-height:44px;display:inline-flex;align-items:center;font-size:13px}.tag-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.tag-choices .check{align-items:center;line-height:1.35}
  .hnb-profile-heading{gap:12px}.hnb-profile-heading>img{width:64px;height:64px}.hnb-profile-heading h1,.hnb-profile-heading h2{font-size:25px}.hnb-profile-fields{grid-template-columns:minmax(0,1fr)}
  .hnb-recovery{padding:10px 12px}.hnb-recovery .check{align-items:flex-start;padding-top:8px}.hnb-recovery .check input{margin-top:3px}.hnb-recovery-actions>*{flex:0 1 auto}.hnb-recovery-actions button{font-size:14px}.hnb-submit-status{padding:12px}
}
@media(max-width:420px){
  .top nav>.staff-top-link{display:none!important}
  .topic-card{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:17px 14px}.topic-links{flex-direction:row;justify-content:flex-start;align-items:center;gap:14px;padding:0}.reply-count{min-height:48px;min-width:68px;padding:6px 10px;display:inline-flex;align-items:center;justify-content:center;gap:5px}.reply-count strong{display:inline;font-size:20px}.card-reply{min-height:48px}
  .photo-previews,.tip-existing-photos{grid-template-columns:minmax(0,1fr)}.photo-previews img,#photo-previews img{height:170px}.hnb-profile-photo-preview{max-width:100%}.mobile-menu nav{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:360px){.top nav>.profile-top-link{display:none!important}.top nav,.hnb-profile-screen .top nav,.hnb-review-screen .top nav{flex-wrap:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}