/* NETERNA — unified retro stylesheet (centered auth/home, consistent headers/buttons, people unchanged) */
:root{
  --line:#fff;
  --bg:#000;
  --fontstack: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", "Courier New", monospace;
  --pad:14px;
  --gap:10px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:#000;color:#fff;font-family:var(--fontstack);line-height:1.45}
a{color:#fff;text-decoration:none}
a:hover{filter:brightness(1.1)}
a:focus{outline:2px dotted var(--line);outline-offset:2px}

/* Layout */
.wrap{display:block;padding:28px 10px}
.frame{width:100%;max-width:1100px;margin:0 auto;border:2px solid var(--line);background:var(--bg);display:block}

/* Header/Footer */
.header,.footer{
  padding:10px var(--pad);
  border-bottom:2px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:var(--bg);
}
.footer{border-bottom:0;border-top:2px solid var(--line)}
.header-left{display:flex;align-items:center;gap:12px}

/* Title/brand consistent */
/* Site/page titles */
.header .brand {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}


/* Profile username */
.profile-header .brand {
  font-size:18px;   /* smaller, back to original feel */
  font-weight:700;
}


/* Nav + buttons */
.nav{display:flex;gap:10px;flex-wrap:wrap}
.alink,.btn,.nav a{
  display:inline-block;
  padding:6px 12px;
  border:2px solid var(--line);
  background:#000;
  color:#fff;
  font-family:var(--fontstack);
  font-size:15px;
}
.btn.block{display:block;width:100%;text-align:center}

/* Content */
.main{padding:var(--pad)}
.box{border:2px solid var(--line);background:#000;padding:var(--pad);margin:16px 0}
.box.htmlbox{padding:0}
.note{padding:6px 8px;border-left:2px solid var(--line);margin:8px 0 14px}

/* Centered helpers for index/login/register */
.main--center{min-height:440px;display:grid;place-items:center;text-align:center}
.header--center{display:grid;grid-template-columns:1fr auto;align-items:center}
.header--center .brand{justify-self:center;text-align:center}
.actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}

/* Forms */
.form label{display:block;margin-bottom:10px}
.form label>span{display:block;font-size:14px;opacity:.9;margin-bottom:5px}
input[type=text],input[type=password],input[type=email],input[type=number],input[type=file],select,textarea{
  width:100%;padding:8px;border:2px solid var(--line);background:#000;color:#fff;font-family:var(--fontstack)
}
textarea{min-height:90px;resize:vertical}

/* Media */
.stage{position:relative;min-height:360px}
.stage iframe{width:100%;height:360px;border:0;display:block}
.fit{max-width:100%;height:auto;display:block;margin:0 auto}

/* People (keep current grid design) */
.people{margin-top:10px}
.people-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.person{border:2px solid var(--line);background:#000;padding:10px;display:flex;gap:10px;align-items:center}
.person .avatar{width:48px;height:48px;object-fit:cover;border:2px solid var(--line)}
.person .name{font-weight:600}.person .meta{font-size:12px;opacity:.85}
@media(max-width:950px){.people-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.people-list{grid-template-columns:1fr}}

/* Comments */
.comments{margin-top:18px}
.comment{display:flex;gap:10px;border:2px solid var(--line);padding:10px;background:#000;margin:10px 0}
.comment .avatar{width:48px;height:48px}
.comment .meta{font-size:12px;opacity:.85;margin-bottom:6px}
.comment-post{display:inline-block;background:#000;color:#fff;border:2px solid var(--line);padding:4px 8px}
.comment-del{background:transparent;color:#fff;border:0;padding:0;cursor:pointer}
.comment-del:hover{text-decoration:underline}

/* Pagination */
.pager{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.pager a{display:inline-block;padding:2px 8px;border:2px solid var(--line);background:#000}
.pager a[aria-current=page]{filter:brightness(1.15)}

/* Iframe block */
.iframe-html{width:100%;border:0;display:block;background:transparent}

/* Responsive */
@media(max-width:720px){
  .header{flex-direction:column;align-items:flex-start;gap:10px}
  .stage{min-height:240px}.stage iframe{height:240px}
}

/* Profile header usernames smaller than site titles */
.profile-header .brand {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}
/* === Avatar sizing fix === */
/* Header/profile avatars */
.header .avatar,
.avatar.avatar-64 {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border: 2px solid var(--line);
  display: inline-block;
}

/* People list + comments avatars */
.person .avatar,
.comment .avatar,
.avatar.avatar-48 {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border: 2px solid var(--line);
  display: inline-block;
}

/* Optional larger avatars */
.avatar.avatar-96 {
  width: 96px;
  height: 96px;
  object-fit: cover;
  border: 2px solid var(--line);
}

/* Prevent responsive IMG rules from overriding avatars */
img.avatar {
  max-width: none;
  height: auto;
}