/* The Corner : pages newsletter du site et emplacements d'inscription.
   Reprise des onglets Inscription de la maquette validée du 02/10/2026, charte DA v2. */

.lc, .lc-bloc {
	--lc-paper: #F5F2EC; --lc-card: #FAF8F4; --lc-sand: #E8E2D8; --lc-ink: #0D0D0D; --lc-body: #4E4A42; --lc-meta: #7C7669;
	--lc-rule: #D4CDC0; --lc-rule2: #E0DACE; --lc-red: #C0202A; --lc-red-dark: #E5464F; --lc-bone: #F5F2EC; --lc-bone2: #A8A29A;
	--lc-steel: #2A2A2A; --lc-steel-line: #333331;
	--lc-fd: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
	--lc-fl: "Barlow Semi Condensed", "Arial Narrow", Arial, sans-serif;
	--lc-fb: "Barlow", Arial, Helvetica, sans-serif;
	font-family: var(--lc-fb); font-size: 15px; line-height: 1.55; color: var(--lc-body);
	font-variant-numeric: tabular-nums lining-nums;
}
.lc { background: var(--lc-paper); padding: 28px 16px 56px; }
.lc *, .lc-bloc * { box-sizing: border-box; }
.lc [hidden], .lc-bloc [hidden] { display: none !important; }
.lc a { text-decoration: none; }
.lc :focus-visible, .lc-bloc :focus-visible { outline: 2px solid var(--lc-red); outline-offset: 2px; }
.lc fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.lc legend { padding: 0; }
.lc-pot { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.lc .lbl, .lc-bloc .lbl { font-family: var(--lc-fl); font-weight: 600; font-size: 11px; letter-spacing: .15em; text-transform: uppercase; }
.lc-rouge { color: var(--lc-red); }
.lc-rouge-noir { color: var(--lc-red-dark); }
.lc-apercu { max-width: 1180px; margin: 0 auto 10px; background: var(--lc-red); color: var(--lc-bone); padding: 8px 14px; }

/* conteneur, comme .site de la maquette */
.lc-site { max-width: 1180px; margin: 0 auto; background: var(--lc-paper); color: var(--lc-body); border: 1px solid var(--lc-rule); overflow: hidden; }

/* wordmark : le O est l'octogone du logo officiel, hauteur de capitale 0,703 em, espacé de 0,055 em */
.lc-wm { font-family: var(--lc-fd); font-weight: 800; text-transform: uppercase; line-height: .86; letter-spacing: 0; display: block; white-space: nowrap; color: var(--lc-bone); }
.lc-wm > span { font-family: var(--lc-fd) !important; font-weight: 800 !important; font-size: 1em !important; letter-spacing: 0 !important; line-height: inherit !important; color: inherit !important; text-transform: uppercase; }
.lc-wm .o { display: inline-block; height: .703em; width: auto; vertical-align: baseline; margin: 0 .055em; }
.lc-wm .o.in { animation: lc-lock .9s cubic-bezier(.2,.9,.25,1.15) .2s both; }
@keyframes lc-lock { from { opacity: 0; transform: rotate(-135deg) scale(.35); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .lc-wm .o.in { animation: none; } }

/* tête noire */
.lc-hero { background: var(--lc-ink); color: var(--lc-bone); padding: 30px 32px 34px; display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); gap: 32px; align-items: end; position: relative; overflow: hidden; }
.lc-hero .lc-h1-wm { margin: 6px 0 14px; padding: 0; font-size: 150px; line-height: .86; }
.lc-hero .lc-h1-wm .lc-wm { font-size: 1em; }
.lc-hero .lc-h1-wm .lc-wm.en { font-size: .693em; }
.lc-hero p { margin: 0; font-size: 19px; line-height: 1.45; max-width: 26em; color: var(--lc-bone); }
.lc-hero .nx { border: 1px solid var(--lc-steel-line); padding: 16px; }
.lc-hero .nx .lbl { color: var(--lc-bone2); display: block; margin-bottom: 10px; }
.lc-hero .nx .digits { display: flex; gap: 6px; min-height: 66px; }
.lc .digits .d { background: var(--lc-steel); min-width: 62px; text-align: center; padding: 10px 6px 8px; }
.lc .digits .d b { display: block; font-family: var(--lc-fd); font-weight: 800; font-size: 38px; line-height: 1; color: var(--lc-bone); }
.lc .digits .d span { font-family: var(--lc-fl); font-weight: 600; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--lc-bone2); }
.lc-hero .nx small { display: block; margin-top: 10px; color: var(--lc-bone2); font-size: 13px; }

