/* Scoped colour-guide presentation; existing editorial pages are unchanged. */
.li-colour .article-body{min-width:0}
.li-colour .article-hero-diagram{height:auto;margin:0 var(--pad);background:var(--paper-deep)}
.li-colour .article-hero-diagram img{width:100%;height:auto;object-fit:contain}
.li-colour .article-hero-diagram figcaption{position:static;background:transparent;color:var(--muted);padding:12px 18px}
.li-colour .article-body .lead{font-size:24px;line-height:1.6}
.li-colour .article-body .small-note,.li-colour .source-note{font:12px/1.7 var(--sans);color:var(--muted)}
.li-colour .callout{padding:24px 0;background:var(--paper);border-block:1px solid var(--line);margin:30px 0}
.li-colour .callout>strong{font:500 27px/1.2 var(--serif)}
.li-colour .callout p{font:14px/1.7 var(--sans);margin:12px 0 0}
.li-colour .colour-video{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;align-items:center;padding:28px 0;background:var(--paper);border-block:1px solid var(--line);margin:35px 0}
.li-colour .colour-video h2{font-size:34px;margin:0 0 18px}
.li-colour .colour-video p{font-size:16px;line-height:1.6}
.li-colour .colour-video video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:#171717}
.li-colour .palette-figure{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;margin:25px 0 35px;padding:20px 0;background:var(--paper);border-block:1px solid var(--line)}
.li-colour .palette-figure img{display:block;width:100%;height:auto}
.li-colour .palette-figure figcaption{font:12px/1.65 var(--sans);color:var(--muted)}
.li-colour .palette-figure figcaption p{font:12px/1.65 var(--sans);margin:0}
.li-colour .colour-swatches{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px;margin-bottom:22px}
.li-colour .colour-swatches span{display:block;height:64px;margin-bottom:8px;border:1px solid #00000012}
.li-colour .colour-swatches strong{font:600 12px/1.4 var(--sans);color:var(--ink)}
.li-colour .related{border-block:1px solid var(--line);padding:20px 0;margin:35px 0}
@media(max-width:720px){
 .li-colour .article-header h1{font-size:46px;line-height:1.04}
 .li-colour .article-body h2{font-size:33px;line-height:1.15}
 .li-colour .colour-video{grid-template-columns:1fr;padding:22px}
 .li-colour .colour-video video{max-width:300px;margin:auto}
 .li-colour .palette-figure{grid-template-columns:1fr;padding:18px}
 .li-colour .palette-figure img{max-width:330px;margin:auto}
 .li-colour .colour-swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 .li-colour .colour-swatches strong{font-size:10px}
}