/* Production integration of the Claude Design editorial system. */
/* Keep venue names whole within the overlapping signature-story panel. */
.feature-0 .feature-copy{grid-column:8/13}
.feature-copy h3{overflow-wrap:normal;hyphens:none}
@media(min-width:1101px){.feature-0 .feature-copy h3{font-size:clamp(40px,4vw,66px)}}
@media(max-width:1100px){.feature-0 .feature-copy{grid-column:5/13}}
@media(max-width:820px){.feature-0 .feature-copy{grid-column:1/-1}}
/* Existing editorial index and privacy templates use their retained markup. */
.privacy-copy{max-width:880px;padding:0 var(--gutter) 100px;font-size:17px;line-height:1.8}
.privacy-copy h2{font-size:clamp(28px,3vw,42px);margin:40px 0 18px}
/* Preserve visible keyboard focus against both light and dark sections. */
.guide-faq[open] summary::after{content:'−'}
/* Long translated enquiry headings remain editorial without burying the form. */
.enquiry-heading{padding-top:64px;padding-bottom:48px}
.enquiry-heading h1{max-width:24ch;font-size:clamp(40px,5.6vw,84px);line-height:1.02}
.enquiry-heading .guide-deck{max-width:52ch}
/* Three navigation labels remain inside a 320px viewport in long languages. */
@media(max-width:380px){
 header>nav,.guide-page header nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) auto;gap:8px;align-items:center}
 header nav a{min-width:0;font-size:10px;letter-spacing:.05em;line-height:1.5}
 header nav a[data-enquiry]{padding:10px 8px}
}
/* The actual articles retain their long-form contents and existing image cards. */
.article-page .guide-layout{grid-template-columns:minmax(220px,280px) minmax(0,1fr);justify-items:stretch}
.article-index-grid{padding-top:48px;gap:64px 48px}
.article-index-card{border-top:1px solid var(--rule-strong);padding-top:20px}
.article-index-card img{height:auto;aspect-ratio:4/3;object-fit:cover}
.article-index-card h2{font-size:clamp(30px,3.3vw,48px);line-height:1.12}
.article-index-card p{font-size:17px;line-height:1.65;max-width:50ch}
.article-index-card:nth-child(even){transform:translateY(80px)}
.article-index-grid{padding-bottom:180px}
@media(max-width:1100px){.article-page .guide-layout{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:820px){.article-page .guide-layout{display:block}.article-index-card:nth-child(even){transform:none}.article-index-grid{padding-bottom:72px;gap:44px}}

/* Approved editorial monograms */
img[src*="/monograms/"]{object-fit:contain!important;background:#f5f0e7;aspect-ratio:3/2;}