/* Coteau company logo tile (static/clogo.js). Fixed square box, round, never shrinks; letter underneath, logo fades in on top. */
.clg{--clg:22px;position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 var(--clg);width:var(--clg);height:var(--clg);min-width:var(--clg);border-radius:50%;overflow:hidden;vertical-align:middle;box-sizing:border-box;
 background:#E6EAEE;color:#2C3A4B;font:700 calc(var(--clg) * .46)/1 var(--f-body,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);letter-spacing:0;user-select:none}
.clg>i{font-style:normal;transition:opacity .15s}.clg>i.clg-2{font-size:calc(var(--clg) * .36);letter-spacing:-.01em}
.clg>img{position:absolute;inset:10%;width:80%;height:80%;object-fit:contain;opacity:0;transition:opacity .15s}
.clg.on>img{opacity:1}.clg.on>i{opacity:0}
.clg.on{background:#fff;box-shadow:inset 0 0 0 1px rgba(20,40,60,.12)}
.clg.on.clg-fill{background:var(--clg-bg,#fff);box-shadow:inset 0 0 0 1px rgba(20,40,60,.10)}
.clg.clg-fill>img{inset:0;width:100%;height:100%;object-fit:cover}
.clg.on.clg-dark{background:#1F2833}
html[data-theme=dark] .clg{background:#3A4452;color:#EEF1F4;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}
html[data-theme=dark] .clg.on{background:#F4F6F8;box-shadow:none}
html[data-theme=dark] .clg.on.clg-fill{background:var(--clg-bg,#F4F6F8);box-shadow:0 0 0 1.5px rgba(255,255,255,.28)}
html[data-theme=dark] .clg.on.clg-dark{background:#33404E;box-shadow:0 0 0 1.5px rgba(255,255,255,.28)}
@media print{.clg>img{opacity:1}.clg>i{opacity:0}}