/* Espai independent de preparació ACTIC: no reutilitza el banc del curs. */
.actic-header{padding:.8rem max(1rem,calc((100vw - 980px)/2));}
.actic-header-inner{width:100%;display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;}
.actic-brand{color:var(--text);text-decoration:none;font-weight:750}
.actic-header-separator{color:var(--muted)}
.actic-header-actions{display:flex;gap:.25rem;margin-left:auto;}
.actic-header-actions button{min-height:40px;border:1px solid var(--border);padding:.4rem .65rem;border-radius:.5rem;background:var(--surface);cursor:pointer}
.actic-header-actions button[aria-pressed="true"]{background:var(--text);color:var(--bg)}
#actic-app{width:min(900px,calc(100% - 2rem));padding-top:1.5rem}
.actic-back{display:inline-block;padding:.55rem 0;color:var(--text);text-underline-offset:.2em}
.actic-badge{display:inline-block;padding:.3rem .65rem;border:1px solid var(--border);border-radius:.45rem;background:var(--surface-2);font-size:.8rem;letter-spacing:.035em;font-weight:750}
.actic-hero{padding:1.4rem 0 1.5rem}
.actic-hero h1{font-size:clamp(1.85rem,4vw,2.7rem);line-height:1.16;margin:.75rem 0}
.actic-hero p{color:var(--muted);max-width:70ch}
.actic-boundary{border-left:4px solid #7157ae;border-radius:.5rem;background:var(--surface);padding:1rem 1.15rem;margin:0 0 1.5rem}
.actic-boundary strong{display:block;margin-bottom:.3rem}
.actic-boundary p{margin:.3rem 0;color:var(--muted)}
.actic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,255px),1fr));gap:.8rem;margin:1rem 0 2rem}
.actic-area{border:1px solid var(--border);background:var(--surface);border-radius:1rem;padding:1.1rem;display:flex;flex-direction:column;gap:.4rem;min-height:165px;text-align:left;cursor:pointer}
.actic-area:hover,.actic-area[aria-pressed="true"]{border-color:#7157ae;background:var(--surface-2)}
.actic-area strong{font-size:1.02rem}
.actic-area small{font-size:.85rem;color:var(--muted)}
.actic-area .actic-area-count{margin-top:auto;font-weight:700;font-size:.83rem}
.actic-area-general{border:2px solid #7157ae}
.actic-control{margin-top:1.2rem}
.actic-control>label{font-weight:700;display:block;margin-bottom:.4rem}
.actic-control select{width:100%;max-width:420px;padding:.75rem;border:1px solid var(--border);border-radius:.65rem;background:var(--surface);color:var(--text)}
.actic-controls{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}
.actic-controls button{min-height:45px}
.actic-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:.65rem 1rem;border-radius:.65rem;cursor:pointer}
.actic-question-box{margin-top:1.2rem}
.actic-progress{width:100%;height:8px;margin:.7rem 0 1rem}
.actic-question-box h2{font-size:clamp(1.25rem,3vw,1.65rem);line-height:1.35}
.actic-answer-list{display:grid;gap:.6rem;margin:1.2rem 0}
.actic-answer{width:100%;min-height:56px;display:flex;gap:.75rem;align-items:flex-start;text-align:left;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.85rem 1rem;border-radius:.75rem;cursor:pointer}
.actic-answer strong{flex:0 0 1.5rem}
.actic-answer[aria-pressed="true"]{border-color:#7157ae;background:var(--surface-2)}
.actic-answer.correct{border-color:var(--correct);background:var(--correct-bg)}
.actic-answer.incorrect{border-color:var(--incorrect);background:var(--incorrect-bg)}
.actic-answer:disabled{cursor:default}
.actic-feedback{margin:1.1rem 0;padding:1rem;border:1px solid var(--border);border-radius:.7rem;background:var(--surface-2)}
.actic-feedback p{margin:.45rem 0}
.actic-feedback small{color:var(--muted)}
.actic-meta{color:var(--muted);font-size:.9rem}
.actic-review-item{border-top:1px solid var(--border);padding:1.2rem 0}
.actic-review-item h3{font-size:1rem;margin:.25rem 0}
.actic-review-item p{margin:.3rem 0}
.actic-results-head{font-size:clamp(1.3rem,3vw,1.8rem)}
.actic-footer{margin:1rem auto 2rem;width:min(900px,calc(100% - 2rem));color:var(--muted);font-size:.85rem;border-top:1px solid var(--border);padding-top:1rem}
.actic-source{font-size:.83rem;color:var(--muted)}
.actic-notice{margin-top:1.15rem;color:var(--muted);font-size:.9rem}
.actic-empty{padding:2rem;background:var(--surface);border:1px solid var(--border);border-radius:.8rem}
@media(max-width:620px){.actic-header-actions{width:100%;margin-left:0}.actic-header-actions button{flex:1}.actic-controls{flex-direction:column}.actic-controls button{width:100%}}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}