.info-header { display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; padding-bottom:28px; border-bottom:1px solid var(--line-strong); margin-bottom:32px; }
.info-header .brand { margin:0; font-family:var(--serif); font-size:38px; }
.info-controls { display:flex; gap:8px; }
.info-controls button { border:1px solid var(--line); background:var(--paper); color:var(--ink); padding:9px 12px; cursor:pointer; }
.info-controls button[aria-pressed="true"] { border-color:var(--green); }
#infoContent { display:grid; gap:16px; }
#infoContent section { display:grid; gap:12px; }
.info-feed { display:grid; gap:12px; margin-top:24px; border-top:1px solid var(--line-strong); padding-top:24px; }
.info-feed input { width:100%; min-width:0; color:var(--ink); background:var(--paper); padding:12px; border:1px solid var(--line-strong); font-size:16px; }
.info-feed .button { justify-self:start; }
[data-theme="dark"] .info-feed .button.primary { color:#062d22; background:var(--green-strong); }
.info-footer { margin-top:42px; padding-top:20px; border-top:1px solid var(--line-strong); line-height:2; }
.static-page a { color:var(--ink); text-underline-offset:3px; }
.info-header .brand { text-decoration:none; }
@media(max-width:500px) { .static-page h1 { font-size:40px; overflow-wrap:break-word; } .static-page p { font-size:16px; } }