/* Full-width editorial layouts — Jeddah Contracting Heritage.
   Loaded after theme and brand CSS so headings, prose and media remain consistent.
   Scoped to article/page templates; does not affect home page design. */
@media (min-width: 1100px) {
  body.jc-site .jc-single-layout.jc-shell {
    width: min(1440px, calc(100% - 78px));
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 34px;
    padding-block: 42px 70px;
  }
  body.jc-site .jc-page-shell > .jc-shell {width:min(1400px,calc(100% - 78px));}
  body.jc-site .jc-page-content {max-width: none; width:100%;}
  body.jc-site .jc-article-list {grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
}
@media (min-width: 681px) and (max-width:1099px) {
  body.jc-site .jc-single-layout.jc-shell {width:calc(100% - 48px);grid-template-columns:minmax(0,1fr) 225px;gap:20px}
  body.jc-site .jc-page-content {max-width:none;width:100%}
  body.jc-site .jc-page-shell > .jc-shell {width:calc(100% - 48px);}
}
/* The WordPress typography utility .prose can constrain text to 65 characters
   even when the article card is wider. Explicitly release that max-width. */
body.jc-site .jc-single-article,
body.jc-site .jc-page-content,
body.jc-site .jc-article-content,
body.jc-site .jc-content,
body.jc-site .jc-single-article .prose,
body.jc-site .jc-page-content .prose {
  max-width:none!important;
  min-width:0;
  width:100%;
  box-sizing:border-box;
}
body.jc-site .jc-single-article {padding:clamp(22px,3.3vw,48px);border:1px solid #e2d5bf;border-radius:22px;box-shadow:0 15px 42px #10283e16}
body.jc-site .jc-page-content {border-radius:22px;padding:clamp(22px,3.3vw,48px)}
body.jc-site .jc-article-content,
body.jc-site .jc-page-content .jc-content {
  font-family:'Almarai',Tahoma,sans-serif;
  font-size:clamp(15px,1.12vw,17px)!important;
  line-height:2.12;
  color:#243b50;
  overflow-wrap:break-word;
}
body.jc-site .jc-article-content p,
body.jc-site .jc-page-content .jc-content p {font-size:inherit!important;line-height:2.12;max-width:none;margin:0 0 1.35em;text-align:start}
body.jc-site .jc-article-content h2,
body.jc-site .jc-page-content .jc-content h2 {
  font-family:'Almarai',Tahoma,sans-serif!important;
  font-size:clamp(23px,2.1vw,30px)!important;
  color:#123048!important;
  margin:1.8em 0 .72em;
  border-right:4px solid #bd9655;
  padding:5px 16px 5px 0;
  line-height:1.65;
  font-weight:800;
}
body.jc-site .jc-article-content h3,
body.jc-site .jc-page-content .jc-content h3 {font-size:clamp(19px,1.55vw,24px)!important;color:#25415c!important;margin:1.5em 0 .7em;line-height:1.6;font-weight:800}
body.jc-site .jc-article-content h4,
body.jc-site .jc-page-content .jc-content h4 {font-size:clamp(17px,1.3vw,20px)!important;line-height:1.7;color:#274765!important}
body.jc-site .jc-article-content h5,
body.jc-site .jc-page-content .jc-content h5 {font-size:16px!important;color:#395168!important}
body.jc-site .jc-article-content img,
body.jc-site .jc-page-content .jc-content img {
  max-width:100%!important;height:auto;border-radius:14px;
  border:1px solid #d8c7a9;
  box-shadow:0 8px 26px #14304b15;
}
body.jc-site .jc-article-content figure,
body.jc-site .jc-content figure {max-width:100%;margin:20px auto 26px}
body.jc-site .jc-article-content figure img,
body.jc-site .jc-content figure img {display:block;margin:0 auto}
body.jc-site .jc-article-content figcaption,
body.jc-site .jc-content figcaption {font-size:12px;color:#6d7d87;text-align:center;margin:10px 0}
body.jc-site .jc-post-cover img {display:block;width:100%;height:auto;max-height:550px;object-fit:cover;border-radius:15px}
body.jc-site .jc-article-content ul,
body.jc-site .jc-article-content ol,
body.jc-site .jc-content ul,
body.jc-site .jc-content ol {max-width:none;padding-inline-start:1.7em;margin-block:1em 1.8em}
body.jc-site .jc-article-content li,
body.jc-site .jc-content li {font-size:inherit;line-height:2;margin-block:.45em}
body.jc-site .jc-article-content blockquote,
body.jc-site .jc-content blockquote {border-right:4px solid #bd9655;background:#fcf8f0;padding:18px 22px;border-radius:10px;margin:23px 0}
body.jc-site .jc-article-content :is(table,.wp-block-table table),
body.jc-site .jc-content :is(table,.wp-block-table table) {border-collapse:collapse;width:100%;max-width:100%;font-size:clamp(12px,1vw,15px);text-align:right}
body.jc-site .jc-article-content :is(th,td),body.jc-site .jc-content :is(th,td){padding:12px 15px;border:1px solid #e1d7c6;text-align:right;vertical-align:top}
body.jc-site .jc-article-content th,body.jc-site .jc-content th {background:#112d45;color:#fff}
body.jc-site .jc-article-content tbody tr:nth-child(2n),body.jc-site .jc-content tbody tr:nth-child(2n){background:#f8f5ef}
body.jc-site .jc-article-content .wp-block-table,
body.jc-site .jc-content .wp-block-table {overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;display:block}
body.jc-site .jc-article-content > table,
body.jc-site .jc-content > table {display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
body.jc-site .jc-article-toc {display:grid;max-width:100%;width:100%;gap:11px 22px;scroll-margin-top:115px}
body.jc-site .jc-article-toc a {font-size:13px;line-height:1.8}
body.jc-site .jc-post-sidebar {min-width:0}
body.jc-site .jc-side-panel {border-color:#e0d2bc;box-shadow:0 8px 24px #122c4112}
body.jc-site .jc-page-hero .jc-shell,
body.jc-site .jc-article-hero .jc-shell {width:min(1360px,calc(100% - 60px))}
body.jc-site .jc-page-hero h1 {font-size:clamp(29px,3.7vw,46px)!important;max-width:1100px;line-height:1.55}
body.jc-site .jc-article-card {min-width:0;padding:18px!important;display:flex;flex-direction:column;gap:10px;border-radius:16px;box-shadow:0 8px 27px #132e4612}
body.jc-site .jc-article-card .jc-article-thumb {margin:-18px -18px 6px;height:220px;display:block}
body.jc-site .jc-article-card .jc-article-thumb img {object-fit:cover;width:100%;height:100%!important}
body.jc-site .jc-article-card h3 {font-size:17px;line-height:1.75;margin:0}
body.jc-site .jc-article-card p {font-size:13px;line-height:1.9;margin:0}
body.jc-site .jc-article-card .jc-text-link{margin-top:auto}
body.jc-site .jc-gallery-full-grid,
body.jc-site .jc-archive-grid {min-width:0}
@media(max-width:980px) {
  body.jc-site .jc-single-layout.jc-shell {grid-template-columns:minmax(0,1fr);width:calc(100% - 42px);gap:25px;padding:30px 0}
  body.jc-site .jc-post-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
  body.jc-site .jc-page-shell > .jc-shell{width:calc(100% - 42px)}
  body.jc-site .jc-page-content{max-width:none}
}
@media(max-width:680px) {
  body.jc-site .jc-single-layout.jc-shell{width:calc(100% - 22px);padding:16px 0 36px;gap:18px}
  body.jc-site .jc-single-article{padding:20px 14px;border-radius:15px}
  body.jc-site .jc-page-shell{padding:24px 0 44px}
  body.jc-site .jc-page-shell > .jc-shell{width:calc(100% - 22px)}
  body.jc-site .jc-page-content{padding:19px 14px;border-radius:15px}
  body.jc-site .jc-article-content,body.jc-site .jc-page-content .jc-content{font-size:15px!important;line-height:1.97}
  body.jc-site .jc-article-content h2,body.jc-site .jc-page-content .jc-content h2{font-size:22px!important;line-height:1.65;padding-right:10px}
  body.jc-site .jc-article-content h3,body.jc-site .jc-page-content .jc-content h3{font-size:19px!important}
  body.jc-site .jc-post-sidebar{grid-template-columns:1fr}
  body.jc-site .jc-article-toc{grid-template-columns:1fr;padding:16px 14px}
  body.jc-site .jc-page-hero .jc-shell,body.jc-site .jc-article-hero .jc-shell {width:calc(100% - 30px)}
  body.jc-site .jc-page-hero h1{font-size:clamp(25px,7vw,33px)!important}
  body.jc-site .jc-page-hero{padding:40px 0}
  body.jc-site .jc-article-card{padding:16px!important}
  body.jc-site .jc-article-card .jc-article-thumb{margin:-16px -16px 5px;height:210px}
  body.jc-site .jc-article-list{grid-template-columns:1fr!important}
  body.jc-site .jc-article-content .wp-block-table,
  body.jc-site .jc-content .wp-block-table,
  body.jc-site .jc-article-content > table,body.jc-site .jc-content > table{margin-inline:-2px;max-width:calc(100% + 4px)}
}