.page-le-cil h1,.page-le-cil h2,.page-le-cil h3{font-family:var(--f-display);letter-spacing:-.04em;font-weight:700}.page-le-cil h1{text-wrap:balance;font-size:54px;line-height:1.08}.page-le-cil h2{font-size:36px;line-height:1.15}.page-le-cil h3{font-size:23px;line-height:1.2}.page-le-cil .pretty{text-wrap:pretty}.page-le-cil .eyebrow{color:var(--c-primary);text-transform:uppercase}.page-le-cil ul,.page-le-cil ol{margin:0;padding:0;list-style:none}.page-le-cil .intro{padding:64px var(--gutter);flex-direction:column;gap:24px;display:flex}.page-le-cil .intro h1{max-width:920px}.page-le-cil .layout{padding:24px var(--gutter) 64px;align-items:flex-start;gap:48px;display:flex}.page-le-cil .toc{background:var(--c-surface);border-radius:20px;flex-direction:column;flex:0 0 240px;gap:16px;padding:24px;display:flex}.page-le-cil .toc ul{letter-spacing:-.02em;flex-direction:column;gap:16px;font-size:14px;font-weight:500;line-height:1.5;display:flex}.page-le-cil .article{flex-direction:column;flex:1;gap:40px;min-width:0;display:flex}.page-le-cil .article [id]{scroll-margin-top:0}.page-le-cil .block{flex-direction:column;gap:20px;display:flex}.page-le-cil .summary{background:var(--c-primary);color:var(--c-white);border-radius:24px;flex-direction:column;gap:16px;padding:32px;display:flex}.page-le-cil .summary h2{color:inherit}.page-le-cil .differences{gap:24px}.page-le-cil .compare{border-radius:20px;flex-direction:column;gap:4px;display:flex;overflow:hidden}.page-le-cil .compare__row{background:var(--c-surface);gap:24px;padding:24px;display:flex}.page-le-cil .compare__row h3{flex:0 0 120px}.page-le-cil .compare__row p{flex:1;min-width:0}.page-le-cil .janui{background:var(--c-surface);border-radius:24px;flex-direction:column;align-items:flex-start;gap:24px;padding:32px;display:flex}.page-le-cil .sources{gap:16px}.page-le-cil .sources ul{flex-direction:column;gap:16px;display:flex}.page-le-cil .toc a,.page-le-cil .sources a{transition:color .15s}.page-le-cil .toc a:hover,.page-le-cil .sources a:hover{color:var(--c-cta)}@media (width<=1199.98px){.page-le-cil h1{font-size:42px}.page-le-cil h2{font-size:32px}.page-le-cil .layout{flex-direction:column;align-items:stretch}.page-le-cil .toc{flex:none}}@media (width<=809.98px){.page-le-cil h1{font-size:36px}.page-le-cil h2{font-size:28px}.page-le-cil .layout{gap:32px}.page-le-cil .compare__row{flex-direction:column}.page-le-cil .compare__row h3{flex:none}}