/* Riviste ANVUR: stile essenziale in bianco e nero, composto in EB Garamond (SIL Open Font License, vedi fonts/OFL.txt) */
@font-face { font-family: "EB Garamond"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/eb-garamond-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "EB Garamond"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/eb-garamond-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "EB Garamond"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/eb-garamond-latin-ext-500-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "EB Garamond"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/eb-garamond-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "EB Garamond"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/eb-garamond-latin-ext-600-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "EB Garamond"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/eb-garamond-latin-600-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "EB Garamond"; font-style: italic; font-weight: 400; font-display: swap; src: url("fonts/eb-garamond-latin-ext-400-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "EB Garamond"; font-style: italic; font-weight: 400; font-display: swap; src: url("fonts/eb-garamond-latin-400-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "EB Garamond"; font-style: italic; font-weight: 600; font-display: swap; src: url("fonts/eb-garamond-latin-ext-600-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "EB Garamond"; font-style: italic; font-weight: 600; font-display: swap; src: url("fonts/eb-garamond-latin-600-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }

:root {
  --sfondo: #ffffff;
  --testo: #000000;
  --tenue: #666666;
  --filo: #e3e3e3;
  --filo-forte: #b5b5b5;
  --campo: #ffffff;
  --riempi: #f2f2f2;
  --inverso: #ffffff;
  --serif: "EB Garamond", Garamond, "Adobe Garamond Pro", "Garamond Premier Pro", "Times New Roman", serif;
  color-scheme: light;
  box-sizing: border-box;
  padding-top: env(safe-area-inset-top, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --sfondo: #000000; --testo: #ffffff; --tenue: #9a9a9a; --filo: #262626; --filo-forte: #4a4a4a;
    --campo: #0d0d0d; --riempi: #1c1c1c; --inverso: #000000; color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --sfondo: #000000; --testo: #ffffff; --tenue: #9a9a9a; --filo: #262626; --filo-forte: #4a4a4a;
  --campo: #0d0d0d; --riempi: #1c1c1c; --inverso: #000000; color-scheme: dark;
}

*, *::before, *::after { box-sizing: inherit; }
html { scroll-padding-top: env(safe-area-inset-top, 0px); -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--sfondo); color: var(--testo); font-family: var(--serif); font-size: 17px; line-height: 1.45; font-kerning: normal; font-variant-ligatures: common-ligatures; }
.wrap { max-width: 1160px; margin: 0 auto; padding: 0 clamp(16px, 4vw, 32px); }
a { color: var(--testo); text-underline-offset: 2px; }
a:hover { text-decoration-thickness: 2px; }
:focus-visible { outline: 2px solid var(--testo); outline-offset: 2px; }
button, input, select { font: inherit; color: inherit; }

.testata { border-bottom: 1px solid var(--testo); }
.testata-riga { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding-top: 34px; padding-bottom: 22px; }
h1 { font-size: clamp(30px, 4.2vw, 40px); font-weight: 500; letter-spacing: -0.005em; margin: 0; line-height: 1.1; }
.sottotitolo { margin: 6px 0 0; color: var(--tenue); font-style: italic; font-size: 19px; }
.autore { white-space: nowrap; }
.colophon sup { font-size: 0.68em; line-height: 0; vertical-align: super; margin-left: 1px; }
.nota { position: relative; color: var(--testo); text-decoration: none; cursor: help; }
.nota:hover, .nota:focus-visible { color: var(--tenue); }
.nota::after {
  content: attr(data-nota); position: absolute; left: 50%; bottom: calc(100% + 8px); transform: translateX(-50%);
  background: var(--testo); color: var(--inverso); font-size: 15px; line-height: 1.4; font-style: italic; white-space: nowrap; padding: 5px 11px;
  border-radius: 2px; opacity: 0; pointer-events: none; z-index: 30; transition: opacity 120ms;
}
.nota:hover::after, .nota:focus-visible::after { opacity: 1; }
.nota-segno { font-weight: 600; }
td .nota { margin-left: 2px; font-weight: 600; }
td .nota::after { left: auto; right: -6px; transform: none; }
.link-sito { word-break: break-word; }
td.col-sito { min-width: 150px; max-width: 220px; font-size: 16px; }
td.col-doi { min-width: 200px; font-size: 16px; }
.doi-prefisso { font-variant-numeric: lining-nums; }
.doi-esempio { font-size: 15px; font-variant-numeric: lining-nums; word-break: break-all; }
.strumenti { display: flex; align-items: center; gap: 12px; }
.tema-btn { width: 34px; height: 32px; display: inline-grid; place-items: center; border: 1px solid var(--testo); border-radius: 2px;
  background: transparent; color: var(--testo); cursor: pointer; }
.tema-btn:hover { background: var(--testo); color: var(--inverso); }
.tema-btn svg { display: none; }
.tema-btn[data-tema="auto"] .ic-auto, .tema-btn[data-tema="light"] .ic-light, .tema-btn[data-tema="dark"] .ic-dark { display: block; }
.pulsante.pulsante-piccolo { padding: 4px 12px; font-size: 15px; }
.pulsante.pulsante-pieno { background: var(--testo); color: var(--inverso); }
.pulsante.pulsante-pieno:hover { background: transparent; color: var(--testo); }
.pulsante.pulsante-pieno:disabled { background: transparent; color: var(--testo); }

dialog#tutorial-invito { border: 1px solid var(--testo); border-radius: 2px; padding: 26px 28px 22px; max-width: 460px; width: calc(100% - 32px);
  background: var(--sfondo); color: var(--testo); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25); }