.lc-hero--court { grid-template-columns: 1fr; padding: 22px 32px 26px; }
.lc-hero--court .lc-wm-lien { display: block; width: max-content; margin-bottom: 12px; }
.lc-hero--court .lc-wm { font-size: 44px; }
.lc-hero--court .lc-wm.en { font-size: 36px; }
.lc-hero--court h1 { font-family: var(--lc-fd); font-weight: 900; text-transform: uppercase; color: var(--lc-bone); font-size: 56px; line-height: .86; margin: 8px 0 0; letter-spacing: 0; }
.lc-hero--court p { margin-top: 12px; font-size: 16px; color: var(--lc-bone2); }

/* corps de l'inscription */
.lc-body { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); gap: 36px; padding: 30px 32px 40px; }
.lc-form { display: grid; gap: 18px; }
.lc-form .fl, .lc-bloc .fl { color: var(--lc-meta); display: block; margin-bottom: 8px; }
.lc input[type=email], .lc-bloc input[type=email] { width: 100%; font: inherit; font-size: 18px; color: var(--lc-ink); background: var(--lc-card); border: 1.5px solid var(--lc-ink); padding: 14px; border-radius: 0; box-shadow: none; margin: 0; height: auto; }
.lc .tiles { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.lc .tile { position: relative; border: 1.5px solid var(--lc-rule); background: var(--lc-card); padding: 14px 12px 12px; cursor: pointer; display: grid; gap: 6px; align-content: start; transition: border-color .15s, background .15s, color .15s, transform .15s; text-align: left; color: var(--lc-ink); margin: 0; }
.lc .tile:hover { transform: translateY(-2px); }
.lc .tile input, .lc .lgpick input, .lc .lang input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.lc .tile .ic { width: 34px; height: 34px; display: grid; place-items: center; font-family: var(--lc-fd); font-weight: 900; font-size: 15px; position: relative; }
.lc .tile .ic svg { position: absolute; inset: 0; }
.lc .tile .ic span { position: relative; }
.lc .tile b { font-family: var(--lc-fd); font-weight: 800; font-size: 21px; text-transform: uppercase; line-height: .95; }
.lc .tile small { font-size: 12.5px; line-height: 1.35; color: var(--lc-meta); }
.lc .tile:has(input:checked), .lc .tile.on { border-color: var(--lc-ink); background: var(--lc-ink); color: var(--lc-bone); }
.lc .tile:has(input:checked) small, .lc .tile.on small { color: var(--lc-bone2); }
.lc .tile .tick { position: absolute; right: 10px; top: 10px; width: 18px; height: 18px; border: 1.5px solid currentColor; display: grid; place-items: center; font-size: 12px; font-weight: 700; }
.lc .tile:has(input:checked) .tick, .lc .tile.on .tick { background: var(--lc-red); border-color: var(--lc-red); color: var(--lc-bone); }
.lc .tile:has(input:checked) .tick::after, .lc .tile.on .tick::after { content: "✓"; }
.lc .tile:has(input:focus-visible) { outline: 2px solid var(--lc-red); outline-offset: 2px; }

.lc .lgpick { display: flex; flex-wrap: wrap; gap: 6px; }
.lc .lgpick label { margin: 0; cursor: pointer; position: relative; }
.lc .lgpick span { display: inline-block; font-family: var(--lc-fl); font-weight: 700; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; padding: 6px 10px; border: 1px solid var(--lc-ink); background: var(--lc-card); color: var(--lc-ink); }
.lc .lgpick input:checked + span { background: var(--lc-ink); color: var(--lc-bone); }
.lc .lgpick input:focus-visible + span, .lc .lang input:focus-visible + span { outline: 2px solid var(--lc-red); outline-offset: 2px; }

.lc .lang { display: inline-grid; grid-template-columns: 1fr 1fr; border: 1.5px solid var(--lc-ink); }
.lc .lang label { margin: 0; cursor: pointer; position: relative; }
.lc .lang label + label { border-left: 1.5px solid var(--lc-ink); }
.lc .lang span { display: block; font-family: var(--lc-fd); font-weight: 800; font-size: 17px; text-transform: uppercase; padding: 10px 18px; background: var(--lc-card); color: var(--lc-ink); }
.lc .lang input:checked + span { background: var(--lc-ink); color: var(--lc-bone); }

.lc .submit, .lc-bloc .submit { font-family: var(--lc-fl); font-weight: 700; font-size: 14px; letter-spacing: .14em; text-transform: uppercase; padding: 17px 20px; border: 0; border-radius: 0; background: var(--lc-red); color: var(--lc-bone); cursor: pointer; transition: transform .15s; box-shadow: none; line-height: 1.2; }
.lc .submit:hover, .lc-bloc .submit:hover { transform: translateY(-1px); background: var(--lc-red); color: var(--lc-bone); }
.lc .submit[disabled], .lc-bloc .submit[disabled] { opacity: .6; cursor: wait; }
.lc .note, .lc-bloc .note { font-size: 13px; color: var(--lc-meta); margin: 0; }
.lc .note a, .lc-bloc .note a { color: var(--lc-ink); text-decoration: underline; text-underline-offset: 2px; }
.lc .lc-legal { margin-top: -10px; }

.lc .done, .lc-bloc .done { border: 1.5px solid var(--lc-ink); background: var(--lc-card); padding: 22px; display: grid; gap: 10px; color: var(--lc-ink); }
.lc .done b, .lc-bloc .done b { font-family: var(--lc-fd); font-weight: 800; font-size: 34px; text-transform: uppercase; line-height: .92; }
.lc .done p, .lc-bloc .done p { margin: 0; }

.lc .side { display: grid; gap: 22px; align-content: start; }
.lc .mini { border: 1.5px solid var(--lc-ink); background: var(--lc-card); }
.lc .mini .mh { background: var(--lc-ink); color: var(--lc-bone); padding: 10px 14px; display: flex; justify-content: space-between; gap: 10px; }
.lc .mini .mh .lbl:last-child, .lc .mini .mh span:last-child { color: var(--lc-red-dark); }
.lc .mini .st { display: grid; }
.lc .mini .st > div { display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 10px; padding: 10px 14px; border-top: 1px solid var(--lc-rule2); color: var(--lc-ink); transition: opacity .2s; }
.lc .mini .st .rn { font-family: var(--lc-fd); font-weight: 900; font-size: 22px; color: transparent; -webkit-text-stroke: 1px var(--lc-ink); }
.lc .mini .st b { font-family: var(--lc-fd); font-weight: 800; font-size: 18px; text-transform: uppercase; }
.lc .mini .st span.t { font-size: 12.5px; color: var(--lc-meta); text-align: right; }
.lc .mini .st .off { opacity: .3; }

.lc .nots { margin-top: 30px; }
.lc .nots h2, .lc .side h2, .lc .lc-h2 { font-family: var(--lc-fd); font-weight: 800; text-transform: uppercase; color: var(--lc-ink); font-size: 24px; line-height: 1.1; margin: 0 0 8px; letter-spacing: 0; }
.lc .nots ul { list-style: none; margin: 0; padding: 0; border-top: 1.5px solid var(--lc-ink); }
.lc .nots li { display: flex; gap: 10px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--lc-rule2); color: var(--lc-ink); font-size: 15px; margin: 0; }
.lc .nots li svg { width: 12px; height: 12px; flex: none; }

