/* =================================================================
   REFONTE DE L'ACCUEIL (02/10/2026) — branche « refonte », aperçu privé.
   Une seule mise en page qui s'adapte : pas de mode « une question par
   écran » sur téléphone (nouveau.js le saute quand <html> porte .rf).
   Le résultat, le rapport, le paiement et le PDF ne changent pas : seuls
   le haut de page et la vitrine qui le suit sont neufs.
   ================================================================= */
:root{
  --rf-papier:rgba(14,24,46,.78); --rf-encre:#f2e9d4; --rf-encre-douce:#c9bd9d;
  --rf-or-papier:#d3bc84; --rf-liseret:rgba(211,188,132,.38);
  --rf-nuit-panneau:rgba(28,50,82,.55); --rf-nuit:#1c3252;
}

/* ---------- l'en-tête : la marque, sans répéter la promesse ---------- */
.rf header{padding:16px 16px 0}
.rf header .rule, .rf header .tagline, .rf header .star{display:none}

/* ---------- le héros : la promesse et le formulaire, l'exemple à côté ---------- */
.rf-hero-zone{max-width:1160px; margin:0 auto; padding:6px 24px 30px; box-sizing:border-box}
.rf-hero{display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:56px; align-items:start}
.rf-hero:has(#card-exemple[hidden]){grid-template-columns:minmax(0,1fr); max-width:640px; margin:0 auto}

.rf #formcard{padding:0; margin:0; border:0}
.rf .rf-hero #formcard > h2{text-align:left; margin:0 0 12px; text-indent:0}
.rf .rf-hero #formcard h1.pagetitre{text-align:left; font-size:48px; line-height:1.04; margin:0 0 14px}
.rf .rf-hero #formcard .promesse{text-align:left; margin:0 0 18px; max-width:60ch; font-size:16.5px}
.rf #formcard .promesse i{color:var(--gold-texte)}

/* le formulaire, seul objet de papier de l'écran : c'est là qu'on agit */
.rf-papier{background:var(--rf-papier); border:1px solid var(--rf-liseret); border-radius:2px;
  box-shadow:0 22px 60px -30px rgba(0,0,0,.6); color:var(--rf-encre)}
.rf #formcard form.rf-papier{padding:20px 22px 16px}
.rf #formcard .rf-papier .grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px 18px; margin-top:0}
.rf #formcard .rf-papier .rf-date, .rf #formcard .rf-papier .rf-prenom{grid-column:1 / -1}
/* prénom et genre sur une ligne : le bouton remonte d'autant */
.rf #formcard .rf-papier .rf-prenom{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:18px; align-items:end}
.rf #formcard .rf-papier .rf-prenom > label{grid-column:1 / -1}
.rf #formcard .rf-papier .rf-prenom .sexrow{margin-top:0; gap:8px}
.rf #formcard .rf-papier .rf-prenom .sexopt{padding:11px 6px; font-size:15px; white-space:nowrap; gap:6px}
/* « Je ne la connais pas » et « Pourquoi ? » sur une seule ligne */
.rf #formcard .rf-papier .rf-heure .check{display:inline-flex; margin-top:7px; font-size:14px}
.rf #formcard .rf-papier .rf-heure .pourquoi{display:inline-block; margin:0 0 0 12px; font-size:14px; vertical-align:baseline}
.rf #formcard .rf-papier .rf-heure .pourquoi[open]{display:block; margin:6px 0 0}
.rf #formcard .rf-papier .pourquoi p{font-size:14.5px; margin-top:6px}
.rf #formcard .rf-papier label{color:var(--rf-or-papier); font-size:11.5px; letter-spacing:.2em; font-weight:600; margin-bottom:7px}
.rf #formcard .rf-papier input[type=text], .rf #formcard .rf-papier input[type=date], .rf #formcard .rf-papier input[type=time]{
  background:rgba(255,255,255,.08); color:var(--rf-encre); border:1px solid rgba(211,188,132,.55); border-radius:2px; padding:12px 13px; font-size:17px}
