/*
Theme Name: Preuve
Description: Identité éditoriale propre à pentest-expertise.fr.
Text Domain: preuve-dossier
*/
:root {
  --pt-coral: #ee6855; --pt-link: #a33327; --pt-graphite: #332824; --pt-warm: #f2f0ed; --pt-white: #ffffff; --pt-border: #8c817b;
  --pt-syne: 'Syne', Arial, sans-serif; --pt-commissioner: 'Commissioner', Arial, sans-serif;
  --pt-xs: .75rem; --pt-base: 1rem; --pt-mid: 1.2rem; --pt-heading: 2rem; --pt-hero: clamp(2.45rem, 5.1vw, 4.75rem);
  --pt-4: .25rem; --pt-12: .75rem; --pt-20: 1.25rem; --pt-36: 2.25rem; --pt-60: 3.75rem;
  --pt-radius: 0; --pt-elevation: none; --pt-max: 78rem;
}
:where(*, *::before, *::after) { box-sizing: border-box; }
body { margin: 0; background: var(--pt-warm); color: var(--pt-graphite); font: var(--pt-base)/1.65 var(--pt-commissioner); }
img, svg { max-width: 100%; block-size: auto; }
h1, h2, h3 { font-family: var(--pt-syne); margin: 0 0 1rem; line-height: 1.1; }
h1 { font-size: var(--pt-hero); letter-spacing: -.045em; font-weight: 700; }
h2 { font-size: var(--pt-heading); letter-spacing: -.03em; }
h3 { font-size: var(--pt-mid); }
p { margin-block-start: 0; margin-block-end: 1.25rem; }
a { color: var(--pt-link); text-underline-offset: .22em; }
:focus-visible { outline: 3px solid var(--pt-link); outline-offset: 4px; }
input, select, button { font: inherit; }
input:not([type=checkbox]), select { display: block; width: 100%; min-height: 50px; padding: .75rem; border: 1px solid var(--pt-border); border-radius: 0; color: var(--pt-graphite); background: var(--pt-white); margin-top: .5rem; }
input[type=checkbox] { width: 24px; height: 24px; accent-color: var(--pt-link); flex-shrink: 0; margin: .15rem .75rem 0 0; }
label { font-size: .875rem; font-weight: 500; }
fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
legend { font: 700 1.4rem/1.25 var(--pt-syne); padding: 0 0 1.5rem; }
details { border-bottom: 1px solid var(--pt-border); padding: 1.25rem 0; }
summary { cursor: pointer; min-height: 44px; font-weight: 600; }
details > p { margin-top: 1rem; }
[hidden]:not([hidden="until-found"]) { display: none !important; }
.u-bound { width: min(calc(100% - 5rem), var(--pt-max)); margin-inline: auto; }
.u-topline { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .5rem 2rem; border-bottom: 1px solid var(--pt-border); padding: .5rem 0; font-size: var(--pt-xs); letter-spacing: .06em; text-transform: uppercase; }
.u-topline p { margin: 0; }
.u-topline a { padding-block: .65rem; }
.u-mast { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 2rem; padding-block: 1.5rem; }
.u-mast img { display: block; width: 216px; }
.u-mast nav { display: flex; flex-wrap: wrap; gap: 0 1.6rem; font-size: .875rem; }
.u-mast nav a { color: var(--pt-graphite); text-decoration: none; padding-block: .75rem; min-height: 44px; }
.u-mast nav a[aria-current] { box-shadow: inset 0 -3px var(--pt-link); }
.u-hero-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 3.75rem; align-items: start; padding-block: 3rem 3.75rem; }
.u-doc { padding: .55rem .75rem; border: 1px solid var(--pt-border); display: inline-block; font-size: var(--pt-xs); letter-spacing: .05em; text-transform: uppercase; margin-bottom: 1.5rem; }
.u-action { display: inline-flex; align-items: center; gap: 1.25rem; background: var(--pt-link); color: var(--pt-white); border: 2px solid var(--pt-link); min-height: 50px; padding: .8rem 1.1rem; font: 600 .9375rem/1.5 var(--pt-commissioner); cursor: pointer; text-decoration: none; }
.u-action:hover { background: var(--pt-white); color: var(--pt-link); }
.u-report { background: var(--pt-white); border: 1px solid var(--pt-border); border-top: 9px solid var(--pt-coral); padding: 1.75rem; }
.u-report > h2 { font-size: 1.45rem; }
.u-example { font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; background: var(--pt-warm); padding: .7rem .8rem; }
.u-severity { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); margin: 0; font-size: .875rem; }
.u-severity dt, .u-severity dd { border-top: 1px solid var(--pt-border); padding-block: 1rem; margin: 0; }
.u-severity dt { font-weight: 700; color: var(--pt-link); }
.u-small { font-size: .8125rem; }
.u-section { padding-block: 3rem; border-top: 1px solid var(--pt-border); }
.u-three { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2.25rem; }
.u-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3rem; }
.u-rule { border-left: 3px solid var(--pt-link); padding-left: 1.5rem; }
.u-white { background: var(--pt-white); }
.u-pad { padding: 2.25rem; }
.u-num { font: 700 2.1rem/1 var(--pt-syne); color: var(--pt-link); display: block; margin-bottom: 1rem; }
.u-mt { margin-top: 2.25rem; }
.u-flow { display: grid; gap: 1.25rem; }
.u-consent { display: flex; align-items: flex-start; margin-block: 2rem; }
.u-response { padding: 1.5rem; border-left: 5px solid var(--pt-link); margin-top: 2rem; background: var(--pt-warm); }
.u-trail { font-size: .8125rem; padding-top: .75rem; }
.u-trail a { display: inline-block; padding-block: .65rem; }
.u-reader { max-width: 52rem; }
.u-reader h2 { margin-top: 2.5rem; }
.u-bottom-cta { background: var(--pt-coral); color: var(--pt-graphite); padding-block: 2.5rem; margin-top: 3rem; }
.u-bottom-cta > div { display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.u-bottom-cta h2 { font-size: 1.8rem; margin: 0; }
.u-bottom-cta a { color: var(--pt-graphite); font-weight: 600; padding-block: .75rem; }
.u-bottom-cta :focus-visible { outline-color: var(--pt-graphite); }
.u-legal { padding-block: 2rem; display: grid; grid-template-columns: 1fr auto; gap: 1rem 3rem; font-size: .8125rem; }
.u-legal nav { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; }
.u-legal a { padding-block: .6rem; }
.u-legal p { grid-column: 1/-1; max-width: 85ch; }
.u-skip-report { position: absolute; left: 1rem; top: -9rem; padding: 1rem; background: var(--pt-white); z-index: 10; }
.u-skip-report:focus { top: 1rem; }
@media (max-width: 920px) { .u-hero-grid { grid-template-columns: 1fr; gap: 2rem; } .u-report { max-width: 42rem; } .u-three { gap: 1.25rem; } .u-two { gap: 2rem; } .u-legal { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .u-bound { width: calc(100% - 2.25rem); } .u-mast { padding-block: 1.25rem; } .u-mast nav { gap: 0 1.25rem; } .u-hero-grid { padding-block: 1.5rem 2.5rem; } .u-two, .u-three { grid-template-columns: 1fr; } .u-pad { padding: 1.3rem; } .u-section { padding-block: 2rem; } .u-bottom-cta > div { display: block; } .u-bottom-cta a { display: inline-block; margin-top: 1rem; } .u-report { padding: 1.25rem; } .u-severity { grid-template-columns: 5.3rem minmax(0,1fr); column-gap: .5rem; } h2 { font-size: 1.75rem; } }

/* V2 : feuillets de rapport, repères de marge et titraille Syne. */
:root { --pt-hero: clamp(2.7rem,5.8vw,5.6rem); --pt-heading: clamp(1.9rem,3vw,2.8rem); }
h1 { line-height: 1.02; letter-spacing: -.055em; max-width: 17ch; }
h2 { line-height: 1.13; max-width: 25ch; }
h3 { font-weight: 600; line-height: 1.3; }
.u-lead { font-size: clamp(1.15rem,1.5vw,1.3rem); line-height: 1.6; }
.u-cover { padding-block: 3.5rem 4.5rem; align-items: center; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); gap: 4rem; }
.u-cover > div:last-child > p { margin-top: 1.7rem; max-width: 40ch; }
.u-doc { font-weight: 600; padding: .6rem .85rem; background: var(--pt-white); }
.u-sheet { background: var(--pt-white); border: 1px solid var(--pt-border); border-left: 7px solid var(--pt-coral); padding: clamp(1.5rem,3.6vw,3.5rem); margin-bottom: 2.5rem; }
.u-sheet-head { display: flex; align-items: baseline; justify-content: space-between; gap: 1.5rem; border-bottom: 1px solid var(--pt-border); margin-bottom: 2rem; }
.u-sheet-head .u-doc { border: 0; padding-left: 0; }
.u-sheet-head a { font-size: .8125rem; }
.u-sheet-head .u-small { color: var(--pt-link); font-weight: 600; }
.u-three { margin-top: 2rem; gap: 2rem; }
.u-three p { font-size: .9375rem; }
.u-rule { border-left-width: 2px; }
.u-num { font-size: 3rem; color: var(--pt-graphite); }
.u-photo { width: 100%; margin: 0; }
.u-frame { position: relative; width: 100%; background: var(--pt-warm); }
.u-ar-43 { aspect-ratio: 4/3; } .u-ar-169 { aspect-ratio: 16/9; }
.u-frame img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; background: var(--pt-warm); }
.u-frame.is-empty::after { content: ''; position: absolute; inset: 1rem; border: 1px solid var(--pt-border); }
.u-photo figcaption { font-size: .8125rem; line-height: 1.7; margin-top: 1rem; max-width: 48ch; }
.u-diagram { width: 100%; height: auto; margin: 2rem 0 0; }
.u-diagram::before { content: ''; display: block; aspect-ratio: 16/7; background: var(--pt-warm); border-top: 5px solid var(--pt-coral); border-bottom: 1px solid var(--pt-border); }
.u-diagram:has(> svg)::before { display: none; }
.u-diagram > svg { display: block; width: 100%; height: auto; }
.u-diagram figcaption { font-size: .875rem; line-height: 1.75; margin-top: 1.25rem; max-width: 82ch; }
body[data-page="service"] main > .u-hero-grid { align-items: center; }
body[data-page="actualite"] article { background: var(--pt-white); max-width: 56rem; padding: clamp(1.5rem,4vw,3.5rem); margin-inline: auto; border-left: 7px solid var(--pt-coral); }
body[data-page="actualite"] article > .u-photo { margin: 2rem 0 3.5rem; }
body[data-page="actualite"] article h1 { font-size: clamp(2.5rem,4.6vw,4.6rem); }
body[data-page="devis"] form { border: 1px solid var(--pt-border); border-top: 7px solid var(--pt-coral); }
body[data-page="devis"] form fieldset { border-top: 1px solid var(--pt-border); padding-top: 1.5rem; }
.u-response { border-left-color: var(--pt-coral); }
input:not([type=checkbox]):focus, select:focus { border-color: var(--pt-link); }
input, select { transition: border-color .2s; }
.u-action { transition: background-color .2s, color .2s; }
.u-mast nav a:hover { box-shadow: inset 0 -1px var(--pt-link); }
details[open] { background: var(--pt-warm); padding-inline: 1rem; border-left: 3px solid var(--pt-link); }
.u-bottom-cta { margin-top: 3.5rem; padding-block: 3rem; }
.u-bottom-cta h2 { font-size: clamp(1.8rem,2.7vw,2.7rem); }
.u-bottom-cta .u-action { color: var(--pt-white); font-weight: 600; }
.u-bottom-cta .u-action:hover { color: var(--pt-link); }
.u-footer-grid { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,.65fr) minmax(0,1fr); gap: 3rem; padding-block: 3rem; }
.u-footer-grid nav { display: flex; flex-direction: column; align-items: start; font-size: .875rem; }
.u-footer-grid nav a { padding-block: .5rem; }
.u-footer-links { border-top: 1px solid var(--pt-border); display: flex; gap: 1.5rem; flex-wrap: wrap; padding-block: 1rem 1.5rem; font-size: .8125rem; }
.u-footer-links a { padding-block: .5rem; }
[hidden] { display: none !important; }
@keyframes pentest-arrive { from { transform: translateY(.5rem); } to { transform: none; } }
@media (prefers-reduced-motion: no-preference) { .is-revealed { animation: pentest-arrive .45s ease-out both; } }
@media (max-width: 920px) { .u-cover { grid-template-columns: 1fr; gap: 2.5rem; } .u-cover > div:last-child { max-width: 40rem; } .u-footer-grid { grid-template-columns: 1.2fr .8fr; gap: 2rem; } .u-footer-grid > section:last-child { grid-column: 1/-1; } .u-sheet.u-two { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .u-cover { padding-block: 2rem 3rem; } .u-sheet { padding: 1.4rem; border-left-width: 4px; margin-bottom: 1.5rem; } .u-sheet-head { display: block; padding-bottom: .8rem; } .u-sheet-head .u-doc { margin-bottom: .5rem; } .u-diagram::before { aspect-ratio: 4/3; } .u-footer-grid { grid-template-columns: 1fr; } .u-footer-grid > section:last-child { grid-column: auto; } .u-bottom-cta .u-action { margin-top: 1.5rem; } body[data-page="actualite"] article { border-left-width: 4px; } .u-three { gap: 1.5rem; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }

body { overflow-wrap: anywhere; }

.u-frame img{opacity:1}
.u-diagram::before{display:none}
.u-report-pan{max-width:100%;overflow-x:auto}
.u-report-pan>svg{display:block;width:100%;height:auto}
.u-report-hint{display:none}
@media(max-width:699px){.u-report-pan>svg{min-width:640px}.u-report-hint{display:block;font-size:.8rem;margin-block:12px}}
textarea{width:100%;padding:12px;border:1px solid var(--pt-border);font:inherit}.u-field-note{color:var(--pt-link);font-size:.875rem}.u-flow textarea{display:block}