/*
Theme Name: Legsicons Typepadish (Header Match)
Theme URI: https://legsicons.com
Author: ChatGPT
Description: Image-forward theme with header styled to match the legacy Typepad header.
Version: 1.1
License: GPLv2 or later
Text Domain: legsicons-typepadish
*/

*{box-sizing:border-box}

html,body{
  margin:0; padding:0;
  background:#EBE9E0;
  color:#000;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,Georgia,serif;
  line-height:1.6;
}

a{color:#265884;text-decoration:none}
a:hover{text-decoration:underline}

.wrapper{max-width:1080px;margin:0 auto;background:#fff;box-shadow:0 8px 32px rgba(0,0,0,.06)}

.masthead{
  background:#2B5F86; /* header blue from screenshot family */
  color:#fff;
  padding:48px 24px 36px;
  text-align:center;
}
.masthead .site-title a{color:#fff;text-decoration:none}
.masthead .site-title{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight:700;
  letter-spacing:.5px;
  font-size: clamp(36px, 6vw, 92px);
  line-height:1.05;
  margin:0 0 10px;
}
.masthead .site-tagline{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight:400;
  font-size: clamp(16px, 2.2vw, 28px);
  color:rgba(255,255,255,.9);
  line-height:1.25;
  margin:0 auto;
  max-width: 1100px;
}

.navbar{
  background:#e9e6dc;
  border-bottom:1px solid rgba(0,0,0,.06);
}
.navbar .nav-inner{
  max-width:1080px;margin:0 auto; padding:14px 24px;
  text-align:center;
}
.navbar a{color:#265884;margin:0 14px;font-weight:600}

.content-area{padding:24px}
@media (min-width: 980px){
  .content-area{padding:32px 48px}
}

.post{max-width:820px;margin:40px auto}
.post-title{font-size:34px;line-height:1.2;margin:0 0 8px;color:#2B5F86}
.post-meta{text-align:center;color:#777;font-size:13px;margin-bottom:18px}
.post-content img{display:block;margin:12px auto;max-width:100%;height:auto}
.post-content p{margin:0 0 1em;font-size:18px}
.read-more{display:inline-block;margin-top:10px;color:#C9340E}
.site-footer{text-align:center;color:#777;font-size:13px;padding:24px 0 40px}