.x-tech-tier{border:1px solid #dbe4de;border-radius:24px;background:#fff;padding:1.5rem;box-shadow:0 8px 30px rgba(7,16,13,.05)}
.x-tech-tier-number{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:999px;background:#07100d;color:#79d64b;font-size:.75rem;font-weight:900}
.x-tech-tier h3{margin-top:0;color:#07100d;font-size:1.25rem;font-weight:900;line-height:1.15}
.x-tech-tier p{margin-top:.75rem;color:#5f6c65;font-size:.95rem;line-height:1.65}
.x-tech-level-quebec{--x-tech-accent:#2f6f3e}
.x-tech-level-professional{--x-tech-accent:#2f6b86}
.x-tech-level-manufacturer{--x-tech-accent:#8a681d}
.x-tech-tier.x-tech-level-quebec,.x-tech-tier.x-tech-level-professional,.x-tech-tier.x-tech-level-manufacturer{border-top:4px solid var(--x-tech-accent)}
.x-tech-topic-card{border:1px solid #dbe4de;border-radius:24px;background:#fff;padding:1.5rem}
.x-tech-topic-card h3{margin-top:1rem;color:#07100d;font-size:1.35rem;font-weight:900;line-height:1.2}
.x-tech-topic-card>p{margin-top:.7rem;color:#5f6c65;line-height:1.65}
.x-tech-badge{display:inline-flex;align-items:center;border-radius:999px;background:#eef3ef;padding:.38rem .65rem;color:var(--x-tech-accent,#397f25);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.x-tech-badge.x-tech-level-quebec{background:#e9f5e8}.x-tech-badge.x-tech-level-professional{background:#e8f2f7}.x-tech-badge.x-tech-level-manufacturer{background:#fff3d8}
.x-tech-source-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.x-tech-source-links a{border:1px solid #dbe4de;border-radius:999px;padding:.5rem .7rem;color:#397f25;font-size:.73rem;font-weight:800;text-decoration:none}
.x-tech-source-links a:hover{border-color:#79d64b;background:#f2f8ee}
.x-tech-source-card{display:flex;min-height:9rem;flex-direction:column;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#13211c;padding:1.1rem;text-decoration:none;transition:.18s ease}
.x-tech-source-card:hover{transform:translateY(-2px);border-color:rgba(121,214,75,.5)}
.x-tech-source-card span{color:#79d64b;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.x-tech-source-card strong{margin-top:.45rem;color:#fff;font-size:.95rem;line-height:1.35}
.x-tech-source-card small{margin-top:auto;padding-top:.8rem;color:#99aaa2;font-size:.72rem}
.x-tech-tip{position:relative;display:inline-block;margin-left:.35rem;vertical-align:middle}
.x-tech-tip summary{display:inline-flex;width:1.45rem;height:1.45rem;align-items:center;justify-content:center;border:1px solid #9db1a5;border-radius:999px;background:#fff;color:#397f25;font-size:.75rem;font-weight:900;cursor:pointer;list-style:none}
.x-tech-tip summary::-webkit-details-marker{display:none}
.x-tech-tip[open] summary,.x-tech-tip summary:hover,.x-tech-tip summary:focus{border-color:#79d64b;background:#eef8e9;outline:none}
.x-tech-tip-panel{position:absolute;z-index:80;top:calc(100% + .55rem);left:0;width:min(330px,80vw);border:1px solid #cfdad3;border-radius:16px;background:#fff;padding:1rem;box-shadow:0 18px 45px rgba(7,16,13,.18);color:#4f5e56;font-size:.78rem;line-height:1.55}
.x-tech-tip-panel strong{display:block;margin-bottom:.35rem;color:#07100d;font-size:.85rem}
.x-tech-tip-panel .x-tech-tip-meta{display:block;margin-top:.6rem;color:#397f25;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.x-tech-tip-panel a{display:inline-block;margin-top:.45rem;color:#397f25;font-weight:800;text-decoration:none}
.x-tech-tip-steps{margin:.75rem 0 .25rem;padding-left:1.25rem;color:#435149;font-size:.76rem;line-height:1.45}
.x-tech-tip-steps li{margin:.35rem 0}
.x-tech-tip:has(.x-tech-tip-steps) .x-tech-tip-panel{width:min(460px,88vw)}
.x-tech-reference-strip{border:1px solid #dbe4de;border-radius:20px;background:#f6f8f5;padding:1rem 1.1rem}
.x-tech-reference-strip strong{color:#07100d}
@media (max-width:640px){.x-tech-tip-panel{left:auto;right:-1rem;width:min(310px,88vw)}}