/* Marchio g1g10 (come la landing): logo a tessere di carta e pulsante chiaro/scuro. Condiviso da tutte le pagine.
   Logo: <span class="g1logo" role="img" aria-label="g1g10"><span class="t"><i>g</i></span><span class="t b"><i>1</i></span><span class="t"><i>g</i></span><span class="t l"><i>1</i></span><span class="t"><i>o</i></span></span>
   La grandezza si regola con font-size sul contenitore. */
.g1logo{display:inline-flex;align-items:flex-end;gap:.16em;font-size:30px;padding:.06em .1em .1em 0;line-height:1;text-decoration:none;vertical-align:middle}
.g1logo .t{position:relative;display:block;width:.74em;height:1em;filter:drop-shadow(0 .06em .07em rgba(0,0,0,.28))}
.g1logo .t::before{content:"";position:absolute;inset:.1em -.12em -.04em .1em;border-radius:1px}
.g1logo .t.b::before{background:#1f56d6;transform:rotate(-4deg)}
.g1logo .t.l::before{background:#d7e424;transform:rotate(3deg)}
.g1logo i{position:absolute;inset:0;display:grid;place-items:center;font:400 .82em/1 Anton,Impact,sans-serif;font-style:normal;color:#161410;background:#ece6d8;
  clip-path:polygon(3% 8%,22% 0%,55% 4%,78% 0%,97% 9%,100% 34%,95% 58%,100% 82%,90% 100%,62% 96%,38% 100%,10% 97%,0% 70%,6% 42%,0% 20%)}
.g1logo .t:nth-child(1) i{transform:rotate(-3deg)}
.g1logo .t:nth-child(2) i{transform:rotate(2deg)}
.g1logo .t:nth-child(3) i{transform:rotate(-2deg)}
.g1logo .t:nth-child(4) i{transform:rotate(3deg)}
.g1logo .t:nth-child(5) i{transform:rotate(-4deg)}

.theme-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:2px;border:1px solid var(--line);background:transparent;color:inherit;cursor:pointer;flex:none}
.theme-btn:hover{border-color:currentColor}
.theme-btn svg{width:18px;height:18px}
.theme-btn .sun{display:none}
[data-theme="dark"] .theme-btn .sun{display:block}
[data-theme="dark"] .theme-btn .moon{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .theme-btn .sun{display:block}:root:not([data-theme="light"]) .theme-btn .moon{display:none}}