/* Orléans 7 · Centre d’aide compact, mémorisable et orienté vers l’action. */
#view-help .help-content{gap:34px}
#view-help .help-featured-resource{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:18px;align-items:center;min-height:116px;padding:20px 24px;border:1px solid #a9c8dc;border-left:6px solid #176e8f;border-radius:18px;background:radial-gradient(circle at 88% 18%,rgba(255,255,255,.82),transparent 30%),linear-gradient(125deg,#dff3f7,#eef6ff 54%,#fff 100%);color:var(--navy);text-decoration:none;box-shadow:0 12px 30px rgba(8,37,58,.09);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
#view-help .help-featured-resource:hover{border-color:#176e8f;box-shadow:0 17px 36px rgba(8,37,58,.14);transform:translateY(-2px)}
#view-help .help-featured-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:linear-gradient(145deg,#176e8f,#174c78);color:#fff;box-shadow:0 9px 20px rgba(23,78,120,.22)}
#view-help .help-featured-icon svg{width:52px;height:52px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
#view-help .help-featured-kicker{margin:0 0 4px!important;color:#176e8f!important;font-size:11px!important;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
#view-help .help-featured-resource strong{display:block;font:500 22px/1.2 Georgia,serif}
#view-help .help-featured-resource small{display:block;margin-top:5px;color:#496476;font-size:12px;line-height:1.5}
#view-help .help-featured-resource>span:last-child{font-size:25px;color:#1f5f99}
#view-help .help-action-section{display:grid;gap:16px}
#view-help .help-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
#view-help .help-action-card{
  --help-accent:#08704f;
  --help-soft:#e9f7f1;
  --help-line:#acd9c8;
  position:relative;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  grid-template-rows:auto auto auto 1fr;
  gap:0 13px;
  min-height:174px;
  padding:17px;
  overflow:hidden;
  border:1px solid var(--help-line);
  border-top:4px solid var(--help-accent);
  border-radius:16px;
  background:linear-gradient(145deg,var(--help-soft),#fff 72%);
  box-shadow:0 8px 20px rgba(8,37,58,.055);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
#view-help .help-action-card:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(8,37,58,.1);border-color:var(--help-accent)}
#view-help .help-action-card::after{content:"";position:absolute;right:-22px;top:-28px;width:88px;height:88px;border-radius:50%;background:var(--help-accent);opacity:.055;pointer-events:none}
#view-help .help-action-icon{grid-row:1/5;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--help-accent);color:#fff;box-shadow:0 7px 16px color-mix(in srgb,var(--help-accent) 25%,transparent)}
#view-help .help-action-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#view-help .help-action-kicker{margin:0 0 4px;color:var(--help-accent);font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
#view-help .help-action-card h3{margin:0;color:var(--navy);font:500 20px/1.12 Georgia,serif}
#view-help .help-action-card>p:not(.help-action-kicker){margin:7px 0 13px;color:#496476;font-size:12px;line-height:1.48}
#view-help .help-action-links{display:flex;align-self:end;align-items:center;gap:7px;flex-wrap:wrap}
#view-help .help-action-links a{display:inline-flex;align-items:center;gap:7px;min-height:33px;padding:7px 10px;border:1px solid var(--help-accent);border-radius:9px;background:var(--help-accent);color:#fff;font-size:10.5px;font-weight:800;line-height:1.2;text-decoration:none}
#view-help .help-action-links a.secondary{background:#fff;color:var(--help-accent)}
#view-help .help-action-links a:hover,#view-help .help-action-links a:focus-visible{filter:brightness(.94);outline:3px solid color-mix(in srgb,var(--help-accent) 24%,transparent);outline-offset:2px}
#view-help .tone-report{--help-accent:#08704f;--help-soft:#e7f6ef;--help-line:#a8d8c5}
#view-help .tone-presentation{--help-accent:#b85c13;--help-soft:#fff1e4;--help-line:#efc69f}
#view-help .tone-coordination{--help-accent:#176e8f;--help-soft:#e8f5fa;--help-line:#add7e5}
#view-help .tone-tools{--help-accent:#6b4fc5;--help-soft:#f1edff;--help-line:#cec3f2}
#view-help .tone-campus{--help-accent:#b13a69;--help-soft:#fdebf2;--help-line:#edb8cc}
#view-help .tone-reference{--help-accent:#8b6a08;--help-soft:#fff7da;--help-line:#e5d18a}

#view-help .faq-group{--faq-accent:var(--navy);--faq-soft:#f4f8f9;border-left:4px solid var(--faq-accent);box-shadow:0 6px 18px rgba(8,37,58,.045)}
#view-help .faq-group[data-faq-tone="remises"]{--faq-accent:#08704f;--faq-soft:#edf8f3}
#view-help .faq-group[data-faq-tone="suivi"]{--faq-accent:#176e8f;--faq-soft:#ebf6fa}
#view-help .faq-group[data-faq-tone="collaboration"]{--faq-accent:#6b4fc5;--faq-soft:#f2effc}
#view-help .faq-group[data-faq-tone="outils"]{--faq-accent:#b85c13;--faq-soft:#fff3e8}
#view-help .faq-group-head{padding:16px 19px;background:linear-gradient(90deg,var(--faq-soft),#fff)}
#view-help .faq-group-head>span{background:var(--faq-accent)}
#view-help .faq-group-head h3{font-size:21px}
#view-help .faq-list summary{padding:15px 19px}
#view-help .faq-list summary::after{background:var(--faq-soft);color:var(--faq-accent)}
#view-help .faq-list details[open] summary{background:var(--faq-soft)}
#view-help .faq-list details[open] summary::after{background:var(--faq-accent)}
#view-help .faq-answer{padding:0 19px 17px;background:linear-gradient(90deg,var(--faq-soft),#fff 52%)}

@media(max-width:960px){#view-help .help-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  #view-help .help-featured-resource{grid-template-columns:54px minmax(0,1fr) auto;gap:12px;min-height:0;padding:15px}
  #view-help .help-featured-icon{width:54px;height:54px;border-radius:15px}
  #view-help .help-featured-icon svg{width:39px;height:39px}
  #view-help .help-featured-resource strong{font-size:19px}
  #view-help .help-action-grid{grid-template-columns:1fr}
  #view-help .help-action-card{min-height:0;padding:15px;grid-template-columns:43px minmax(0,1fr);gap:0 11px}
  #view-help .help-action-icon{width:43px;height:43px;border-radius:12px}
  #view-help .help-action-card h3{font-size:19px}
  #view-help .faq-group{border-left-width:3px}
}
@media(prefers-reduced-motion:reduce){#view-help .help-action-card{transition:none}#view-help .help-action-card:hover{transform:none}}