:root{
  --ink:#23272b;
  --muted:#6b7279;
  --paper:#eef0f1;
  --card:#ffffff;
  --line:#c9cdd1;
  --accent:#1f6f78;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:17px;
  line-height:1.65;
}
a{color:var(--accent);text-underline-offset:3px}
a:hover{color:var(--ink)}
a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}

.wrap{max-width:760px;margin:0 auto;padding:0 20px}

.top{background:var(--ink);color:#fff}
.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;padding-bottom:16px}
.brand{font-family:Georgia,"Times New Roman",serif;font-size:22px;letter-spacing:.02em;color:#fff;text-decoration:none}
.top nav a{color:#d6dadd;margin-left:18px;text-decoration:none}
.top nav a:hover{color:#fff;text-decoration:underline}

.hero{padding:56px 0 32px}
.hero h1,.page-title{font-family:Georgia,"Times New Roman",serif;font-weight:normal;font-size:40px;line-height:1.15;margin:0 0 12px}
.hero p{font-size:19px;color:var(--muted);max-width:560px;margin:0}

h2{font-family:Georgia,"Times New Roman",serif;font-weight:normal;font-size:26px;margin:40px 0 16px}

/* рамка видоискателя вокруг записей */
.frame{
  position:relative;
  background:var(--card);
  padding:24px 28px;
  margin:0 0 24px;
}
.frame::before,.frame::after{
  content:"";position:absolute;width:22px;height:22px;border:2px solid var(--ink);
}
.frame::before{top:-6px;left:-6px;border-right:0;border-bottom:0}
.frame::after{bottom:-6px;right:-6px;border-left:0;border-top:0}
.frame h3{font-family:Georgia,"Times New Roman",serif;font-weight:normal;font-size:23px;margin:0 0 4px}
.frame h3 a{color:var(--ink);text-decoration:none}
.frame h3 a:hover{color:var(--accent);text-decoration:underline}
.frame p{margin:8px 0 0}
.date{color:var(--muted);font-size:15px}

article.post{background:var(--card);padding:28px 32px;margin:32px 0}
article.post p{max-width:62ch}

.files{list-style:none;padding:0;margin:0}
.files li{border-bottom:1px solid var(--line);padding:10px 0}
.files li:last-child{border-bottom:0}

.notice{background:var(--card);border-left:4px solid var(--accent);padding:16px 20px;margin:24px 0}
.denied{border-left-color:#a33a3a}

table.log{width:100%;border-collapse:collapse}

.bottom{border-top:1px solid var(--line);margin-top:56px;padding:20px 0 40px;color:var(--muted);font-size:15px}
.bottom a{color:var(--muted)}

@media (max-width:560px){
  .hero h1,.page-title{font-size:32px}
  .top .wrap{flex-direction:column;align-items:flex-start}
  .top nav a{margin:0 16px 0 0}
  .frame,article.post{padding:20px}
}

.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}
.gallery img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover}
.seriesnav{display:flex;gap:18px;margin:0 0 16px}
@media (max-width:560px){.gallery{grid-template-columns:1fr}}