:root[data-theme="light"]{--tool-ink:#23382f;--tool-green:#145d49;--tool-soft:#edf3ee;--tool-paper:#f8f8f4;--tool-line:#d8e2da;--pico-primary:#145d49;--pico-primary-background:#145d49;--pico-primary-border:#145d49;--pico-primary-hover:#0d4938;--pico-primary-hover-background:#0d4938;--pico-primary-hover-border:#0d4938}
html{scroll-padding-top:1rem}body{background:var(--tool-paper)}[hidden]{display:none!important}.container{max-width:1160px}body>header.container{padding-block:1rem;border-bottom:1px solid var(--tool-line)}header.container nav{gap:1rem;flex-wrap:wrap}header.container nav ul{margin-block:0}.brand{color:var(--tool-ink)}.brand-copy{display:flex;flex-direction:column;line-height:1.3}.brand-copy strong{font-size:1.35rem;letter-spacing:-.04em}.brand-copy small{font-size:.65rem;color:#526359;font-weight:400;letter-spacing:0}.main-menu{gap:.35rem}.main-menu a{color:#344a3e;font-size:.85rem;font-weight:600}.skip-link{position:absolute;top:-100px;left:1rem;z-index:20;background:white;padding:.5rem}.skip-link:focus{top:1rem}body>footer{border-top:1px solid var(--tool-line);margin-top:3rem;padding-block:1.5rem}body>footer small{line-height:1.8}.micro{font-size:.78rem;color:#526359;line-height:1.55}.lead{font-size:1.08rem;line-height:1.65;color:#455c4e}.eyebrow{color:var(--tool-green);font-size:.7rem;letter-spacing:.065em}h1,h2,h3{color:var(--tool-ink)}.new-home-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:2rem;align-items:center;margin:2rem 0 2.5rem;padding:1.5rem 0}.new-home-hero h1{font-size:clamp(2rem,4vw,3rem);line-height:1.12;letter-spacing:-.045em;max-width:650px}.new-home-hero .lead{max-width:650px}.primary-cta{display:inline-flex;gap:1.5rem;align-items:center;margin-top:.4rem;font-weight:650}.hero-trust{margin-top:.9rem}.hero-visual{background:var(--tool-soft);border-radius:1.2rem;padding:1.3rem .8rem;border:1px solid var(--tool-line)}.hero-visual svg{width:100%;height:auto}.hero-visual p{font-size:.7rem;text-align:center;margin:.1rem 0 .6rem;color:#526359}.home-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.8rem;padding:1.7rem 0 2rem;border-top:1px solid var(--tool-line)}.benefit-number{color:#6d8776;font-size:.72rem;font-weight:700}.home-benefits h2{font-size:1.05rem;margin:.5rem 0}.home-benefits p{font-size:.85rem;line-height:1.6;color:#526359;margin:0}.guide-feature{padding:1.6rem 1.8rem;background:white;border:1px solid var(--tool-line);border-left:4px solid var(--tool-green);border-radius:.6rem;display:flex;justify-content:space-between;gap:1.4rem;align-items:center;margin-block:1.5rem 2.8rem}.guide-feature h2{font-size:1.4rem;margin-bottom:.6rem}.guide-feature p{font-size:.9rem;margin-bottom:0}.guide-feature .eyebrow{margin-bottom:.4rem}.text-cta{font-weight:650;white-space:nowrap;font-size:.85rem}.directory-entry{padding:1.8rem;background:#eef0ed;border-radius:.6rem;margin-block:2rem}.directory-entry h2{font-size:1.45rem}.directory-entry>p{max-width:840px}.directory-entry .search-form{margin-top:1rem}.directory-entry input{background:white}.directory-explore .home-section{margin-block:2rem}.directory-explore h2{font-size:1.2rem}.directory-explore .city-grid,.directory-explore .link-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.directory-explore .city-card{min-height:3.2rem;padding:.65rem .8rem;font-size:.8rem}.directory-explore .city-card strong{font-size:.7rem}.directory-explore .link-grid a{font-size:.8rem;padding:.6rem .75rem}.directory-explore .guide-card{min-height:0;padding:1rem}.directory-explore .guide-card h3{font-size:.95rem}.directory-explore .guide-card p{font-size:.8rem;margin-bottom:0}.tool-page{max-width:980px;margin-inline:auto}.tool-intro{margin:1rem 0 1.6rem}.tool-intro h1{letter-spacing:-.035em;font-size:2.4rem;margin-bottom:.6rem}.tool-intro .lead{margin-bottom:.7rem}.tool-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.small-button{font-size:.8rem;padding:.55rem .85rem;margin-bottom:0}.form-panel{background:white;padding:1.6rem;border:1px solid var(--tool-line);border-radius:.7rem;margin-bottom:1.2rem}.panel-heading{display:flex;gap:.8rem;align-items:flex-start;margin-bottom:1.3rem}.step-number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 1.8rem;height:1.8rem;background:var(--tool-soft);color:var(--tool-green);font-weight:700;border-radius:50%;font-size:.85rem}.panel-heading h2{font-size:1.25rem;margin:0 0 .35rem}.panel-heading p{font-size:.82rem;color:#526359;margin:0}.optional{font-size:.7rem;color:#526359;font-weight:400;white-space:nowrap}.field-grid{display:grid;gap:1rem}.two-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.three-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.concrete-form label,.dimension-label{font-size:.82rem;color:var(--tool-ink)}.concrete-form input,.concrete-form select{font-size:.88rem;margin-top:.35rem;margin-bottom:.5rem;min-height:2.6rem}.concrete-form fieldset{margin:0}.concrete-form legend{font-size:.9rem;font-weight:650;margin-bottom:.8rem}.project-element{padding:1.1rem;background:#f7f9f6;border:1px solid var(--tool-line);border-radius:.45rem;margin-block:1rem!important}.imperial-pair{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.metric-field small,.imperial-pair small{font-size:.7rem;display:block;margin-top:-.35rem;color:#526359}.dimension-label{display:block}.remove-element{display:block;border:0;background:transparent;color:#6b4239;font-size:.75rem;padding:.3rem 0;margin:.7rem 0 0;text-decoration:underline;box-shadow:none}.margin-row,.currency-row{display:flex;align-items:center;gap:1rem;margin-top:1rem}.margin-row label{flex:0 0 300px}.currency-row label{flex:0 0 260px}.margin-row p,.currency-row p{margin:0}.purchase-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.concrete-form .purchase-card{padding:1rem;border:1px solid var(--tool-line);border-radius:.45rem;background:#fcfdfb}.concrete-form .delivery-card{margin-top:1rem}.purchase-card .micro{margin-bottom:0}.form-error{background:#fff0ea;border-left:4px solid #9e3d23;padding:1rem;margin-bottom:1rem;color:#712610}.calculate-bar{display:flex;align-items:center;gap:1rem}.calculate-bar button{white-space:nowrap;margin:0}.calculate-bar p{margin:0;max-width:470px}.concrete-results{padding:1.6rem;background:white;border:2px solid var(--tool-green);border-radius:.7rem;margin-block:1.5rem;outline:none}.result-total{font-size:2.35rem;font-weight:700;letter-spacing:-.04em;color:var(--tool-green);line-height:1.2;margin-bottom:.8rem}.result-total span{display:block;font-size:1rem;font-weight:500;letter-spacing:0;margin-top:.4rem}.result-base,.element-summary{font-size:.8rem;color:#526359}.element-summary{padding-left:1.3rem;overflow-wrap:anywhere}.concrete-results h3{font-size:1.1rem;margin-top:1.4rem}.table-scroll{max-width:100%;overflow:auto}.comparison-table{font-size:.8rem;margin-bottom:1rem}.comparison-table td,.comparison-table th{vertical-align:top;padding:.8rem .6rem;min-width:115px}.comparison-table td:first-child{font-weight:650;overflow-wrap:anywhere}.comparison-table td:last-child{font-weight:700;white-space:nowrap;color:var(--tool-green)}.best-option{padding:1rem;background:var(--tool-soft);font-size:.9rem;font-weight:650;border-radius:.35rem;overflow-wrap:anywhere}.result-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}.result-actions button{font-size:.8rem;margin:0}.tool-explanation{border-top:1px solid var(--tool-line);padding-top:1.4rem;margin-top:2.5rem}.tool-explanation h2{font-size:1.3rem}.tool-explanation p{font-size:.9rem}.example-disclaimer{font-size:.8rem;color:#744a18}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.guide-article{max-width:830px;margin:1rem auto}.guide-article h1{font-size:2.25rem;line-height:1.18;letter-spacing:-.03em}.guide-article h2{font-size:1.4rem;margin-top:2.2rem}.guide-article p,.guide-article li{font-size:.95rem;line-height:1.75}.guide-article .example-box{border:1px solid var(--tool-line);border-radius:.6rem;background:white;padding:1.4rem;margin:1.3rem 0}.guide-article .example-box h2{margin-top:0}.guide-article table{font-size:.82rem}.guide-article table td{vertical-align:top}.formula{font-size:1.05rem!important;color:var(--tool-green);font-weight:650}.guide-article blockquote{background:white;font-size:.9rem;padding:1rem 1.2rem}.guide-article .sources-list{font-size:.8rem}.guide-article .sources-list li{font-size:.8rem}.guide-article .primary-cta{font-size:.9rem}
@media(max-width:900px){.new-home-hero{grid-template-columns:1.5fr 1fr;gap:1rem}.hero-visual p{font-size:.6rem}.main-menu a{font-size:.8rem}.directory-explore .city-grid,.directory-explore .link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-feature{align-items:flex-start;flex-direction:column}.three-fields{gap:.65rem}}
@media(max-width:640px){header.container nav{display:block}header.container nav>ul:first-child{padding-bottom:.8rem}.main-menu{justify-content:space-between;border-top:1px solid var(--tool-line);padding-top:.5rem!important;gap:0}.main-menu li{padding:.3rem}.main-menu a{padding:.3rem;font-size:.74rem}.brand-copy small{font-size:.62rem}.new-home-hero{display:block;margin:1.3rem 0;padding:.3rem 0}.new-home-hero h1{font-size:2.25rem}.hero-visual{display:none}.new-home-hero .lead{font-size:1rem}.primary-cta{font-size:.9rem}.hero-trust{font-size:.67rem}.home-benefits{grid-template-columns:1fr;gap:1.15rem;padding:1.4rem 0}.home-benefits>div{position:relative;padding-left:2.5rem}.benefit-number{position:absolute;left:0;top:.2rem}.home-benefits h2{margin:0 0 .2rem}.guide-feature,.directory-entry{padding:1.2rem;margin-block:1.4rem}.directory-entry h2,.guide-feature h2{font-size:1.3rem}.directory-entry p{font-size:.88rem}.directory-entry fieldset[role=group]{display:block}.directory-entry fieldset[role=group] input{border-radius:var(--pico-border-radius);margin-bottom:.6rem}.directory-entry fieldset[role=group] button{width:100%;border-radius:var(--pico-border-radius)}.directory-explore .city-grid,.directory-explore .link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-intro h1{font-size:2rem}.tool-intro .lead{font-size:.95rem}.tool-intro .micro{font-size:.7rem}.form-panel,.concrete-results{padding:1rem}.two-fields,.three-fields,.purchase-grid{grid-template-columns:1fr}.project-element{padding:.85rem}.panel-heading h2{font-size:1.1rem}.margin-row,.currency-row,.calculate-bar{display:block}.margin-row label,.currency-row label{display:block}.calculate-bar button{width:100%;margin-bottom:.65rem}.result-total{font-size:2rem}.comparison-table{font-size:.76rem}.comparison-table td,.comparison-table th{min-width:95px;padding:.65rem .4rem}.comparison-table td:nth-child(2){min-width:150px}.result-actions{display:grid;grid-template-columns:1fr}.guide-article h1{font-size:1.8rem}.guide-article h2{font-size:1.25rem}.guide-article .example-box{padding:1rem}.guide-article .primary-cta{width:100%;justify-content:center}footer small{font-size:.72rem}.home-sync strong{white-space:normal}}
@media print{html,body{background:white!important;color:black!important;font-size:11pt!important}body>header,body>footer,.skip-link,.breadcrumb,.tool-intro,.concrete-form,.tool-explanation,.result-actions,#stale-note,#copy-status,#copy-fallback{display:none!important}.container,.tool-page{max-width:none!important;padding:0!important;margin:0!important}.concrete-results{border:0!important;padding:0!important;margin:0!important}.concrete-results::before{content:"InfoRBQ — Calculateur béton · info-rbq.ca";display:block;font-size:10pt;margin-bottom:1rem}.table-scroll{overflow:visible!important}.comparison-table{font-size:9pt!important}.comparison-table th,.comparison-table td{min-width:0!important;padding:8px!important}.result-total{font-size:22pt!important}.best-option{background:white!important;border:1px solid #aaa}.concrete-results .micro{font-size:9pt}.guide-article{max-width:none}.guide-article .primary-cta{display:none!important}a{color:inherit!important;text-decoration:none}}

@media(max-width:640px){.comparison-table,.comparison-table tbody,.comparison-table tr,.comparison-table td{display:block;width:100%}.comparison-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.comparison-table tr{border-bottom:1px solid var(--tool-line);padding:.5rem 0}.comparison-table td{border:0;min-width:0!important;padding:.35rem 0}.comparison-table td:first-child{font-size:.9rem}.comparison-table td:nth-child(2){font-size:.75rem}.comparison-table td:last-child{font-size:1rem}.comparison-table td:last-child::before{content:"Coût estimé : ";font-size:.75rem;font-weight:400}.comparison-table tr:last-child{border-bottom:0}}