/* KITSITE (templates2 10-19, Master: the website base was 301 B under its 40,000 cap): the layout-variety rules moved here from app.css unchanged, so they do not count toward the cap. A FIXED vendor file. */
/* variety: readable on accent panel */
html[data-l-fs=block] .head-main :is(.more,.visit .caps,.visit dt,.visit dd,.visit a){color:var(--on-accent)}
@media (max-width:760px){html[data-l-nav=split] [data-sec=nav] .nav{grid-template-columns:minmax(0,1fr);row-gap:0}html[data-l-nav=split] [data-sec=nav] .nav>:is(:first-child,:last-child){grid-column:1;grid-row:auto;justify-self:start}html[data-l-fs=minimal] [data-sec=nav] .nav>ul:last-child:not(:first-child){position:static;justify-content:center}html[data-l-fs=sidebar] [data-sec=nav] .nav ul{display:flex}}
/* variety off */
@media (min-width:900px){
:is(html:not([data-kv-art]),html[data-l-fs=type]) .has-aside [data-hero-text]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);column-gap:var(--s-6);align-items:end}
:is(html:not([data-kv-art]),html[data-l-fs=type]) .has-aside [data-hero-text] > :not(aside){grid-column:1}
:is(html:not([data-kv-art]),html[data-l-fs=type]) .has-aside [data-hero-text] > aside{grid-column:2;grid-row:1 / span 4;align-self:start;padding:20px 22px;border:1px solid var(--line)}
}
/* variety: first screens */
@media (min-width:960px){
html[data-l-fs=catalogue] #head [data-hero-text]{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--s-6);row-gap:var(--s-4);align-items:start}
html[data-l-fs=catalogue] #head [data-hero-text] > :is(.kicker,h1){grid-column:1 / -1;grid-row:auto;max-width:none}
html[data-l-fs=catalogue] #head [data-hero-text] > .lead{grid-column:1;grid-row:3;font-size:var(--t-md)}
html[data-l-fs=catalogue] #head [data-hero-text] > .actions{grid-column:2;grid-row:3;margin-top:0;align-self:start}
html[data-l-fs=catalogue] #head [data-hero-text] > aside{grid-column:3;grid-row:3;padding:0 0 0 var(--s-5);border-top:0;border-left:1px solid var(--line)}
html[data-l-fs=story] [data-main]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--s-6);align-items:start;padding-inline:max(0px,(100% - var(--page)) / 2)}
html[data-l-fs=story] [data-main] > section{grid-column:1 / -1}
html[data-l-fs=story] [data-main] > #head{grid-column:1;grid-row:1;padding-right:0}
html[data-l-fs=story] [data-main] > [data-sec=story]{grid-column:2;grid-row:1;align-self:start;grid-template-columns:minmax(0,1fr);margin:var(--s-7) var(--gutter) 0 0;padding:var(--s-6);border:0;border-radius:var(--r-card);background:var(--sunk-0,var(--sunk))}
html[data-l-fs=mosaic] #head{padding-block:var(--s-7) var(--s-6)}
html[data-l-fs=mosaic] #head .hero-in{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-6)}
html[data-l-fs=mosaic] #head .kv-art[data-hero-media]{position:relative;inset:auto;z-index:auto;order:1;height:170px;min-height:0;opacity:1;border-radius:var(--r-card)}
html[data-l-fs=mosaic] #head [data-hero-text]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);column-gap:var(--s-7);max-width:none;padding:0;border-radius:0;background:none}
html[data-l-fs=mosaic] #head [data-hero-text] > :not(aside){grid-column:1}
html[data-l-fs=mosaic] #head [data-hero-text] > aside{grid-column:2;grid-row:1 / span 4;align-self:start;padding:0 0 0 var(--s-5);border-top:0;border-left:1px solid var(--line)}
}
html[data-l-fs=block] [data-sec=hero] [data-hero-text] .kicker{color:var(--on-accent,#fff);background:transparent;box-shadow:inset 0 0 0 1px currentColor}
/* overlay / minimal */
@media (min-width:960px){html:is([data-l-fs=overlay],[data-l-fs=minimal]) [data-main] > .sec:not(.bare){grid-template-columns:minmax(0,1fr)}html:is([data-l-fs=overlay],[data-l-fs=minimal]) [data-main] > [data-sec=list] [data-list]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s-7)}}