/* Minimal styles for bare-bones Hugo site */
:root{
  --wrap-max: 1024px;
  --muted:#666;
}
*{box-sizing:border-box}
main::after {content: "";display: table;clear: both}
body{font-family:"Source Serif",Garamond,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;line-height:1.5;color:#111;margin:0}
.wrap{max-width:var(--wrap-max);margin:0 auto;padding:1rem}
.site-header{background:#f8f8f8;border-bottom:1px solid #eee}
.site-title{margin:0;padding:.75rem 0;display:inline-block;font-size:1.25rem}
.site-title a{color:inherit;text-decoration:none}
.site-nav{float:right;padding-top:.6rem}
.site-nav a{margin-left:1rem;color:var(--muted);text-decoration:none}
main{padding:1rem 0}
.post-item{display: flex; gap:1rem;padding-bottom:1rem;margin-bottom:1rem;align-items: flex-start}
.post-thumbnail{flex: 0 0 2rem;height:5rem;border-radius:3rem;object-fit: cover}
.post-entry-content{flex: 1;}
.post-entry-content h3 {margin: 0 0 8px; }
.post-entry-content p {margin: 0; font-style:italic;color: var(--muted)}
.content img{max-width:100%;height:auto}
.site-description{font-style:italic;color:var(--muted);font-size:0.9rem;margin-top:-0.5rem}
.site-footer{border-top:1px solid #eee;background:#fafafa;padding:.75rem 0;text-align:center;color:var(--muted)}

/* Social icons in header/footer */
.social-icons{display:inline-flex;gap:0.6rem;align-items:center;justify-content:center}
.social-link{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:0.35rem;font-size:1.05rem}
.social-link:hover{text-decoration:none;opacity:0.85}
.social-link .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Ensure any inlined SVG icons match font-size and color */
.social-link svg{width:1em;height:1em;fill:currentColor;display:inline-block}
/* Layout and typography */
.footer-row{display:flex;gap:1rem;align-items:center;justify-content:space-between}
.float-right{float:right;margin:0 0 1rem 1rem;max-width:40%}
.clear-right{clear:right}
.link-undecorated{color:inherit;text-decoration:none}
.link-undecorated:hover{text-decoration:none;opacity:0.75}
.date{color:var(--muted);font-size:0.9rem}
/* Portfolio listing */
.portfolios-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center}
.portfolios-list li{flex:1 1 calc(33% - 1rem);box-sizing:border-box;padding:.5rem;border:1px solid #f1f1f1;text-align:center}
.portfolios-list li img{max-width:100%;height:auto;margin-bottom:0.5rem}
/* Breadcrumbs */
.breadcrumb ol {
  padding-left: 0;
}
.breadcrumb li {
  display: inline;
}
.breadcrumb li:not(:last-child)::after {
  content: "»";
}
.breadcrumb a {
  color: var(--muted);
  text-decoration: none;
}
/* Helpers from Source Serif site */
.ExtraLight {
    font-weight: 200;
}
.Light {
    font-weight: 300;
}
.Regular {
    font-weight: 400;
}
.Semibold {
    font-weight: 600;
}
.Bold {
    font-weight: 700;
}
.Black {
    font-weight: 900;
}

/*
@media (max-width: 600px) {
  .portfolios-list li{flex:1 1 100%}
  .post-item {
    flex-direction: row;
    gap: 10px;
  }
  .post-thumbnail {
    flex: 0 0 100%;
    height: 80px;
    max-width: 100%;
  }
}
*/