.rf #formcard .rf-papier input::placeholder{color:#8e9ab2}
.rf #formcard .rf-papier input:focus{border-color:var(--gold); box-shadow:0 0 0 3px rgba(176,141,62,.18); background:rgba(255,255,255,.08)}
.rf .rf-papier .dsel-part{background-color:rgba(255,255,255,.08); color:var(--rf-encre); border-color:rgba(211,188,132,.55);
  background-image:linear-gradient(45deg,transparent 50%,rgba(211,188,132,.85) 50%), linear-gradient(135deg,rgba(211,188,132,.85) 50%,transparent 50%)}
.rf .rf-papier .dsel-part option{background:#16213a; color:var(--rf-encre)}
.rf .rf-papier .dsel-part:focus{border-color:var(--gold); box-shadow:0 0 0 3px rgba(176,141,62,.18)}
.rf #formcard .rf-papier .check{color:var(--rf-encre-douce); font-size:15px}
.rf #formcard .rf-papier .pourquoi summary{color:var(--rf-or-papier)}
.rf #formcard .rf-papier .pourquoi p{color:var(--rf-encre)}
.rf #formcard .rf-papier .sexopt{background:rgba(255,255,255,.08); border-color:rgba(211,188,132,.55); color:var(--rf-encre-douce); font-size:16.5px}
.rf #formcard .rf-papier .sexopt:has(input:checked){background:var(--gold-bouton); border-color:var(--gold-bouton); color:#fff}
.rf #formcard .rf-papier .suggest{background:#16213a; border-color:rgba(211,188,132,.5)}
.rf #formcard .rf-papier .suggest div{color:var(--rf-encre); border-top-color:rgba(211,188,132,.18)}
.rf #formcard .rf-papier .suggest div:hover, .rf #formcard .rf-papier .suggest .kbsel{background:rgba(211,188,132,.15)}
.rf #formcard .rf-papier .btnrow{margin-top:16px}
.rf #formcard .rf-papier button.main{background:var(--gold-bouton); border-color:var(--gold-bouton); color:#fff; width:100%; padding:17px 20px; font-size:17px}
.rf #formcard .rf-papier button.main:hover{background:var(--gold); border-color:var(--gold); color:#fff}
.rf #formcard .rf-papier p.rf-rassure{margin:12px 0 0; text-align:center; font-size:12.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--rf-or-papier)}
/* les deux choix héritaient du style des étiquettes (capitales espacées) */
.rf #formcard .rf-papier label.sexopt{letter-spacing:0; text-transform:none; font-weight:400; margin-bottom:0}
.rf #formcard .rf-papier .err{color:#e79a8c}
.rf #formcard .rf-papier .preuve{color:var(--rf-or-papier)}

/* l'exemple : un vrai résultat, calculé par le moteur, sur un panneau de nuit */
.rf #card-exemple{background:var(--rf-nuit-panneau); border:1px solid rgba(211,188,132,.32); border-radius:2px;
  padding:28px 28px 24px; margin:0; text-align:center}
.rf #card-exemple h2{margin-bottom:8px}
.rf #card-exemple .ex-nom{font-size:44px; margin-bottom:2px}
.rf #card-exemple .ex-qui{margin-bottom:10px}
.rf #card-exemple .hebdate-fr{font-size:40px}
.rf #card-exemple .hebdate-he{font-size:22px; margin-top:4px}
.rf #ex-roue{max-width:340px; margin:16px auto 6px}
.rf-fiche-plis{margin:6px auto 0; max-width:440px; text-align:left}
.rf-fiche-plis summary{cursor:pointer; text-align:center; color:var(--gold-soft); font-size:15.5px; padding:6px}
.rf-fiche-plis table.fiche{margin-top:8px}
.rf #card-exemple .ex-note{margin-top:14px}

