/*
Theme Name: Cecilia Tetard - Politique Confidentialite V01
Version: 1.0.0
*/
:root{--cream:#fbf7f1;--paper:#fff;--forest:#123f31;--terra:#9b432f;--ink:#26312c;--muted:#69706c;--line:#e8e2da;--blush:#f7e5df}
*{box-sizing:border-box}
body{margin:0;font-family:Montserrat,Arial,sans-serif;color:var(--ink);background:#fff}
a{color:inherit;text-decoration:none}
.header{height:74px;padding:0 6%;display:flex;align-items:center;border-bottom:1px solid #eee;background:#fff}
.brand strong{display:block;font:500 25px/1 "Cormorant Garamond",Georgia,serif}
.brand span{font-size:10px}
.nav{margin-left:auto;display:flex;gap:24px;align-items:center;font-size:11px}
.nav .cta{background:var(--forest);color:#fff;padding:14px 22px;border-radius:24px}
.hero{background:var(--cream);padding:64px 20px 58px;text-align:center}
.hero small{letter-spacing:.22em;color:var(--terra);font-size:10px}
.hero h1{font:500 52px/1 "Cormorant Garamond",Georgia,serif;color:var(--terra);margin:13px 0}
.hero p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}
.legal-wrap{max-width:980px;margin:0 auto;padding:50px 24px 68px;display:grid;grid-template-columns:230px 1fr;gap:52px}
.toc{position:sticky;top:25px;align-self:start;background:#f5f6f1;border-radius:10px;padding:22px}
.toc strong{font:500 20px "Cormorant Garamond",Georgia,serif}
.toc a{display:block;font-size:10px;line-height:1.45;margin:10px 0;color:#4f5c55}
.content h2{font:500 28px/1.15 "Cormorant Garamond",Georgia,serif;color:var(--terra);margin:34px 0 12px;padding-top:4px}
.content h2:first-child{margin-top:0}
.content p,.content li{font-size:12px;line-height:1.8}
.content ul,.content ol{padding-left:20px}
.content a{color:var(--terra);text-decoration:underline}
.notice{background:#f3f5ef;border-left:3px solid #5b785f;padding:16px 18px;margin:22px 0;border-radius:0 8px 8px 0}
.updated{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}
.news{background:var(--blush);padding:20px 6%;display:flex;align-items:center;gap:25px}
.news h2{font:500 23px "Cormorant Garamond",Georgia,serif;color:var(--terra);margin:0}
.news p{font-size:10px;margin:3px 0}
.news form{margin-left:auto;display:flex;gap:9px}
.news input{border:0;border-radius:24px;padding:12px 18px;width:250px}
.news button{border:0;border-radius:24px;background:var(--forest);color:#fff;padding:12px 23px}
.footer{background:var(--forest);color:#fff;padding:28px 6% 15px}
.fg{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:30px}
.footer h3{font-size:10px}
.footer a{display:block;font-size:9px;margin:6px 0}
.footer .name{font:500 21px "Cormorant Garamond",Georgia,serif}
.footer p{font-size:9px;line-height:1.6}
.fb{border-top:1px solid #ffffff40;margin-top:20px;padding-top:12px;font-size:8px}
@media(max-width:850px){
  .nav{display:none}
  .legal-wrap{grid-template-columns:1fr}
  .toc{position:static}
  .fg{grid-template-columns:1fr 1fr}
  .news{flex-wrap:wrap}
  .news form{margin-left:0;width:100%}
  .news input{flex:1}
}
@media(max-width:520px){
  .hero h1{font-size:42px}
  .legal-wrap{padding:35px 18px}
  .news form{flex-direction:column}
  .news input{width:100%}
  .fg{grid-template-columns:1fr}
}