/* Source: prix servi cd5b86d9 ; portée limitée au système commun. */ @font-face { font-family: UncookNavPJS; font-weight: 700; src: url('/_home-v4/assets/plus-jakarta-sans-700.ttf') format('truetype'); } @font-face { font-family: UncookNavDM; font-weight: 400; src: url('/_home-v4/assets/dm-sans-400.ttf') format('truetype'); } @font-face { font-family: UncookNavDM; font-weight: 500; src: url('/_home-v4/assets/dm-sans-500.ttf') format('truetype'); } @font-face { font-family: UncookNavDM; font-weight: 700; src: url('/_home-v4/assets/dm-sans-700.ttf') format('truetype'); } /* DA V4 (SOCLE 12/11, LEAD 08:2x) : les jetons de l'en-tête LISENT le système (/assets/systeme-v4/uncook-v4.css, lié avant cette feuille par tools/navigation-v4/systeme.py) ; aucune valeur recopiée. Mêmes valeurs en clair qu'avant. NOTE D'INCIDENT 12/11 (QUALITÉ 10:58 CET, NON D1) : 212 pages chargent cette feuille SANS le système (/about/ en production, les Legal natifs, switch-v4/compare-v4, toutes les pages ja/it/pt/pt-pt/es-419). Chaque var(--uck-…) porte donc en repli la valeur EXACTE de main 5310f8d8 pour le même usage : sans système, l'en-tête et le menu restent ceux de main à l'identique. */ header.site-header[data-v4-shell="header"]{--blue: var(--uck-blue, #4458AC); --citron: var(--uck-lime, #E4EE99); --ink: var(--uck-ink, #263153); --muted: var(--uck-ink-muted, #5C6480); --soft: var(--uck-tint, #EEF0FC); --white: var(--uck-paper, #FCFCFF);} header.site-header[data-v4-shell="header"] .container{width: min(1328px, 100% - 112px); margin-inline: auto;} header.site-header[data-v4-shell="header"]{height: 96px; position: relative; z-index: 30;} header.site-header[data-v4-shell="header"] .header-inner{height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 40px; position: relative;} header.site-header[data-v4-shell="header"] .brand img{width: 132px; height: auto; display: block;} header.site-header[data-v4-shell="header"] .desktop-nav{display: flex; align-items: center; gap: 30px; margin-left: 36px; margin-right: auto;} header.site-header[data-v4-shell="header"] .nav-link{font-size: 14px; font-weight: var(--uck-fw-body, 500); padding: 12px 0px; white-space: nowrap;} header.site-header[data-v4-shell="header"] .nav-link:hover{color: var(--blue);} header.site-header[data-v4-shell="header"] .tools-trigger{background: none; border: 0px; display: flex; align-items: center; gap: 7px;} header.site-header[data-v4-shell="header"] .tools-trigger[aria-expanded=true]{color: var(--blue);} header.site-header[data-v4-shell="header"] .chevron{width: 14px; height: 14px;} header.site-header[data-v4-shell="header"] .header-right{display: flex; align-items: center; gap: 24px;} header.site-header[data-v4-shell="header"] .language{position: relative;} header.site-header[data-v4-shell="header"] .language-trigger{border: 0px; background: transparent; display: flex; align-items: center; gap: 8px; padding: 10px 0px; font-size: 13px;} header.site-header[data-v4-shell="header"] .language-trigger>svg:first-child{width: 18px; height: 18px;} header.site-header[data-v4-shell="header"] .language-menu{position: absolute; top: 44px; right: 0px; background: white; border-radius: 14px; padding: 8px; width: 170px; box-shadow: 0 15px 55px #26315321; z-index: 40;} header.site-header[data-v4-shell="header"] .language-menu button{display: flex; align-items: center; justify-content: space-between; width: 100%; text-align: left; background: transparent; border: 0px; border-radius: 8px; padding: 10px 12px; font-size: 13px;} header.site-header[data-v4-shell="header"] .language-menu button:hover{background: var(--citron); color: var(--blue);} header.site-header[data-v4-shell="header"] a[href="/sign-in-v4/"]{font-size: 14px; white-space: nowrap;} header.site-header[data-v4-shell="header"] a[href="/sign-in-v4/"]:hover{color: var(--blue);} header.site-header[data-v4-shell="header"] .button{min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 12px 20px; border: 1px solid transparent; border-radius: 12px; font-size: 15px; font-weight: var(--uck-fw-strong, 500); line-height: 22px; white-space: nowrap;} header.site-header[data-v4-shell="header"] .button svg{width: 20px; height: 20px; flex: 0 0 auto;} header.site-header[data-v4-shell="header"] .primary{background: var(--blue); color: white; box-shadow: 0 5px 14px #4458AC10;} header.site-header[data-v4-shell="header"] .primary:hover{background: rgb(51, 69, 141);} header.site-header[data-v4-shell="header"] .mobile-trigger{display: none;} header.site-header[data-v4-shell="header"] .mega-menu{position: absolute; top: 81px; left: 165px; width: min(1020px, 100% - 165px); padding: 28px 30px 30px; background: var(--uck-surface, rgb(255, 255, 255)); background-image: var(--uck-bg, none); border-radius: 20px; box-shadow: var(--uck-shadow-float, 0 24px 70px #26315329); z-index: 40;} header.site-header[data-v4-shell="header"] .mega-menu:before{content: ""; position: absolute; top: -18px; left: 0px; width: 100%; height: 20px;} header.site-header[data-v4-shell="header"] .menu-columns{display: grid; grid-template-columns: 1fr 1fr; gap: 34px;} header.site-header[data-v4-shell="header"] .menu-group h2{font: var(--uck-fw-strong, 500) 12px / 1.4 var(--uck-font-body, UncookNavDM, sans-serif); text-transform: uppercase; letter-spacing: var(--uck-ls-label, 0.1em); color: var(--muted); margin: 0px 0px 17px; padding-left: 10px;} header.site-header[data-v4-shell="header"] .tool-links{display: grid; gap: 6px;} header.site-header[data-v4-shell="header"] .tool-link{display: flex; align-items: center; gap: 14px; padding: 12px 10px; border-radius: var(--uck-radius-card, 11px); transition: background .15s,color .15s;} header.site-header[data-v4-shell="header"] .tool-link:hover,header.site-header[data-v4-shell="header"] .tool-link:focus-visible,header.site-header[data-v4-shell="header"] .tool-link.review-hover{background: var(--citron); color: var(--blue);} /* La pastille d'outil vient du système : .uck-pastille[data-outil] (header.html) porte fond et encre de chaque outil. */ header.site-header[data-v4-shell="header"] .menu-icon{display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; flex: 0 0 auto; border-radius: var(--uck-radius-icon, 10px); background: var(--soft); color: var(--blue);} header.site-header[data-v4-shell="header"] .tool-link:hover .menu-icon,header.site-header[data-v4-shell="header"] .tool-link.review-hover .menu-icon{background: transparent;} /* Pages posées (système lié) : la pastille garde la teinte de SON outil, au repos comme au survol. Une page sans système n'a pas la classe uck-pastille : les deux règles de main ci-dessus valent pour elle, à l'identique. NOTE D'INCIDENT 12/11/2026 (SOCLE ; réserve R2 de QUALITÉ, teinte de survol donnée par PRODUIT dda17376). Le lien d'outil survolé passait d'un fond #EEF0FC à un fond blanc : il ne se distinguait plus que par la bordure et l'ombre. PRODUIT donne à chaque outil une teinte de survol (--uck-tool--hover, lue par --uck-p-hover) : même encre, fond un cran plus dense, jamais blanc. La règle du système (:where(a,…):hover .uck-pastille) ne pèse rien devant celle d'ici, qui remettait la teinte de repos au survol (mesuré : #CAD0FE au repos comme au survol pour Handoff). Le survol et le focus clavier lisent donc ici la teinte de survol de l'outil. */ header.site-header[data-v4-shell="header"] .menu-icon.uck-pastille{background: var(--uck-p-bg, var(--soft)); color: var(--uck-p-ink, var(--blue));} header.site-header[data-v4-shell="header"] .tool-link:is(:hover, :focus-visible) .menu-icon.uck-pastille,header.site-header[data-v4-shell="header"] .tool-link.review-hover .menu-icon.uck-pastille{background: var(--uck-p-hover, var(--uck-p-bg, var(--soft))); color: var(--uck-p-ink, var(--blue));} header.site-header[data-v4-shell="header"] .menu-icon svg{width: 25px; height: 25px;} header.site-header[data-v4-shell="header"] .tool-copy{display: block; min-width: 0px;} header.site-header[data-v4-shell="header"] .tool-copy strong{font: var(--uck-fw-head, 700) 15px / 1.4 var(--uck-font-head, UncookNavPJS, sans-serif); display: block; margin-bottom: 3px;} header.site-header[data-v4-shell="header"] .tool-copy small{font-size: 12px; line-height: 1.45; color: var(--muted); display: block;} header.site-header[data-v4-shell="header"] .tool-arrow{margin-left: auto; font-size: 18px; color: var(--blue); opacity: 0;} header.site-header[data-v4-shell="header"] .tool-link:hover .tool-arrow,header.site-header[data-v4-shell="header"] .tool-link.review-hover .tool-arrow{opacity: 1;} header.site-header[data-v4-shell="header"] .mobile-menu-top,header.site-header[data-v4-shell="header"] .mobile-utility,header.site-header[data-v4-shell="header"] .mobile-language{display: none;} @media (max-width:1150px) and (min-width:901px){header.site-header[data-v4-shell="header"] .container{width: calc(100% - 64px);} header.site-header[data-v4-shell="header"] .desktop-nav{gap: 20px; margin-left: 0px;} header.site-header[data-v4-shell="header"] .header-inner{gap: 25px;} header.site-header[data-v4-shell="header"] .header-right{gap: 16px;} header.site-header[data-v4-shell="header"] .language-trigger span{display: none;} header.site-header[data-v4-shell="header"] .mega-menu{left: 110px; width: calc(100% - 110px);} header.site-header[data-v4-shell="header"] .tool-copy small{font-size: 11px;} header.site-header[data-v4-shell="header"] .mega-menu{padding: 23px;}} @media (max-width:900px){header.site-header[data-v4-shell="header"] .container{width: calc(100% - 40px);} header.site-header[data-v4-shell="header"]{height: 84px;} header.site-header[data-v4-shell="header"] .header-inner{gap: 12px;} header.site-header[data-v4-shell="header"] .brand img{width: 96px;} header.site-header[data-v4-shell="header"] .desktop-nav,header.site-header[data-v4-shell="header"] .desktop-language,header.site-header[data-v4-shell="header"] .header-right>a[href="/sign-in-v4/"]{display: none;} header.site-header[data-v4-shell="header"] .header-right{gap: 12px;} header.site-header[data-v4-shell="header"] .header-right .button{padding: 12px 20px; font-size: 15px; gap: 10px;} header.site-header[data-v4-shell="header"] .header-right .button svg{width: 20px; height: 20px;} header.site-header[data-v4-shell="header"] .mobile-trigger{display: flex; align-items: center; justify-content: center; width: 36px; height: 44px; background: none; border: 0px; padding: 6px;} header.site-header[data-v4-shell="header"] .mobile-trigger svg{width: 24px; height: 24px;} header.site-header[data-v4-shell="header"] .mega-menu{top: 76px; left: 0px; width: 100%; max-height: calc(100dvh - 94px); overflow: auto; padding: 17px 13px 18px; border-radius: 15px; box-shadow: var(--uck-shadow-float, 0 20px 55px #26315332);} header.site-header[data-v4-shell="header"] .mega-menu:before{display: none;} header.site-header[data-v4-shell="header"] .mobile-menu-top{display: flex; align-items: center; justify-content: space-between; font-size: 11px; color: var(--muted); padding-left: 7px; margin-bottom: 7px;} header.site-header[data-v4-shell="header"] .mobile-utility{display: flex; justify-content: space-between; gap: 12px; font-size: 11px; padding: 9px 7px 20px; color: var(--blue);} header.site-header[data-v4-shell="header"] .menu-columns{display: block;} header.site-header[data-v4-shell="header"] .menu-group+.menu-group{margin-top: 17px;} header.site-header[data-v4-shell="header"] .menu-group h2{font-size: 9px; letter-spacing: 0.1em; margin-bottom: 9px; padding-left: 8px;} header.site-header[data-v4-shell="header"] .tool-links{gap: 3px;} header.site-header[data-v4-shell="header"] .tool-link{padding: 8px; gap: 10px; min-height: 55px; border-radius: var(--uck-radius-row, 9px);} header.site-header[data-v4-shell="header"] .menu-icon{width: 31px; height: 31px; border-radius: var(--uck-radius-ai, 8px);} header.site-header[data-v4-shell="header"] .menu-icon svg{width: 21px; height: 21px;} header.site-header[data-v4-shell="header"] .tool-copy strong{font-size: 12px; margin-bottom: 2px;} header.site-header[data-v4-shell="header"] .tool-copy small{font-size: 10px; line-height: 1.4;} header.site-header[data-v4-shell="header"] .tool-arrow{font-size: 15px;} header.site-header[data-v4-shell="header"] .mobile-language{display: flex; align-items: center; justify-content: space-between; margin: 18px 8px 0px; color: var(--muted); font-size: 10px;} header.site-header[data-v4-shell="header"] .mobile-language label{display: flex; align-items: center; gap: 6px;} header.site-header[data-v4-shell="header"] .mobile-language svg{width: 15px; height: 15px;} header.site-header[data-v4-shell="header"] .mobile-language select{border: 0px; background: var(--soft); padding: 6px 10px; border-radius: 6px; font-size: 10px;}} header.site-header[data-v4-shell="header"] [hidden]{display: none !important;} header.site-header[data-v4-shell="header"] a{color: inherit; text-decoration: none;} header.site-header[data-v4-shell="header"] .button span{font-size: inherit;} header.site-header[data-v4-shell="header"] .close-menu{background: none; border: 0px; font-size: 24px; line-height: 1; width: 32px; height: 32px;} @font-face { font-family: UncookNavFooter; font-weight: 400; src: url('/_home-v4/assets/dm-sans-400.ttf') format('truetype'); } @font-face { font-family: UncookNavFooter; font-weight: 600; src: url('/_home-v4/assets/dm-sans-600.ttf') format('truetype'); } footer.footer-b2[data-v4-shell="footer"]{--b-blue: #4458AC; --b-lime: #E4EE99; --b-lavender: #EEF0FC; --b-paper: #FCFCFF; --b-ink: #263153; --b-muted: #5C6480; background: var(--b-lavender); color: var(--b-ink); font: 400 15px / 1.5 UncookNavFooter, Arial, sans-serif; padding: 64px 0px 24px;} footer.footer-b2[data-v4-shell="footer"] *{box-sizing: border-box;} footer.footer-b2[data-v4-shell="footer"] a{color: var(--b-blue); text-decoration: none;} footer.footer-b2[data-v4-shell="footer"] a:hover{text-decoration: underline; text-underline-offset: 4px;} footer.footer-b2[data-v4-shell="footer"] :focus-visible{outline: 3px solid var(--b-blue); outline-offset: 5px;} .footer-b2__inner{width: calc(100% - 112px); max-width: 1328px; margin: auto;} .footer-b2__grid{display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 48px;} footer.footer-b2[data-v4-shell="footer"] h2{font: 600 14px / 1.4 UncookNavFooter, Arial, sans-serif; color: var(--b-ink); margin: 0px 0px 20px;} footer.footer-b2[data-v4-shell="footer"] h2 a{color: var(--b-ink);} footer.footer-b2[data-v4-shell="footer"] ul{list-style: none; padding: 0px; margin: 0px;} footer.footer-b2[data-v4-shell="footer"] li{margin: 0px;} footer.footer-b2[data-v4-shell="footer"] li a{display: inline-flex; align-items: center; min-height: 34px;} footer.footer-b2[data-v4-shell="footer"] .footer-b2__extension{display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 12px 16px; background: var(--b-blue); color: var(--b-paper); border-radius: 8px; font-weight: 600; white-space: nowrap;} .footer-b2__extension img{width: 19px; height: 19px;} .footer-b2__socials{display: flex; gap: 24px; margin: 24px 0px 30px;} .footer-b2__meta{display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-top: 48px; color: var(--b-muted); font-size: 12px;} .footer-b2__meta p{margin: 0px;} .footer-b2__wordmark{display: block; margin-top: 40px;} .footer-b2__wordmark img{display: block; width: 100%; height: auto;} .footer-b2__wordmark:focus-visible{outline-offset: 12px;} @media (max-width:760px){footer.footer-b2[data-v4-shell="footer"]{padding: 40px 0px 20px;} .footer-b2__inner{width: calc(100% - 48px);} .footer-b2__grid{grid-template-columns: repeat(2,minmax(0,1fr)); gap: 36px 24px;} footer.footer-b2[data-v4-shell="footer"] h2{margin-bottom: 12px;} footer.footer-b2[data-v4-shell="footer"] li a{min-height: 44px;} .footer-b2__extension{font-size: 13px; padding: 10px 12px; gap: 8px; white-space: normal; text-align: center; width: 100%;} .footer-b2__extension img{width: 18px; height: 18px; flex: 0 0 18px;} .footer-b2__socials{gap: 20px; flex-wrap: wrap; margin: 20px 0px 24px;} .footer-b2__socials a{display: inline-flex; align-items: center; min-height: 32px;} .footer-b2__language select{font-size: 13px; max-width: none;} .footer-b2__meta{margin-top: 36px; display: block; line-height: 1.6;} .footer-b2__meta p+p{margin-top: 8px;} .footer-b2__wordmark{margin-top: 24px;}} footer.footer-b2[data-v4-shell="footer"]{padding-bottom: 0px; overflow: hidden;} .footer-b2__grid{grid-template-columns: .72fr 1.2fr .9fr .9fr 1.1fr; gap: 32px;} .footer-b2__meta a{font-size: 12px;} .footer-b2__wordmark{aspect-ratio: 130/26.5; overflow: hidden;} .footer-b2__wordmark img{height: auto;} .footer-b2__picker{position: relative; max-width: 238px; color: var(--b-blue);} .footer-b2__picker summary{display: flex; align-items: center; gap: 10px; min-height: 46px; border: 1px solid rgba(68, 88, 172, 0.333); border-radius: 8px; padding: 10px 12px; cursor: pointer; list-style: none; background: var(--b-paper);} .footer-b2__picker summary::-webkit-details-marker{display: none;} .footer-b2__picker svg{width: 19px; height: 19px; fill: none; stroke: currentcolor; stroke-width: 1.6; flex-shrink: 0;} .footer-b2__picker .footer-b2__chevron{margin-left: auto; width: 16px;} .footer-b2__picker[open] .footer-b2__chevron{transform: rotate(180deg);} .footer-b2__picker>ul{position: absolute; z-index: 3; bottom: calc(100% + 8px); right: 0px; width: max-content; min-width: 100%; max-width: calc(100vw - 48px); background: var(--b-paper); border: 1px solid rgba(68, 88, 172, 0.2); border-radius: 10px; padding: 8px; box-shadow: 0 12px 32px #26315318;} .footer-b2__picker li a{display: flex; min-height: 38px; padding: 6px 10px; border-radius: 5px;} .footer-b2__picker li a:hover,.footer-b2__picker li a:focus-visible{background: var(--b-lavender);} .footer-b2__picker [aria-current]{background: var(--b-lime);} @media (max-width:1100px) and (min-width:761px){.footer-b2__grid{grid-template-columns: repeat(3,minmax(0,1fr)); gap: 36px;}} @media (max-width:760px){footer.footer-b2[data-v4-shell="footer"]{padding-bottom: 0px;} .footer-b2__grid{grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px 24px;} .footer-b2__get{grid-column: 1/-1; display: grid; grid-template-columns: 1fr 1fr; column-gap: 24px; align-items: start;} .footer-b2__get h2{grid-column: 1/-1;} .footer-b2__extension{grid-column: 1;} .footer-b2__socials{grid-column: 1; margin: 16px 0px 0px;} .footer-b2__picker{grid-column: 2; grid-row: 2; max-width: none; font-size: 13px;} .footer-b2__picker summary{padding: 10px; gap: 8px;} .footer-b2__picker li a{min-height: 44px;} .footer-b2__meta{display: flex; gap: 16px; align-items: flex-start;} .footer-b2__meta a{white-space: nowrap;} .footer-b2__wordmark{margin-top: 28px;}} @media (min-width:761px){.footer-b2__picker>ul{top: calc(100% + 8px); bottom: auto;}} .footer-b2__socials{flex-wrap: wrap; gap: 12px 20px;} .footer-b2__legal{max-width: 78ch;} .footer-b2__legal .footer-b2__independence{margin-top: 10px; line-height: 1.6;} .footer-b2__meta{align-items: flex-start;} .footer-b2__meta>a{flex-shrink: 0;} .footer-b2__meta .footer-b2__legal p+p{margin-top: 10px;} @media (max-width:760px){.footer-b2__meta{display: block;} .footer-b2__legal{max-width: none;} .footer-b2__meta>a{display: inline-block; margin-top: 16px;} .footer-b2__socials{grid-column: 1/-1; gap: 12px 24px;}} footer.footer-b2[data-v4-shell="footer"] nav li a{padding-block: 6px; line-height: 1.35;} header.site-header[data-v4-shell="header"]{font:var(--uck-fw-body, 400) 14px/1.5 var(--uck-font-body, UncookNavDM,Arial,sans-serif);color:var(--ink);background:var(--white);flex-shrink:0}header.site-header[data-v4-shell="header"] *, header.site-header[data-v4-shell="header"] *::before, header.site-header[data-v4-shell="header"] *::after{box-sizing:border-box}header.site-header[data-v4-shell="header"] button{font:inherit;color:inherit;cursor:pointer}header.site-header[data-v4-shell="header"] .header-inner{padding:0}header.site-header[data-v4-shell="header"] .brand{display:block;margin:0;padding:0;border:0;flex:none}header.site-header[data-v4-shell="header"] .button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--blue);color:var(--white);padding:15px 22px;border:0;border-radius:12px;white-space:nowrap;font-weight:var(--uck-fw-strong, 500);text-decoration:none}header.site-header[data-v4-shell="header"] .button svg{width:20px;height:20px;flex:none}header.site-header[data-v4-shell="header"] a:focus-visible,header.site-header[data-v4-shell="header"] button:focus-visible,header.site-header[data-v4-shell="header"] select:focus-visible{outline:2px solid var(--blue);outline-offset:4px}header.site-header[data-v4-shell="header"] .language-trigger{font:inherit}header.site-header[data-v4-shell="header"] h2{margin-block:0}header.site-header[data-v4-shell="header"] [hidden]{display:none!important} @media(max-width:760px){header.site-header[data-v4-shell="header"] .header-inner{gap:8px}header.site-header[data-v4-shell="header"] .brand img{width:82px}header.site-header[data-v4-shell="header"] .header-right{gap:10px}header.site-header[data-v4-shell="header"] .header-right>a.sign-in{display:inline-flex!important;align-items:center;min-height:44px;font-size:12px;white-space:nowrap}header.site-header[data-v4-shell="header"] .header-right .button{padding:10px 12px;font-size:12px;gap:7px}header.site-header[data-v4-shell="header"] .header-right .button svg{display:none}header.site-header[data-v4-shell="header"] .mobile-trigger{width:28px}} header.site-header[data-v4-shell="header"],footer.footer-b2[data-v4-shell="footer"]{margin:0;letter-spacing:normal;text-transform:none} /* Les styles d’une ancienne page ne règlent ni le texte du bouton ni son hamburger. */ header.site-header[data-v4-shell="header"] .button span{font:inherit;letter-spacing:inherit;line-height:inherit} @media(max-width:760px){header.site-header[data-v4-shell="header"] .mobile-trigger{flex:0 0 28px;min-width:28px}} /* Le bouton reçoit aussi sa famille propre : les anciennes pages déclarent d’autres faces DM. */ header.site-header[data-v4-shell="header"] .button{font-family:var(--uck-font-body, UncookNavDM,Arial,sans-serif);line-height:22px} /* Kevin31/10 : icônes sociales seules ; SVG exacts du pied BRAND-2. */ .footer-b2__socials a{width:44px;min-height:44px;justify-content:center}.footer-b2__socials a svg{display:block;width:24px;height:24px;fill:currentColor} /* QA: translated actions share the phone header without pushing the brand out. */ @media(max-width:760px){ header.site-header[data-v4-shell="header"] .header-right{min-width:0;flex:1;justify-content:flex-end} header.site-header[data-v4-shell="header"] .header-right .button{min-width:0;white-space:normal;text-align:center;line-height:1.3;flex-shrink:1} header.site-header[data-v4-shell="header"] .header-right>.sign-in, header.site-header[data-v4-shell="header"] .mobile-trigger{flex-shrink:0} } /* V1 public catalogue. Applied only on the exact four-locale shell marked in HTML. */ @media (min-width: 901px) and (max-width: 1280px) { header.site-header[data-v4-shell="header"][data-site-v1-catalogue] .header-inner { width: calc(100% - 48px); gap: 16px; } header.site-header[data-v4-shell="header"][data-site-v1-catalogue] .desktop-nav { gap: 12px; margin-left: 0; } header.site-header[data-v4-shell="header"][data-site-v1-catalogue] .header-right { gap: 12px; } } @media (min-width: 901px) and (max-width: 1000px) { header.site-header[data-v4-shell="header"][data-site-v1-catalogue] .desktop-nav .site-v1-profile-entry { max-inline-size: 100px; white-space: normal; text-wrap: balance; } header.site-header[data-v4-shell="header"][data-site-v1-catalogue] .header-right .chrome-cta { max-inline-size: 142px; padding-inline: 12px; white-space: normal; text-align: center; text-wrap: balance; } } @media (min-width: 901px) { header.site-header[data-v4-shell="header"][data-site-v1-catalogue] #tools-menu .menu-columns { grid-template-columns: minmax(0, 1fr); gap: 18px; } header.site-header[data-v4-shell="header"][data-site-v1-catalogue] #tools-menu .tool-links { grid-template-columns: repeat(3, minmax(0, 1fr)); } } header.site-header[data-v4-shell="header"][data-site-v1-catalogue] #tools-menu .menu-group h2 { margin-bottom: 6px; } header.site-header[data-v4-shell="header"][data-site-v1-catalogue] #tools-menu .tool-link { min-height: 44px; padding-block: 5px; } footer.footer-b2[data-v4-shell="footer"][data-site-v1-catalogue] .site-v1-footer-group + .site-v1-footer-group { margin-top: 16px; } footer.footer-b2[data-v4-shell="footer"][data-site-v1-catalogue] .site-v1-footer-group h2 { margin-bottom: 4px; } /* Home a45 approved shell, scoped to generated receivers; Home snapshots stay untouched. */ body[data-v4-common-shell="a45"] .footer-b2{ scroll-snap-align: start; } body[data-v4-common-shell="a45"] header.site-header[data-v4-shell] #tools-menu{ padding: 24px; } body[data-v4-common-shell="a45"] header.site-header[data-v4-shell] .tool-links{ gap: 8px; } body[data-v4-common-shell="a45"] header.site-header[data-v4-shell] .tool-link{ min-height: 68px; padding: 10px 12px; border: 1px solid var(--uck-line, #e0e5f3); background: var(--uck-surface, #fcfcff); box-shadow: var(--uck-shadow-card, none); } body[data-v4-common-shell="a45"] header.site-header[data-v4-shell] .tool-link:is(:hover, :focus-visible){ border-color: var(--uck-line-strong, #b7c3ee); background: var(--uck-surface, #eef0fc); box-shadow: var(--uck-shadow-float, none); } @media (min-width: 901px){body[data-v4-common-shell="a45"] header.site-header[data-v4-shell] #tools-menu{ left: 0; /* 12/11/2026 (SOCLE ; Kevin : le bloc AI Profile sort du menu Tools) : deux colonnes de la largeur qu'elles avaient à trois (334,67 px chacune dans 1100 px) : 2 × 334,67 + 24 de gouttière + 2 × 24 de marge = 742 px. Mêmes cartes, mêmes retours à la ligne. */ width: min(742px, 100%); } body[data-v4-common-shell="a45"] header.site-header[data-v4-shell] .menu-columns{ grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 18px 24px; } body[data-v4-common-shell="a45"] header.site-header[data-v4-shell] .tool-links{ grid-template-columns: repeat(2, minmax(0, 1fr)); } body[data-v4-common-shell="a45"] #tools-menu .menu-group:nth-child(2) .tool-links{ grid-template-columns: repeat(3, minmax(0, 1fr)); } } body[data-v4-common-shell="a45"] footer.footer-b2[data-v4-shell] .footer-b2__grid{ grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(0, 1.15fr); column-gap: clamp(16px, 3vw, 44px); } body[data-v4-common-shell="a45"] footer.footer-b2[data-v4-shell] .footer-b2__picker{ width: 100%; max-width: none; margin: 22px 0 14px; } body[data-v4-common-shell="a45"] footer.footer-b2[data-v4-shell] .footer-b2__picker summary,body[data-v4-common-shell="a45"] footer.footer-b2[data-v4-shell] .footer-b2__picker ul{ width: 100%; max-width: none; } body[data-v4-common-shell="a45"] footer.footer-b2[data-v4-shell] .footer-b2__picker ul{ position: static; margin-top: 6px; box-shadow: none; } body[data-v4-common-shell="a45"] footer.footer-b2[data-v4-shell] .footer-b2__picker ul a{ display: block; } @media (max-width: 900px){body[data-v4-common-shell="a45"] footer.footer-b2[data-v4-shell] .footer-b2__grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px){body[data-v4-common-shell="a45"] footer.footer-b2[data-v4-shell] .footer-b2__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } @property --uck-profile-halo-angle{ syntax: ""; inherits: false; initial-value: 95deg; } body[data-v4-common-shell="a45"] header.site-header .home-profile-halo{ --uck-profile-halo-angle: 95deg; display: inline-flex; flex: none; align-items: center; justify-content: center; min-block-size: 38px; padding: 0 11px; border: 1.5px solid transparent; border-radius: 999px; background: linear-gradient(#fff, #fff) padding-box, conic-gradient(from var(--uck-profile-halo-angle), #e4e5ef 0% 35%, #b2cbff 41%, #4668fa 47%, #9058f5 53%, #d43cea 59%, #ff9b7a 64%, #e4e5ef 71% 100%) border-box; color: #262c46; font-size: 12px; font-weight: 700; line-height: 1; text-decoration: none; white-space: nowrap; } body[data-v4-common-shell="a45"] header.site-header .home-profile-halo:hover{ color: #253ab2; } body[data-v4-common-shell="a45"] header.site-header .home-profile-halo:focus-visible{ outline: 2px solid #314dd0; outline-offset: 2px; } @media (max-width: 760px){body[data-v4-common-shell="a45"] header.site-header .home-profile-halo{ min-block-size: 34px; padding-inline: 8px; font-size: 11px; } } @media (max-width: 360px){body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] .header-inner{ gap: 6px; } body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] .brand img{ inline-size: 64px; } body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] .header-right{ gap: 4px; } body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] .header-right > .sign-in{ font-size: 11px; } body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] .header-right > .chrome-cta{ min-inline-size: 64px; padding-inline: 6px; font-size: 11px; } body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] .mobile-trigger{ flex-basis: 24px; min-inline-size: 24px; } body[data-v4-common-shell="a45"] header.site-header .home-profile-halo{ padding-inline: 5px; font-size: 10px; } } @keyframes uck-home-profile-orbit{ to { --uck-profile-halo-angle: 455deg; } } @keyframes uck-home-profile-orbit-interaction{ to { --uck-profile-halo-angle: 455deg; } } @media (prefers-reduced-motion: no-preference){body[data-v4-common-shell="a45"] header.site-header .home-profile-halo{ animation: uck-home-profile-orbit 4s linear; } body[data-v4-common-shell="a45"] header.site-header .home-profile-halo:is(:hover, :focus-visible){ animation-name: uck-home-profile-orbit-interaction; } body[data-v4-common-shell="a45"] header.site-header #tools-menu .tool-link{ transition: translate 170ms ease, background-color 170ms ease, border-color 170ms ease, box-shadow 170ms ease; } body[data-v4-common-shell="a45"] header.site-header #tools-menu .tool-link:focus-visible{ translate: 0 -4px; } @media (hover: hover){body[data-v4-common-shell="a45"] header.site-header #tools-menu .tool-link:hover{ translate: 0 -4px; } } } @media (forced-colors: active){body[data-v4-common-shell="a45"] header.site-header .home-profile-halo{ border-color: ButtonText; color: ButtonText; animation: none; } } /* NOTE D'INCIDENT 12/11/2026 (SOCLE ; décision de Kevin : le bloc AI Profile sort du menu Tools). Deux colonnes : KEEP GOING et TURN INTO A DOCUMENT. Les quatre Home chargent APRÈS cette feuille leur home-review2-0811.css, qui déclare encore trois colonnes avec la même spécificité : sans le « html » de tête, la Home gardait une troisième colonne vide (mesuré : 3 × 215 px). Ces deux règles (ici et sous 900 px) portent donc un cran de plus ; elles ne visent que les pages posées (body[data-v4-common-shell]). */ html body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] #tools-menu .menu-columns{ display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:stretch; } body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] #tools-menu .tool-links{ display:grid; grid-template-columns:1fr; gap:8px; } body[data-v4-common-shell="a45"] footer.footer-b2[data-v4-shell] .footer-b2__picker{ width:100%; max-width:230px; margin:20px 0 0; } body[data-v4-common-shell="a45"] footer.footer-b2[data-v4-shell] .footer-b2__picker summary{ width:100%; } body[data-v4-common-shell="a45"] footer.footer-b2[data-v4-shell] .footer-b2__picker ul{ position:absolute; width:100%; bottom:calc(100% + 8px); margin:0; z-index:2; background:var(--white); box-shadow:0 12px 30px color-mix(in srgb,var(--blue) 12%,transparent); } @media(max-width:900px){html body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] #tools-menu .menu-columns{ grid-template-columns:1fr; gap:20px; } } body[data-v4-common-shell="a45"] footer.footer-b2[data-v4-shell] .footer-b2__get{ display:flex; flex-direction:column; align-items:flex-start; } body[data-v4-common-shell="a45"] footer.footer-b2[data-v4-shell] .footer-b2__get .footer-b2__extension{ width:auto; } body[data-v4-common-shell="a45"] footer.footer-b2[data-v4-shell] .footer-b2__get .footer-b2__socials{ margin-block:20px 0; } body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] #tools-menu .tool-link{ min-height:68px; padding-block:12px; } body[data-v4-common-shell="a45"] #tools-menu .tool-copy strong{ display:inline-flex; align-items:center; flex-wrap:wrap; gap:8px; } body[data-v4-common-shell="a45"] #tools-menu .home-menu-free{ display:inline-flex; align-items:center; padding:3px 7px; border-radius:99px; background:var(--citron); color:var(--ink); font:var(--uck-fw-head, 700) 10px/1.2 var(--uck-font-head, UncookNavPJS,sans-serif); letter-spacing:0; vertical-align:middle; } body[data-v4-common-shell="a45"] #closer-call {--lime:#e4ee99;--closer-blue:radial-gradient(ellipse at 90% 22%,#5b6ebf 0%,transparent 58%),radial-gradient(ellipse at 2% 100%,#445ba5 0%,transparent 65%),linear-gradient(142deg,#293757 5%,#354777 56%,#455a9f 100%);font-family:UncookNavDM,sans-serif;box-sizing:border-box;} body[data-v4-common-shell="a45"] #closer-call * {box-sizing:border-box;} body[data-v4-common-shell="a45"] #closer-call h2 {font-family:UncookNavPJS,sans-serif;margin:0;font-weight:700;} body[data-v4-common-shell="a45"] #closer-call.closer{ width: min(1328px, calc(100% - 112px)); margin: 0 auto 56px; overflow: hidden; border-radius: 30px; background: var(--closer-blue); color: white; } body[data-v4-common-shell="a45"] #closer-call .closer-message{ display: flex; flex-direction: column; align-items: center; padding: 70px 22px 47px; text-align: center; } body[data-v4-common-shell="a45"] #closer-call.closer h2{ max-width: 960px; color: #fff; font-size: clamp(50px, 5.6vw, 80px); line-height: 1.03; letter-spacing: -.061em; } body[data-v4-common-shell="a45"] #closer-call .chrome-cta{ display: inline-flex; min-height: 50px; align-items: center; gap: 9px; margin-top: 27px; padding: 0 21px; border: 1px solid #c4d56c; border-radius: 12px; background: var(--lime); color: #263153; font: 700 16px/1.2 UncookNavPJS, sans-serif; text-decoration: none; } body[data-v4-common-shell="a45"] #closer-call .chrome-cta:focus-visible{ outline: 3px solid #fff; outline-offset: 4px; } body[data-v4-common-shell="a45"] #closer-call .chrome-cta svg{ flex: 0 0 auto; } body[data-v4-common-shell="a45"] #closer-call .workspace-preview{ position: relative; width: min(1000px, calc(100% - 94px)); height: 290px; margin-inline: auto; overflow: hidden; border: 1px solid #afbdeb; border-bottom: 0; border-radius: 18px 18px 0 0; background: #f5f6f8; box-shadow: 0 2px 0 #dce6ff33, 0 18px 60px #18274790; } body[data-v4-common-shell="a45"] #closer-call .workspace-preview img{ position: absolute; top: 0; left: 0; display: block; width: 142%; max-width: none; height: auto; transform: translateY(-7.3%); } @media (max-width: 1050px){body[data-v4-common-shell="a45"] #closer-call.closer{ width: calc(100% - 64px); } } @media (max-width: 760px){body[data-v4-common-shell="a45"] #closer-call.closer{ width: calc(100% - 32px); } body[data-v4-common-shell="a45"] #closer-call.closer{ margin-bottom: 24px; border-radius: 21px; } body[data-v4-common-shell="a45"] #closer-call .closer-message{ padding: 42px 15px 31px; } body[data-v4-common-shell="a45"] #closer-call.closer h2{ font-size: clamp(32px, 8.4vw, 58px); } body[data-v4-common-shell="a45"] #closer-call .chrome-cta{ min-height: 46px; margin-top: 22px; padding-inline: 16px; font-size: 14px; } body[data-v4-common-shell="a45"] #closer-call .workspace-preview{ width: calc(100% - 32px); height: 236px; border-radius: 12px 12px 0 0; } } @media (max-width: 620px){body[data-v4-common-shell="a45"] #closer-call .workspace-preview img{ width: 215%; } } /* a45 legal navigation spacing (Home review rule, same receiver scope). */ body[data-v4-common-shell="a45"] .home-footer-legal { display:flex; flex-wrap:wrap; gap:8px 20px; } /* Localized 390px receivers use a45's compact values so the Chrome CTA keeps two readable lines. */ @media (max-width:480px) { body[data-v4-common-shell="a45"]:is(:lang(fr),:lang(de),:lang(es)) header.site-header[data-v4-shell="header"] .header-inner { gap:6px; } body[data-v4-common-shell="a45"]:is(:lang(fr),:lang(de),:lang(es)) header.site-header[data-v4-shell="header"] .brand img { width:64px; inline-size:64px; } body[data-v4-common-shell="a45"]:is(:lang(fr),:lang(de),:lang(es)) header.site-header[data-v4-shell="header"] .header-right { gap:6px; } body[data-v4-common-shell="a45"]:is(:lang(fr),:lang(de),:lang(es)) header.site-header[data-v4-shell="header"] .home-profile-halo { padding-inline:6px; font-size:10px; } body[data-v4-common-shell="a45"]:is(:lang(fr),:lang(de),:lang(es)) header.site-header[data-v4-shell="header"] .header-right>.sign-in { font-size:11px; } body[data-v4-common-shell="a45"]:is(:lang(fr),:lang(de),:lang(es)) header.site-header[data-v4-shell="header"] .header-right>.chrome-cta { min-width:82px; min-inline-size:82px; flex-shrink:0; padding-inline:6px; font-size:11px; } body[data-v4-common-shell="a45"]:is(:lang(fr),:lang(de),:lang(es)) header.site-header[data-v4-shell="header"] .mobile-trigger { width:24px; min-width:24px; flex-basis:24px; } } @media (max-width:480px) { body[data-v4-common-shell="a45"]:is(:lang(fr),:lang(de),:lang(es)) header.site-header[data-v4-shell="header"] .header-right>.chrome-cta { width:82px; inline-size:82px; max-inline-size:82px; flex:0 0 82px; } } /* Sign-in's form .primary styles must stay inside the form, outside the approved header. */ html:root body.signin-presence[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] .header-right>.chrome-cta { width:auto; min-width:0; min-height:48px; height:auto; margin:0; padding:12px 20px; border-radius:12px!important; font-size:15px; line-height:22px; justify-content:center; } html:root body.signin-presence[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] .header-right>.chrome-cta>span { font-size:inherit; line-height:inherit; color:inherit; } @media(max-width:760px) { html:root body.signin-presence[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] .header-right>.chrome-cta { width:74px; min-width:74px; min-inline-size:74px; flex:0 0 74px; min-height:48px; max-height:56px; padding:10px 8px; font-size:12px; line-height:1.3; } } /* The legacy sign-in lockup is a CSS background; the common header already owns its logo image. */ html:root body.signin-presence[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] a.brand { width:auto!important; height:auto!important; background:none!important; box-shadow:none; border-radius:0; } html:root body.signin-presence[data-v4-common-shell="a45"] footer.footer-b2[data-v4-shell="footer"] { width:100%; margin:0; padding:64px 0 24px; font:400 15px/1.5 UncookNavFooter,Arial,sans-serif; } html:root body.signin-presence[data-v4-common-shell="a45"] footer.footer-b2[data-v4-shell="footer"] nav { display:block; } html:root body.signin-presence[data-v4-common-shell="a45"] footer.footer-b2[data-v4-shell="footer"] nav.home-footer-legal { display:flex; flex-wrap:wrap; gap:8px 20px; justify-content:flex-start; } @media(max-width:760px) { html:root body.signin-presence[data-v4-common-shell="a45"] footer.footer-b2[data-v4-shell="footer"] { padding:40px 0 0; } } /* 10/11 (SOCLE) : session ouverte, un libellé long de l'accès à l'espace passe dans le menu à 390 (même règle que « Votre profil IA », LEAD 19:46). */ @media (max-width:480px){header.site-header[data-v4-shell="header"] .header-right>a.sign-in[data-session="open-long"]{display:none!important}} @media (max-width:380px){header.site-header[data-v4-shell="header"] .header-right>a.sign-in[data-session]{display:none!important}} /* 10/11 (SOCLE) : sous 380 px, la pastille « Votre profil IA » passe dans le menu : en FR, DE et ES à 320 et 360, l'en-tête se chevauchait sur main, sans session comme avec. NOTE D'INCIDENT 12/11/2026 (SOCLE ; décision de Kevin : le bloc AI Profile sort du menu Tools). « Elle y est déjà » ne tenait que par ce bloc : une fois retiré, AI Profile n'était plus joignable ni dans la barre ni dans le menu à 320, 360 et 375 px (mesuré). La source porte donc la MÊME pastille une seconde fois, dans la ligne de tête du menu mobile : cachée partout, affichée sous 380 px, là où celle de la barre se retire. Au-dessus de 380 px, rien ne change : la pastille de la barre reste telle quelle. */ body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] #tools-menu .home-profile-halo{display:none} @media (max-width:380px){body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] .header-right>.home-profile-halo{display:none!important} body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] #tools-menu .home-profile-halo{display:inline-flex;margin-inline:auto 8px}} /* 10/11 (SOCLE ; LEAD 19:2x UTC ①, question de PRODUIT) : sur /welcome-v4/ (9 langues, seule page qui porte main[data-arrival027]), la page dit « Uncook is added to Chrome » : le bouton « Add to Chrome » de l'en-tête n'y est pas montré. Le lien d'installation du repli de la page (« Not installed yet? Add to Chrome ») et le pied restent. La source de l'en-tête ne change pas. */ body[data-v4-common-shell]:has(> main[data-arrival027]) header.site-header[data-v4-shell="header"] .header-right>.chrome-cta{display:none!important} /* 12/11/2026 (SOCLE ; recette de Kevin : « Ajouter à Chrome » affiché alors que l'extension est détectée et la personne connectée). L'extension répond : le bouton « Add to Chrome » de l'EN-TÊTE n'est plus montré (la pastille « Votre espace » suffit). Deux états, posés sur : « vue » (déjà retenue sur cet appareil, décidée dans la tête avant la première peinture) retire le bouton ; « repond » (première réponse, après la peinture) l'efface en gardant sa place : la barre ne bouge pas. Sans réponse : rien ne change. Pages posées par le shell seulement (body[data-v4-common-shell]) ; le closer et le pied gardent leur « Add to Chrome ». */ html[data-uck-extension="vue"] body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] .header-right>.chrome-cta{display:none!important} html[data-uck-extension="repond"] body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] .header-right>.chrome-cta{visibility:hidden!important;opacity:0;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .2s} @media (prefers-reduced-motion:reduce){html[data-uck-extension="repond"] body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] .header-right>.chrome-cta{transition:none}} /* 12/11/2026 (suite, LEAD : « le corps suit aussi »). Les « Add to Chrome » du corps (héros, bande de fin, pages outils) deviennent « Ouvrir votre espace » (shell.js, data-uck-espace="ouvrir") ; un doublon voisin s'efface (data-uck-espace="doublon"). « vue » (décidé dans la tête, avant la première peinture) : ces CTA ne sont pas peints tant que shell.js ne les a pas changés, et le lien texte voisin des pages outils est retiré d'emblée. « repond » (après la peinture) : le doublon s'efface en gardant sa place. */ html[data-uck-extension="vue"] body[data-v4-common-shell="a45"] :is(main,#closer-call) a:is(.chrome-cta,[href*="chromewebstore.google.com/detail/"]):not([data-uck-espace]){visibility:hidden} html[data-uck-extension="vue"] body[data-v4-common-shell="a45"] :is(main,#closer-call) a.hf-workspace-link, html[data-uck-extension="vue"] body[data-v4-common-shell="a45"] :is(main,#closer-call) a[data-uck-espace="doublon"]{display:none!important} html[data-uck-extension="repond"] body[data-v4-common-shell="a45"] :is(main,#closer-call) a[data-uck-espace="doublon"]{visibility:hidden!important;pointer-events:none} html[data-uck-extension] body[data-v4-common-shell="a45"] :is(main,#closer-call) a[data-uck-espace="ouvrir"]{justify-content:center;text-align:center} /* 12/11/2026 (suite, LEAD ; QUALITÉ 2 ③) : la ligne « 1 free try · No card needed » (héros de la Home) et « One free try on Uncook… » (héros des pages outils) ne restent pas sous « Ouvrir votre espace », ni sous « Open Uncook on your computer » sur téléphone. « vue » et téléphone : décidés dans la tête, la ligne n'est jamais peinte ; première réponse : effacée en gardant sa place. */ html[data-uck-extension="vue"] body[data-v4-common-shell="a45"] main :is(.hero-cta .free-try,.hero-action .allowance), html[data-uck-telephone] body[data-v4-common-shell="a45"] main :is(.hero-cta .free-try,.hero-action .allowance){display:none!important} html[data-uck-extension="repond"] body[data-v4-common-shell="a45"] main :is(.hero-cta:has(> a[data-uck-espace="ouvrir"]) .free-try,.hero-action:has(> a[data-uck-espace="ouvrir"]) .allowance){visibility:hidden} /* QUALITÉ 2 ① (12/11) : sur téléphone et tablette, le script de tête pose data-uck-telephone avant la première peinture ; tant que telephone-v4.js n'a pas changé les gestes (data-uck-telephone-pret), aucun « Add to Chrome » n'est peint ni touchable. Même règle que telephone-v4.css, ici parce que shell.css est déjà chargée. */ html[data-uck-telephone]:not([data-uck-telephone-pret]) body[data-v4-common-shell="a45"] :is(.chrome-cta,.footer-b2__extension,[data-uck-add-chrome],a[href*="chromewebstore.google.com"],.uck-entree > a){visibility:hidden;pointer-events:none} /* 12/11/2026 (LEAD) : la suggestion de langue (app.js, langSuggest : .lang-toast) passe à la DA V4 sur les pages posées par le shell. Jetons de uncook-v4.css, plus de rouge (ni trait ni bouton) ; « Read in … » en bouton secondaire (le bouton plein reste celui de la page). Compacte en bas ; à 480 px et moins, une bande pleine largeur basse, sans l'icône ni la phrase d'appui : elle ne monte plus sur le héros. Elle n'apparaît qu'une fois le consentement tranché (app.js) : jamais empilée sur le bandeau de consentement. Mots inchangés. */ body[data-v4-common-shell="a45"] .lang-toast{right:16px;bottom:16px;left:auto;z-index:25;max-width:380px;width:calc(100% - 32px);gap:12px;padding:14px 14px 14px 16px; background:var(--uck-surface,#FFFFFF);border:1px solid var(--uck-line,#E5E8F3);border-left:1px solid var(--uck-line,#E5E8F3);border-radius:var(--uck-radius-card,18px); box-shadow:var(--uck-shadow-float,0 30px 70px -28px rgba(38,49,83,.45));color:var(--uck-ink,#263153);font:var(--uck-fw-body,400) var(--uck-fs-body,15px)/var(--uck-lh-body,1.5) var(--uck-font-body,"DM Sans",system-ui,sans-serif)} body[data-v4-common-shell="a45"] .lang-toast .tg{background:var(--uck-tint,#EEF0FC);color:var(--uck-accent,#4458AC)} body[data-v4-common-shell="a45"] .lang-toast .tt{font:var(--uck-fw-head,700) 15px/1.3 var(--uck-font-head,"Plus Jakarta Sans",system-ui,sans-serif);letter-spacing:-.01em;color:var(--uck-ink,#263153);margin:1px 28px 4px 0} body[data-v4-common-shell="a45"] .lang-toast .ts{font-size:var(--uck-fs-small,13px);line-height:var(--uck-lh-small,1.45);color:var(--uck-ink-muted,#5C6480);margin:0 0 12px} body[data-v4-common-shell="a45"] .lang-toast .tact{display:inline-flex;align-items:center;min-height:var(--uck-btn-h-sm,36px);padding:0 14px;border:1px solid var(--uck-line-strong,rgba(68,88,172,.22)); border-radius:var(--uck-radius-button,10px);background:var(--uck-surface,#FFFFFF);color:var(--uck-ink,#263153);box-shadow:none;font:var(--uck-fw-strong,600) 14px/1.2 var(--uck-font-body,"DM Sans",system-ui,sans-serif);text-decoration:none} body[data-v4-common-shell="a45"] .lang-toast .tact:hover{background:var(--uck-tint,#EEF0FC);color:var(--uck-accent,#4458AC)} body[data-v4-common-shell="a45"] .lang-toast .tkeep{color:var(--uck-ink-muted,#5C6480);font:var(--uck-fw-strong,600) 14px/1.2 var(--uck-font-body,"DM Sans",system-ui,sans-serif);padding:8px 8px} body[data-v4-common-shell="a45"] .lang-toast .tkeep:hover{color:var(--uck-accent,#4458AC)} body[data-v4-common-shell="a45"] .lang-toast .tx{color:var(--uck-ink-muted,#5C6480);border-radius:var(--uck-radius-button,10px)} body[data-v4-common-shell="a45"] .lang-toast .tx:hover{background:var(--uck-tint,#EEF0FC);color:var(--uck-ink,#263153)} body[data-v4-common-shell="a45"] .lang-toast :is(.tact,.tkeep,.tx):focus-visible{outline:var(--uck-focus-width,2px) solid var(--uck-focus,#4458AC);outline-offset:var(--uck-focus-offset,2px)} @media (max-width:480px){ body[data-v4-common-shell="a45"] .lang-toast{left:0;right:0;bottom:0;width:100%;max-width:none;border-radius:var(--uck-radius-card,18px) var(--uck-radius-card,18px) 0 0;border-bottom:0;padding:10px 12px 10px 16px;box-sizing:border-box} body[data-v4-common-shell="a45"] .lang-toast .tg,body[data-v4-common-shell="a45"] .lang-toast .ts{display:none} body[data-v4-common-shell="a45"] .lang-toast .tt{font-size:14px;margin:0 32px 6px 0} body[data-v4-common-shell="a45"] .lang-toast .tx{top:6px;right:6px} } /* 12/11/2026 (SOCLE ; décision de Kevin : le menu « Outils » de l'en-tête V4). Panneau blanc uni (plus de fond --uck-bg lilas/citron), deux colonnes séparées par un filet fin, à la manière de Calendly : OUTILS (une seule liste, sans sous-titres de groupe : Handoff, Merge, Summarize, Memo, Export) et PLATEFORME (Uncook for Chrome, Add Uncook to your AI, API for agents, Trust & security). Au-dessous de 900 px, une colonne : le filet passe entre les deux listes. Pages posées seulement ; « html » de tête : la Home charge après cette feuille des règles de même spécificité (voir la note des deux colonnes plus haut). */ html body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] #tools-menu{background:var(--uck-surface,#FFFFFF);background-image:none} html body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] #tools-menu .menu-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0} html body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] #tools-menu .menu-group{min-width:0} html body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] #tools-menu .menu-group:first-child{padding-right:24px} html body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] #tools-menu .menu-group+.menu-group{padding-left:24px;border-left:1px solid var(--uck-line,#E5E8F3);margin-top:0} html body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] #tools-menu .menu-group .tool-links{grid-template-columns:1fr} html body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] #tools-menu .plateforme-link[hidden]{display:none} html body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] #tools-menu .plateforme-icon{background:var(--uck-tint,#EEF0FC);color:var(--uck-accent,#4458AC);border-radius:var(--uck-radius-icon,11px)} html body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] #tools-menu .plateforme-icon svg{width:22px;height:22px} /* Lot1 PT/ES419 activé : même espacement natif que 81249f65 ; le TOT borne la portée aux origines nommées, hors autres pages/régions. */ html:has(#uck-ext-tot:is([data-espace-lang="pt"],[data-espace-lang="es-419"])) body[data-v4-common-shell="a45"] #closer-title{word-spacing:.14em} @media(max-width:900px){ html body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] #tools-menu .menu-columns{grid-template-columns:1fr;gap:0} html body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] #tools-menu .menu-group:first-child{padding-right:0} html body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] #tools-menu .menu-group+.menu-group{padding-left:0;border-left:0;border-top:1px solid var(--uck-line,#E5E8F3);margin-top:16px;padding-top:16px} } @media (min-width:901px){html body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] #tools-menu{width:min(920px,100%)}} /* NOTE D'INCIDENT 12/11/2026 (SOCLE ; LEAD file ⑤ 17:35 UTC, décision de Kevin CHEMIN-SORTIE B ter : socle/menu-outils-v4 23b55c1b « non conforme »). ① Les lignes du menu étaient encore des CARTES (bordure, fond, ombre, soulèvement de 4 px) : Kevin veut un fond blanc uni à FILETS FINS, comme Calendly. Les lignes sont désormais à plat sur le blanc ; le survol et le focus passent la ligne au citron (DA : LISEZMOI, « menu du site »), la pastille d'outil garde sa teinte de survol ; les filets sont le contour du panneau et le trait entre les colonnes. ② Second menu, « Resources » (Comment ça marche, Blog, À propos, Contact), sous son déclencheur, mêmes lignes, même panneau. Sous 900 px il n'est pas affiché : ses quatre liens sont un groupe du menu mobile, sous un filet. Pages posées seulement (« html body » de tête : la Home charge après cette feuille des règles de même spécificité). */ header.site-header[data-v4-shell="header"] .resources-wrap{position:relative} header.site-header[data-v4-shell="header"] #resources-menu{position:absolute;top:calc(100% + 11px);left:-22px;width:max-content;min-width:260px;padding:20px 16px 16px;background:var(--uck-surface,#FFFFFF);border:1px solid var(--uck-line,#E5E8F3);border-radius:20px;box-shadow:var(--uck-shadow-float,0 24px 70px #26315329);z-index:40} header.site-header[data-v4-shell="header"] #resources-menu[hidden]{display:none} header.site-header[data-v4-shell="header"] #resources-menu:before{content:"";position:absolute;top:-14px;left:0;width:100%;height:16px} header.site-header[data-v4-shell="header"] .menu-ressources-mobile{display:none} header.site-header[data-v4-shell="header"] .ressource-icon{background:var(--uck-tint,#EEF0FC);color:var(--uck-accent,#4458AC)} header.site-header[data-v4-shell="header"] .ressource-icon svg{width:22px;height:22px} header.site-header[data-v4-shell="header"] .ressource-link .tool-copy strong{white-space:nowrap} html body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] #tools-menu{border:1px solid var(--uck-line,#E5E8F3)} html body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] :is(#tools-menu,#resources-menu) .tool-links{gap:2px} html body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] :is(#resources-menu,.menu-ressources-mobile) .tool-links{grid-template-columns:1fr} html body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] :is(#tools-menu,#resources-menu) .tool-link{min-height:0;padding:10px 12px;border:0;background:transparent;box-shadow:none;translate:none} html body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] :is(#tools-menu,#resources-menu) .tool-link:is(:hover,:focus-visible){background:var(--citron);color:var(--ink);border:0;box-shadow:none;translate:none} html body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] :is(#tools-menu,#resources-menu) .tool-link:is(:hover,:focus-visible) .tool-arrow{opacity:1} html body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] #resources-menu .menu-group h2{margin-bottom:10px} @media(max-width:900px){ header.site-header[data-v4-shell="header"] #resources-menu{display:none} header.site-header[data-v4-shell="header"] .menu-ressources-mobile{display:block;border-top:1px solid var(--uck-line,#E5E8F3);margin-top:16px;padding-top:16px} html body[data-v4-common-shell="a45"] header.site-header[data-v4-shell="header"] :is(#tools-menu,#resources-menu) .tool-link{min-height:48px;padding:8px} } /* LOT1 facts static wrappers (14/11): copied geometry from supported-ais-v4/page.css .sa-intro/.sa-row-in/.sa-pills and about-v4/page.css .ab-quote; no prototype JS. Only PT/ES419 TOT scopes and new facts IDs. Native 20px mobile gutter; icon16px. */ html:has(#uck-ext-tot:is([data-espace-lang="pt"],[data-espace-lang="es-419"])) :is(#supported-ais,#directory,#how-it-works.hf-how,#questions.hf-questions,#closer-call.hf-closer)>.frame{width:calc(100% - var(--gutter,20px)*2);max-width:1328px;margin-inline:auto} html:has(#uck-ext-tot:is([data-espace-lang="pt"],[data-espace-lang="es-419"])) #directory .sa-intro{text-align:center;padding:40px 0} html:has(#uck-ext-tot:is([data-espace-lang="pt"],[data-espace-lang="es-419"])) #directory .sa-index ul{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px} html:has(#uck-ext-tot:is([data-espace-lang="pt"],[data-espace-lang="es-419"])) #directory .sa-row-in{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start;padding:40px 0} html:has(#uck-ext-tot:is([data-espace-lang="pt"],[data-espace-lang="es-419"])) #directory .sa-pills{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px} html:has(#uck-ext-tot:is([data-espace-lang="pt"],[data-espace-lang="es-419"])) #directory .sa-pills li{display:inline-flex;align-items:center;gap:7px;margin:0;padding:7px 13px 7px 9px;white-space:nowrap} html:has(#uck-ext-tot:is([data-espace-lang="pt"],[data-espace-lang="es-419"])) #directory .sa-pills li>svg{flex:none;width:16px;height:16px} html:has(#uck-ext-tot:is([data-espace-lang="pt"],[data-espace-lang="es-419"])) #about-data .ab-quote{max-width:880px;margin:36px auto 0;padding:26px 22px;border-radius:20px} html:has(#uck-ext-tot:is([data-espace-lang="pt"],[data-espace-lang="es-419"])) #about-data .ab-quote blockquote{margin:0} html:has(#uck-ext-tot:is([data-espace-lang="pt"],[data-espace-lang="es-419"])) #about-data .ab-quote p{font-size:18px;line-height:1.5} html:has(#uck-ext-tot:is([data-espace-lang="pt"],[data-espace-lang="es-419"])) #about-data .ab-quote figcaption{margin-top:20px} @media(min-width:761px){html:has(#uck-ext-tot:is([data-espace-lang="pt"],[data-espace-lang="es-419"])) #directory .sa-row-in{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;padding:64px 0 68px}} html:has(#uck-ext-tot:is([data-espace-lang="pt"],[data-espace-lang="es-419"])) #directory .frame{width:calc(100% - var(--gutter,20px)*2);max-width:1328px;margin-inline:auto}