dialog#tutorial-invito::backdrop { background: rgba(0, 0, 0, 0.45); }
dialog#tutorial-invito h2 { margin: 0 0 8px; font-size: 24px; font-weight: 500; }
dialog#tutorial-invito p { margin: 0 0 20px; }
.dialogo-azioni { display: flex; justify-content: flex-end; gap: 10px; }

#tour { position: fixed; inset: 0; z-index: 100; }
.tour-evidenza { position: fixed; border: 2px solid var(--testo); border-radius: 3px; box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.55);
  pointer-events: none; transition: top 160ms, left 160ms, width 160ms, height 160ms; }
.tour-evidenza.senza-bersaglio { width: 0; height: 0; border: 0; top: 50%; left: 50%; }
.tour-fumetto { position: fixed; width: min(380px, calc(100vw - 24px)); background: var(--sfondo); color: var(--testo); border: 1px solid var(--testo);
  border-radius: 2px; padding: 16px 18px 14px; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3); }
.tour-fumetto h2 { font-size: 21px; font-weight: 500; margin: 2px 0 6px; }
.tour-fumetto p { margin: 0; }
.tour-passo { font-style: italic; color: var(--tenue); font-size: 14.5px; }
#tour-testo { font-size: 16.5px; line-height: 1.45; }
.tour-azioni { display: flex; align-items: center; justify-content: space-between; margin-top: 14px; gap: 10px; }
.tour-azioni span { display: flex; gap: 8px; }
.tour-link { background: none; border: 0; padding: 0; color: var(--tenue); text-decoration: underline; cursor: pointer; font-size: 15px; }
.tour-link:hover { color: var(--testo); }

main.wrap { padding-top: 28px; padding-bottom: 48px; }
.pannello { display: grid; gap: 22px; }
.campo { display: grid; gap: 8px; }
.campo > label, .etichetta { font-weight: 600; font-size: 17px; }
input[type="search"], select {
  width: 100%; padding: 9px 11px; border: 1px solid var(--filo-forte); border-radius: 2px; background: var(--campo);
}
select { cursor: pointer; }
input[type="search"]:focus, select:focus { outline: 1px solid var(--testo); border-color: var(--testo); }
.aiuto { margin: 0; color: var(--tenue); font-size: 15.5px; font-style: italic; }

