/* =========================================================
   PRICE ACTION: lo stile (la sezione sta in price-action.js)
   ========================================================= */
#paRadice{display:flex;flex-direction:column;gap:16px}
.pa-svg{width:100%;height:auto;display:block;font-family:var(--display)}
.pa-zona{fill:rgba(102,242,193,.07);stroke:rgba(102,242,193,.22);stroke-dasharray:3 4}
.pa-intro{flex-direction:row;gap:20px;align-items:center}
.pa-intro-vix{flex:0 0 96px;height:130px}
.pa-intro p{max-width:80ch}
.pa-filtri{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}
.pa-griglia{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.pa-card{text-decoration:none;color:inherit;background:var(--charcoal);border:1px solid var(--linea);border-radius:var(--r);padding:12px 12px 14px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;transition:border-color .2s,transform .2s}
.pa-card:hover{border-color:var(--menta);transform:translateY(-2px)}
.pa-card b{font-size:15px}
.pa-mini{width:100%;background:var(--incavo);border-radius:10px;padding:4px}
.pa-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}

/* la scheda */
.pa-scheda{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px}
.pa-grande{background:var(--incavo);border-radius:12px;padding:6px}
.pa-leg{display:flex;flex-wrap:wrap;gap:14px;font-size:12.5px;color:var(--testo-2)}
.pa-leg span{display:inline-flex;align-items:center;gap:7px}
.pa-leg i{width:10px;height:14px;border-radius:2px;display:inline-block}
.pa-leg i.su{border:1.5px solid #00C878;background:rgba(0,200,120,.18)}
.pa-leg i.giu{background:#FF6B6B}
.pa-leg i.tr{width:18px;height:0;border-top:2px dashed #FFB547;border-radius:0}
.pa-leg i.fr{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid #66F2C1;border-radius:0}
.pa-vix{position:relative;justify-content:flex-start;background:linear-gradient(160deg,rgba(0,200,120,.08),transparent 60%),var(--charcoal);border-color:rgba(0,200,120,.22)}
.pa-vix-fig{width:120px;height:160px;align-self:center}
.pa-quattro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pa-lista{list-style:none;display:grid;gap:8px;color:var(--testo-2)}
.pa-lista li{padding-left:18px;position:relative}
.pa-lista li::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:2px;background:var(--menta)}
.pa-trappola{border-color:rgba(255,181,71,.3);background:linear-gradient(160deg,rgba(255,181,71,.07),transparent 60%),var(--charcoal)}
.pa-trappola h3{color:var(--ambra)}
.pa-nav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pa-nav a{color:var(--menta);text-decoration:none;font-weight:650}

/* il disegno che si compone */
.pa-svg.anima .pa-c{opacity:0;animation:pa-entra .3s ease forwards;animation-delay:calc(var(--i) * 45ms)}
.pa-svg.anima .pa-l line{stroke-dashoffset:100;animation:pa-linea .7s ease forwards;animation-delay:calc(1.9s + var(--k) * .25s)}
.pa-svg.anima .pa-l text,.pa-svg.anima .pa-segno,.pa-svg.anima .pa-fr,.pa-svg.anima .pa-zona{opacity:0;animation:pa-appari .5s ease forwards;animation-delay:2.4s}
@keyframes pa-entra{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes pa-linea{from{stroke-dasharray:0 100}to{stroke-dasharray:100 0}}
@keyframes pa-appari{to{opacity:1}}
@media (prefers-reduced-motion:reduce){.pa-svg.anima *{animation:none!important;opacity:1!important}}

/* l'allenamento */
.pa-quiz{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px}
.pa-q{gap:16px}
.pa-opz{display:grid;gap:8px}
.pa-opz button{text-align:left;padding:13px 16px;border-radius:12px;border:1px solid var(--linea-2);background:var(--incavo);font-weight:650;transition:border-color .2s}
.pa-opz button:hover:not(:disabled){border-color:var(--menta)}
.pa-opz button.giusta{border-color:#00C878;background:rgba(0,200,120,.14);color:var(--menta)}
.pa-opz button.sbagliata{border-color:#FF6B6B;background:rgba(255,107,107,.12);color:#FF9D9D}
.pa-opz button.giusta::after{content:"  \2713"}
.pa-opz button.sbagliata::after{content:"  \2717"}
#paDopo{display:flex;gap:8px;flex-wrap:wrap}

@media (max-width:1100px){.pa-quattro{grid-template-columns:1fr 1fr}}
@media (max-width:860px){.pa-scheda,.pa-quiz{grid-template-columns:1fr}.pa-vix-fig{display:none}}
@media (max-width:560px){.pa-quattro{grid-template-columns:1fr}.pa-intro{flex-direction:column;align-items:flex-start}.pa-griglia{grid-template-columns:1fr 1fr}.pa-card b{font-size:13.5px}}

/* i pattern dentro un modulo del percorso (dal 2026-10-27) */
.lv-pat-tit{font-size:16px;margin:18px 0 10px}