a.category,a.article,a.topic{text-decoration:none;color:inherit}.search{display:flex;margin-left:auto}.search input{width:170px;padding:8px;border:1px solid #ddd;border-radius:7px 0 0 7px}.search button{background:#26352f;color:white;border-radius:0 7px 7px 0}.actions{margin-left:0}.reader{max-width:850px;margin:auto;min-height:70vh}.reader h1{font-size:42px;margin:30px 0 10px}.reader .by{color:#999;border-bottom:1px solid #ddd;padding-bottom:25px}.reader article{font-size:17px;line-height:2;margin-top:35px}.account{min-height:70vh;display:grid;place-items:center}.account form{width:min(430px,90vw);background:#fff;padding:35px;border:1px solid #e4e0d8;border-radius:14px}.account label{display:grid;gap:7px;margin:15px 0}.account input,.account select,.account textarea{padding:11px;border:1px solid #ddd;border-radius:7px;font:inherit}.account .primary{width:100%}.account.wide form{width:min(760px,94vw)}.error{color:#d64632}.panel{background:#f1ede5;padding:20px;margin-top:35px;border-radius:10px}@media(max-width:900px){.search{display:none}}
/* Keep every navigation and authentication entry reachable on narrow screens. */
@media(max-width:1100px){
  body>header{height:auto;min-height:76px;flex-wrap:wrap;gap:12px;padding:14px 4vw}
  body>header .brand{white-space:nowrap}
  body>header .actions{margin-left:auto;flex-wrap:wrap}
  body>header .actions .ghost{display:inline-block}
  body>header nav{display:flex;order:3;width:100%;gap:18px;overflow-x:auto;padding:8px 0}
  body>header nav a{white-space:nowrap}
  body>header .search{display:flex;order:4;width:100%;margin:0}
  body>header .search input{width:auto;min-width:0;flex:1}
}
/* Reader sections must not inherit the generic section's 9vw inner gutters. */
section.reader:not(.hero){width:100%;max-width:none;margin-inline:auto;padding:clamp(24px,4vw,64px) clamp(16px,5vw,120px);min-width:0;overflow-wrap:anywhere}
section.reader h1{font-size:clamp(28px,2.6vw,42px);line-height:1.4}
section.reader .authorLine{flex-wrap:wrap}
section.reader .markdownBody{min-width:0;max-width:100%}
section.reader .markdownBody img{max-width:100%;height:auto}
section.reader .markdownBody pre{max-width:100%;overflow-x:auto}
section.reader input,section.reader textarea{min-width:0;max-width:100%}
/* Longer localized labels must wrap without hiding navigation or content. */
@media(min-width:901px){body>header{height:auto;min-height:76px;flex-wrap:wrap;gap:18px;padding-top:12px;padding-bottom:12px}body>header .brand,body>header .actions,body>header .search{flex-shrink:0}body>header nav{flex:1 1 420px;min-width:0;flex-wrap:wrap;gap:12px 20px}body>header .search{margin-top:0}}
.hero>div,.sectionHead>div{min-width:0}.hero h1,.sectionHead h2{overflow-wrap:anywhere}.stats{flex-wrap:wrap}footer{flex-wrap:wrap;gap:12px}footer>b{white-space:nowrap}
.membership h2{overflow-wrap:anywhere}
