/* PTC — Mes raccordements : qui est mon interlocuteur, réseau par réseau. */

.rc{
  background:#f7f9fc;
  border:1px solid var(--line,#e5e0d7);
  border-left:4px solid var(--navy,#1a2d4a);
  border-radius:16px;
  padding:20px 22px;
  margin:22px 0 0;
}
.rc-oeil{
  font-family:'Syne',sans-serif;font-size:.62rem;font-weight:800;
  letter-spacing:.13em;text-transform:uppercase;
  color:var(--navy,#1a2d4a);margin:0 0 8px;
}
.rc-t{
  font-family:'Fraunces',Georgia,serif;font-size:1.18rem;font-weight:700;
  color:var(--navy,#1a2d4a);margin:0 0 8px;line-height:1.3;
}
.rc-s{font-size:.88rem;line-height:1.6;color:var(--muted,#647080);margin:0 0 18px}
.rc-s b{color:var(--navy,#1a2d4a)}

.rc-r{
  background:#fff;border:1px solid var(--line,#e5e0d7);
  border-radius:13px;padding:15px 17px;margin-bottom:11px;
}
.rc-r h4{
  font-family:'Fraunces',Georgia,serif;font-size:1rem;font-weight:700;
  color:var(--navy,#1a2d4a);margin:0 0 8px;
}
.rc-r p{font-size:.85rem;line-height:1.62;color:var(--muted,#647080);margin:0 0 9px}
.rc-r p:last-child{margin-bottom:0}
.rc-r b{color:var(--navy,#1a2d4a)}

.ptc-pastille,.rc-past{
  display:inline-block;background:var(--ice,#eaf3fb);color:var(--navy,#1a2d4a);
  border:1px solid #9ebbd4;border-radius:999px;padding:2px 9px;margin-right:6px;
  font-size:.63rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  vertical-align:middle;white-space:normal;line-height:1.35;
}
.ptc-pastille--contractuelle{background:#fff8e8;color:#704b00;border-color:#dfb457}
.ptc-pastille--repere{background:#f4f1ec;color:#62594e;border-color:#d8d0c5}
.ptc-pastille--territoire{background:#eef8f3;color:#17634d;border-color:#9bc9b7}
.rc-legende{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 16px}
.rc-legende .ptc-pastille{margin:0}
.rc-status{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 10px}
.rc-status .ptc-pastille{margin:0}
.rc-regle{
  background:var(--ice,#eaf3fb);border-radius:10px;padding:11px 13px;
}
.rc-src{
  display:inline-block;margin-top:5px;font-size:.72rem;font-weight:700;
  color:var(--navy,#1a2d4a);
}
.rc-piege{
  background:#fdf1e7;border-left:3px solid var(--coral,#e8541a);
  border-radius:0 10px 10px 0;padding:10px 13px;
}
.rc-ou a{color:var(--coral-dark,#c4400f);font-weight:700}

/* Définitions discrètes : aucun « ? », le mot reste dans la phrase. */
.ptc-def{
  position:relative;display:inline;border:0;border-bottom:1px dotted currentColor;
  padding:0;background:transparent;color:inherit;font:inherit;cursor:help;
}
.ptc-def:hover::after,.ptc-def:focus::after{
  content:attr(data-def);position:absolute;left:0;bottom:calc(100% + 7px);z-index:80;
  width:min(320px,74vw);padding:9px 12px;border-radius:10px;background:var(--navy,#1a2d4a);
  color:#fff;font-family:'DM Sans',sans-serif;font-size:.8rem;font-weight:400;
  line-height:1.5;letter-spacing:0;text-transform:none;white-space:normal;
  box-shadow:0 12px 28px rgba(26,45,74,.28);
}
.ptc-def:focus{outline:2px solid var(--coral,#e8541a);outline-offset:2px;border-radius:2px}

.rc-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}
.rc-store{
  display:inline-flex;align-items:center;justify-content:center;border-radius:999px;
  padding:9px 16px;background:var(--navy,#1a2d4a);color:#fff!important;
  text-decoration:none;font-family:'Poppins',sans-serif;font-size:.82rem;font-weight:700;
}
.rc-store--ghost{background:#fff;color:var(--navy,#1a2d4a)!important;border:1px solid var(--line,#e5e0d7)}

.rc .ptc-freemium{margin:16px 0 0}

@media(max-width:560px){
  body[data-page="mes-raccordements"] .hero{padding:24px 0 22px}
  body[data-page="mes-raccordements"] .hero-grid{gap:20px}
  body[data-page="mes-raccordements"] .breadcrumbs{margin-bottom:16px}
  body[data-page="mes-raccordements"] .hero-tool{padding:17px}
  body[data-page="mes-raccordements"] .hero-tool p{font-size:.82rem;line-height:1.5;margin:8px 0}
  body[data-page="mes-raccordements"] .hero-tool .tool-result{margin-top:10px;padding:10px 12px}
  body[data-page="mes-raccordements"] .hero-tool .tool-result small{display:none}
  body[data-page="mes-raccordements"] .hero-tool .tool-result strong{font-size:.95rem;line-height:1.35;margin:0}
  .rc{padding:16px 17px;border-radius:14px}
  .rc-t{font-size:1.05rem}
  .rc-r{padding:13px 14px}
  .ptc-pastille,.rc-past{display:inline-block;margin:4px 0 4px;max-width:100%;overflow-wrap:anywhere}
  .ptc-def:hover::after,.ptc-def:focus::after{left:auto;right:0;width:min(280px,78vw)}
  .rc-actions,.rc-store{width:100%}
}