/* Navegacio compacta i accessos directes; full d'estils independent per evitar regressions. */
.skip-link{
  position:fixed;top:.5rem;left:.5rem;z-index:40;
  transform:translateY(-180%);padding:.6rem 1rem;
  background:var(--text);color:var(--bg);border-radius:.65rem;
}
.skip-link:focus{transform:none;outline:3px solid var(--focus);outline-offset:2px}
.mobile-menu-toggle{display:none}
.home-tools{display:grid;gap:.75rem;margin:0 0 2.8rem}
.home-tools-heading{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;flex-wrap:wrap}
.home-tools-heading h2{font-size:1.15rem;line-height:1.3;letter-spacing:-.02em;margin:0}
.home-tools-heading p{color:var(--muted);font-size:.88rem;margin:0}
.home-tools .all-blocks{margin:0}
.home-tools .all-blocks .block-card{min-height:72px;background:var(--surface);border-color:var(--border)}
.home-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}
.home-tool{
  display:flex;align-items:center;justify-content:space-between;gap:.65rem;
  min-width:0;min-height:76px;text-align:left;
  padding:.9rem .85rem;background:var(--surface);color:var(--text);
  border:1px solid var(--border);border-radius:.9rem;cursor:pointer;
  transition:border-color .15s ease,background-color .15s ease;
}
.home-tool:hover{background:var(--surface-2);border-color:var(--muted)}
.home-tool strong{font-size:.9rem;font-weight:680;line-height:1.35;overflow-wrap:anywhere}
.home-tool span{font-size:1.15rem;color:var(--muted);flex:0 0 auto}
.home-tools + .units{gap:1.9rem}
.home-tool:focus-visible,.mobile-menu-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(max-width:760px){
  .site-header{padding:.55rem max(.8rem,calc((100vw - 620px)/2))}
  .site-header-inner{
    width:100%;display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    grid-template-areas:"brand actic menu" "utilities utilities utilities" "nav nav nav";
    gap:.45rem .6rem;align-items:center;
  }
  .site-header .brand{grid-area:brand;justify-self:start;min-width:0}
  .site-header .mobile-menu-toggle{
    grid-area:menu;display:inline-flex;align-items:center;justify-content:center;
    min-height:40px;padding:.4rem .85rem;
    border:1px solid var(--border);background:var(--surface);border-radius:.65rem;
    cursor:pointer;font-size:.88rem;font-weight:700;
  }
  .site-header .mobile-menu-toggle[aria-expanded="true"]{background:var(--surface-2);border-color:var(--muted)}
  .site-header .header-utilities{
    grid-area:utilities;width:100%;max-width:none;min-width:0;
    margin:0;padding:0;overflow:visible;border:0;
    display:flex;align-items:center;justify-content:space-between;gap:.5rem;
  }
  .site-header .primary-nav{grid-area:nav;display:none;gap:.3rem;border-top:1px solid var(--border);padding:.55rem 0 .2rem}
  .site-header.menu-open .primary-nav{display:grid}
  .site-header .primary-nav button{min-height:44px;padding:.6rem .5rem;border:1px solid var(--border);background:var(--surface)}
  .home-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-tool{min-height:68px}
}
@media(max-width:380px){
  .site-header .language-switcher button{padding:.3rem .42rem;font-size:.79rem}
  .site-header .header-utilities .theme-control{padding:.35rem .45rem;font-size:.79rem}
  .home-tool{padding:.75rem .65rem}
}
@media(prefers-reduced-motion:reduce){.home-tool{transition:none}}

/* Canonical practical-to-block navigation */
.related-practice-panel{margin-top:1.25rem;padding:1rem;border:1px solid var(--border);border-radius:.9rem;background:var(--surface)}
.related-practice-panel h2{font-size:1.03rem;margin:0 0 .75rem}
.related-practice-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:.55rem}
.related-practice-link,.practical-block-ref [data-practical-go-block]{display:block;width:100%;min-height:42px;padding:.65rem .8rem;text-align:left;white-space:normal;overflow-wrap:anywhere;border:1px solid var(--border);border-radius:.65rem;background:var(--surface);color:inherit;cursor:pointer;line-height:1.35}
.related-practice-link:hover,.practical-block-ref [data-practical-go-block]:hover{background:var(--surface-2)}
.practical-block-ref{padding:.85rem 1rem;margin:.2rem 0 1rem;border:1px solid var(--border);border-radius:.85rem;background:var(--surface);display:grid;gap:.6rem}
.practical-block-ref-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:.5rem}
.related-practice-link:focus-visible,.practical-block-ref [data-practical-go-block]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}

/* Entrada clarament separada del temari principal. */
.site-header .primary-nav .nav-actic{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.55rem .75rem;border:1px solid #7157ae;border-radius:.65rem;color:var(--text);text-decoration:none;font-weight:750;background:var(--surface-2)}
.site-header .primary-nav .nav-actic:hover{background:var(--surface);text-decoration:underline}
.actic-external-card{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;border:2px solid #7157ae;background:var(--surface);border-radius:1rem;padding:1.25rem;margin:0 0 2.7rem}
.actic-external-card h2{font-size:1.25rem;margin:.15rem 0 .4rem}
.actic-external-card p:not(.eyebrow){color:var(--muted);margin:0;max-width:55ch}
.actic-go{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--text);background:var(--text);color:var(--bg);border-radius:.7rem;padding:.65rem 1rem;font-weight:700;text-decoration:none}
.actic-go:hover{opacity:.9}
.actic-go:focus-visible,.nav-actic:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(max-width:760px){.site-header .primary-nav .nav-actic{min-height:44px;width:100%;justify-content:flex-start}.actic-external-card{flex-direction:column;align-items:stretch}.actic-go{width:100%}}

/* ACTIC és una certificació externa: accés mòbil permanent sense obrir el menú. */
.site-header .actic-mobile-quicklink{display:none}
@media(max-width:760px){
 .site-header .actic-mobile-quicklink{
  grid-area:actic;display:inline-flex;align-items:center;justify-content:center;
  gap:.25rem;min-width:0;min-height:40px;padding:.35rem .65rem;
  border:2px solid #7157ae;border-radius:.7rem;background:var(--surface-2);color:var(--text);
  text-decoration:none;line-height:1.15;
 }
 .site-header .actic-mobile-quicklink:hover{background:var(--surface);border-color:var(--text)}
 .site-header .actic-mobile-label{min-width:0;display:block}
 .site-header .actic-mobile-label strong{font-size:.88rem;letter-spacing:.015em;white-space:nowrap}
 .site-header .actic-mobile-label small{display:none}
 .site-header .actic-mobile-arrow{font-size:1rem;font-weight:700}
 .site-header .actic-mobile-quicklink:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
}