/* Pages ressources du 13 octobre 2026 : /site-internet-sans-abonnement, /location-ou-achat, /comparatif-site-internet.
   Chargée seulement par ces trois pages, après site.css et offer-layout.css. Préfixe .rs- ; les classes communes
   (gallery-hero, section-head, article-prose, article-note, article-sources, own-band, own-block, steps, faq, related, compare-table) viennent des deux feuilles de base. */

/* Trois chiffres sous le premier écran. */
.rs-figures-section{padding:0 0 64px}
.rs-figures{list-style:none;margin:0;padding:32px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.rs-figures li+li{border-left:1px solid var(--line);padding-left:28px}
.rs-figures strong{display:block;font:400 clamp(44px,4.2vw,60px)/1 var(--serif);letter-spacing:-.04em;color:var(--forest);font-variant-numeric:tabular-nums;white-space:nowrap}
.rs-figures span{display:block;margin-top:12px;font-size:16px;line-height:1.55;color:var(--muted);max-width:320px}
.rs-figures .article-note{margin-left:3px}

/* Introduction courte du calculateur. */
.rs-intro{padding-top:0}
.section.rs-intro{padding-top:0}

/* Calculateur : le formulaire à gauche, le résultat à droite. */
.rs-calc{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px 6%;align-items:start}
.rs-calc-form{display:grid;gap:8px 0;margin:0}
.rs-calc-form label{display:flex;flex-direction:column;gap:4px;font-size:16px;font-weight:500;line-height:1.5;color:var(--ink)}
.rs-calc-form label small{font-size:14px;color:var(--muted);font-weight:400}
.rs-calc-form label+.rs-field{margin-bottom:26px}
.rs-field{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid #80877a;transition:border-color .2s,box-shadow .2s}
.rs-field input{flex:1 1 auto;min-width:0;width:100%;border:0;border-radius:0;padding:10px 0;background:transparent;color:var(--ink);font:400 24px/1.4 var(--sans);letter-spacing:-.01em;font-variant-numeric:tabular-nums;caret-color:var(--forest)}
.rs-field input::placeholder{color:#9a9c92}
.rs-field input:focus{outline:none}
.rs-field:focus-within{border-bottom-color:var(--forest);box-shadow:0 1px 0 var(--forest)}
.rs-field.is-invalid{border-bottom-color:var(--clay)}
.rs-field span{flex:none;font-size:15px;color:var(--muted);white-space:nowrap}
.rs-calc-note{font-size:14px;line-height:1.6;color:var(--muted);max-width:480px;margin:4px 0 0}
.rs-calc-result{padding:30px 32px 32px;background:var(--paper);border:1px solid var(--line);border-left:1px solid #af915b;min-height:220px}
.rs-calc-empty{font-size:17px;line-height:1.6;color:var(--muted);margin:0;max-width:520px}
.rs-calc-result .eyebrow{margin-bottom:12px}
.rs-big{display:block;font:400 clamp(40px,3.8vw,56px)/1.05 var(--serif);letter-spacing:-.035em;color:var(--forest);font-variant-numeric:tabular-nums;text-wrap:balance}
.rs-calc-result p{font-size:17px;line-height:1.6;color:var(--muted);margin:14px 0 0;max-width:560px}
.rs-calc-result p.rs-lead{font-size:19px;line-height:1.5;color:var(--ink);margin-top:12px}
.rs-calc-result p.rs-error{color:var(--clay)}
.rs-milestones{width:100%;border-collapse:collapse;margin-top:26px;font-size:16px;line-height:1.5;font-variant-numeric:tabular-nums}
.rs-milestones th,.rs-milestones td{padding:10px 0 10px 12px;text-align:right;border-top:1px solid var(--line);vertical-align:top;font-weight:400}
.rs-milestones th:first-child,.rs-milestones td:first-child{text-align:left;padding-left:0;color:var(--ink)}
.rs-milestones thead th{font:500 12px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-top:0;padding-top:0}
.rs-milestones tbody tr.is-now th,.rs-milestones tbody tr.is-now td{color:var(--forest);font-weight:500;background:#eef3e9}
.rs-milestones tbody tr.is-now td:last-child{padding-right:8px}
.rs-milestones tbody tr.is-now th{padding-left:8px}
.rs-milestones caption{text-align:left;font-size:14px;color:var(--muted);padding:0 0 10px}

/* Comparatif à six colonnes. */
.rs-compare .compare-table thead th:first-child{width:16%}
.rs-compare .compare-table thead th:nth-child(2){width:16%}
.rs-compare .compare-table thead th:nth-child(3){width:15%}
.rs-compare .compare-table thead th:nth-child(4){width:17%}
.rs-compare .compare-table thead th:nth-child(5){width:20%}
.rs-compare .compare-table thead th:last-child{width:16%;text-align:left}
.rs-compare .compare-table th,.rs-compare .compare-table td{padding:22px 18px}
.rs-compare .compare-table .table-item>th{font-size:22px;padding-left:0}
.rs-compare .compare-table .table-item>td{font-size:16px}
.rs-compare .compare-table .compare-price{white-space:normal}
.rs-compare .compare-table .table-item:last-child{background:#eef3e9}
.rs-compare .compare-table .table-item:last-child>th{padding-left:18px}
.rs-compare .article-note{margin-left:1px}

/* Liens vers les autres ressources : sans image, titre au-dessus du texte. */
.rs-related{margin-top:14px}
.sales-page .rs-related .related-links{grid-template-columns:1fr 1fr;gap:0 7%;border-bottom:1px solid var(--line)}
.sales-page .rs-related .related-links>a{display:block;padding:24px 0 26px;border-block:0;border-top:1px solid var(--line)}
.sales-page .rs-related .related-links strong{font-size:27px;line-height:1.15}
.sales-page .rs-related .related-links p{max-width:480px;margin:10px 0 12px}

@media(max-width:1100px){
 .rs-figures strong{font-size:46px}
 .rs-calc{grid-template-columns:1fr;gap:34px}
 .rs-compare .compare-table thead th:first-child{width:18%}
 .rs-compare .compare-table th,.rs-compare .compare-table td{padding:18px 12px}
 .rs-compare .compare-table .table-item>th{font-size:20px}
 .rs-compare .compare-table .table-item>td{font-size:15px}
}
@media(max-width:900px){
 .rs-compare .compare-table .table-item>td{display:grid;grid-template-columns:minmax(0,8.5em) minmax(0,1fr);gap:14px;font-size:16px;padding:0}
 .rs-compare .compare-table .table-item>th{padding-left:0}
 .rs-compare .compare-table .table-item:last-child{padding:22px 16px}
 .rs-compare .compare-table .table-item:last-child>th{padding-left:0}
}
@media(max-width:800px){
 .rs-figures-section{padding-bottom:48px}
 .rs-figures{grid-template-columns:1fr;gap:0;padding:6px 0}
 .rs-figures li{padding:18px 0;border-top:1px solid var(--line)}
 .rs-figures li:first-child{border-top:0}
 .rs-figures li+li{border-left:0;padding-left:0}
 .rs-figures strong{font-size:42px}
 .rs-figures span{max-width:none}
 .rs-calc-result{padding:24px 20px 26px}
 .rs-big{font-size:36px}
 .sales-page .rs-related .related-links{grid-template-columns:1fr;gap:0}
 .sales-page .rs-related .related-links strong{font-size:25px}
}
@media(max-width:540px){
 .rs-compare .compare-table .table-item>td{grid-template-columns:1fr;gap:4px}
 .rs-compare .compare-table .table-item>td::before{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
 .rs-field input{font-size:22px}
 .rs-milestones{font-size:15px}
 .rs-milestones th,.rs-milestones td{padding-left:8px}
}
@media(max-width:360px){
 .rs-figures strong{font-size:38px}
 .rs-big{font-size:32px}
 .rs-calc-result{padding:20px 16px 22px}
 .rs-milestones{font-size:14px}
}