/* Pages de configurations TRALÉMO : collectifs, associations et maison. */
.tm-use-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:60px;padding-top:25px;padding-bottom:65px}
.tm-use-hero>div,.tm-use-preview{min-width:0}
.tm-use-hero h1{margin:0 0 25px;font-size:clamp(34px,3.3vw,49px);line-height:1.12;letter-spacing:-.045em}
.tm-use-hero .product-lead{font-size:17px;line-height:1.85;margin-bottom:26px}
.tm-use-hero .product-actions{gap:18px 25px;align-items:center}
.tm-use-hero .product-actions>.button{gap:18px}
.tm-use-scope{font-size:13px;line-height:1.8;color:#5d6d83;margin:22px 0 0}
.tm-use-preview{margin:0;padding:28px;border:1px solid #cbd9ec;border-radius:17px;background:#edf3fc;color:#152640;box-shadow:0 15px 38px #233e6510}
.tm-use-preview-heading{display:flex;gap:12px;align-items:center;padding-bottom:19px;border-bottom:1px solid #cedbef;font-size:15px;font-weight:800}
.tm-use-preview-heading svg{width:30px;height:30px;flex:none;color:#245be7}
.tm-use-preview-label{margin:22px 0 10px;color:#4f6a92;font-size:10px;font-weight:800;line-height:1.7;letter-spacing:.07em}
.tm-use-preview h2{margin:0 0 22px;font-size:25px;line-height:1.3;letter-spacing:-.03em}
.tm-use-preview ol{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.tm-use-preview li{display:flex;align-items:flex-start;gap:13px;padding:16px;background:#fff;border:1px solid #dce5f2;border-radius:10px}
.tm-use-dot{display:flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;border-radius:50%;background:#eaf0ff;color:#245be7;font-size:12px;font-weight:800}
.tm-use-preview li strong{display:block;font-size:15px;line-height:1.5}
.tm-use-preview li p{margin:5px 0 0;color:#576c87;font-size:13px;line-height:1.7}
.tm-use-preview figcaption{padding:19px 0 0;font-size:13px;line-height:1.8;color:#536984}
.tm-use-preview figcaption a{display:block;min-height:44px;line-height:1.6;padding-top:12px;color:#245be7;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.tm-use-intro{max-width:900px;font-size:16px;line-height:1.85;color:#56657c;margin:22px 0 28px}
.tm-use-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.tm-use-feature-grid article{min-width:0;border:1px solid #d5dfec;background:#fff;border-radius:12px;padding:26px}
.tm-use-feature-number{display:block;color:#3d67ac;font-size:12px;font-weight:800;margin-bottom:18px}
.tm-use-feature-grid h3{font-size:22px;line-height:1.35;margin:0 0 13px;letter-spacing:-.025em}
.tm-use-feature-grid p{font-size:15px;line-height:1.85;color:#52627b;margin:0}
.tm-use-scenario{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:55px;align-items:start;border-top:1px solid #d8e1ed;border-bottom:1px solid #d8e1ed}
.tm-use-scenario>div>p:not(.product-eyebrow){font-size:16px;line-height:1.85;color:#53647f;margin:22px 0}
.tm-use-scenario>div>p.product-note{font-size:13px;line-height:1.8}
.tm-use-steps{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:0}
.tm-use-steps li{display:flex;gap:18px;align-items:flex-start;padding:23px 0;border-bottom:1px solid #d5dfed}
.tm-use-steps li:last-child{border-bottom:0}
.tm-use-steps li>span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border-radius:8px;background:#e7efff;color:#245be7;font-size:12px;font-weight:800}
.tm-use-steps h3{font-size:20px;line-height:1.35;margin:0 0 9px}
.tm-use-steps p{font-size:15px;line-height:1.8;color:#52627b;margin:0}
.tm-use-preparation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px;margin-top:28px}
.tm-use-preparation-grid>div{min-width:0}
.tm-use-preparation-grid p{font-size:16px;line-height:1.85;color:#53647f;margin:0 0 19px}
.tm-use-preparation-grid h3{font-size:22px;line-height:1.35;margin:0 0 16px}
.tm-use-other{padding-bottom:45px}
.tm-use-other a{font-size:15px;min-height:44px;line-height:1.6}
.tm-use-associations .tm-use-preview{background:#eef6f2;border-color:#d1e3d8}
.tm-use-maison .tm-use-preview{background:#f2f0fc;border-color:#ded8f0}
@media(max-width:1000px){.tm-use-hero{gap:32px}.tm-use-hero h1{font-size:37px}.tm-use-preview{padding:24px}.tm-use-scenario{gap:30px}.tm-use-preparation-grid{gap:30px}}
@media(max-width:760px){.tm-use-hero{grid-template-columns:1fr;gap:32px;padding-top:14px;padding-bottom:45px}.tm-use-hero h1{font-size:37px}.tm-use-hero .product-lead{font-size:16px}.tm-use-preview{max-width:650px;width:100%}.tm-use-feature-grid,.tm-use-scenario,.tm-use-preparation-grid{grid-template-columns:1fr}.tm-use-feature-grid{gap:15px}.tm-use-feature-grid article{padding:24px}.tm-use-scenario{gap:20px}.tm-use-preparation-grid{gap:22px}.tm-use-scope{font-size:13px}.tm-use-steps{margin-top:0}}
@media(max-width:480px){.tm-use-hero h1{font-size:33px}.tm-use-hero .product-actions{align-items:stretch}.tm-use-hero .product-actions>.button{width:100%}.tm-use-preview{padding:22px 18px}.tm-use-preview h2{font-size:24px}.tm-use-preview li{padding:14px 12px;gap:11px}.tm-use-preview-label{font-size:10px}.tm-use-feature-grid article{padding:23px 20px}.tm-use-feature-grid h3{font-size:21px}.tm-use-preparation-grid h3{font-size:21px}}
@media(max-width:1120px){body.tm-new-page:not(.js) .sm-navigation-header nav.sm-primary-nav{display:flex!important}body.tm-new-page:not(.js) .sm-navigation-header .sm-navigation-toggle{display:none!important}}
@media print{.tm-use-preview,.tm-use-feature-grid article,.tm-use-steps li{break-inside:avoid}.tm-use-hero,.tm-use-feature-grid,.tm-use-scenario,.tm-use-preparation-grid{display:block}.tm-use-feature-grid article{margin-bottom:16px}.tm-use-preview{box-shadow:none}}