.lc .issue { display: grid; grid-template-columns: 150px 1fr; gap: 14px; border: 1px solid var(--lc-rule); background: var(--lc-card); padding: 10px; align-items: center; }
.lc .issue img { width: 100%; height: auto; display: block; }
.lc .issue b { font-family: var(--lc-fd); font-weight: 800; font-size: 20px; text-transform: uppercase; color: var(--lc-ink); display: block; line-height: 1; }
.lc .issue ul { margin: 6px 0 8px; padding-left: 18px; font-size: 13.5px; }
.lc .issue li { margin: 0; }

/* boutons vers le site */
.lc .more, .lc-bloc .more { display: inline-flex; align-items: center; gap: 10px; font-family: var(--lc-fl); font-weight: 700; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; text-decoration: none; background: var(--lc-ink); color: var(--lc-bone) !important; padding: 13px 18px 13px 20px; border: 0; cursor: pointer; transition: background .15s, transform .15s; line-height: 1.2; }
.lc .more::after, .lc-bloc .more::after { content: ""; width: 16px; height: 10px; flex: none; background: var(--lc-red-dark); clip-path: polygon(0 40%,62% 40%,62% 0,100% 50%,62% 100%,62% 60%,0 60%); transition: transform .15s; }
.lc .more:hover, .lc-bloc .more:hover { background: var(--lc-red); transform: translateY(-1px); }
.lc .more:hover::after, .lc-bloc .more:hover::after { background: var(--lc-bone); transform: translateX(3px); }
.lc .btn { display: inline-block; font-family: var(--lc-fl); font-weight: 700; font-size: 12.5px; letter-spacing: .14em; text-transform: uppercase; text-decoration: none; padding: 13px 18px; border: 1px solid var(--lc-ink); text-align: center; cursor: pointer; background: transparent; color: var(--lc-ink); transition: transform .15s, background .15s, color .15s; border-radius: 0; line-height: 1.2; }
.lc .btn.solid { background: var(--lc-ink); color: var(--lc-bone); }
.lc .btn:hover { transform: translateY(-1px); }

