/* static/css/probleme.css */

.pb1{max-width:920px;margin:0 auto;padding:0 12px 48px}
.pb1 h1{font-size:1.75rem;line-height:1.25;margin:16px 0 12px}
.pb1 h2{font-size:1.3rem;line-height:1.3;margin:0 0 12px}
.pb1 h3{font-size:1.05rem;line-height:1.35;margin:0 0 8px}
.pb1 p{line-height:1.65;margin:0 0 12px}
.pb1 section{margin:0 0 32px}

.pb2{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 28px;padding:16px;border-left:4px solid #111;background:#f6f6f6;border-radius:0 6px 6px 0}
.pb3{flex:1 1 320px;margin:0;font-size:1.08rem}
.pb4{align-self:center;padding:4px 12px;border-radius:999px;font-size:.8rem;font-weight:600;white-space:nowrap;background:#e8e8e8;color:#333}
.pb41{background:#e3f4e6;color:#1d6b2c}
.pb42{background:#fdf1dc;color:#8a5b10}
.pb43{background:#fbe4e4;color:#96231f}

.pb5{padding:14px 16px;border:1px solid #eadcdc;border-radius:6px;background:#fdf7f7}
.pb5 h2{font-size:1.05rem}
.pb5 p{margin:0}

.pb6{border: 1px solid #e3e3e3;
  border-radius: 6px;
  padding: 1.5rem 1.1rem;
  margin-bottom: 1.2rem;}
.pb6:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}
.pb7{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-right:10px;border-radius:5px;background:#111;color:#fff;font-size:.85rem;font-weight:700;vertical-align:middle}

.pb8{margin:12px 0 0;padding:12px 14px;border-radius:6px;background:#f6f6f6}
.pb81{background:#f2f6fb}
.pb8 strong{display:block;margin:0 0 6px;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:#666}
.pb8 p{margin:0}

.pb9{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.pb9 a{display:flex;align-items:center;gap:10px;padding:6px 10px;border:1px solid #ececec;border-radius:6px;text-decoration:none;color:inherit}
.pb9 a:hover{border-color:#111;background:#fafafa}
.pb9 img{width:40px;height:40px;object-fit:cover;border-radius:4px}
.pb91{flex:1 1 auto;font-size:.9rem;line-height:1.3}
.pb92{font-weight:700;font-size:.9rem;white-space:nowrap}

.pb12{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:.95rem}
.pb12 td{padding:10px 12px;border-bottom:1px solid #ececec}
.pb12 tr:last-child td{border-bottom:0}
.pb12 td:first-child{color:#555;width:55%}
.pb12 td:last-child{font-weight:600;text-align:right}

.pb13{margin:0 0 18px}
.pb13 h3,.pb13 p{margin:0 0 6px}

.pb14{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.pb14 a{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid #ececec;border-radius:8px;text-decoration:none;color:inherit}
.pb14 a:hover{border-color:#111}
.pb14 img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:6px}

.pb15{padding:22px 18px;border-radius:8px;background:#f6f6f6;text-align:center}
.pb15 h2,.pb15 p{margin:0 0 10px}

.pb16 ul{list-style:none;margin:0;padding:0;columns:2;column-gap:28px}
.pb16 li{margin:0 0 8px;break-inside:avoid}

.pb17{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.pb17 a{padding:6px 14px;border:1px solid #ddd;border-radius:999px;font-size:.9rem;text-decoration:none;color:inherit}
.pb17 a:hover{border-color:#111;background:#111;color:#fff}

.pb18{margin:0 0 32px;scroll-margin-top:80px}
.pb18 h2{padding:0 0 6px;border-bottom:2px solid #111;font-size:1.2rem}
.pb18 ul{list-style:none;margin:14px 0 0;padding:0;columns:2;column-gap:28px}
.pb18 li{margin:0 0 8px;break-inside:avoid}

@media(max-width:640px){
.pb1 h1{font-size:1.45rem}
.pb2{flex-direction:column}
.pb4{align-self:flex-start}
.pb12 td:first-child{width:auto}
.pb16 ul,.pb18 ul{columns:1}
}