/* 1.2.23 - Bounded, stable catalogue rows. Overview pages only.
   The 1.2.21 general bookmark interaction repair remains in junaid-interior.css. */
.jc-page:is([data-jc-page="essays"],[data-jc-page="frameworks-overview"]){--jc-reading-width:1000px}
.jc-page:is([data-jc-page="essays"],[data-jc-page="frameworks-overview"]) .gh-content>.jc-overview-introduction{max-width:740px;margin:0 auto 40px}
.jc-page .jc-overview-introduction .jc-overview-proposition{font-family:var(--jc-heading-face);font-size:30px;font-weight:400;line-height:1.3;color:var(--jc-ink);letter-spacing:-.018em;margin:0 0 22px;text-wrap:pretty}
.jc-page .jc-overview-introduction p,.jc-page .jc-catalogue-heading p,.jc-page .jc-future-heading p{font-size:18px;line-height:1.7;margin:0 0 16px;color:var(--jc-ink)}
.jc-page .jc-overview-introduction .jc-overview-invitation,.jc-page .jc-framework-copy .jc-overview-invitation{font-weight:500;color:var(--jc-gold);margin-top:22px}
.jc-page .jc-overview-introduction>.kg-image-card{max-width:300px;margin:24px auto}
.jc-page .jc-overview-introduction>.kg-image-card img{width:100%;height:auto;object-fit:contain}
.jc-page .jc-overview-anchor{display:block;height:0;overflow:hidden}
.jc-page .gh-content>.jc-essay-catalogue{margin:0}
.jc-page .jc-catalogue-heading{max-width:740px;margin:0 auto 20px}
.jc-page .jc-catalogue-heading h2,.jc-page .jc-future-heading h2{font-family:var(--jc-heading-face);font-size:32px;font-weight:400;line-height:1.25;letter-spacing:-.018em;margin:0 0 14px}
.jc-page[data-jc-page="essays"] .gh-content .kg-bookmark-card{width:100%;max-width:100%;margin:0!important;padding:26px 0;border-top:1px solid var(--jc-line);text-align:left}
.jc-page[data-jc-page="essays"] .gh-content .kg-bookmark-card a.kg-bookmark-container,
.jc-page[data-jc-page="essays"] .gh-content .kg-bookmark-card a.kg-bookmark-container:is(:link,:visited,:hover,:focus,:focus-visible,:active){
 display:grid!important;grid-template-columns:240px minmax(0,1fr)!important;align-items:start;gap:30px!important;
 width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;max-height:none!important;
 padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
 overflow:visible!important;transform:none!important;opacity:1!important;text-decoration:none!important;
}
.jc-page[data-jc-page="essays"] .gh-content .kg-bookmark-card a.kg-bookmark-container:not(:has(.kg-bookmark-thumbnail)){grid-template-columns:minmax(0,1fr)!important}
.jc-page[data-jc-page="essays"] .gh-content .kg-bookmark-card a.kg-bookmark-container>.kg-bookmark-content{
 display:flex!important;flex-direction:column;grid-column:2;grid-row:1;flex:none!important;gap:0;min-width:0!important;max-width:100%!important;width:auto!important;padding:0!important;margin:0!important;overflow:visible!important;
}
.jc-page[data-jc-page="essays"] .gh-content .kg-bookmark-card a.kg-bookmark-container:not(:has(.kg-bookmark-thumbnail))>.kg-bookmark-content{grid-column:1}
.jc-page[data-jc-page="essays"] .gh-content .kg-bookmark-card a.kg-bookmark-container>.kg-bookmark-thumbnail{
 display:flex!important;align-items:center;justify-content:center;grid-column:1;grid-row:1;
 width:240px!important;min-width:0!important;max-width:240px!important;height:auto!important;min-height:0!important;max-height:180px!important;
 padding:0!important;margin:0!important;flex:none!important;position:static!important;inset:auto!important;aspect-ratio:auto!important;
 border:0;border-radius:2px;background:transparent;box-shadow:none;overflow:hidden;transform:none!important;
}
.jc-page[data-jc-page="essays"] .gh-content .kg-bookmark-card a.kg-bookmark-container>.kg-bookmark-thumbnail img{
 display:block!important;width:100%!important;height:auto!important;min-width:0!important;max-width:100%!important;max-height:180px!important;object-fit:contain!important;object-position:center!important;
 position:static!important;inset:auto!important;margin:0!important;aspect-ratio:auto!important;border:0;padding:0;transform:none!important;transition:none!important;
}
.jc-page[data-jc-page="essays"] .gh-content .kg-bookmark-card .kg-bookmark-title{
 font-family:var(--jc-heading-face)!important;font-size:25px!important;font-weight:400!important;line-height:1.25!important;letter-spacing:-.018em;color:var(--jc-ink);margin:0!important;padding:0;
 display:block!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;overflow:visible!important;text-overflow:clip!important;max-height:none!important;height:auto!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;
}
.jc-page[data-jc-page="essays"] .gh-content .kg-bookmark-card .kg-bookmark-description{
 font-family:var(--font-body)!important;font-size:17px!important;font-weight:400!important;line-height:1.65!important;color:var(--jc-muted);margin:12px 0 0!important;padding:0;
 display:block!important;white-space:normal!important;overflow:visible!important;overflow-wrap:break-word!important;word-break:normal!important;text-overflow:clip!important;max-height:none!important;height:auto!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;
}
.jc-page[data-jc-page="essays"] .gh-content .kg-bookmark-card .kg-bookmark-description:empty{display:none!important}
.jc-page[data-jc-page="essays"] .gh-content .jc-internal-card .kg-bookmark-metadata{display:none!important}
.jc-page[data-jc-page="essays"] .gh-content .jc-essay-date{font:13px/1.5 var(--font-body);color:var(--jc-muted);margin:14px 0 0}
.jc-page[data-jc-page="essays"] .gh-content .jc-essay-read{display:inline-flex;align-items:center;min-height:44px;width:max-content;max-width:100%;margin:2px 0 0;color:var(--jc-gold);font:16px/1.4 var(--font-body);text-decoration:underline;text-underline-offset:5px}
.jc-page[data-jc-page="essays"] .gh-content .kg-bookmark-card a.kg-bookmark-container:hover .kg-bookmark-title{color:var(--jc-gold)}
.jc-page[data-jc-page="essays"] .gh-content .kg-bookmark-card a.kg-bookmark-container:focus-visible{outline:3px solid #b68a49!important;outline-offset:6px!important}
.jc-page .gh-content>.jc-further-explorations{max-width:740px;padding-top:35px;margin:24px auto 0;border-top:1px solid var(--jc-line)}
.jc-page .jc-future-heading{margin:0 0 28px}
.jc-page .jc-further-explorations>h3{font-size:23px;font-weight:400;line-height:1.3;margin:24px 0 8px;color:var(--jc-ink)}
.jc-page .jc-further-explorations>p{font-size:17px;line-height:1.65;margin:0 0 14px;color:var(--jc-muted)}
.jc-page .jc-further-explorations>h3 :is(b,strong){font-weight:inherit}
/* New framework sections: one heading, one proposition, complete art and one link. */
.jc-page .gh-content>.jc-frameworks-list{margin:0}
.jc-page .jc-framework-entry{display:grid;grid-template-columns:260px minmax(0,1fr);column-gap:38px;row-gap:18px;padding:32px 0;margin:0;border-top:1px solid var(--jc-line)}
.jc-page .jc-framework-entry>h2{grid-column:2;grid-row:1;font-family:var(--jc-heading-face);font-size:29px;font-weight:400;line-height:1.25;letter-spacing:-.018em;color:var(--jc-ink);margin:0;text-wrap:pretty}
.jc-page .jc-framework-entry>.jc-framework-art{grid-column:1;grid-row:1/3;display:flex;align-items:flex-start;justify-content:center;width:260px;height:auto;max-height:260px;min-width:0;max-width:100%;margin:0;padding:0;overflow:hidden}
.jc-page .jc-framework-art img{display:block!important;position:static!important;inset:auto!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:260px!important;object-fit:contain!important;object-position:top center!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;border:0;transform:none!important}
.jc-page .jc-framework-copy{grid-column:2;grid-row:2;min-width:0}
.jc-page .jc-framework-copy p{font-size:18px;line-height:1.7;margin:0 0 16px}
.jc-page .jc-framework-copy .jc-framework-proposition{font-size:21px;font-weight:400;line-height:1.45;color:var(--jc-gold);margin:0 0 21px}
.jc-page .jc-framework-copy .jc-text-link{margin-top:3px;font-family:var(--font-body)}
.jc-page .jc-framework-no-art{grid-template-columns:minmax(0,1fr)}
.jc-page .jc-framework-no-art>h2,.jc-page .jc-framework-no-art>.jc-framework-copy{grid-column:1}
@media(max-width:900px) and (min-width:701px){
 .jc-page[data-jc-page="essays"] .gh-content .kg-bookmark-card a.kg-bookmark-container,
 .jc-page[data-jc-page="essays"] .gh-content .kg-bookmark-card a.kg-bookmark-container:is(:link,:visited,:hover,:focus,:focus-visible,:active){grid-template-columns:190px minmax(0,1fr)!important;gap:25px!important}
 .jc-page[data-jc-page="essays"] .gh-content .kg-bookmark-card a.kg-bookmark-container>.kg-bookmark-thumbnail{width:190px!important;max-width:190px!important;height:auto!important;max-height:165px!important}
 .jc-page .jc-framework-entry{grid-template-columns:210px minmax(0,1fr);column-gap:28px}
 .jc-page .jc-framework-entry>.jc-framework-art{width:210px;height:auto;max-height:230px}
}
@media(max-width:700px){
 .jc-page:is([data-jc-page="essays"],[data-jc-page="frameworks-overview"]) .fs-section-post-content{padding-inline:22px}
 .jc-page .jc-overview-introduction .jc-overview-proposition{font-size:25px;line-height:1.35;margin-bottom:18px}
 .jc-page .jc-overview-introduction p,.jc-page .jc-catalogue-heading p,.jc-page .jc-future-heading p{font-size:17px;line-height:1.65;margin-bottom:14px}
 .jc-page:is([data-jc-page="essays"],[data-jc-page="frameworks-overview"]) .gh-content>.jc-overview-introduction{margin-bottom:32px}
 .jc-page .jc-catalogue-heading h2,.jc-page .jc-future-heading h2{font-size:28px}
 .jc-page[data-jc-page="essays"] .gh-content .kg-bookmark-card{padding:25px 0}
 .jc-page[data-jc-page="essays"] .gh-content .kg-bookmark-card a.kg-bookmark-container,
 .jc-page[data-jc-page="essays"] .gh-content .kg-bookmark-card a.kg-bookmark-container:is(:link,:visited,:hover,:focus,:focus-visible,:active){display:flex!important;flex-direction:column!important;gap:18px!important;align-items:stretch!important}
 .jc-page[data-jc-page="essays"] .gh-content .kg-bookmark-card a.kg-bookmark-container>.kg-bookmark-content{order:2;display:flex!important;width:100%!important}
 .jc-page[data-jc-page="essays"] .gh-content .kg-bookmark-card a.kg-bookmark-container>.kg-bookmark-thumbnail{order:1;width:100%!important;max-width:100%!important;height:auto!important;max-height:240px!important}
 .jc-page[data-jc-page="essays"] .gh-content .kg-bookmark-card .kg-bookmark-title{font-size:24px!important}
 .jc-page .jc-further-explorations>h3{font-size:22px}
 .jc-page .jc-framework-entry{grid-template-columns:minmax(0,1fr);row-gap:20px;padding:28px 0}
 .jc-page .jc-framework-entry>h2{grid-column:1;grid-row:1;font-size:26px}
 .jc-page .jc-framework-entry>.jc-framework-art{grid-column:1;grid-row:2;width:100%;height:auto;max-height:290px;max-width:360px;margin:0 auto}
 .jc-page .jc-framework-copy{grid-column:1;grid-row:3}
 .jc-page .jc-framework-copy p{font-size:17px;line-height:1.65}
 .jc-page .jc-framework-copy .jc-framework-proposition{font-size:20px}
 .jc-page .jc-framework-no-art>.jc-framework-copy{grid-row:2}
}
@media(max-width:359px){
 .jc-page:is([data-jc-page="essays"],[data-jc-page="frameworks-overview"]) .fs-section-post-content{padding-inline:18px}
 .jc-page[data-jc-page="essays"] .gh-content .kg-bookmark-card a.kg-bookmark-container>.kg-bookmark-thumbnail{height:auto!important;max-height:210px!important}
 .jc-page .jc-framework-entry>.jc-framework-art{height:auto;max-height:250px}
}

/* Image height is capped, never reserved: landscape art leaves no empty slot. */
@media(max-width:900px) and (min-width:701px){
 .jc-page[data-jc-page="essays"] .gh-content .kg-bookmark-card a.kg-bookmark-container>.kg-bookmark-thumbnail img{max-height:165px!important}
 .jc-page .jc-framework-art img{max-height:230px!important}
}
@media(max-width:700px){
 .jc-page[data-jc-page="essays"] .gh-content .kg-bookmark-card a.kg-bookmark-container>.kg-bookmark-thumbnail img{max-height:240px!important}
 .jc-page .jc-framework-art img{max-height:290px!important}
}
@media(max-width:359px){
 .jc-page[data-jc-page="essays"] .gh-content .kg-bookmark-card a.kg-bookmark-container>.kg-bookmark-thumbnail img{max-height:210px!important}
 .jc-page .jc-framework-art img{max-height:250px!important}
}