/* Outils : des contrôles lisibles, des résultats qui montrent leur périmètre. */
.tools-page{padding:0 32px 65px}.tools-hero{padding:38px 0 34px;max-width:850px}.tools-hero h1{max-width:800px;font-size:clamp(36px,4.2vw,53px)}.tools-hero .intro{font-size:21px;line-height:1.55;max-width:760px;margin:22px 0 14px}.tools-hero .breadcrumb{margin-bottom:28px}.tools-hero .eyebrow{margin-bottom:12px}.tool-filters{display:flex;gap:10px;flex-wrap:wrap;padding:8px 0 24px}.tool-filters button{background:white;border:1px solid var(--line);color:var(--ink);border-radius:30px;min-height:44px;padding:9px 17px;font-size:14px;font-weight:650;cursor:pointer}.tool-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.tool-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.tool-card{display:flex;flex-direction:column;text-decoration:none;padding:21px 23px;border:1px solid var(--line);border-radius:5px;min-height:205px;background:#f6f8fa;gap:8px}.tool-card:hover{border-color:var(--ink);color:var(--ink);background:var(--blue)}.tool-card strong{font-size:23px;line-height:1.25;letter-spacing:-.025em}.tool-card>span:not(.tool-number):not(.tool-card-action){color:var(--muted);font-size:15px;line-height:1.45}.tool-number{font-size:12px;color:var(--rust);font-weight:750;letter-spacing:.08em}.tool-card-action{display:flex;justify-content:space-between;gap:10px;font-size:14px;font-weight:650;margin-top:auto;padding-top:9px}.tool-card-action>span{font-size:23px;line-height:1}.carnet-card{background:var(--blue)}.tool-card[aria-current=true]{border:2px solid var(--ink);padding:20px 22px;box-shadow:inset 0 4px 0 var(--yellow)}.tools-page [hidden]{display:none!important}.tool-panel{margin-top:44px;border-top:3px solid var(--yellow);padding:31px;background:white;box-shadow:0 6px 30px #153b500a;border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:4px;scroll-margin-top:25px}.tool-heading{max-width:820px;margin-bottom:27px}.tool-heading h2{font-size:clamp(27px,3vw,35px);margin-bottom:16px}.tool-heading h2:focus{outline:none}.tool-heading .eyebrow{font-size:11px;margin-bottom:11px}.tool-heading>p:last-child{font-size:17px;line-height:1.55;color:var(--muted)}.tool-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:start}.tool-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 19px;margin:0 0 24px}.tool-fields label,.plan-controls label{display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.4;font-weight:650;min-width:0}.tools-page input:not([type=file]),.tools-page select{display:block;width:100%;min-width:0;border:1px solid #96acb8;border-radius:4px;background:white;color:var(--ink);padding:11px 12px;font-size:16px;min-height:47px}.tool-fields label small,.plan-controls label small{font-size:12px;line-height:1.4;font-weight:400;color:var(--muted)}.example-note{color:var(--muted);font-size:13px;line-height:1.5;margin-bottom:19px}.tool-error{background:#fff2ed;border-left:3px solid var(--rust);padding:12px 14px;color:#803616;font-size:14px;line-height:1.5;margin:0 0 17px}.tool-result{background:var(--blue);border-radius:5px;padding:25px;min-height:160px}.tool-result .result-eyebrow{font-size:11px;font-weight:700;letter-spacing:.09em;margin-bottom:10px}.result-main{font-size:clamp(28px,3vw,41px);font-weight:750;line-height:1.15;letter-spacing:-.03em;margin-bottom:17px}.result-list{margin:0}.result-list>div{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #bdcdd7;padding:12px 0;font-size:14px;line-height:1.45}.result-list dt{color:var(--muted)}.result-list dd{margin:0;font-weight:700;text-align:right;min-width:90px}.result-price{font-weight:750;font-size:23px;padding-top:13px;border-top:1px solid #bdcdd7;margin-top:4px}.result-price small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:4px}.tool-result .small{font-size:13px;margin-top:15px}.tool-secondary,.move-controls button{border:1px solid var(--ink);background:white;color:var(--ink);border-radius:4px;min-height:44px;padding:9px 14px;font-weight:650;font-size:14px;line-height:1.5;cursor:pointer}.tool-secondary:disabled{opacity:.55;cursor:default}.tool-secondary:hover:not(:disabled),.move-controls button:hover{background:var(--blue)}.tool-actions{display:flex;gap:12px 18px;align-items:center;flex-wrap:wrap;margin-top:20px}.tool-footnote{border-top:1px solid var(--line);padding-top:22px;margin-top:29px;font-size:14px;line-height:1.6;color:var(--muted)}.tool-footnote details{margin:15px 0}.tool-footnote details p{margin-top:12px}.tool-footnote a{font-size:14px}.result-transfer{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.wallpaper-preview{margin-top:29px}.wallpaper-preview h3{font-size:21px;margin-bottom:16px}.wallpaper-wall{padding:12px 15px;border:1px solid var(--line);border-radius:4px;margin-top:12px}.wallpaper-wall p{font-size:13px;margin-bottom:10px}.wallpaper-wall svg{display:block;width:100%;height:160px}.electric-items{list-style:none;padding:0;margin:24px 0}.electric-items li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.electric-items strong{display:block;font-size:16px}.electric-items span{display:block;color:var(--muted);font-size:14px;overflow-wrap:anywhere}.plan-workspace{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:30px;align-items:start}.plan-drawing{border:1px solid var(--line);background:#f6f8fa;padding:15px;border-radius:4px}.plan-drawing svg{display:block;width:100%;height:auto;max-height:620px;touch-action:none}.plan-drawing .plan-item{cursor:grab}.plan-drawing .plan-item:active{cursor:grabbing}.plan-drawing .plan-item:focus-visible{outline:none;stroke:var(--rust);stroke-width:.04}.plan-workspace .small{margin-top:13px;font-size:12px}.plan-summary{font-size:14px;border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.plan-controls{background:var(--blue);padding:22px;border-radius:4px}.plan-controls h3{font-size:21px;margin-bottom:16px}.plan-controls label{margin:12px 0}.plan-controls form button{width:100%;margin-top:6px}.selected-element{border-top:1px solid #bdcdd7;padding-top:22px;margin-top:27px}.move-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:17px}.move-controls button{padding:8px;font-size:21px}.plan-controls .tool-actions{gap:8px}.plan-controls .tool-actions button{flex:1}.tool-room-action{display:flex;align-items:center;grid-column:1/-1}.plan-item-list{list-style:none;margin:20px 0 0;padding:0}.plan-item-list button{border:0;border-bottom:1px solid #bdcdd7;text-align:left;background:transparent;width:100%;padding:10px 0;font-size:14px;cursor:pointer;color:var(--ink)}.plan-item-list button[aria-pressed=true]{font-weight:750}.tool-file{font-size:14px;display:flex;flex-direction:column;gap:6px;max-width:100%;color:var(--muted)}.tool-file input{max-width:100%;font-size:13px}.tools-followup{background:var(--ink);color:white;padding:34px 36px;border-radius:5px;margin-top:40px}.tools-followup h2{font-size:31px;max-width:700px}.tools-followup>p:not(.eyebrow){margin:17px 0;max-width:780px;color:#e3ecf1}.tools-followup .button{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.tools-followup a:hover{color:white}.tools-followup .button:hover{color:var(--ink)}.tools-home{margin:0 32px 45px;padding:33px 36px;background:var(--blue);border-left:4px solid var(--yellow);display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center}.tools-home h2{font-size:30px;margin-bottom:14px}.tools-home p{max-width:760px}.article-tool-link{padding:18px 20px;border-left:3px solid var(--yellow);background:var(--blue);margin:30px 0;font-size:16px}.article-tool-link p{margin-bottom:9px}.tool-notice{padding:20px;background:var(--blue);margin-top:20px}
@media(max-width:1000px){.tool-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card{padding:19px;min-height:210px}.tool-card strong{font-size:21px}.tool-panel{padding:25px}.tool-workspace{gap:23px}.plan-workspace{grid-template-columns:minmax(0,1fr) 250px;gap:22px}.plan-controls{padding:17px}}
@media(max-width:820px){.tools-page{padding:0 24px 45px}.tool-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-workspace,.plan-workspace{grid-template-columns:1fr}.tool-result{min-height:0}.tool-panel{padding:24px}.plan-controls{padding:22px}.plan-controls form:not(#plan-edit){display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.plan-controls form h3,.plan-controls form label:first-of-type,.plan-controls form .tool-error,.plan-controls form button{grid-column:1/-1}.plan-controls label{margin:0}.selected-element form{display:grid;grid-template-columns:1fr 1fr;gap:15px}#plan-edit label:first-child,#plan-edit .tool-error,#plan-edit button{grid-column:1/-1}.move-controls{max-width:300px}.tools-home{grid-template-columns:1fr;margin:0 24px 40px;padding:28px}.plan-drawing svg{max-height:480px}}
@media(max-width:520px){.tools-page{padding:0 20px 40px}.tools-hero{padding:26px 0}.tools-hero h1{font-size:35px}.tools-hero h1 br{display:none}.tools-hero .intro{font-size:18px}.tool-card{padding:17px;min-height:225px}.tool-card[aria-current=true]{padding:16px}.tool-card strong{font-size:19px}.tool-card>span:not(.tool-number):not(.tool-card-action){font-size:13px}.tool-card-action{font-size:12px}.tool-filters{gap:7px}.tool-filters button{font-size:12px;padding:8px 12px}.tool-panel{padding:22px 16px;margin-top:28px}.tool-fields{gap:16px 12px}.tool-fields label{font-size:13px}.tool-fields label small{font-size:11px}.tool-fields input,.tool-fields select{font-size:16px;padding:10px}.tool-result{padding:21px 17px}.tool-heading h2{font-size:27px}.tool-heading>p:last-child{font-size:15px}.result-list>div{gap:12px;font-size:13px}.result-list dd{min-width:70px}.tools-followup{padding:28px 23px}.tools-followup h2{font-size:28px}.tools-home{margin:0 20px 35px;padding:24px}.electric-items li{grid-template-columns:1fr}.plan-drawing{padding:7px}}
@media(max-width:360px){.tool-fields{grid-template-columns:1fr}.tool-card{padding:14px}.tool-card[aria-current=true]{padding:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.topline,.site-header,.site-footer,.tool-filters,.tool-cards,.tools-hero,.tool-actions,.tools-followup,.tool-result button,.plan-controls,.tool-room-action,.tool-file{display:none!important}.tool-panel{margin:0;border:0;box-shadow:none;padding:10px;break-inside:avoid}.tools-page{padding:0}.tool-workspace{grid-template-columns:1fr 1fr}.tool-result{background:#eee}.plan-workspace{display:block}}

.tool-download-note{font-size:12px;color:var(--muted);overflow-wrap:anywhere;flex-basis:100%}
/* Repères dessinés : deux colonnes, visuels calmes et couleurs de la marque. */
.tools-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:38px;align-items:center;padding-bottom:36px;max-width:none}
.tools-hero-copy{min-width:0}.tools-hero-copy h1{font-size:clamp(35px,3.6vw,46px);max-width:610px}.tools-hero-copy .intro{max-width:610px}
.tools-hero-visual{margin:0;background:#f0f5f6;border-radius:8px;overflow:hidden;box-shadow:0 14px 30px #153b5009;transform:rotate(1deg)}
.tools-hero-visual img{display:block;width:100%;height:auto}.tools-hero-visual figcaption{padding:14px 18px;background:#153b50;color:#fff;font-size:13px;text-align:center;font-weight:600}
.tool-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.tool-card{display:grid;grid-template-columns:38% minmax(0,1fr);padding:0;overflow:hidden;gap:0;align-items:stretch;border-radius:6px;min-height:188px;background:#fff}
.tool-card[aria-current=true]{padding:0;box-shadow:0 0 0 1px var(--yellow);border:1px solid var(--yellow)}
.tool-card-visual{display:block;position:relative;background:#f0f5f6;min-width:0}.tool-card-visual>img{display:block;width:100%;height:100%;object-fit:contain}
.tool-card-visual .tool-number{position:absolute;left:12px;top:10px;background:#fff;padding:3px 7px;border-radius:3px;font-size:11px;color:var(--muted);margin:0;letter-spacing:.08em}
.tool-card-copy{padding:22px 23px;display:flex;flex-direction:column;min-width:0;gap:10px}.tool-card-copy>strong{font-size:21px;line-height:1.18;letter-spacing:-.02em}.tool-card-copy>span:not(.tool-card-action){font-size:14px;line-height:1.5;color:var(--muted)}
.tool-card-action{margin-top:auto;padding-top:8px;font-size:13px}.tool-card-action::after{content:' →';color:var(--rust)}
.carnet-card{grid-column:1/-1;background:var(--ink);color:#fff;grid-template-columns:24% minmax(0,1fr);min-height:154px;border-color:var(--ink)}
.carnet-card .tool-card-copy>span:not(.tool-card-action){color:#d1e1e7}.carnet-card .tool-card-copy{justify-content:center}.carnet-card .tool-card-action{margin-top:0;color:var(--yellow)}.carnet-card:hover{color:#fff}
.tool-heading{display:grid;grid-template-columns:minmax(0,1fr) 224px;gap:26px;align-items:center;margin-bottom:30px}.tool-heading-copy{min-width:0}.tool-heading-copy h2{margin:0 0 15px}.tool-heading-copy>p:last-child{color:var(--muted);font-size:17px;line-height:1.6}
.tool-explainer{margin:0;border:1px solid #e0e8eb;border-radius:5px;overflow:hidden}.tool-explainer img{width:100%;height:auto;display:block}.tool-explainer figcaption{padding:5px 10px;color:var(--muted);font-size:10px;background:#fff;text-align:center}
.tool-secondary.tool-pdf-button{background:var(--ink);border-color:var(--ink);color:white}.tool-secondary.tool-pdf-button:hover:not(:disabled){background:#245268;color:white}.tool-pdf-button::before{content:'PDF';display:inline-block;color:var(--ink);background:var(--yellow);border-radius:2px;padding:2px 4px;font-size:9px;font-weight:800;letter-spacing:.04em;vertical-align:middle;margin-right:9px}.tool-pdf-button:disabled{opacity:.55;cursor:wait}
.tool-pdf-status{flex-basis:100%;font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.tools-followup{display:grid;grid-template-columns:1fr 1.25fr;padding:0;gap:0;overflow:hidden;border-radius:6px}.tools-followup-copy{padding:35px 34px}.tools-real-photo{margin:0;display:flex;flex-direction:column;min-width:0}.tools-real-photo img{width:100%;height:100%;max-height:330px;object-fit:cover;object-position:center;display:block}.tools-real-photo figcaption{padding:8px 13px;background:#fff;font-size:10px;color:var(--muted)}
@media(max-width:980px){.tools-hero{gap:22px}.tool-heading{grid-template-columns:minmax(0,1fr) 170px}.tool-card{grid-template-columns:34% minmax(0,1fr)}.tool-card-copy{padding:20px 17px}.tool-card-copy>strong{font-size:19px}}
@media(max-width:720px){.tools-hero{grid-template-columns:1fr;gap:22px}.tools-hero-visual{max-width:540px;transform:none}.tools-hero-visual img{max-height:255px;object-fit:contain}.tool-cards{grid-template-columns:1fr}.carnet-card{grid-template-columns:34% minmax(0,1fr)}.tool-card{min-height:157px}.tool-heading{grid-template-columns:minmax(0,1fr) 145px;gap:16px}.tool-heading h2{font-size:28px}.tool-heading-copy>p:last-child{font-size:15px}.tools-followup{grid-template-columns:1fr}.tools-real-photo img{height:190px}.tools-followup-copy{padding:27px}}
@media(max-width:480px){.tools-hero{padding-top:26px}.tools-hero-visual img{max-height:210px}.tools-hero-visual figcaption{font-size:11px}.tool-card,.tool-card[aria-current=true]{padding:0}.tool-card-copy{padding:18px 14px;gap:8px}.tool-card-copy>strong{font-size:18px}.tool-card-copy>span:not(.tool-card-action){font-size:13px}.tool-card-action{font-size:12px}.tool-heading{grid-template-columns:1fr}.tool-explainer{max-width:250px;justify-self:start;width:100%}.tool-explainer img{max-height:128px;object-fit:contain}.tool-heading h2{font-size:27px}.tool-heading-copy>p:last-child{font-size:15px}.tool-card-visual .tool-number{left:6px;top:6px;font-size:9px}.tools-followup-copy{padding:25px 22px}}
@media print{.tool-explainer,.tools-real-photo,.tool-pdf-status{display:none!important}}