/* Lightweight, reusable website shell. The approved Task 3 harp styling remains in styles.css. */
.site-masthead{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:5px 5px 11px;margin:0 0 3px;color:#f8e6d7;font-size:13px;line-height:1.3}
.site-masthead::after{content:"";position:absolute;bottom:0;left:5px;right:5px;height:1px;background:linear-gradient(90deg,#d9a94c75,transparent 85%)}
.site-identity{font-family:Georgia,'Times New Roman',serif;font-size:17px;font-weight:600;letter-spacing:.015em;color:#ffe4a4}
.site-identity-sub{font-family:Arial,'Helvetica Neue',sans-serif;color:#e0c9e9;font-weight:400;font-size:12px;letter-spacing:0}
.site-strapline{color:#ddc7df;font-size:12px}
.site-footer{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:20px 9px 3px;color:#d5c2db;font-size:12px;line-height:1.4}
.site-footer-title{font-family:Georgia,'Times New Roman',serif;color:#f5d99b;font-size:14px}
@media(max-width:600px){
  .site-masthead{padding:5px 5px 10px;margin-bottom:3px}
  .site-identity{font-size:15px}
  .site-identity-sub{font-size:11px}
  .site-strapline{display:none}
  .site-footer{flex-wrap:wrap;gap:2px 12px;padding:17px 7px 0}
}

/* Gentle rhythm for the explanatory copy beneath the approved harp tool. */
.description>div>p+p{margin-top:9px}
