/* CatchDoms Restored — minimalist responsive theme, RTL-aware */
*,*::before,*::after{box-sizing:border-box}
:root{
  --color-text:#1f2937;
  --color-muted:#6b7280;
  --color-link:#1e40af;
  --color-bg:#fff;
  --color-bg-alt:#f9fafb;
  --color-border:#e5e7eb;
  --max-content:780px;
}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color:var(--color-text);
  background:var(--color-bg);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
[dir="rtl"] body{text-align:right}
[dir="ltr"] body{text-align:left}

.site-header{
  background:var(--color-bg);
  border-bottom:1px solid var(--color-border);
  padding:1.25rem 2rem;
  display:flex;align-items:center;gap:1rem;flex-wrap:wrap;
}
.site-header .logo{max-height:56px;width:auto}
.site-header .site-title{
  margin:0;font-size:1.4rem;font-weight:600;
}
.site-header .site-title a{color:#111827;text-decoration:none}

.site-nav{
  background:var(--color-bg-alt);
  border-bottom:1px solid var(--color-border);
  padding:0.75rem 2rem;
  display:flex;flex-wrap:wrap;gap:1.5rem;
}
.site-nav a{color:#374151;text-decoration:none;font-size:0.95rem;font-weight:500}
.site-nav a:hover{color:var(--color-link)}

main{max-width:var(--max-content);margin:2.5rem auto;padding:0 2rem}
main h1{font-size:1.75rem;margin:0 0 1.5rem 0;color:#111827;line-height:1.3}
main h2{font-size:1.35rem;margin:2rem 0 1rem;color:#1f2937}
main h3{font-size:1.1rem;margin:1.5rem 0 0.75rem;color:#1f2937}
main p{margin:0 0 1.25rem 0;font-size:1.05rem;color:#374151}
main a{color:var(--color-link)}

.gallery{
  margin:2rem 0;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;
}
.gallery img{width:100%;height:auto;border-radius:6px;border:1px solid var(--color-border)}

.site-footer{
  background:var(--color-bg-alt);
  border-top:1px solid var(--color-border);
  padding:1.5rem 2rem;
  margin-top:3rem;
  text-align:center;font-size:0.875rem;color:var(--color-muted);
}
.site-footer a{color:var(--color-muted);text-decoration:none;margin:0 0.75rem}
.site-footer a:hover{color:#374151;text-decoration:underline}
.site-footer .copyright{margin-top:0.75rem;font-size:0.8rem}

.archive-list{list-style:none;padding:0}
.archive-list li{padding:0.75rem 0;border-bottom:1px solid var(--color-border)}

@media (max-width:640px){
  .site-header,.site-nav,main{padding-left:1rem;padding-right:1rem}
  .site-nav{gap:0.75rem}
}