/* Manuale pubblico: indice stabile e istruzioni leggibili anche su schermi piccoli. */
.arx-user-guide { --guide-wine: #7d2428; --guide-ink: #302a24; --guide-line: #dfd5c5; display: grid; grid-template-columns: 246px minmax(0,850px); gap: clamp(30px,5vw,78px); max-width: 1280px; margin: 0 auto; padding: 44px 32px 80px; color: var(--guide-ink); }
.arx-user-guide a { text-underline-offset: 4px; }
.arx-user-guide a:focus-visible, .arx-user-guide summary:focus-visible { outline: 3px solid #7d2428; outline-offset: 4px; }
.arx-user-guide__index { align-self: start; position: sticky; top: 150px; max-height: calc(100svh - 180px); overflow-y: auto; padding: 20px; background: #eee8dc; border: 1px solid var(--guide-line); border-radius: 8px; }
.arx-user-guide .arx-user-guide__index h2 { margin: 0 0 13px; font: 700 1.05rem/1.4 var(--arx-font-sans); color: var(--guide-wine); }
.arx-user-guide__index ol { list-style: none; padding: 0; margin: 0; }
.arx-user-guide__index li + li { margin-top: 4px; }
.arx-user-guide__index a { display: block; padding: 8px 0; color: #453a30; font-size: .95rem; line-height: 1.35; text-decoration: none; }
.arx-user-guide__index a:hover { text-decoration: underline; color: var(--guide-wine); }
.arx-user-guide__content { min-width: 0; }
.arx-user-guide__header { margin-bottom: 34px; }
.arx-user-guide__eyebrow { margin: 0 0 12px; font: 700 .8rem/1.4 var(--arx-font-sans); letter-spacing: .12em; text-transform: uppercase; color: var(--guide-wine); }
.arx-user-guide h1 { margin: 0 0 20px; color: var(--guide-wine); font: 500 clamp(2.1rem,4vw,3.3rem)/1.15 var(--arx-font-serif); letter-spacing: -.025em; }
.arx-user-guide__lead { font-size: 1.17rem; line-height: 1.75; }
.arx-user-guide p, .arx-user-guide li { line-height: 1.8; }
.arx-user-guide p { margin: 0 0 17px; }
.arx-user-guide section { padding-block: 30px; border-top: 1px solid var(--guide-line); scroll-margin-top: 145px; }
.arx-user-guide h2 { font: 500 clamp(1.55rem,2.8vw,2.05rem)/1.25 var(--arx-font-serif); color: var(--guide-wine); margin: 0 0 20px; }
.arx-user-guide h3 { font: 700 1.1rem/1.4 var(--arx-font-sans); margin: 25px 0 12px; }
.arx-user-guide ol:not(.arx-user-guide__index ol), .arx-user-guide ul:not(.arx-user-guide__index ol) { padding-left: 24px; margin: 16px 0 23px; }
.arx-user-guide__steps li { padding-left: 8px; margin-bottom: 18px; }
.arx-user-guide__steps li::marker { color: var(--guide-wine); font-weight: 700; }
.arx-user-guide__steps strong { display: block; margin-bottom: 3px; }
.arx-user-guide__note { background: #eee7d9; border-left: 4px solid var(--guide-wine); padding: 18px 21px; margin: 22px 0; border-radius: 0 5px 5px 0; }
.arx-user-guide__note p:last-child { margin-bottom: 0; }
.arx-user-guide__actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 23px 0; }
.arx-user-guide__actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 11px 19px; background: var(--guide-wine); color: #fff; border: 1px solid var(--guide-wine); border-radius: 5px; font-weight: 700; text-decoration: none; text-align: center; }
.arx-user-guide__actions a + a { background: transparent; color: var(--guide-wine); }
.arx-user-guide__table-wrap { overflow-x: auto; margin: 22px 0; }
.arx-user-guide table { width: 100%; border-collapse: collapse; font-size: .97rem; }
.arx-user-guide th, .arx-user-guide td { text-align: left; vertical-align: top; padding: 14px 16px; border: 1px solid var(--guide-line); line-height: 1.65; }
.arx-user-guide th { background: #eee7d9; color: #543a31; font-weight: 700; }
.arx-user-guide tbody th { width: 30%; background: #f4f0e8; }
.arx-user-guide details { border: 1px solid var(--guide-line); border-radius: 6px; padding: 0 18px; margin: 12px 0; background: #fbf8f1; }
.arx-user-guide summary { padding: 16px 0; cursor: pointer; color: var(--guide-wine); font-weight: 700; line-height: 1.5; }
.arx-user-guide details[open] summary { margin-bottom: 6px; }
.arx-user-guide__back { display: inline-block; margin-top: 10px; font-size: .92rem; }
.arx-user-guide__aliases { scroll-margin-top: 150px; }
@media (max-width: 900px) {
  .arx-user-guide { grid-template-columns: 1fr; padding: 28px 26px 65px; gap: 28px; }
  .arx-user-guide__index { position: static; max-height: none; }
  .arx-user-guide__index ol { columns: 2; column-gap: 30px; }
  .arx-user-guide__index li { break-inside: avoid; }
  .arx-user-guide section { scroll-margin-top: 100px; }
}
@media (max-width: 520px) {
  .arx-user-guide { padding-inline: 20px; }
  .arx-user-guide__index ol { columns: 1; }
  .arx-user-guide__lead { font-size: 1.08rem; }
  .arx-user-guide th, .arx-user-guide td { padding: 11px 10px; font-size: .92rem; }
  .arx-user-guide tbody th { width: 35%; }
  .arx-user-guide__actions { flex-direction: column; align-items: stretch; }
}
@media print {
  .arx-user-guide { display: block; max-width: none; padding: 0; }
  .arx-user-guide__index, .arx-user-guide__actions, .arx-user-guide__back { display: none; }
  .arx-user-guide section { break-inside: auto; }
  .arx-user-guide h2, .arx-user-guide h3 { break-after: avoid; }
  .arx-user-guide table { font-size: 10pt; }
}