.cr-account[hidden]{display:none!important}
/* The profile menu replaces the public sign-in link while authenticated. */
header:has(.cr-account:not([hidden])) .home-nav-redazione,
.public-site-header:has(.cr-account:not([hidden])) .public-nav-redazione{display:none!important}
.cr-account{position:relative;flex:0 1 auto;min-width:0;max-width:250px;color:#fff;font:500 .75rem/1.4 Raleway,Arial,sans-serif;text-align:right;text-transform:none;letter-spacing:normal;z-index:150}
.cr-account details{position:relative}
.cr-account .cr-account-trigger{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:44px;padding:3px 10px;cursor:pointer;list-style:none;border-radius:3px;background:#191c1e;color:#fff}
.cr-account summary::-webkit-details-marker{display:none}
.cr-account summary:focus-visible,.cr-account a:focus-visible,.cr-account button:focus-visible{outline:3px solid #c51d25;outline-offset:3px}
.cr-account .cr-account-avatar{position:relative;display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;overflow:hidden;background:#c51d25;color:#fff;font:700 .75rem Montserrat,Arial,sans-serif}
.cr-account .cr-account-avatar img{position:absolute;inset:0;width:100%;height:100%;max-height:none;border-radius:50%;object-fit:cover}
.cr-account .cr-account-name{min-width:0;max-width:170px;overflow-wrap:anywhere;font:500 .75rem/1.4 Raleway,Arial,sans-serif;color:#fff;text-align:right}
.cr-account .cr-account-panel{position:absolute;right:0;top:calc(100% + 6px);width:min(220px,calc(100vw - 32px));padding:8px;border:1px solid #667078;border-radius:3px;background:#191c1e;box-shadow:0 10px 30px #0002}
.cr-account .cr-account-panel a,.cr-account .cr-account-panel button{display:block;box-sizing:border-box;width:100%;min-height:44px;padding:10px;text-align:right;border:1px solid transparent;border-radius:3px;background:#191c1e;color:#fff;font:600 .75rem/1.4 Montserrat,Arial,sans-serif;text-decoration:none;cursor:pointer;letter-spacing:normal}
.cr-account .cr-account-panel a:hover,.cr-account .cr-account-panel button:hover{background:#303538}
.cr-account .cr-account-panel button{color:#fff;border-color:#667078}
.cr-account .cr-account-panel button:disabled{opacity:.6;cursor:wait}
.cr-account .cr-account-panel p{margin:8px;color:#ffb6bb;font-size:.75rem;line-height:1.4}
.public-header-actions{display:flex;flex:1 1 auto;min-width:0;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-left:auto;text-align:right}
.public-header-actions>.about-home-live,.public-header-actions>.cr-header-listen,.brandrow>.actions>.live{flex:none}
.brandrow>.actions{margin-left:auto;justify-content:flex-end;flex-wrap:wrap;text-align:right}
.cr-header-listen{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:44px;padding:10px 14px;border:1px solid #c51d25;border-radius:3px;background:#c51d25;color:#fff;font:700 .75rem/1.3 Montserrat,Arial,sans-serif;text-decoration:none;white-space:nowrap}
.cr-header-listen:hover{background:#a71920;color:#fff}
.redazione-header .redazione-account{margin-left:auto;justify-content:flex-end;flex-wrap:wrap;gap:10px;text-align:right;font:500 .75rem/1.4 Raleway,Arial,sans-serif}
.redazione-header .redazione-account small{font-size:.75rem}
.redazione-header .redazione-account button{min-height:44px;font-size:.75rem}
@media(max-width:700px){.redazione-header{flex-wrap:wrap}.redazione-header .redazione-account{flex:1 0 100%;justify-content:flex-end}.redazione-header .redazione-account small{display:inline}}
@media(max-width:700px){.public-header-actions{gap:6px}.public-header-actions:has(.cr-account:not([hidden])){flex:1 0 100%;justify-content:flex-end}.about-home-brandrow:has(.cr-account:not([hidden])),.single-article-header:has(.cr-account:not([hidden])){height:auto;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.cr-account{max-width:min(280px,calc(100vw - 32px))}.single-article-header>.cr-account{margin-left:auto}.brandrow:has(.cr-account:not([hidden])){flex-wrap:wrap}.brandrow>.actions:has(.cr-account:not([hidden])){flex:1 0 100%;justify-content:flex-end;gap:8px}}
