.prima-conversazione{max-width:820px;overflow-wrap:anywhere}
.prima-conversazione h1{font-size:clamp(2.25rem,6vw,3.7rem);max-width:16ch}
.prima-conversazione section{border-top:1px solid var(--edge);padding:28px 0;scroll-margin-top:20px}
.prima-conversazione h2{line-height:1.2}
.prima-conversazione ul{padding-left:1.4em}
.prima-conversazione li+li{margin-top:10px}
.prima-conversazione .frase{border-left:3px solid var(--plum);padding:12px 16px;background:#fffdf8}
.prima-conversazione .stop{border-top:3px solid var(--plum)}
.prima-conversazione .passi{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:10px;margin:28px 0}
.prima-conversazione .passi a{border:1px solid var(--edge);padding:12px;background:#fffdf8;text-decoration:none}
.prima-conversazione .passi a:hover{text-decoration:underline}
.prima-conversazione .actions{align-items:stretch}
.prima-conversazione .actions a{display:flex;align-items:center;min-height:48px}
header nav a,footer a{display:inline-flex;align-items:center;min-height:44px}
.skip{position:absolute;top:8px;left:12px;z-index:1;padding:12px;background:var(--paper);transform:translateY(-200%)}
.skip:focus{transform:translateY(0)}
@media(max-width:540px){.prima-conversazione .actions{flex-direction:column;gap:12px}.prima-conversazione .actions a{justify-content:center;text-align:center}header nav{gap:8px 20px}}
@media print{.skip,header nav,.passi,.actions,footer{display:none!important}.prima-conversazione{max-width:100%;padding:12px}.prima-conversazione section{break-inside:avoid}body{background:white;color:black}}