/* pages d'action */
.lc-col { max-width: 720px; margin: 0 auto; padding: 28px 32px 40px; display: grid; gap: 18px; }
.lc .lc-liens { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.lc .lc-fine { margin: 0; font-size: 13.5px; color: var(--lc-meta); }
.lc .lc-tot { color: var(--lc-meta); margin: 6px 0 0; }
.lc .lc-pad { padding: 0 14px 14px; }

.lc .tape { border: 1px solid var(--lc-ink); background: var(--lc-card); }
.lc .tape .hd { background: var(--lc-ink); color: var(--lc-bone); display: flex; justify-content: space-between; gap: 10px; padding: 8px 14px; }
.lc .tape .hd span:last-child { color: var(--lc-red-dark); }
.lc .tape .vs { display: grid; grid-template-columns: 1fr auto 1fr; align-items: end; padding: 16px 14px 10px; gap: 8px; }
.lc .tape .nm { font-family: var(--lc-fd); font-weight: 800; text-transform: uppercase; font-size: 30px; line-height: .88; color: var(--lc-ink); }
.lc .tape .nm small { display: block; font-family: var(--lc-fl); font-weight: 600; font-size: 10.5px; letter-spacing: .14em; margin-bottom: 6px; }
.lc .tape .a { border-left: 4px solid var(--lc-red); padding-left: 10px; }
.lc .tape .a small { color: var(--lc-red); }
.lc .tape .b { text-align: right; border-right: 4px solid var(--lc-ink); padding-right: 10px; }
.lc .tape .b small { color: var(--lc-meta); }
.lc .tape .x { font-family: var(--lc-fd); font-weight: 900; font-size: 22px; color: var(--lc-meta); padding: 0 6px 2px; }
.lc .prob { padding: 10px 14px 14px; border-top: 1px solid var(--lc-rule2); }
.lc .prob .lbl { color: var(--lc-meta); display: flex; justify-content: space-between; gap: 8px; margin-bottom: 6px; }
.lc .pbar { display: flex; height: 12px; background: var(--lc-rule2); }
.lc .pbar .pa { background: var(--lc-red); }
.lc .pbar .pb { background: var(--lc-ink); margin-left: auto; }
.lc .pick { padding: 14px; border-top: 1px solid var(--lc-ink); background: var(--lc-paper); }
.lc .pick .q, .lc .order .q { font-family: var(--lc-fd); font-weight: 800; font-size: 20px; text-transform: uppercase; color: var(--lc-ink); margin: 0 0 10px; }
.lc .pick .opts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.lc .pick .opts a { display: block; text-align: center; font-family: var(--lc-fd); font-weight: 800; font-size: 19px; text-transform: uppercase; letter-spacing: .01em; padding: 14px 10px; border: 1.5px solid var(--lc-ink); background: var(--lc-card); color: var(--lc-ink); transition: background .15s, color .15s, transform .15s; }
.lc .pick .opts a:hover { transform: translateY(-1px); }
.lc .pick .opts a.ra:hover, .lc .pick .opts a.ra[aria-pressed="true"] { background: var(--lc-red); border-color: var(--lc-red); color: var(--lc-bone); }
.lc .pick .opts a.rb:hover, .lc .pick .opts a.rb[aria-pressed="true"] { background: var(--lc-ink); color: var(--lc-bone); }
.lc .pick .res { margin-top: 12px; display: grid; gap: 6px; }
.lc .pick .res .ln { display: grid; grid-template-columns: 90px 1fr 44px; gap: 8px; align-items: center; font-size: 13.5px; color: var(--lc-ink); }
.lc .pick .res .tr { height: 8px; background: var(--lc-rule2); }
.lc .pick .res .tr i { display: block; height: 100%; transition: width .9s cubic-bezier(.2,.8,.2,1); }
.lc .lc-etat .ok { font-size: 14px; color: var(--lc-ink); margin: 12px 0 0; font-weight: 600; }
.lc .lc-etat[data-etat="erreur"] .ok, .lc .lc-etat[data-etat="limite"] .ok { color: var(--lc-red); }
.lc .lc-etat[data-etat="attente"] .ok { color: var(--lc-meta); font-weight: 400; }
.lc .lc-inscr { margin: 12px 0 0; }
.lc .lc-etat noscript .btn { margin-top: 10px; }

.lc .quiz { border: 1.5px solid var(--lc-ink); background: var(--lc-card); }
.lc .quiz .qh { background: var(--lc-ink); color: var(--lc-bone); padding: 8px 14px; display: flex; justify-content: space-between; gap: 10px; }
.lc .quiz .qh span:last-child { color: var(--lc-red-dark); }
.lc .quiz .qq { font-family: var(--lc-fd); font-weight: 800; font-size: 22px; text-transform: uppercase; color: var(--lc-ink); padding: 14px 14px 8px; line-height: 1; }
.lc .quiz .qo { display: grid; gap: 6px; padding: 0 14px 14px; }
.lc .quiz .qo a { display: grid; grid-template-columns: 30px 1fr auto; gap: 10px; align-items: center; text-align: left; border: 1px solid var(--lc-rule); background: var(--lc-paper); padding: 10px; font-size: 15px; color: var(--lc-ink); transition: border-color .15s, background .15s; }
.lc .quiz .qo a:hover { border-color: var(--lc-ink); }
.lc .quiz .qo .l { width: 30px; height: 30px; display: grid; place-items: center; font-family: var(--lc-fd); font-weight: 800; font-size: 16px; position: relative; }
.lc .quiz .qo .l svg { position: absolute; inset: 0; }
.lc .quiz .qo .l span { position: relative; }
.lc .quiz .qo .pc { font-style: normal; font-family: var(--lc-fl); font-weight: 700; font-size: 12px; letter-spacing: .08em; }
.lc .quiz .qo a.good { border-color: var(--lc-ink); background: var(--lc-ink); color: var(--lc-bone); }
.lc .quiz .qo a.bad { border-color: var(--lc-red); color: var(--lc-red); }
.lc .quiz .ex { padding: 0 14px 14px; font-size: 14px; color: var(--lc-ink); }
.lc .quiz .lc-etat .ok { margin-top: 0; }
.lc .lc-academy { display: grid; gap: 12px; justify-items: start; }
.lc .lc-academy .ac { position: relative; width: 100%; }
.lc .lc-academy .ac img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.lc .lc-academy .cap { position: absolute; left: 0; bottom: 0; background: var(--lc-ink); color: var(--lc-bone); padding: 6px 10px; }
.lc .lc-academy > a { margin-right: 6px; }

.lc .order { background: var(--lc-sand); padding: 22px 24px; border: 1px solid var(--lc-rule); }
.lc .order p { margin: 0 0 12px; font-size: 14px; color: var(--lc-body); }
.lc .order .opts { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.lc .order .opts a { display: block; text-align: center; font-family: var(--lc-fd); font-weight: 800; font-size: 17px; text-transform: uppercase; padding: 12px 6px; border: 1.5px solid var(--lc-ink); background: var(--lc-paper); color: var(--lc-ink); }
.lc .order .opts a[aria-pressed="true"] { background: var(--lc-ink); color: var(--lc-bone); }
.lc .order .lc-etat .ok { margin: 10px 0 0; }

/* version en ligne */
.lc-num__barre { background: var(--lc-ink); color: var(--lc-bone2); padding: 9px 24px; display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; border-top: 1px solid var(--lc-steel-line); }
.lc-num__barre a { color: var(--lc-bone); }
.lc-num__mail { background: var(--lc-sand); padding: 28px 12px; }
.lc-num__mail .lc-mail { max-width: 600px; margin: 0 auto; background: var(--lc-paper); box-shadow: 0 0 0 1px var(--lc-rule); }
.lc-num__mail table { border-collapse: collapse; margin: 0; }
.lc-num__mail td, .lc-num__mail th { border: 0; }
.lc-num__mail img { max-width: 100%; }
.lc-num__mail a { text-decoration: none; }
.lc-num__mail p { margin: 13px 0; }
.lc .lc-cdw { display: flex; gap: 4px; }
.lc .lc-cdw .d { min-width: 54px; }
.lc .lc-cdw .d b { font-size: 30px; }
.lc .lc-arch { list-style: none; margin: 0; padding: 0; border-top: 1.5px solid var(--lc-ink); }
.lc .lc-arch li { margin: 0; border-bottom: 1px solid var(--lc-rule2); }
.lc .lc-arch a { display: grid; grid-template-columns: 56px 1fr; gap: 12px; align-items: center; padding: 12px 0; color: var(--lc-ink); }
.lc .lc-arch .rn { font-family: var(--lc-fd); font-weight: 900; font-size: 34px; color: transparent; -webkit-text-stroke: 1.2px var(--lc-ink); line-height: 1; }
.lc .lc-arch li.on .rn { -webkit-text-stroke-color: var(--lc-red); }
.lc .lc-arch b { display: block; font-family: var(--lc-fd); font-weight: 800; font-size: 19px; text-transform: uppercase; line-height: 1.05; }
.lc .lc-arch small { color: var(--lc-meta); font-size: 13px; }

/* bloc compact */
.lc-bloc { background: var(--lc-ink); color: var(--lc-bone); padding: 26px 28px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 28px; align-items: end; margin: 36px 0 8px; border: 0; font-size: 15px; line-height: 1.5; }
.lc-bloc .lc-wm { font-size: 72px; margin: 8px 0 12px; }
.lc-bloc .lc-wm.en { font-size: 54px; }
.lc-bloc p { margin: 0; color: var(--lc-bone); }
.lc-bloc .lc-bloc__g p { font-size: 16px; line-height: 1.45; max-width: 26em; }
.lc-bloc .fl { color: var(--lc-bone2); }
.lc-bloc__f { display: grid; gap: 10px; }
.lc-bloc__l { display: flex; flex-wrap: wrap; gap: 8px; }
.lc-bloc__l input[type=email] { flex: 1 1 240px; }
.lc-bloc__l .submit { flex: 1 1 auto; }
.lc-bloc input[type=email] { border-color: var(--lc-bone); background: var(--lc-card); }
.lc-bloc .note { color: var(--lc-bone2); }
.lc-bloc .note a { color: var(--lc-bone); }
.lc-bloc .done { grid-column: -2 / -1; }
.lc .lc-archive .lc-bloc { margin-top: 18px; }
.lc-archive { padding-top: 32px; }

/* largeurs, comme la maquette */
@media (max-width: 820px) {
	.lc-hero, .lc-body, .lc-bloc { grid-template-columns: 1fr; }
	.lc-hero .lc-h1-wm { font-size: 104px; }
	.lc-hero .lc-h1-wm .lc-wm.en { font-size: .77em; }
	.lc-bloc .done { grid-column: 1; }
}
@media (max-width: 560px) {
	.lc { padding: 16px 0 40px; }
	.lc-site { border-left: 0; border-right: 0; }
	.lc-hero, .lc-body, .lc-col { padding-left: 16px; padding-right: 16px; }
	.lc-hero .lc-h1-wm { font-size: 78px; }
	.lc-hero .lc-h1-wm .lc-wm.en { font-size: .69em; }
	.lc .tiles { grid-template-columns: 1fr; }
	.lc .digits .d { min-width: 0; flex: 1; }
	.lc-hero--court h1 { font-size: 42px; }
	.lc .tape .nm { font-size: 24px; }
	.lc .issue { grid-template-columns: 110px 1fr; }
	.lc-num__mail { padding: 0; }
	.lc-num__barre { padding: 9px 16px; }
	.lc-bloc { padding: 22px 16px; }
	.lc-bloc .lc-wm { font-size: 60px; }
	.lc-bloc .lc-wm.en { font-size: 44px; }
}

/* Inscription partout (31/10/2026) : encart dans les articles longs, mention, case des offres */
.lc-bloc .lc-legal { font-size: 12px; line-height: 1.45; color: var(--lc-bone2); }
.lc-bloc .lc-legal a, .lc-bloc .note a { color: var(--lc-bone); }
.lc-offres { display: flex; gap: 8px; align-items: flex-start; }
.lc-offres input[type=checkbox] { margin: 3px 0 0; flex: none; width: 16px; height: 16px; accent-color: var(--lc-red); }
.lc-bloc .lc-offres label { color: var(--lc-bone); font-size: 13px; }
.lc-bloc--encart { padding: 20px 22px; gap: 18px; margin: 28px 0; }
.lc-bloc--encart .lc-wm { font-size: 40px; margin: 6px 0 8px; }
.lc-bloc--encart .lc-wm.en { font-size: 32px; }
.lc-bloc--encart .lc-bloc__g p { font-size: 15px; }