/* Mobile reading layout: keep controls together and give stories the full width. */
.new-content-badge{display:inline-block;margin-inline-start:8px;padding:2px 6px;border-radius:5px;background:#fff0ee;color:#b52e28;font-size:12px;font-weight:750;vertical-align:middle;white-space:nowrap;letter-spacing:0}
.darami-search-guide img,.search-wait .loader-track img,.loading img{animation:none!important;transform:none!important}
.search-wait .loader-document{display:none}
@media(max-width:700px){
  header .header-inner{display:flex;flex-wrap:wrap;gap:12px;padding:14px 18px 0}
  header .header-inner>nav{order:3;display:flex;flex:0 0 100%;flex-wrap:nowrap;gap:22px;overflow-x:auto;width:100%;padding:0;min-height:48px;margin:0;align-items:center}
  header .header-inner>nav a{flex:0 0 auto;padding:12px 0;font-size:15px}
  header .header-actions{margin-left:auto}
  .page-intro{padding:0;margin-bottom:24px}
  .page-intro .eyebrow{font-size:11px;letter-spacing:1px;margin-bottom:10px}
  main h1{font-size:30px;line-height:1.35}
  #board-search input{min-width:0;flex:1;width:0}
  #board-search button{flex:0 0 auto;white-space:nowrap;min-width:64px;padding:12px}
  .community-content .community-story{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:18px 0}
  .community-story>.board-badge{justify-self:start}
  .community-story-main{min-width:0;width:100%}
  .community-story-main h3{font-size:18px;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}
  .community-story-main p{font-size:15px;line-height:1.75}
  .community-story-tail{justify-self:end}
  .community-story-meta{font-size:14px;color:#526979}
  .empty{padding:24px 18px;min-height:0}
  .empty img{width:100px;height:100px;object-fit:contain}
  .empty h2{font-size:22px}
}