.confronto { display: grid; gap: 8px; }
.riga-settore { display: grid; grid-template-columns: 72px minmax(0, 1fr) 180px 36px; gap: 8px; align-items: center; }
.riga-settore .numero { color: var(--tenue); font-size: 15.5px; font-style: italic; }
.rimuovi { height: 38px; border: 1px solid var(--filo-forte); background: transparent; border-radius: 2px; cursor: pointer; color: var(--tenue); font-size: 18px; line-height: 1; }
.rimuovi:hover { color: var(--testo); border-color: var(--testo); }
.rimuovi:disabled { opacity: 0.3; cursor: default; }
.rimuovi:disabled:hover { color: var(--tenue); border-color: var(--filo-forte); }
.sotto-confronto { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.pulsante { padding: 6px 14px; border: 1px solid var(--testo); border-radius: 2px; background: transparent; cursor: pointer; font-size: 16px; }
.pulsante:hover { background: var(--testo); color: var(--inverso); }
.pulsante:disabled { opacity: 0.35; cursor: default; background: transparent; color: var(--testo); }

.opzioni { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; }
.opzioni-box > summary { display: none; }
.azzera-riga { display: flex; justify-content: flex-end; margin-top: -8px; }
.azzera-riga .tour-link:disabled { opacity: 0.35; cursor: default; text-decoration: none; }
.torna-su { position: fixed; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 40; width: 44px; height: 44px;
  display: grid; place-items: center; border: 1px solid var(--testo); border-radius: 2px; background: var(--sfondo); color: var(--testo); cursor: pointer; }
.torna-su:hover { background: var(--testo); color: var(--inverso); }
.opzioni > label { display: inline-flex; align-items: center; gap: 8px; font-size: 16px; white-space: nowrap; }
.opzioni select { width: auto; padding: 6px 8px; }
input[type="checkbox"] { accent-color: var(--testo); width: 16px; height: 16px; margin: 0; }

.risultati { margin-top: 36px; }
.riepilogo { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
#conteggio { margin: 0; }
#conteggio strong { font-weight: 700; }
.azioni { display: flex; gap: 8px; flex-wrap: wrap; }

.tabella-scorri { overflow-x: auto; border-top: 1px solid var(--testo); }
table { border-collapse: collapse; width: 100%; min-width: 560px; }
th, td { text-align: left; vertical-align: top; padding: 11px 12px 11px 0; border-bottom: 1px solid var(--filo); }
th { font-size: 15px; font-weight: 400; font-style: italic; color: var(--tenue); background: var(--sfondo); position: sticky; top: 0; z-index: 1; border-bottom: 1px solid var(--testo); }
th .th-codice { display: block; color: var(--testo); font-size: 15.5px; font-style: normal; font-weight: 600; }
th .th-ex { display: block; font-weight: 400; }
th.col-settore { min-width: 120px; }
td.col-sj, th.col-sj { min-width: 110px; }
.quartile { font-weight: 600; font-variant-numeric: lining-nums; }
.sjr { font-size: 15px; color: var(--tenue); font-variant-numeric: tabular-nums lining-nums; }
td.col-issn { white-space: nowrap; font-variant-numeric: tabular-nums lining-nums; font-size: 16px; }
td.col-issn a { display: block; }
.issn-dubbio { text-decoration-style: dotted; color: var(--tenue); }

.rivista summary { cursor: pointer; list-style: none; line-height: 1.3; font-weight: 500; letter-spacing: 0.01em; }
.rivista summary::-webkit-details-marker { display: none; }
.rivista summary:hover { text-decoration: underline; text-underline-offset: 2px; }
.dettaglio { margin-top: 10px; font-size: 15.5px; display: grid; gap: 6px; }
.dettaglio p { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; }
.det-etichetta { font-style: italic; min-width: 84px; }
.voce { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }

.badge { display: inline-block; padding: 0 7px; border: 1px solid transparent; border-radius: 2px; font-size: 15px; font-weight: 600; white-space: nowrap; line-height: 1.45; font-variant-numeric: lining-nums; }
.badge.a { background: var(--testo); color: var(--inverso); }
.badge.a.da { background: transparent; color: var(--testo); border-color: var(--testo); }
.badge.s { background: var(--riempi); color: var(--testo); font-weight: 500; }
.badge.cessata { background: transparent; color: var(--tenue); border: 1px dashed var(--filo-forte); font-weight: 400; font-style: italic; }
.badge.vuota { color: var(--tenue); font-weight: 400; font-style: italic; padding-left: 0; }
.cella { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }

.vuoto { border: 1px solid var(--filo); padding: 24px; color: var(--tenue); }
.altro { display: flex; justify-content: center; margin-top: 16px; }

.legenda { margin-top: 44px; max-width: 760px; }
.legenda h2 { font-size: 22px; font-weight: 500; margin: 0 0 12px; }
.legenda dl { margin: 0; display: grid; gap: 8px; }
.legenda dl > div { display: grid; grid-template-columns: 140px 1fr; gap: 12px; align-items: baseline; }
.legenda dd { margin: 0; color: var(--tenue); font-size: 16px; }
.fonti { font-size: 15.5px; color: var(--tenue); margin-top: 18px; }
.piede { border-top: 1px solid var(--testo); color: var(--tenue); font-size: 15px; padding: 22px 0 32px; margin-top: 8px; }
.colophon { color: var(--testo); font-size: 16.5px; line-height: 1.6; margin-bottom: 6px !important; }
.colophon-etichetta { display: inline-block; min-width: 104px; }
.segnalazioni { padding-bottom: 22px; margin-bottom: 20px; border-bottom: 1px solid var(--filo); max-width: 760px; }
.segnalazioni h2 { font-size: 22px; font-weight: 500; margin: 0 0 6px; color: var(--testo); }
.segnalazioni p { color: var(--tenue); font-size: 16px; }
.segnalazioni-azioni { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0 10px; }
a.pulsante { display: inline-block; text-decoration: none; color: var(--testo); }
a.pulsante:hover { color: var(--inverso); }
.segnalazioni-nota { font-size: 15px !important; font-style: italic; }
.indirizzo { font-style: normal; color: var(--testo); user-select: all; }
.chiusura { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--filo); }
.piede .avvertenza { margin: 0; }
.produzione { display: flex; align-items: center; gap: 12px; font-style: italic; color: var(--tenue); font-size: 15px; }
.produzione img { height: 54px; width: auto; display: block; }
.logo-scuro { display: none !important; }
:root[data-theme="dark"] .logo-chiaro { display: none !important; }
:root[data-theme="dark"] .logo-scuro { display: block !important; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .logo-chiaro { display: none !important; }
  :root:not([data-theme="light"]) .logo-scuro { display: block !important; }
}
.colophon-etichetta { font-style: italic; color: var(--tenue); margin-right: 8px; }
.colophon + .affiliazione { margin-top: 10px; }
.piede p { margin: 0; }
.piede .affiliazione { font-style: italic; }
.affiliazione { color: var(--testo); margin-bottom: 4px !important; }
.affiliazione sup { font-size: 0.68em; vertical-align: super; margin-right: 3px; font-style: normal; }
.affiliazione { margin-bottom: 0 !important; }

@media (max-width: 720px) {
  body { font-size: 17px; }
  main.wrap { padding-top: 20px; }
  .testata-riga { flex-direction: row; align-items: flex-start; gap: 12px; padding-top: 18px; padding-bottom: 14px; }
  h1 { font-size: 28px; }
  .sottotitolo { font-size: 16.5px; }
  .strumenti { gap: 8px; }
  .strumenti .pulsante-piccolo { padding: 6px 10px; }
  .tema-btn { width: 40px; height: 36px; }
  input[type="search"], select { font-size: 16px; padding: 11px 10px; }
  .confronto { gap: 14px; }
  .riga-settore { grid-template-columns: minmax(0, 1fr) 40px; row-gap: 6px; padding-bottom: 14px; border-bottom: 1px solid var(--filo); }
  .riga-settore .numero { grid-row: 1; grid-column: 1; align-self: center; }
  .riga-settore .rimuovi { grid-row: 1; grid-column: 2; height: 34px; }
  .riga-settore select { grid-column: 1 / -1; }
  .sotto-confronto { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .sotto-confronto .aiuto { grid-column: 1 / -1; }
  .pulsante { padding: 10px 12px; text-align: center; }
  .opzioni-box { border: 1px solid var(--filo-forte); border-radius: 2px; }
  .opzioni-box > summary { display: flex; align-items: center; justify-content: space-between; padding: 11px 12px; cursor: pointer; font-weight: 600; list-style: none; }
  .opzioni-box > summary::-webkit-details-marker { display: none; }
  .opzioni-box > summary::after { content: "+"; font-weight: 400; color: var(--tenue); font-size: 20px; line-height: 1; }
  .opzioni-box[open] > summary::after { content: "‘2"; }
  .opzioni-box .opzioni { padding: 4px 12px 14px; }
  .opzioni { flex-direction: column; align-items: stretch; gap: 12px; }
  .opzioni > label { display: grid; gap: 4px; white-space: normal; }
  .opzioni > label.spunta { display: flex; }
  .opzioni select { width: 100%; }
  .azzera-riga { justify-content: center; margin-top: -4px; }
  .risultati { margin-top: 26px; }
  .riepilogo { display: grid; gap: 10px; }
  .azioni { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6px; }
  .azioni .pulsante { padding: 9px 4px; font-size: 14.5px; }
  .tabella-scorri { overflow: visible; border-top: 0; }
  table { min-width: 0; }
  thead { display: none; }
  table, tbody { display: block; width: 100%; }
  tbody tr { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 14px; border: 1px solid var(--filo); border-radius: 2px; padding: 14px; margin-bottom: 10px; }
  td { display: block; border: 0; padding: 0; min-width: 0 !important; max-width: none !important; }
  td:first-child { grid-column: 1 / -1; }
  td.col-doi { grid-column: 1 / -1; }
  td[data-etichetta]::before { content: attr(data-etichetta); display: block; font-size: 14px; font-style: italic; color: var(--tenue); margin-bottom: 2px; }
  td.col-issn a { display: block; }
  .rivista summary { font-size: 17.5px; }
  .dettaglio p { gap: 6px 10px; }
  .det-etichetta { min-width: 0; width: 100%; }
  .legenda { margin-top: 32px; }
  .legenda dl > div { grid-template-columns: 1fr; gap: 2px; }
  .tour-fumetto { left: 12px !important; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); top: auto !important; width: auto; }
  .colophon-etichetta { display: block; margin-bottom: 2px; min-width: 0; }
  .segnalazioni-azioni { display: grid; grid-template-columns: 1fr; }
  .chiusura { flex-direction: column-reverse; align-items: flex-start; gap: 14px; }
  .produzione img { height: 46px; }
}
/* dispositivi touch: le note si aprono toccando l'asterisco */
@media (hover: none) {
  .nota::after { display: none; }
  td .nota:focus::after { display: block; opacity: 1; white-space: normal; width: min(260px, 70vw); right: 0; left: auto; bottom: calc(100% + 8px); }
}
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; transition: none !important; } }

[hidden] { display: none !important; }
input[type="search"]::-webkit-search-cancel-button { filter: grayscale(1); cursor: pointer; }