/* ---------- la vitrine : preuves, offres, signes (s'efface au résultat) ---------- */
body:has(#results[style*="block"]) .rf-vitrine{display:none}
.rf-vitrine{max-width:1160px; margin:0 auto; padding:10px 24px 10px; box-sizing:border-box; display:flex; flex-direction:column; gap:64px}
.rf-kicker{margin:0; text-align:center; font-size:11.5px; letter-spacing:.26em; text-indent:.26em; text-transform:uppercase; font-weight:600; color:var(--gold-texte)}
.rf-titre{margin:8px auto 0; max-width:24ch; text-align:center; font-family:'Cormorant Garamond',Georgia,serif; font-weight:400;
  font-size:42px; line-height:1.08; color:#f2e9d4; text-wrap:balance}

.rf-preuves{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px}
.rf-preuves > div{border-top:1px solid rgba(176,141,62,.55); padding-top:16px}
.rf-chiffre{margin:0 0 8px; font-family:'Cormorant Garamond',Georgia,serif; font-size:40px; line-height:1.02; color:var(--gold-soft)}
.rf-preuves p:not(.rf-chiffre){margin:0; font-size:16px; line-height:1.55; color:#cfd6e4}

.rf-offres{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:26px; align-items:stretch}
.rf-offre{padding:30px 28px; display:flex; flex-direction:column; gap:12px; border-radius:2px}
.rf-offre .rf-etiquette{margin:0; font-size:11.5px; letter-spacing:.24em; text-transform:uppercase; font-weight:600; color:var(--rf-or-papier)}
.rf-offre .rf-nom{margin:0; font-family:'Cormorant Garamond',Georgia,serif; font-size:30px; line-height:1.1; color:#f2e9d4}
.rf-offre ul{margin:0; padding-left:18px; display:flex; flex-direction:column; gap:7px; font-size:15.5px; line-height:1.45; color:var(--rf-encre)}
.rf-offre .rf-pied{margin:auto 0 0; font-size:14.5px; font-style:italic; color:var(--rf-encre-douce)}
.rf-offre a.rf-lien{margin-top:auto; color:var(--rf-or-papier); font-size:16px}
.rf-offre.rf-nuit{background:var(--rf-nuit); border:1px solid rgba(211,188,132,.38); color:#f2e9d4}
.rf-offre.rf-nuit .rf-etiquette{color:var(--gold-soft)}
.rf-offre.rf-nuit .rf-nom{color:#f2e9d4}
.rf-offre.rf-nuit ul{color:#e8dfc8}
/* la carte payante liste ses vrais chapitres : elle doit se voir plus riche que la gratuite */
.rf-offres{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr)}
.rf-offre .rf-sous{margin:-4px 0 4px; font-size:14.5px; font-style:italic; color:#cfc6b0}
.rf-offre ul.rf-chapitres{columns:2; column-gap:26px; display:block; padding-left:18px}
.rf-offre ul.rf-chapitres li{break-inside:avoid; margin:0 0 7px}
.rf-offre ul.rf-chapitres li.rf-plus{column-span:all; list-style:none; margin:8px 0 0 -18px; padding-top:10px;
  border-top:1px solid rgba(211,188,132,.3); color:var(--gold-soft); font-style:italic}
.rf-offre.rf-nuit button{margin-top:auto; font:inherit; font-size:15.5px; letter-spacing:2px; text-transform:uppercase; background:var(--gold-bouton);
  color:#fff; border:0; padding:14px 18px; border-radius:var(--r-bouton); cursor:pointer; box-shadow:0 3px 10px rgba(176,141,62,.3)}
.rf-offre.rf-nuit button:hover{background:#c9a34d}

.rf-grille-signes{display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; margin-top:26px}
.rf-grille-signes a{display:flex; flex-direction:column; gap:3px; padding:16px 10px; text-align:center; text-decoration:none;
  border:1px solid rgba(211,188,132,.28); border-radius:2px; background:rgba(255,255,255,.03); transition:border-color .2s, background .2s}
.rf-grille-signes a:hover, .rf-grille-signes a:focus-visible{border-color:var(--gold-soft); background:rgba(211,188,132,.08)}
.rf-grille-signes .rf-s{font-family:'Cormorant Garamond',Georgia,serif; font-size:23px; color:#f2e9d4}
.rf-grille-signes .rf-m{font-size:12.5px; color:#b9c2d4}
.rf-liens{margin:18px 0 0; text-align:center; font-size:15.5px; line-height:1.9}
.rf-liens a{color:var(--gold-soft)}

/* ---------- tablette et téléphone : une colonne, centrée ---------- */
@media (max-width:900px){
  .rf-hero{grid-template-columns:minmax(0,1fr); gap:30px; max-width:640px; margin:0 auto}
  .rf #formcard > h2, .rf #formcard h1.pagetitre, .rf #formcard .promesse{text-align:center; margin-left:auto; margin-right:auto}
  .rf-preuves, .rf-offres{grid-template-columns:minmax(0,1fr)}
  .rf-offre ul.rf-chapitres{columns:1}
  .rf-grille-signes{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:600px){
  .rf header{padding-top:16px}
  .rf-hero-zone{padding:8px 16px 22px}
  .rf #formcard > h2{font-family:'Cormorant Garamond',Georgia,serif; font-weight:700; font-size:16px; letter-spacing:.1em;
    color:#e3c98c; text-shadow:0 0 14px rgba(227,201,140,.38); white-space:nowrap}
  .rf #formcard h1.pagetitre{font-size:36px; line-height:1.07}
  .rf #formcard .promesse{font-size:15.5px; margin-bottom:18px}
  .rf #formcard form.rf-papier{padding:18px 16px 16px}
  .rf #formcard .rf-papier .grid{grid-template-columns:minmax(0,1fr); gap:14px}
  .rf #formcard .rf-papier .rf-prenom{grid-template-columns:minmax(0,1fr); row-gap:8px}
  .rf #card-exemple{padding:22px 16px 18px}
  .rf #card-exemple .ex-nom{font-size:36px}
  .rf #card-exemple .hebdate-fr{font-size:34px}
  .rf-vitrine{padding:6px 16px 6px; gap:48px}
  .rf-titre{font-size:32px}
  .rf-chiffre{font-size:34px}
  .rf-offre{padding:24px 20px}
  .rf-grille-signes{grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px}
  .rf-grille-signes a{padding:12px 4px}
  .rf-grille-signes .rf-s{font-size:19px}
  .rf-grille-signes .rf-m{font-size:11.5px}
}
@media (max-width:360px){ .rf #formcard > h2{font-size:14px; letter-spacing:.08em} }
@media print{ .rf-vitrine{display:none} }

/* =================================================================
   PAGE À DEUX (02/10/2026) : même principe que l'accueil.
   ================================================================= */
.rf #duoform{max-width:880px; margin:0 auto; padding:8px 0 0; border:0; background:none !important; box-shadow:none}
.rf #duoform > h2{text-align:center; margin:0 0 10px}
.rf #duoform h1.pagetitre{font-size:46px; line-height:1.05; margin:0 auto 14px; max-width:20ch}
.rf #duoform .promesse{margin:0 auto 20px; max-width:56ch; text-align:center; font-size:16.5px}
.rf #duoform .promesse i{color:var(--gold-texte)}
.rf #duoform .rf-type{max-width:620px; margin:0 auto 18px}
.rf #dform.rf-papier{padding:22px 24px 18px; margin-top:0}
.rf #dform .duocols{margin-top:0; gap:0}
.rf #dform .persona{background:transparent !important; border:0 !important; border-radius:0; padding:4px 22px 6px; color:var(--rf-encre) !important}
.rf #dform .persona + .persona{border-left:1px solid rgba(176,141,62,.35) !important}
.rf #dform .persona h4{color:var(--rf-or-papier) !important; font-size:13px; letter-spacing:.24em; margin-bottom:14px}
.rf #dform label{color:var(--rf-or-papier); font-size:11.5px; letter-spacing:.2em; font-weight:600; margin-bottom:7px}
.rf #dform label.sexopt{letter-spacing:0; text-transform:none; font-weight:400; margin-bottom:0; font-size:15px; white-space:nowrap}
.rf #dform .field{margin-top:12px}
.rf #dform .sexrow{margin-top:10px; gap:8px}
.rf #dform .sexopt{background:rgba(255,255,255,.08); border-color:rgba(211,188,132,.55); color:var(--rf-encre-douce); padding:10px 6px}
.rf #dform .sexopt:has(input:checked){background:var(--gold-bouton); border-color:var(--gold-bouton); color:#fff}
.rf .rf-papier input[type=text], .rf .rf-papier input[type=date], .rf .rf-papier input[type=time]{
  background:rgba(255,255,255,.08); color:var(--rf-encre); border:1px solid rgba(211,188,132,.55); border-radius:2px; padding:12px 13px; font-size:17px}
.rf .rf-papier input::placeholder{color:#8e9ab2}
.rf .rf-papier input:focus{border-color:var(--gold); box-shadow:0 0 0 3px rgba(176,141,62,.18); background:rgba(255,255,255,.08)}
.rf #dform .check{color:var(--rf-encre-douce); font-size:14px; margin-top:7px}
.rf #dform .suggest{background:#16213a; border-color:rgba(211,188,132,.5)}
.rf #dform .suggest div{color:var(--rf-encre); border-top-color:rgba(211,188,132,.18)}
.rf #dform .suggest div:hover, .rf #dform .suggest .kbsel{background:rgba(211,188,132,.15)}
.rf #dform .btnrow{margin-top:20px}
.rf #dform button.main{background:var(--gold-bouton); border-color:var(--gold-bouton); color:#fff; width:100%; padding:17px 20px; font-size:17px}
.rf #dform button.main:hover{background:var(--gold); border-color:var(--gold); color:#fff}
.rf #dform p.rf-rassure{margin:12px 0 0; text-align:center; font-size:12.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--rf-or-papier)}
.rf #dform .err{color:#e79a8c}
@media (max-width:700px){
  .rf #dform .persona{padding:4px 0 10px}
  .rf #dform .persona + .persona{border-left:0 !important; border-top:1px solid rgba(176,141,62,.35) !important; padding-top:18px; margin-top:8px}
}
@media (max-width:600px){
  .rf #duoform > h2{font-family:'Cormorant Garamond',Georgia,serif; font-weight:700; font-size:16px; letter-spacing:.1em;
    color:#e3c98c; text-shadow:0 0 14px rgba(227,201,140,.38); white-space:nowrap}
  .rf #duoform h1.pagetitre{font-size:34px}
  .rf #duoform .promesse{font-size:15.5px}
  /* les trois liens l'un sous l'autre, en grands boutons, comme sur le site
     actuel : Michael les trouve mieux mis en valeur (02/10/2026) */
  .rf #duoform .rf-type{flex-direction:column; gap:10px; max-width:none}
  .rf #duoform .rf-type .sexopt{padding:15px 16px; font-size:18px; justify-content:center}
  .rf #dform button.main{font-size:15.5px; letter-spacing:1.5px; padding:16px 12px}
  .rf #dform.rf-papier{padding:16px 16px 14px}
}
@media (max-width:360px){ .rf #duoform > h2{font-size:14px; letter-spacing:.08em} }

/* =================================================================
   ANGLAIS (02/10/2026) : le sur-titre anglais est plus long que le
   français ; il passe sur deux lignes au lieu de déborder.
   ================================================================= */
.rf:lang(en) #formcard > h2, .rf:lang(en) #duoform > h2{letter-spacing:.12em}
@media (max-width:600px){
  .rf:lang(en) #formcard > h2, .rf:lang(en) #duoform > h2{white-space:normal; font-size:15px; letter-spacing:.08em; line-height:1.3}
}

/* =================================================================
   PAGES DE CONTENU (02/10/2026) : même en-tête, même pied, et en bas
   des pages venues de Google le bloc des trois offres (rf-vitrine-courte).
   ================================================================= */
.rf-vitrine-courte{padding:34px 24px 46px}
.rf-offre a.rf-bouton{margin-top:auto; display:block; text-align:center; text-decoration:none; font-size:15.5px; letter-spacing:2px;
  text-transform:uppercase; background:var(--gold-bouton); color:#fff; padding:14px 18px; border-radius:var(--r-bouton); box-shadow:0 3px 10px rgba(176,141,62,.3)}
.rf-offre a.rf-bouton:hover{background:#c9a34d}

/* le petit formulaire du calculateur d'anniversaire, sur papier */
.rf .miniform.rf-papier{padding:22px 22px 18px; margin-top:8px}
.rf .miniform.rf-papier .minigrid label{color:var(--rf-or-papier); font-size:11.5px; letter-spacing:.2em; font-weight:600}
.rf .miniform.rf-papier .minigrid input{background:rgba(255,255,255,.08); color:var(--rf-encre); border-color:rgba(211,188,132,.55); padding:12px 13px; font-size:17px}
.rf .miniform.rf-papier .minisex, .rf .miniform.rf-papier .minisex label{color:var(--rf-encre)}
.rf .miniform.rf-papier .dsel-part{background-color:rgba(255,255,255,.08); color:var(--rf-encre); border-color:rgba(211,188,132,.55);
  background-image:linear-gradient(45deg,transparent 50%,rgba(211,188,132,.85) 50%), linear-gradient(135deg,rgba(211,188,132,.85) 50%,transparent 50%)}
.rf .miniform.rf-papier .dsel-part option{background:#16213a; color:var(--rf-encre)}
.rf .miniform.rf-papier button.main{background:var(--gold-bouton); border-color:var(--gold-bouton); color:#fff; width:100%}
.rf .miniform.rf-papier button.main:hover{background:var(--gold); border-color:var(--gold); color:#fff}

/* Mon année : son formulaire reprend celui de l'accueil, centré */
.rf #aform.rf-papier{padding:22px 22px 18px}
@media (max-width:600px){ .rf-vitrine-courte{padding:24px 16px 34px} }
/* le titre du calculateur est long (écrit pour Google) : plus petit, même texte */
.rf #calc h1.pagetitre{font-size:38px}
@media (max-width:600px){ .rf #calc h1.pagetitre{font-size:27px; line-height:1.12} }
.rf .miniform.rf-papier .minisex label{text-transform:none; letter-spacing:0; font-size:16px; font-weight:400}

/* =================================================================
   ACCUEIL, 2e version (02/10/2026) : Michael trouvait les titres alignés
   à gauche « dégueu ». Le sur-titre, le titre et la promesse sont centrés
   sur toute la largeur, au-dessus du formulaire et de l'exemple.
   ================================================================= */
.rf-tete{max-width:900px; margin:0 auto 26px; text-align:center}
.rf-tete h2{margin:0 0 10px; font-family:'Cormorant Garamond',Georgia,serif; font-weight:700; font-size:19px; letter-spacing:.2em;
  text-indent:.2em; text-transform:uppercase; color:#e3c98c; text-shadow:0 0 14px rgba(227,201,140,.38)}
.rf-tete h1.pagetitre{margin:0 auto 12px; max-width:30ch; font-family:'Cormorant Garamond',Georgia,serif; font-weight:400;
  font-size:48px; line-height:1.04; letter-spacing:-.015em; color:#f2e9d4; text-align:center; text-wrap:balance}
.rf-tete .promesse{margin:0 auto; max-width:62ch; font-size:17px; line-height:1.55; color:#c9bd9d; text-align:center}
.rf-tete .promesse i{color:var(--gold-texte)}
.rf:lang(en) .rf-tete h2{letter-spacing:.14em; text-indent:.14em}
@media (max-width:600px){
  .rf-tete{margin-bottom:18px}
  .rf-tete h2{font-size:16px; letter-spacing:.1em; text-indent:0; white-space:nowrap}
  .rf:lang(en) .rf-tete h2{white-space:normal; font-size:15px; letter-spacing:.08em; line-height:1.3}
  .rf-tete h1.pagetitre{font-size:36px; line-height:1.07}
  .rf-tete .promesse{font-size:15.5px}
}
@media (max-width:360px){ .rf-tete h2{font-size:14px; letter-spacing:.08em} }

/* Sur le ciel (02/10/2026) : la carte du rapport, pleine, se détache des deux
   autres, translucides ; un fin halo doré la signale. */
.rf-offre.rf-nuit{box-shadow:0 0 0 1px rgba(211,188,132,.25), 0 22px 60px -30px rgba(0,0,0,.6)}
.rf-papier{backdrop-filter:blur(2px)}

/* Deux cartes payantes sur fond nuit (02/10/2026) : la carte « à deux » prend le
   même fond et le même bouton or que « Votre portrait entier ». */
@media (min-width:901px){ .rf-offres{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1.1fr)} }