/* Skills Elevate 1.3: wider articles and modest mobile gutters. */
.single-post{max-width:1180px;width:100%;padding-top:32px;padding-bottom:40px}
.single-post>.prose{max-width:none;width:100%;min-width:0;overflow-wrap:anywhere}
.single-post .post-cover{display:block;width:100%;height:auto;border-radius:var(--radius);margin:20px 0}
.post-meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.post-meta-row p{margin:0}
.post-edit-link{white-space:nowrap}
.single-post .breadcrumbs{overflow-wrap:anywhere}
.single-post .rendered-code-block{max-width:100%;min-width:0;overflow-x:auto}
.tool-layout>*,.tool-embed{min-width:0}
.single-post .prose img{max-width:100%;height:auto}
.single-post .prose pre,.single-post .prose .table-wrap{max-width:100%;overflow-x:auto}
.single-post .prose>p{font-size:1.05rem;line-height:1.8}
@media(max-width:1100px){
  .header-inner{gap:12px}
  .header-search{display:none}
  .brand{min-width:0}
  .brand-logo{max-width:220px;object-fit:contain}
}
@media(max-width:900px){
  .main-nav{display:none;position:absolute;top:100%;left:10px;right:10px;flex-direction:column;padding:12px;background:var(--surface);border-radius:14px;box-shadow:0 8px 24px var(--sd)}
  .main-nav.open{display:flex}
  .nav-toggle{display:flex}
}
@media(max-width:640px){
  .container{padding-left:12px;padding-right:12px}
  .single-post{padding-top:22px;padding-bottom:28px}
  .single-post h1{font-size:clamp(1.65rem,7vw,2.2rem);overflow-wrap:anywhere}
  .single-post .prose>p{font-size:1rem}
  .single-post .post-cover{margin:16px 0;border-radius:12px}
  .header-inner{height:auto;min-height:66px;gap:8px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
  .brand{gap:6px;max-width:calc(100% - 44px)}
  .brand-name{font-size:.95rem;overflow-wrap:anywhere}
  .brand-logo{max-width:180px;height:auto;max-height:38px}
  .header-actions{gap:8px}
  .header-actions .btn{padding:8px 10px;font-size:.8rem}
  .hero{padding-top:34px;padding-bottom:28px}
  .hero-search{max-width:100%}
  .hero-search input{min-width:0;width:0;padding:10px}
  .hero-search .btn{padding:10px 12px}
  .hero-stats{gap:10px;flex-wrap:wrap}
  .tool-layout,.dash{padding-left:12px;padding-right:12px;gap:16px}
  .tool-main,.dash-main,.tool-stage{min-width:0}
  .tool-stage,.dash-main{padding:16px 12px}
  .tool-content{margin-top:24px}
  .form-card{margin:24px 12px;padding:24px 16px;width:auto}
  .footer-grid{gap:20px;grid-template-columns:1fr 1fr}
  .footer-col{min-width:0;overflow-wrap:anywhere}
  .footer-col:first-child{grid-column:1/-1}
  .ad-slot{padding-left:12px;padding-right:12px;max-width:100%;overflow-x:auto}
  .prose blockquote{padding:14px 12px}
  .prose ul,.prose ol{padding-left:24px}
  input,select,textarea{max-width:100%}
  .pagination{flex-wrap:wrap}
}
@media(max-width:380px){.brand-logo{max-width:150px}.header-actions .btn-primary{padding:8px}.footer-grid{grid-template-columns:1fr}}